From df3a8fb4e3df9ab99e3206dea37ecf72609d40f5 Mon Sep 17 00:00:00 2001
From: thejackshelton <me@jackshelton.com>
Date: Fri, 15 Nov 2024 21:16:03 -0600
Subject: [PATCH 1/3] test v2 preload

---
 .../module-preload/module-preload.tsx         |  56 ++++
 packages/docs/src/entry.ssr.tsx               |  11 -
 packages/docs/src/root.tsx                    |   2 +
 packages/qwik-labs/vite/index.cjs             | 261 ++++++++++++++++++
 packages/qwik-labs/vite/index.d.ts            |   2 +
 packages/qwik-labs/vite/index.js              | 255 +++++++++++++++++
 packages/qwik-labs/vite/insights/index.d.ts   |   7 +
 .../qwik-labs/vite/qwik-types/generator.d.ts  |   5 +
 packages/qwik-labs/vite/qwik-types/index.d.ts |   1 +
 .../qwik-labs/vite/qwik-types/prettify.d.ts   |   4 +
 packages/qwik-labs/vite/qwik-types/vite.d.ts  |   3 +
 11 files changed, 596 insertions(+), 11 deletions(-)
 create mode 100644 packages/docs/src/components/module-preload/module-preload.tsx
 create mode 100644 packages/qwik-labs/vite/index.cjs
 create mode 100644 packages/qwik-labs/vite/index.d.ts
 create mode 100644 packages/qwik-labs/vite/index.js
 create mode 100644 packages/qwik-labs/vite/insights/index.d.ts
 create mode 100644 packages/qwik-labs/vite/qwik-types/generator.d.ts
 create mode 100644 packages/qwik-labs/vite/qwik-types/index.d.ts
 create mode 100644 packages/qwik-labs/vite/qwik-types/prettify.d.ts
 create mode 100644 packages/qwik-labs/vite/qwik-types/vite.d.ts

diff --git a/packages/docs/src/components/module-preload/module-preload.tsx b/packages/docs/src/components/module-preload/module-preload.tsx
new file mode 100644
index 00000000000..ac4e05db9c8
--- /dev/null
+++ b/packages/docs/src/components/module-preload/module-preload.tsx
@@ -0,0 +1,56 @@
+import { component$, sync$, useOnWindow } from '@qwik.dev/core';
+
+export const ModulePreload = component$(() => {
+  useOnWindow(
+    'load',
+    sync$(() => {
+      // for safari support
+      if (!window.requestIdleCallback) {
+        window.requestIdleCallback = function (
+          callback: IdleRequestCallback,
+          options?: IdleRequestOptions
+        ): number {
+          const opts = options || {};
+          const relaxation = 1;
+          const timeout = opts.timeout || relaxation;
+          const start = performance.now();
+          return setTimeout(function () {
+            callback({
+              get didTimeout() {
+                return opts.timeout ? false : performance.now() - start - relaxation > timeout;
+              },
+              timeRemaining: function () {
+                return Math.max(0, relaxation + (performance.now() - start));
+              },
+            });
+          }, relaxation) as unknown as number;
+        };
+      }
+
+      const startPreloading = () => {
+        const stateScript = document.querySelector('script[type="qwik/state"]');
+        if (!stateScript?.textContent) return;
+
+        const state = JSON.parse(stateScript.textContent);
+        const qChunks = new Set<string>();
+
+        JSON.stringify(state).replace(/q-[A-Za-z0-9_]+\.js/g, (match) => {
+          qChunks.add(match);
+          return match;
+        });
+
+        qChunks.forEach((chunk) => {
+          const link = document.createElement('link');
+          link.rel = 'modulepreload';
+          link.as = 'script';
+          link.href = 'build/' + chunk;
+          document.head.appendChild(link);
+        });
+      };
+
+      requestIdleCallback(startPreloading);
+    })
+  );
+
+  return <></>;
+});
diff --git a/packages/docs/src/entry.ssr.tsx b/packages/docs/src/entry.ssr.tsx
index ac4c54f5fe7..83c7cb93d75 100644
--- a/packages/docs/src/entry.ssr.tsx
+++ b/packages/docs/src/entry.ssr.tsx
@@ -14,16 +14,5 @@ export default function (opts: RenderToStreamOptions) {
       lang: 'en',
       ...opts.containerAttributes,
     },
-    // Core Web Vitals experiment until November 8: Do not remove! Reach out to @maiieul first if you believe you have a good reason to change this.
-    prefetchStrategy: {
-      implementation: {
-        linkInsert: 'html-append',
-        linkRel: 'modulepreload',
-      },
-    },
-    // Core Web Vitals experiment until November 8: Do not remove! Reach out to @maiieul first if you believe you have a good reason to change this.
-    qwikPrefetchServiceWorker: {
-      include: false,
-    },
   });
 }
diff --git a/packages/docs/src/root.tsx b/packages/docs/src/root.tsx
index 26c489b8ee0..d30da4ca382 100644
--- a/packages/docs/src/root.tsx
+++ b/packages/docs/src/root.tsx
@@ -6,6 +6,7 @@ import { RouterHead } from './components/router-head/router-head';
 import { BUILDER_PUBLIC_API_KEY } from './constants';
 import { GlobalStore, type SiteStore } from './context';
 import './global.css';
+import { ModulePreload } from './components/module-preload/module-preload';
 
 export const uwu = /*javascript*/ `
 ;(function () {
@@ -76,6 +77,7 @@ export default component$(() => {
 
         {/* <script dangerouslySetInnerHTML={`(${collectSymbols})()`} /> */}
         <Insights publicApiKey={import.meta.env.PUBLIC_QWIK_INSIGHTS_KEY} />
+        <ModulePreload />
       </head>
       <body
         class={{
diff --git a/packages/qwik-labs/vite/index.cjs b/packages/qwik-labs/vite/index.cjs
new file mode 100644
index 00000000000..5c24f9ce249
--- /dev/null
+++ b/packages/qwik-labs/vite/index.cjs
@@ -0,0 +1,261 @@
+'use strict';
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const fs = require('fs');
+const promises = require('fs/promises');
+const node_path = require('node:path');
+const promises$1 = require('node:fs/promises');
+const standalone = require('prettier/standalone');
+const logWarn = (message) => {
+  console.warn('\x1B[33m%s\x1B[0m', `qwikInsight()[WARN]: ${message}`);
+};
+const log = (message) => {
+  console.log('\x1B[35m%s\x1B[0m', `qwikInsight(): ${message}`);
+};
+async function qwikInsights(qwikInsightsOpts) {
+  const {
+    publicApiKey,
+    baseUrl = 'https://qwik-insights.builder.io',
+    outDir = 'dist',
+  } = qwikInsightsOpts;
+  let isProd = false;
+  const vitePlugin = {
+    name: 'vite-plugin-qwik-insights',
+    enforce: 'pre',
+    apply: 'build',
+    async config(viteConfig) {
+      isProd = viteConfig.mode !== 'ssr';
+      if (isProd) {
+        const qManifest = { type: 'smart' };
+        try {
+          const response = await fetch(`${baseUrl}/api/v1/${publicApiKey}/bundles/strategy/`);
+          const strategy = await response.json();
+          Object.assign(qManifest, strategy);
+        } catch (e) {
+          logWarn('fail to fetch manifest from Insights DB');
+        }
+        const cwdRelativePath = node_path.join(viteConfig.root || '.', outDir);
+        const cwdRelativePathJson = node_path.join(cwdRelativePath, 'q-insights.json');
+        if (!fs.existsSync(node_path.join(process.cwd(), cwdRelativePath))) {
+          fs.mkdirSync(node_path.join(process.cwd(), cwdRelativePath), { recursive: true });
+        }
+        log('Fetched latest Qwik Insight data into: ' + cwdRelativePathJson);
+        await promises.writeFile(
+          node_path.join(process.cwd(), cwdRelativePathJson),
+          JSON.stringify(qManifest)
+        );
+      }
+    },
+    closeBundle: async () => {
+      const path = node_path.join(process.cwd(), outDir, 'q-manifest.json');
+      if (isProd && fs.existsSync(path)) {
+        const qManifest = await promises.readFile(path, 'utf-8');
+        try {
+          await fetch(`${baseUrl}/api/v1/${publicApiKey}/post/manifest`, {
+            method: 'post',
+            body: qManifest,
+          });
+        } catch (e) {
+          logWarn('fail to post manifest to Insights DB');
+        }
+      }
+    },
+  };
+  return vitePlugin;
+}
+async function prettify(template, ...substitutions) {
+  let source = '';
+  for (let i = 0; i < template.length; i++) {
+    source += template[i] + (i < substitutions.length ? String(substitutions[i]) : '');
+  }
+  try {
+    source = await standalone.format(source, {
+      parser: 'typescript',
+      plugins: [
+        // To support running in browsers
+        require('prettier/plugins/estree'),
+        require('prettier/parser-typescript'),
+        require('prettier/parser-postcss'),
+        require('prettier/parser-html'),
+        require('prettier/parser-babel'),
+      ],
+      htmlWhitespaceSensitivity: 'ignore',
+    });
+  } catch (e) {
+    throw new Error(
+      e +
+        '\n========================================================================\n' +
+        source +
+        '\n\n========================================================================'
+    );
+  }
+  return source;
+}
+async function generateRouteTypes(srcDir, routesDir, routes) {
+  await generateSrcRoutesConfig(srcDir);
+  await generateSrcRoutesGen(srcDir, routes);
+}
+async function generateSrcRoutesConfig(srcDir) {
+  const CONFIG_FILE = await prettify`
+/**
+ * This file is created as part of the typed routes, but it is intended to be modified by the developer.
+ *
+ * @fileoverview
+ */
+import { untypedAppUrl, omitProps } from '@builder.io/qwik-labs';
+import { type AppLinkProps, type AppRouteParamsFunction } from './routes.gen';
+import { type QwikIntrinsicElements } from '@builder.io/qwik';
+
+/**
+ * Configure \`appUrl\` with the typed information of routes.
+ */
+export const appUrl = untypedAppUrl as AppRouteParamsFunction;
+
+/**
+ * Configure \`<AppLink/>\` component with the typed information of routes.
+ *
+ * NOTE: you may consider changing \`<a>\` to \`<Link>\` to be globally applied across your application.
+ */
+export function AppLink(props: AppLinkProps & QwikIntrinsicElements['a']) {
+  return (
+    <a
+      href={(appUrl as (route: string, props: any, prefix: string) => string)(
+        props.route,
+        props,
+        'param:'
+      )}
+      {...omitProps(props, ['href'])}
+    >
+      {props.children}
+    </a>
+  );
+}
+`;
+  const file = node_path.join(srcDir, 'routes.config.tsx');
+  const fileExists = await exists(file);
+  console.log('File exists', file, fileExists);
+  if (!fileExists) {
+    promises$1.writeFile(file, CONFIG_FILE);
+  }
+}
+async function exists(file) {
+  try {
+    return (await promises$1.stat(file)).isFile();
+  } catch (e) {
+    return false;
+  }
+}
+async function generateSrcRoutesGen(srcDir, routes) {
+  await promises$1.writeFile(
+    node_path.join(srcDir, 'routes.gen.d.ts'),
+    await prettify`
+${GENERATED_HEADER}
+
+export type AppRoutes = ${routes.map((r) => s(r)).join('|')};
+
+export interface AppRouteMap {
+  ${routes.map((r) => s(r) + ':' + toInterface('', r))}
+};
+
+export interface AppRouteParamsFunction {
+  ${routes.map((r) => `(route: ${s(r)}, ${toInterface('params', r)}): string`).join(';')}
+}
+
+export type AppLinkProps = ${routes
+      .map(
+        (route) =>
+          `{ route: ${s(route)}, ${toParams(route)
+            .map((param) => s('param:' + param) + ': string')
+            .join(';')}}`
+      )
+      .join('|')}
+`
+  );
+}
+function toParams(route) {
+  const params = [];
+  const parts = route.split('/');
+  parts.forEach((part) => {
+    if (part.startsWith('[') && part.endsWith(']')) {
+      params.push(part.substring(part.startsWith('[...') ? 4 : 1, part.length - 1));
+    }
+  });
+  return params;
+}
+function toInterface(paramName, route) {
+  const params = toParams(route);
+  return (
+    (paramName ? paramName + (params.length ? ':' : '?:') : '') +
+    '{' +
+    params.map((param) => param + ': string').join(';') +
+    '}'
+  );
+}
+const GENERATED_HEADER = `
+///////////////////////////////////////////////////////////////////////////
+/// GENERATED FILE --- DO NOT EDIT --- YOUR CHANGES WILL BE OVERWRITTEN ///
+///////////////////////////////////////////////////////////////////////////
+`;
+function s(text) {
+  return JSON.stringify(text);
+}
+function qwikTypes() {
+  const srcFolder = node_path.join(process.cwd(), 'src');
+  const routesFolder = node_path.join(srcFolder, 'routes');
+  return {
+    name: 'Qwik Type Generator',
+    async buildStart() {
+      await regenerateRoutes(srcFolder, routesFolder);
+    },
+  };
+}
+async function regenerateRoutes(srcDir, routesDir) {
+  assertDirectoryExists(srcDir);
+  assertDirectoryExists(routesDir);
+  const routes = [];
+  await collectRoutes(routesDir, routesDir, routes);
+  routes.sort();
+  generateRouteTypes(srcDir, routesDir, routes);
+  const seenRoutes = /* @__PURE__ */ new Set();
+  routes.forEach((route) => seenRoutes.add(node_path.join(routesDir, route, `index.tsx`)));
+  return seenRoutes;
+}
+async function assertDirectoryExists(directoryPath) {
+  try {
+    const stats = await promises$1.stat(directoryPath);
+    if (!stats.isDirectory()) {
+      throw new Error(`${directoryPath} is not a directory.`);
+    }
+  } catch (error) {
+    throw new Error(`Directory ${directoryPath} does not exist.`);
+  }
+}
+function getRouteDirectory(id) {
+  const lastSlash = id.lastIndexOf(node_path.sep);
+  const filename = id.substring(lastSlash + 1);
+  if (
+    filename.endsWith('index.md') ||
+    filename.endsWith('index.mdx') ||
+    filename.endsWith('index.js') ||
+    filename.endsWith('index.jsx') ||
+    filename.endsWith('index.ts') ||
+    filename.endsWith('index.tsx')
+  ) {
+    return id.substring(0, lastSlash + 1);
+  }
+  return null;
+}
+async function collectRoutes(base, directoryPath, routes) {
+  const files = await promises$1.readdir(directoryPath);
+  for (let i = 0; i < files.length; i++) {
+    const filePath = node_path.join(directoryPath, files[i]);
+    const fileStat = await promises$1.stat(filePath);
+    let route;
+    if (fileStat.isDirectory()) {
+      await collectRoutes(base, filePath, routes);
+    } else if ((route = getRouteDirectory(filePath)) !== null) {
+      routes.push(route.substring(base.length).replaceAll(node_path.sep, '/'));
+    }
+  }
+}
+exports.qwikInsights = qwikInsights;
+exports.qwikTypes = qwikTypes;
diff --git a/packages/qwik-labs/vite/index.d.ts b/packages/qwik-labs/vite/index.d.ts
new file mode 100644
index 00000000000..8e269010230
--- /dev/null
+++ b/packages/qwik-labs/vite/index.d.ts
@@ -0,0 +1,2 @@
+export * from './insights';
+export * from './qwik-types';
diff --git a/packages/qwik-labs/vite/index.js b/packages/qwik-labs/vite/index.js
new file mode 100644
index 00000000000..3b6842b27c8
--- /dev/null
+++ b/packages/qwik-labs/vite/index.js
@@ -0,0 +1,255 @@
+import { existsSync, mkdirSync } from 'fs';
+import { writeFile, readFile } from 'fs/promises';
+import { join, sep } from 'node:path';
+import { writeFile as writeFile$1, stat, readdir } from 'node:fs/promises';
+import { format } from 'prettier/standalone';
+const logWarn = (message) => {
+  console.warn('\x1B[33m%s\x1B[0m', `qwikInsight()[WARN]: ${message}`);
+};
+const log = (message) => {
+  console.log('\x1B[35m%s\x1B[0m', `qwikInsight(): ${message}`);
+};
+async function qwikInsights(qwikInsightsOpts) {
+  const {
+    publicApiKey,
+    baseUrl = 'https://qwik-insights.builder.io',
+    outDir = 'dist',
+  } = qwikInsightsOpts;
+  let isProd = false;
+  const vitePlugin = {
+    name: 'vite-plugin-qwik-insights',
+    enforce: 'pre',
+    apply: 'build',
+    async config(viteConfig) {
+      isProd = viteConfig.mode !== 'ssr';
+      if (isProd) {
+        const qManifest = { type: 'smart' };
+        try {
+          const response = await fetch(`${baseUrl}/api/v1/${publicApiKey}/bundles/strategy/`);
+          const strategy = await response.json();
+          Object.assign(qManifest, strategy);
+        } catch (e) {
+          logWarn('fail to fetch manifest from Insights DB');
+        }
+        const cwdRelativePath = join(viteConfig.root || '.', outDir);
+        const cwdRelativePathJson = join(cwdRelativePath, 'q-insights.json');
+        if (!existsSync(join(process.cwd(), cwdRelativePath))) {
+          mkdirSync(join(process.cwd(), cwdRelativePath), { recursive: true });
+        }
+        log('Fetched latest Qwik Insight data into: ' + cwdRelativePathJson);
+        await writeFile(join(process.cwd(), cwdRelativePathJson), JSON.stringify(qManifest));
+      }
+    },
+    closeBundle: async () => {
+      const path = join(process.cwd(), outDir, 'q-manifest.json');
+      if (isProd && existsSync(path)) {
+        const qManifest = await readFile(path, 'utf-8');
+        try {
+          await fetch(`${baseUrl}/api/v1/${publicApiKey}/post/manifest`, {
+            method: 'post',
+            body: qManifest,
+          });
+        } catch (e) {
+          logWarn('fail to post manifest to Insights DB');
+        }
+      }
+    },
+  };
+  return vitePlugin;
+}
+async function prettify(template, ...substitutions) {
+  let source = '';
+  for (let i = 0; i < template.length; i++) {
+    source += template[i] + (i < substitutions.length ? String(substitutions[i]) : '');
+  }
+  try {
+    source = await format(source, {
+      parser: 'typescript',
+      plugins: [
+        // To support running in browsers
+        require('prettier/plugins/estree'),
+        require('prettier/parser-typescript'),
+        require('prettier/parser-postcss'),
+        require('prettier/parser-html'),
+        require('prettier/parser-babel'),
+      ],
+      htmlWhitespaceSensitivity: 'ignore',
+    });
+  } catch (e) {
+    throw new Error(
+      e +
+        '\n========================================================================\n' +
+        source +
+        '\n\n========================================================================'
+    );
+  }
+  return source;
+}
+async function generateRouteTypes(srcDir, routesDir, routes) {
+  await generateSrcRoutesConfig(srcDir);
+  await generateSrcRoutesGen(srcDir, routes);
+}
+async function generateSrcRoutesConfig(srcDir) {
+  const CONFIG_FILE = await prettify`
+/**
+ * This file is created as part of the typed routes, but it is intended to be modified by the developer.
+ *
+ * @fileoverview
+ */
+import { untypedAppUrl, omitProps } from '@builder.io/qwik-labs';
+import { type AppLinkProps, type AppRouteParamsFunction } from './routes.gen';
+import { type QwikIntrinsicElements } from '@builder.io/qwik';
+
+/**
+ * Configure \`appUrl\` with the typed information of routes.
+ */
+export const appUrl = untypedAppUrl as AppRouteParamsFunction;
+
+/**
+ * Configure \`<AppLink/>\` component with the typed information of routes.
+ *
+ * NOTE: you may consider changing \`<a>\` to \`<Link>\` to be globally applied across your application.
+ */
+export function AppLink(props: AppLinkProps & QwikIntrinsicElements['a']) {
+  return (
+    <a
+      href={(appUrl as (route: string, props: any, prefix: string) => string)(
+        props.route,
+        props,
+        'param:'
+      )}
+      {...omitProps(props, ['href'])}
+    >
+      {props.children}
+    </a>
+  );
+}
+`;
+  const file = join(srcDir, 'routes.config.tsx');
+  const fileExists = await exists(file);
+  console.log('File exists', file, fileExists);
+  if (!fileExists) {
+    writeFile$1(file, CONFIG_FILE);
+  }
+}
+async function exists(file) {
+  try {
+    return (await stat(file)).isFile();
+  } catch (e) {
+    return false;
+  }
+}
+async function generateSrcRoutesGen(srcDir, routes) {
+  await writeFile$1(
+    join(srcDir, 'routes.gen.d.ts'),
+    await prettify`
+${GENERATED_HEADER}
+
+export type AppRoutes = ${routes.map((r) => s(r)).join('|')};
+
+export interface AppRouteMap {
+  ${routes.map((r) => s(r) + ':' + toInterface('', r))}
+};
+
+export interface AppRouteParamsFunction {
+  ${routes.map((r) => `(route: ${s(r)}, ${toInterface('params', r)}): string`).join(';')}
+}
+
+export type AppLinkProps = ${routes
+      .map(
+        (route) =>
+          `{ route: ${s(route)}, ${toParams(route)
+            .map((param) => s('param:' + param) + ': string')
+            .join(';')}}`
+      )
+      .join('|')}
+`
+  );
+}
+function toParams(route) {
+  const params = [];
+  const parts = route.split('/');
+  parts.forEach((part) => {
+    if (part.startsWith('[') && part.endsWith(']')) {
+      params.push(part.substring(part.startsWith('[...') ? 4 : 1, part.length - 1));
+    }
+  });
+  return params;
+}
+function toInterface(paramName, route) {
+  const params = toParams(route);
+  return (
+    (paramName ? paramName + (params.length ? ':' : '?:') : '') +
+    '{' +
+    params.map((param) => param + ': string').join(';') +
+    '}'
+  );
+}
+const GENERATED_HEADER = `
+///////////////////////////////////////////////////////////////////////////
+/// GENERATED FILE --- DO NOT EDIT --- YOUR CHANGES WILL BE OVERWRITTEN ///
+///////////////////////////////////////////////////////////////////////////
+`;
+function s(text) {
+  return JSON.stringify(text);
+}
+function qwikTypes() {
+  const srcFolder = join(process.cwd(), 'src');
+  const routesFolder = join(srcFolder, 'routes');
+  return {
+    name: 'Qwik Type Generator',
+    async buildStart() {
+      await regenerateRoutes(srcFolder, routesFolder);
+    },
+  };
+}
+async function regenerateRoutes(srcDir, routesDir) {
+  assertDirectoryExists(srcDir);
+  assertDirectoryExists(routesDir);
+  const routes = [];
+  await collectRoutes(routesDir, routesDir, routes);
+  routes.sort();
+  generateRouteTypes(srcDir, routesDir, routes);
+  const seenRoutes = /* @__PURE__ */ new Set();
+  routes.forEach((route) => seenRoutes.add(join(routesDir, route, `index.tsx`)));
+  return seenRoutes;
+}
+async function assertDirectoryExists(directoryPath) {
+  try {
+    const stats = await stat(directoryPath);
+    if (!stats.isDirectory()) {
+      throw new Error(`${directoryPath} is not a directory.`);
+    }
+  } catch (error) {
+    throw new Error(`Directory ${directoryPath} does not exist.`);
+  }
+}
+function getRouteDirectory(id) {
+  const lastSlash = id.lastIndexOf(sep);
+  const filename = id.substring(lastSlash + 1);
+  if (
+    filename.endsWith('index.md') ||
+    filename.endsWith('index.mdx') ||
+    filename.endsWith('index.js') ||
+    filename.endsWith('index.jsx') ||
+    filename.endsWith('index.ts') ||
+    filename.endsWith('index.tsx')
+  ) {
+    return id.substring(0, lastSlash + 1);
+  }
+  return null;
+}
+async function collectRoutes(base, directoryPath, routes) {
+  const files = await readdir(directoryPath);
+  for (let i = 0; i < files.length; i++) {
+    const filePath = join(directoryPath, files[i]);
+    const fileStat = await stat(filePath);
+    let route;
+    if (fileStat.isDirectory()) {
+      await collectRoutes(base, filePath, routes);
+    } else if ((route = getRouteDirectory(filePath)) !== null) {
+      routes.push(route.substring(base.length).replaceAll(sep, '/'));
+    }
+  }
+}
+export { qwikInsights, qwikTypes };
diff --git a/packages/qwik-labs/vite/insights/index.d.ts b/packages/qwik-labs/vite/insights/index.d.ts
new file mode 100644
index 00000000000..29c99fd0a9f
--- /dev/null
+++ b/packages/qwik-labs/vite/insights/index.d.ts
@@ -0,0 +1,7 @@
+import { PluginOption } from 'vite';
+
+export declare function qwikInsights(qwikInsightsOpts: {
+  publicApiKey: string;
+  baseUrl?: string;
+  outDir?: string;
+}): Promise<PluginOption>;
diff --git a/packages/qwik-labs/vite/qwik-types/generator.d.ts b/packages/qwik-labs/vite/qwik-types/generator.d.ts
new file mode 100644
index 00000000000..90381424e73
--- /dev/null
+++ b/packages/qwik-labs/vite/qwik-types/generator.d.ts
@@ -0,0 +1,5 @@
+export declare function generateRouteTypes(
+  srcDir: string,
+  routesDir: string,
+  routes: string[]
+): Promise<void>;
diff --git a/packages/qwik-labs/vite/qwik-types/index.d.ts b/packages/qwik-labs/vite/qwik-types/index.d.ts
new file mode 100644
index 00000000000..b7ad531e9a7
--- /dev/null
+++ b/packages/qwik-labs/vite/qwik-types/index.d.ts
@@ -0,0 +1 @@
+export { qwikTypes } from './vite';
diff --git a/packages/qwik-labs/vite/qwik-types/prettify.d.ts b/packages/qwik-labs/vite/qwik-types/prettify.d.ts
new file mode 100644
index 00000000000..9fe3b645986
--- /dev/null
+++ b/packages/qwik-labs/vite/qwik-types/prettify.d.ts
@@ -0,0 +1,4 @@
+export declare function prettify(
+  template: TemplateStringsArray,
+  ...substitutions: any[]
+): Promise<string>;
diff --git a/packages/qwik-labs/vite/qwik-types/vite.d.ts b/packages/qwik-labs/vite/qwik-types/vite.d.ts
new file mode 100644
index 00000000000..3c3ab78040a
--- /dev/null
+++ b/packages/qwik-labs/vite/qwik-types/vite.d.ts
@@ -0,0 +1,3 @@
+import { Plugin } from 'vite';
+
+export declare function qwikTypes(): Plugin;

From a244f099785f6fdb2a79de150bec11b52c15f695 Mon Sep 17 00:00:00 2001
From: Wout Mertens <Wout.Mertens@gmail.com>
Date: Sat, 16 Nov 2024 08:07:00 +0100
Subject: [PATCH 2/3] Delete packages/qwik-labs/vite/index.cjs

---
 packages/qwik-labs/vite/index.cjs | 261 ------------------------------
 1 file changed, 261 deletions(-)
 delete mode 100644 packages/qwik-labs/vite/index.cjs

diff --git a/packages/qwik-labs/vite/index.cjs b/packages/qwik-labs/vite/index.cjs
deleted file mode 100644
index 5c24f9ce249..00000000000
--- a/packages/qwik-labs/vite/index.cjs
+++ /dev/null
@@ -1,261 +0,0 @@
-'use strict';
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const fs = require('fs');
-const promises = require('fs/promises');
-const node_path = require('node:path');
-const promises$1 = require('node:fs/promises');
-const standalone = require('prettier/standalone');
-const logWarn = (message) => {
-  console.warn('\x1B[33m%s\x1B[0m', `qwikInsight()[WARN]: ${message}`);
-};
-const log = (message) => {
-  console.log('\x1B[35m%s\x1B[0m', `qwikInsight(): ${message}`);
-};
-async function qwikInsights(qwikInsightsOpts) {
-  const {
-    publicApiKey,
-    baseUrl = 'https://qwik-insights.builder.io',
-    outDir = 'dist',
-  } = qwikInsightsOpts;
-  let isProd = false;
-  const vitePlugin = {
-    name: 'vite-plugin-qwik-insights',
-    enforce: 'pre',
-    apply: 'build',
-    async config(viteConfig) {
-      isProd = viteConfig.mode !== 'ssr';
-      if (isProd) {
-        const qManifest = { type: 'smart' };
-        try {
-          const response = await fetch(`${baseUrl}/api/v1/${publicApiKey}/bundles/strategy/`);
-          const strategy = await response.json();
-          Object.assign(qManifest, strategy);
-        } catch (e) {
-          logWarn('fail to fetch manifest from Insights DB');
-        }
-        const cwdRelativePath = node_path.join(viteConfig.root || '.', outDir);
-        const cwdRelativePathJson = node_path.join(cwdRelativePath, 'q-insights.json');
-        if (!fs.existsSync(node_path.join(process.cwd(), cwdRelativePath))) {
-          fs.mkdirSync(node_path.join(process.cwd(), cwdRelativePath), { recursive: true });
-        }
-        log('Fetched latest Qwik Insight data into: ' + cwdRelativePathJson);
-        await promises.writeFile(
-          node_path.join(process.cwd(), cwdRelativePathJson),
-          JSON.stringify(qManifest)
-        );
-      }
-    },
-    closeBundle: async () => {
-      const path = node_path.join(process.cwd(), outDir, 'q-manifest.json');
-      if (isProd && fs.existsSync(path)) {
-        const qManifest = await promises.readFile(path, 'utf-8');
-        try {
-          await fetch(`${baseUrl}/api/v1/${publicApiKey}/post/manifest`, {
-            method: 'post',
-            body: qManifest,
-          });
-        } catch (e) {
-          logWarn('fail to post manifest to Insights DB');
-        }
-      }
-    },
-  };
-  return vitePlugin;
-}
-async function prettify(template, ...substitutions) {
-  let source = '';
-  for (let i = 0; i < template.length; i++) {
-    source += template[i] + (i < substitutions.length ? String(substitutions[i]) : '');
-  }
-  try {
-    source = await standalone.format(source, {
-      parser: 'typescript',
-      plugins: [
-        // To support running in browsers
-        require('prettier/plugins/estree'),
-        require('prettier/parser-typescript'),
-        require('prettier/parser-postcss'),
-        require('prettier/parser-html'),
-        require('prettier/parser-babel'),
-      ],
-      htmlWhitespaceSensitivity: 'ignore',
-    });
-  } catch (e) {
-    throw new Error(
-      e +
-        '\n========================================================================\n' +
-        source +
-        '\n\n========================================================================'
-    );
-  }
-  return source;
-}
-async function generateRouteTypes(srcDir, routesDir, routes) {
-  await generateSrcRoutesConfig(srcDir);
-  await generateSrcRoutesGen(srcDir, routes);
-}
-async function generateSrcRoutesConfig(srcDir) {
-  const CONFIG_FILE = await prettify`
-/**
- * This file is created as part of the typed routes, but it is intended to be modified by the developer.
- *
- * @fileoverview
- */
-import { untypedAppUrl, omitProps } from '@builder.io/qwik-labs';
-import { type AppLinkProps, type AppRouteParamsFunction } from './routes.gen';
-import { type QwikIntrinsicElements } from '@builder.io/qwik';
-
-/**
- * Configure \`appUrl\` with the typed information of routes.
- */
-export const appUrl = untypedAppUrl as AppRouteParamsFunction;
-
-/**
- * Configure \`<AppLink/>\` component with the typed information of routes.
- *
- * NOTE: you may consider changing \`<a>\` to \`<Link>\` to be globally applied across your application.
- */
-export function AppLink(props: AppLinkProps & QwikIntrinsicElements['a']) {
-  return (
-    <a
-      href={(appUrl as (route: string, props: any, prefix: string) => string)(
-        props.route,
-        props,
-        'param:'
-      )}
-      {...omitProps(props, ['href'])}
-    >
-      {props.children}
-    </a>
-  );
-}
-`;
-  const file = node_path.join(srcDir, 'routes.config.tsx');
-  const fileExists = await exists(file);
-  console.log('File exists', file, fileExists);
-  if (!fileExists) {
-    promises$1.writeFile(file, CONFIG_FILE);
-  }
-}
-async function exists(file) {
-  try {
-    return (await promises$1.stat(file)).isFile();
-  } catch (e) {
-    return false;
-  }
-}
-async function generateSrcRoutesGen(srcDir, routes) {
-  await promises$1.writeFile(
-    node_path.join(srcDir, 'routes.gen.d.ts'),
-    await prettify`
-${GENERATED_HEADER}
-
-export type AppRoutes = ${routes.map((r) => s(r)).join('|')};
-
-export interface AppRouteMap {
-  ${routes.map((r) => s(r) + ':' + toInterface('', r))}
-};
-
-export interface AppRouteParamsFunction {
-  ${routes.map((r) => `(route: ${s(r)}, ${toInterface('params', r)}): string`).join(';')}
-}
-
-export type AppLinkProps = ${routes
-      .map(
-        (route) =>
-          `{ route: ${s(route)}, ${toParams(route)
-            .map((param) => s('param:' + param) + ': string')
-            .join(';')}}`
-      )
-      .join('|')}
-`
-  );
-}
-function toParams(route) {
-  const params = [];
-  const parts = route.split('/');
-  parts.forEach((part) => {
-    if (part.startsWith('[') && part.endsWith(']')) {
-      params.push(part.substring(part.startsWith('[...') ? 4 : 1, part.length - 1));
-    }
-  });
-  return params;
-}
-function toInterface(paramName, route) {
-  const params = toParams(route);
-  return (
-    (paramName ? paramName + (params.length ? ':' : '?:') : '') +
-    '{' +
-    params.map((param) => param + ': string').join(';') +
-    '}'
-  );
-}
-const GENERATED_HEADER = `
-///////////////////////////////////////////////////////////////////////////
-/// GENERATED FILE --- DO NOT EDIT --- YOUR CHANGES WILL BE OVERWRITTEN ///
-///////////////////////////////////////////////////////////////////////////
-`;
-function s(text) {
-  return JSON.stringify(text);
-}
-function qwikTypes() {
-  const srcFolder = node_path.join(process.cwd(), 'src');
-  const routesFolder = node_path.join(srcFolder, 'routes');
-  return {
-    name: 'Qwik Type Generator',
-    async buildStart() {
-      await regenerateRoutes(srcFolder, routesFolder);
-    },
-  };
-}
-async function regenerateRoutes(srcDir, routesDir) {
-  assertDirectoryExists(srcDir);
-  assertDirectoryExists(routesDir);
-  const routes = [];
-  await collectRoutes(routesDir, routesDir, routes);
-  routes.sort();
-  generateRouteTypes(srcDir, routesDir, routes);
-  const seenRoutes = /* @__PURE__ */ new Set();
-  routes.forEach((route) => seenRoutes.add(node_path.join(routesDir, route, `index.tsx`)));
-  return seenRoutes;
-}
-async function assertDirectoryExists(directoryPath) {
-  try {
-    const stats = await promises$1.stat(directoryPath);
-    if (!stats.isDirectory()) {
-      throw new Error(`${directoryPath} is not a directory.`);
-    }
-  } catch (error) {
-    throw new Error(`Directory ${directoryPath} does not exist.`);
-  }
-}
-function getRouteDirectory(id) {
-  const lastSlash = id.lastIndexOf(node_path.sep);
-  const filename = id.substring(lastSlash + 1);
-  if (
-    filename.endsWith('index.md') ||
-    filename.endsWith('index.mdx') ||
-    filename.endsWith('index.js') ||
-    filename.endsWith('index.jsx') ||
-    filename.endsWith('index.ts') ||
-    filename.endsWith('index.tsx')
-  ) {
-    return id.substring(0, lastSlash + 1);
-  }
-  return null;
-}
-async function collectRoutes(base, directoryPath, routes) {
-  const files = await promises$1.readdir(directoryPath);
-  for (let i = 0; i < files.length; i++) {
-    const filePath = node_path.join(directoryPath, files[i]);
-    const fileStat = await promises$1.stat(filePath);
-    let route;
-    if (fileStat.isDirectory()) {
-      await collectRoutes(base, filePath, routes);
-    } else if ((route = getRouteDirectory(filePath)) !== null) {
-      routes.push(route.substring(base.length).replaceAll(node_path.sep, '/'));
-    }
-  }
-}
-exports.qwikInsights = qwikInsights;
-exports.qwikTypes = qwikTypes;

From 861b4530ca0d148acc1271161692feb6f258e346 Mon Sep 17 00:00:00 2001
From: jack shelton <me@jackshelton.com>
Date: Sat, 16 Nov 2024 01:19:43 -0600
Subject: [PATCH 3/3] fix module lint

---
 .../docs/src/components/module-preload/module-preload.tsx     | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/docs/src/components/module-preload/module-preload.tsx b/packages/docs/src/components/module-preload/module-preload.tsx
index ac4e05db9c8..68e2681c761 100644
--- a/packages/docs/src/components/module-preload/module-preload.tsx
+++ b/packages/docs/src/components/module-preload/module-preload.tsx
@@ -29,7 +29,9 @@ export const ModulePreload = component$(() => {
 
       const startPreloading = () => {
         const stateScript = document.querySelector('script[type="qwik/state"]');
-        if (!stateScript?.textContent) return;
+        if (!stateScript?.textContent) {
+          return;
+        }
 
         const state = JSON.parse(stateScript.textContent);
         const qChunks = new Set<string>();