@qwik.dev/core 2.0.0-alpha.9 → 2.0.0-beta.2

package/dist/optimizer.mjs

@@ -1,6 +1,6 @@
 /**
  * @license
- * @qwik.dev/core/optimizer 2.0.0-alpha.9-dev+56ed5bd
+ * @qwik.dev/core/optimizer 2.0.0-beta.2-dev+3ddc6c7
  * Copyright QwikDev. All Rights Reserved.
  * Use of this source code is governed by an MIT-style license that can be
  * found in the LICENSE file at https://github.com/QwikDev/qwik/blob/main/LICENSE
@@ -1249,6 +1249,20 @@ function createPath(opts = {}) {
 }
 
 var QWIK_BINDING_MAP = {
+  darwin: {
+    arm64: [ {
+      platform: "darwin",
+      arch: "arm64",
+      abi: null,
+      platformArchABI: "qwik.darwin-arm64.node"
+    } ],
+    x64: [ {
+      platform: "darwin",
+      arch: "x64",
+      abi: null,
+      platformArchABI: "qwik.darwin-x64.node"
+    } ]
+  },
   win32: {
     x64: [ {
       platform: "win32",
@@ -1256,11 +1270,19 @@ var QWIK_BINDING_MAP = {
       abi: "msvc",
       platformArchABI: "qwik.win32-x64-msvc.node"
     } ]
+  },
+  linux: {
+    x64: [ {
+      platform: "linux",
+      arch: "x64",
+      abi: "gnu",
+      platformArchABI: "qwik.linux-x64-gnu.node"
+    } ]
   }
 };
 
 var versions = {
-  qwik: "2.0.0-alpha.9-dev+56ed5bd"
+  qwik: "2.0.0-beta.2-dev+3ddc6c7"
 };
 
 async function getSystem() {
@@ -1402,13 +1424,13 @@ function prioritizeSymbolNames(manifest) {
   return Object.keys(symbols).sort(((symbolNameA, symbolNameB) => {
     const a = symbols[symbolNameA];
     const b = symbols[symbolNameB];
-    if ("event" === a.ctxKind && "event" !== b.ctxKind) {
+    if ("eventHandler" === a.ctxKind && "eventHandler" !== b.ctxKind) {
       return -1;
     }
-    if ("event" !== a.ctxKind && "event" === b.ctxKind) {
+    if ("eventHandler" !== a.ctxKind && "eventHandler" === b.ctxKind) {
       return 1;
     }
-    if ("event" === a.ctxKind && "event" === b.ctxKind) {
+    if ("eventHandler" === a.ctxKind && "eventHandler" === b.ctxKind) {
       const aIndex = EVENT_PRIORITY.indexOf(a.ctxName.toLowerCase());
       const bIndex = EVENT_PRIORITY.indexOf(b.ctxName.toLowerCase());
       if (aIndex > -1 && bIndex > -1) {
@@ -1518,23 +1540,138 @@ function getValidManifest(manifest) {
   return;
 }
 
-function generateManifestFromBundles(path, segments, injections, outputBundles, opts, debug) {
+var getBundleInteractivity = (bundle, manifest) => {
+  let maxScore = 0;
+  if (bundle.symbols) {
+    for (const symbolName of bundle.symbols) {
+      let score = 1;
+      const symbol = manifest.symbols[symbolName];
+      if (symbol) {
+        if ("function" === symbol.ctxKind) {
+          /(component|useStyles|useStylesScoped)/i.test(symbol.ctxName) ? score += 1 : /(useComputed|useTask|useVisibleTask|useOn)/i.test(symbol.ctxName) && (score += 2);
+        } else {
+          score += 1;
+          /(click|mouse|pointer|touch|key|scroll|gesture|wheel)/i.test(symbol.ctxName) && (score += 3);
+        }
+      }
+      maxScore = Math.max(maxScore, score);
+    }
+  }
+  return maxScore;
+};
+
+function computeTotals(graph) {
+  let index = 0;
+  const stack = [];
+  const sccList = [];
+  const idx = new Map;
+  const low = new Map;
+  const onStack = new Set;
+  function strongConnect(v) {
+    idx.set(v, index);
+    low.set(v, index);
+    index++;
+    stack.push(v);
+    onStack.add(v);
+    const children = graph[v].imports || [];
+    for (const w of children) {
+      if (idx.has(w)) {
+        onStack.has(w) && low.set(v, Math.min(low.get(v), idx.get(w)));
+      } else {
+        strongConnect(w);
+        low.set(v, Math.min(low.get(v), low.get(w)));
+      }
+    }
+    if (low.get(v) === idx.get(v)) {
+      const comp = [];
+      let x;
+      do {
+        x = stack.pop();
+        onStack.delete(x);
+        comp.push(x);
+      } while (x !== v);
+      sccList.push(comp);
+    }
+  }
+  for (const v of Object.keys(graph)) {
+    idx.has(v) || strongConnect(v);
+  }
+  const sccIndex = new Map;
+  sccList.forEach(((comp, i) => {
+    for (const v of comp) {
+      sccIndex.set(v, i);
+    }
+  }));
+  const sccDAG = Array.from({
+    length: sccList.length
+  }, (() => new Set));
+  for (const v of Object.keys(graph)) {
+    const i = sccIndex.get(v);
+    for (const w of graph[v].imports || []) {
+      const j = sccIndex.get(w);
+      i !== j && sccDAG[i].add(j);
+    }
+  }
+  const visited = new Set;
+  const order = [];
+  function dfsSCC(u) {
+    visited.add(u);
+    for (const v of sccDAG[u]) {
+      visited.has(v) || dfsSCC(v);
+    }
+    order.push(u);
+  }
+  for (let i = 0; i < sccList.length; i++) {
+    visited.has(i) || dfsSCC(i);
+  }
+  order.reverse();
+  const sccTotals = new Array(sccList.length).fill(0);
+  for (let i = 0; i < sccList.length; i++) {
+    let sumSize = 0;
+    for (const nodeId of sccList[i]) {
+      sumSize += graph[nodeId].size;
+    }
+    sccTotals[i] = sumSize;
+  }
+  for (let k = order.length - 1; k >= 0; k--) {
+    const sccId = order[k];
+    let total = sccTotals[sccId];
+    for (const child of sccDAG[sccId]) {
+      total += sccTotals[child];
+    }
+    sccTotals[sccId] = total;
+  }
+  for (let i = 0; i < sccList.length; i++) {
+    const total = sccTotals[i];
+    for (const nodeId of sccList[i]) {
+      graph[nodeId].total = total;
+    }
+  }
+}
+
+function generateManifestFromBundles(path, segments, injections, outputBundles, opts, debug, canonPath) {
   var _a;
   const manifest = {
-    manifestHash: "",
-    symbols: {},
-    mapping: {},
-    bundles: {},
-    injections: injections,
     version: "1",
+    manifestHash: "",
     options: {
       target: opts.target,
       buildMode: opts.buildMode,
-      entryStrategy: opts.entryStrategy
-    }
+      entryStrategy: opts.entryStrategy && {
+        type: opts.entryStrategy.type
+      }
+    },
+    core: void 0,
+    preloader: void 0,
+    qwikLoader: void 0,
+    bundleGraphAsset: void 0,
+    injections: injections,
+    mapping: {},
+    bundles: {},
+    assets: {},
+    symbols: {},
+    bundleGraph: void 0
   };
-  const buildPath = path.resolve(opts.rootDir, opts.outDir, "build");
-  const canonPath = p => path.relative(buildPath, path.resolve(opts.rootDir, opts.outDir, p));
   const getBundleName = name => {
     const bundle = outputBundles[name];
     if (!bundle) {
@@ -1543,24 +1680,24 @@ function generateManifestFromBundles(path, segments, injections, outputBundles,
     }
     return canonPath(bundle.fileName);
   };
+  let qwikHandlersName;
   const qrlNames = new Set(segments.map((h => h.name)));
-  for (const symbol of extraSymbols) {
-    qrlNames.add(symbol);
-  }
-  const taskNames = new Set(segments.filter((h => /use[a-zA-Z]*Task(_\d+)?$/.test(h.displayName))).map((h => h.name)));
   for (const outputBundle of Object.values(outputBundles)) {
-    if ("chunk" !== outputBundle.type) {
+    if ("asset" === outputBundle.type) {
+      outputBundle.fileName.endsWith("js.map") || (manifest.assets[outputBundle.fileName] = {
+        name: outputBundle.names[0],
+        size: outputBundle.source.length
+      });
       continue;
     }
     const bundleFileName = canonPath(outputBundle.fileName);
+    const size = outputBundle.code.length;
     const bundle = {
-      size: outputBundle.code.length
+      size: size,
+      total: -1
     };
     for (const symbol of outputBundle.exports) {
-      if (qrlNames.has(symbol) && (!manifest.mapping[symbol] || 1 !== outputBundle.exports.length)) {
-        taskNames.has(symbol) && (bundle.isTask = true);
-        manifest.mapping[symbol] = bundleFileName;
-      }
+      qrlNames.has(symbol) && (manifest.mapping[symbol] && 1 === outputBundle.exports.length || (manifest.mapping[symbol] = bundleFileName));
     }
     const bundleImports = outputBundle.imports.filter((i => outputBundle.code.includes(path.basename(i)))).map((i => getBundleName(i))).filter(Boolean);
     bundleImports.length > 0 && (bundle.imports = bundleImports);
@@ -1568,7 +1705,13 @@ function generateManifestFromBundles(path, segments, injections, outputBundles,
     bundleDynamicImports.length > 0 && (bundle.dynamicImports = bundleDynamicImports);
     const ids = outputBundle.moduleIds || Object.keys(outputBundle.modules);
     const modulePaths = ids.filter((m => !m.startsWith("\0"))).map((m => path.relative(opts.rootDir, m)));
-    modulePaths.length > 0 && (bundle.origins = modulePaths);
+    if (modulePaths.length > 0) {
+      bundle.origins = modulePaths;
+      modulePaths.some((m => /[/\\](core|qwik)[/\\]dist[/\\]preloader\.[cm]js$/.test(m))) && (manifest.preloader = bundleFileName);
+      modulePaths.some((m => /[/\\](core|qwik)[/\\]dist[/\\]core(.min|.prod)?\.[cm]js$/.test(m))) && (manifest.core = bundleFileName);
+      modulePaths.some((m => /[/\\](core|qwik)[/\\](dist[/\\])?qwikloader(\.debug)?\.[^/]*js$/.test(m))) && (manifest.qwikLoader = bundleFileName);
+      modulePaths.some((m => /[/\\](core|qwik)[/\\]handlers\.[cm]js$/.test(m))) && (qwikHandlersName = bundleFileName);
+    }
     manifest.bundles[bundleFileName] = bundle;
   }
   for (const segment of segments) {
@@ -1580,33 +1723,182 @@ function generateManifestFromBundles(path, segments, injections, outputBundles,
     }
     ((_a = manifest.bundles[bundle]).symbols || (_a.symbols = [])).push(symbol);
     manifest.symbols[symbol] = {
-      origin: segment.origin,
       displayName: segment.displayName,
-      canonicalFilename: segment.canonicalFilename,
       hash: segment.hash,
       ctxKind: segment.ctxKind,
       ctxName: segment.ctxName,
       captures: segment.captures,
+      canonicalFilename: segment.canonicalFilename,
       parent: segment.parent,
-      loc: segment.loc
+      origin: segment.origin,
+      loc: segment.loc,
+      paramNames: segment.paramNames,
+      captureNames: segment.captureNames
     };
   }
-  for (const symbol of extraSymbols) {
-    manifest.symbols[symbol] = {
-      origin: "Qwik core",
-      displayName: symbol,
-      canonicalFilename: "",
-      hash: symbol,
-      ctxKind: "function",
-      ctxName: symbol,
-      captures: false,
-      parent: null,
-      loc: [ 0, 0 ]
-    };
+  if (qwikHandlersName) {
+    for (const symbol of extraSymbols) {
+      manifest.symbols[symbol] = {
+        origin: "Qwik core",
+        displayName: symbol,
+        canonicalFilename: "",
+        hash: symbol,
+        ctxKind: "function",
+        ctxName: symbol,
+        captures: false,
+        parent: null,
+        loc: [ 0, 0 ]
+      };
+      manifest.mapping[symbol] = qwikHandlersName;
+    }
+  } else {
+    console.error("Qwik core bundle not found, is Qwik actually used in this project?");
+  }
+  for (const bundle of Object.values(manifest.bundles)) {
+    const interactivityScore = getBundleInteractivity(bundle, manifest);
+    bundle.interactivity = interactivityScore;
   }
+  computeTotals(manifest.bundles);
   return updateSortAndPriorities(manifest);
 }
 
+var minimumSpeed = 300;
+
+var slowSize = .5 / (1024 * minimumSpeed / 8);
+
+var getSymbolHash = symbolName => {
+  const index = symbolName.lastIndexOf("_");
+  if (index > -1) {
+    return symbolName.slice(index + 1);
+  }
+  return symbolName;
+};
+
+function convertManifestToBundleGraph(manifest, bundleGraphAdders) {
+  const bundleGraph = [];
+  if (!manifest.bundles) {
+    return [];
+  }
+  const graph = {
+    ...manifest.bundles
+  };
+  for (const [symbol, bundleName] of Object.entries(manifest.mapping)) {
+    if (symbol.startsWith("_") && symbol.length < 10) {
+      continue;
+    }
+    const hash = getSymbolHash(symbol);
+    hash && (graph[hash] = {
+      dynamicImports: [ bundleName ]
+    });
+  }
+  if (bundleGraphAdders) {
+    const combined = {
+      ...manifest,
+      bundles: graph
+    };
+    for (const adder of bundleGraphAdders) {
+      const result = adder(combined);
+      result && Object.assign(graph, result);
+    }
+  }
+  for (const bundleName of Object.keys(graph)) {
+    const bundle = graph[bundleName];
+    const imports = bundle.imports?.filter((dep => graph[dep])) || [];
+    const dynamicImports = bundle.dynamicImports?.filter((dep => graph[dep] && (graph[dep].symbols || graph[dep].origins?.some((o => !o.includes("node_modules")))))) || [];
+    graph[bundleName] = {
+      ...bundle,
+      imports: imports,
+      dynamicImports: dynamicImports
+    };
+  }
+  const notUsed = new Set(Object.keys(graph));
+  for (const bundleName of Object.keys(graph)) {
+    for (const dep of graph[bundleName].imports) {
+      notUsed.delete(dep);
+    }
+    for (const dep of graph[bundleName].dynamicImports) {
+      notUsed.delete(dep);
+    }
+  }
+  for (const bundleName of notUsed) {
+    const bundle = graph[bundleName];
+    bundle.imports?.length || bundle.dynamicImports?.length || delete graph[bundleName];
+  }
+  const names = Object.keys(graph);
+  const map = new Map;
+  const clearTransitiveDeps = (parentDeps, bundleName, seen = new Set) => {
+    const bundle = graph[bundleName];
+    for (const dep of bundle.imports) {
+      parentDeps.has(dep) && parentDeps.delete(dep);
+      if (!seen.has(dep)) {
+        seen.add(dep);
+        clearTransitiveDeps(parentDeps, dep, seen);
+      }
+    }
+  };
+  for (const bundleName of names) {
+    const bundle = graph[bundleName];
+    const deps = new Set(bundle.imports);
+    for (const depName of deps) {
+      clearTransitiveDeps(deps, depName);
+    }
+    const dynDeps = new Set(bundle.dynamicImports);
+    const depProbability = new Map;
+    for (const depName of dynDeps) {
+      clearTransitiveDeps(dynDeps, depName);
+      const dep = graph[depName];
+      let probability = .5;
+      probability += .08 * (dep.interactivity || 0);
+      if (bundle.origins && dep.origins) {
+        for (const origin of bundle.origins) {
+          if (dep.origins.some((o => o.startsWith(origin)))) {
+            probability += .25;
+            break;
+          }
+        }
+      }
+      dep.total > slowSize && (probability += probability > .5 ? .02 : -.02);
+      dep.total < 1e3 && (probability += .15);
+      depProbability.set(depName, Math.min(probability, .99));
+    }
+    if (dynDeps.size > 0) {
+      const sorted = Array.from(dynDeps).sort(((a, b) => depProbability.get(b) - depProbability.get(a)));
+      let lastProbability = -1;
+      for (const depName of sorted) {
+        if (depProbability.get(depName) !== lastProbability) {
+          lastProbability = depProbability.get(depName);
+          deps.add(-Math.round(10 * lastProbability));
+        }
+        deps.add(depName);
+      }
+    }
+    const index = bundleGraph.length;
+    bundleGraph.push(bundleName);
+    for (let i = 0; i < deps.size; i++) {
+      bundleGraph.push(null);
+    }
+    map.set(bundleName, {
+      index: index,
+      deps: deps
+    });
+  }
+  for (const bundleName of names) {
+    const bundle = map.get(bundleName);
+    let {index: index, deps: deps} = bundle;
+    index++;
+    for (const depName of deps) {
+      if ("number" === typeof depName) {
+        bundleGraph[index++] = depName;
+        continue;
+      }
+      const dep = map.get(depName);
+      const depIndex = dep.index;
+      bundleGraph[index++] = depIndex;
+    }
+  }
+  return bundleGraph;
+}
+
 async function createLinter(sys, rootDir, tsconfigFileNames) {
   const module = await sys.dynamicImport("eslint");
   let eslint = new module.ESLint({
@@ -1617,23 +1909,16 @@ async function createLinter(sys, rootDir, tsconfigFileNames) {
   if (invalidEslintConfig) {
     const options = {
       cache: true,
-      useEslintrc: false,
       overrideConfig: {
-        root: true,
-        env: {
-          browser: true,
-          es2021: true,
-          node: true
-        },
-        extends: [ "plugin:qwik/recommended" ],
-        parser: "@typescript-eslint/parser",
-        parserOptions: {
-          tsconfigRootDir: rootDir,
-          project: tsconfigFileNames,
-          ecmaVersion: 2021,
-          sourceType: "module",
-          ecmaFeatures: {
-            jsx: true
+        languageOptions: {
+          parserOptions: {
+            tsconfigRootDir: rootDir,
+            project: tsconfigFileNames,
+            ecmaVersion: 2021,
+            sourceType: "module",
+            ecmaFeatures: {
+              jsx: true
+            }
           }
         }
       }
@@ -1813,6 +2098,17 @@ function isWin(os) {
   return "win32" === os;
 }
 
+function parseId(originalId) {
+  const [pathId, query] = originalId.split("?");
+  const queryStr = query || "";
+  return {
+    originalId: originalId,
+    pathId: pathId,
+    query: queryStr ? `?${query}` : "",
+    params: new URLSearchParams(queryStr)
+  };
+}
+
 var REG_CTX_NAME = [ "server" ];
 
 var SERVER_STRIP_EXPORTS = [ "onGet", "onPost", "onPut", "onRequest", "onDelete", "onHead", "onOptions", "onPatch", "onStaticGenerate" ];
@@ -1825,6 +2121,7 @@ var ExperimentalFeatures = (ExperimentalFeatures2 => {
   ExperimentalFeatures2.preventNavigate = "preventNavigate";
   ExperimentalFeatures2.valibot = "valibot";
   ExperimentalFeatures2.noSPA = "noSPA";
+  ExperimentalFeatures2.enableRequestRewrite = "enableRequestRewrite";
   ExperimentalFeatures2.webWorker = "webWorker";
   ExperimentalFeatures2.insights = "insights";
   return ExperimentalFeatures2;
@@ -1836,7 +2133,6 @@ function createQwikPlugin(optimizerOptions = {}) {
   const clientTransformedOutputs = new Map;
   const serverTransformedOutputs = new Map;
   const parentIds = new Map;
-  const npmChunks = new Map;
   let internalOptimizer = null;
   let linter;
   let diagnosticsCallback = () => {};
@@ -1856,7 +2152,6 @@ function createQwikPlugin(optimizerOptions = {}) {
     srcInputs: null,
     sourcemap: !!optimizerOptions.sourcemap,
     manifestInput: null,
-    insightsManifest: null,
     manifestOutput: null,
     transformedModuleOutput: null,
     scope: null,
@@ -1864,8 +2159,8 @@ function createQwikPlugin(optimizerOptions = {}) {
       imageDevTools: true,
       clickToSource: [ "Alt" ]
     },
-    inlineStylesUpToBytes: null,
-    lint: true,
+    inlineStylesUpToBytes: 2e4,
+    lint: false,
     experimental: void 0
   };
   let lazyNormalizePath;
@@ -1899,8 +2194,8 @@ function createQwikPlugin(optimizerOptions = {}) {
     const path = optimizer2.sys.path;
     opts.debug = !!updatedOpts.debug;
     updatedOpts.assetsDir && (opts.assetsDir = updatedOpts.assetsDir);
-    "ssr" === updatedOpts.target || "client" === updatedOpts.target || "lib" === updatedOpts.target || "test" === updatedOpts.target ? opts.target = updatedOpts.target : opts.target = "client";
-    "lib" === opts.target ? opts.buildMode = "development" : "production" === updatedOpts.buildMode || "development" === updatedOpts.buildMode ? opts.buildMode = updatedOpts.buildMode : opts.buildMode = "development";
+    "ssr" === updatedOpts.target || "client" === updatedOpts.target || "lib" === updatedOpts.target || "test" === updatedOpts.target ? opts.target = updatedOpts.target : opts.target || (opts.target = "client");
+    "lib" === opts.target ? opts.buildMode = "development" : "production" === updatedOpts.buildMode || "development" === updatedOpts.buildMode ? opts.buildMode = updatedOpts.buildMode : opts.buildMode || (opts.buildMode = "development");
     updatedOpts.entryStrategy && "object" === typeof updatedOpts.entryStrategy && (opts.entryStrategy = {
       ...updatedOpts.entryStrategy
     });
@@ -1914,7 +2209,7 @@ function createQwikPlugin(optimizerOptions = {}) {
       type: "segment"
     });
     "string" === typeof updatedOpts.rootDir && (opts.rootDir = updatedOpts.rootDir);
-    "string" !== typeof opts.rootDir && (opts.rootDir = optimizer2.sys.cwd());
+    "string" !== typeof opts.rootDir && (opts.rootDir || (opts.rootDir = optimizer2.sys.cwd()));
     opts.rootDir = normalizePath(path.resolve(optimizer2.sys.cwd(), opts.rootDir));
     let srcDir = normalizePath(path.resolve(opts.rootDir, SRC_DIR_DEFAULT));
     if ("string" === typeof updatedOpts.srcDir) {
@@ -1925,7 +2220,7 @@ function createQwikPlugin(optimizerOptions = {}) {
       opts.srcInputs = [ ...updatedOpts.srcInputs ];
       opts.srcDir = null;
     } else {
-      opts.srcDir = srcDir;
+      opts.srcDir || (opts.srcDir = srcDir);
     }
     Array.isArray(updatedOpts.tsconfigFileNames) && updatedOpts.tsconfigFileNames.length > 0 && (opts.tsconfigFileNames = updatedOpts.tsconfigFileNames);
     Array.isArray(opts.srcInputs) ? opts.srcInputs.forEach((i => {
@@ -1937,9 +2232,9 @@ function createQwikPlugin(optimizerOptions = {}) {
       } else if ("string" === typeof updatedOpts.input) {
         opts.input = [ updatedOpts.input ];
       } else if ("ssr" === opts.target) {
-        opts.input = [ path.resolve(srcDir, "entry.ssr") ];
+        opts.input || (opts.input = [ path.resolve(srcDir, "entry.ssr") ]);
       } else if ("client" === opts.target) {
-        opts.input = [ path.resolve(srcDir, "root") ];
+        opts.input || (opts.input = [ path.resolve(srcDir, "root") ]);
       } else if ("lib" === opts.target) {
         if ("object" === typeof updatedOpts.input) {
           for (const key in updatedOpts.input) {
@@ -1955,36 +2250,37 @@ function createQwikPlugin(optimizerOptions = {}) {
             };
           }
         } else {
-          opts.input = [ path.resolve(srcDir, "index.ts") ];
+          opts.input || (opts.input = [ path.resolve(srcDir, "index.ts") ]);
         }
       } else {
-        opts.input = [];
+        opts.input || (opts.input = []);
       }
-      opts.input = Array.isArray(opts.input) ? opts.input.reduce(((inputs, i) => {
+      Array.isArray(opts.input) && (opts.input = opts.input.reduce(((inputs, i) => {
         let input = i;
         i.startsWith("@") || i.startsWith("~") || i.startsWith("#") || (input = normalizePath(path.resolve(opts.rootDir, i)));
         inputs.includes(input) || inputs.push(input);
         return inputs;
-      }), []) : opts.input;
-      "string" === typeof updatedOpts.outDir ? opts.outDir = normalizePath(path.resolve(opts.rootDir, normalizePath(updatedOpts.outDir))) : "ssr" === opts.target ? opts.outDir = normalizePath(path.resolve(opts.rootDir, SSR_OUT_DIR)) : "lib" === opts.target ? opts.outDir = normalizePath(path.resolve(opts.rootDir, LIB_OUT_DIR)) : opts.outDir = normalizePath(path.resolve(opts.rootDir, CLIENT_OUT_DIR));
+      }), []));
+      "string" === typeof updatedOpts.outDir ? opts.outDir = normalizePath(path.resolve(opts.rootDir, normalizePath(updatedOpts.outDir))) : opts.outDir || ("ssr" === opts.target ? opts.outDir = normalizePath(path.resolve(opts.rootDir, SSR_OUT_DIR)) : "lib" === opts.target ? opts.outDir = normalizePath(path.resolve(opts.rootDir, LIB_OUT_DIR)) : opts.outDir = normalizePath(path.resolve(opts.rootDir, CLIENT_OUT_DIR)));
     }
     "function" === typeof updatedOpts.manifestOutput && (opts.manifestOutput = updatedOpts.manifestOutput);
     const clientManifest = getValidManifest(updatedOpts.manifestInput);
     clientManifest && (opts.manifestInput = clientManifest);
     "function" === typeof updatedOpts.transformedModuleOutput && (opts.transformedModuleOutput = updatedOpts.transformedModuleOutput);
-    opts.scope = updatedOpts.scope ?? null;
+    void 0 !== updatedOpts.scope && (opts.scope = updatedOpts.scope);
     "boolean" === typeof updatedOpts.resolveQwikBuild && (opts.resolveQwikBuild = updatedOpts.resolveQwikBuild);
     if ("object" === typeof updatedOpts.devTools) {
       "imageDevTools" in updatedOpts.devTools && (opts.devTools.imageDevTools = updatedOpts.devTools.imageDevTools);
       "clickToSource" in updatedOpts.devTools && (opts.devTools.clickToSource = updatedOpts.devTools.clickToSource);
     }
     opts.csr = !!updatedOpts.csr;
-    opts.inlineStylesUpToBytes = optimizerOptions.inlineStylesUpToBytes ?? 2e4;
-    ("number" !== typeof opts.inlineStylesUpToBytes || opts.inlineStylesUpToBytes < 0) && (opts.inlineStylesUpToBytes = 0);
-    "boolean" === typeof updatedOpts.lint ? opts.lint = updatedOpts.lint : opts.lint = "development" === updatedOpts.buildMode;
-    opts.experimental = void 0;
-    for (const feature of updatedOpts.experimental ?? []) {
-      ExperimentalFeatures[feature] ? (opts.experimental || (opts.experimental = {}))[feature] = true : console.error(`Qwik plugin: Unknown experimental feature: ${feature}`);
+    "inlineStylesUpToBytes" in optimizerOptions && ("number" === typeof optimizerOptions.inlineStylesUpToBytes ? opts.inlineStylesUpToBytes = optimizerOptions.inlineStylesUpToBytes : ("number" !== typeof opts.inlineStylesUpToBytes || opts.inlineStylesUpToBytes < 0) && (opts.inlineStylesUpToBytes = 0));
+    "boolean" === typeof updatedOpts.lint && (opts.lint = updatedOpts.lint);
+    if ("experimental" in updatedOpts) {
+      opts.experimental = void 0;
+      for (const feature of updatedOpts.experimental ?? []) {
+        ExperimentalFeatures[feature] ? (opts.experimental || (opts.experimental = {}))[feature] = true : console.error(`Qwik plugin: Unknown experimental feature: ${feature}`);
+      }
     }
     return {
       ...opts
@@ -2037,7 +2333,16 @@ function createQwikPlugin(optimizerOptions = {}) {
     debug("transformedOutputs.clear()");
     clientTransformedOutputs.clear();
     serverTransformedOutputs.clear();
-    npmChunks.clear();
+    if ("client" === opts.target) {
+      const ql = await _ctx.resolve("@qwik.dev/core/qwikloader.js", void 0, {
+        skipSelf: true
+      });
+      ql && _ctx.emitFile({
+        id: ql.id,
+        type: "chunk",
+        preserveSignature: "allow-extension"
+      });
+    }
   };
   const getIsServer = viteOpts => devServer ? !!viteOpts?.ssr : "ssr" === opts.target || "test" === opts.target;
   let resolveIdCount = 0;
@@ -2078,54 +2383,69 @@ function createQwikPlugin(optimizerOptions = {}) {
         id: QWIK_CLIENT_MANIFEST_ID,
         moduleSideEffects: false
       };
-    } else if (pathId.endsWith(QWIK_HANDLERS_ID)) {
-      debug(`resolveId(${count})`, "Resolved", QWIK_HANDLERS_ID);
-      result = {
-        id: QWIK_HANDLERS_ID,
-        moduleSideEffects: false
-      };
-    } else {
-      if (!isServer && shouldAddHandlers && id2.endsWith("@qwik.dev/core")) {
-        shouldAddHandlers = false;
-        const key = await ctx.resolve("@qwik.dev/core/handlers.mjs", importerId, {
-          skipSelf: true
-        });
-        if (!key) {
-          throw new Error("Failed to resolve @qwik.dev/core/handlers.mjs");
+    } else if (devServer || isServer || !pathId.endsWith(QWIK_PRELOADER_ID)) {
+      if (pathId.endsWith(QWIK_HANDLERS_ID)) {
+        debug(`resolveId(${count})`, "Resolved", QWIK_HANDLERS_ID);
+        result = {
+          id: QWIK_HANDLERS_ID,
+          moduleSideEffects: false
+        };
+      } else {
+        if (!isServer && shouldAddHandlers && id2.endsWith("@qwik.dev/core")) {
+          shouldAddHandlers = false;
+          const key = await ctx.resolve("@qwik.dev/core/handlers.mjs", importerId, {
+            skipSelf: true
+          });
+          if (!key) {
+            throw new Error("Failed to resolve @qwik.dev/core/handlers.mjs");
+          }
+          ctx.emitFile({
+            id: key.id,
+            type: "chunk",
+            preserveSignature: "allow-extension"
+          });
+        }
+        const qrlMatch = /^(?<parent>.*\.[mc]?[jt]sx?)_(?<name>[^/]+)\.js(?<query>$|\?.*$)/.exec(id2)?.groups;
+        if (qrlMatch) {
+          const {parent: parent, name: name, query: query} = qrlMatch;
+          const resolvedParent = await ctx.resolve(parent, importerId, {
+            skipSelf: true
+          });
+          if (resolvedParent) {
+            const parentId = resolvedParent.id.split("?")[0];
+            const isDevUrl = devServer && importerId?.endsWith(".html");
+            const resolvedId = isDevUrl ? `${parentId}_${name}.js` : pathId;
+            debug(`resolveId(${count})`, `resolved to QRL ${name} of ${parentId}`);
+            parentIds.set(resolvedId, parentId);
+            result = {
+              id: resolvedId + query,
+              moduleSideEffects: false
+            };
+          } else {
+            console.error(`resolveId(${count})`, `QRL parent ${parent} does not exist!`);
+          }
+        } else if (importerId) {
+          const importerParentId = parentIds.get(importerId);
+          if (importerParentId) {
+            debug(`resolveId(${count}) end`, `resolving via ${importerParentId}`);
+            return ctx.resolve(id2, importerParentId, {
+              skipSelf: true
+            });
+          }
         }
+      }
+    } else {
+      debug(`resolveId(${count})`, "Resolved", QWIK_PRELOADER_ID);
+      const preloader = await ctx.resolve(QWIK_PRELOADER_ID, importerId, {
+        skipSelf: true
+      });
+      if (preloader) {
         ctx.emitFile({
-          id: key.id,
+          id: preloader.id,
           type: "chunk",
           preserveSignature: "allow-extension"
         });
-      }
-      const qrlMatch = /^(?<parent>.*\.[mc]?[jt]sx?)_(?<name>[^/]+)\.js(?<query>$|\?.*$)/.exec(id2)?.groups;
-      if (qrlMatch) {
-        const {parent: parent, name: name, query: query} = qrlMatch;
-        const resolvedParent = await ctx.resolve(parent, importerId, {
-          skipSelf: true
-        });
-        if (resolvedParent) {
-          const parentId = resolvedParent.id.split("?")[0];
-          const isDevUrl = devServer && importerId?.endsWith(".html");
-          const resolvedId = isDevUrl ? `${parentId}_${name}.js` : pathId;
-          debug(`resolveId(${count})`, `resolved to QRL ${name} of ${parentId}`);
-          parentIds.set(resolvedId, parentId);
-          result = {
-            id: resolvedId + query,
-            moduleSideEffects: false
-          };
-        } else {
-          console.error(`resolveId(${count})`, `QRL parent ${parent} does not exist!`);
-        }
-      } else if (importerId) {
-        const importerParentId = parentIds.get(importerId);
-        if (importerParentId) {
-          debug(`resolveId(${count}) end`, `resolving via ${importerParentId}`);
-          return ctx.resolve(id2, importerParentId, {
-            skipSelf: true
-          });
-        }
+        return preloader;
       }
     }
     debug(`resolveId(${count}) end`, result?.id || result);
@@ -2307,12 +2627,18 @@ function createQwikPlugin(optimizerOptions = {}) {
   };
   const createOutputAnalyzer = rollupBundle => {
     const injections = [];
-    const addInjection = b => injections.push(b);
-    const generateManifest = async () => {
+    const outputAnalyzer = {
+      addInjection: b => injections.push(b)
+    };
+    outputAnalyzer.generateManifest = async extra => {
       const optimizer2 = getOptimizer();
       const path = optimizer2.sys.path;
+      const buildPath = path.resolve(opts.rootDir, opts.outDir, "build");
+      const canonPath = p => path.relative(buildPath, path.resolve(opts.rootDir, opts.outDir, p));
+      outputAnalyzer.canonPath = canonPath;
       const segments = Array.from(clientResults.values()).flatMap((r => r.modules)).map((mod => mod.segment)).filter((h => !!h));
-      const manifest = generateManifestFromBundles(path, segments, injections, rollupBundle, opts, debug);
+      const manifest = generateManifestFromBundles(path, segments, injections, rollupBundle, opts, debug, canonPath);
+      extra && Object.assign(manifest, extra);
       for (const symbol of Object.values(manifest.symbols)) {
         symbol.origin && (symbol.origin = normalizePath(symbol.origin));
       }
@@ -2325,10 +2651,7 @@ function createQwikPlugin(optimizerOptions = {}) {
       manifest.manifestHash = hashCode(JSON.stringify(manifest));
       return manifest;
     };
-    return {
-      addInjection: addInjection,
-      generateManifest: generateManifest
-    };
+    return outputAnalyzer;
   };
   const getOptions = () => opts;
   const getTransformedOutputs = () => Array.from(clientTransformedOutputs.values()).map((t => t[0]));
@@ -2348,7 +2671,18 @@ function createQwikPlugin(optimizerOptions = {}) {
   }
   async function getQwikServerManifestModule(isServer) {
     const manifest = isServer ? opts.manifestInput : null;
-    return `// @qwik-client-manifest\nexport const manifest = ${JSON.stringify(manifest)};\n`;
+    let serverManifest = null;
+    manifest?.manifestHash && (serverManifest = {
+      manifestHash: manifest.manifestHash,
+      core: manifest.core,
+      preloader: manifest.preloader,
+      qwikLoader: manifest.qwikLoader,
+      bundleGraphAsset: manifest.bundleGraphAsset,
+      injections: manifest.injections,
+      mapping: manifest.mapping,
+      bundleGraph: manifest.bundleGraph
+    });
+    return `// @qwik-client-manifest\nexport const manifest = ${JSON.stringify(serverManifest)};\n`;
   }
   function setSourceMapSupport(sourcemap) {
     opts.sourcemap = sourcemap;
@@ -2374,23 +2708,59 @@ function createQwikPlugin(optimizerOptions = {}) {
     }
   }
   function manualChunks(id2, {getModuleInfo: getModuleInfo}) {
+    if ("client" === opts.target) {
+      if (id2.endsWith("@qwik.dev/core/build") || /[/\\](core|qwik)[/\\]dist[/\\]preloader\.[cm]js$/.test(id2) || "\0vite/preload-helper.js" === id2) {
+        return "qwik-preloader";
+      }
+      if (/[/\\](core|qwik)[/\\](handlers|dist[/\\]core(\.prod|\.min)?)\.[cm]js$/.test(id2)) {
+        return "qwik-core";
+      }
+      if (/[/\\](core|qwik)[/\\]dist[/\\]qwikloader\.js$/.test(id2)) {
+        return "qwik-loader";
+      }
+    }
     const module = getModuleInfo(id2);
     const segment = module.meta.segment;
     if (segment) {
-      return segment.entry;
-    }
-    const moduleIndex = id2.indexOf("node_modules");
-    if (-1 === moduleIndex) {
-      return;
-    }
-    const modulePath = id2.slice(moduleIndex + 12);
-    const moduleName = id2.startsWith("@") ? modulePath.split("/").slice(0, 2).join("_") : modulePath.slice(0, modulePath.indexOf("/"));
-    let size = module.code?.length || 0;
-    size += npmChunks.get(moduleName) || 0;
-    npmChunks.set(moduleName, size);
-    if (size > 1e4) {
-      return moduleName;
+      const {hash: hash} = segment;
+      const chunkName = opts.entryStrategy.manual?.[hash] || segment.entry;
+      if (chunkName) {
+        return chunkName;
+      }
     }
+    return null;
+  }
+  async function generateManifest(ctx, rollupBundle, bundleGraphAdders, manifestExtra) {
+    const outputAnalyzer = createOutputAnalyzer(rollupBundle);
+    const manifest = await outputAnalyzer.generateManifest(manifestExtra);
+    manifest.platform = {
+      ...manifestExtra?.platform,
+      rollup: ctx.meta?.rollupVersion || "",
+      env: optimizer.sys.env,
+      os: optimizer.sys.os
+    };
+    "node" === optimizer.sys.env && (manifest.platform.node = process.versions.node);
+    const bundleGraph = convertManifestToBundleGraph(manifest, bundleGraphAdders);
+    const bgAsset = ctx.emitFile({
+      type: "asset",
+      name: "bundle-graph.json",
+      source: JSON.stringify(bundleGraph)
+    });
+    const bgPath = ctx.getFileName(bgAsset);
+    manifest.bundleGraphAsset = bgPath;
+    manifest.assets[bgPath] = {
+      name: "bundle-graph.json",
+      size: bundleGraph.length
+    };
+    const manifestStr = JSON.stringify(manifest, null, "\t");
+    ctx.emitFile({
+      fileName: Q_MANIFEST_FILENAME,
+      type: "asset",
+      source: manifestStr
+    });
+    "function" === typeof opts.manifestOutput && await opts.manifestOutput(manifest);
+    "function" === typeof opts.transformedModuleOutput && await opts.transformedModuleOutput(getTransformedOutputs());
+    return manifestStr;
   }
   return {
     buildStart: buildStart,
@@ -2414,14 +2784,15 @@ function createQwikPlugin(optimizerOptions = {}) {
     setSourceMapSupport: setSourceMapSupport,
     configureServer: configureServer,
     handleHotUpdate: handleHotUpdate,
-    manualChunks: manualChunks
+    manualChunks: manualChunks,
+    generateManifest: generateManifest
   };
 }
 
 var makeNormalizePath = sys => id => {
   if ("string" === typeof id) {
     if (isWin(sys.os)) {
-      const isExtendedLengthPath = /^\\\\\?\\/.test(id);
+      const isExtendedLengthPath = id.startsWith("\\\\?\\");
       if (!isExtendedLengthPath) {
         const hasNonAscii = /[^\u0000-\u0080]+/.test(id);
         hasNonAscii || (id = id.replace(/\\/g, "/"));
@@ -2437,17 +2808,6 @@ function isAdditionalFile(mod) {
   return mod.isEntry || mod.segment;
 }
 
-function parseId(originalId) {
-  const [pathId, query] = originalId.split("?");
-  const queryStr = query || "";
-  return {
-    originalId: originalId,
-    pathId: pathId,
-    query: queryStr ? `?${query}` : "",
-    params: new URLSearchParams(queryStr)
-  };
-}
-
 var TRANSFORM_EXTS = {
   ".jsx": true,
   ".ts": true,
@@ -2470,6 +2830,8 @@ var QWIK_CORE_SERVER = "@qwik.dev/core/server";
 
 var QWIK_CLIENT_MANIFEST_ID = "@qwik-client-manifest";
 
+var QWIK_PRELOADER_ID = "@qwik.dev/core/preloader";
+
 var QWIK_HANDLERS_ID = "@qwik-handlers";
 
 var SRC_DIR_DEFAULT = "src";
@@ -2551,25 +2913,7 @@ function qwikRollup(qwikRollupOpts = {}) {
     },
     async generateBundle(_, rollupBundle) {
       const opts = qwikPlugin.getOptions();
-      if ("client" === opts.target) {
-        const optimizer = qwikPlugin.getOptimizer();
-        const outputAnalyzer = qwikPlugin.createOutputAnalyzer(rollupBundle);
-        const manifest = await outputAnalyzer.generateManifest();
-        manifest.platform = {
-          ...versions,
-          rollup: this.meta?.rollupVersion || "",
-          env: optimizer.sys.env,
-          os: optimizer.sys.os
-        };
-        "node" === optimizer.sys.env && (manifest.platform.node = process.versions.node);
-        "function" === typeof opts.manifestOutput && await opts.manifestOutput(manifest);
-        "function" === typeof opts.transformedModuleOutput && await opts.transformedModuleOutput(qwikPlugin.getTransformedOutputs());
-        this.emitFile({
-          type: "asset",
-          fileName: Q_MANIFEST_FILENAME,
-          source: JSON.stringify(manifest, null, 2)
-        });
-      }
+      "client" === opts.target && await qwikPlugin.generateManifest(this, rollupBundle);
     }
   };
   return rollupPlugin;
@@ -2614,8 +2958,9 @@ function normalizeRollupOutputOptionsObject(qwikPlugin, rollupOutputOptsObj, use
       const sanitized = relativePath.replace(/^(\.\.\/)+/, "").replace(/^\/+/, "").replace(/\//g, "-");
       return `build/${sanitized}.js`;
     } : "build/q-[hash].js";
-    outputOpts.entryFileNames || (outputOpts.entryFileNames = useAssetsDir ? `${opts.assetsDir}/${fileName}` : fileName);
-    outputOpts.chunkFileNames || (outputOpts.chunkFileNames = useAssetsDir ? `${opts.assetsDir}/${fileName}` : fileName);
+    const getFilePath = fileNamePattern => "string" === typeof fileNamePattern ? useAssetsDir ? `${opts.assetsDir}/${fileNamePattern}` : fileNamePattern : useAssetsDir ? chunkInfo => `${opts.assetsDir}/${fileNamePattern(chunkInfo)}` : chunkInfo => fileNamePattern(chunkInfo);
+    outputOpts.entryFileNames || (outputOpts.entryFileNames = getFilePath(fileName));
+    outputOpts.chunkFileNames || (outputOpts.chunkFileNames = getFilePath(fileName));
   } else {
     "production" === opts.buildMode && (outputOpts.chunkFileNames || (outputOpts.chunkFileNames = "q-[hash].js"));
   }
@@ -2647,9 +2992,9 @@ function createRollupError2(id, diagnostic) {
   return err;
 }
 
-var QWIK_LOADER_DEFAULT_MINIFIED = '(()=>{var e=Object.defineProperty,t=Object.getOwnPropertySymbols,o=Object.prototype.hasOwnProperty,n=Object.prototype.propertyIsEnumerable,r=(t,o,n)=>o in t?e(t,o,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[o]=n,s=(e,s)=>{for(var a in s||(s={}))o.call(s,a)&&r(e,a,s[a]);if(t)for(var a of t(s))n.call(s,a)&&r(e,a,s[a]);return e};((e,t)=>{const o="__q_context__",n=window,r=new Set,a=new Set([e]),i="replace",c="forEach",l="target",f="getAttribute",p="isConnected",b="qvisible",u="_qwikjson_",h=(e,t)=>Array.from(e.querySelectorAll(t)),y=e=>{const t=[];return a.forEach((o=>t.push(...h(o,e)))),t},d=e=>{S(e),h(e,"[q\\\\:shadowroot]").forEach((e=>{const t=e.shadowRoot;t&&d(t)}))},q=e=>e&&"function"==typeof e.then,m=(e,t,o=t.type)=>{y("[on"+e+"\\\\:"+o+"]")[c]((n=>g(n,e,t,o)))},w=t=>{if(void 0===t[u]){let o=(t===e.documentElement?e.body:t).lastElementChild;for(;o;){if("SCRIPT"===o.tagName&&"qwik/json"===o[f]("type")){t[u]=JSON.parse(o.textContent[i](/\\\\x3C(\\/?script)/gi,"<$1"));break}o=o.previousElementSibling}}},v=(e,t)=>new CustomEvent(e,{detail:t}),g=async(t,n,r,a=r.type)=>{const c="on"+n+":"+a;t.hasAttribute("preventdefault:"+a)&&r.preventDefault(),t.hasAttribute("stoppropagation:"+a)&&r.stopPropagation();const l=t._qc_,b=l&&l.li.filter((e=>e[0]===c));if(b&&b.length>0){for(const e of b){const o=e[1].getFn([t,r],(()=>t[p]))(r,t),n=r.cancelBubble;q(o)&&await o,n&&r.stopPropagation()}return}const u=t.qDispatchEvent;if(u)return u(r,n);const h=t[f](c);if(h){const n=t.closest("[q\\\\:container]:not([q\\\\:container=html]):not([q\\\\:container=text])"),a=n[f]("q:base"),c=n[f]("q:version")||"unknown",l=n[f]("q:manifest-hash")||"dev",b=new URL(a,e.baseURI);for(const f of h.split("\\n")){const u=new URL(f,b),h=u.href,y=u.hash[i](/^#?([^?[|]*).*$/,"$1")||"default",d=performance.now();let m,v,g;const A=f.startsWith("#"),_={qBase:a,qManifest:l,qVersion:c,href:h,symbol:y,element:t,reqTime:d};if(A){const t=n.getAttribute("q:instance");m=(e["qFuncs_"+t]||[])[Number.parseInt(y)],m||(v="sync",g=Error("sync handler error for symbol: "+y))}else{const e=u.href.split("#")[0];try{const t=import(e);w(n),m=(await t)[y],m||(v="no-symbol",g=Error(`${y} not in ${e}`))}catch(e){v||(v="async"),g=e}}if(!m){E("qerror",s({importError:v,error:g},_)),console.error(g);break}const k=e[o];if(t[p])try{e[o]=[t,r,u],A||E("qsymbol",s({},_));const n=m(r,t);q(n)&&await n}catch(e){E("qerror",s({error:e},_))}finally{e[o]=k}}}},E=(t,o)=>{e.dispatchEvent(v(t,o))},A=e=>e[i](/([A-Z])/g,(e=>"-"+e.toLowerCase())),_=async e=>{let t=A(e.type),o=e[l];for(m("-document",e,t);o&&o[f];){const n=g(o,"",e,t);let r=e.cancelBubble;q(n)&&await n,r=r||e.cancelBubble||o.hasAttribute("stoppropagation:"+e.type),o=e.bubbles&&!0!==r?o.parentElement:null}},k=e=>{m("-window",e,A(e.type))},C=()=>{var o;const s=e.readyState;if(!t&&("interactive"==s||"complete"==s)&&(a.forEach(d),t=1,E("qinit"),(null!=(o=n.requestIdleCallback)?o:n.setTimeout).bind(n)((()=>E("qidle"))),r.has(b))){const e=y("[on\\\\:"+b+"]"),t=new IntersectionObserver((e=>{for(const o of e)o.isIntersecting&&(t.unobserve(o[l]),g(o[l],"",v(b,o)))}));e[c]((e=>t.observe(e)))}},O=(e,t,o,n=!1)=>e.addEventListener(t,o,{capture:n,passive:!1}),S=(...e)=>{for(const t of e)"string"==typeof t?r.has(t)||(a.forEach((e=>O(e,t,_,!0))),O(n,t,k,!0),r.add(t)):a.has(t)||(r.forEach((e=>O(t,e,_,!0))),a.add(t))};if(!(o in e)){e[o]=0;const t=n.qwikevents;Array.isArray(t)&&S(...t),n.qwikevents={events:r,roots:a,push:S},O(e,"readystatechange",C),C()}})(document)})()';
+var QWIK_LOADER_DEFAULT_MINIFIED = 'const t=document,e=window,n=new Set,o=new Set([t]);let r;const s=(t,e)=>Array.from(t.querySelectorAll(e)),i=t=>{const e=[];return o.forEach((n=>e.push(...s(n,t)))),e},a=t=>{v(t),s(t,"[q\\\\:shadowroot]").forEach((t=>{const e=t.shadowRoot;e&&a(e)}))},c=t=>t&&"function"==typeof t.then;let l=!0;const f=(t,e,n=e.type)=>{let o=l;i("[on"+t+"\\\\:"+n+"]").forEach((r=>{o=!0,b(r,t,e,n)})),o||window[t.slice(1)].removeEventListener(n,"-window"===t?d:_)},p=e=>{if(void 0===e._qwikjson_){let n=(e===t.documentElement?t.body:e).lastElementChild;for(;n;){if("SCRIPT"===n.tagName&&"qwik/json"===n.getAttribute("type")){e._qwikjson_=JSON.parse(n.textContent.replace(/\\\\x3C(\\/?script)/gi,"<$1"));break}n=n.previousElementSibling}}},u=(t,e)=>new CustomEvent(t,{detail:e}),b=async(e,n,o,r=o.type)=>{const s="on"+n+":"+r;e.hasAttribute("preventdefault:"+r)&&o.preventDefault(),e.hasAttribute("stoppropagation:"+r)&&o.stopPropagation();const i=e._qc_,a=i&&i.li.filter((t=>t[0]===s));if(a&&a.length>0){for(const t of a){const n=t[1].getFn([e,o],(()=>e.isConnected))(o,e),r=o.cancelBubble;c(n)&&await n,r&&o.stopPropagation()}return}const l=e.getAttribute(s),f=e.qDispatchEvent;if(f)return f(o,n);if(l){const n=e.closest("[q\\\\:container]:not([q\\\\:container=html]):not([q\\\\:container=text])"),r=n.getAttribute("q:base"),s=n.getAttribute("q:version")||"unknown",i=n.getAttribute("q:manifest-hash")||"dev",a=new URL(r,t.baseURI);for(const f of l.split("\\n")){const l=new URL(f,a),u=l.href,b=l.hash.replace(/^#?([^?[|]*).*$/,"$1")||"default",h=performance.now();let _,d,w;const m=f.startsWith("#"),y={qBase:r,qManifest:i,qVersion:s,href:u,symbol:b,element:e,reqTime:h};if(m){const e=n.getAttribute("q:instance");_=(t["qFuncs_"+e]||[])[Number.parseInt(b)],_||(d="sync",w=Error("sym:"+b))}else{q("qsymbol",y);const t=l.href.split("#")[0];try{const e=import(t);p(n),_=(await e)[b],_||(d="no-symbol",w=Error(`${b} not in ${t}`))}catch(t){d||(d="async"),w=t}}if(!_){q("qerror",{importError:d,error:w,...y}),console.error(w);break}const v=t.__q_context__;if(e.isConnected)try{t.__q_context__=[e,o,l];const n=_(o,e);c(n)&&await n}catch(t){q("qerror",{error:t,...y})}finally{t.__q_context__=v}}}},q=(e,n)=>{t.dispatchEvent(u(e,n))},h=t=>t.replace(/([A-Z])/g,(t=>"-"+t.toLowerCase())),_=async t=>{let e=h(t.type),n=t.target;for(f("-document",t,e);n&&n.getAttribute;){const o=b(n,"",t,e);let r=t.cancelBubble;c(o)&&await o,r||(r=r||t.cancelBubble||n.hasAttribute("stoppropagation:"+t.type)),n=t.bubbles&&!0!==r?n.parentElement:null}},d=t=>{f("-window",t,h(t.type))},w=()=>{var s;const c=t.readyState;if(!r&&("interactive"==c||"complete"==c)&&(o.forEach(a),r=1,q("qinit"),(null!=(s=e.requestIdleCallback)?s:e.setTimeout).bind(e)((()=>q("qidle"))),n.has("qvisible"))){const t=i("[on\\\\:qvisible]"),e=new IntersectionObserver((t=>{for(const n of t)n.isIntersecting&&(e.unobserve(n.target),b(n.target,"",u("qvisible",n)))}));t.forEach((t=>e.observe(t)))}},m=(t,e,n,o=!1)=>{t.addEventListener(e,n,{capture:o,passive:!1})};let y;const v=(...t)=>{l=!0,clearTimeout(y),y=setTimeout((()=>l=!1),2e4);for(const r of t)"string"==typeof r?n.has(r)||(o.forEach((t=>m(t,r,_,!0))),m(e,r,d,!0),n.add(r)):o.has(r)||(n.forEach((t=>m(r,t,_,!0))),o.add(r))};if(!("__q_context__"in t)){t.__q_context__=0;const r=e.qwikevents;r&&(Array.isArray(r)?v(...r):v("click","input")),e.qwikevents={events:n,roots:o,push:v},m(t,"readystatechange",w),w()}';
 
-var QWIK_LOADER_DEFAULT_DEBUG = '(() => {\n    var __defProp = Object.defineProperty;\n    var __getOwnPropSymbols = Object.getOwnPropertySymbols;\n    var __hasOwnProp = Object.prototype.hasOwnProperty;\n    var __propIsEnum = Object.prototype.propertyIsEnumerable;\n    var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, {\n        enumerable: !0,\n        configurable: !0,\n        writable: !0,\n        value: value\n    }) : obj[key] = value;\n    var __spreadValues = (a, b) => {\n        for (var prop in b || (b = {})) {\n            __hasOwnProp.call(b, prop) && __defNormalProp(a, prop, b[prop]);\n        }\n        if (__getOwnPropSymbols) {\n            for (var prop of __getOwnPropSymbols(b)) {\n                __propIsEnum.call(b, prop) && __defNormalProp(a, prop, b[prop]);\n            }\n        }\n        return a;\n    };\n    ((doc, hasInitialized) => {\n        const Q_CONTEXT = "__q_context__";\n        const win = window;\n        const events =  new Set;\n        const roots =  new Set([ doc ]);\n        const nativeQuerySelectorAll = (root, selector) => Array.from(root.querySelectorAll(selector));\n        const querySelectorAll = query => {\n            const elements = [];\n            roots.forEach((root => elements.push(...nativeQuerySelectorAll(root, query))));\n            return elements;\n        };\n        const findShadowRoots = fragment => {\n            processEventOrNode(fragment);\n            nativeQuerySelectorAll(fragment, "[q\\\\:shadowroot]").forEach((parent => {\n                const shadowRoot = parent.shadowRoot;\n                shadowRoot && findShadowRoots(shadowRoot);\n            }));\n        };\n        const isPromise = promise => promise && "function" == typeof promise.then;\n        const broadcast = (infix, ev, type = ev.type) => {\n            querySelectorAll("[on" + infix + "\\\\:" + type + "]").forEach((el => dispatch(el, infix, ev, type)));\n        };\n        const resolveContainer = containerEl => {\n            if (void 0 === containerEl._qwikjson_) {\n                let script = (containerEl === doc.documentElement ? doc.body : containerEl).lastElementChild;\n                while (script) {\n                    if ("SCRIPT" === script.tagName && "qwik/json" === script.getAttribute("type")) {\n                        containerEl._qwikjson_ = JSON.parse(script.textContent.replace(/\\\\x3C(\\/?script)/gi, "<$1"));\n                        break;\n                    }\n                    script = script.previousElementSibling;\n                }\n            }\n        };\n        const createEvent = (eventName, detail) => new CustomEvent(eventName, {\n            detail: detail\n        });\n        const dispatch = async (element, scope, ev, eventName = ev.type) => {\n            const attrName = "on" + scope + ":" + eventName;\n            element.hasAttribute("preventdefault:" + eventName) && ev.preventDefault();\n            element.hasAttribute("stoppropagation:" + eventName) && ev.stopPropagation();\n            const ctx = element._qc_;\n            const relevantListeners = ctx && ctx.li.filter((li => li[0] === attrName));\n            if (relevantListeners && relevantListeners.length > 0) {\n                for (const listener of relevantListeners) {\n                    const results = listener[1].getFn([ element, ev ], (() => element.isConnected))(ev, element);\n                    const cancelBubble = ev.cancelBubble;\n                    isPromise(results) && await results;\n                    cancelBubble && ev.stopPropagation();\n                }\n                return;\n            }\n            const qDispatchEvent = element.qDispatchEvent;\n            if (qDispatchEvent) {\n                return qDispatchEvent(ev, scope);\n            }\n            const attrValue = element.getAttribute(attrName);\n            if (attrValue) {\n                const container = element.closest("[q\\\\:container]:not([q\\\\:container=html]):not([q\\\\:container=text])");\n                const qBase = container.getAttribute("q:base");\n                const qVersion = container.getAttribute("q:version") || "unknown";\n                const qManifest = container.getAttribute("q:manifest-hash") || "dev";\n                const base = new URL(qBase, doc.baseURI);\n                for (const qrl of attrValue.split("\\n")) {\n                    const url = new URL(qrl, base);\n                    const href = url.href;\n                    const symbol = url.hash.replace(/^#?([^?[|]*).*$/, "$1") || "default";\n                    const reqTime = performance.now();\n                    let handler;\n                    let importError;\n                    let error;\n                    const isSync = qrl.startsWith("#");\n                    const eventData = {\n                        qBase: qBase,\n                        qManifest: qManifest,\n                        qVersion: qVersion,\n                        href: href,\n                        symbol: symbol,\n                        element: element,\n                        reqTime: reqTime\n                    };\n                    if (isSync) {\n                        const hash = container.getAttribute("q:instance");\n                        handler = (doc["qFuncs_" + hash] || [])[Number.parseInt(symbol)];\n                        if (!handler) {\n                            importError = "sync";\n                            error = new Error("sync handler error for symbol: " + symbol);\n                        }\n                    } else {\n                        const uri = url.href.split("#")[0];\n                        try {\n                            const module = import(\n                                                        uri);\n                            resolveContainer(container);\n                            handler = (await module)[symbol];\n                            if (!handler) {\n                                importError = "no-symbol";\n                                error = new Error(`${symbol} not in ${uri}`);\n                            }\n                        } catch (err) {\n                            importError || (importError = "async");\n                            error = err;\n                        }\n                    }\n                    if (!handler) {\n                        emitEvent("qerror", __spreadValues({\n                            importError: importError,\n                            error: error\n                        }, eventData));\n                        console.error(error);\n                        break;\n                    }\n                    const previousCtx = doc[Q_CONTEXT];\n                    if (element.isConnected) {\n                        try {\n                            doc[Q_CONTEXT] = [ element, ev, url ];\n                            isSync || emitEvent("qsymbol", __spreadValues({}, eventData));\n                            const results = handler(ev, element);\n                            isPromise(results) && await results;\n                        } catch (error2) {\n                            emitEvent("qerror", __spreadValues({\n                                error: error2\n                            }, eventData));\n                        } finally {\n                            doc[Q_CONTEXT] = previousCtx;\n                        }\n                    }\n                }\n            }\n        };\n        const emitEvent = (eventName, detail) => {\n            doc.dispatchEvent(createEvent(eventName, detail));\n        };\n        const camelToKebab = str => str.replace(/([A-Z])/g, (a => "-" + a.toLowerCase()));\n        const processDocumentEvent = async ev => {\n            let type = camelToKebab(ev.type);\n            let element = ev.target;\n            broadcast("-document", ev, type);\n            while (element && element.getAttribute) {\n                const results = dispatch(element, "", ev, type);\n                let cancelBubble = ev.cancelBubble;\n                isPromise(results) && await results;\n                cancelBubble = cancelBubble || ev.cancelBubble || element.hasAttribute("stoppropagation:" + ev.type);\n                element = ev.bubbles && !0 !== cancelBubble ? element.parentElement : null;\n            }\n        };\n        const processWindowEvent = ev => {\n            broadcast("-window", ev, camelToKebab(ev.type));\n        };\n        const processReadyStateChange = () => {\n            var _a;\n            const readyState = doc.readyState;\n            if (!hasInitialized && ("interactive" == readyState || "complete" == readyState)) {\n                roots.forEach(findShadowRoots);\n                hasInitialized = 1;\n                emitEvent("qinit");\n                (null != (_a = win.requestIdleCallback) ? _a : win.setTimeout).bind(win)((() => emitEvent("qidle")));\n                if (events.has("qvisible")) {\n                    const results = querySelectorAll("[on\\\\:qvisible]");\n                    const observer = new IntersectionObserver((entries => {\n                        for (const entry of entries) {\n                            if (entry.isIntersecting) {\n                                observer.unobserve(entry.target);\n                                dispatch(entry.target, "", createEvent("qvisible", entry));\n                            }\n                        }\n                    }));\n                    results.forEach((el => observer.observe(el)));\n                }\n            }\n        };\n        const addEventListener = (el, eventName, handler, capture = !1) => el.addEventListener(eventName, handler, {\n            capture: capture,\n            passive: !1\n        });\n        const processEventOrNode = (...eventNames) => {\n            for (const eventNameOrNode of eventNames) {\n                if ("string" == typeof eventNameOrNode) {\n                    if (!events.has(eventNameOrNode)) {\n                        roots.forEach((root => addEventListener(root, eventNameOrNode, processDocumentEvent, !0)));\n                        addEventListener(win, eventNameOrNode, processWindowEvent, !0);\n                        events.add(eventNameOrNode);\n                    }\n                } else if (!roots.has(eventNameOrNode)) {\n                    events.forEach((eventName => addEventListener(eventNameOrNode, eventName, processDocumentEvent, !0)));\n                    roots.add(eventNameOrNode);\n                }\n            }\n        };\n        if (!(Q_CONTEXT in doc)) {\n            doc[Q_CONTEXT] = 0;\n            const qwikevents = win.qwikevents;\n            Array.isArray(qwikevents) && processEventOrNode(...qwikevents);\n            win.qwikevents = {\n                events: events,\n                roots: roots,\n                push: processEventOrNode\n            };\n            addEventListener(doc, "readystatechange", processReadyStateChange);\n            processReadyStateChange();\n        }\n    })(document);\n})()';
+var QWIK_LOADER_DEFAULT_DEBUG = 'const doc = document;\nconst win = window;\nconst events = /* @__PURE__ */ new Set();\nconst roots = /* @__PURE__ */ new Set([doc]);\nlet hasInitialized;\nconst nativeQuerySelectorAll = (root, selector) => Array.from(root.querySelectorAll(selector));\nconst querySelectorAll = (query) => {\n  const elements = [];\n  roots.forEach((root) => elements.push(...nativeQuerySelectorAll(root, query)));\n  return elements;\n};\nconst findShadowRoots = (fragment) => {\n  processEventOrNode(fragment);\n  nativeQuerySelectorAll(fragment, "[q\\\\:shadowroot]").forEach((parent) => {\n    const shadowRoot = parent.shadowRoot;\n    shadowRoot && findShadowRoots(shadowRoot);\n  });\n};\nconst isPromise = (promise) => promise && typeof promise.then === "function";\nlet doNotClean = true;\nconst broadcast = (infix, ev, type = ev.type) => {\n  let found = doNotClean;\n  querySelectorAll("[on" + infix + "\\\\:" + type + "]").forEach((el) => {\n    found = true;\n    dispatch(el, infix, ev, type);\n  });\n  if (!found) {\n    window[infix.slice(1)].removeEventListener(\n      type,\n      infix === "-window" ? processWindowEvent : processDocumentEvent\n    );\n  }\n};\nconst resolveContainer = (containerEl) => {\n  if (containerEl._qwikjson_ === void 0) {\n    const parentJSON = containerEl === doc.documentElement ? doc.body : containerEl;\n    let script = parentJSON.lastElementChild;\n    while (script) {\n      if (script.tagName === "SCRIPT" && script.getAttribute("type") === "qwik/json") {\n        containerEl._qwikjson_ = JSON.parse(\n          script.textContent.replace(/\\\\x3C(\\/?script)/gi, "<$1")\n        );\n        break;\n      }\n      script = script.previousElementSibling;\n    }\n  }\n};\nconst createEvent = (eventName, detail) => new CustomEvent(eventName, {\n  detail\n});\nconst dispatch = async (element, scope, ev, eventName = ev.type) => {\n  const attrName = "on" + scope + ":" + eventName;\n  if (element.hasAttribute("preventdefault:" + eventName)) {\n    ev.preventDefault();\n  }\n  if (element.hasAttribute("stoppropagation:" + eventName)) {\n    ev.stopPropagation();\n  }\n  const ctx = element._qc_;\n  const relevantListeners = ctx && ctx.li.filter((li) => li[0] === attrName);\n  if (relevantListeners && relevantListeners.length > 0) {\n    for (const listener of relevantListeners) {\n      const results = listener[1].getFn([element, ev], () => element.isConnected)(ev, element);\n      const cancelBubble = ev.cancelBubble;\n      if (isPromise(results)) {\n        await results;\n      }\n      if (cancelBubble) {\n        ev.stopPropagation();\n      }\n    }\n    return;\n  }\n  const attrValue = element.getAttribute(attrName);\n  const qDispatchEvent = element.qDispatchEvent;\n  if (qDispatchEvent) {\n    return qDispatchEvent(ev, scope);\n  }\n  if (attrValue) {\n    const container = element.closest(\n      "[q\\\\:container]:not([q\\\\:container=html]):not([q\\\\:container=text])"\n    );\n    const qBase = container.getAttribute("q:base");\n    const qVersion = container.getAttribute("q:version") || "unknown";\n    const qManifest = container.getAttribute("q:manifest-hash") || "dev";\n    const base = new URL(qBase, doc.baseURI);\n    for (const qrl of attrValue.split("\\n")) {\n      const url = new URL(qrl, base);\n      const href = url.href;\n      const symbol = url.hash.replace(/^#?([^?[|]*).*$/, "$1") || "default";\n      const reqTime = performance.now();\n      let handler;\n      let importError;\n      let error;\n      const isSync = qrl.startsWith("#");\n      const eventData = {\n        qBase,\n        qManifest,\n        qVersion,\n        href,\n        symbol,\n        element,\n        reqTime\n      };\n      if (isSync) {\n        const hash = container.getAttribute("q:instance");\n        handler = (doc["qFuncs_" + hash] || [])[Number.parseInt(symbol)];\n        if (!handler) {\n          importError = "sync";\n          error = new Error("sym:" + symbol);\n        }\n      } else {\n        emitEvent("qsymbol", eventData);\n        const uri = url.href.split("#")[0];\n        try {\n          const module = import(\n                        uri\n          );\n          resolveContainer(container);\n          handler = (await module)[symbol];\n          if (!handler) {\n            importError = "no-symbol";\n            error = new Error(`${symbol} not in ${uri}`);\n          }\n        } catch (err) {\n          importError || (importError = "async");\n          error = err;\n        }\n      }\n      if (!handler) {\n        emitEvent("qerror", {\n          importError,\n          error,\n          ...eventData\n        });\n        console.error(error);\n        break;\n      }\n      const previousCtx = doc.__q_context__;\n      if (element.isConnected) {\n        try {\n          doc.__q_context__ = [element, ev, url];\n          const results = handler(ev, element);\n          if (isPromise(results)) {\n            await results;\n          }\n        } catch (error2) {\n          emitEvent("qerror", { error: error2, ...eventData });\n        } finally {\n          doc.__q_context__ = previousCtx;\n        }\n      }\n    }\n  }\n};\nconst emitEvent = (eventName, detail) => {\n  doc.dispatchEvent(createEvent(eventName, detail));\n};\nconst camelToKebab = (str) => str.replace(/([A-Z])/g, (a) => "-" + a.toLowerCase());\nconst processDocumentEvent = async (ev) => {\n  let type = camelToKebab(ev.type);\n  let element = ev.target;\n  broadcast("-document", ev, type);\n  while (element && element.getAttribute) {\n    const results = dispatch(element, "", ev, type);\n    let cancelBubble = ev.cancelBubble;\n    if (isPromise(results)) {\n      await results;\n    }\n    cancelBubble || (cancelBubble = cancelBubble || ev.cancelBubble || element.hasAttribute("stoppropagation:" + ev.type));\n    element = ev.bubbles && cancelBubble !== true ? element.parentElement : null;\n  }\n};\nconst processWindowEvent = (ev) => {\n  broadcast("-window", ev, camelToKebab(ev.type));\n};\nconst processReadyStateChange = () => {\n  var _a;\n  const readyState = doc.readyState;\n  if (!hasInitialized && (readyState == "interactive" || readyState == "complete")) {\n    roots.forEach(findShadowRoots);\n    hasInitialized = 1;\n    emitEvent("qinit");\n    const riC = (_a = win.requestIdleCallback) != null ? _a : win.setTimeout;\n    riC.bind(win)(() => emitEvent("qidle"));\n    if (events.has("qvisible")) {\n      const results = querySelectorAll("[on\\\\:qvisible]");\n      const observer = new IntersectionObserver((entries) => {\n        for (const entry of entries) {\n          if (entry.isIntersecting) {\n            observer.unobserve(entry.target);\n            dispatch(entry.target, "", createEvent("qvisible", entry));\n          }\n        }\n      });\n      results.forEach((el) => observer.observe(el));\n    }\n  }\n};\nconst addEventListener = (el, eventName, handler, capture = false) => {\n  el.addEventListener(eventName, handler, { capture, passive: false });\n};\nlet cleanTimer;\nconst processEventOrNode = (...eventNames) => {\n  doNotClean = true;\n  clearTimeout(cleanTimer);\n  cleanTimer = setTimeout(() => doNotClean = false, 2e4);\n  for (const eventNameOrNode of eventNames) {\n    if (typeof eventNameOrNode === "string") {\n      if (!events.has(eventNameOrNode)) {\n        roots.forEach(\n          (root) => addEventListener(root, eventNameOrNode, processDocumentEvent, true)\n        );\n        addEventListener(win, eventNameOrNode, processWindowEvent, true);\n        events.add(eventNameOrNode);\n      }\n    } else {\n      if (!roots.has(eventNameOrNode)) {\n        events.forEach(\n          (eventName) => addEventListener(eventNameOrNode, eventName, processDocumentEvent, true)\n        );\n        roots.add(eventNameOrNode);\n      }\n    }\n  }\n};\nif (!("__q_context__" in doc)) {\n  doc.__q_context__ = 0;\n  const qwikevents = win.qwikevents;\n  if (qwikevents) {\n    if (Array.isArray(qwikevents)) {\n      processEventOrNode(...qwikevents);\n    } else {\n      processEventOrNode("click", "input");\n    }\n  }\n  win.qwikevents = {\n    events,\n    roots,\n    push: processEventOrNode\n  };\n  addEventListener(doc, "readystatechange", processReadyStateChange);\n  processReadyStateChange();\n}';
 
 var import_bmp = __toESM(require_bmp(), 1);
 
@@ -2984,62 +3329,8 @@ var perf_warning_default = "<script>\n  if (!window.__qwikViteLog) {\n    window
 
 var VITE_ERROR_OVERLAY_STYLES = "\nvite-error-overlay {\n  --color-bright: rgba(255, 255, 255, 0.8);\n  --color-yellow: rgba(255,246,85,0.8);\n  --qwik-dark-blue: #006ce9;\n  --qwik-light-blue: #3ec2f7;\n  --qwik-light-purple: #ac7ff4;\n  --qwik-dark-purple: #713fc2;\n  --yellow: #fff;                   /* override vite yellow */\n  --purple: var(--color-bright);    /* override vite purple */\n  --red: var(--qwik-light-blue);    /* override vite red */\n\n  --vertical-box-spacing: 15px;\n  --box-padding: 20px;\n  --box-margin: 0 0 var(--vertical-box-spacing) 0;\n  --box-background: rgba(0, 0, 0, 0.5);\n  --box-border-radius: 8px;\n}\n\nvite-error-overlay::part(backdrop) {\n  background: rgb(2 11 17 / 60%);\n  backdrop-filter: blur(20px) brightness(0.4) saturate(3);\n}\n\nvite-error-overlay::part(window) {\n  background: transparent;\n  border: none;\n  box-shadow: none;\n  box-sizing: border-box;\n  margin: 50px auto;\n  max-width: 1200px;\n  padding: var(--box-padding);\n  width: 90%;\n}\n\nvite-error-overlay::part(message) {\n  display: flex;\n  flex-direction: column;\n  font-size: 1.6rem;\n  line-height: 1.7;\n  margin-bottom: 30px;\n}\n\nvite-error-overlay::part(plugin) {\n  font-size: 0.8rem;\n  font-weight: 100;\n}\n\nvite-error-overlay::part(file),\nvite-error-overlay::part(frame),\nvite-error-overlay::part(stack),\nvite-error-overlay::part(tip) {\n  background: var(--box-background);\n  border-left: 5px solid transparent;\n  border-radius: var(--box-border-radius);\n  margin: var(--box-margin);\n  min-height: 50px;\n  padding: var(--box-padding);\n  position: relative;\n}\n\nvite-error-overlay::part(file) {\n  border-left-color: rgb(25 182 246);\n  color: var(--color-bright);\n}\n\nvite-error-overlay::part(frame) {\n  border-left-color: var(--color-yellow);\n  color: var(--color-yellow);\n}\n\nvite-error-overlay::part(stack) {\n  border-left-color: #FF5722;\n}\n\n\nvite-error-overlay::part(tip) {\n  border-top: none;\n  border-left-color: rgb(172, 127, 244);\n}\n\nvite-error-overlay::part(file):before,\nvite-error-overlay::part(frame):before,\nvite-error-overlay::part(stack):before {\n  border-bottom: 1px solid #222;\n  color: var(--color-bright);\n  display: block;\n  margin-bottom: 15px;\n  padding-bottom: 5px;\n  padding-left: 30px; /* space for icon */\n  font-size: .8rem;\n}\n\nvite-error-overlay::part(file):before {\n  content: 'File';\n}\n\nvite-error-overlay::part(frame):before {\n  content: 'Frame';\n}\n\nvite-error-overlay::part(stack):before {\n  content: 'Stack Trace';\n}\n\nvite-error-overlay::part(file):after,\nvite-error-overlay::part(frame):after,\nvite-error-overlay::part(stack):after {\n  content: '';\n  display: block;\n  height: 20px;\n  position: absolute;\n  left: var(--box-padding);\n  top: var(--box-padding);\n  width: 20px;\n}\n\nvite-error-overlay::part(file):after {\n  background-image: url(\"data:image/svg+xml,%3Csvg width='20px' height='20px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EFile-Generic%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='File-Generic'%3E%3Crect id='Rectangle' fill-rule='nonzero' x='0' y='0' width='24' height='24'%3E%3C/rect%3E%3Cpath d='M4 5 C4 3.89543 4.89543 3 6 3 L15.1716 3 C15.702 3 16.2107 3.21071 16.5858 3.58579 L19.4142 6.41421 C19.7893 6.78929 20 7.29799 20 7.82843 L20 19 C20 20.1046 19.1046 21 18 21 L6 21 C4.89543 21 4 20.1046 4 19 L4 5 Z' id='Path' stroke='rgba(255,255,255,0.7)' stroke-width='1' stroke-linecap='round'%3E%3C/path%3E%3Cpath d='M15 4 L15 6 C15 7.10457 15.8954 8 17 8 L19 8' id='Path' stroke='rgba(255,255,255,0.7)' stroke-width='1' stroke-linecap='round'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");\n}\n\nvite-error-overlay::part(frame):after {\n  background-image: url(\"data:image/svg+xml,%3Csvg width='20px' height='20px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.6602 2.84952H19.1516C20.2555 2.84952 21.1504 3.74444 21.1504 4.84839V8.3398' stroke='rgba(255,255,255,0.7)' stroke-width='1.69904' stroke-linecap='round'/%3E%3Cpath d='M2.84949 8.33981L2.84949 4.8484C2.84949 3.74446 3.74441 2.84953 4.84836 2.84953L8.33977 2.84953' stroke='rgba(255,255,255,0.7)' stroke-width='1.69904' stroke-linecap='round'/%3E%3Cpath d='M21.1505 15.6602L21.1505 19.1516C21.1505 20.2555 20.2556 21.1505 19.1516 21.1505L15.6602 21.1505' stroke='rgba(255,255,255,0.7)' stroke-width='1.69904' stroke-linecap='round'/%3E%3Cpath d='M8.33984 21.1505L4.84843 21.1505C3.74449 21.1505 2.84956 20.2555 2.84956 19.1516L2.84956 15.6602' stroke='rgba(255,255,255,0.7)' stroke-width='1.69904' stroke-linecap='round'/%3E%3C/svg%3E\");\n}\n\nvite-error-overlay::part(stack):after {\n  background-image: url(\"data:image/svg+xml,%3Csvg width='20px' height='20px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.78 20H9.78C7.98 20 4.58 19.09 4.58 15.64C4.58 12.19 7.98 11.28 9.78 11.28H14.22C14.37 11.28 17.92 11.23 17.92 8.42C17.92 5.61 14.37 5.56 14.22 5.56H9.22C9.02109 5.56 8.83032 5.48098 8.68967 5.34033C8.54902 5.19968 8.47 5.00891 8.47 4.81C8.47 4.61109 8.54902 4.42032 8.68967 4.27967C8.83032 4.13902 9.02109 4.06 9.22 4.06H14.22C16.02 4.06 19.42 4.97 19.42 8.42C19.42 11.87 16.02 12.78 14.22 12.78H9.78C9.63 12.78 6.08 12.83 6.08 15.64C6.08 18.45 9.63 18.5 9.78 18.5H14.78C14.9789 18.5 15.1697 18.579 15.3103 18.7197C15.451 18.8603 15.53 19.0511 15.53 19.25C15.53 19.4489 15.451 19.6397 15.3103 19.7803C15.1697 19.921 14.9789 20 14.78 20Z' fill='rgba(255,255,255,0.7)'/%3E%3Cpath d='M6.44 8.31C5.74314 8.30407 5.06363 8.09202 4.48708 7.70056C3.91054 7.30909 3.46276 6.75573 3.20018 6.11021C2.93759 5.46469 2.87195 4.75589 3.01153 4.07312C3.1511 3.39036 3.48965 2.76418 3.9845 2.2735C4.47935 1.78281 5.10837 1.44958 5.79229 1.31579C6.47622 1.182 7.18444 1.25363 7.82771 1.52167C8.47099 1.78971 9.02054 2.24215 9.40711 2.82199C9.79368 3.40182 9.99998 4.08311 10 4.78C10 5.2461 9.90773 5.70759 9.72846 6.13783C9.54919 6.56808 9.28648 6.95856 8.95551 7.28675C8.62453 7.61494 8.23184 7.87433 7.80009 8.04995C7.36834 8.22558 6.90609 8.31396 6.44 8.31ZM6.44 2.75C6.04444 2.75 5.65776 2.86729 5.32886 3.08706C4.99996 3.30682 4.74362 3.61918 4.59224 3.98463C4.44087 4.35008 4.40126 4.75221 4.47843 5.14018C4.5556 5.52814 4.74609 5.8845 5.02579 6.16421C5.3055 6.44391 5.66186 6.6344 6.04982 6.71157C6.43779 6.78874 6.83992 6.74913 7.20537 6.59776C7.57082 6.44638 7.88318 6.19003 8.10294 5.86114C8.32271 5.53224 8.44 5.14556 8.44 4.75C8.44 4.48735 8.38827 4.22728 8.28776 3.98463C8.18725 3.74198 8.03993 3.5215 7.85422 3.33578C7.6685 3.15007 7.44802 3.00275 7.20537 2.90224C6.96272 2.80173 6.70265 2.75 6.44 2.75Z' fill='rgba(255,255,255,0.7)'/%3E%3Cpath d='M17.56 22.75C16.8614 22.752 16.1779 22.5466 15.5961 22.1599C15.0143 21.7733 14.5603 21.2227 14.2916 20.5778C14.0229 19.933 13.9515 19.2229 14.0866 18.5375C14.2217 17.8521 14.5571 17.2221 15.0504 16.7275C15.5437 16.2328 16.1726 15.8956 16.8577 15.7586C17.5427 15.6215 18.253 15.6909 18.8986 15.9577C19.5442 16.2246 20.0961 16.6771 20.4844 17.2578C20.8727 17.8385 21.08 18.5214 21.08 19.22C21.08 20.1545 20.7095 21.0508 20.0496 21.7125C19.3898 22.3743 18.4945 22.7473 17.56 22.75ZM17.56 17.19C17.1644 17.19 16.7778 17.3073 16.4489 17.5271C16.12 17.7468 15.8636 18.0592 15.7122 18.4246C15.5609 18.7901 15.5213 19.1922 15.5984 19.5802C15.6756 19.9681 15.8661 20.3245 16.1458 20.6042C16.4255 20.8839 16.7819 21.0744 17.1698 21.1516C17.5578 21.2287 17.9599 21.1891 18.3254 21.0377C18.6908 20.8864 19.0032 20.63 19.2229 20.3011C19.4427 19.9722 19.56 19.5856 19.56 19.19C19.56 18.6596 19.3493 18.1508 18.9742 17.7758C18.5991 17.4007 18.0904 17.19 17.56 17.19Z' fill='rgba(255,255,255,0.7)'/%3E%3C/svg%3E\");\n}\n\nvite-error-overlay::part(tip):before {\n  content: \"Not sure how to solve this? Visit https://qwik.dev or connect with the community on Discord.\";\n  display: block;\n  margin-bottom: 1em;\n}\n";
 
-var qDev = false !== globalThis.qDev;
-
-var qInspector = true === globalThis.qInspector;
-
-var qSerialize = false !== globalThis.qSerialize;
-
-var qDynamicPlatform = false !== globalThis.qDynamicPlatform;
-
-var qTest = true === globalThis.qTest;
-
-var qRuntimeQrl = true === globalThis.qRuntimeQrl;
-
 var SYNC_QRL = "<sync>";
 
-var START = "";
-
-var END = "";
-
-var VirtualTypeName = {
-  V: START + "Virtual" + END,
-  F: START + "Fragment" + END,
-  S: START + "Signal" + END,
-  A: START + "Awaited" + END,
-  C: START + "Component" + END,
-  I: START + "InlineComponent" + END,
-  P: START + "Projection" + END
-};
-
-var QStyleSelector = "style[q\\:style]";
-
-var QStyleSSelector = "style[q\\:sstyle]";
-
-var QStylesAllSelector = QStyleSelector + "," + QStyleSSelector;
-
-var QContainerIsland = "q:container-island";
-
-var QContainerIslandEnd = "/" + QContainerIsland;
-
-var QIgnore = "q:ignore";
-
-var QIgnoreEnd = "/" + QIgnore;
-
-var QContainerAttr = "q:container";
-
-var QContainerAttrEnd = "/" + QContainerAttr;
-
-var QContainerSelector = "[q\\:container]:not([q\\:container=html]):not([q\\:container=text])";
-
-var NON_SERIALIZABLE_MARKER_PREFIX = ":";
-
-var USE_ON_LOCAL = NON_SERIALIZABLE_MARKER_PREFIX + "on";
-
-var USE_ON_LOCAL_SEQ_IDX = NON_SERIALIZABLE_MARKER_PREFIX + "onIdx";
-
-var USE_ON_LOCAL_FLAGS = NON_SERIALIZABLE_MARKER_PREFIX + "onFlags";
-
 function getOrigin(req) {
   const {PROTOCOL_HEADER: PROTOCOL_HEADER, HOST_HEADER: HOST_HEADER} = process.env;
   const headers = req.headers;
@@ -3120,11 +3411,8 @@ async function configureDevServer(base, server, opts, sys, path, isClientDevOnly
         if ("function" === typeof render) {
           const manifest = {
             manifestHash: "",
-            symbols: {},
             mapping: {},
-            bundles: {},
-            injections: [],
-            version: "1"
+            injections: []
           };
           const added = new Set;
           const CSS_EXTENSIONS = [ ".css", ".scss", ".sass", ".less", ".styl", ".stylus" ];
@@ -3169,7 +3457,6 @@ async function configureDevServer(base, server, opts, sys, path, isClientDevOnly
             snapshot: !isClientDevOnly,
             manifest: isClientDevOnly ? void 0 : manifest,
             symbolMapper: isClientDevOnly ? void 0 : symbolMapper,
-            prefetchStrategy: null,
             serverData: serverData,
             containerAttributes: {
               ...serverData.containerAttributes
@@ -3362,28 +3649,19 @@ function qwikVite(qwikViteOpts = {}) {
   let rootDir = null;
   let ssrOutDir = null;
   const fileFilter = qwikViteOpts.fileFilter ? (id, type) => TRANSFORM_REGEX.test(id) || qwikViteOpts.fileFilter(id, type) : () => true;
+  const disableFontPreload = qwikViteOpts.disableFontPreload ?? false;
   const injections = [];
   const qwikPlugin = createQwikPlugin(qwikViteOpts.optimizerOptions);
-  async function loadQwikInsights(clientOutDir2 = "") {
-    const sys = qwikPlugin.getSys();
-    const cwdRelativePath = absolutePathAwareJoin(sys.path, rootDir || ".", clientOutDir2, "q-insights.json");
-    const path = absolutePathAwareJoin(sys.path, process.cwd(), cwdRelativePath);
-    const fs = await sys.dynamicImport("node:fs");
-    if (fs.existsSync(path)) {
-      qwikPlugin.log("Reading Qwik Insight data from: " + cwdRelativePath);
-      return JSON.parse(await fs.promises.readFile(path, "utf-8"));
-    }
-    return null;
-  }
+  const bundleGraphAdders = new Set;
   const api = {
     getOptimizer: () => qwikPlugin.getOptimizer(),
     getOptions: () => qwikPlugin.getOptions(),
     getManifest: () => manifestInput,
-    getInsightsManifest: (clientOutDir2 = "") => loadQwikInsights(clientOutDir2),
     getRootDir: () => qwikPlugin.getOptions().rootDir,
     getClientOutDir: () => clientOutDir,
     getClientPublicOutDir: () => clientPublicOutDir,
-    getAssetsDir: () => viteAssetsDir
+    getAssetsDir: () => viteAssetsDir,
+    registerBundleGraphAdder: adder => bundleGraphAdders.add(adder)
   };
   const vitePluginPre = {
     name: "vite-plugin-qwik",
@@ -3482,9 +3760,9 @@ function qwikVite(qwikViteOpts = {}) {
       const qTestKey = "globalThis.qTest";
       const qInspectorKey = "globalThis.qInspector";
       const qSerializeKey = "globalThis.qSerialize";
-      const qDev2 = viteConfig?.define?.[qDevKey] ?? isDevelopment;
-      const qInspector2 = viteConfig?.define?.[qInspectorKey] ?? isDevelopment;
-      const qSerialize2 = viteConfig?.define?.[qSerializeKey] ?? isDevelopment;
+      const qDev = viteConfig?.define?.[qDevKey] ?? isDevelopment;
+      const qInspector = viteConfig?.define?.[qInspectorKey] ?? isDevelopment;
+      const qSerialize = viteConfig?.define?.[qSerializeKey] ?? isDevelopment;
       const updatedViteConfig = {
         ssr: {
           noExternal: [ QWIK_CORE_ID, QWIK_CORE_INTERNAL_ID, QWIK_CORE_SERVER, QWIK_BUILD_ID, ...vendorIds ]
@@ -3497,6 +3775,7 @@ function qwikVite(qwikViteOpts = {}) {
             "@builder.io/qwik": "@qwik.dev/core",
             "@builder.io/qwik/build": "@qwik.dev/core/build",
             "@builder.io/qwik/server": "@qwik.dev/core/server",
+            "@builder.io/qwik/preloader": "@qwik.dev/core/preloader",
             "@builder.io/qwik/jsx-runtime": "@qwik.dev/core/jsx-runtime",
             "@builder.io/qwik/jsx-dev-runtime": "@qwik.dev/core/jsx-dev-runtime",
             "@builder.io/qwik/optimizer": "@qwik.dev/core/optimizer",
@@ -3518,15 +3797,16 @@ function qwikVite(qwikViteOpts = {}) {
             exclude: [ /./ ]
           },
           rollupOptions: {
+            maxParallelFileOps: 1,
             output: {
               manualChunks: qwikPlugin.manualChunks
             }
           }
         },
         define: {
-          [qDevKey]: qDev2,
-          [qInspectorKey]: qInspector2,
-          [qSerializeKey]: qSerialize2,
+          [qDevKey]: qDev,
+          [qInspectorKey]: qInspector,
+          [qSerializeKey]: qSerialize,
           [qTestKey]: JSON.stringify("test" === process.env.NODE_ENV)
         }
       };
@@ -3564,26 +3844,21 @@ function qwikVite(qwikViteOpts = {}) {
             [qInspectorKey]: false
           };
         }
-        globalThis.qDev = qDev2;
+        globalThis.qDev = qDev;
         globalThis.qTest = true;
-        globalThis.qInspector = qInspector2;
+        globalThis.qInspector = qInspector;
       }
       return updatedViteConfig;
     },
     async configResolved(config) {
       basePathname = config.base;
       if (!(basePathname.startsWith("/") && basePathname.endsWith("/"))) {
-        throw new Error("Vite's config.base must begin and end with /");
-      }
-      const sys = qwikPlugin.getSys();
-      if ("node" === sys.env && !qwikViteOpts.entryStrategy) {
-        try {
-          const entryStrategy = await loadQwikInsights(qwikViteOpts.csr ? void 0 : qwikViteOpts.client?.outDir);
-          entryStrategy && (qwikViteOpts.entryStrategy = entryStrategy);
-        } catch {}
+        console.error("warning: vite's config.base must begin and end with /. This will be an error in v2. If you have a valid use case, please open an issue.");
+        basePathname.endsWith("/") || (basePathname += "/");
       }
       const useSourcemap = !!config.build.sourcemap;
       useSourcemap && void 0 === qwikViteOpts.optimizerOptions?.sourcemap && qwikPlugin.setSourceMapSupport(true);
+      qwikPlugin.normalizeOptions(qwikViteOpts);
     },
     async buildStart() {
       const resolver = this.resolve.bind(this);
@@ -3640,7 +3915,6 @@ function qwikVite(qwikViteOpts = {}) {
       async handler(_, rollupBundle) {
         const opts = qwikPlugin.getOptions();
         if ("client" === opts.target) {
-          const outputAnalyzer = qwikPlugin.createOutputAnalyzer(rollupBundle);
           for (const [fileName, b] of Object.entries(rollupBundle)) {
             if ("asset" === b.type) {
               const baseFilename = basePathname + fileName;
@@ -3662,7 +3936,7 @@ function qwikVite(qwikViteOpts = {}) {
                 });
               } else {
                 const selectedFont = FONTS.find((ext => fileName.endsWith(ext)));
-                selectedFont && injections.unshift({
+                selectedFont && !disableFontPreload && injections.unshift({
                   tag: "link",
                   location: "head",
                   attributes: {
@@ -3676,47 +3950,16 @@ function qwikVite(qwikViteOpts = {}) {
               }
             }
           }
-          for (const i of injections) {
-            outputAnalyzer.addInjection(i);
-          }
-          const optimizer = qwikPlugin.getOptimizer();
-          const manifest = await outputAnalyzer.generateManifest();
-          manifest.platform = {
-            ...versions,
-            vite: "",
-            rollup: this.meta?.rollupVersion || "",
-            env: optimizer.sys.env,
-            os: optimizer.sys.os
-          };
-          "node" === optimizer.sys.env && (manifest.platform.node = process.versions.node);
-          const clientManifestStr = JSON.stringify(manifest, null, 2);
-          this.emitFile({
-            type: "asset",
-            fileName: Q_MANIFEST_FILENAME,
-            source: clientManifestStr
+          const clientManifestStr = await qwikPlugin.generateManifest(this, rollupBundle, bundleGraphAdders, {
+            injections: injections,
+            platform: {
+              vite: ""
+            }
           });
-          const assetsDir = qwikPlugin.getOptions().assetsDir || "";
-          const useAssetsDir = !!assetsDir && "_astro" !== assetsDir;
           const sys = qwikPlugin.getSys();
-          this.emitFile({
-            type: "asset",
-            fileName: sys.path.join(useAssetsDir ? assetsDir : "", "build", `q-bundle-graph-${manifest.manifestHash}.json`),
-            source: JSON.stringify(convertManifestToBundleGraph(manifest))
-          });
-          const fs = await sys.dynamicImport("node:fs");
-          const workerScriptPath = (await this.resolve("@qwik.dev/core/qwik-prefetch.js")).id;
-          const workerScript = await fs.promises.readFile(workerScriptPath, "utf-8");
-          const qwikPrefetchServiceWorkerFile = "qwik-prefetch-service-worker.js";
-          this.emitFile({
-            type: "asset",
-            fileName: useAssetsDir ? sys.path.join(assetsDir, "build", qwikPrefetchServiceWorkerFile) : qwikPrefetchServiceWorkerFile,
-            source: workerScript
-          });
-          "function" === typeof opts.manifestOutput && await opts.manifestOutput(manifest);
-          "function" === typeof opts.transformedModuleOutput && await opts.transformedModuleOutput(qwikPlugin.getTransformedOutputs());
           if (tmpClientManifestPath && "node" === sys.env) {
-            const fs2 = await sys.dynamicImport("node:fs");
-            await fs2.promises.writeFile(tmpClientManifestPath, clientManifestStr);
+            const fs = await sys.dynamicImport("node:fs");
+            await fs.promises.writeFile(tmpClientManifestPath, clientManifestStr);
           }
         }
       }
@@ -3884,7 +4127,7 @@ var findQwikRoots = async (sys, packageJsonDir) => {
         } catch (e) {
           console.error(e);
         }
-      } catch (e) {}
+      } catch {}
       prevPackageJsonDir = packageJsonDir;
       packageJsonDir = sys.path.dirname(packageJsonDir);
     } while (packageJsonDir !== prevPackageJsonDir);
@@ -3899,94 +4142,4 @@ var VITE_CLIENT_MODULE = "@qwik.dev/core/vite-client";
 
 var CLIENT_DEV_INPUT = "entry.dev";
 
-function absolutePathAwareJoin(path, ...segments) {
-  for (let i = segments.length - 1; i >= 0; --i) {
-    const segment = segments[i];
-    if (segment.startsWith(path.sep) || -1 !== segment.indexOf(path.delimiter)) {
-      segments.splice(0, i);
-      break;
-    }
-  }
-  return path.join(...segments);
-}
-
-function convertManifestToBundleGraph(manifest) {
-  const bundleGraph = [];
-  const graph = manifest.bundles;
-  if (!graph) {
-    return [];
-  }
-  const names = Object.keys(graph).sort();
-  const map = new Map;
-  const clearTransitiveDeps = (parentDeps, seen, bundleName) => {
-    const bundle = graph[bundleName];
-    if (!bundle) {
-      return;
-    }
-    for (const dep of bundle.imports || []) {
-      parentDeps.has(dep) && parentDeps.delete(dep);
-      if (!seen.has(dep)) {
-        seen.add(dep);
-        clearTransitiveDeps(parentDeps, seen, dep);
-      }
-    }
-  };
-  for (const bundleName of names) {
-    const bundle = graph[bundleName];
-    const index = bundleGraph.length;
-    const deps = new Set(bundle.imports);
-    for (const depName of deps) {
-      if (!graph[depName]) {
-        continue;
-      }
-      clearTransitiveDeps(deps, new Set, depName);
-    }
-    let didAdd = false;
-    for (const depName of bundle.dynamicImports || []) {
-      const dep = graph[depName];
-      if (!graph[depName]) {
-        continue;
-      }
-      if (dep.isTask) {
-        if (!didAdd) {
-          deps.add("<dynamic>");
-          didAdd = true;
-        }
-        deps.add(depName);
-      }
-    }
-    map.set(bundleName, {
-      index: index,
-      deps: deps
-    });
-    bundleGraph.push(bundleName);
-    while (index + deps.size >= bundleGraph.length) {
-      bundleGraph.push(null);
-    }
-  }
-  for (const bundleName of names) {
-    const bundle = map.get(bundleName);
-    if (!bundle) {
-      console.warn(`Bundle ${bundleName} not found in the bundle graph.`);
-      continue;
-    }
-    let {index: index, deps: deps} = bundle;
-    index++;
-    for (const depName of deps) {
-      if ("<dynamic>" === depName) {
-        bundleGraph[index++] = -1;
-        continue;
-      }
-      const dep = map.get(depName);
-      if (!dep) {
-        console.warn(`Dependency ${depName} of ${bundleName} not found in the bundle graph.`);
-        continue;
-      }
-      const depIndex = dep.index;
-      bundleGraph[index++] = depIndex;
-    }
-  }
-  return bundleGraph;
-}
-
 export { createOptimizer, qwikRollup, qwikVite, symbolMapper, versions };