@qwik.dev/core 2.0.0-beta.8 → 2.0.0-beta.9

package/dist/server.cjs

@@ -1,6 +1,6 @@
 /**
  * @license
- * @qwik.dev/core/server 2.0.0-beta.8-dev+434cd18
+ * @qwik.dev/core/server 2.0.0-beta.9-dev+6b582c7
  * 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,
@@ -334,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";
@@ -1136,13 +1138,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);
     }
@@ -1187,7 +1182,7 @@ function getBuildBase(opts) {
   return `${globalThis.BASE_URL || "/"}build/`;
 }
 var versions = {
-  qwik: "2.0.0-beta.8-dev+434cd18",
+  qwik: "2.0.0-beta.9-dev+6b582c7",
   qwikDom: "2.1.19"
 };
 
@@ -1198,6 +1193,41 @@ 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)),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=()=>{var s;const c=t.readyState;if(!r&&("interactive"==c||"complete"==c)&&(o.forEach(i),r=1,b("qinit"),(null!=(s=e.requestIdleCallback)?s: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  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};\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;
 }
@@ -1206,20 +1236,25 @@ 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_build7 = require("@qwik.dev/core/build");
 var SsrNode = class {
-  constructor(parentSsrNode, id, attributesIndex, cleanupQueue, vnodeData) {
+  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;
+    this.flags = 1 /* Updatable */;
     this.attrs = this.attributesIndex >= 0 ? this.vnodeData[this.attributesIndex] : import_core2._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}`);
     }
@@ -1231,7 +1266,7 @@ var SsrNode = class {
    * @param id - Unique id for the node.
    */
   id;
-  parentSsrNode;
+  flags;
   children = null;
   attrs;
   /** Local props which don't serialize; */
@@ -1285,18 +1320,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 {
@@ -1716,7 +1763,7 @@ 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 */;
   const stack = [-1];
   let attributesIndex = -1;
@@ -1747,7 +1794,14 @@ function vNodeData_createSsrNodeReference(currentComponentNode, vNodeData, depth
       }
     }
   }
-  return new SsrNode(currentComponentNode, refId, attributesIndex, cleanupQueue, vNodeData);
+  return new SsrNode(
+    currentComponentNode,
+    refId,
+    attributesIndex,
+    cleanupQueue,
+    vNodeData,
+    currentFile
+  );
 }
 var ALPHANUMERIC = [];
 function encodeAsAlphanumeric(value) {
@@ -2069,6 +2123,8 @@ var SSRContainer = class extends import_core4._SharedContainer {
   lastNode = null;
   currentComponentNode = null;
   styleIds = /* @__PURE__ */ new Set();
+  isBackpatchExecutorEmitted = false;
+  backpatchMap = /* @__PURE__ */ new Map();
   currentElementFrame = null;
   renderTimer;
   /**
@@ -2087,18 +2143,7 @@ var SSRContainer = class extends import_core4._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)];
@@ -2125,6 +2170,16 @@ var SSRContainer = class extends import_core4._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_core4._walkJSX)(this, jsx, {
@@ -2149,13 +2204,13 @@ var SSRContainer = class extends import_core4._SharedContainer {
       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;
@@ -2209,6 +2264,7 @@ var SSRContainer = class extends import_core4._SharedContainer {
     vNodeData_openElement(this.currentElementFrame.vNodeData);
     this.write("<");
     this.write(elementName);
+    const lastNode = this.getOrCreateLastNode();
     if (varAttrs) {
       innerHTML = this.writeAttrs(elementName, varAttrs, false, currentFile);
     }
@@ -2218,7 +2274,9 @@ var SSRContainer = class extends import_core4._SharedContainer {
       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 */
@@ -2281,6 +2339,9 @@ var SSRContainer = class extends import_core4._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) {
@@ -2327,7 +2388,7 @@ var SSRContainer = class extends import_core4._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) {
@@ -2354,7 +2415,8 @@ var SSRContainer = class extends import_core4._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;
@@ -2418,6 +2480,8 @@ var SSRContainer = class extends import_core4._SharedContainer {
         this.emitVNodeData();
         preloaderPost(this, this.renderOptions, (_a = this.$serverData$) == null ? void 0 : _a.nonce);
         this.emitSyncFnsData();
+        this.emitPatchDataIfNeeded();
+        this.emitExecutorIfNeeded();
         this.emitQwikLoaderAtBottomIfNeeded();
       })
     );
@@ -2588,6 +2652,40 @@ var SSRContainer = class extends import_core4._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);
@@ -2780,7 +2878,8 @@ var SSRContainer = class extends import_core4._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);
@@ -2951,6 +3050,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);
@@ -3099,6 +3199,7 @@ async function setServerPlatform2(manifest) {
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  getQwikBackpatchExecutorScript,
   getQwikLoaderScript,
   getQwikPrefetchWorkerScript,
   renderToStream,

package/dist/server.d.ts

@@ -35,6 +35,15 @@ declare type FunctionComponent<P = unknown> = {
     renderFn(props: P, key: string | null, flags: number, dev?: DevJSX): JSXOutput;
 }['renderFn'];
 
+/**
+ * Provides the `backpatch-executor.js` executor script as a string.
+ *
+ * @public
+ */
+export declare function getQwikBackpatchExecutorScript(opts?: {
+    debug?: boolean;
+}): string;
+
 /**
  * Provides the `qwikloader.js` file as a string. Useful for tooling to inline the qwikloader script
  * into HTML.