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

package/dist/server.mjs

@@ -1,6 +1,6 @@
 /**
  * @license
- * @qwik.dev/core/server 2.0.0-alpha.9-dev+56ed5bd
+ * @qwik.dev/core/server 2.0.0-beta.10-dev+4669425
  * 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
@@ -20,6 +20,7 @@ import { setPlatform as setPlatform2 } from "@qwik.dev/core";
 
 // packages/qwik/src/server/platform.ts
 import { setPlatform } from "@qwik.dev/core";
+import { isDev as isDev3 } from "@qwik.dev/core/build";
 
 // packages/qwik/src/core/shared/utils/qdev.ts
 var qDev = globalThis.qDev !== false;
@@ -37,7 +38,7 @@ var throwErrorAndStop = (message, ...optionalParams) => {
   throw error;
 };
 var logErrorAndStop = (message, ...optionalParams) => {
-  const err = createAndLogError(true, message, ...optionalParams);
+  const err = createAndLogError(qDev, message, ...optionalParams);
   debugger;
   return err;
 };
@@ -80,15 +81,15 @@ var mapApp_findIndx = (array, key, start) => {
   }
   return bottom << 1 ^ -1;
 };
-var mapArray_set = (array, key, value, start) => {
+var mapArray_set = (array, key, value, start, allowNullValue = false) => {
   const indx = mapApp_findIndx(array, key, start);
   if (indx >= 0) {
-    if (value == null) {
+    if (value == null && !allowNullValue) {
       array.splice(indx, 2);
     } else {
       array[indx + 1] = value;
     }
-  } else if (value != null) {
+  } else if (value != null || allowNullValue) {
     array.splice(indx ^ -1, 0, key, value);
   }
 };
@@ -114,6 +115,17 @@ var mapArray_has = (array, key, start) => {
   return mapApp_findIndx(array, key, start) >= 0;
 };
 
+// packages/qwik/src/core/shared/utils/types.ts
+var isObject = (v) => {
+  return typeof v === "object" && v !== null;
+};
+var isArray = (v) => {
+  return Array.isArray(v);
+};
+var isString = (v) => {
+  return typeof v === "string";
+};
+
 // packages/qwik/src/core/shared/error/error.ts
 var codeToText = (code, ...parts) => {
   if (qDev) {
@@ -126,107 +138,75 @@ var codeToText = (code, ...parts) => {
       // 2
       "Only primitive and object literals can be serialized. {{0}}",
       // 3
-      "",
-      // 4 unused
       "You can render over a existing q:container. Skipping render().",
-      // 5
-      "",
-      // 6 unused
-      "",
-      // 7 unused
-      "",
-      // 8 unused
-      "",
-      // 9 unused
+      // 4
       "QRL is not a function",
-      // 10
+      // 5
       "Dynamic import not found",
-      // 11
+      // 6
       "Unknown type argument",
-      // 12
+      // 7
       `Actual value for useContext({{0}}) can not be found, make sure some ancestor component has set a value using useContextProvider(). In the browser make sure that the context was used during SSR so its state was serialized.`,
-      // 13
+      // 8
       "Invoking 'use*()' method outside of invocation context.",
-      // 14
-      "",
-      // 15 unused
-      "",
-      // 16 unused
-      "",
-      // 17 unused
-      "",
-      // 18 unused
-      "",
-      // 19 unused
+      // 9
       `Calling a 'use*()' method outside 'component$(() => { HERE })' is not allowed. 'use*()' methods provide hooks to the 'component$' state and lifecycle, ie 'use' hooks can only be called synchronously within the 'component$' function or another 'use' method.
 See https://qwik.dev/docs/components/tasks/#use-method-rules`,
-      // 20
-      "",
-      // 21 unused
-      "",
-      // 22 unused
-      "",
-      // 23 unused
-      "",
-      // 24 unused
-      "",
-      // 25 unused
-      "",
-      // 26 unused
-      "",
-      // 27 unused
+      // 10
       'The provided Context reference "{{0}}" is not a valid context created by createContextId()',
-      // 28
+      // 11
       "SsrError(tag): {{0}}",
-      // 29
+      // 12
       "QRLs can not be resolved because it does not have an attached container. This means that the QRL does not know where it belongs inside the DOM, so it cant dynamically import() from a relative path.",
-      // 30
+      // 13
       "QRLs can not be dynamically resolved, because it does not have a chunk path",
-      // 31
+      // 14
       "{{0}}\nThe JSX ref attribute must be a Signal",
-      // 32
+      // 15
       "Serialization Error: Deserialization of data type {{0}} is not implemented",
-      // 33
+      // 16
       "Serialization Error: Expected vnode for ref prop, but got {{0}}",
-      // 34
+      // 17
       "Serialization Error: Cannot allocate data type {{0}}",
-      // 35
+      // 18
       "Serialization Error: Missing root id for {{0}}",
-      // 36
+      // 19
       "Serialization Error: Serialization of data type {{0}} is not implemented",
-      // 37
+      // 20
       "Serialization Error: Unvisited {{0}}",
-      // 38
+      // 21
       "Serialization Error: Missing QRL chunk for {{0}}",
-      // 39
+      // 22
       "{{0}}\nThe value of the textarea must be a string found {{1}}",
-      // 40
+      // 23
       "Unable to find q:container",
-      // 41
+      // 24
       "Element must have 'q:container' attribute.",
-      // 42
+      // 25
       "Unknown vnode type {{0}}.",
-      // 43
+      // 26
       "Materialize error: missing element: {{0}} {{1}} {{2}}",
-      // 44
+      // 27
       "Cannot coerce a Signal, use `.value` instead",
-      // 45
-      "useComputedSignal$ QRL {{0}} {{1}} returned a Promise",
-      // 46
+      // 28
+      "useComputed$ QRL {{0}} {{1}} cannot return a Promise",
+      // 29
       "ComputedSignal is read-only",
-      // 47
+      // 30
       "WrappedSignal is read-only",
-      // 48
+      // 31
       "Attribute value is unsafe for SSR",
-      // 49
-      "SerializerSymbol function returned rejected promise"
-      // 50
+      // 32
+      "SerializerSymbol function returned rejected promise",
+      // 33
+      "Serialization Error: Cannot serialize function: {{0}}"
+      // 34
     ];
     let text = MAP[code] ?? "";
     if (parts.length) {
       text = text.replaceAll(/{{(\d+)}}/g, (_, index) => {
         let v = parts[index];
-        if (v && typeof v === "object" && v.constructor === Object) {
+        if (v && isObject(v) && v.constructor === Object) {
           v = JSON.stringify(v).slice(0, 50);
         }
         return v;
@@ -248,45 +228,6 @@ var SYNC_QRL = "<sync>";
 
 // packages/qwik/src/core/shared/types.ts
 var DEBUG_TYPE = "q:type";
-var START = "\x1B[34m";
-var END = "\x1B[0m";
-var VirtualTypeName = {
-  ["V" /* Virtual */]: (
-    /* ********* */
-    START + "Virtual" + END
-  ),
-  //
-  ["F" /* Fragment */]: (
-    /* ******** */
-    START + "Fragment" + END
-  ),
-  //
-  ["S" /* WrappedSignal */]: (
-    /* *** */
-    START + "Signal" + END
-  ),
-  //
-  ["A" /* Awaited */]: (
-    /* ********* */
-    START + "Awaited" + END
-  ),
-  //
-  ["C" /* Component */]: (
-    /* ******* */
-    START + "Component" + END
-  ),
-  //
-  ["I" /* InlineComponent */]: (
-    /* * */
-    START + "InlineComponent" + END
-  ),
-  //
-  ["P" /* Projection */]: (
-    /* ****** */
-    START + "Projection" + END
-  )
-  //
-};
 
 // packages/qwik/src/core/shared/utils/character-escaping.ts
 function escapeHTML(html) {
@@ -350,6 +291,7 @@ var ELEMENT_KEY = "q:key";
 var ELEMENT_PROPS = "q:props";
 var ELEMENT_SEQ = "q:seq";
 var ELEMENT_SEQ_IDX = "q:seqIdx";
+var ELEMENT_BACKPATCH_DATA = "qwik/backpatch";
 var NON_SERIALIZABLE_MARKER_PREFIX = ":";
 var USE_ON_LOCAL = NON_SERIALIZABLE_MARKER_PREFIX + "on";
 var USE_ON_LOCAL_SEQ_IDX = NON_SERIALIZABLE_MARKER_PREFIX + "onIdx";
@@ -361,6 +303,7 @@ var Q_PROPS_SEPARATOR = ":";
 var dangerouslySetInnerHTML = "dangerouslySetInnerHTML";
 
 // packages/qwik/src/core/shared/utils/promises.ts
+import { isDev as isDev2, isServer } from "@qwik.dev/core/build";
 var isPromise = (value) => {
   return !!value && typeof value == "object" && typeof value.then === "function";
 };
@@ -384,14 +327,6 @@ function isPreventDefault(key) {
   return key.startsWith("preventdefault:");
 }
 
-// packages/qwik/src/core/shared/utils/types.ts
-var isArray = (v) => {
-  return Array.isArray(v);
-};
-var isString = (v) => {
-  return typeof v === "string";
-};
-
 // packages/qwik/src/core/shared/utils/unitless_number.ts
 var unitlessNumbers = /* @__PURE__ */ new Set([
   "animationIterationCount",
@@ -818,21 +753,306 @@ var VNodeDataChar = {
   )
 };
 
-// packages/qwik/src/optimizer/src/manifest.ts
-function getValidManifest(manifest) {
-  if (manifest != null && manifest.mapping != null && typeof manifest.mapping === "object" && manifest.symbols != null && typeof manifest.symbols === "object" && manifest.bundles != null && typeof manifest.bundles === "object") {
-    return manifest;
+// packages/qwik/src/core/preloader/queue.ts
+import { isBrowser as isBrowser3 } from "@qwik.dev/core/build";
+
+// packages/qwik/src/core/preloader/bundle-graph.ts
+import { isBrowser as isBrowser2 } from "@qwik.dev/core/build";
+
+// packages/qwik/src/core/preloader/constants.ts
+import { isBrowser } from "@qwik.dev/core/build";
+var doc = isBrowser ? document : void 0;
+var config = {
+  $DEBUG$: false,
+  $maxIdlePreloads$: 25,
+  $invPreloadProbability$: 0.65
+};
+var rel = isBrowser && doc.createElement("link").relList.supports("modulepreload") ? "modulePreload" : "preload";
+var loadStart = Date.now();
+var isJSRegex = /\.[mc]?js$/;
+
+// packages/qwik/src/core/preloader/types.ts
+var BundleImportState_None = 0;
+var BundleImportState_Queued = 1;
+var BundleImportState_Preload = 2;
+var BundleImportState_Alias = 3;
+var BundleImportState_Loaded = 4;
+
+// packages/qwik/src/core/preloader/bundle-graph.ts
+var base;
+var graph;
+var makeBundle = (name, deps) => {
+  return {
+    $name$: name,
+    $state$: isJSRegex.test(name) ? BundleImportState_None : BundleImportState_Alias,
+    $deps$: shouldResetFactor ? deps?.map((d) => ({ ...d, $factor$: 1 })) : deps,
+    $inverseProbability$: 1,
+    $createdTs$: Date.now(),
+    $waitedMs$: 0,
+    $loadedMs$: 0
+  };
+};
+var parseBundleGraph = (serialized) => {
+  const graph2 = /* @__PURE__ */ new Map();
+  let i = 0;
+  while (i < serialized.length) {
+    const name = serialized[i++];
+    const deps = [];
+    let idx;
+    let probability = 1;
+    while (idx = serialized[i], typeof idx === "number") {
+      if (idx < 0) {
+        probability = -idx / 10;
+      } else {
+        deps.push({
+          $name$: serialized[idx],
+          $importProbability$: probability,
+          $factor$: 1
+        });
+      }
+      i++;
+    }
+    graph2.set(name, deps);
   }
-  return void 0;
+  return graph2;
+};
+var getBundle = (name) => {
+  let bundle = bundles.get(name);
+  if (!bundle) {
+    let deps;
+    if (graph) {
+      deps = graph.get(name);
+      if (!deps) {
+        return;
+      }
+      if (!deps.length) {
+        deps = void 0;
+      }
+    }
+    bundle = makeBundle(name, deps);
+    bundles.set(name, bundle);
+  }
+  return bundle;
+};
+var initPreloader = (serializedBundleGraph, opts) => {
+  if (opts) {
+    if ("debug" in opts) {
+      config.$DEBUG$ = !!opts.debug;
+    }
+    if (typeof opts.preloadProbability === "number") {
+      config.$invPreloadProbability$ = 1 - opts.preloadProbability;
+    }
+  }
+  if (base != null || !serializedBundleGraph) {
+    return;
+  }
+  base = "";
+  graph = parseBundleGraph(serializedBundleGraph);
+};
+
+// packages/qwik/src/core/preloader/queue.ts
+var bundles = /* @__PURE__ */ new Map();
+var shouldResetFactor;
+var queueDirty;
+var preloadCount = 0;
+var queue = [];
+var log = (...args) => {
+  console.log(
+    `Preloader ${Date.now() - loadStart}ms ${preloadCount}/${queue.length} queued>`,
+    ...args
+  );
+};
+var resetQueue = () => {
+  bundles.clear();
+  queueDirty = false;
+  shouldResetFactor = true;
+  preloadCount = 0;
+  queue.length = 0;
+};
+var sortQueue = () => {
+  if (queueDirty) {
+    queue.sort((a, b) => a.$inverseProbability$ - b.$inverseProbability$);
+    queueDirty = false;
+  }
+};
+var getQueue = () => {
+  sortQueue();
+  let probability = 0.4;
+  const result = [];
+  for (const b of queue) {
+    const nextProbability = Math.round((1 - b.$inverseProbability$) * 10);
+    if (nextProbability !== probability) {
+      probability = nextProbability;
+      result.push(probability);
+    }
+    result.push(b.$name$);
+  }
+  return result;
+};
+var trigger = () => {
+  if (!queue.length) {
+    return;
+  }
+  sortQueue();
+  while (queue.length) {
+    const bundle = queue[0];
+    const inverseProbability = bundle.$inverseProbability$;
+    const probability = 1 - inverseProbability;
+    const allowedPreloads = graph ? config.$maxIdlePreloads$ : (
+      // While the graph is not available, we limit to 5 preloads
+      5
+    );
+    if (probability >= 0.99 || preloadCount < allowedPreloads) {
+      queue.shift();
+      preloadOne(bundle);
+    } else {
+      break;
+    }
+  }
+  if (config.$DEBUG$ && !queue.length) {
+    const loaded = [...bundles.values()].filter((b) => b.$state$ > BundleImportState_None);
+    const waitTime = loaded.reduce((acc, b) => acc + b.$waitedMs$, 0);
+    const loadTime = loaded.reduce((acc, b) => acc + b.$loadedMs$, 0);
+    log(
+      `>>>> done ${loaded.length}/${bundles.size} total: ${waitTime}ms waited, ${loadTime}ms loaded`
+    );
+  }
+};
+var preloadOne = (bundle) => {
+  if (bundle.$state$ >= BundleImportState_Preload) {
+    return;
+  }
+  preloadCount++;
+  const start = Date.now();
+  bundle.$waitedMs$ = start - bundle.$createdTs$;
+  bundle.$state$ = BundleImportState_Preload;
+  config.$DEBUG$ && log(
+    `<< load ${Math.round((1 - bundle.$inverseProbability$) * 100)}% after ${`${bundle.$waitedMs$}ms`}`,
+    bundle.$name$
+  );
+  const link = doc.createElement("link");
+  link.href = new URL(`${base}${bundle.$name$}`, doc.baseURI).toString();
+  link.rel = rel;
+  link.as = "script";
+  link.onload = link.onerror = () => {
+    preloadCount--;
+    const end = Date.now();
+    bundle.$loadedMs$ = end - start;
+    bundle.$state$ = BundleImportState_Loaded;
+    config.$DEBUG$ && log(`>> done after ${bundle.$loadedMs$}ms`, bundle.$name$);
+    link.remove();
+    trigger();
+  };
+  doc.head.appendChild(link);
+};
+var adjustProbabilities = (bundle, newInverseProbability, seen) => {
+  if (seen?.has(bundle)) {
+    return;
+  }
+  const previousInverseProbability = bundle.$inverseProbability$;
+  bundle.$inverseProbability$ = newInverseProbability;
+  if (previousInverseProbability - bundle.$inverseProbability$ < 0.01) {
+    return;
+  }
+  if (
+    // don't queue until we have initialized the preloader
+    base != null && bundle.$state$ < BundleImportState_Preload
+  ) {
+    if (bundle.$state$ === BundleImportState_None) {
+      bundle.$state$ = BundleImportState_Queued;
+      queue.push(bundle);
+      config.$DEBUG$ && log(`queued ${Math.round((1 - bundle.$inverseProbability$) * 100)}%`, bundle.$name$);
+    }
+    queueDirty = true;
+  }
+  if (bundle.$deps$) {
+    seen || (seen = /* @__PURE__ */ new Set());
+    seen.add(bundle);
+    const probability = 1 - bundle.$inverseProbability$;
+    for (const dep of bundle.$deps$) {
+      const depBundle = getBundle(dep.$name$);
+      if (depBundle.$inverseProbability$ === 0) {
+        continue;
+      }
+      let newInverseProbability2;
+      if (probability === 1 || probability >= 0.99 && depsCount < 100) {
+        depsCount++;
+        newInverseProbability2 = Math.min(0.01, 1 - dep.$importProbability$);
+      } else {
+        const newInverseImportProbability = 1 - dep.$importProbability$ * probability;
+        const prevAdjust = dep.$factor$;
+        const factor = newInverseImportProbability / prevAdjust;
+        newInverseProbability2 = Math.max(0.02, depBundle.$inverseProbability$ * factor);
+        dep.$factor$ = factor;
+      }
+      adjustProbabilities(depBundle, newInverseProbability2, seen);
+    }
+  }
+};
+var handleBundle = (name, inverseProbability) => {
+  const bundle = getBundle(name);
+  if (bundle && bundle.$inverseProbability$ > inverseProbability) {
+    adjustProbabilities(bundle, inverseProbability);
+  }
+};
+var depsCount;
+var preload = (name, probability) => {
+  if (!name?.length) {
+    return;
+  }
+  depsCount = 0;
+  let inverseProbability = probability ? 1 - probability : 0.4;
+  if (Array.isArray(name)) {
+    for (let i = name.length - 1; i >= 0; i--) {
+      const item = name[i];
+      if (typeof item === "number") {
+        inverseProbability = 1 - item / 10;
+      } else {
+        handleBundle(item, inverseProbability);
+      }
+    }
+  } else {
+    handleBundle(name, inverseProbability);
+  }
+  if (isBrowser3) {
+    trigger();
+  }
+};
+if (isBrowser3) {
+  document.addEventListener("qsymbol", (ev) => {
+    const { symbol, href } = ev.detail;
+    if (href) {
+      const hash2 = symbol.slice(symbol.lastIndexOf("_") + 1);
+      preload(hash2, 1);
+    }
+  });
 }
 
 // packages/qwik/src/server/platform.ts
+var getDevSegmentPath = (mapper, hash2, symbolName, parent) => {
+  const existing = mapper?.[hash2];
+  if (existing) {
+    return existing;
+  }
+  if (symbolName === SYNC_QRL) {
+    return [symbolName, ""];
+  }
+  if (!parent) {
+    if (symbolName.startsWith("_") && symbolName.length < 6) {
+      return [symbolName, `${import.meta.env.BASE_URL}@qwik-handlers`];
+    }
+    console.error("qwik symbolMapper: unknown qrl requested without parent:", symbolName);
+    return [symbolName, `${import.meta.env.BASE_URL}${symbolName}.js`];
+  }
+  const qrlFile = `${import.meta.env.BASE_URL}${parent.startsWith("/") ? parent.slice(1) : parent}_${symbolName}.js`;
+  return [symbolName, qrlFile];
+};
 function createPlatform(opts, resolvedManifest) {
   const mapper = resolvedManifest?.mapper;
   const mapperFn = opts.symbolMapper ? opts.symbolMapper : (symbolName, _chunk, parent) => {
-    if (mapper) {
+    if (mapper || isDev3 && import.meta.env.MODE !== "test") {
       const hash2 = getSymbolHash(symbolName);
-      const result = mapper[hash2];
+      const result = !isDev3 ? mapper[hash2] : getDevSegmentPath(mapper, hash2, symbolName, parent);
       if (!result) {
         if (hash2 === SYNC_QRL) {
           return [hash2, ""];
@@ -841,9 +1061,6 @@ function createPlatform(opts, resolvedManifest) {
         if (isRegistered) {
           return [symbolName, "_"];
         }
-        if (parent) {
-          return [symbolName, `${parent}?qrl=${symbolName}`];
-        }
         console.error("Cannot resolve symbol", symbolName, "in", mapper, parent);
       }
       return result;
@@ -871,13 +1088,6 @@ function createPlatform(opts, resolvedManifest) {
       console.error("server can not rerender");
       return Promise.resolve();
     },
-    nextTick: (fn) => {
-      return new Promise((resolve) => {
-        setTimeout(() => {
-          resolve(fn());
-        });
-      });
-    },
     chunkForSymbol(symbolName, _chunk, parent) {
       return mapperFn(symbolName, mapper, parent);
     }
@@ -909,265 +1119,82 @@ function createTimer() {
   };
 }
 function getBuildBase(opts) {
-  let base = opts.base;
+  let base2 = opts.base;
   if (typeof opts.base === "function") {
-    base = opts.base(opts);
+    base2 = opts.base(opts);
   }
-  if (typeof base === "string") {
-    if (!base.endsWith("/")) {
-      base += "/";
+  if (typeof base2 === "string") {
+    if (!base2.endsWith("/")) {
+      base2 += "/";
     }
-    return base;
+    return base2;
   }
-  return `${import.meta.env.BASE_URL}build/`;
+  return `${import.meta.env.BASE_URL || "/"}build/`;
 }
 var versions = {
-  qwik: "2.0.0-alpha.9-dev+56ed5bd",
+  qwik: "2.0.0-beta.10-dev+4669425",
   qwikDom: "2.1.19"
 };
 
 // packages/qwik/src/server/ssr-container.ts
 import {
-  _EffectData as EffectData,
+  _SubscriptionData as SubscriptionData,
   _SharedContainer,
   _jsxSorted,
   _jsxSplit,
   _walkJSX,
   isSignal
 } from "@qwik.dev/core";
-import { isDev as isDev4 } from "@qwik.dev/core/build";
+import { isDev as isDev5 } from "@qwik.dev/core/build";
 
-// packages/qwik/src/server/prefetch-utils.ts
-function workerFetchScript() {
-  const fetch = `Promise.all(e.data.map(u=>fetch(u))).finally(()=>{setTimeout(postMessage({}),9999)})`;
-  const workerBody = `onmessage=(e)=>{${fetch}}`;
-  const blob = `new Blob(['${workerBody}'],{type:"text/javascript"})`;
-  const url = `URL.createObjectURL(${blob})`;
-  let s = `const w=new Worker(${url});`;
-  s += `w.postMessage(u.map(u=>new URL(u,origin)+''));`;
-  s += `w.onmessage=()=>{w.terminate()};`;
-  return s;
-}
-function prefetchUrlsEventScript(base, prefetchResources) {
-  const data = {
-    bundles: flattenPrefetchResources(prefetchResources).map((u) => u.split("/").pop())
-  };
-  const args = JSON.stringify(["prefetch", base, ...data.bundles]);
-  return `document.dispatchEvent(new CustomEvent("qprefetch",{detail:${JSON.stringify(data)}}));
-          (window.qwikPrefetchSW||(window.qwikPrefetchSW=[])).push(${args});`;
-}
-function flattenPrefetchResources(prefetchResources) {
-  const urls = [];
-  const addPrefetchResource = (prefetchResources2) => {
-    if (Array.isArray(prefetchResources2)) {
-      for (const prefetchResource of prefetchResources2) {
-        if (!urls.includes(prefetchResource.url)) {
-          urls.push(prefetchResource.url);
-          addPrefetchResource(prefetchResource.imports);
+// packages/qwik/src/server/scripts.ts
+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)),a=t=>{const e=[];return o.forEach(n=>e.push(...s(n,t))),e},i=t=>{m(t),s(t,"[q\\\\:shadowroot]").forEach(t=>{const e=t.shadowRoot;e&&i(e)})},c=t=>t&&"function"==typeof t.then,l=(t,e,n=e.type)=>{a("[on"+t+"\\\\:"+n+"]").forEach(o=>{u(o,t,e,n)})},f=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}}},p=(t,e)=>new CustomEvent(t,{detail:e}),u=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 a=e._qc_,i=a&&a.li.filter(t=>t[0]===s);if(i&&i.length>0){for(const t of i){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),p=e.qDispatchEvent;if(p)return p(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",a=n.getAttribute("q:manifest-hash")||"dev",i=new URL(r,t.baseURI);for(const p of l.split("\\n")){const l=new URL(p,i),u=l.href,q=l.hash.replace(/^#?([^?[|]*).*$/,"$1")||"default",h=performance.now();let _,d,y;const m=p.startsWith("#"),w={qBase:r,qManifest:a,qVersion:s,href:u,symbol:q,element:e,reqTime:h};if(m){const e=n.getAttribute("q:instance");_=(t["qFuncs_"+e]||[])[Number.parseInt(q)],_||(d="sync",y=Error("sym:"+q))}else{b("qsymbol",w);const t=l.href.split("#")[0];try{const e=import(t);f(n),_=(await e)[q],_||(d="no-symbol",y=Error(`${q} not in ${t}`))}catch(t){d||(d="async"),y=t}}if(!_){b("qerror",{importError:d,error:y,...w}),console.error(y);break}const g=t.__q_context__;if(e.isConnected)try{t.__q_context__=[e,o,l];const n=_(o,e);c(n)&&await n}catch(t){b("qerror",{error:t,...w})}finally{t.__q_context__=g}}}},b=(e,n)=>{t.dispatchEvent(p(e,n))},q=t=>t.replace(/([A-Z])/g,t=>"-"+t.toLowerCase()),h=async t=>{let e=q(t.type),n=t.target;for(l("-document",t,e);n&&n.getAttribute;){const o=u(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}},_=t=>{l("-window",t,q(t.type))},d=()=>{const s=t.readyState;if(!r&&("interactive"==s||"complete"==s)&&(o.forEach(i),r=1,b("qinit"),(e.requestIdleCallback??e.setTimeout).bind(e)(()=>b("qidle")),n.has("qvisible"))){const t=a("[on\\\\:qvisible]"),e=new IntersectionObserver(t=>{for(const n of t)n.isIntersecting&&(e.unobserve(n.target),u(n.target,"",p("qvisible",n)))});t.forEach(t=>e.observe(t))}},y=(t,e,n,o=!1)=>{t.addEventListener(e,n,{capture:o,passive:!1})},m=(...t)=>{for(const r of t)"string"==typeof r?n.has(r)||(o.forEach(t=>y(t,r,h,!0)),y(e,r,_,!0),n.add(r)):o.has(r)||(n.forEach(t=>y(r,t,h,!0)),o.add(r))};if(!("__q_context__"in t)){t.__q_context__=0;const r=e.qwikevents;r&&(Array.isArray(r)?m(...r):m("click","input")),e.qwikevents={events:n,roots:o,push:m},y(t,"readystatechange",d),d()}';
+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";\nconst broadcast = (infix, ev, type = ev.type) => {\n  querySelectorAll("[on" + infix + "\\\\:" + type + "]").forEach((el) => {\n    dispatch(el, infix, ev, type);\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  const readyState = doc.readyState;\n  if (!hasInitialized && (readyState == "interactive" || readyState == "complete")) {\n    roots.forEach(findShadowRoots);\n    hasInitialized = 1;\n    emitEvent("qinit");\n    const riC = win.requestIdleCallback ?? 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};\nconst processEventOrNode = (...eventNames) => {\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 QWIK_BACKPATCH_EXECUTOR_MINIFIED = `const t='script[type="qwik/backpatch"]',e=document.currentScript;if(e){const o=e.closest("[q\\\\:container]:not([q\\\\:container=html]):not([q\\\\:container=text])");if(o){const e=o.querySelector(t);if(e){const t=JSON.parse(e.textContent||"[]"),n=document.createTreeWalker(o,NodeFilter.SHOW_ELEMENT);let r=n.currentNode,c=0;for(let e=0;e<t.length;e+=3){const o=t[e],i=t[e+1];let l=t[e+2];for(;c<o;)r=n.nextNode(),c++;const s=r;null==l||!1===l?s.removeAttribute(i):("boolean"==typeof l&&(l=""),s.setAttribute(i,l))}}}}`;
+var QWIK_BACKPATCH_EXECUTOR_DEBUG = `const BACKPATCH_DATA_SELECTOR = 'script[type="qwik/backpatch"]';
+const executorScript = document.currentScript;
+if (executorScript) {
+  const container = executorScript.closest(
+    "[q\\\\:container]:not([q\\\\:container=html]):not([q\\\\:container=text])"
+  );
+  if (container) {
+    const script = container.querySelector(BACKPATCH_DATA_SELECTOR);
+    if (script) {
+      const data = JSON.parse(script.textContent || "[]");
+      const walker = document.createTreeWalker(container, NodeFilter.SHOW_ELEMENT);
+      let currentNode = walker.currentNode;
+      let currentNodeIdx = 0;
+      for (let i = 0; i < data.length; i += 3) {
+        const elementIdx = data[i];
+        const attrName = data[i + 1];
+        let value = data[i + 2];
+        while (currentNodeIdx < elementIdx) {
+          currentNode = walker.nextNode();
+          currentNodeIdx++;
         }
-      }
-    }
-  };
-  addPrefetchResource(prefetchResources);
-  return urls;
-}
-function getMostReferenced(prefetchResources) {
-  const common = /* @__PURE__ */ new Map();
-  let total = 0;
-  const addPrefetchResource = (prefetchResources2, visited2) => {
-    if (Array.isArray(prefetchResources2)) {
-      for (const prefetchResource of prefetchResources2) {
-        const count = common.get(prefetchResource.url) || 0;
-        common.set(prefetchResource.url, count + 1);
-        total++;
-        if (!visited2.has(prefetchResource.url)) {
-          visited2.add(prefetchResource.url);
-          addPrefetchResource(prefetchResource.imports, visited2);
+        const element = currentNode;
+        if (value == null || value === false) {
+          element.removeAttribute(attrName);
+        } else {
+          if (typeof value === "boolean") {
+            value = "";
+          }
+          element.setAttribute(attrName, value);
         }
       }
     }
-  };
-  const visited = /* @__PURE__ */ new Set();
-  for (const resource of prefetchResources) {
-    visited.clear();
-    addPrefetchResource(resource.imports, visited);
-  }
-  const threshold = total / common.size * 2;
-  const urls = Array.from(common.entries());
-  urls.sort((a, b) => b[1] - a[1]);
-  return urls.slice(0, 5).filter((e) => e[1] > threshold).map((e) => e[0]);
-}
-
-// packages/qwik/src/server/prefetch-implementation.ts
-function applyPrefetchImplementation2(container, prefetchStrategy, prefetchResources, nonce) {
-  const prefetchImpl = normalizePrefetchImplementation(prefetchStrategy?.implementation);
-  if (prefetchImpl.prefetchEvent === "always") {
-    prefetchUrlsEvent2(container, prefetchResources, nonce);
   }
-  if (prefetchImpl.linkInsert === "html-append") {
-    linkHtmlImplementation2(container, prefetchResources, prefetchImpl);
-  }
-  if (prefetchImpl.linkInsert === "js-append") {
-    linkJsImplementation2(container, prefetchResources, prefetchImpl, nonce);
-  } else if (prefetchImpl.workerFetchInsert === "always") {
-    workerFetchImplementation2(container, prefetchResources, nonce);
-  }
-}
-function prefetchUrlsEvent2(container, prefetchResources, nonce) {
-  const mostReferenced = getMostReferenced(prefetchResources);
-  for (const url of mostReferenced) {
-    const attrs = ["rel", "modulepreload", "href", url];
-    if (nonce) {
-      attrs.push("nonce", nonce);
-    }
-    container.openElement("link", null, attrs);
-    container.closeElement();
-  }
-  const scriptAttrs = ["q:type", "prefetch-bundles"];
-  if (nonce) {
-    scriptAttrs.push("nonce", nonce);
-  }
-  container.openElement("script", null, scriptAttrs);
-  container.writer.write(prefetchUrlsEventScript(container.$buildBase$ || "", prefetchResources));
-  container.writer.write(
-    `;document.dispatchEvent(new CustomEvent('qprefetch', {detail:{links: [location.pathname]}}))`
-  );
-  container.closeElement();
-}
-function linkHtmlImplementation2(container, prefetchResources, prefetchImpl) {
-  const urls = flattenPrefetchResources(prefetchResources);
-  const rel = prefetchImpl.linkRel || "prefetch";
-  const priority = prefetchImpl.linkFetchPriority;
-  for (const url of urls) {
-    const attributes = ["href", url, "rel", rel];
-    if (priority) {
-      attributes.push("fetchpriority", priority);
-    }
-    if (rel === "prefetch" || rel === "preload") {
-      if (url.endsWith(".js")) {
-        attributes.push("as", "script");
-      }
-    }
-    container.openElement("link", null, attributes);
-    container.closeElement();
-  }
-}
-function linkJsImplementation2(container, prefetchResources, prefetchImpl, nonce) {
-  const scriptAttrs = ["type", "module", "q:type", "link-js"];
-  if (nonce) {
-    scriptAttrs.push("nonce", nonce);
-  }
-  container.openElement("script", null, scriptAttrs);
-  const rel = prefetchImpl.linkRel || "prefetch";
-  const priority = prefetchImpl.linkFetchPriority;
-  if (prefetchImpl.workerFetchInsert === "no-link-support") {
-    container.writer.write(`let supportsLinkRel = true;`);
-  }
-  container.writer.write(`const u=${JSON.stringify(flattenPrefetchResources(prefetchResources))};`);
-  container.writer.write(`u.map((u,i)=>{`);
-  container.writer.write(`const l=document.createElement('link');`);
-  container.writer.write(`l.setAttribute("href",u);`);
-  container.writer.write(`l.setAttribute("rel","${rel}");`);
-  if (priority) {
-    container.writer.write(`l.setAttribute("fetchpriority","${priority}");`);
-  }
-  if (prefetchImpl.workerFetchInsert === "no-link-support") {
-    container.writer.write(`if(i===0){`);
-    container.writer.write(`try{`);
-    container.writer.write(`supportsLinkRel=l.relList.supports("${rel}");`);
-    container.writer.write(`}catch(e){}`);
-    container.writer.write(`}`);
-  }
-  container.writer.write(`document.body.appendChild(l);`);
-  container.writer.write(`});`);
-  if (prefetchImpl.workerFetchInsert === "no-link-support") {
-    container.writer.write(`if(!supportsLinkRel){`);
-    container.writer.write(workerFetchScript());
-    container.writer.write(`}`);
-  }
-  if (prefetchImpl.workerFetchInsert === "always") {
-    container.writer.write(workerFetchScript());
-  }
-  container.closeElement();
-}
-function workerFetchImplementation2(container, prefetchResources, nonce) {
-  const scriptAttrs = ["type", "module", "q:type", "prefetch-worker"];
-  if (nonce) {
-    scriptAttrs.push(nonce, "nonce");
-  }
-  container.openElement("script", null, scriptAttrs);
-  container.writer.write(`const u=${JSON.stringify(flattenPrefetchResources(prefetchResources))};`);
-  container.writer.write(workerFetchScript());
-  container.closeElement();
-}
-function normalizePrefetchImplementation(input) {
-  return { ...PrefetchImplementationDefault, ...input };
-}
-var PrefetchImplementationDefault = {
-  linkInsert: null,
-  linkRel: null,
-  linkFetchPriority: null,
-  workerFetchInsert: null,
-  prefetchEvent: "always"
-};
-
-// packages/qwik/src/server/prefetch-strategy.ts
-import { isDev as isDev2 } from "@qwik.dev/core/build";
-function getPrefetchResources(qrls, opts, resolvedManifest) {
-  if (!resolvedManifest) {
-    return [];
-  }
-  const prefetchStrategy = opts.prefetchStrategy;
-  const buildBase = getBuildBase(opts);
-  if (prefetchStrategy !== null) {
-    if (!prefetchStrategy || !prefetchStrategy.symbolsToPrefetch || prefetchStrategy.symbolsToPrefetch === "auto") {
-      return getAutoPrefetch(qrls, resolvedManifest, buildBase);
-    }
-    if (typeof prefetchStrategy.symbolsToPrefetch === "function") {
-      try {
-        return prefetchStrategy.symbolsToPrefetch({ manifest: resolvedManifest.manifest });
-      } catch (e) {
-        console.error("getPrefetchUrls, symbolsToPrefetch()", e);
-      }
-    }
-  }
-  return [];
+}`;
+function getQwikLoaderScript(opts = {}) {
+  return opts.debug ? QWIK_LOADER_DEFAULT_DEBUG : QWIK_LOADER_DEFAULT_MINIFIED;
 }
-function getAutoPrefetch(qrls, resolvedManifest, buildBase) {
-  const prefetchResources = [];
-  const { mapper, manifest } = resolvedManifest;
-  const urls = /* @__PURE__ */ new Map();
-  if (mapper && manifest) {
-    for (const qrl of qrls) {
-      const qrlSymbolName = qrl.getHash();
-      const resolvedSymbol = mapper[qrlSymbolName];
-      if (resolvedSymbol) {
-        const bundleFileName = resolvedSymbol[1];
-        addBundle(manifest, urls, prefetchResources, buildBase, bundleFileName);
-      }
-    }
-  }
-  return prefetchResources;
+var QWIK_PREFETCH_MINIFIED = globalThis.QWIK_PREFETCH_MINIFIED;
+var QWIK_PREFETCH_DEBUG = globalThis.QWIK_PREFETCH_DEBUG;
+function getQwikPrefetchWorkerScript(opts = {}) {
+  return opts.debug ? QWIK_PREFETCH_DEBUG : QWIK_PREFETCH_MINIFIED;
 }
-function addBundle(manifest, urls, prefetchResources, buildBase, bundleFileName) {
-  const url = isDev2 ? bundleFileName : buildBase + bundleFileName;
-  let prefetchResource = urls.get(url);
-  if (!prefetchResource) {
-    prefetchResource = {
-      url,
-      imports: []
-    };
-    urls.set(url, prefetchResource);
-    const bundle = manifest.bundles[bundleFileName];
-    if (bundle) {
-      if (Array.isArray(bundle.imports)) {
-        for (const importedFilename of bundle.imports) {
-          addBundle(manifest, urls, prefetchResource.imports, buildBase, importedFilename);
-        }
-      }
-    }
-  }
-  prefetchResources.push(prefetchResource);
+function getQwikBackpatchExecutorScript(opts = {}) {
+  return opts.debug ? QWIK_BACKPATCH_EXECUTOR_DEBUG : QWIK_BACKPATCH_EXECUTOR_MINIFIED;
 }
 
 // packages/qwik/src/server/ssr-node.ts
@@ -1176,30 +1203,31 @@ import {
   _EMPTY_ARRAY,
   _EFFECT_BACK_REF
 } from "@qwik.dev/core";
-import { isDev as isDev3 } from "@qwik.dev/core/build";
+import { isDev as isDev4 } from "@qwik.dev/core/build";
 var SsrNode = class {
-  constructor(currentComponentNode, nodeType, id, attrs, cleanupQueue, vnodeData) {
-    this.attrs = attrs;
+  constructor(parentComponent, id, attributesIndex, cleanupQueue, vnodeData, currentFile) {
+    this.parentComponent = parentComponent;
+    this.attributesIndex = attributesIndex;
     this.cleanupQueue = cleanupQueue;
     this.vnodeData = vnodeData;
-    __publicField(this, "__brand__");
-    /** @param nodeType - Node type: ELEMENT_NODE, TEXT_NODE, DOCUMENT_NODE */
-    __publicField(this, "nodeType");
+    this.currentFile = currentFile;
+    __publicField(this, "__brand__", "SsrNode");
     /**
      * ID which the deserialize will use to retrieve the node.
      *
-     * @param refId - Unique id for the node.
+     * @param id - Unique id for the node.
      */
     __publicField(this, "id");
+    __publicField(this, "flags");
+    __publicField(this, "children", null);
+    __publicField(this, "attrs");
     /** Local props which don't serialize; */
-    __publicField(this, "locals", null);
-    __publicField(this, "currentComponentNode");
-    __publicField(this, "childrenVNodeData", null);
-    this.currentComponentNode = currentComponentNode;
-    this.currentComponentNode?.addChildVNodeData(this.vnodeData);
-    this.nodeType = nodeType;
+    __publicField(this, "localProps", null);
     this.id = id;
-    if (isDev3 && id.indexOf("undefined") != -1) {
+    this.flags = 1 /* Updatable */;
+    this.attrs = this.attributesIndex >= 0 ? this.vnodeData[this.attributesIndex] : _EMPTY_ARRAY;
+    this.parentComponent?.addChild(this);
+    if (isDev4 && id.indexOf("undefined") != -1) {
       throw new Error(`Invalid SSR node id: ${id}`);
     }
   }
@@ -1208,10 +1236,10 @@ var SsrNode = class {
   }
   setProp(name, value) {
     if (this.attrs === _EMPTY_ARRAY) {
-      this.attrs = [];
+      this.setEmptyArrayAsVNodeDataAttributes();
     }
     if (name.startsWith(NON_SERIALIZABLE_MARKER_PREFIX)) {
-      mapArray_set(this.locals || (this.locals = []), name, value, 0);
+      mapArray_set(this.localProps || (this.localProps = []), name, value, 0);
     } else {
       mapArray_set(this.attrs, name, value, 0);
     }
@@ -1219,49 +1247,69 @@ var SsrNode = class {
       this.cleanupQueue.push(value);
     }
   }
+  setEmptyArrayAsVNodeDataAttributes() {
+    if (this.attributesIndex >= 0) {
+      this.vnodeData[this.attributesIndex] = [];
+      this.attrs = this.vnodeData[this.attributesIndex];
+    } else {
+      const newAttributesIndex = this.vnodeData.length > 1 ? 1 : 0;
+      this.vnodeData.splice(newAttributesIndex, 0, []);
+      this.attributesIndex = newAttributesIndex;
+      this.attrs = this.vnodeData[this.attributesIndex];
+    }
+  }
   getProp(name) {
     if (name.startsWith(NON_SERIALIZABLE_MARKER_PREFIX)) {
-      return this.locals ? mapArray_get(this.locals, name, 0) : null;
+      return this.localProps ? mapArray_get(this.localProps, name, 0) : null;
     } else {
       return mapArray_get(this.attrs, name, 0);
     }
   }
   removeProp(name) {
     if (name.startsWith(NON_SERIALIZABLE_MARKER_PREFIX)) {
-      if (this.locals) {
-        mapApp_remove(this.locals, name, 0);
+      if (this.localProps) {
+        mapApp_remove(this.localProps, name, 0);
       }
     } else {
       mapApp_remove(this.attrs, name, 0);
     }
   }
-  addChildVNodeData(child) {
-    if (!this.childrenVNodeData) {
-      this.childrenVNodeData = [];
+  addChild(child) {
+    if (!this.children) {
+      this.children = [];
+    }
+    this.children.push(child);
+  }
+  setTreeNonUpdatable() {
+    this.flags &= ~1 /* Updatable */;
+    if (this.children) {
+      for (const child of this.children) {
+        child.setTreeNonUpdatable();
+      }
     }
-    this.childrenVNodeData.push(child);
   }
   toString() {
-    let stringifiedAttrs = "";
-    for (let i = 0; i < this.attrs.length; i += 2) {
-      const key = this.attrs[i];
-      const value = this.attrs[i + 1];
-      stringifiedAttrs += `${key}=`;
-      stringifiedAttrs += `${typeof value === "string" || typeof value === "number" ? JSON.stringify(value) : "*"}`;
-      if (i < this.attrs.length - 2) {
-        stringifiedAttrs += ", ";
+    if (isDev4) {
+      let stringifiedAttrs = "";
+      for (let i = 0; i < this.attrs.length; i += 2) {
+        const key = this.attrs[i];
+        const value = this.attrs[i + 1];
+        stringifiedAttrs += `${key}=`;
+        stringifiedAttrs += `${typeof value === "string" || typeof value === "number" ? JSON.stringify(value) : "*"}`;
+        if (i < this.attrs.length - 2) {
+          stringifiedAttrs += ", ";
+        }
       }
+      return `<SSRNode id="${this.id}" ${stringifiedAttrs} />`;
+    } else {
+      return `<SSRNode id="${this.id}" />`;
     }
-    return `SSRNode [<${this.id}> ${stringifiedAttrs}]`;
   }
 };
-__publicField(SsrNode, "ELEMENT_NODE", 1);
-__publicField(SsrNode, "TEXT_NODE", 3);
-__publicField(SsrNode, "DOCUMENT_NODE", 9);
-__publicField(SsrNode, "DOCUMENT_FRAGMENT_NODE", 11);
 var DomRef = class {
   constructor($ssrNode$) {
     this.$ssrNode$ = $ssrNode$;
+    __publicField(this, "__brand__", "DomRef");
   }
 };
 var SsrComponentFrame = class {
@@ -1366,6 +1414,10 @@ var allowedContent = (state) => {
     case 514 /* PHRASING_INSIDE_INPUT */:
     case 1026 /* PHRASING_CONTAINER */:
       return ["phrasing content", "<a>, <b>, <img>, <input> ... (no <div>, <p> ...)"];
+    case 2050 /* PICTURE */:
+      return ["picture content", "<source>, <img>"];
+    case 4098 /* BUTTON */:
+      return ["button content", "phrasing content except interactive elements"];
     case 1 /* DOCUMENT */:
       return ["document", "<html>"];
   }
@@ -1407,6 +1459,10 @@ function isTagAllowed(state, tag) {
       return isInPhrasing(tag, true);
     case 514 /* PHRASING_INSIDE_INPUT */:
       return isInPhrasing(tag, false);
+    case 2050 /* PICTURE */:
+      return isInPicture(tag);
+    case 4098 /* BUTTON */:
+      return isInButton(tag);
     case 1 /* DOCUMENT */:
       if (tag === "html") {
         return 32 /* HTML */;
@@ -1486,9 +1542,12 @@ function isInAnything(text) {
     case "body":
       return 0 /* NOT_ALLOWED */;
     case "button":
+      return 4098 /* BUTTON */;
     case "input":
     case "textarea":
       return 514 /* PHRASING_INSIDE_INPUT */;
+    case "picture":
+      return 2050 /* PICTURE */;
     default:
       return 10 /* ANYTHING */;
   }
@@ -1532,12 +1591,35 @@ function isInTableColGroup(text) {
       return 0 /* NOT_ALLOWED */;
   }
 }
+function isInPicture(text) {
+  switch (text) {
+    case "source":
+      return 4 /* EMPTY */;
+    case "img":
+      return 4 /* EMPTY */;
+    default:
+      return 0 /* NOT_ALLOWED */;
+  }
+}
+function isInButton(text) {
+  switch (text) {
+    case "button":
+    case "input":
+    case "textarea":
+    case "select":
+    case "a":
+      return 0 /* NOT_ALLOWED */;
+    case "picture":
+      return 2050 /* PICTURE */;
+    default:
+      return isInPhrasing(text, false);
+  }
+}
 function isInPhrasing(text, allowInput) {
   switch (text) {
     case "svg":
     case "math":
       return 1026 /* PHRASING_CONTAINER */;
-    case "button":
     case "input":
     case "textarea":
       return allowInput ? 514 /* PHRASING_INSIDE_INPUT */ : 0 /* NOT_ALLOWED */;
@@ -1549,6 +1631,7 @@ function isInPhrasing(text, allowInput) {
     case "bdi":
     case "bdo":
     case "br":
+    case "button":
     case "canvas":
     case "cite":
     case "code":
@@ -1576,7 +1659,6 @@ function isInPhrasing(text, allowInput) {
     case "object":
     case "option":
     case "output":
-    case "picture":
     case "progress":
     case "q":
     case "ruby":
@@ -1599,13 +1681,14 @@ function isInPhrasing(text, allowInput) {
       return allowInput ? 258 /* PHRASING_ANY */ : 514 /* PHRASING_INSIDE_INPUT */;
     case "style":
       return 2 /* TEXT */;
+    case "picture":
+      return 2050 /* PICTURE */;
     default:
       return 0 /* NOT_ALLOWED */;
   }
 }
 
 // packages/qwik/src/server/vnode-data.ts
-import { _EMPTY_ARRAY as _EMPTY_ARRAY2 } from "@qwik.dev/core";
 var OPEN_FRAGMENT = Number.MAX_SAFE_INTEGER;
 var CLOSE_FRAGMENT = Number.MAX_SAFE_INTEGER - 1;
 var WRITE_ELEMENT_ATTRS = Number.MAX_SAFE_INTEGER - 2;
@@ -1640,23 +1723,21 @@ function vNodeData_openElement(vNodeData) {
   vNodeData.push([], WRITE_ELEMENT_ATTRS);
   vNodeData[0] |= 4 /* ELEMENT_NODE */;
 }
-function vNodeData_createSsrNodeReference(currentComponentNode, vNodeData, depthFirstElementIdx, cleanupQueue) {
+function vNodeData_createSsrNodeReference(currentComponentNode, vNodeData, depthFirstElementIdx, cleanupQueue, currentFile) {
   vNodeData[0] |= 8 /* REFERENCE */;
-  let fragmentAttrs = _EMPTY_ARRAY2;
-  const stack = [SsrNode.ELEMENT_NODE, -1];
+  const stack = [-1];
+  let attributesIndex = -1;
   for (let i = 1; i < vNodeData.length; i++) {
     const value = vNodeData[i];
     if (Array.isArray(value)) {
-      fragmentAttrs = value;
+      attributesIndex = i;
       i++;
       if (vNodeData[i] !== WRITE_ELEMENT_ATTRS) {
         stack[stack.length - 1]++;
-        stack.push(SsrNode.DOCUMENT_FRAGMENT_NODE, -1);
+        stack.push(-1);
       }
     } else if (value === CLOSE_FRAGMENT) {
       stack.pop();
-      stack.pop();
-      fragmentAttrs = _EMPTY_ARRAY2;
     } else if (value < 0) {
       const numberOfElements = 0 - value;
       stack[stack.length - 1] += numberOfElements;
@@ -1666,15 +1747,21 @@ function vNodeData_createSsrNodeReference(currentComponentNode, vNodeData, depth
   }
   let refId = String(depthFirstElementIdx);
   if (vNodeData[0] & (2 /* VIRTUAL_NODE */ | 1 /* TEXT_DATA */)) {
-    for (let i = 1; i < stack.length; i += 2) {
+    for (let i = 0; i < stack.length; i++) {
       const childCount = stack[i];
       if (childCount >= 0) {
         refId += encodeAsAlphanumeric(childCount);
       }
     }
   }
-  const type = stack[stack.length - 2];
-  return new SsrNode(currentComponentNode, type, refId, fragmentAttrs, cleanupQueue, vNodeData);
+  return new SsrNode(
+    currentComponentNode,
+    refId,
+    attributesIndex,
+    cleanupQueue,
+    vNodeData,
+    currentFile
+  );
 }
 var ALPHANUMERIC = [];
 function encodeAsAlphanumeric(value) {
@@ -1696,17 +1783,246 @@ function encodeAsAlphanumeric(value) {
   return ALPHANUMERIC[value];
 }
 
-// packages/qwik/src/server/scripts.ts
-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})()';
-function getQwikLoaderScript(opts = {}) {
-  return opts.debug ? QWIK_LOADER_DEFAULT_DEBUG : QWIK_LOADER_DEFAULT_MINIFIED;
+// packages/qwik/src/server/preload-strategy.ts
+import { getPlatform } from "@qwik.dev/core";
+
+// packages/qwik/src/server/preload-utils.ts
+function flattenPrefetchResources(prefetchResources) {
+  const urls = [];
+  const addPrefetchResource = (prefetchResources2) => {
+    if (prefetchResources2) {
+      for (const prefetchResource of prefetchResources2) {
+        if (!urls.includes(prefetchResource.url)) {
+          urls.push(prefetchResource.url);
+          if (prefetchResource.imports) {
+            addPrefetchResource(prefetchResource.imports);
+          }
+        }
+      }
+    }
+  };
+  addPrefetchResource(prefetchResources);
+  return urls;
 }
-var QWIK_PREFETCH_MINIFIED = globalThis.QWIK_PREFETCH_MINIFIED;
-var QWIK_PREFETCH_DEBUG = globalThis.QWIK_PREFETCH_DEBUG;
-function getQwikPrefetchWorkerScript(opts = {}) {
-  return opts.debug ? QWIK_PREFETCH_DEBUG : QWIK_PREFETCH_MINIFIED;
+
+// packages/qwik/src/server/preload-strategy.ts
+var getBundles = (qrls) => {
+  const platform = getPlatform();
+  return qrls?.map((qrl) => {
+    const symbol = qrl.$symbol$;
+    const chunk = qrl.$chunk$;
+    const result = platform.chunkForSymbol(symbol, chunk, qrl.dev?.file);
+    if (result) {
+      return result[1];
+    }
+    return chunk;
+  }).filter(Boolean);
+};
+function getPreloadPaths(qrls, opts, resolvedManifest) {
+  const prefetchStrategy = opts.prefetchStrategy;
+  if (prefetchStrategy === null) {
+    return [];
+  }
+  if (!resolvedManifest?.manifest.bundleGraph) {
+    return getBundles(qrls);
+  }
+  if (typeof prefetchStrategy?.symbolsToPrefetch === "function") {
+    try {
+      const prefetchResources = prefetchStrategy.symbolsToPrefetch({
+        manifest: resolvedManifest.manifest
+      });
+      return flattenPrefetchResources(prefetchResources);
+    } catch (e) {
+      console.error("getPrefetchUrls, symbolsToPrefetch()", e);
+    }
+  }
+  const symbols = /* @__PURE__ */ new Set();
+  for (const qrl of qrls) {
+    const symbol = getSymbolHash(qrl.$symbol$);
+    if (symbol && symbol.length >= 10) {
+      symbols.add(symbol);
+    }
+  }
+  return [...symbols];
 }
+var expandBundles = (names, resolvedManifest) => {
+  if (!resolvedManifest?.manifest.bundleGraph) {
+    return [...new Set(names)];
+  }
+  resetQueue();
+  let probability = 0.99;
+  for (const name of names) {
+    preload(name, probability);
+    probability *= 0.95;
+  }
+  return getQueue();
+};
+
+// packages/qwik/src/server/preload-impl.ts
+var simplifyPath = (base2, path) => {
+  if (path == null) {
+    return null;
+  }
+  const segments = `${base2}${path}`.split("/");
+  const simplified = [];
+  for (const segment of segments) {
+    if (segment === ".." && simplified.length > 0) {
+      simplified.pop();
+    } else {
+      simplified.push(segment);
+    }
+  }
+  return simplified.join("/");
+};
+var getBase = (container) => {
+  let base2 = container.$buildBase$;
+  if (import.meta.env.DEV && !import.meta.env.TEST) {
+    base2 = import.meta.env.BASE_URL;
+  }
+  return base2;
+};
+var preloaderPre = (container, options, nonce) => {
+  const { resolvedManifest } = container;
+  const base2 = getBase(container);
+  const preloaderBundle = simplifyPath(base2, resolvedManifest?.manifest?.preloader);
+  let bundleGraphPath = resolvedManifest?.manifest.bundleGraphAsset;
+  if (bundleGraphPath) {
+    bundleGraphPath = (import.meta.env.BASE_URL || "/") + bundleGraphPath;
+  }
+  if (preloaderBundle && bundleGraphPath && options !== false) {
+    const preloaderOpts = typeof options === "object" ? {
+      debug: options.debug,
+      preloadProbability: options.ssrPreloadProbability
+    } : void 0;
+    const bundleGraph = container.resolvedManifest?.manifest.bundleGraph;
+    initPreloader(bundleGraph, preloaderOpts);
+    const opts = [];
+    if (options) {
+      if (options.debug) {
+        opts.push("d:1");
+      }
+      if (options.maxIdlePreloads) {
+        opts.push(`P:${options.maxIdlePreloads}`);
+      }
+      if (options.preloadProbability) {
+        opts.push(`Q:${options.preloadProbability}`);
+      }
+    }
+    const optsStr = opts.length ? `,{${opts.join(",")}}` : "";
+    const preloaderLinkAttrs = ["rel", "modulepreload", "href", preloaderBundle];
+    if (nonce) {
+      preloaderLinkAttrs.push("nonce", nonce);
+    }
+    container.openElement("link", null, preloaderLinkAttrs);
+    container.closeElement();
+    container.openElement("link", null, [
+      "rel",
+      "preload",
+      "href",
+      bundleGraphPath,
+      "as",
+      "fetch",
+      "crossorigin",
+      "anonymous"
+    ]);
+    container.closeElement();
+    const script = `let b=fetch("${bundleGraphPath}");import("${preloaderBundle}").then(({l})=>l(${JSON.stringify(base2)},b${optsStr}));`;
+    const scriptAttrs = ["type", "module", "async", true];
+    if (nonce) {
+      scriptAttrs.push("nonce", nonce);
+    }
+    container.openElement("script", null, scriptAttrs);
+    container.writer.write(script);
+    container.closeElement();
+  }
+  const corePath = simplifyPath(base2, resolvedManifest?.manifest.core);
+  if (corePath) {
+    const linkAttrs = ["rel", "modulepreload", "href", corePath];
+    if (nonce) {
+      linkAttrs.push("nonce", nonce);
+    }
+    container.openElement("link", null, linkAttrs);
+    container.closeElement();
+  }
+};
+var includePreloader = (container, options, referencedBundles, nonce) => {
+  if (referencedBundles.length === 0 || options === false) {
+    return null;
+  }
+  const { ssrPreloads, ssrPreloadProbability } = normalizePreLoaderOptions(
+    typeof options === "boolean" ? void 0 : options
+  );
+  let allowed = ssrPreloads;
+  const base2 = getBase(container);
+  const links = [];
+  const { resolvedManifest } = container;
+  if (allowed) {
+    const preloaderBundle2 = resolvedManifest?.manifest.preloader;
+    const coreBundle = resolvedManifest?.manifest.core;
+    const expandedBundles = expandBundles(referencedBundles, resolvedManifest);
+    let probability = 4;
+    const tenXMinProbability = ssrPreloadProbability * 10;
+    for (const hrefOrProbability of expandedBundles) {
+      if (typeof hrefOrProbability === "string") {
+        if (probability < tenXMinProbability) {
+          break;
+        }
+        if (hrefOrProbability === preloaderBundle2 || hrefOrProbability === coreBundle) {
+          continue;
+        }
+        links.push(hrefOrProbability);
+        if (--allowed === 0) {
+          break;
+        }
+      } else {
+        probability = hrefOrProbability;
+      }
+    }
+  }
+  const preloaderBundle = simplifyPath(base2, resolvedManifest?.manifest.preloader);
+  const insertLinks = links.length ? (
+    /**
+     * We only use modulepreload links because they behave best. Older browsers can rely on the
+     * preloader which does feature detection and which will be available soon after inserting these
+     * links.
+     */
+    `${JSON.stringify(links)}.map((l,e)=>{e=document.createElement('link');e.rel='modulepreload';e.href=${JSON.stringify(base2)}+l;document.head.appendChild(e)});`
+  ) : "";
+  let script = insertLinks;
+  if (preloaderBundle) {
+    script += `window.addEventListener('load',f=>{f=_=>import("${preloaderBundle}").then(({p})=>p(${JSON.stringify(referencedBundles)}));try{requestIdleCallback(f,{timeout:2000})}catch(e){setTimeout(f,200)}})`;
+  }
+  if (script) {
+    const attrs = ["type", "module", "async", true, "q:type", "preload"];
+    if (nonce) {
+      attrs.push("nonce", nonce);
+    }
+    container.openElement("script", null, attrs);
+    container.writer.write(script);
+    container.closeElement();
+  }
+  return null;
+};
+var preloaderPost = (ssrContainer, opts, nonce) => {
+  if (opts.preloader !== false) {
+    const qrls = Array.from(ssrContainer.serializationCtx.$eventQrls$);
+    const preloadBundles = getPreloadPaths(qrls, opts, ssrContainer.resolvedManifest);
+    if (preloadBundles.length > 0) {
+      includePreloader(ssrContainer, opts.preloader, preloadBundles, nonce);
+    }
+  }
+};
+function normalizePreLoaderOptions(input) {
+  return { ...preLoaderOptionsDefault, ...input };
+}
+var preLoaderOptionsDefault = {
+  ssrPreloads: 7,
+  ssrPreloadProbability: 0.5,
+  debug: false,
+  maxIdlePreloads: 25,
+  preloadProbability: 0.35
+  // deprecated
+};
 
 // packages/qwik/src/server/ssr-container.ts
 function ssrCreateContainer(opts) {
@@ -1725,10 +2041,7 @@ function ssrCreateContainer(opts) {
       mapper: {},
       manifest: {
         manifestHash: "dev",
-        mapping: {},
-        bundles: {},
-        symbols: {},
-        version: "dev-mode"
+        mapping: {}
       }
     },
     renderOptions: opts.renderOptions
@@ -1748,25 +2061,14 @@ var StringBufferWriter = class {
 var EMPTY_OBJ = {};
 var SSRContainer = class extends _SharedContainer {
   constructor(opts) {
-    super(
-      () => {
-        try {
-          return this.$scheduler$(255 /* WAIT_FOR_ALL */);
-        } catch (e) {
-          this.handleError(e, null);
-        }
-      },
-      () => null,
-      opts.renderOptions.serverData ?? EMPTY_OBJ,
-      opts.locale
-    );
+    super(() => null, opts.renderOptions.serverData ?? EMPTY_OBJ, opts.locale);
     __publicField(this, "tag");
+    __publicField(this, "isHtml");
     __publicField(this, "writer");
     __publicField(this, "timing");
     __publicField(this, "resolvedManifest");
     __publicField(this, "symbolToChunkResolver");
     __publicField(this, "renderOptions");
-    __publicField(this, "prefetchResources", []);
     __publicField(this, "serializationCtx");
     /**
      * We use this to append additional nodes in the head node
@@ -1784,6 +2086,8 @@ var SSRContainer = class extends _SharedContainer {
     __publicField(this, "lastNode", null);
     __publicField(this, "currentComponentNode", null);
     __publicField(this, "styleIds", /* @__PURE__ */ new Set());
+    __publicField(this, "isBackpatchExecutorEmitted", false);
+    __publicField(this, "backpatchMap", /* @__PURE__ */ new Map());
     __publicField(this, "currentElementFrame", null);
     __publicField(this, "renderTimer");
     /**
@@ -1810,11 +2114,11 @@ var SSRContainer = class extends _SharedContainer {
       SsrNode,
       DomRef,
       this.symbolToChunkResolver,
-      opts.writer,
-      (vNodeData) => this.addVNodeToSerializationRoots(vNodeData)
+      opts.writer
     );
     this.renderTimer = createTimer();
     this.tag = opts.tagName;
+    this.isHtml = opts.tagName === "html";
     this.writer = opts.writer;
     this.timing = opts.timing;
     this.$buildBase$ = opts.buildBase;
@@ -1827,6 +2131,16 @@ var SSRContainer = class extends _SharedContainer {
   handleError(err, _$host$) {
     throw err;
   }
+  addBackpatchEntry(ssrNodeId, attrName, serializedValue) {
+    const elementIndex = parseInt(ssrNodeId, 10);
+    const entry = {
+      attrName,
+      value: serializedValue
+    };
+    const entries = this.backpatchMap.get(elementIndex) || [];
+    entries.push(entry);
+    this.backpatchMap.set(elementIndex, entries);
+  }
   async render(jsx) {
     this.openContainer();
     await _walkJSX(this, jsx, {
@@ -1838,29 +2152,26 @@ var SSRContainer = class extends _SharedContainer {
   setContext(host, context, value) {
     const ssrNode = host;
     let ctx = ssrNode.getProp(QCtxAttr);
-    if (!ctx) {
+    if (ctx == null) {
       ssrNode.setProp(QCtxAttr, ctx = []);
     }
-    mapArray_set(ctx, context.id, value, 0);
+    mapArray_set(ctx, context.id, value, 0, true);
     this.addRoot(ssrNode);
   }
   resolveContext(host, contextId) {
     let ssrNode = host;
     while (ssrNode) {
       const ctx = ssrNode.getProp(QCtxAttr);
-      if (ctx) {
-        const value = mapArray_get(ctx, contextId.id, 0);
-        if (value) {
-          return value;
-        }
+      if (ctx != null && mapArray_has(ctx, contextId.id, 0)) {
+        return mapArray_get(ctx, contextId.id, 0);
       }
-      ssrNode = ssrNode.currentComponentNode;
+      ssrNode = ssrNode.parentComponent;
     }
     return void 0;
   }
   getParentHost(host) {
     const ssrNode = host;
-    return ssrNode.currentComponentNode;
+    return ssrNode.parentComponent;
   }
   setHostProp(host, name, value) {
     const ssrNode = host;
@@ -1883,7 +2194,7 @@ var SSRContainer = class extends _SharedContainer {
     containerAttributes[QContainerAttr] = "paused" /* PAUSED */;
     containerAttributes[QRuntimeAttr] = "2";
     containerAttributes[QVersionAttr] = this.$version$ ?? "dev";
-    containerAttributes[QRenderAttr] = (qRender ? qRender + "-" : "") + (isDev4 ? "ssr-dev" : "ssr");
+    containerAttributes[QRenderAttr] = (qRender ? qRender + "-" : "") + (isDev5 ? "ssr-dev" : "ssr");
     containerAttributes[QBaseAttr] = this.$buildBase$ || "";
     containerAttributes[QLocaleAttr] = this.$locale$;
     containerAttributes[QManifestHashAttr] = this.resolvedManifest.manifest.manifestHash;
@@ -1914,16 +2225,19 @@ var SSRContainer = class extends _SharedContainer {
     vNodeData_openElement(this.currentElementFrame.vNodeData);
     this.write("<");
     this.write(elementName);
+    const lastNode = this.getOrCreateLastNode();
     if (varAttrs) {
       innerHTML = this.writeAttrs(elementName, varAttrs, false, currentFile);
     }
     this.write(" " + Q_PROPS_SEPARATOR);
-    isDev4 && this.write('=""');
+    isDev5 && this.write('=""');
     if (constAttrs && constAttrs.length) {
       innerHTML = this.writeAttrs(elementName, constAttrs, true, currentFile) || innerHTML;
     }
     this.write(">");
-    this.lastNode = null;
+    if (lastNode) {
+      lastNode.setTreeNonUpdatable();
+    }
     return innerHTML;
   }
   /** Renders closing tag for DOM element */
@@ -1981,17 +2295,15 @@ var SSRContainer = class extends _SharedContainer {
   openFragment(attrs) {
     this.lastNode = null;
     vNodeData_openFragment(this.currentElementFrame.vNodeData, attrs);
+    this.getOrCreateLastNode();
   }
   /** Writes closing data to vNodeData for fragment boundaries */
   closeFragment() {
     vNodeData_closeFragment(this.currentElementFrame.vNodeData);
-    this.lastNode = null;
-  }
-  addCurrentElementFrameAsComponentChild() {
-    const vNode = this.currentElementFrame?.vNodeData;
-    if (vNode) {
-      this.currentComponentNode?.addChildVNodeData(vNode);
+    if (this.currentComponentNode) {
+      this.currentComponentNode.setTreeNonUpdatable();
     }
+    this.lastNode = null;
   }
   openProjection(attrs) {
     this.openFragment(attrs);
@@ -2011,7 +2323,7 @@ var SSRContainer = class extends _SharedContainer {
   /** Writes opening data to vNodeData for component boundaries */
   openComponent(attrs) {
     this.openFragment(attrs);
-    this.currentComponentNode = this.getLastNode();
+    this.currentComponentNode = this.getOrCreateLastNode();
     this.componentStack.push(new SsrComponentFrame(this.currentComponentNode));
   }
   /**
@@ -2035,7 +2347,7 @@ var SSRContainer = class extends _SharedContainer {
     const componentFrame = this.componentStack.pop();
     componentFrame.releaseUnclaimedProjections(this.unclaimedProjections);
     this.closeFragment();
-    this.currentComponentNode = this.currentComponentNode?.currentComponentNode || null;
+    this.currentComponentNode = this.currentComponentNode?.parentComponent || null;
   }
   /** Write a text node with correct escaping. Save the length of the text node in the vNodeData. */
   textNode(text) {
@@ -2055,14 +2367,15 @@ var SSRContainer = class extends _SharedContainer {
     }
     return this.serializationCtx.$addRoot$(obj);
   }
-  getLastNode() {
+  getOrCreateLastNode() {
     if (!this.lastNode) {
       this.lastNode = vNodeData_createSsrNodeReference(
         this.currentComponentNode,
         this.currentElementFrame.vNodeData,
         // we start at -1, so we need to add +1
         this.currentElementFrame.depthFirstElementIdx + 1,
-        this.cleanupQueue
+        this.cleanupQueue,
+        this.currentElementFrame.currentFile
       );
     }
     return this.lastNode;
@@ -2122,8 +2435,10 @@ var SSRContainer = class extends _SharedContainer {
       () => maybeThen(this.emitStateData(), () => {
         this.$noMoreRoots$ = true;
         this.emitVNodeData();
-        this.emitPrefetchResourcesData();
+        preloaderPost(this, this.renderOptions, this.$serverData$?.nonce);
         this.emitSyncFnsData();
+        this.emitPatchDataIfNeeded();
+        this.emitExecutorIfNeeded();
         this.emitQwikLoaderAtBottomIfNeeded();
       })
     );
@@ -2207,6 +2522,7 @@ var SSRContainer = class extends _SharedContainer {
       for (let i = 0; i < fragmentAttrs.length; ) {
         const key = fragmentAttrs[i++];
         let value = fragmentAttrs[i++];
+        let encodeValue = false;
         if (typeof value !== "string") {
           const rootId = addRoot(value);
           if (rootId === void 0) {
@@ -2228,6 +2544,7 @@ var SSRContainer = class extends _SharedContainer {
             write(VNodeDataChar.PROPS_CHAR);
             break;
           case ELEMENT_KEY:
+            encodeValue = true;
             write(VNodeDataChar.KEY_CHAR);
             break;
           case ELEMENT_SEQ:
@@ -2254,60 +2571,25 @@ var SSRContainer = class extends _SharedContainer {
             write(key);
             write(VNodeDataChar.SEPARATOR_CHAR);
         }
-        write(value);
-      }
-    }
-    this.closeElement();
-  }
-  /** This adds the vnode's data to the serialization roots */
-  addVNodeToSerializationRoots(vNodeData) {
-    const vNodeAttrsStack = [];
-    const flag = vNodeData[0];
-    if (flag !== 0 /* NONE */) {
-      if (flag & (1 /* TEXT_DATA */ | 2 /* VIRTUAL_NODE */)) {
-        let fragmentAttrs = null;
-        let depth = 0;
-        for (let i = 1; i < vNodeData.length; i++) {
-          const value = vNodeData[i];
-          if (Array.isArray(value)) {
-            vNodeAttrsStack.push(fragmentAttrs);
-            fragmentAttrs = value;
-          } else if (value === OPEN_FRAGMENT) {
-            depth++;
-          } else if (value === CLOSE_FRAGMENT) {
-            if (fragmentAttrs) {
-              for (let i2 = 1; i2 < fragmentAttrs.length; i2 += 2) {
-                const value2 = fragmentAttrs[i2];
-                if (typeof value2 !== "string") {
-                  fragmentAttrs[i2] = String(this.addRoot(value2));
-                }
-              }
-              fragmentAttrs = vNodeAttrsStack.pop();
-            }
-            depth--;
-          }
-        }
-        while (depth-- > 0) {
-          if (fragmentAttrs) {
-            for (let i = 0; i < fragmentAttrs.length; i++) {
-              const value = fragmentAttrs[i];
-              if (typeof value !== "string") {
-                fragmentAttrs[i] = String(this.addRoot(value));
-              }
-            }
-            fragmentAttrs = vNodeAttrsStack.pop();
-          }
+        const encodedValue = encodeValue ? encodeURI(value) : value;
+        const isEncoded = encodeValue ? encodedValue !== value : false;
+        if (isEncoded) {
+          write(VNodeDataChar.SEPARATOR_CHAR);
+          write(encodedValue);
+          write(VNodeDataChar.SEPARATOR_CHAR);
+        } else {
+          write(value);
         }
       }
     }
+    this.closeElement();
   }
   emitStateData() {
     if (!this.serializationCtx.$roots$.length) {
       return;
     }
     this.openElement("script", ["type", "qwik/state"]);
-    return maybeThen(this.serializationCtx.$breakCircularDepsAndAwaitPromises$(), () => {
-      this.serializationCtx.$serialize$();
+    return maybeThen(this.serializationCtx.$serialize$(), () => {
       this.closeElement();
     });
   }
@@ -2326,83 +2608,97 @@ var SSRContainer = class extends _SharedContainer {
       this.closeElement();
     }
   }
-  emitPrefetchResourcesData() {
-    const qrls = Array.from(this.serializationCtx.$eventQrls$);
-    if (this.renderOptions.prefetchStrategy !== null && qrls.length) {
-      const prefetchResources = getPrefetchResources(
-        qrls,
-        this.renderOptions,
-        this.resolvedManifest
-      );
-      if (prefetchResources.length > 0) {
-        applyPrefetchImplementation2(this, this.renderOptions.prefetchStrategy, prefetchResources);
-        this.prefetchResources = prefetchResources;
+  emitPatchDataIfNeeded() {
+    const patches = [];
+    for (const [elementIndex, backpatchEntries] of this.backpatchMap) {
+      for (const backpatchEntry of backpatchEntries) {
+        patches.push(elementIndex, backpatchEntry.attrName, backpatchEntry.value);
       }
     }
+    this.backpatchMap.clear();
+    if (patches.length > 0) {
+      this.isBackpatchExecutorEmitted = true;
+      const scriptAttrs = ["type", ELEMENT_BACKPATCH_DATA];
+      if (this.renderOptions.serverData?.nonce) {
+        scriptAttrs.push("nonce", this.renderOptions.serverData.nonce);
+      }
+      this.openElement("script", scriptAttrs);
+      this.write(JSON.stringify(patches));
+      this.closeElement();
+    }
+  }
+  emitExecutorIfNeeded() {
+    if (!this.isBackpatchExecutorEmitted) {
+      return;
+    }
+    const scriptAttrs = ["type", "text/javascript"];
+    if (this.renderOptions.serverData?.nonce) {
+      scriptAttrs.push("nonce", this.renderOptions.serverData.nonce);
+    }
+    this.openElement("script", scriptAttrs);
+    const backpatchScript = getQwikBackpatchExecutorScript({ debug: isDev5 });
+    this.write(backpatchScript);
+    this.closeElement();
+  }
+  emitPreloaderPre() {
+    preloaderPre(this, this.renderOptions.preloader, this.renderOptions.serverData?.nonce);
   }
   isStatic() {
     return this.serializationCtx.$eventQrls$.size === 0;
   }
-  getQwikLoaderPositionMode() {
-    return this.renderOptions.qwikLoader?.position ?? "bottom";
-  }
   getQwikLoaderIncludeMode() {
     return this.renderOptions.qwikLoader?.include ?? "auto";
   }
   emitQwikLoaderAtTopIfNeeded() {
-    const positionMode = this.getQwikLoaderPositionMode();
-    if (positionMode === "top") {
-      const includeMode = this.getQwikLoaderIncludeMode();
-      const includeLoader = includeMode !== "never";
-      if (includeLoader) {
-        this.emitQwikLoader();
-        this.emitQwikEvents(['"click"'], {
-          includeLoader: true,
-          includeNonce: false
-        });
+    const includeMode = this.getQwikLoaderIncludeMode();
+    const includeLoader = includeMode !== "never";
+    if (includeLoader) {
+      let qwikLoaderBundle = this.resolvedManifest.manifest.qwikLoader;
+      if (qwikLoaderBundle) {
+        qwikLoaderBundle = this.$buildBase$ + qwikLoaderBundle;
+        const linkAttrs = ["rel", "modulepreload", "href", qwikLoaderBundle];
+        const nonce = this.renderOptions.serverData?.nonce;
+        if (nonce) {
+          linkAttrs.push("nonce", nonce);
+        }
+        this.openElement("link", linkAttrs);
+        this.closeElement();
+        const scriptAttrs = ["type", "module", "async", true, "src", qwikLoaderBundle];
+        if (nonce) {
+          scriptAttrs.push("nonce", nonce);
+        }
+        this.openElement("script", scriptAttrs);
+        this.closeElement();
       }
     }
   }
   emitQwikLoaderAtBottomIfNeeded() {
-    const positionMode = this.getQwikLoaderPositionMode();
-    let includeLoader = true;
-    if (positionMode === "bottom") {
+    const qwikLoaderBundle = this.resolvedManifest.manifest.qwikLoader;
+    if (!qwikLoaderBundle) {
       const needLoader = !this.isStatic();
       const includeMode = this.getQwikLoaderIncludeMode();
-      includeLoader = includeMode === "always" || includeMode === "auto" && needLoader;
+      const includeLoader = includeMode === "always" || includeMode === "auto" && needLoader;
       if (includeLoader) {
-        this.emitQwikLoader();
-      }
-    }
-    this.emitQwikEvents(
-      Array.from(this.serializationCtx.$eventNames$, (s) => JSON.stringify(s)),
-      {
-        includeLoader,
-        includeNonce: true
+        const qwikLoaderScript = getQwikLoaderScript({
+          debug: this.renderOptions.debug
+        });
+        const scriptAttrs = ["id", "qwikloader", "async", true, "type", "module"];
+        const nonce = this.renderOptions.serverData?.nonce;
+        if (nonce) {
+          scriptAttrs.push("nonce", nonce);
+        }
+        this.openElement("script", scriptAttrs);
+        this.write(qwikLoaderScript);
+        this.closeElement();
       }
-    );
-  }
-  emitQwikLoader() {
-    const qwikLoaderScript = getQwikLoaderScript({
-      debug: this.renderOptions.debug
-    });
-    const scriptAttrs = ["id", "qwikloader"];
-    if (this.renderOptions.serverData?.nonce) {
-      scriptAttrs.push("nonce", this.renderOptions.serverData.nonce);
     }
-    this.openElement("script", scriptAttrs);
-    this.write(qwikLoaderScript);
-    this.closeElement();
+    this.emitQwikEvents(Array.from(this.serializationCtx.$eventNames$, (s) => JSON.stringify(s)));
   }
-  emitQwikEvents(eventNames, opts) {
+  emitQwikEvents(eventNames) {
     if (eventNames.length > 0) {
-      const scriptAttrs = [];
-      if (this.renderOptions.serverData?.nonce && opts.includeNonce) {
-        scriptAttrs.push("nonce", this.renderOptions.serverData.nonce);
-      }
+      const scriptAttrs = this.renderOptions.serverData?.nonce ? ["nonce", this.renderOptions.serverData.nonce] : null;
       this.openElement("script", scriptAttrs);
-      this.write(opts.includeLoader ? `window.qwikevents` : `(window.qwikevents||=[])`);
-      this.write(".push(");
+      this.write(`(window.qwikevents||(window.qwikevents=[])).push(`);
       this.writeArray(eventNames, ", ");
       this.write(")");
       this.closeElement();
@@ -2413,7 +2709,7 @@ var SSRContainer = class extends _SharedContainer {
     if (unclaimedProjections.length) {
       const previousCurrentComponentNode = this.currentComponentNode;
       try {
-        this.openElement(QTemplate, ["style", "display:none"], null);
+        this.openElement(QTemplate, ["hidden", true, "aria-hidden", "true"], null);
         let idx = 0;
         let ssrComponentNode = null;
         let ssrComponentFrame = null;
@@ -2437,9 +2733,9 @@ var SSRContainer = class extends _SharedContainer {
             }
             this.unclaimedProjectionComponentFrameQueue.shift();
             this.openFragment(
-              isDev4 ? [DEBUG_TYPE, "P" /* Projection */, QSlotParent, ssrComponentNode.id] : [QSlotParent, ssrComponentNode.id]
+              isDev5 ? [DEBUG_TYPE, "P" /* Projection */, QSlotParent, ssrComponentNode.id] : [QSlotParent, ssrComponentNode.id]
             );
-            const lastNode = this.getLastNode();
+            const lastNode = this.getOrCreateLastNode();
             if (lastNode.vnodeData) {
               lastNode.vnodeData[0] |= 16 /* SERIALIZE */;
             }
@@ -2486,7 +2782,7 @@ var SSRContainer = class extends _SharedContainer {
   }
   createAndPushFrame(elementName, depthFirstElementIdx, currentFile) {
     let tagNesting = 10 /* ANYTHING */;
-    if (isDev4) {
+    if (isDev5) {
       if (!this.currentElementFrame) {
         tagNesting = initialTag(elementName);
       } else {
@@ -2531,7 +2827,8 @@ var SSRContainer = class extends _SharedContainer {
       parent: this.currentElementFrame,
       elementName,
       depthFirstElementIdx,
-      vNodeData: [0 /* NONE */]
+      vNodeData: [0 /* NONE */],
+      currentFile: isDev5 ? currentFile || null : null
     };
     this.currentElementFrame = frame;
     this.vNodeDatas.push(frame.vNodeData);
@@ -2562,8 +2859,8 @@ var SSRContainer = class extends _SharedContainer {
         let value = attrs[i];
         let styleScopedId = null;
         if (isSSRUnsafeAttr(key)) {
-          if (isDev4) {
-            throw qError(49 /* unsafeAttr */);
+          if (isDev5) {
+            throw qError(32 /* unsafeAttr */);
           }
           continue;
         }
@@ -2573,9 +2870,9 @@ var SSRContainer = class extends _SharedContainer {
           styleScopedId = styleId;
         }
         if (key === "ref") {
-          const lastNode = this.getLastNode();
+          const lastNode = this.getOrCreateLastNode();
           if (isSignal(value)) {
-            value.value = new DomRef(lastNode);
+            value.$untrackedValue$ = new DomRef(lastNode);
             continue;
           } else if (typeof value === "function") {
             value(new DomRef(lastNode));
@@ -2583,29 +2880,31 @@ var SSRContainer = class extends _SharedContainer {
           } else if (value == null) {
             continue;
           } else {
-            throw qError(32 /* invalidRefValue */, [currentFile]);
+            throw qError(15 /* invalidRefValue */, [currentFile]);
           }
         }
         if (isSignal(value)) {
-          const lastNode = this.getLastNode();
-          const signalData = new EffectData({
+          const lastNode = this.getOrCreateLastNode();
+          const signalData = new SubscriptionData({
             $scopedStyleIdPrefix$: styleScopedId,
             $isConst$: isConst
           });
           value = this.trackSignalValue(value, lastNode, key, signalData);
         }
         if (key === dangerouslySetInnerHTML) {
-          innerHTML = String(value);
-          key = QContainerAttr;
-          value = "html" /* HTML */;
+          if (value) {
+            innerHTML = String(value);
+            key = QContainerAttr;
+            value = "html" /* HTML */;
+          }
           if (tag === "style") {
             continue;
           }
         }
         if (tag === "textarea" && key === "value") {
           if (value && typeof value !== "string") {
-            if (isDev4) {
-              throw qError(40 /* wrongTextareaValue */, [currentFile, value]);
+            if (isDev5) {
+              throw qError(23 /* wrongTextareaValue */, [currentFile, value]);
             }
             continue;
           }
@@ -2641,7 +2940,7 @@ var isQwikStyleElement = (tag, attrs) => {
   return false;
 };
 function newTagError(text) {
-  return qError(29 /* tagError */, [text]);
+  return qError(12 /* tagError */, [text]);
 }
 function hasDestroy(obj) {
   return obj && typeof obj === "object" && typeof obj.$destroy$ === "function";
@@ -2660,6 +2959,7 @@ function hash() {
 }
 
 // packages/qwik/src/server/ssr-render.ts
+import { manifest as builtManifest } from "@qwik-client-manifest";
 var renderToString = async (jsx, opts = {}) => {
   const chunks = [];
   const stream = {
@@ -2667,22 +2967,9 @@ var renderToString = async (jsx, opts = {}) => {
       chunks.push(chunk);
     }
   };
-  const result = await renderToStream(jsx, {
-    base: opts.base,
-    containerAttributes: opts.containerAttributes,
-    containerTagName: opts.containerTagName,
-    locale: opts.locale,
-    manifest: opts.manifest,
-    symbolMapper: opts.symbolMapper,
-    qwikLoader: opts.qwikLoader,
-    serverData: opts.serverData,
-    prefetchStrategy: opts.prefetchStrategy,
-    debug: opts.debug,
-    stream
-  });
+  const result = await renderToStream(jsx, { ...opts, stream });
   return {
     isStatic: result.isStatic,
-    prefetchResources: result.prefetchResources,
     timing: result.timing,
     manifest: result.manifest,
     snapshotResult: result.snapshotResult,
@@ -2711,18 +2998,17 @@ var renderToStream = async (jsx, opts) => {
   });
   await setServerPlatform(opts, resolvedManifest);
   await ssrContainer.render(jsx);
+  await ssrContainer.$scheduler$(255 /* WAIT_FOR_QUEUE */).$returnValue$;
   flush();
   const snapshotResult = getSnapshotResult(ssrContainer);
   const isDynamic = snapshotResult.resources.some((r) => r._cache !== Infinity);
   const result = {
-    prefetchResources: ssrContainer.prefetchResources,
     snapshotResult,
     flushes: networkFlushes,
     manifest: resolvedManifest?.manifest,
     size: totalSize,
     isStatic: !isDynamic,
-    timing,
-    _symbols: Array.from(ssrContainer.serializationCtx.$renderSymbols$)
+    timing
   };
   return result;
 };
@@ -2834,21 +3120,19 @@ function shouldSkipChunk(chunk) {
   return chunk === void 0 || chunk === null || chunk === "<!--" + FLUSH_COMMENT + "-->" || chunk === "<!--" + STREAM_BLOCK_START_COMMENT + "-->" || chunk === "<!--" + STREAM_BLOCK_END_COMMENT + "-->";
 }
 function resolveManifest(manifest) {
-  if (!manifest) {
-    return void 0;
-  }
-  if ("mapper" in manifest) {
-    return manifest;
+  const mergedManifest = manifest ? { ...builtManifest, ...manifest } : builtManifest;
+  if (!mergedManifest || "mapper" in mergedManifest) {
+    return mergedManifest;
   }
-  manifest = getValidManifest(manifest);
-  if (manifest) {
+  if (mergedManifest.mapping) {
     const mapper = {};
-    Object.entries(manifest.mapping).forEach(([key, value]) => {
-      mapper[getSymbolHash(key)] = [key, value];
+    Object.entries(mergedManifest.mapping).forEach(([symbol, bundleFilename]) => {
+      mapper[getSymbolHash(symbol)] = [symbol, bundleFilename];
     });
     return {
       mapper,
-      manifest
+      manifest: mergedManifest,
+      injections: mergedManifest.injections || []
     };
   }
   return void 0;
@@ -2861,6 +3145,7 @@ async function setServerPlatform2(manifest) {
   setPlatform2(platform);
 }
 export {
+  getQwikBackpatchExecutorScript,
   getQwikLoaderScript,
   getQwikPrefetchWorkerScript,
   renderToStream,