feat: add insights data collection (#1148)

maiieul · web-flow · commit 21bd5f44bdf3 · 2025-09-30T10:52:30.000+02:00
diff --git a/apps/website/q-insights.json b/apps/website/q-insights.json
@@ -0,0 +1 @@
+{"manual":{"s2g3ySl4oC0":"bundle_kka83r","8k0QF0kHOh4":"bundle_kka83r","qZdJbomELRE":"bundle_kka83r","GDdQTzyqtL4":"bundle_kka83r","Cj001qTgb0Q":"bundle_kka83r","Ls6XITa7SAc":"bundle_kka83r","vx1zEYLlXuU":"bundle_kka83r","tYnx64EilWs":"bundle_kka83r","edpUY02B90s":"bundle_kka83r","uhY2tomah6c":"bundle_kka83r","eMvF2HKX9WM":"bundle_kka83r","4DmzQtoIVPA":"bundle_vanl6a","UHm20YTnam8":"bundle_vanl6a","yV34xs7eOGc":"bundle_vanl6a","mYe5pDrsVJg":"bundle_vanl6a","2EREqIr6Kd0":"bundle_vanl6a","wkdINL10t1M":"bundle_vanl6a","aKkAwjSyqBQ":"bundle_vanl6a","Ygej0BjMiic":"bundle_456zph"},"prefetch":[{"route":"docs/styled/accordion/","symbols":["2EREqIr6Kd0","aKkAwjSyqBQ","yV34xs7eOGc","8k0QF0kHOh4","Cj001qTgb0Q","GDdQTzyqtL4","Ls6XITa7SAc","Ygej0BjMiic","eMvF2HKX9WM","edpUY02B90s","mYe5pDrsVJg","qZdJbomELRE","s2g3ySl4oC0","tYnx64EilWs","uhY2tomah6c","vx1zEYLlXuU","wkdINL10t1M","4DmzQtoIVPA","UHm20YTnam8"]}],"type":"smart"}
diff --git a/apps/website/src/entry.cloudflare-pages.tsx b/apps/website/src/entry.cloudflare-pages.tsx
@@ -12,13 +12,12 @@ import {
   type PlatformCloudflarePages,
 } from '@builder.io/qwik-city/middleware/cloudflare-pages';
 import qwikCityPlan from '@qwik-city-plan';
-import { manifest } from '@qwik-client-manifest';
 import render from './entry.ssr';
 
 declare global {
-  interface QwikCityPlatform extends PlatformCloudflarePages {}
+  type QwikCityPlatform = PlatformCloudflarePages;
 }
 
-const fetch = createQwikCity({ render, qwikCityPlan, manifest });
+const fetch = createQwikCity({ render, qwikCityPlan });
 
 export { fetch };
diff --git a/apps/website/src/entry.preview.tsx b/apps/website/src/entry.preview.tsx
@@ -11,8 +11,8 @@
  *
  */
 import { createQwikCity } from '@builder.io/qwik-city/middleware/node';
-import render from './entry.ssr';
 import qwikCityPlan from '@qwik-city-plan';
+import render from './entry.ssr';
 
 /**
  * The default export is the QwikCity adaptor used by Vite preview.
diff --git a/apps/website/src/entry.ssr.tsx b/apps/website/src/entry.ssr.tsx
@@ -16,10 +16,6 @@ import Root from './root';
 
 export default function (opts: RenderToStreamOptions) {
   return renderToStream(<Root />, {
-    preloader: {
-      ssrPreloads: 20,
-      maxIdlePreloads: 25,
-    },
     manifest,
     ...opts,
     // Use container attributes to set attributes on the html tag.
diff --git a/apps/website/src/root.tsx b/apps/website/src/root.tsx
@@ -1,5 +1,6 @@
 import { component$, useContextProvider, useStore, useStyles$ } from '@builder.io/qwik';
 import { QwikCityProvider, RouterOutlet } from '@builder.io/qwik-city';
+import { Insights } from '@builder.io/qwik-labs';
 
 import { APP_STATE_CONTEXT_ID } from './_state/app-state-context-id';
 import { AppState } from './_state/app-state.type';
@@ -43,6 +44,8 @@ export default component$(() => {
         <meta charset="utf-8" />
         <link rel="manifest" href="/manifest.json" />
         <RouterHead />
+        <script dangerouslySetInnerHTML={`(${collectSymbols})()`} />
+        <Insights publicApiKey={'1uelfebvo7l'} />
       </head>
       <body lang="en">
         <ThemeProvider
@@ -72,3 +75,10 @@ export default component$(() => {
     </QwikCityProvider>
   );
 });
+
+export function collectSymbols() {
+  (window as any).symbols = [];
+  document.addEventListener('qsymbol', (e) =>
+    (window as any).symbols.push((e as any).detail.symbol),
+  );
+}
diff --git a/apps/website/vite.config.ts b/apps/website/vite.config.ts
@@ -6,6 +6,8 @@ import { recmaProvideComponents } from './recma-provide-components';
 import autoAPI from './auto-api';
 import { ShikiTransformer } from 'shiki';
 import tailwindcss from '@tailwindcss/vite';
+import { qwikInsights } from '@builder.io/qwik-labs/vite';
+import basicSsl from '@vitejs/plugin-basic-ssl';
 
 export default defineConfig(async () => {
   const { default: shikiRehype } = await import('@shikijs/rehype');
@@ -36,7 +38,7 @@ export default defineConfig(async () => {
       }),
       qwikVite({
         lint: false,
-        debug: false,
+        debug: true,
         tsconfigFileNames: ['tsconfig.app.json'],
         client: {
           outDir: '../../dist/apps/website/client',
@@ -49,6 +51,8 @@ export default defineConfig(async () => {
       // Uncomment for debugging preview with http2 via https
       // basicSsl(),
       tailwindcss(),
+      // qwikInsights({ publicApiKey: '1uelfebvo7l' }),
+      basicSsl(),
     ],
 
     server: {
diff --git a/package.json b/package.json
@@ -49,8 +49,9 @@
   "packageManager": "pnpm@10.15.0",
   "devDependencies": {
     "@axe-core/playwright": "^4.10.2",
-    "@builder.io/qwik": "1.16.1",
-    "@builder.io/qwik-city": "1.16.1",
+    "@builder.io/qwik": "https://pkg.pr.new/@builder.io/qwik@dc830b4",
+    "@builder.io/qwik-city": "https://pkg.pr.new/@builder.io/qwik-city@dc830b4",
+    "@builder.io/qwik-labs": "github:QwikDev/qwik-labs-build#main",
     "@changesets/cli": "^2.29.7",
     "@changesets/get-github-info": "^0.6.0",
     "@changesets/types": "^6.1.0",
@@ -117,6 +118,7 @@
     "prettier-plugin-tailwindcss": "^0.6.14",
     "pretty-quick": "^4.2.2",
     "qwik-nx": "^3.2.1",
+    "rollup": "4.52.3",
     "sass": "^1.93.2",
     "shiki": "^3.13.0",
     "simple-git-hooks": "2.11.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1 @@`
	`1`	+{"manual":{"s2g3ySl4oC0":"bundle_kka83r","8k0QF0kHOh4":"bundle_kka83r","qZdJbomELRE":"bundle_kka83r","GDdQTzyqtL4":"bundle_kka83r","Cj001qTgb0Q":"bundle_kka83r","Ls6XITa7SAc":"bundle_kka83r","vx1zEYLlXuU":"bundle_kka83r","tYnx64EilWs":"bundle_kka83r","edpUY02B90s":"bundle_kka83r","uhY2tomah6c":"bundle_kka83r","eMvF2HKX9WM":"bundle_kka83r","4DmzQtoIVPA":"bundle_vanl6a","UHm20YTnam8":"bundle_vanl6a","yV34xs7eOGc":"bundle_vanl6a","mYe5pDrsVJg":"bundle_vanl6a","2EREqIr6Kd0":"bundle_vanl6a","wkdINL10t1M":"bundle_vanl6a","aKkAwjSyqBQ":"bundle_vanl6a","Ygej0BjMiic":"bundle_456zph"},"prefetch":[{"route":"docs/styled/accordion/","symbols":["2EREqIr6Kd0","aKkAwjSyqBQ","yV34xs7eOGc","8k0QF0kHOh4","Cj001qTgb0Q","GDdQTzyqtL4","Ls6XITa7SAc","Ygej0BjMiic","eMvF2HKX9WM","edpUY02B90s","mYe5pDrsVJg","qZdJbomELRE","s2g3ySl4oC0","tYnx64EilWs","uhY2tomah6c","vx1zEYLlXuU","wkdINL10t1M","4DmzQtoIVPA","UHm20YTnam8"]}],"type":"smart"}
Original file line number	Diff line number	Diff line change
`@@ -11,8 +11,8 @@`
`11`	`11`	`*`
`12`	`12`	`*/`
`13`	`13`	`import { createQwikCity } from '@builder.io/qwik-city/middleware/node';`
`14`		`-import render from './entry.ssr';`
`15`	`14`	`import qwikCityPlan from '@qwik-city-plan';`
	`15`	`+import render from './entry.ssr';`
`16`	`16`
`17`	`17`	`/**`
`18`	`18`	`* The default export is the QwikCity adaptor used by Vite preview.`