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

package/dist/optimizer.cjs

@@ -1,6 +1,6 @@
 /**
  * @license
- * @qwik.dev/core/optimizer 2.0.0-alpha.9-dev+56ed5bd
+ * @qwik.dev/core/optimizer 2.0.0-beta.1-dev+495e8d9
  * 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
@@ -816,15 +816,15 @@ globalThis.qwikOptimizer = function(module) {
       };
     }
   });
-  var src_exports = {};
-  __export(src_exports, {
+  var index_exports = {};
+  __export(index_exports, {
     createOptimizer: () => createOptimizer,
     qwikRollup: () => qwikRollup,
     qwikVite: () => qwikVite,
     symbolMapper: () => symbolMapper,
     versions: () => versions
   });
-  module.exports = __toCommonJS(src_exports);
+  module.exports = __toCommonJS(index_exports);
   function createPath(opts = {}) {
     function assertPath(path) {
       if ("string" !== typeof path) {
@@ -1225,6 +1225,20 @@ globalThis.qwikOptimizer = function(module) {
     };
   }
   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",
@@ -1232,10 +1246,18 @@ globalThis.qwikOptimizer = function(module) {
         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.1-dev+495e8d9"
   };
   async function getSystem() {
     const sysEnv = getEnv();
@@ -1411,13 +1433,13 @@ globalThis.qwikOptimizer = function(module) {
     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) {
@@ -1520,22 +1542,135 @@ globalThis.qwikOptimizer = function(module) {
     }
     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) {
     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) {
@@ -1544,24 +1679,24 @@ globalThis.qwikOptimizer = function(module) {
       }
       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);
@@ -1569,7 +1704,13 @@ globalThis.qwikOptimizer = function(module) {
       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) {
@@ -1581,32 +1722,181 @@ globalThis.qwikOptimizer = function(module) {
       }
       (manifest.bundles[bundle].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) {
+    var _a, _b, _c, _d;
+    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 = (null == (_a = bundle.imports) ? void 0 : _a.filter((dep => graph[dep]))) || [];
+      const dynamicImports = (null == (_b = bundle.dynamicImports) ? void 0 : _b.filter((dep => {
+        var _a2;
+        return graph[dep] && (graph[dep].symbols || (null == (_a2 = graph[dep].origins) ? void 0 : _a2.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];
+      (null == (_c = bundle.imports) ? void 0 : _c.length) || (null == (_d = bundle.dynamicImports) ? void 0 : _d.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 module2 = await sys.dynamicImport("eslint");
     let eslint = new module2.ESLint({
@@ -1617,23 +1907,16 @@ globalThis.qwikOptimizer = function(module) {
     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
+              }
             }
           }
         }
@@ -1802,6 +2085,16 @@ globalThis.qwikOptimizer = function(module) {
   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" ];
   var SERVER_STRIP_CTX_NAME = [ "useServer", "route", "server", "action$", "loader$", "zod$", "validator$", "globalAction$" ];
@@ -1810,6 +2103,7 @@ globalThis.qwikOptimizer = function(module) {
     ExperimentalFeatures2.preventNavigate = "preventNavigate";
     ExperimentalFeatures2.valibot = "valibot";
     ExperimentalFeatures2.noSPA = "noSPA";
+    ExperimentalFeatures2.enableRequestRewrite = "enableRequestRewrite";
     ExperimentalFeatures2.webWorker = "webWorker";
     ExperimentalFeatures2.insights = "insights";
     return ExperimentalFeatures2;
@@ -1820,7 +2114,6 @@ globalThis.qwikOptimizer = function(module) {
     const clientTransformedOutputs = new Map;
     const serverTransformedOutputs = new Map;
     const parentIds = new Map;
-    const npmChunks = new Map;
     let internalOptimizer = null;
     let linter;
     let diagnosticsCallback = () => {};
@@ -1840,7 +2133,6 @@ globalThis.qwikOptimizer = function(module) {
       srcInputs: null,
       sourcemap: !!optimizerOptions.sourcemap,
       manifestInput: null,
-      insightsManifest: null,
       manifestOutput: null,
       transformedModuleOutput: null,
       scope: null,
@@ -1848,8 +2140,8 @@ globalThis.qwikOptimizer = function(module) {
         imageDevTools: true,
         clickToSource: [ "Alt" ]
       },
-      inlineStylesUpToBytes: null,
-      lint: true,
+      inlineStylesUpToBytes: 2e4,
+      lint: false,
       experimental: void 0
     };
     let lazyNormalizePath;
@@ -1883,8 +2175,8 @@ globalThis.qwikOptimizer = function(module) {
       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 ||= "client";
+      "lib" === opts.target ? opts.buildMode = "development" : "production" === updatedOpts.buildMode || "development" === updatedOpts.buildMode ? opts.buildMode = updatedOpts.buildMode : opts.buildMode ||= "development";
       updatedOpts.entryStrategy && "object" === typeof updatedOpts.entryStrategy && (opts.entryStrategy = {
         ...updatedOpts.entryStrategy
       });
@@ -1898,7 +2190,7 @@ globalThis.qwikOptimizer = function(module) {
         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 ||= 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) {
@@ -1909,7 +2201,7 @@ globalThis.qwikOptimizer = function(module) {
         opts.srcInputs = [ ...updatedOpts.srcInputs ];
         opts.srcDir = null;
       } else {
-        opts.srcDir = srcDir;
+        opts.srcDir ||= srcDir;
       }
       Array.isArray(updatedOpts.tsconfigFileNames) && updatedOpts.tsconfigFileNames.length > 0 && (opts.tsconfigFileNames = updatedOpts.tsconfigFileNames);
       Array.isArray(opts.srcInputs) ? opts.srcInputs.forEach((i => {
@@ -1921,9 +2213,9 @@ globalThis.qwikOptimizer = function(module) {
         } else if ("string" === typeof updatedOpts.input) {
           opts.input = [ updatedOpts.input ];
         } else if ("ssr" === opts.target) {
-          opts.input = [ path.resolve(srcDir, "entry.ssr") ];
+          opts.input ||= [ path.resolve(srcDir, "entry.ssr") ];
         } else if ("client" === opts.target) {
-          opts.input = [ path.resolve(srcDir, "root") ];
+          opts.input ||= [ path.resolve(srcDir, "root") ];
         } else if ("lib" === opts.target) {
           if ("object" === typeof updatedOpts.input) {
             for (const key in updatedOpts.input) {
@@ -1939,36 +2231,37 @@ globalThis.qwikOptimizer = function(module) {
               };
             }
           } else {
-            opts.input = [ path.resolve(srcDir, "index.ts") ];
+            opts.input ||= [ path.resolve(srcDir, "index.ts") ];
           }
         } else {
-          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 ||= {})[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 ||= {})[feature] = true : console.error(`Qwik plugin: Unknown experimental feature: ${feature}`);
+        }
       }
       return {
         ...opts
@@ -2021,7 +2314,16 @@ globalThis.qwikOptimizer = function(module) {
       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 ? !!(null == viteOpts ? void 0 : viteOpts.ssr) : "ssr" === opts.target || "test" === opts.target;
     let resolveIdCount = 0;
@@ -2063,54 +2365,69 @@ globalThis.qwikOptimizer = function(module) {
           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 = null == (_a = /^(?<parent>.*\.[mc]?[jt]sx?)_(?<name>[^/]+)\.js(?<query>$|\?.*$)/.exec(id2)) ? void 0 : _a.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 && (null == importerId ? void 0 : 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 = null == (_a = /^(?<parent>.*\.[mc]?[jt]sx?)_(?<name>[^/]+)\.js(?<query>$|\?.*$)/.exec(id2)) ? void 0 : _a.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 && (null == importerId ? void 0 : 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`, (null == result ? void 0 : result.id) || result);
@@ -2294,12 +2611,18 @@ globalThis.qwikOptimizer = function(module) {
     };
     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));
         }
@@ -2312,10 +2635,7 @@ globalThis.qwikOptimizer = function(module) {
         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]));
@@ -2335,7 +2655,18 @@ globalThis.qwikOptimizer = function(module) {
     }
     async function getQwikServerManifestModule(isServer) {
       const manifest = isServer ? opts.manifestInput : null;
-      return `// @qwik-client-manifest\nexport const manifest = ${JSON.stringify(manifest)};\n`;
+      let serverManifest = null;
+      (null == manifest ? void 0 : 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;
@@ -2362,23 +2693,60 @@ globalThis.qwikOptimizer = function(module) {
     }
     function manualChunks(id2, {getModuleInfo: getModuleInfo}) {
       var _a;
+      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 module2 = getModuleInfo(id2);
       const segment = module2.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 = (null == (_a = module2.code) ? void 0 : _a.length) || 0;
-      size += npmChunks.get(moduleName) || 0;
-      npmChunks.set(moduleName, size);
-      if (size > 1e4) {
-        return moduleName;
+        const {hash: hash} = segment;
+        const chunkName = (null == (_a = opts.entryStrategy.manual) ? void 0 : _a[hash]) || segment.entry;
+        if (chunkName) {
+          return chunkName;
+        }
       }
+      return null;
+    }
+    async function generateManifest(ctx, rollupBundle, bundleGraphAdders, manifestExtra) {
+      var _a;
+      const outputAnalyzer = createOutputAnalyzer(rollupBundle);
+      const manifest = await outputAnalyzer.generateManifest(manifestExtra);
+      manifest.platform = {
+        ...null == manifestExtra ? void 0 : manifestExtra.platform,
+        rollup: (null == (_a = ctx.meta) ? void 0 : _a.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,
@@ -2402,13 +2770,14 @@ globalThis.qwikOptimizer = function(module) {
       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, "/"));
@@ -2422,16 +2791,6 @@ globalThis.qwikOptimizer = function(module) {
   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,
@@ -2445,6 +2804,7 @@ globalThis.qwikOptimizer = function(module) {
   var QWIK_JSX_DEV_RUNTIME_ID = "@qwik.dev/core/jsx-dev-runtime";
   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";
   var CLIENT_OUT_DIR = "dist";
@@ -2520,27 +2880,8 @@ globalThis.qwikOptimizer = function(module) {
         return qwikPlugin.transform(this, code, id);
       },
       async generateBundle(_, rollupBundle) {
-        var _a;
         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: (null == (_a = this.meta) ? void 0 : _a.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;
@@ -2584,8 +2925,9 @@ globalThis.qwikOptimizer = function(module) {
         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"));
     }
@@ -2616,8 +2958,8 @@ globalThis.qwikOptimizer = function(module) {
     });
     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_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_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 = '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);
   var import_cur = __toESM(require_cur(), 1);
   var import_dds = __toESM(require_dds(), 1);
@@ -2886,12 +3228,6 @@ globalThis.qwikOptimizer = function(module) {
   var image_size_runtime_default = "<style>\n  [data-qwik-cls] {\n    outline: 2px solid red;\n  }\n  [data-qwik-cls]::after {\n    position: absolute;\n    font-size: 12px;\n    content: 'CLS ' attr(data-qwik-cls);\n    font-family: monospace;\n    font-weight: bold;\n    background: red;\n    color: white;\n    margin: -2px;\n    padding: 1px;\n    line-height: 1;\n    pointer-events: none;\n  }\n  #qwik-image-warning-container {\n    position: absolute !important;\n    top: 0 !important;\n    left: 0 !important;\n    width: 0 !important;\n    overflow: visible !important;\n    height: 0 !important;\n    pointer-events: none !important;\n    contain: size layout style content;\n    z-index: 1;\n  }\n</style>\n<template id=\"qwik-image-warning-template\">\n  <style>\n    :host {\n      position: absolute;\n      border: 1px solid red;\n      pointer-events: none;\n      z-index: 1;\n      contain: layout size;\n    }\n\n    #icon {\n      border: 0;\n      margin: 5px;\n      color: black;\n      max-width: 100%;\n      width: 20px;\n      background: yellow;\n      border-radius: 100%;\n      height: 20px;\n      padding: 3px;\n      pointer-events: all;\n      cursor: pointer;\n    }\n\n    #icon svg {\n      width: 100%;\n      height: auto;\n      pointer-events: none;\n    }\n\n    dialog {\n      padding: 0;\n      border: 0;\n      margin: 0 5px;\n      background: #ffffe8;\n      color: black;\n      width: 250px;\n      font-size: 11px;\n      position: absolute;\n      inset-inline-start: unset;\n      inset-inline-end: unset;\n      border-radius: 5px;\n      pointer-events: all;\n      overflow: hidden;\n      box-shadow: 0px -2px 20px 0px #0000002e;\n      z-index: 10000;\n    }\n\n    .top {\n      bottom: calc(100% + 5px);\n    }\n    .bottom {\n      top: 40px;\n    }\n    .right {\n      inset-inline-start: 0;\n      inset-inline-end: unset;\n    }\n    .left {\n      inset-inline-start: unset;\n      inset-inline-end: calc(100% - 40px);\n    }\n\n    .content {\n      padding: 5px;\n    }\n\n    #loc {\n      background: #2e3801;\n      color: #d2d2d2;\n      font-family: monospace;\n      padding: 3px 5px;\n      pointer-events: all;\n      margin: 0;\n      border: 0;\n      cursor: pointer;\n      font-size: 11px;\n      width: calc(100% - 24px);\n      text-overflow: ellipsis;\n      overflow: hidden;\n      display: block;\n      direction: rtl;\n      text-align: right;\n    }\n    #loc:hover {\n      background: #3a4a01;\n    }\n\n    pre {\n      background: #f1fb8e;\n      padding: 5px;\n      margin: 5px 0;\n      border-radius: 3px;\n      user-select: none;\n    }\n\n    pre span {\n      user-select: all;\n    }\n\n    a {\n      text-decoration: underline;\n    }\n\n    #close {\n      border: 0;\n      width: 25px;\n      height: 25px;\n      position: absolute;\n      right: 0;\n      top: 0;\n      background: #ffe14f;\n      color: black;\n      font-weight: 900;\n      padding: 0;\n      margin: 0;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      line-height: 1;\n      cursor: pointer;\n    }\n    #close:hover {\n      background: #ffeb6f;\n    }\n\n    #action-btn {\n      border: 2px solid #18ae00;\n      padding: 2px 4px;\n      background: #50ff50;\n      border-radius: 5px;\n      color: #0c5500;\n      font-weight: 800;\n      font-size: 10px;\n      cursor: pointer;\n    }\n\n    p {\n      margin: 5px 0;\n    }\n\n    h2 {\n      font-weight: 900;\n      margin: 10px 0;\n    }\n  </style>\n  <button id=\"icon\" type=\"button\" aria-label=\"Open image dev dialog\">\n    <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\">\n      <path\n        fill=\"currentColor\"\n        d=\"M2.725 21q-.275 0-.5-.138t-.35-.362q-.125-.225-.138-.488t.138-.512l9.25-16q.15-.25.388-.375T12 3q.25 0 .488.125t.387.375l9.25 16q.15.25.138.513t-.138.487q-.125.225-.35.363t-.5.137H2.725ZM12 18q.425 0 .713-.288T13 17q0-.425-.288-.713T12 16q-.425 0-.713.288T11 17q0 .425.288.713T12 18Zm0-3q.425 0 .713-.288T13 14v-3q0-.425-.288-.713T12 10q-.425 0-.713.288T11 11v3q0 .425.288.713T12 15Z\"\n      />\n    </svg>\n  </button>\n  <dialog>\n    <form method=\"dialog\">\n      <button id=\"close\" type=\"submit\" aria-label=\"Close\">X</button>\n    </form>\n    <button id=\"loc\"></button>\n    <div class=\"content\">\n      <h2 id=\"title\"></h2>\n      <p id=\"message\"></p>\n      <p class=\"action-container\"></p>\n    </div>\n  </dialog>\n</template>\n<div id=\"qwik-image-warning-container\"></div>\n<script>\n  (function () {\n    function getPositionClasses(target) {\n      const { x, y } = target.getBoundingClientRect();\n      const windowWidth = window.innerWidth;\n      let horizontal = 'right';\n      let vertical = 'bottom';\n      if (x > windowWidth - 260) {\n        horizontal = 'left';\n      }\n      return `${vertical} ${horizontal}`;\n    }\n    class ImageWarning extends HTMLElement {\n      #actionFn = null;\n      constructor() {\n        super();\n        this.attachShadow({ mode: 'open' });\n        this.shadowRoot.appendChild(\n          document.importNode(document.getElementById('qwik-image-warning-template').content, true)\n        );\n        const dialog = this.shadowRoot.querySelector('dialog');\n\n        this.shadowRoot.addEventListener('click', async (ev) => {\n          const target = ev.target;\n          if (target.nodeName === 'BUTTON') {\n            if (target.id === 'action-btn') {\n              if (this.#actionFn) {\n                this.#actionFn();\n                dialog.close();\n              }\n            } else if (target.id === 'icon') {\n              if (dialog.open) {\n                dialog.close();\n              } else {\n                dialog.className = getPositionClasses(target);\n                dialog.show();\n              }\n            } else if (target.id === 'loc' && target.dataset.url) {\n              globalThis.qwikOpenInEditor(target.dataset.url);\n            }\n          }\n        });\n      }\n\n      set loc(value) {\n        const anchor = this.shadowRoot.querySelector('#loc');\n        anchor.textContent = value;\n        if (globalThis.qwikOpenInEditor) {\n          anchor.dataset.url = value;\n        }\n      }\n\n      set header(value) {\n        this.shadowRoot.querySelector('#title').textContent = value;\n      }\n\n      set message(value) {\n        this.shadowRoot.querySelector('#message').innerHTML = value;\n      }\n\n      set actionFn(value) {\n        this.#actionFn = value;\n      }\n      set actionName(value) {\n        if (value) {\n          this.shadowRoot.querySelector('.action-container').innerHTML =\n            `<button id=\"action-btn\" type=\"button\">${value}</button>`;\n        }\n      }\n    }\n    customElements.define('image-warning', ImageWarning);\n\n    const shiftsMap = new Map();\n    const visibleNodes = new Map();\n    const imageContainer = document.querySelector('#qwik-image-warning-container');\n    let skip = false;\n\n    async function _getInfo(originalSrc) {\n      // Put all supported protocols here, see also packages/qwik/src/optimizer/src/plugins/image-size-server.ts\n      if (!/^(https?|file|capacitor):/.test(originalSrc)) {\n        return undefined;\n      }\n      const url = new URL('/__image_info', location.href);\n      url.searchParams.set('url', originalSrc);\n      const res = await fetch(url);\n      if (res.ok) {\n        return await res.json();\n      } else {\n        return null;\n      }\n    }\n\n    const map = new Map();\n    function getInfo(originalSrc) {\n      let p = map.get(originalSrc);\n      if (typeof p === 'undefined') {\n        p = _getInfo(originalSrc);\n        map.set(originalSrc, p);\n      }\n      return p;\n    }\n    function isDefinedUnit(value) {\n      return value.endsWith('px');\n    }\n    async function doImg(node) {\n      const scrollX = window.scrollX;\n      const scrollY = window.scrollY;\n      const rect = node.getBoundingClientRect();\n      const originalSrc = node.currentSrc;\n      const info = await getInfo(originalSrc);\n      let overlay = visibleNodes.get(node);\n      const wideScreen = window.innerWidth > 500;\n      if (info && wideScreen) {\n        let layoutInvalidation = false;\n        const loc = node.getAttribute('data-qwik-inspector');\n        const browserArea = rect.width * rect.height;\n        if (!node.hasAttribute('width') || !node.hasAttribute('height')) {\n          skip = true;\n          const computedStyles = getComputedStyle(node);\n          const hasAspect = computedStyles.getPropertyValue('aspect-ratio').toString() !== 'auto';\n          const hasWidth = isDefinedUnit(computedStyles.getPropertyValue('width').toString());\n          const hasHeight = isDefinedUnit(computedStyles.getPropertyValue('height').toString());\n          const isAbsolute = computedStyles.getPropertyValue('position').toString() === 'absolute';\n          layoutInvalidation =\n            browserArea > 1000 && !isAbsolute && !hasAspect && (!hasWidth || !hasHeight);\n        }\n        const realArea = info.width && info.height;\n        const threshholdArea = realArea * 0.5;\n        const tooBig = browserArea < threshholdArea && info.type !== 'svg';\n        skip = false;\n        if (layoutInvalidation || tooBig) {\n          if (!overlay) {\n            overlay = document.createElement('image-warning');\n            imageContainer.appendChild(overlay);\n            visibleNodes.set(node, overlay);\n          }\n          overlay.style.top = rect.top + scrollY + 'px';\n          overlay.style.left = rect.left + scrollX + 'px';\n          overlay.style.width = rect.width + 'px';\n          overlay.style.height = rect.height + 'px';\n          overlay.info = info;\n          overlay.loc = loc;\n          if (layoutInvalidation) {\n            const clipBoard = `width=\"${info.width}\" height=\"${info.height}\"`;\n            overlay.header = 'Perf: layout shift';\n            overlay.message = `Image\\'s size is unknown until it\\'s loaded, <a href=\"https://web.dev/cls/\" target=\"_blank\" rel=\"noopener noreferrer\">causing layout shift</a>.</p><p>To solve this problem set the width/height in the img tag:</p><pre>&lt;img <span>${clipBoard}</span></pre>`;\n            const uniqueLoc =\n              document.querySelectorAll('[data-qwik-inspector=\"' + loc + '\"]').length === 1;\n            if (loc) {\n              if (uniqueLoc) {\n                overlay.actionName = 'Auto fix';\n                overlay.actionFn = async () => {\n                  const url = new URL('/__image_fix', location.href);\n                  url.searchParams.set('loc', loc);\n                  url.searchParams.set('width', info.width);\n                  url.searchParams.set('height', info.height);\n                  if (!node.srcset) {\n                    url.searchParams.set('src', node.currentSrc);\n                    url.searchParams.set('currentHref', location.href);\n                  }\n                  await fetch(url, {\n                    method: 'POST',\n                  });\n                };\n              } else {\n                overlay.actionName = 'Open in editor';\n                overlay.actionFn = async () => {\n                  await navigator.clipboard.writeText(clipBoard);\n                  globalThis.qwikOpenInEditor(loc);\n                };\n              }\n            }\n          } else if (tooBig) {\n            overlay.header = 'Perf: properly size image';\n            overlay.message = `The image is too big, <a href=\"https://developer.chrome.com/en/docs/lighthouse/performance/uses-responsive-images/\" target=\"_blank\" rel=\"noopener noreferrer\">hurting performance</a>, it should be resized to the size it\\'s displayed at. The image dimensions are ${info.width} x ${info.height} but it\\'s displayed at ${rect.width}x${rect.height}.</p>`;\n          }\n          return;\n        }\n      }\n\n      if (overlay) {\n        overlay.remove();\n        visibleNodes.delete(node);\n      }\n    }\n\n    async function updateImg(node) {\n      const overlay = visibleNodes.get(node);\n      if (!node.isConnected) {\n        if (overlay) {\n          overlay.remove();\n          visibleNodes.delete(node);\n        }\n      } else if (node.complete) {\n        doImg(node);\n      }\n    }\n\n    const resizeObserver = new ResizeObserver((entries) => {\n      if (!skip) {\n        for (const entry of entries) {\n          updateImg(entry.target);\n        }\n      }\n    });\n\n    const observer = new MutationObserver((entry) => {\n      for (const mutation of entry) {\n        for (const node of mutation.addedNodes) {\n          if (node.nodeName === 'IMG') {\n            resizeObserver.observe(node);\n          } else if (node.nodeType === 1) {\n            node.querySelectorAll('img').forEach((img) => {\n              resizeObserver.observe(img);\n            });\n          }\n        }\n        for (const node of mutation.removedNodes) {\n          if (node.nodeName === 'IMG') {\n            updateImg(node);\n            resizeObserver.unobserve(node);\n          } else if (node.nodeType === 1) {\n            node.querySelectorAll('img').forEach((img) => {\n              updateImg(img);\n              resizeObserver.unobserve(img);\n            });\n          }\n        }\n      }\n    });\n    let perfObserver;\n    let DCLS = 0;\n    const activate = () => {\n      setTimeout(() => {\n        if (perfObserver) {\n          perfObserver.disconnect();\n          if (DCLS > 0.005) {\n            console.error('Detected Layout Shift during page load', DCLS);\n          }\n        }\n        observer.observe(document.body, {\n          childList: true,\n          subtree: true,\n        });\n        document.body.querySelectorAll('img').forEach((node) => {\n          resizeObserver.observe(node);\n        });\n      }, 100);\n    };\n    if (document.readyState === 'complete') {\n      activate();\n    } else {\n      window.addEventListener('load', activate);\n    }\n    const pageAccessedByReload =\n      performance?.navigation.type === 1 ||\n      performance\n        .getEntriesByType('navigation')\n        .map((nav) => nav.type)\n        .includes('reload');\n    if (typeof PerformanceObserver !== 'undefined' && !pageAccessedByReload) {\n      const shiftsMap = new Map();\n      perfObserver = new PerformanceObserver((list) => {\n        list.getEntries().forEach((entry) => {\n          if (entry.hadRecentInput) {\n            return; // Ignore shifts after recent input.\n          }\n          if (entry.value > 0.006) {\n            for (const source of entry.sources) {\n              if (\n                source.node &&\n                source.node.nodeType === 1 &&\n                source.node.nodeName !== 'IMAGE-WARNING'\n              ) {\n                source.node.setAttribute('data-qwik-cls', Number(entry.value).toFixed(3));\n              }\n            }\n          }\n          DCLS += entry.value;\n        });\n      });\n      perfObserver.observe({ type: 'layout-shift', buffered: true });\n    }\n  })();\n<\/script>\n";
   var perf_warning_default = "<script>\n  if (!window.__qwikViteLog) {\n    window.__qwikViteLog = true;\n    console.debug(\n      '%c⭐️ Qwik Dev SSR Mode',\n      'background: #0c75d2; color: white; padding: 2px 3px; border-radius: 2px; font-size: 0.8em;',\n      \"App is running in SSR development mode!\\n - Additional JS is loaded by Vite for debugging and live reloading\\n - Rendering performance might not be optimal\\n - Delayed interactivity because prefetching is disabled\\n - Vite dev bundles do not represent production output\\n\\nProduction build can be tested running 'npm run preview'\"\n    );\n  }\n<\/script>\n";
   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";
-  globalThis.qDev;
-  globalThis.qInspector;
-  globalThis.qSerialize;
-  globalThis.qDynamicPlatform;
-  globalThis.qTest;
-  globalThis.qRuntimeQrl;
   var SYNC_QRL = "<sync>";
   function getOrigin(req) {
     const {PROTOCOL_HEADER: PROTOCOL_HEADER, HOST_HEADER: HOST_HEADER} = process.env;
@@ -2970,11 +3306,8 @@ globalThis.qwikOptimizer = function(module) {
           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" ];
@@ -3020,7 +3353,6 @@ globalThis.qwikOptimizer = function(module) {
               snapshot: !isClientDevOnly,
               manifest: isClientDevOnly ? void 0 : manifest,
               symbolMapper: isClientDevOnly ? void 0 : symbolMapper,
-              prefetchStrategy: null,
               serverData: serverData,
               containerAttributes: {
                 ...serverData.containerAttributes
@@ -3195,28 +3527,19 @@ globalThis.qwikOptimizer = function(module) {
     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",
@@ -3316,9 +3639,9 @@ globalThis.qwikOptimizer = function(module) {
         const qTestKey = "globalThis.qTest";
         const qInspectorKey = "globalThis.qInspector";
         const qSerializeKey = "globalThis.qSerialize";
-        const qDev2 = (null == (_q = null == viteConfig ? void 0 : viteConfig.define) ? void 0 : _q[qDevKey]) ?? isDevelopment;
-        const qInspector2 = (null == (_r = null == viteConfig ? void 0 : viteConfig.define) ? void 0 : _r[qInspectorKey]) ?? isDevelopment;
-        const qSerialize2 = (null == (_s = null == viteConfig ? void 0 : viteConfig.define) ? void 0 : _s[qSerializeKey]) ?? isDevelopment;
+        const qDev = (null == (_q = null == viteConfig ? void 0 : viteConfig.define) ? void 0 : _q[qDevKey]) ?? isDevelopment;
+        const qInspector = (null == (_r = null == viteConfig ? void 0 : viteConfig.define) ? void 0 : _r[qInspectorKey]) ?? isDevelopment;
+        const qSerialize = (null == (_s = null == viteConfig ? void 0 : viteConfig.define) ? void 0 : _s[qSerializeKey]) ?? isDevelopment;
         const updatedViteConfig = {
           ssr: {
             noExternal: [ QWIK_CORE_ID, QWIK_CORE_INTERNAL_ID, QWIK_CORE_SERVER, QWIK_BUILD_ID, ...vendorIds ]
@@ -3331,6 +3654,7 @@ globalThis.qwikOptimizer = function(module) {
               "@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",
@@ -3352,15 +3676,16 @@ globalThis.qwikOptimizer = function(module) {
               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)
           }
         };
@@ -3398,27 +3723,22 @@ globalThis.qwikOptimizer = function(module) {
               [qInspectorKey]: false
             };
           }
-          globalThis.qDev = qDev2;
+          globalThis.qDev = qDev;
           globalThis.qTest = true;
-          globalThis.qInspector = qInspector2;
+          globalThis.qInspector = qInspector;
         }
         return updatedViteConfig;
       },
       async configResolved(config) {
-        var _a, _b;
+        var _a;
         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 || null == (_a = qwikViteOpts.client) ? void 0 : _a.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 === (null == (_b = qwikViteOpts.optimizerOptions) ? void 0 : _b.sourcemap) && qwikPlugin.setSourceMapSupport(true);
+        useSourcemap && void 0 === (null == (_a = qwikViteOpts.optimizerOptions) ? void 0 : _a.sourcemap) && qwikPlugin.setSourceMapSupport(true);
+        qwikPlugin.normalizeOptions(qwikViteOpts);
       },
       async buildStart() {
         const resolver = this.resolve.bind(this);
@@ -3473,10 +3793,8 @@ globalThis.qwikOptimizer = function(module) {
       generateBundle: {
         order: "post",
         async handler(_, rollupBundle) {
-          var _a;
           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;
@@ -3498,7 +3816,7 @@ globalThis.qwikOptimizer = function(module) {
                   });
                 } else {
                   const selectedFont = FONTS.find((ext => fileName.endsWith(ext)));
-                  selectedFont && injections.unshift({
+                  selectedFont && !disableFontPreload && injections.unshift({
                     tag: "link",
                     location: "head",
                     attributes: {
@@ -3512,47 +3830,16 @@ globalThis.qwikOptimizer = function(module) {
                 }
               }
             }
-            for (const i of injections) {
-              outputAnalyzer.addInjection(i);
-            }
-            const optimizer = qwikPlugin.getOptimizer();
-            const manifest = await outputAnalyzer.generateManifest();
-            manifest.platform = {
-              ...versions,
-              vite: "",
-              rollup: (null == (_a = this.meta) ? void 0 : _a.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);
             }
           }
         }
@@ -3715,7 +4002,7 @@ globalThis.qwikOptimizer = function(module) {
           } catch (e) {
             console.error(e);
           }
-        } catch (e) {}
+        } catch {}
         prevPackageJsonDir = packageJsonDir;
         packageJsonDir = sys.path.dirname(packageJsonDir);
       } while (packageJsonDir !== prevPackageJsonDir);
@@ -3727,94 +4014,6 @@ globalThis.qwikOptimizer = function(module) {
   };
   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;
-  }
   return module.exports;
 }("object" === typeof module && module.exports ? module : {
   exports: {}