@qwik.dev/core 2.0.0-beta.1 → 2.0.0-beta.11

package/dist/server.cjs

@@ -1,6 +1,6 @@
 /**
  * @license
- * @qwik.dev/core/server 2.0.0-beta.1-dev+495e8d9
+ * @qwik.dev/core/server 2.0.0-beta.11-dev+d7daca3
  * 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
@@ -50,6 +50,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // packages/qwik/src/server/index.ts
 var index_exports = {};
 __export(index_exports, {
+  getQwikBackpatchExecutorScript: () => getQwikBackpatchExecutorScript,
   getQwikLoaderScript: () => getQwikLoaderScript,
   getQwikPrefetchWorkerScript: () => getQwikPrefetchWorkerScript,
   renderToStream: () => renderToStream,
@@ -59,10 +60,11 @@ __export(index_exports, {
   versions: () => versions
 });
 module.exports = __toCommonJS(index_exports);
-var import_core6 = require("@qwik.dev/core");
+var import_core3 = require("@qwik.dev/core");
 
 // packages/qwik/src/server/platform.ts
 var import_core = require("@qwik.dev/core");
+var import_build6 = require("@qwik.dev/core/build");
 
 // packages/qwik/src/core/shared/utils/qdev.ts
 var qDev = globalThis.qDev !== false;
@@ -123,15 +125,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);
   }
 };
@@ -157,6 +159,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) {
@@ -182,7 +195,7 @@ var codeToText = (code, ...parts) => {
       "Invoking 'use*()' method outside of invocation context.",
       // 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`,
+See https://qwik.dev/docs/core/tasks/#use-method-rules`,
       // 10
       'The provided Context reference "{{0}}" is not a valid context created by createContextId()',
       // 11
@@ -237,7 +250,7 @@ See https://qwik.dev/docs/components/tasks/#use-method-rules`,
     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;
@@ -322,6 +335,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";
@@ -357,14 +371,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",
@@ -936,12 +942,9 @@ var trigger = () => {
     const bundle = queue[0];
     const inverseProbability = bundle.$inverseProbability$;
     const probability = 1 - inverseProbability;
-    const allowedPreloads = graph ? (
-      // The more likely the bundle, the more simultaneous preloads we want to allow
-      Math.max(1, config.$maxIdlePreloads$ * probability)
-    ) : (
-      // While the graph is not available, we limit to 2 preloads
-      2
+    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();
@@ -997,7 +1000,7 @@ var adjustProbabilities = (bundle, newInverseProbability, seen) => {
   }
   if (
     // don't queue until we have initialized the preloader
-    base != null && bundle.$state$ < BundleImportState_Preload && bundle.$inverseProbability$ < config.$invPreloadProbability$
+    base != null && bundle.$state$ < BundleImportState_Preload
   ) {
     if (bundle.$state$ === BundleImportState_None) {
       bundle.$state$ = BundleImportState_Queued;
@@ -1016,7 +1019,7 @@ var adjustProbabilities = (bundle, newInverseProbability, seen) => {
         continue;
       }
       let newInverseProbability2;
-      if (dep.$importProbability$ > 0.5 && (probability === 1 || probability >= 0.99 && depsCount < 100)) {
+      if (probability === 1 || probability >= 0.99 && depsCount < 100) {
         depsCount++;
         newInverseProbability2 = Math.min(0.01, 1 - dep.$importProbability$);
       } else {
@@ -1070,13 +1073,32 @@ if (import_build5.isBrowser) {
 }
 
 // packages/qwik/src/server/platform.ts
+var import_meta = {};
+var getDevSegmentPath = (mapper, hash2, symbolName, parent) => {
+  const existing = mapper == null ? void 0 : mapper[hash2];
+  if (existing) {
+    return existing;
+  }
+  if (symbolName === SYNC_QRL) {
+    return [symbolName, ""];
+  }
+  if (!parent) {
+    if (symbolName.startsWith("_") && symbolName.length < 6) {
+      return [symbolName, `${globalThis.BASE_URL}@qwik-handlers`];
+    }
+    console.error("qwik symbolMapper: unknown qrl requested without parent:", symbolName);
+    return [symbolName, `${globalThis.BASE_URL}${symbolName}.js`];
+  }
+  const qrlFile = `${globalThis.BASE_URL}${parent.startsWith("/") ? parent.slice(1) : parent}_${symbolName}.js`;
+  return [symbolName, qrlFile];
+};
 function createPlatform(opts, resolvedManifest) {
   const mapper = resolvedManifest == null ? void 0 : resolvedManifest.mapper;
   const mapperFn = opts.symbolMapper ? opts.symbolMapper : (symbolName, _chunk, parent) => {
     var _a;
-    if (mapper) {
+    if (mapper || import_build6.isDev && import_meta.env.MODE !== "test") {
       const hash2 = getSymbolHash(symbolName);
-      const result = mapper[hash2];
+      const result = !import_build6.isDev ? mapper[hash2] : getDevSegmentPath(mapper, hash2, symbolName, parent);
       if (!result) {
         if (hash2 === SYNC_QRL) {
           return [hash2, ""];
@@ -1085,9 +1107,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;
@@ -1116,13 +1135,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);
     }
@@ -1167,17 +1179,52 @@ function getBuildBase(opts) {
   return `${globalThis.BASE_URL || "/"}build/`;
 }
 var versions = {
-  qwik: "2.0.0-beta.1-dev+495e8d9",
+  qwik: "2.0.0-beta.11-dev+d7daca3",
   qwikDom: "2.1.19"
 };
 
 // packages/qwik/src/server/ssr-container.ts
-var import_core5 = require("@qwik.dev/core");
-var import_build7 = require("@qwik.dev/core/build");
+var import_internal2 = require("@qwik.dev/core/internal");
+var import_build8 = require("@qwik.dev/core/build");
 
 // 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)),i=t=>{const e=[];return o.forEach((n=>e.push(...s(n,t)))),e},a=t=>{v(t),s(t,"[q\\\\:shadowroot]").forEach((t=>{const e=t.shadowRoot;e&&a(e)}))},c=t=>t&&"function"==typeof t.then;let l=!0;const f=(t,e,n=e.type)=>{let o=l;i("[on"+t+"\\\\:"+n+"]").forEach((r=>{o=!0,b(r,t,e,n)})),o||window[t.slice(1)].removeEventListener(n,"-window"===t?d:_)},p=e=>{if(void 0===e._qwikjson_){let n=(e===t.documentElement?t.body:e).lastElementChild;for(;n;){if("SCRIPT"===n.tagName&&"qwik/json"===n.getAttribute("type")){e._qwikjson_=JSON.parse(n.textContent.replace(/\\\\x3C(\\/?script)/gi,"<$1"));break}n=n.previousElementSibling}}},u=(t,e)=>new CustomEvent(t,{detail:e}),b=async(e,n,o,r=o.type)=>{const s="on"+n+":"+r;e.hasAttribute("preventdefault:"+r)&&o.preventDefault(),e.hasAttribute("stoppropagation:"+r)&&o.stopPropagation();const i=e._qc_,a=i&&i.li.filter((t=>t[0]===s));if(a&&a.length>0){for(const t of a){const n=t[1].getFn([e,o],(()=>e.isConnected))(o,e),r=o.cancelBubble;c(n)&&await n,r&&o.stopPropagation()}return}const l=e.getAttribute(s),f=e.qDispatchEvent;if(f)return f(o,n);if(l){const n=e.closest("[q\\\\:container]:not([q\\\\:container=html]):not([q\\\\:container=text])"),r=n.getAttribute("q:base"),s=n.getAttribute("q:version")||"unknown",i=n.getAttribute("q:manifest-hash")||"dev",a=new URL(r,t.baseURI);for(const f of l.split("\\n")){const l=new URL(f,a),u=l.href,b=l.hash.replace(/^#?([^?[|]*).*$/,"$1")||"default",h=performance.now();let _,d,w;const m=f.startsWith("#"),y={qBase:r,qManifest:i,qVersion:s,href:u,symbol:b,element:e,reqTime:h};if(m){const e=n.getAttribute("q:instance");_=(t["qFuncs_"+e]||[])[Number.parseInt(b)],_||(d="sync",w=Error("sym:"+b))}else{q("qsymbol",y);const t=l.href.split("#")[0];try{const e=import(t);p(n),_=(await e)[b],_||(d="no-symbol",w=Error(`${b} not in ${t}`))}catch(t){d||(d="async"),w=t}}if(!_){q("qerror",{importError:d,error:w,...y}),console.error(w);break}const v=t.__q_context__;if(e.isConnected)try{t.__q_context__=[e,o,l];const n=_(o,e);c(n)&&await n}catch(t){q("qerror",{error:t,...y})}finally{t.__q_context__=v}}}},q=(e,n)=>{t.dispatchEvent(u(e,n))},h=t=>t.replace(/([A-Z])/g,(t=>"-"+t.toLowerCase())),_=async t=>{let e=h(t.type),n=t.target;for(f("-document",t,e);n&&n.getAttribute;){const o=b(n,"",t,e);let r=t.cancelBubble;c(o)&&await o,r||(r=r||t.cancelBubble||n.hasAttribute("stoppropagation:"+t.type)),n=t.bubbles&&!0!==r?n.parentElement:null}},d=t=>{f("-window",t,h(t.type))},w=()=>{var s;const c=t.readyState;if(!r&&("interactive"==c||"complete"==c)&&(o.forEach(a),r=1,q("qinit"),(null!=(s=e.requestIdleCallback)?s:e.setTimeout).bind(e)((()=>q("qidle"))),n.has("qvisible"))){const t=i("[on\\\\:qvisible]"),e=new IntersectionObserver((t=>{for(const n of t)n.isIntersecting&&(e.unobserve(n.target),b(n.target,"",u("qvisible",n)))}));t.forEach((t=>e.observe(t)))}},m=(t,e,n,o=!1)=>{t.addEventListener(e,n,{capture:o,passive:!1})};let y;const v=(...t)=>{l=!0,clearTimeout(y),y=setTimeout((()=>l=!1),2e4);for(const r of t)"string"==typeof r?n.has(r)||(o.forEach((t=>m(t,r,_,!0))),m(e,r,d,!0),n.add(r)):o.has(r)||(n.forEach((t=>m(r,t,_,!0))),o.add(r))};if(!("__q_context__"in t)){t.__q_context__=0;const r=e.qwikevents;r&&(Array.isArray(r)?v(...r):v("click","input")),e.qwikevents={events:n,roots:o,push:v},m(t,"readystatechange",w),w()}';
-var QWIK_LOADER_DEFAULT_DEBUG = 'const doc = document;\nconst win = window;\nconst events = /* @__PURE__ */ new Set();\nconst roots = /* @__PURE__ */ new Set([doc]);\nlet hasInitialized;\nconst nativeQuerySelectorAll = (root, selector) => Array.from(root.querySelectorAll(selector));\nconst querySelectorAll = (query) => {\n  const elements = [];\n  roots.forEach((root) => elements.push(...nativeQuerySelectorAll(root, query)));\n  return elements;\n};\nconst findShadowRoots = (fragment) => {\n  processEventOrNode(fragment);\n  nativeQuerySelectorAll(fragment, "[q\\\\:shadowroot]").forEach((parent) => {\n    const shadowRoot = parent.shadowRoot;\n    shadowRoot && findShadowRoots(shadowRoot);\n  });\n};\nconst isPromise = (promise) => promise && typeof promise.then === "function";\nlet doNotClean = true;\nconst broadcast = (infix, ev, type = ev.type) => {\n  let found = doNotClean;\n  querySelectorAll("[on" + infix + "\\\\:" + type + "]").forEach((el) => {\n    found = true;\n    dispatch(el, infix, ev, type);\n  });\n  if (!found) {\n    window[infix.slice(1)].removeEventListener(\n      type,\n      infix === "-window" ? processWindowEvent : processDocumentEvent\n    );\n  }\n};\nconst resolveContainer = (containerEl) => {\n  if (containerEl._qwikjson_ === void 0) {\n    const parentJSON = containerEl === doc.documentElement ? doc.body : containerEl;\n    let script = parentJSON.lastElementChild;\n    while (script) {\n      if (script.tagName === "SCRIPT" && script.getAttribute("type") === "qwik/json") {\n        containerEl._qwikjson_ = JSON.parse(\n          script.textContent.replace(/\\\\x3C(\\/?script)/gi, "<$1")\n        );\n        break;\n      }\n      script = script.previousElementSibling;\n    }\n  }\n};\nconst createEvent = (eventName, detail) => new CustomEvent(eventName, {\n  detail\n});\nconst dispatch = async (element, scope, ev, eventName = ev.type) => {\n  const attrName = "on" + scope + ":" + eventName;\n  if (element.hasAttribute("preventdefault:" + eventName)) {\n    ev.preventDefault();\n  }\n  if (element.hasAttribute("stoppropagation:" + eventName)) {\n    ev.stopPropagation();\n  }\n  const ctx = element._qc_;\n  const relevantListeners = ctx && ctx.li.filter((li) => li[0] === attrName);\n  if (relevantListeners && relevantListeners.length > 0) {\n    for (const listener of relevantListeners) {\n      const results = listener[1].getFn([element, ev], () => element.isConnected)(ev, element);\n      const cancelBubble = ev.cancelBubble;\n      if (isPromise(results)) {\n        await results;\n      }\n      if (cancelBubble) {\n        ev.stopPropagation();\n      }\n    }\n    return;\n  }\n  const attrValue = element.getAttribute(attrName);\n  const qDispatchEvent = element.qDispatchEvent;\n  if (qDispatchEvent) {\n    return qDispatchEvent(ev, scope);\n  }\n  if (attrValue) {\n    const container = element.closest(\n      "[q\\\\:container]:not([q\\\\:container=html]):not([q\\\\:container=text])"\n    );\n    const qBase = container.getAttribute("q:base");\n    const qVersion = container.getAttribute("q:version") || "unknown";\n    const qManifest = container.getAttribute("q:manifest-hash") || "dev";\n    const base = new URL(qBase, doc.baseURI);\n    for (const qrl of attrValue.split("\\n")) {\n      const url = new URL(qrl, base);\n      const href = url.href;\n      const symbol = url.hash.replace(/^#?([^?[|]*).*$/, "$1") || "default";\n      const reqTime = performance.now();\n      let handler;\n      let importError;\n      let error;\n      const isSync = qrl.startsWith("#");\n      const eventData = {\n        qBase,\n        qManifest,\n        qVersion,\n        href,\n        symbol,\n        element,\n        reqTime\n      };\n      if (isSync) {\n        const hash = container.getAttribute("q:instance");\n        handler = (doc["qFuncs_" + hash] || [])[Number.parseInt(symbol)];\n        if (!handler) {\n          importError = "sync";\n          error = new Error("sym:" + symbol);\n        }\n      } else {\n        emitEvent("qsymbol", eventData);\n        const uri = url.href.split("#")[0];\n        try {\n          const module = import(\n                        uri\n          );\n          resolveContainer(container);\n          handler = (await module)[symbol];\n          if (!handler) {\n            importError = "no-symbol";\n            error = new Error(`${symbol} not in ${uri}`);\n          }\n        } catch (err) {\n          importError || (importError = "async");\n          error = err;\n        }\n      }\n      if (!handler) {\n        emitEvent("qerror", {\n          importError,\n          error,\n          ...eventData\n        });\n        console.error(error);\n        break;\n      }\n      const previousCtx = doc.__q_context__;\n      if (element.isConnected) {\n        try {\n          doc.__q_context__ = [element, ev, url];\n          const results = handler(ev, element);\n          if (isPromise(results)) {\n            await results;\n          }\n        } catch (error2) {\n          emitEvent("qerror", { error: error2, ...eventData });\n        } finally {\n          doc.__q_context__ = previousCtx;\n        }\n      }\n    }\n  }\n};\nconst emitEvent = (eventName, detail) => {\n  doc.dispatchEvent(createEvent(eventName, detail));\n};\nconst camelToKebab = (str) => str.replace(/([A-Z])/g, (a) => "-" + a.toLowerCase());\nconst processDocumentEvent = async (ev) => {\n  let type = camelToKebab(ev.type);\n  let element = ev.target;\n  broadcast("-document", ev, type);\n  while (element && element.getAttribute) {\n    const results = dispatch(element, "", ev, type);\n    let cancelBubble = ev.cancelBubble;\n    if (isPromise(results)) {\n      await results;\n    }\n    cancelBubble || (cancelBubble = cancelBubble || ev.cancelBubble || element.hasAttribute("stoppropagation:" + ev.type));\n    element = ev.bubbles && cancelBubble !== true ? element.parentElement : null;\n  }\n};\nconst processWindowEvent = (ev) => {\n  broadcast("-window", ev, camelToKebab(ev.type));\n};\nconst processReadyStateChange = () => {\n  var _a;\n  const readyState = doc.readyState;\n  if (!hasInitialized && (readyState == "interactive" || readyState == "complete")) {\n    roots.forEach(findShadowRoots);\n    hasInitialized = 1;\n    emitEvent("qinit");\n    const riC = (_a = win.requestIdleCallback) != null ? _a : win.setTimeout;\n    riC.bind(win)(() => emitEvent("qidle"));\n    if (events.has("qvisible")) {\n      const results = querySelectorAll("[on\\\\:qvisible]");\n      const observer = new IntersectionObserver((entries) => {\n        for (const entry of entries) {\n          if (entry.isIntersecting) {\n            observer.unobserve(entry.target);\n            dispatch(entry.target, "", createEvent("qvisible", entry));\n          }\n        }\n      });\n      results.forEach((el) => observer.observe(el));\n    }\n  }\n};\nconst addEventListener = (el, eventName, handler, capture = false) => {\n  el.addEventListener(eventName, handler, { capture, passive: false });\n};\nlet cleanTimer;\nconst processEventOrNode = (...eventNames) => {\n  doNotClean = true;\n  clearTimeout(cleanTimer);\n  cleanTimer = setTimeout(() => doNotClean = false, 2e4);\n  for (const eventNameOrNode of eventNames) {\n    if (typeof eventNameOrNode === "string") {\n      if (!events.has(eventNameOrNode)) {\n        roots.forEach(\n          (root) => addEventListener(root, eventNameOrNode, processDocumentEvent, true)\n        );\n        addEventListener(win, eventNameOrNode, processWindowEvent, true);\n        events.add(eventNameOrNode);\n      }\n    } else {\n      if (!roots.has(eventNameOrNode)) {\n        events.forEach(\n          (eventName) => addEventListener(eventNameOrNode, eventName, processDocumentEvent, true)\n        );\n        roots.add(eventNameOrNode);\n      }\n    }\n  }\n};\nif (!("__q_context__" in doc)) {\n  doc.__q_context__ = 0;\n  const qwikevents = win.qwikevents;\n  if (qwikevents) {\n    if (Array.isArray(qwikevents)) {\n      processEventOrNode(...qwikevents);\n    } else {\n      processEventOrNode("click", "input");\n    }\n  }\n  win.qwikevents = {\n    events,\n    roots,\n    push: processEventOrNode\n  };\n  addEventListener(doc, "readystatechange", processReadyStateChange);\n  processReadyStateChange();\n}';
+var 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++;
+        }
+        const element = currentNode;
+        if (value == null || value === false) {
+          element.removeAttribute(attrName);
+        } else {
+          if (typeof value === "boolean") {
+            value = "";
+          }
+          element.setAttribute(attrName, value);
+        }
+      }
+    }
+  }
+}`;
 function getQwikLoaderScript(opts = {}) {
   return opts.debug ? QWIK_LOADER_DEFAULT_DEBUG : QWIK_LOADER_DEFAULT_MINIFIED;
 }
@@ -1186,20 +1233,26 @@ var QWIK_PREFETCH_DEBUG = globalThis.QWIK_PREFETCH_DEBUG;
 function getQwikPrefetchWorkerScript(opts = {}) {
   return opts.debug ? QWIK_PREFETCH_DEBUG : QWIK_PREFETCH_MINIFIED;
 }
+function getQwikBackpatchExecutorScript(opts = {}) {
+  return opts.debug ? QWIK_BACKPATCH_EXECUTOR_DEBUG : QWIK_BACKPATCH_EXECUTOR_MINIFIED;
+}
 
 // packages/qwik/src/server/ssr-node.ts
-var import_core2 = require("@qwik.dev/core");
-var import_build6 = require("@qwik.dev/core/build");
+var import_internal = require("@qwik.dev/core/internal");
+var import_build7 = require("@qwik.dev/core/build");
 var SsrNode = class {
-  constructor(parentSsrNode, 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;
+    this.currentFile = currentFile;
     var _a;
-    this.parentSsrNode = parentSsrNode;
-    (_a = this.parentSsrNode) == null ? void 0 : _a.addChild(this);
     this.id = id;
-    if (import_build6.isDev && id.indexOf("undefined") != -1) {
+    this.flags = 1 /* Updatable */;
+    this.attrs = this.attributesIndex >= 0 ? this.vnodeData[this.attributesIndex] : import_internal._EMPTY_ARRAY;
+    (_a = this.parentComponent) == null ? void 0 : _a.addChild(this);
+    if (import_build7.isDev && id.indexOf("undefined") != -1) {
       throw new Error(`Invalid SSR node id: ${id}`);
     }
   }
@@ -1210,16 +1263,17 @@ var SsrNode = class {
    * @param id - Unique id for the node.
    */
   id;
-  parentSsrNode;
+  flags;
   children = null;
+  attrs;
   /** Local props which don't serialize; */
   localProps = null;
-  get [import_core2._EFFECT_BACK_REF]() {
+  get [import_internal._EFFECT_BACK_REF]() {
     return this.getProp(QBackRefs);
   }
   setProp(name, value) {
-    if (this.attrs === import_core2._EMPTY_ARRAY) {
-      this.attrs = [];
+    if (this.attrs === import_internal._EMPTY_ARRAY) {
+      this.setEmptyArrayAsVNodeDataAttributes();
     }
     if (name.startsWith(NON_SERIALIZABLE_MARKER_PREFIX)) {
       mapArray_set(this.localProps || (this.localProps = []), name, value, 0);
@@ -1230,6 +1284,17 @@ 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.localProps ? mapArray_get(this.localProps, name, 0) : null;
@@ -1252,18 +1317,30 @@ var SsrNode = class {
     }
     this.children.push(child);
   }
+  setTreeNonUpdatable() {
+    this.flags &= ~1 /* Updatable */;
+    if (this.children) {
+      for (const child of this.children) {
+        child.setTreeNonUpdatable();
+      }
+    }
+  }
   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 (import_build7.isDev) {
+      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}]`;
   }
 };
 var DomRef = class {
@@ -1284,14 +1361,14 @@ var SsrComponentFrame = class {
   distributeChildrenIntoSlots(children, projectionScopedStyle, projectionComponentFrame) {
     this.projectionScopedStyle = projectionScopedStyle;
     this.projectionComponentFrame = projectionComponentFrame;
-    if ((0, import_core2._isJSXNode)(children)) {
+    if ((0, import_internal._isJSXNode)(children)) {
       const slotName = this.getSlotName(children);
       mapArray_set(this.slots, slotName, children, 0);
     } else if (Array.isArray(children) && children.length > 0) {
       const defaultSlot = [];
       for (let i = 0; i < children.length; i++) {
         const child = children[i];
-        if ((0, import_core2._isJSXNode)(child)) {
+        if ((0, import_internal._isJSXNode)(child)) {
           const slotName = this.getSlotName(child);
           if (slotName === QDefaultSlot) {
             defaultSlot.push(child);
@@ -1374,6 +1451,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>"];
   }
@@ -1415,6 +1496,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 */;
@@ -1494,9 +1579,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 */;
   }
@@ -1540,12 +1628,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 */;
@@ -1557,6 +1668,7 @@ function isInPhrasing(text, allowInput) {
     case "bdi":
     case "bdo":
     case "br":
+    case "button":
     case "canvas":
     case "cite":
     case "code":
@@ -1584,7 +1696,6 @@ function isInPhrasing(text, allowInput) {
     case "object":
     case "option":
     case "output":
-    case "picture":
     case "progress":
     case "q":
     case "ruby":
@@ -1607,13 +1718,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
-var import_core3 = require("@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;
@@ -1648,14 +1760,14 @@ 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 = import_core3._EMPTY_ARRAY;
   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]++;
@@ -1663,7 +1775,6 @@ function vNodeData_createSsrNodeReference(currentComponentNode, vNodeData, depth
       }
     } else if (value === CLOSE_FRAGMENT) {
       stack.pop();
-      fragmentAttrs = import_core3._EMPTY_ARRAY;
     } else if (value < 0) {
       const numberOfElements = 0 - value;
       stack[stack.length - 1] += numberOfElements;
@@ -1680,7 +1791,14 @@ function vNodeData_createSsrNodeReference(currentComponentNode, vNodeData, depth
       }
     }
   }
-  return new SsrNode(currentComponentNode, refId, fragmentAttrs, cleanupQueue, vNodeData);
+  return new SsrNode(
+    currentComponentNode,
+    refId,
+    attributesIndex,
+    cleanupQueue,
+    vNodeData,
+    currentFile
+  );
 }
 var ALPHANUMERIC = [];
 function encodeAsAlphanumeric(value) {
@@ -1703,7 +1821,7 @@ function encodeAsAlphanumeric(value) {
 }
 
 // packages/qwik/src/server/preload-strategy.ts
-var import_core4 = require("@qwik.dev/core");
+var import_core2 = require("@qwik.dev/core");
 
 // packages/qwik/src/server/preload-utils.ts
 function flattenPrefetchResources(prefetchResources) {
@@ -1726,7 +1844,7 @@ function flattenPrefetchResources(prefetchResources) {
 
 // packages/qwik/src/server/preload-strategy.ts
 var getBundles = (qrls) => {
-  const platform = (0, import_core4.getPlatform)();
+  const platform = (0, import_core2.getPlatform)();
   return qrls == null ? void 0 : qrls.map((qrl) => {
     var _a;
     const symbol = qrl.$symbol$;
@@ -1830,7 +1948,11 @@ var preloaderPre = (container, options, nonce) => {
       }
     }
     const optsStr = opts.length ? `,{${opts.join(",")}}` : "";
-    container.openElement("link", null, ["rel", "modulepreload", "href", preloaderBundle]);
+    const preloaderLinkAttrs = ["rel", "modulepreload", "href", preloaderBundle];
+    if (nonce) {
+      preloaderLinkAttrs.push("nonce", nonce);
+    }
+    container.openElement("link", null, preloaderLinkAttrs);
     container.closeElement();
     container.openElement("link", null, [
       "rel",
@@ -1854,7 +1976,11 @@ var preloaderPre = (container, options, nonce) => {
   }
   const corePath = simplifyPath(base2, resolvedManifest == null ? void 0 : resolvedManifest.manifest.core);
   if (corePath) {
-    container.openElement("link", null, ["rel", "modulepreload", "href", corePath]);
+    const linkAttrs = ["rel", "modulepreload", "href", corePath];
+    if (nonce) {
+      linkAttrs.push("nonce", nonce);
+    }
+    container.openElement("link", null, linkAttrs);
     container.closeElement();
   }
 };
@@ -1934,6 +2060,7 @@ var preLoaderOptionsDefault = {
   debug: false,
   maxIdlePreloads: 25,
   preloadProbability: 0.35
+  // deprecated
 };
 
 // packages/qwik/src/server/ssr-container.ts
@@ -1969,7 +2096,7 @@ var StringBufferWriter = class {
   }
 };
 var EMPTY_OBJ = {};
-var SSRContainer = class extends import_core5._SharedContainer {
+var SSRContainer = class extends import_internal2._SharedContainer {
   tag;
   isHtml;
   writer;
@@ -1994,6 +2121,8 @@ var SSRContainer = class extends import_core5._SharedContainer {
   lastNode = null;
   currentComponentNode = null;
   styleIds = /* @__PURE__ */ new Set();
+  isBackpatchExecutorEmitted = false;
+  backpatchMap = /* @__PURE__ */ new Map();
   currentElementFrame = null;
   renderTimer;
   /**
@@ -2012,18 +2141,7 @@ var SSRContainer = class extends import_core5._SharedContainer {
   // Temporary flag to find missing roots after the state was serialized
   $noMoreRoots$ = false;
   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);
     this.symbolToChunkResolver = (symbol) => {
       const idx = symbol.lastIndexOf("_");
       const chunk = this.resolvedManifest.mapper[idx == -1 ? symbol : symbol.substring(idx + 1)];
@@ -2050,9 +2168,19 @@ var SSRContainer = class extends import_core5._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 (0, import_core5._walkJSX)(this, jsx, {
+    await (0, import_internal2._walkJSX)(this, jsx, {
       currentStyleScoped: null,
       parentComponentFrame: this.getComponentFrame()
     });
@@ -2061,29 +2189,26 @@ var SSRContainer = class extends import_core5._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.parentSsrNode;
+      ssrNode = ssrNode.parentComponent;
     }
     return void 0;
   }
   getParentHost(host) {
     const ssrNode = host;
-    return ssrNode.parentSsrNode;
+    return ssrNode.parentComponent;
   }
   setHostProp(host, name, value) {
     const ssrNode = host;
@@ -2106,7 +2231,7 @@ var SSRContainer = class extends import_core5._SharedContainer {
     containerAttributes[QContainerAttr] = "paused" /* PAUSED */;
     containerAttributes[QRuntimeAttr] = "2";
     containerAttributes[QVersionAttr] = this.$version$ ?? "dev";
-    containerAttributes[QRenderAttr] = (qRender ? qRender + "-" : "") + (import_build7.isDev ? "ssr-dev" : "ssr");
+    containerAttributes[QRenderAttr] = (qRender ? qRender + "-" : "") + (import_build8.isDev ? "ssr-dev" : "ssr");
     containerAttributes[QBaseAttr] = this.$buildBase$ || "";
     containerAttributes[QLocaleAttr] = this.$locale$;
     containerAttributes[QManifestHashAttr] = this.resolvedManifest.manifest.manifestHash;
@@ -2137,16 +2262,19 @@ var SSRContainer = class extends import_core5._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);
-    import_build7.isDev && this.write('=""');
+    import_build8.isDev && 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 */
@@ -2209,6 +2337,9 @@ var SSRContainer = class extends import_core5._SharedContainer {
   /** Writes closing data to vNodeData for fragment boundaries */
   closeFragment() {
     vNodeData_closeFragment(this.currentElementFrame.vNodeData);
+    if (this.currentComponentNode) {
+      this.currentComponentNode.setTreeNonUpdatable();
+    }
     this.lastNode = null;
   }
   openProjection(attrs) {
@@ -2255,7 +2386,7 @@ var SSRContainer = class extends import_core5._SharedContainer {
     const componentFrame = this.componentStack.pop();
     componentFrame.releaseUnclaimedProjections(this.unclaimedProjections);
     this.closeFragment();
-    this.currentComponentNode = ((_a = this.currentComponentNode) == null ? void 0 : _a.parentSsrNode) || null;
+    this.currentComponentNode = ((_a = this.currentComponentNode) == null ? void 0 : _a.parentComponent) || null;
   }
   /** Write a text node with correct escaping. Save the length of the text node in the vNodeData. */
   textNode(text) {
@@ -2282,7 +2413,8 @@ var SSRContainer = class extends import_core5._SharedContainer {
         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;
@@ -2297,7 +2429,7 @@ var SSRContainer = class extends import_core5._SharedContainer {
     }
     for (let i = 0; i < injections.length; i++) {
       const injection = injections[i];
-      const jsxNode = (0, import_core5._jsxSplit)(injection.tag, null, injection.attributes || {}, null, 0, null);
+      const jsxNode = (0, import_internal2._jsxSplit)(injection.tag, null, injection.attributes || {}, null, 0, null);
       if (injection.location === "head") {
         this.additionalHeadNodes.push(jsxNode);
       } else {
@@ -2317,7 +2449,7 @@ var SSRContainer = class extends import_core5._SharedContainer {
       this.styleIds.add(styleId);
       if (((_a = this.currentElementFrame) == null ? void 0 : _a.elementName) === "html") {
         this.additionalHeadNodes.push(
-          (0, import_core5._jsxSorted)(
+          (0, import_internal2._jsxSorted)(
             "style",
             null,
             { dangerouslySetInnerHTML: content, [QStyle]: styleId },
@@ -2346,6 +2478,8 @@ var SSRContainer = class extends import_core5._SharedContainer {
         this.emitVNodeData();
         preloaderPost(this, this.renderOptions, (_a = this.$serverData$) == null ? void 0 : _a.nonce);
         this.emitSyncFnsData();
+        this.emitPatchDataIfNeeded();
+        this.emitExecutorIfNeeded();
         this.emitQwikLoaderAtBottomIfNeeded();
       })
     );
@@ -2429,6 +2563,7 @@ var SSRContainer = class extends import_core5._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) {
@@ -2450,6 +2585,7 @@ var SSRContainer = class extends import_core5._SharedContainer {
             write(VNodeDataChar.PROPS_CHAR);
             break;
           case ELEMENT_KEY:
+            encodeValue = true;
             write(VNodeDataChar.KEY_CHAR);
             break;
           case ELEMENT_SEQ:
@@ -2476,7 +2612,15 @@ var SSRContainer = class extends import_core5._SharedContainer {
             write(key);
             write(VNodeDataChar.SEPARATOR_CHAR);
         }
-        write(value);
+        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();
@@ -2506,6 +2650,40 @@ var SSRContainer = class extends import_core5._SharedContainer {
       this.closeElement();
     }
   }
+  emitPatchDataIfNeeded() {
+    var _a;
+    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 ((_a = this.renderOptions.serverData) == null ? void 0 : _a.nonce) {
+        scriptAttrs.push("nonce", this.renderOptions.serverData.nonce);
+      }
+      this.openElement("script", scriptAttrs);
+      this.write(JSON.stringify(patches));
+      this.closeElement();
+    }
+  }
+  emitExecutorIfNeeded() {
+    var _a;
+    if (!this.isBackpatchExecutorEmitted) {
+      return;
+    }
+    const scriptAttrs = ["type", "text/javascript"];
+    if ((_a = this.renderOptions.serverData) == null ? void 0 : _a.nonce) {
+      scriptAttrs.push("nonce", this.renderOptions.serverData.nonce);
+    }
+    this.openElement("script", scriptAttrs);
+    const backpatchScript = getQwikBackpatchExecutorScript({ debug: import_build8.isDev });
+    this.write(backpatchScript);
+    this.closeElement();
+  }
   emitPreloaderPre() {
     var _a;
     preloaderPre(this, this.renderOptions.preloader, (_a = this.renderOptions.serverData) == null ? void 0 : _a.nonce);
@@ -2518,15 +2696,25 @@ var SSRContainer = class extends import_core5._SharedContainer {
     return ((_a = this.renderOptions.qwikLoader) == null ? void 0 : _a.include) ?? "auto";
   }
   emitQwikLoaderAtTopIfNeeded() {
+    var _a;
     const includeMode = this.getQwikLoaderIncludeMode();
     const includeLoader = includeMode !== "never";
     if (includeLoader) {
       let qwikLoaderBundle = this.resolvedManifest.manifest.qwikLoader;
       if (qwikLoaderBundle) {
         qwikLoaderBundle = this.$buildBase$ + qwikLoaderBundle;
-        this.openElement("link", ["rel", "modulepreload", "href", qwikLoaderBundle]);
+        const linkAttrs = ["rel", "modulepreload", "href", qwikLoaderBundle];
+        const nonce = (_a = this.renderOptions.serverData) == null ? void 0 : _a.nonce;
+        if (nonce) {
+          linkAttrs.push("nonce", nonce);
+        }
+        this.openElement("link", linkAttrs);
         this.closeElement();
-        this.openElement("script", ["type", "module", "async", true, "src", qwikLoaderBundle]);
+        const scriptAttrs = ["type", "module", "async", true, "src", qwikLoaderBundle];
+        if (nonce) {
+          scriptAttrs.push("nonce", nonce);
+        }
+        this.openElement("script", scriptAttrs);
         this.closeElement();
       }
     }
@@ -2542,7 +2730,7 @@ var SSRContainer = class extends import_core5._SharedContainer {
         const qwikLoaderScript = getQwikLoaderScript({
           debug: this.renderOptions.debug
         });
-        const scriptAttrs = ["id", "qwikloader", "async", true];
+        const scriptAttrs = ["id", "qwikloader", "async", true, "type", "module"];
         const nonce = (_a = this.renderOptions.serverData) == null ? void 0 : _a.nonce;
         if (nonce) {
           scriptAttrs.push("nonce", nonce);
@@ -2570,7 +2758,7 @@ var SSRContainer = class extends import_core5._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;
@@ -2594,14 +2782,14 @@ var SSRContainer = class extends import_core5._SharedContainer {
             }
             this.unclaimedProjectionComponentFrameQueue.shift();
             this.openFragment(
-              import_build7.isDev ? [DEBUG_TYPE, "P" /* Projection */, QSlotParent, ssrComponentNode.id] : [QSlotParent, ssrComponentNode.id]
+              import_build8.isDev ? [DEBUG_TYPE, "P" /* Projection */, QSlotParent, ssrComponentNode.id] : [QSlotParent, ssrComponentNode.id]
             );
             const lastNode = this.getOrCreateLastNode();
             if (lastNode.vnodeData) {
               lastNode.vnodeData[0] |= 16 /* SERIALIZE */;
             }
             ssrComponentNode == null ? void 0 : ssrComponentNode.setProp(value, lastNode.id);
-            await (0, import_core5._walkJSX)(this, children, {
+            await (0, import_internal2._walkJSX)(this, children, {
               currentStyleScoped: scopedStyleId,
               parentComponentFrame: null
             });
@@ -2643,7 +2831,7 @@ var SSRContainer = class extends import_core5._SharedContainer {
   }
   createAndPushFrame(elementName, depthFirstElementIdx, currentFile) {
     let tagNesting = 10 /* ANYTHING */;
-    if (import_build7.isDev) {
+    if (import_build8.isDev) {
       if (!this.currentElementFrame) {
         tagNesting = initialTag(elementName);
       } else {
@@ -2688,7 +2876,8 @@ var SSRContainer = class extends import_core5._SharedContainer {
       parent: this.currentElementFrame,
       elementName,
       depthFirstElementIdx,
-      vNodeData: [0 /* NONE */]
+      vNodeData: [0 /* NONE */],
+      currentFile: import_build8.isDev ? currentFile || null : null
     };
     this.currentElementFrame = frame;
     this.vNodeDatas.push(frame.vNodeData);
@@ -2719,7 +2908,7 @@ var SSRContainer = class extends import_core5._SharedContainer {
         let value = attrs[i];
         let styleScopedId = null;
         if (isSSRUnsafeAttr(key)) {
-          if (import_build7.isDev) {
+          if (import_build8.isDev) {
             throw qError(32 /* unsafeAttr */);
           }
           continue;
@@ -2731,7 +2920,7 @@ var SSRContainer = class extends import_core5._SharedContainer {
         }
         if (key === "ref") {
           const lastNode = this.getOrCreateLastNode();
-          if ((0, import_core5.isSignal)(value)) {
+          if ((0, import_internal2.isSignal)(value)) {
             value.$untrackedValue$ = new DomRef(lastNode);
             continue;
           } else if (typeof value === "function") {
@@ -2743,25 +2932,27 @@ var SSRContainer = class extends import_core5._SharedContainer {
             throw qError(15 /* invalidRefValue */, [currentFile]);
           }
         }
-        if ((0, import_core5.isSignal)(value)) {
+        if ((0, import_internal2.isSignal)(value)) {
           const lastNode = this.getOrCreateLastNode();
-          const signalData = new import_core5._SubscriptionData({
+          const signalData = new import_internal2._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 (import_build7.isDev) {
+            if (import_build8.isDev) {
               throw qError(23 /* wrongTextareaValue */, [currentFile, value]);
             }
             continue;
@@ -2857,6 +3048,7 @@ 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);
@@ -3001,10 +3193,11 @@ var Q_FUNCS_PREFIX = 'document["qFuncs_HASH"]=';
 // packages/qwik/src/server/index.ts
 async function setServerPlatform2(manifest) {
   const platform = createPlatform({ manifest }, resolveManifest(manifest));
-  (0, import_core6.setPlatform)(platform);
+  (0, import_core3.setPlatform)(platform);
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  getQwikBackpatchExecutorScript,
   getQwikLoaderScript,
   getQwikPrefetchWorkerScript,
   renderToStream,