@qwik.dev/core 2.0.0-beta.23 → 2.0.0-beta.24

package/dist/server.mjs

@@ -1,28 +1,28 @@
 /**
  * @license
- * @qwik.dev/core/server 2.0.0-beta.23-dev+03de42d
+ * @qwik.dev/core/server 2.0.0-beta.24-dev+314726b
  * 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
  */
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
   get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
 }) : x)(function(x) {
   if (typeof require !== "undefined") return require.apply(this, arguments);
   throw Error('Dynamic require of "' + x + '" is not supported');
 });
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 
 // packages/qwik/src/server/index.ts
 import { setPlatform as setPlatform2 } from "@qwik.dev/core";
 
 // packages/qwik/src/server/platform.ts
 import { setPlatform } 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/core/client/util-mapArray.ts
+import { isDev as isDev2 } from "@qwik.dev/core/build";
+
+// packages/qwik/src/core/shared/error/assert.ts
 import { isDev } from "@qwik.dev/core/build";
 
 // packages/qwik/src/core/shared/utils/qdev.ts
@@ -57,7 +57,7 @@ var createAndLogError = (asyncThrow, message, ...optionalParams) => {
 // packages/qwik/src/core/shared/error/assert.ts
 var ASSERT_DISCLAIMER = "Internal assert, this is likely caused by a bug in Qwik: ";
 function assertTrue(value1, text, ...parts) {
-  if (qDev) {
+  if (isDev) {
     if (value1 === true) {
       return;
     }
@@ -67,7 +67,7 @@ function assertTrue(value1, text, ...parts) {
 
 // packages/qwik/src/core/client/util-mapArray.ts
 var mapApp_findIndx = (array, key, start) => {
-  isDev && assertTrue(start % 2 === 0, "Expecting even number.");
+  isDev2 && assertTrue(start % 2 === 0, "Expecting even number.");
   let bottom = start >> 1;
   let top = array.length - 2 >> 1;
   while (bottom <= top) {
@@ -194,7 +194,12 @@ See https://qwik.dev/docs/core/tasks/#use-method-rules`,
       // 28
       "useComputed$ QRL {{0}} {{1}} cannot return a Promise",
       // 29
-      "ComputedSignal is read-only",
+      `===
+Qwik version {{0}} already imported while importing {{1}}.
+This can lead to issues due to duplicated shared structures.
+Verify that the Qwik libraries you're using are in "resolve.noExternal[]" and in "optimizeDeps.exclude".
+===
+`,
       // 30
       "WrappedSignal is read-only",
       // 31
@@ -217,7 +222,7 @@ See https://qwik.dev/docs/core/tasks/#use-method-rules`,
     }
     return `Code(Q${code}): ${text}`;
   } else {
-    return `Code(Q${code}) https://github.com/QwikDev/qwik/blob/main/packages/qwik/src/core/error/error.ts#L${8 + code}`;
+    return `Code(Q${code}) https://github.com/QwikDev/qwik/blob/build/v2/packages/qwik/src/core/shared/error/error.ts#${parts.join()}L${9 + code}`;
   }
 };
 var qError = (code, errorMessageArgs = []) => {
@@ -226,7 +231,7 @@ var qError = (code, errorMessageArgs = []) => {
 };
 
 // packages/qwik/src/core/shared/qrl/qrl-utils.ts
-import { isDev as isDev2 } from "@qwik.dev/core/build";
+import { isDev as isDev3 } from "@qwik.dev/core/build";
 var SYNC_QRL = "<sync>";
 
 // packages/qwik/src/core/shared/types.ts
@@ -603,18 +608,17 @@ var ELEMENT_PROPS = "q:props";
 var ELEMENT_SEQ = "q:seq";
 var ELEMENT_SEQ_IDX = "q:seqIdx";
 var ELEMENT_BACKPATCH_DATA = "qwik/backpatch";
+var ITERATION_ITEM_SINGLE = "q:p";
+var ITERATION_ITEM_MULTI = "q:ps";
 var NON_SERIALIZABLE_MARKER_PREFIX = ":";
 var USE_ON_LOCAL = NON_SERIALIZABLE_MARKER_PREFIX + "on";
 var USE_ON_LOCAL_SEQ_IDX = NON_SERIALIZABLE_MARKER_PREFIX + "onIdx";
 var USE_ON_LOCAL_FLAGS = NON_SERIALIZABLE_MARKER_PREFIX + "onFlags";
-var FLUSH_COMMENT = "qkssr-f";
-var STREAM_BLOCK_START_COMMENT = "qkssr-pu";
-var STREAM_BLOCK_END_COMMENT = "qkssr-po";
 var Q_PROPS_SEPARATOR = ":";
 var dangerouslySetInnerHTML = "dangerouslySetInnerHTML";
 
 // packages/qwik/src/core/shared/utils/promises.ts
-import { isDev as isDev3, isServer } from "@qwik.dev/core/build";
+import { isDev as isDev4, isServer } from "@qwik.dev/core/build";
 var MAX_RETRY_ON_PROMISE_COUNT = 100;
 var isPromise = (value) => {
   return !!value && typeof value == "object" && typeof value.then === "function";
@@ -643,7 +647,7 @@ function retryOnPromise(fn, onError = justThrow) {
     if (ok) {
       return result;
     }
-    isDev3 && checkError(result);
+    isDev4 && checkError(result);
     return onError(result);
   }
   let retryCount = MAX_RETRY_ON_PROMISE_COUNT;
@@ -666,7 +670,7 @@ function retryOnPromise(fn, onError = justThrow) {
         }
       }
     }
-    isDev3 && checkError(p);
+    isDev4 && checkError(p);
     return onError(p);
   };
   return ok ? result.catch(retry) : retry(result);
@@ -681,6 +685,9 @@ function convertStyleIdsToString(scopedStyleIds) {
 }
 
 // packages/qwik/src/core/shared/utils/event-names.ts
+var isHtmlAttributeAnEventName = (name) => {
+  return name.charCodeAt(0) === 113 && name.charCodeAt(1) === 45 && name.charCodeAt(3) === 58;
+};
 function isPreventDefault(key) {
   return key.startsWith("preventdefault:");
 }
@@ -1036,7 +1043,7 @@ var adjustProbabilities = (bundle, newInverseProbability, seen) => {
     queueDirty = true;
   }
   if (bundle.$deps$) {
-    seen || (seen = /* @__PURE__ */ new Set());
+    seen ||= /* @__PURE__ */ new Set();
     seen.add(bundle);
     const probability = 1 - bundle.$inverseProbability$;
     for (const dep of bundle.$deps$) {
@@ -1098,6 +1105,29 @@ if (isBrowser3) {
   });
 }
 
+// packages/qwik/src/core/shared/utils/objects.ts
+var isObjectEmpty = (obj) => {
+  for (const key in obj) {
+    if (Object.prototype.hasOwnProperty.call(obj, key)) {
+      return false;
+    }
+  }
+  return true;
+};
+
+// packages/qwik/src/core/shared/ssr-const.ts
+var LT = "<";
+var GT = ">";
+var CLOSE_TAG = "</";
+var SPACE = " ";
+var ATTR_EQUALS_QUOTE = '="';
+var QUOTE = '"';
+var EMPTY_ATTR = '=""';
+var BRACKET_OPEN = "[";
+var BRACKET_CLOSE = "]";
+var PAREN_CLOSE = ")";
+var COMMA = ",";
+
 // packages/qwik/src/server/platform.ts
 var getDevSegmentPath = (mapper, hash2, symbolName, parent) => {
   const existing = mapper?.[hash2];
@@ -1120,9 +1150,9 @@ var getDevSegmentPath = (mapper, hash2, symbolName, parent) => {
 function createPlatform(opts, resolvedManifest) {
   const mapper = resolvedManifest?.mapper;
   const mapperFn = opts.symbolMapper ? opts.symbolMapper : (symbolName, _chunk, parent) => {
-    if (mapper || isDev4 && import.meta.env.MODE !== "test") {
+    if (mapper || isDev5 && import.meta.env.MODE !== "test") {
       const hash2 = getSymbolHash(symbolName);
-      const result = !isDev4 ? mapper[hash2] : getDevSegmentPath(mapper, hash2, symbolName, parent);
+      const result = !isDev5 ? mapper[hash2] : getDevSegmentPath(mapper, hash2, symbolName, parent);
       if (!result) {
         if (hash2 === SYNC_QRL) {
           return [hash2, ""];
@@ -1202,21 +1232,21 @@ function getBuildBase(opts) {
   return `${import.meta.env.BASE_URL || "/"}build/`;
 }
 var versions = {
-  qwik: "2.0.0-beta.23-dev+03de42d",
+  qwik: "2.0.0-beta.24-dev+314726b",
   qwikDom: "2.1.19"
 };
 
 // packages/qwik/src/server/ssr-container.ts
-import { isDev as isDev6 } from "@qwik.dev/core/build";
+import { isDev as isDev7 } from "@qwik.dev/core/build";
 import {
-  _createQRL as createQRL,
-  _qrlToString as qrlToString,
-  _res,
   _SubscriptionData as SubscriptionData,
   _SharedContainer,
   _jsxSorted,
   _jsxSplit,
+  _res,
+  _setEvent,
   _walkJSX,
+  _createQRL as createQRL,
   isSignal
 } from "@qwik.dev/core/internal";
 
@@ -1347,39 +1377,44 @@ var preloaderPre = (container, options, nonce) => {
       }
     }
     const optsStr = opts.length ? `,{${opts.join(",")}}` : "";
-    const preloaderLinkAttrs = ["rel", "modulepreload", "href", preloaderBundle];
+    const preloaderLinkAttrs = {
+      rel: "modulepreload",
+      href: preloaderBundle
+    };
     if (nonce) {
-      preloaderLinkAttrs.push("nonce", nonce);
+      preloaderLinkAttrs["nonce"] = nonce;
     }
-    container.openElement("link", null, preloaderLinkAttrs);
+    container.openElement("link", null, preloaderLinkAttrs, null, null, null);
     container.closeElement();
-    container.openElement("link", null, [
-      "rel",
-      "preload",
-      "href",
-      bundleGraphPath,
-      "as",
-      "fetch",
-      "crossorigin",
-      "anonymous"
-    ]);
+    container.openElement(
+      "link",
+      null,
+      { rel: "preload", href: bundleGraphPath, as: "fetch", crossorigin: "anonymous" },
+      null,
+      null,
+      null
+    );
     container.closeElement();
     const script = `let b=fetch("${bundleGraphPath}");import("${preloaderBundle}").then(({l})=>l(${JSON.stringify(base2)},b${optsStr}));`;
-    const scriptAttrs = ["type", "module", "async", true, "crossorigin", "anonymous"];
+    const scriptAttrs = {
+      type: "module",
+      async: true,
+      crossorigin: "anonymous"
+    };
     if (nonce) {
-      scriptAttrs.push("nonce", nonce);
+      scriptAttrs["nonce"] = nonce;
     }
-    container.openElement("script", null, scriptAttrs);
+    container.openElement("script", null, scriptAttrs, null, null, null);
     container.write(script);
     container.closeElement();
   }
   const corePath = simplifyPath(base2, resolvedManifest?.manifest.core);
   if (corePath) {
-    const linkAttrs = ["rel", "modulepreload", "href", corePath];
+    const linkAttrs = { rel: "modulepreload", href: corePath };
     if (nonce) {
-      linkAttrs.push("nonce", nonce);
+      linkAttrs["nonce"] = nonce;
     }
-    container.openElement("link", null, linkAttrs);
+    container.openElement("link", null, linkAttrs, null, null, null);
     container.closeElement();
   }
 };
@@ -1431,11 +1466,11 @@ var includePreloader = (container, options, referencedBundles, nonce) => {
     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"];
+    const attrs = { type: "module", async: "true", "q:type": "preload" };
     if (nonce) {
-      attrs.push("nonce", nonce);
+      attrs["nonce"] = nonce;
     }
-    container.openElement("script", null, attrs);
+    container.openElement("script", null, attrs, null, null, null);
     container.write(script);
     container.closeElement();
   }
@@ -1463,8 +1498,8 @@ var preLoaderOptionsDefault = {
 };
 
 // packages/qwik/src/server/scripts.ts
-var QWIK_LOADER_DEFAULT_MINIFIED = 'const e=document,t=window,o="w",r="d",n=new Set,s=new Set([e]),i=new Map;let a,c;const l=(e,t)=>Array.from(e.querySelectorAll(t)),q=e=>{const t=[];return s.forEach(o=>t.push(...l(o,e))),t},d=(e,t,o,r=!1)=>e.addEventListener(t,o,{capture:r,passive:!1}),b=e=>{_(e),l(e,"[q\\\\:shadowroot]").forEach(e=>{const t=e.shadowRoot;t&&b(t)})},f=e=>e&&"function"==typeof e.then,p=t=>{if(void 0===t._qwikjson_){let o=(t===e.documentElement?e.body:t).lastElementChild;for(;o;){if("SCRIPT"===o.tagName&&"qwik/json"===o.getAttribute("type")){t._qwikjson_=JSON.parse(o.textContent.replace(/\\\\x3C(\\/?script)/gi,"<$1"));break}o=o.previousElementSibling}}},u=(e,t)=>new CustomEvent(e,{detail:t}),h=(t,o)=>{e.dispatchEvent(u(t,o))},m=e=>e.replace(/([A-Z-])/g,e=>"-"+e.toLowerCase()),v=e=>e.replace(/-./g,e=>e[1].toUpperCase()),w=e=>({scope:e.charAt(0),eventName:v(e.slice(2))}),y=async(t,o,r,n)=>{n&&(t.hasAttribute("preventdefault:"+n)&&o.preventDefault(),t.hasAttribute("stoppropagation:"+n)&&o.stopPropagation());const s=t._qDispatch?.[r];if(s){if(s.length)for(const e of s){const r=e?.(o,t);f(r)&&await r}else await s(o,t);return}const a=t.getAttribute("q-"+r);if(a){const r=t.closest("[q\\\\:container]:not([q\\\\:container=html]):not([q\\\\:container=text])"),n=r.getAttribute("q:base"),s=new URL(n,e.baseURI);for(const c of a.split("|")){const a=performance.now(),[l,q,d]=c.split("#"),b={qBase:n,symbol:q,element:t,reqTime:a};let u,m,v;if(""===l){const t=r.getAttribute("q:instance");u=(e["qFuncs_"+t]||[])[Number.parseInt(q)],u||(m="sync",v=Error("sym:"+q))}else{const e=`${q}|${n}|${l}`;if(u=i.get(e),!u){const t=new URL(l,s).href;try{const o=import(t);p(r),u=(await o)[q],u?(i.set(e,u),h("qsymbol",b)):(m="no-symbol",v=Error(`${q} not in ${t}`))}catch(e){m="async",v=e}}}if(u){if(t.isConnected)try{const e=u.call(d,o,t);f(e)&&await e}catch(e){h("qerror",{error:e,...b})}}else h("qerror",{importError:m,error:v,...b}),console.error(v)}}},E=async e=>{const t=m(e.type),o="e:"+t;let r=e.target;for(;r&&r.getAttribute;){const n=y(r,e,o,t),s=e.bubbles&&!e.cancelBubble;f(n)&&await n,r=s&&e.bubbles&&!e.cancelBubble?r.parentElement:null}},g=(e,t)=>{const o=m(t.type),r=e+":"+o;q("[q-"+e+"\\\\:"+o+"]").forEach(e=>y(e,t,r,o))},A=async e=>{g(r,e)},C=e=>{g(o,e)},k=()=>{const o=e.readyState;if("interactive"==o||"complete"==o){if(c=1,s.forEach(b),n.has("d:qinit")){n.delete("d:qinit");const e=u("qinit");q("[q-d\\\\:qinit]").forEach(t=>{y(t,e,"d:qinit"),t.removeAttribute("q-d:qinit")})}n.has("d:qidle")&&(n.delete("d:qidle"),(t.requestIdleCallback??t.setTimeout).bind(t)(()=>{const e=u("qidle");q("[q-d\\\\:qidle]").forEach(t=>{y(t,e,"d:qidle"),t.removeAttribute("q-d:qidle")})})),n.has("e:qvisible")&&(a||(a=new IntersectionObserver(e=>{for(const t of e)t.isIntersecting&&(a.unobserve(t.target),y(t.target,u("qvisible",t),"e:qvisible"))})),q("[q-e\\\\:qvisible]:not([q\\\\:observed])").forEach(e=>{a.observe(e),e.setAttribute("q:observed","true")}))}},_=(...e)=>{for(const i of e)if("string"==typeof i){if(!n.has(i)){n.add(i);const{scope:e,eventName:a}=w(i);e===o?d(t,a,C,!0):s.forEach(t=>d(t,a,e===r?A:E,!0)),1!==c||"e:qvisible"!==i&&"d:qinit"!==i&&"d:qidle"!==i||k()}}else s.has(i)||(n.forEach(e=>{const{scope:t,eventName:n}=w(e);t!==o&&d(i,n,t===r?A:E,!0)}),s.add(i))},S=t._qwikEv;S?.roots||(Array.isArray(S)?_(...S):_("e:click","e:input"),t._qwikEv={events:n,roots:s,push:_},d(e,"readystatechange",k),k())';
-var QWIK_LOADER_DEFAULT_DEBUG = 'const doc = document;\nconst win = window;\nconst windowPrefix = "w";\nconst documentPrefix = "d";\nconst events = /* @__PURE__ */ new Set();\nconst roots = /* @__PURE__ */ new Set([doc]);\nconst symbols = /* @__PURE__ */ new Map();\nlet observer;\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 addEventListener = (el, eventName, handler, capture = false) => el.addEventListener(eventName, handler, { capture, passive: false });\nconst findShadowRoots = (fragment) => {\n  addEventOrRoot(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 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, { detail });\nconst emitEvent = (eventName, detail) => {\n  doc.dispatchEvent(createEvent(eventName, detail));\n};\nconst camelToKebab = (str) => str.replace(/([A-Z-])/g, (a) => "-" + a.toLowerCase());\nconst kebabToCamel = (eventName) => eventName.replace(/-./g, (a) => a[1].toUpperCase());\nconst parseKebabEvent = (event) => ({\n  scope: event.charAt(0),\n  eventName: kebabToCamel(event.slice(2))\n});\nconst dispatch = async (element, ev, scopedKebabName, kebabName) => {\n  if (kebabName) {\n    if (element.hasAttribute("preventdefault:" + kebabName)) {\n      ev.preventDefault();\n    }\n    if (element.hasAttribute("stoppropagation:" + kebabName)) {\n      ev.stopPropagation();\n    }\n  }\n  const handlers = element._qDispatch?.[scopedKebabName];\n  if (handlers) {\n    if (handlers.length) {\n      for (const handler of handlers) {\n        const result = handler?.(ev, element);\n        if (isPromise(result)) {\n          await result;\n        }\n      }\n    } else {\n      await handlers(ev, element);\n    }\n    return;\n  }\n  const attrValue = element.getAttribute("q-" + scopedKebabName);\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 base = new URL(qBase, doc.baseURI);\n    for (const qrl of attrValue.split("|")) {\n      const reqTime = performance.now();\n      const [chunk, symbol, capturedIds] = qrl.split("#");\n      const eventData = {\n        qBase,\n        symbol,\n        element,\n        reqTime\n      };\n      let handler;\n      let importError;\n      let error;\n      if (chunk === "") {\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        const key = `${symbol}|${qBase}|${chunk}`;\n        handler = symbols.get(key);\n        if (!handler) {\n          const href = new URL(chunk, base).href;\n          try {\n            const module = import(\n                            href\n            );\n            resolveContainer(container);\n            handler = (await module)[symbol];\n            if (!handler) {\n              importError = "no-symbol";\n              error = new Error(`${symbol} not in ${href}`);\n            } else {\n              symbols.set(key, handler);\n              emitEvent("qsymbol", eventData);\n            }\n          } catch (err) {\n            importError = "async";\n            error = err;\n          }\n        }\n      }\n      if (!handler) {\n        emitEvent("qerror", {\n          importError,\n          error,\n          ...eventData\n        });\n        console.error(error);\n        continue;\n      }\n      if (element.isConnected) {\n        try {\n          const result = handler.call(capturedIds, ev, element);\n          if (isPromise(result)) {\n            await result;\n          }\n        } catch (error2) {\n          emitEvent("qerror", { error: error2, ...eventData });\n        }\n      }\n    }\n  }\n};\nconst processElementEvent = async (ev) => {\n  const kebabName = camelToKebab(ev.type);\n  const scopedKebabName = "e:" + kebabName;\n  let element = ev.target;\n  while (element && element.getAttribute) {\n    const results = dispatch(element, ev, scopedKebabName, kebabName);\n    const doBubble = ev.bubbles && !ev.cancelBubble;\n    if (isPromise(results)) {\n      await results;\n    }\n    element = doBubble && ev.bubbles && !ev.cancelBubble ? element.parentElement : null;\n  }\n};\nconst broadcast = (infix, ev) => {\n  const kebabName = camelToKebab(ev.type);\n  const scopedKebabName = infix + ":" + kebabName;\n  querySelectorAll("[q-" + infix + "\\\\:" + kebabName + "]").forEach(\n    (el) => dispatch(el, ev, scopedKebabName, kebabName)\n  );\n};\nconst processDocumentEvent = async (ev) => {\n  broadcast(documentPrefix, ev);\n};\nconst processWindowEvent = (ev) => {\n  broadcast(windowPrefix, ev);\n};\nconst processReadyStateChange = () => {\n  const readyState = doc.readyState;\n  if (readyState == "interactive" || readyState == "complete") {\n    hasInitialized = 1;\n    roots.forEach(findShadowRoots);\n    if (events.has("d:qinit")) {\n      events.delete("d:qinit");\n      const ev = createEvent("qinit");\n      querySelectorAll("[q-d\\\\:qinit]").forEach((el) => {\n        dispatch(el, ev, "d:qinit");\n        el.removeAttribute("q-d:qinit");\n      });\n    }\n    if (events.has("d:qidle")) {\n      events.delete("d:qidle");\n      const riC = win.requestIdleCallback ?? win.setTimeout;\n      riC.bind(win)(() => {\n        const ev = createEvent("qidle");\n        querySelectorAll("[q-d\\\\:qidle]").forEach((el) => {\n          dispatch(el, ev, "d:qidle");\n          el.removeAttribute("q-d:qidle");\n        });\n      });\n    }\n    if (events.has("e:qvisible")) {\n      observer || (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), "e:qvisible");\n          }\n        }\n      }));\n      querySelectorAll("[q-e\\\\:qvisible]:not([q\\\\:observed])").forEach((el) => {\n        observer.observe(el);\n        el.setAttribute("q:observed", "true");\n      });\n    }\n  }\n};\nconst addEventOrRoot = (...eventNames) => {\n  for (const eventNameOrRoot of eventNames) {\n    if (typeof eventNameOrRoot === "string") {\n      if (!events.has(eventNameOrRoot)) {\n        events.add(eventNameOrRoot);\n        const { scope, eventName } = parseKebabEvent(eventNameOrRoot);\n        if (scope === windowPrefix) {\n          addEventListener(win, eventName, processWindowEvent, true);\n        } else {\n          roots.forEach(\n            (root) => addEventListener(\n              root,\n              eventName,\n              scope === documentPrefix ? processDocumentEvent : processElementEvent,\n              true\n            )\n          );\n        }\n        if (hasInitialized === 1 && (eventNameOrRoot === "e:qvisible" || eventNameOrRoot === "d:qinit" || eventNameOrRoot === "d:qidle")) {\n          processReadyStateChange();\n        }\n      }\n    } else {\n      if (!roots.has(eventNameOrRoot)) {\n        events.forEach((kebabEventName) => {\n          const { scope, eventName } = parseKebabEvent(kebabEventName);\n          if (scope !== windowPrefix) {\n            addEventListener(\n              eventNameOrRoot,\n              eventName,\n              scope === documentPrefix ? processDocumentEvent : processElementEvent,\n              true\n            );\n          }\n        });\n        roots.add(eventNameOrRoot);\n      }\n    }\n  }\n};\nconst _qwikEv = win._qwikEv;\nif (!_qwikEv?.roots) {\n  if (Array.isArray(_qwikEv)) {\n    addEventOrRoot(..._qwikEv);\n  } else {\n    addEventOrRoot("e:click", "e:input");\n  }\n  win._qwikEv = {\n    events,\n    roots,\n    push: addEventOrRoot\n  };\n  addEventListener(doc, "readystatechange", processReadyStateChange);\n  processReadyStateChange();\n}';
+var QWIK_LOADER_DEFAULT_MINIFIED = 'const e=document,t=window,o="w",r="d",n=new Set,s=new Set([e]),i=new Map;let a,c;const l=(e,t)=>Array.from(e.querySelectorAll(t)),q=e=>{const t=[];return s.forEach(o=>t.push(...l(o,e))),t},d=(e,t,o,r=!1)=>e.addEventListener(t,o,{capture:r,passive:!1}),b=e=>{_(e),l(e,"[q\\\\:shadowroot]").forEach(e=>{const t=e.shadowRoot;t&&b(t)})},f=e=>e&&"function"==typeof e.then,p=t=>{if(void 0===t._qwikjson_){let o=(t===e.documentElement?e.body:t).lastElementChild;for(;o;){if("SCRIPT"===o.tagName&&"qwik/json"===o.getAttribute("type")){t._qwikjson_=JSON.parse(o.textContent.replace(/\\\\x3C(\\/?script)/gi,"<$1"));break}o=o.previousElementSibling}}},u=(e,t)=>new CustomEvent(e,{detail:t}),h=(t,o)=>{e.dispatchEvent(u(t,o))},m=e=>e.replace(/([A-Z-])/g,e=>"-"+e.toLowerCase()),v=e=>e.replace(/-./g,e=>e[1].toUpperCase()),w=e=>({scope:e.charAt(0),eventName:v(e.slice(2))}),y=async(t,o,r,n)=>{n&&(t.hasAttribute("preventdefault:"+n)&&o.preventDefault(),t.hasAttribute("stoppropagation:"+n)&&o.stopPropagation());const s=t._qDispatch?.[r];if(s){if(s.length)for(const e of s){const r=e?.(o,t);f(r)&&await r}return}const a=t.getAttribute("q-"+r);if(a){const r=t.closest("[q\\\\:container]:not([q\\\\:container=html]):not([q\\\\:container=text])"),n=r.getAttribute("q:base"),s=new URL(n,e.baseURI);for(const c of a.split("|")){const a=performance.now(),[l,q,d]=c.split("#"),b={qBase:n,symbol:q,element:t,reqTime:a};let u,m,v;if(""===l){const t=r.getAttribute("q:instance");u=(e["qFuncs_"+t]||[])[Number.parseInt(q)],u||(m="sync",v=Error("sym:"+q))}else{const e=`${q}|${n}|${l}`;if(u=i.get(e),!u){const t=new URL(l,s).href;try{const o=import(t);p(r),u=(await o)[q],u?(i.set(e,u),h("qsymbol",b)):(m="no-symbol",v=Error(`${q} not in ${t}`))}catch(e){m="async",v=e}}}if(u){if(t.isConnected)try{const e=u.call(d,o,t);f(e)&&await e}catch(e){h("qerror",{error:e,...b})}}else h("qerror",{importError:m,error:v,...b}),console.error(v)}}},E=async e=>{const t=m(e.type),o="e:"+t;let r=e.target;for(;r&&r.getAttribute;){const n=y(r,e,o,t),s=e.bubbles&&!e.cancelBubble;f(n)&&await n,r=s&&e.bubbles&&!e.cancelBubble?r.parentElement:null}},g=(e,t)=>{const o=m(t.type),r=e+":"+o;q("[q-"+e+"\\\\:"+o+"]").forEach(e=>y(e,t,r,o))},A=async e=>{g(r,e)},C=e=>{g(o,e)},k=()=>{const o=e.readyState;if("interactive"==o||"complete"==o){if(c=1,s.forEach(b),n.has("d:qinit")){n.delete("d:qinit");const e=u("qinit");q("[q-d\\\\:qinit]").forEach(t=>{y(t,e,"d:qinit"),t.removeAttribute("q-d:qinit")})}n.has("d:qidle")&&(n.delete("d:qidle"),(t.requestIdleCallback??t.setTimeout).bind(t)(()=>{const e=u("qidle");q("[q-d\\\\:qidle]").forEach(t=>{y(t,e,"d:qidle"),t.removeAttribute("q-d:qidle")})})),n.has("e:qvisible")&&(a||(a=new IntersectionObserver(e=>{for(const t of e)t.isIntersecting&&(a.unobserve(t.target),y(t.target,u("qvisible",t),"e:qvisible"))})),q("[q-e\\\\:qvisible]:not([q\\\\:observed])").forEach(e=>{a.observe(e),e.setAttribute("q:observed","true")}))}},_=(...e)=>{for(const i of e)if("string"==typeof i){if(!n.has(i)){n.add(i);const{scope:e,eventName:a}=w(i);e===o?d(t,a,C,!0):s.forEach(t=>d(t,a,e===r?A:E,!0)),1!==c||"e:qvisible"!==i&&"d:qinit"!==i&&"d:qidle"!==i||k()}}else s.has(i)||(n.forEach(e=>{const{scope:t,eventName:n}=w(e);t!==o&&d(i,n,t===r?A:E,!0)}),s.add(i))},S=t._qwikEv;S?.roots||(Array.isArray(S)?_(...S):_("e:click","e:input"),t._qwikEv={events:n,roots:s,push:_},d(e,"readystatechange",k),k())';
+var QWIK_LOADER_DEFAULT_DEBUG = 'const doc = document;\nconst win = window;\nconst windowPrefix = "w";\nconst documentPrefix = "d";\nconst events = /* @__PURE__ */ new Set();\nconst roots = /* @__PURE__ */ new Set([doc]);\nconst symbols = /* @__PURE__ */ new Map();\nlet observer;\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 addEventListener = (el, eventName, handler, capture = false) => el.addEventListener(eventName, handler, { capture, passive: false });\nconst findShadowRoots = (fragment) => {\n  addEventOrRoot(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 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, { detail });\nconst emitEvent = (eventName, detail) => {\n  doc.dispatchEvent(createEvent(eventName, detail));\n};\nconst camelToKebab = (str) => str.replace(/([A-Z-])/g, (a) => "-" + a.toLowerCase());\nconst kebabToCamel = (eventName) => eventName.replace(/-./g, (a) => a[1].toUpperCase());\nconst parseKebabEvent = (event) => ({\n  scope: event.charAt(0),\n  eventName: kebabToCamel(event.slice(2))\n});\nconst dispatch = async (element, ev, scopedKebabName, kebabName) => {\n  if (kebabName) {\n    if (element.hasAttribute("preventdefault:" + kebabName)) {\n      ev.preventDefault();\n    }\n    if (element.hasAttribute("stoppropagation:" + kebabName)) {\n      ev.stopPropagation();\n    }\n  }\n  const handlers = element._qDispatch?.[scopedKebabName];\n  if (handlers) {\n    if (handlers.length) {\n      for (const handler of handlers) {\n        const result = handler?.(ev, element);\n        if (isPromise(result)) {\n          await result;\n        }\n      }\n    }\n    return;\n  }\n  const attrValue = element.getAttribute("q-" + scopedKebabName);\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 base = new URL(qBase, doc.baseURI);\n    for (const qrl of attrValue.split("|")) {\n      const reqTime = performance.now();\n      const [chunk, symbol, capturedIds] = qrl.split("#");\n      const eventData = {\n        qBase,\n        symbol,\n        element,\n        reqTime\n      };\n      let handler;\n      let importError;\n      let error;\n      if (chunk === "") {\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        const key = `${symbol}|${qBase}|${chunk}`;\n        handler = symbols.get(key);\n        if (!handler) {\n          const href = new URL(chunk, base).href;\n          try {\n            const module = import(\n                            href\n            );\n            resolveContainer(container);\n            handler = (await module)[symbol];\n            if (!handler) {\n              importError = "no-symbol";\n              error = new Error(`${symbol} not in ${href}`);\n            } else {\n              symbols.set(key, handler);\n              emitEvent("qsymbol", eventData);\n            }\n          } catch (err) {\n            importError = "async";\n            error = err;\n          }\n        }\n      }\n      if (!handler) {\n        emitEvent("qerror", {\n          importError,\n          error,\n          ...eventData\n        });\n        console.error(error);\n        continue;\n      }\n      if (element.isConnected) {\n        try {\n          const result = handler.call(capturedIds, ev, element);\n          if (isPromise(result)) {\n            await result;\n          }\n        } catch (error2) {\n          emitEvent("qerror", { error: error2, ...eventData });\n        }\n      }\n    }\n  }\n};\nconst processElementEvent = async (ev) => {\n  const kebabName = camelToKebab(ev.type);\n  const scopedKebabName = "e:" + kebabName;\n  let element = ev.target;\n  while (element && element.getAttribute) {\n    const results = dispatch(element, ev, scopedKebabName, kebabName);\n    const doBubble = ev.bubbles && !ev.cancelBubble;\n    if (isPromise(results)) {\n      await results;\n    }\n    element = doBubble && ev.bubbles && !ev.cancelBubble ? element.parentElement : null;\n  }\n};\nconst broadcast = (infix, ev) => {\n  const kebabName = camelToKebab(ev.type);\n  const scopedKebabName = infix + ":" + kebabName;\n  querySelectorAll("[q-" + infix + "\\\\:" + kebabName + "]").forEach(\n    (el) => dispatch(el, ev, scopedKebabName, kebabName)\n  );\n};\nconst processDocumentEvent = async (ev) => {\n  broadcast(documentPrefix, ev);\n};\nconst processWindowEvent = (ev) => {\n  broadcast(windowPrefix, ev);\n};\nconst processReadyStateChange = () => {\n  const readyState = doc.readyState;\n  if (readyState == "interactive" || readyState == "complete") {\n    hasInitialized = 1;\n    roots.forEach(findShadowRoots);\n    if (events.has("d:qinit")) {\n      events.delete("d:qinit");\n      const ev = createEvent("qinit");\n      querySelectorAll("[q-d\\\\:qinit]").forEach((el) => {\n        dispatch(el, ev, "d:qinit");\n        el.removeAttribute("q-d:qinit");\n      });\n    }\n    if (events.has("d:qidle")) {\n      events.delete("d:qidle");\n      const riC = win.requestIdleCallback ?? win.setTimeout;\n      riC.bind(win)(() => {\n        const ev = createEvent("qidle");\n        querySelectorAll("[q-d\\\\:qidle]").forEach((el) => {\n          dispatch(el, ev, "d:qidle");\n          el.removeAttribute("q-d:qidle");\n        });\n      });\n    }\n    if (events.has("e:qvisible")) {\n      observer || (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), "e:qvisible");\n          }\n        }\n      }));\n      querySelectorAll("[q-e\\\\:qvisible]:not([q\\\\:observed])").forEach((el) => {\n        observer.observe(el);\n        el.setAttribute("q:observed", "true");\n      });\n    }\n  }\n};\nconst addEventOrRoot = (...eventNames) => {\n  for (const eventNameOrRoot of eventNames) {\n    if (typeof eventNameOrRoot === "string") {\n      if (!events.has(eventNameOrRoot)) {\n        events.add(eventNameOrRoot);\n        const { scope, eventName } = parseKebabEvent(eventNameOrRoot);\n        if (scope === windowPrefix) {\n          addEventListener(win, eventName, processWindowEvent, true);\n        } else {\n          roots.forEach(\n            (root) => addEventListener(\n              root,\n              eventName,\n              scope === documentPrefix ? processDocumentEvent : processElementEvent,\n              true\n            )\n          );\n        }\n        if (hasInitialized === 1 && (eventNameOrRoot === "e:qvisible" || eventNameOrRoot === "d:qinit" || eventNameOrRoot === "d:qidle")) {\n          processReadyStateChange();\n        }\n      }\n    } else {\n      if (!roots.has(eventNameOrRoot)) {\n        events.forEach((kebabEventName) => {\n          const { scope, eventName } = parseKebabEvent(kebabEventName);\n          if (scope !== windowPrefix) {\n            addEventListener(\n              eventNameOrRoot,\n              eventName,\n              scope === documentPrefix ? processDocumentEvent : processElementEvent,\n              true\n            );\n          }\n        });\n        roots.add(eventNameOrRoot);\n      }\n    }\n  }\n};\nconst _qwikEv = win._qwikEv;\nif (!_qwikEv?.roots) {\n  if (Array.isArray(_qwikEv)) {\n    addEventOrRoot(..._qwikEv);\n  } else {\n    addEventOrRoot("e:click", "e:input");\n  }\n  win._qwikEv = {\n    events,\n    roots,\n    push: addEventOrRoot\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=r.hasAttribute(":")?0:-1;for(let e=0;e<t.length;e+=3){const o=t[e],i=t[e+1];let s=t[e+2];for(;c<o&&(r=n.nextNode(),r);)r.hasAttribute(":")&&c++;const l=r;null==s||!1===s?l.removeAttribute(i):("boolean"==typeof s&&(s=""),l.setAttribute(i,s))}}}}`;
 var QWIK_BACKPATCH_EXECUTOR_DEBUG = `const BACKPATCH_DATA_SELECTOR = 'script[type="qwik/backpatch"]';
 const executorScript = document.currentScript;
@@ -1518,8 +1553,12 @@ function getQwikBackpatchExecutorScript(opts = {}) {
 }
 
 // packages/qwik/src/server/ssr-node.ts
-import { _isJSXNode as isJSXNode, _EMPTY_ARRAY, _EFFECT_BACK_REF } from "@qwik.dev/core/internal";
-import { isDev as isDev5 } from "@qwik.dev/core/build";
+import {
+  _isJSXNode as isJSXNode,
+  _EMPTY_OBJ,
+  _EFFECT_BACK_REF
+} from "@qwik.dev/core/internal";
+import { isDev as isDev6 } from "@qwik.dev/core/build";
 var SsrNode = class {
   constructor(parentComponent, id, attributesIndex, cleanupQueue, vnodeData, currentFile) {
     this.parentComponent = parentComponent;
@@ -1527,38 +1566,38 @@ var SsrNode = class {
     this.cleanupQueue = cleanupQueue;
     this.vnodeData = vnodeData;
     this.currentFile = currentFile;
-    __publicField(this, "__brand__", "SsrNode");
-    /**
-     * ID which the deserialize will use to retrieve the node.
-     *
-     * @param id - Unique id for the node.
-     */
-    __publicField(this, "id");
-    __publicField(this, "flags");
-    __publicField(this, "dirty", 0 /* NONE */);
-    __publicField(this, "children", null);
-    __publicField(this, "attrs");
-    /** Local props which don't serialize; */
-    __publicField(this, "localProps", null);
     this.id = id;
     this.flags = 1 /* Updatable */;
-    this.attrs = this.attributesIndex >= 0 ? this.vnodeData[this.attributesIndex] : _EMPTY_ARRAY;
+    this.attrs = this.attributesIndex >= 0 ? this.vnodeData[this.attributesIndex] : _EMPTY_OBJ;
     this.parentComponent?.addChild(this);
-    if (isDev5 && id.indexOf("undefined") != -1) {
+    if (isDev6 && id.indexOf("undefined") != -1) {
       throw new Error(`Invalid SSR node id: ${id}`);
     }
   }
+  __brand__ = "SsrNode";
+  /**
+   * ID which the deserialize will use to retrieve the node.
+   *
+   * @param id - Unique id for the node.
+   */
+  id;
+  flags;
+  dirty = 0 /* NONE */;
+  children = null;
+  attrs;
+  /** Local props which don't serialize; */
+  localProps = null;
   get [_EFFECT_BACK_REF]() {
     return this.getProp(QBackRefs);
   }
   setProp(name, value) {
-    if (this.attrs === _EMPTY_ARRAY) {
+    if (this.attrs === _EMPTY_OBJ) {
       this.setEmptyArrayAsVNodeDataAttributes();
     }
     if (name.startsWith(NON_SERIALIZABLE_MARKER_PREFIX)) {
-      mapArray_set(this.localProps || (this.localProps = []), name, value, 0);
+      (this.localProps ||= {})[name] = value;
     } else {
-      mapArray_set(this.attrs, name, value, 0);
+      this.attrs[name] = value;
     }
     if (name == ELEMENT_SEQ && value) {
       this.cleanupQueue.push(value);
@@ -1566,29 +1605,29 @@ var SsrNode = class {
   }
   setEmptyArrayAsVNodeDataAttributes() {
     if (this.attributesIndex >= 0) {
-      this.vnodeData[this.attributesIndex] = [];
+      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.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;
+      return this.localProps ? this.localProps[name] ?? null : null;
     } else {
-      return mapArray_get(this.attrs, name, 0);
+      return this.attrs[name] ?? null;
     }
   }
   removeProp(name) {
     if (name.startsWith(NON_SERIALIZABLE_MARKER_PREFIX)) {
       if (this.localProps) {
-        mapApp_remove(this.localProps, name, 0);
+        delete this.localProps[name];
       }
     } else {
-      mapApp_remove(this.attrs, name, 0);
+      delete this.attrs[name];
     }
   }
   addChild(child) {
@@ -1608,16 +1647,13 @@ var SsrNode = class {
     }
   }
   toString() {
-    if (isDev5) {
+    if (isDev6) {
       let stringifiedAttrs = "";
-      for (let i = 0; i < this.attrs.length; i += 2) {
-        const key = this.attrs[i];
-        const value = this.attrs[i + 1];
+      for (const key in this.attrs) {
+        const value = this.attrs[key];
         stringifiedAttrs += `${key}=`;
         stringifiedAttrs += `${typeof value === "string" || typeof value === "number" ? JSON.stringify(value) : "*"}`;
-        if (i < this.attrs.length - 2) {
-          stringifiedAttrs += ", ";
-        }
+        stringifiedAttrs += ", ";
       }
       return `<SSRNode id="${this.id}" ${stringifiedAttrs} />`;
     } else {
@@ -1628,18 +1664,18 @@ var SsrNode = class {
 var DomRef = class {
   constructor($ssrNode$) {
     this.$ssrNode$ = $ssrNode$;
-    __publicField(this, "__brand__", "DomRef");
   }
+  __brand__ = "DomRef";
 };
 var SsrComponentFrame = class {
   constructor(componentNode) {
     this.componentNode = componentNode;
-    __publicField(this, "slots", []);
-    __publicField(this, "projectionDepth", 0);
-    __publicField(this, "scopedStyleIds", /* @__PURE__ */ new Set());
-    __publicField(this, "projectionScopedStyle", null);
-    __publicField(this, "projectionComponentFrame", null);
   }
+  slots = [];
+  projectionDepth = 0;
+  scopedStyleIds = /* @__PURE__ */ new Set();
+  projectionScopedStyle = null;
+  projectionComponentFrame = null;
   distributeChildrenIntoSlots(children, projectionScopedStyle, projectionComponentFrame) {
     this.projectionScopedStyle = projectionScopedStyle;
     this.projectionComponentFrame = projectionComponentFrame;
@@ -2042,7 +2078,7 @@ function vNodeData_closeFragment(vNodeData) {
   vNodeData.push(CLOSE_FRAGMENT);
 }
 function vNodeData_openElement(vNodeData) {
-  vNodeData.push([], WRITE_ELEMENT_ATTRS);
+  vNodeData.push({}, WRITE_ELEMENT_ATTRS);
   vNodeData[0] |= 4 /* ELEMENT_NODE */;
 }
 function vNodeData_createSsrNodeReference(currentComponentNode, vNodeData, depthFirstElementIdx, cleanupQueue, currentFile) {
@@ -2051,7 +2087,7 @@ function vNodeData_createSsrNodeReference(currentComponentNode, vNodeData, depth
   let attributesIndex = -1;
   for (let i = 1; i < vNodeData.length; i++) {
     const value = vNodeData[i];
-    if (Array.isArray(value)) {
+    if (typeof value === "object" && value !== null) {
       attributesIndex = i;
       i++;
       if (vNodeData[i] !== WRITE_ELEMENT_ATTRS) {
@@ -2067,7 +2103,7 @@ function vNodeData_createSsrNodeReference(currentComponentNode, vNodeData, depth
       stack[stack.length - 1]++;
     }
   }
-  let refId = String(depthFirstElementIdx);
+  let refId = depthFirstElementIdx + "";
   if (vNodeData[0] & (2 /* VIRTUAL_NODE */ | 1 /* TEXT_DATA */)) {
     for (let i = 0; i < stack.length; i++) {
       const childCount = stack[i];
@@ -2107,10 +2143,11 @@ function encodeAsAlphanumeric(value) {
 
 // packages/qwik/src/server/ssr-container.ts
 function ssrCreateContainer(opts) {
-  opts.renderOptions || (opts.renderOptions = {});
+  opts.renderOptions ||= {};
   return new SSRContainer({
     tagName: opts.tagName || "div",
     writer: opts.writer || new StringBufferWriter(),
+    streamHandler: opts.streamHandler,
     locale: opts.locale || "",
     timing: opts.timing || {
       firstFlush: 0,
@@ -2129,9 +2166,7 @@ function ssrCreateContainer(opts) {
   });
 }
 var StringBufferWriter = class {
-  constructor() {
-    __publicField(this, "buffer", []);
-  }
+  buffer = [];
   write(text) {
     this.buffer.push(text);
   }
@@ -2140,54 +2175,59 @@ var StringBufferWriter = class {
   }
 };
 var EMPTY_OBJ = {};
+var QTemplateProps = {
+  hidden: true,
+  "aria-hidden": true
+};
 var SSRContainer = class extends _SharedContainer {
+  tag;
+  isHtml;
+  writer;
+  streamHandler;
+  timing;
+  size = 0;
+  resolvedManifest;
+  symbolToChunkResolver;
+  renderOptions;
+  serializationCtx;
+  /**
+   * We use this to append additional nodes in the head node
+   *
+   * - From manifest injections
+   * - From useStyles and useScopedStyles hooks
+   */
+  additionalHeadNodes = new Array();
+  /**
+   * We use this to append additional nodes in the body node
+   *
+   * - From manifest injections
+   */
+  additionalBodyNodes = new Array();
+  lastNode = null;
+  currentComponentNode = null;
+  styleIds = /* @__PURE__ */ new Set();
+  isBackpatchExecutorEmitted = false;
+  backpatchMap = /* @__PURE__ */ new Map();
+  currentElementFrame = null;
+  renderTimer;
+  /**
+   * Current element index.
+   *
+   * This number must match the depth-first traversal of the DOM elements as returned by the
+   * https://developer.mozilla.org/en-US/docs/Web/API/TreeWalker
+   */
+  depthFirstElementCount = -1;
+  vNodeDatas = [];
+  componentStack = [];
+  cleanupQueue = [];
+  emitContainerDataFrame = null;
+  $instanceHash$ = hash();
+  // Temporary flag to find missing roots after the state was serialized
+  $noMoreRoots$ = false;
+  qlInclude;
+  promiseAttributes = null;
   constructor(opts) {
     super(opts.renderOptions.serverData ?? EMPTY_OBJ, opts.locale);
-    __publicField(this, "tag");
-    __publicField(this, "isHtml");
-    __publicField(this, "writer");
-    __publicField(this, "timing");
-    __publicField(this, "size", 0);
-    __publicField(this, "resolvedManifest");
-    __publicField(this, "symbolToChunkResolver");
-    __publicField(this, "renderOptions");
-    __publicField(this, "serializationCtx");
-    /**
-     * We use this to append additional nodes in the head node
-     *
-     * - From manifest injections
-     * - From useStyles and useScopedStyles hooks
-     */
-    __publicField(this, "additionalHeadNodes", new Array());
-    /**
-     * We use this to append additional nodes in the body node
-     *
-     * - From manifest injections
-     */
-    __publicField(this, "additionalBodyNodes", new Array());
-    __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");
-    /**
-     * Current element index.
-     *
-     * This number must match the depth-first traversal of the DOM elements as returned by the
-     * https://developer.mozilla.org/en-US/docs/Web/API/TreeWalker
-     */
-    __publicField(this, "depthFirstElementCount", -1);
-    __publicField(this, "vNodeDatas", []);
-    __publicField(this, "componentStack", []);
-    __publicField(this, "cleanupQueue", []);
-    __publicField(this, "$instanceHash$", hash());
-    // Temporary flag to find missing roots after the state was serialized
-    __publicField(this, "$noMoreRoots$", false);
-    __publicField(this, "qlInclude");
-    __publicField(this, "promiseAttributes", null);
-    __publicField(this, "$noScriptHere$", 0);
     this.symbolToChunkResolver = (symbol) => {
       const idx = symbol.lastIndexOf("_");
       const chunk = this.resolvedManifest.mapper[idx == -1 ? symbol : symbol.substring(idx + 1)];
@@ -2203,6 +2243,7 @@ var SSRContainer = class extends _SharedContainer {
     this.tag = opts.tagName;
     this.isHtml = opts.tagName === "html";
     this.writer = opts.writer;
+    this.streamHandler = opts.streamHandler;
     this.timing = opts.timing;
     this.$buildBase$ = opts.buildBase;
     this.resolvedManifest = opts.resolvedManifest;
@@ -2286,27 +2327,24 @@ var SSRContainer = class extends _SharedContainer {
     containerAttributes[QContainerAttr] = "paused" /* PAUSED */;
     containerAttributes[QRuntimeAttr] = "2";
     containerAttributes[QVersionAttr] = this.$version$ ?? "dev";
-    containerAttributes[QRenderAttr] = (qRender ? qRender + "-" : "") + (isDev6 ? "ssr-dev" : "ssr");
+    containerAttributes[QRenderAttr] = (qRender ? qRender + "-" : "") + (isDev7 ? "ssr-dev" : "ssr");
     containerAttributes[QBaseAttr] = this.$buildBase$ || "";
     containerAttributes[QLocaleAttr] = this.$locale$;
     containerAttributes[QManifestHashAttr] = this.resolvedManifest.manifest.manifestHash;
     containerAttributes[QInstanceAttr] = this.$instanceHash$;
     this.$serverData$.containerAttributes = containerAttributes;
-    const containerAttributeArray = Object.entries(containerAttributes).reduce(
-      (acc, [key, value]) => {
-        acc.push(key, value);
-        return acc;
-      },
-      []
-    );
-    this.openElement(this.tag, null, containerAttributeArray);
+    this.openElement(this.tag, null, containerAttributes);
+    if (!this.isHtml) {
+      this.emitContainerDataFrame = this.currentElementFrame;
+    }
   }
   /** Renders closing tag for current container */
   closeContainer() {
     return this.closeElement();
   }
+  $noScriptHere$ = 0;
   /** Renders opening tag for DOM element */
-  openElement(elementName, key, varAttrs, constAttrs, currentFile) {
+  openElement(elementName, key, varAttrs, constAttrs = null, styleScopedId = null, currentFile = null) {
     const isQwikStyle = isQwikStyleElement(elementName, varAttrs) || isQwikStyleElement(elementName, constAttrs);
     if (
       // don't append qwik loader before qwik style elements
@@ -2325,23 +2363,26 @@ var SSRContainer = class extends _SharedContainer {
       vNodeData_incrementElementCount(this.currentElementFrame.vNodeData);
     }
     this.createAndPushFrame(elementName, this.depthFirstElementCount++, currentFile);
+    if (this.isHtml && elementName === "body" && this.emitContainerDataFrame === null) {
+      this.emitContainerDataFrame = this.currentElementFrame;
+    }
     vNodeData_openElement(this.currentElementFrame.vNodeData);
-    this.write("<");
+    this.write(LT);
     this.write(elementName);
     const lastNode = this.getOrCreateLastNode();
     if (varAttrs) {
-      innerHTML = this.writeAttrs(elementName, varAttrs, false, currentFile);
+      innerHTML = this.writeAttrs(elementName, varAttrs, false, styleScopedId, currentFile);
     }
     this.write(" " + Q_PROPS_SEPARATOR);
     if (key !== null) {
       this.write(`="${key}"`);
-    } else if (isDev6) {
-      this.write('=""');
+    } else if (import.meta.env.TEST) {
+      this.write(EMPTY_ATTR);
     }
-    if (constAttrs && constAttrs.length) {
-      innerHTML = this.writeAttrs(elementName, constAttrs, true, currentFile) || innerHTML;
+    if (constAttrs && !isObjectEmpty(constAttrs)) {
+      innerHTML = this.writeAttrs(elementName, constAttrs, true, styleScopedId, currentFile) || innerHTML;
     }
-    this.write(">");
+    this.write(GT);
     if (lastNode) {
       lastNode.setTreeNonUpdatable();
     }
@@ -2349,7 +2390,8 @@ var SSRContainer = class extends _SharedContainer {
   }
   /** Renders closing tag for DOM element */
   closeElement() {
-    if (this.shouldEmitDataBeforeClosingElement()) {
+    if (this.currentElementFrame === this.emitContainerDataFrame) {
+      this.emitContainerDataFrame = null;
       this.onRenderDone();
       const snapshotTimer = createTimer();
       return maybeThen(
@@ -2361,16 +2403,6 @@ var SSRContainer = class extends _SharedContainer {
     }
     this._closeElement();
   }
-  shouldEmitDataBeforeClosingElement() {
-    const currentFrame = this.currentElementFrame;
-    return (
-      /**
-       * - Micro-frontends don't have html tag, emit data before closing custom element
-       * - Regular applications should emit data inside body
-       */
-      currentFrame.parent === null && currentFrame.elementName !== "html" || currentFrame.elementName === "body"
-    );
-  }
   onRenderDone() {
     this.drainCleanupQueue();
     this.timing.render = this.renderTimer();
@@ -2392,9 +2424,9 @@ var SSRContainer = class extends _SharedContainer {
     const currentFrame = this.popFrame();
     const elementName = currentFrame.elementName;
     if (!isSelfClosingTag(elementName)) {
-      this.write("</");
+      this.write(CLOSE_TAG);
       this.write(elementName);
-      this.write(">");
+      this.write(GT);
     }
     this.lastNode = null;
     if (this.qlInclude === 1 /* Inline */) {
@@ -2465,13 +2497,13 @@ var SSRContainer = class extends _SharedContainer {
     if (componentFrame.slots.length === 0) {
       return;
     }
-    this.openElement(QTemplate, null, ["hidden", true, "aria-hidden", "true"], null);
+    this.openElement(QTemplate, null, QTemplateProps, null);
     const scopedStyleId = componentFrame.projectionScopedStyle;
     for (let i = 0; i < componentFrame.slots.length; i += 2) {
       const slotName = componentFrame.slots[i];
       const children = componentFrame.slots[i + 1];
       this.openFragment(
-        isDev6 ? [DEBUG_TYPE, "P" /* Projection */, QSlotParent, componentFrame.componentNode.id] : [QSlotParent, componentFrame.componentNode.id]
+        isDev7 ? { [DEBUG_TYPE]: "P" /* Projection */, [QSlotParent]: componentFrame.componentNode.id } : { [QSlotParent]: componentFrame.componentNode.id }
       );
       const lastNode = this.getOrCreateLastNode();
       if (lastNode.vnodeData) {
@@ -2561,7 +2593,9 @@ var SSRContainer = class extends _SharedContainer {
     }
   }
   _styleNode(styleId, content) {
-    this.openElement("style", null, [QStyle, styleId]);
+    this.openElement("style", null, {
+      [QStyle]: styleId
+    });
     this.write(content);
     this.closeElement();
   }
@@ -2602,7 +2636,7 @@ var SSRContainer = class extends _SharedContainer {
     if (!this.serializationCtx.$roots$.length) {
       return;
     }
-    this.openElement("script", null, ["type", "qwik/vnode"]);
+    this.openElement("script", null, { type: "qwik/vnode" });
     const vNodeAttrsStack = [];
     const vNodeData = this.vNodeDatas;
     let lastSerializedIdx = 0;
@@ -2619,7 +2653,7 @@ var SSRContainer = class extends _SharedContainer {
           let depth = 0;
           for (let i = 1; i < vNode.length; i++) {
             const value = vNode[i];
-            if (Array.isArray(value)) {
+            if (typeof value === "object" && value !== null) {
               vNodeAttrsStack.push(fragmentAttrs);
               fragmentAttrs = value;
             } else if (value === OPEN_FRAGMENT) {
@@ -2633,7 +2667,7 @@ var SSRContainer = class extends _SharedContainer {
               depth--;
               this.write(VNodeDataChar.CLOSE_CHAR);
             } else if (value === WRITE_ELEMENT_ATTRS) {
-              if (fragmentAttrs && fragmentAttrs.length) {
+              if (fragmentAttrs && !isObjectEmpty(fragmentAttrs)) {
                 this.write(VNodeDataChar.SEPARATOR_CHAR);
                 this.write(VNodeDataChar.SEPARATOR_CHAR);
                 this.writeFragmentAttrs(fragmentAttrs);
@@ -2660,9 +2694,8 @@ var SSRContainer = class extends _SharedContainer {
     this.closeElement();
   }
   writeFragmentAttrs(fragmentAttrs) {
-    for (let i = 0; i < fragmentAttrs.length; ) {
-      const key = fragmentAttrs[i++];
-      let value = fragmentAttrs[i++];
+    for (const key in fragmentAttrs) {
+      let value = fragmentAttrs[key];
       let encodeValue = false;
       if (typeof value !== "string") {
         const rootId = this.addRoot(value);
@@ -2737,28 +2770,25 @@ var SSRContainer = class extends _SharedContainer {
   }
   /** Add q-d:qidle attribute to eagerly resume some state if needed */
   stateScriptAttrs() {
-    const attrs = ["type", "qwik/state"];
+    const attrs = { type: "qwik/state" };
     const eagerResume = this.serializationCtx.$eagerResume$;
     if (eagerResume.size > 0) {
-      const qrl = createQRL(null, "_res", _res, null, [...eagerResume]);
-      const qrlStr = qrlToString(this.serializationCtx, qrl);
-      attrs.push("q-d:qidle", qrlStr);
-      this.serializationCtx.$eventNames$.add("d:qidle");
+      attrs["q-d:qidle"] = createQRL(null, "_res", _res, null, [...eagerResume]);
     }
     return attrs;
   }
   emitSyncFnsData() {
     const fns = this.serializationCtx.$syncFns$;
     if (fns.length) {
-      const scriptAttrs = ["q:func", "qwik/json"];
+      const scriptAttrs = { "q:func": "qwik/json" };
       if (this.renderOptions.serverData?.nonce) {
-        scriptAttrs.push("nonce", this.renderOptions.serverData.nonce);
+        scriptAttrs["nonce"] = this.renderOptions.serverData.nonce;
       }
       this.openElement("script", null, scriptAttrs);
       this.write(Q_FUNCS_PREFIX.replace("HASH", this.$instanceHash$));
-      this.write("[");
-      this.writeArray(fns, ",");
-      this.write("]");
+      this.write(BRACKET_OPEN);
+      this.writeArray(fns, COMMA);
+      this.write(BRACKET_CLOSE);
       this.closeElement();
     }
   }
@@ -2776,9 +2806,9 @@ var SSRContainer = class extends _SharedContainer {
     this.backpatchMap.clear();
     if (patches.length > 0) {
       this.isBackpatchExecutorEmitted = true;
-      const scriptAttrs = ["type", ELEMENT_BACKPATCH_DATA];
+      const scriptAttrs = { type: ELEMENT_BACKPATCH_DATA };
       if (this.renderOptions.serverData?.nonce) {
-        scriptAttrs.push("nonce", this.renderOptions.serverData.nonce);
+        scriptAttrs["nonce"] = this.renderOptions.serverData.nonce;
       }
       this.openElement("script", null, scriptAttrs);
       this.write(JSON.stringify(patches));
@@ -2789,12 +2819,12 @@ var SSRContainer = class extends _SharedContainer {
     if (!this.isBackpatchExecutorEmitted) {
       return;
     }
-    const scriptAttrs = ["type", "text/javascript"];
+    const scriptAttrs = { type: "text/javascript" };
     if (this.renderOptions.serverData?.nonce) {
-      scriptAttrs.push("nonce", this.renderOptions.serverData.nonce);
+      scriptAttrs["nonce"] = this.renderOptions.serverData.nonce;
     }
     this.openElement("script", null, scriptAttrs);
-    const backpatchScript = getQwikBackpatchExecutorScript({ debug: isDev6 });
+    const backpatchScript = getQwikBackpatchExecutorScript({ debug: isDev7 });
     this.write(backpatchScript);
     this.closeElement();
   }
@@ -2808,16 +2838,20 @@ var SSRContainer = class extends _SharedContainer {
     if (this.qlInclude === 0 /* Module */) {
       this.qlInclude = 2 /* Done */;
       const qwikLoaderBundle = this.$buildBase$ + this.resolvedManifest.manifest.qwikLoader;
-      const linkAttrs = ["rel", "modulepreload", "href", qwikLoaderBundle];
+      const linkAttrs = { rel: "modulepreload", href: qwikLoaderBundle };
       const nonce = this.renderOptions.serverData?.nonce;
       if (nonce) {
-        linkAttrs.push("nonce", nonce);
+        linkAttrs["nonce"] = nonce;
       }
       this.openElement("link", null, linkAttrs);
       this.closeElement();
-      const scriptAttrs = ["async", true, "type", "module", "src", qwikLoaderBundle];
+      const scriptAttrs = {
+        async: true,
+        type: "module",
+        src: qwikLoaderBundle
+      };
       if (nonce) {
-        scriptAttrs.push("nonce", nonce);
+        scriptAttrs["nonce"] = nonce;
       }
       this.openElement("script", null, scriptAttrs);
       this.closeElement();
@@ -2826,9 +2860,13 @@ var SSRContainer = class extends _SharedContainer {
   emitQwikLoaderInline() {
     this.qlInclude = 2 /* Done */;
     const qwikLoaderScript = getQwikLoaderScript({ debug: this.renderOptions.debug });
-    const scriptAttrs = ["id", "qwikloader", "async", true, "type", "module"];
+    const scriptAttrs = {
+      id: "qwikloader",
+      async: true,
+      type: "module"
+    };
     if (this.renderOptions.serverData?.nonce) {
-      scriptAttrs.push("nonce", this.renderOptions.serverData.nonce);
+      scriptAttrs["nonce"] = this.renderOptions.serverData.nonce;
     }
     this.openElement("script", null, scriptAttrs);
     this.write(qwikLoaderScript);
@@ -2844,15 +2882,15 @@ var SSRContainer = class extends _SharedContainer {
   }
   emitQwikEvents(eventNames) {
     if (eventNames.length > 0) {
-      const scriptAttrs = [];
+      const scriptAttrs = {};
       const nonce = this.renderOptions.serverData?.nonce;
       if (nonce) {
-        scriptAttrs.push("nonce", nonce);
+        scriptAttrs["nonce"] = nonce;
       }
       this.openElement("script", null, scriptAttrs);
       this.write(`(window._qwikEv||(window._qwikEv=[])).push(`);
-      this.writeArray(eventNames, ", ");
-      this.write(")");
+      this.writeArray(eventNames, COMMA);
+      this.write(PAREN_CLOSE);
       this.closeElement();
     }
   }
@@ -2884,7 +2922,7 @@ var SSRContainer = class extends _SharedContainer {
   }
   createAndPushFrame(elementName, depthFirstElementIdx, currentFile) {
     let tagNesting = 10 /* ANYTHING */;
-    if (isDev6) {
+    if (isDev7) {
       if (!this.currentElementFrame) {
         tagNesting = initialTag(elementName);
       } else {
@@ -2930,7 +2968,7 @@ var SSRContainer = class extends _SharedContainer {
       elementName,
       depthFirstElementIdx,
       vNodeData: [0 /* NONE */],
-      currentFile: isDev6 ? currentFile || null : null
+      currentFile: isDev7 ? currentFile || null : null
     };
     this.currentElementFrame = frame;
     this.vNodeDatas.push(frame.vNodeData);
@@ -2954,95 +2992,95 @@ var SSRContainer = class extends _SharedContainer {
       this.write(element);
     }
   }
-  writeAttrs(tag, attrs, isConst, currentFile) {
+  writeAttrs(tag, attrs, isConst, styleScopedId, currentFile) {
     let innerHTML = void 0;
-    if (attrs.length) {
-      for (let i = 0; i < attrs.length; i++) {
-        let key = attrs[i++];
-        let value = attrs[i];
-        let styleScopedId = null;
-        if (isSSRUnsafeAttr(key)) {
-          if (isDev6) {
-            throw qError(32 /* unsafeAttr */, [key]);
-          }
-          continue;
+    let isLoopElement = null;
+    for (let key in attrs) {
+      let value = attrs[key];
+      if (isSSRUnsafeAttr(key)) {
+        if (isDev7) {
+          throw qError(32 /* unsafeAttr */, [key]);
         }
-        if (key === "class" && Array.isArray(value)) {
-          const [signalValue, styleId] = value;
-          value = signalValue;
-          styleScopedId = styleId;
-        }
-        if (key === "ref") {
-          const lastNode = this.getOrCreateLastNode();
-          if (isSignal(value)) {
-            value.$untrackedValue$ = new DomRef(lastNode);
-            continue;
-          } else if (typeof value === "function") {
-            value(new DomRef(lastNode));
-            continue;
-          } else if (value == null) {
-            continue;
-          } else {
-            throw qError(15 /* invalidRefValue */, [currentFile]);
-          }
+        continue;
+      }
+      if (isHtmlAttributeAnEventName(key)) {
+        if (isLoopElement === null) {
+          isLoopElement = attributesContainsIterationProp(attrs);
         }
+        value = _setEvent(this.serializationCtx, key, value, isLoopElement);
+      } else if (key === "ref") {
+        const lastNode = this.getOrCreateLastNode();
         if (isSignal(value)) {
-          const lastNode = this.getOrCreateLastNode();
-          const signalData = new SubscriptionData({
-            $scopedStyleIdPrefix$: styleScopedId,
-            $isConst$: isConst
-          });
-          const signal = value;
-          value = retryOnPromise(
-            () => this.trackSignalValue(signal, lastNode, key, signalData)
-          );
-        }
-        if (isPromise(value)) {
-          const lastNode = this.getOrCreateLastNode();
-          this.addPromiseAttribute(value);
-          value.then((resolvedValue) => {
-            this.addBackpatchEntry(lastNode.id, key, resolvedValue);
-          });
+          value.$untrackedValue$ = new DomRef(lastNode);
           continue;
+        } else if (typeof value === "function") {
+          value(new DomRef(lastNode));
+          continue;
+        } else if (value == null) {
+          continue;
+        } else {
+          throw qError(15 /* invalidRefValue */, [currentFile]);
         }
-        if (key === dangerouslySetInnerHTML) {
-          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 (isDev6) {
-              throw qError(23 /* wrongTextareaValue */, [currentFile, value]);
-            }
-            continue;
-          }
-          innerHTML = escapeHTML(value || "");
+      } else if (key === ITERATION_ITEM_SINGLE || key === ITERATION_ITEM_MULTI) {
+        value = this.serializationCtx.$addRoot$(value);
+      } else if (isSignal(value)) {
+        const lastNode = this.getOrCreateLastNode();
+        const signalData = new SubscriptionData({
+          $scopedStyleIdPrefix$: styleScopedId,
+          $isConst$: isConst
+        });
+        const signal = value;
+        value = retryOnPromise(
+          () => this.trackSignalValue(signal, lastNode, key, signalData)
+        );
+      }
+      if (isPromise(value)) {
+        const lastNode = this.getOrCreateLastNode();
+        this.addPromiseAttribute(value);
+        value.then((resolvedValue) => {
+          this.addBackpatchEntry(lastNode.id, key, resolvedValue);
+        });
+        continue;
+      }
+      if (key === dangerouslySetInnerHTML) {
+        if (value) {
+          innerHTML = String(value);
           key = QContainerAttr;
-          value = "text" /* TEXT */;
+          value = "html" /* HTML */;
+        }
+        if (tag === "style") {
+          continue;
         }
-        const serializedValue = serializeAttribute(key, value, styleScopedId);
-        if (serializedValue != null && serializedValue !== false) {
-          this.write(" ");
-          this.write(key);
-          if (serializedValue !== true) {
-            this.write('="');
-            const strValue = escapeHTML(String(serializedValue));
-            this.write(strValue);
-            this.write('"');
+      } else if (isPreventDefault(key)) {
+        addPreventDefaultEventToSerializationContext(this.serializationCtx, key);
+      }
+      if (tag === "textarea" && key === "value") {
+        if (value && typeof value !== "string") {
+          if (isDev7) {
+            throw qError(23 /* wrongTextareaValue */, [currentFile, value]);
           }
+          continue;
+        }
+        innerHTML = escapeHTML(value || "");
+        key = QContainerAttr;
+        value = "text" /* TEXT */;
+      }
+      const serializedValue = serializeAttribute(key, value, styleScopedId);
+      if (serializedValue != null && serializedValue !== false) {
+        this.write(SPACE);
+        this.write(key);
+        if (serializedValue !== true) {
+          this.write(ATTR_EQUALS_QUOTE);
+          const strValue = escapeHTML(String(serializedValue));
+          this.write(strValue);
+          this.write(QUOTE);
         }
       }
     }
     return innerHTML;
   }
   addPromiseAttribute(promise) {
-    this.promiseAttributes || (this.promiseAttributes = []);
+    this.promiseAttributes ||= [];
     this.promiseAttributes.push(promise);
   }
   async resolvePromiseAttributes() {
@@ -3054,15 +3092,13 @@ var SSRContainer = class extends _SharedContainer {
 };
 var isQwikStyleElement = (tag, attrs) => {
   if (tag === "style" && attrs != null) {
-    for (let i = 0; i < attrs.length; i = i + 2) {
-      const attr = attrs[i];
-      if (attr === QStyle || attr === QScopedStyle) {
-        return true;
-      }
-    }
+    return Object.prototype.hasOwnProperty.call(attrs, QStyle) || Object.prototype.hasOwnProperty.call(attrs, QScopedStyle);
   }
   return false;
 };
+var attributesContainsIterationProp = (attrs) => {
+  return Object.prototype.hasOwnProperty.call(attrs, ITERATION_ITEM_SINGLE) || Object.prototype.hasOwnProperty.call(attrs, ITERATION_ITEM_MULTI);
+};
 function newTagError(text) {
   return qError(12 /* tagError */, [text]);
 }
@@ -3081,9 +3117,125 @@ function isSSRUnsafeAttr(name) {
 function hash() {
   return Math.random().toString(36).slice(2);
 }
+function addPreventDefaultEventToSerializationContext(serializationCtx, key) {
+  const eventName = "e" + key.substring(14);
+  if (eventName) {
+    serializationCtx.$eventNames$.add(eventName);
+  }
+}
 
 // packages/qwik/src/server/ssr-render.ts
 import { manifest as builtManifest } from "@qwik-client-manifest";
+
+// packages/qwik/src/server/ssr-stream-handler.ts
+var StreamHandler = class {
+  constructor(opts, timing) {
+    this.opts = opts;
+    this.timing = timing;
+    this.inOrderStreaming = opts.streaming?.inOrder ?? {
+      strategy: "auto",
+      maximumInitialChunk: 2e4,
+      maximumChunk: 1e4
+    };
+    this.nativeStream = opts.stream;
+    this.stream = this.setupStreamWriter();
+  }
+  bufferSize = 0;
+  buffer = "";
+  networkFlushes = 0;
+  inOrderStreaming;
+  streamBlockDepth = 0;
+  streamBlockBuffer = "";
+  streamBlockBufferSize = 0;
+  nativeStream;
+  firstFlushTimer = createTimer();
+  stream;
+  setupStreamWriter() {
+    const handler = this;
+    let stream;
+    switch (this.inOrderStreaming.strategy) {
+      case "disabled":
+        stream = {
+          write(chunk) {
+            if (chunk === void 0 || chunk === null) {
+              return;
+            }
+            handler.enqueue(chunk);
+          }
+        };
+        break;
+      case "direct": {
+        const originalStream = this.nativeStream;
+        stream = {
+          write(chunk) {
+            if (chunk === void 0 || chunk === null) {
+              return;
+            }
+            originalStream.write(chunk);
+          }
+        };
+        break;
+      }
+      default:
+      case "auto": {
+        const minimumChunkSize = this.inOrderStreaming.maximumChunk ?? 0;
+        const initialChunkSize = this.inOrderStreaming.maximumInitialChunk ?? 0;
+        stream = {
+          write(chunk) {
+            if (chunk === void 0 || chunk === null) {
+              return;
+            }
+            handler.enqueue(chunk);
+            if (handler.streamBlockDepth === 0) {
+              const maxBufferSize = handler.networkFlushes === 0 ? initialChunkSize : minimumChunkSize;
+              if (handler.bufferSize >= maxBufferSize) {
+                handler.flush();
+              }
+            }
+          }
+        };
+        break;
+      }
+    }
+    return stream;
+  }
+  enqueue(chunk) {
+    const len = chunk.length;
+    if (this.streamBlockDepth > 0) {
+      this.streamBlockBuffer += chunk;
+      this.streamBlockBufferSize += len;
+    } else {
+      this.bufferSize += len;
+      this.buffer += chunk;
+    }
+  }
+  flush() {
+    if (this.buffer) {
+      this.nativeStream.write(this.buffer);
+      this.buffer = "";
+      this.bufferSize = 0;
+      this.networkFlushes++;
+      if (this.networkFlushes === 1) {
+        this.timing.firstFlush = this.firstFlushTimer();
+      }
+    }
+  }
+  streamBlockStart() {
+    this.streamBlockDepth++;
+  }
+  streamBlockEnd() {
+    this.streamBlockDepth--;
+    if (this.streamBlockDepth === 0 && this.streamBlockBuffer) {
+      this.buffer += this.streamBlockBuffer;
+      this.bufferSize += this.streamBlockBufferSize;
+      this.streamBlockBuffer = "";
+      this.streamBlockBufferSize = 0;
+      this.flush();
+    }
+  }
+};
+
+// packages/qwik/src/server/ssr-render.ts
 var renderToString = async (jsx, opts = {}) => {
   const chunks = [];
   const stream = {
@@ -3110,11 +3262,12 @@ var renderToStream = async (jsx, opts) => {
   const buildBase = getBuildBase(opts);
   const resolvedManifest = resolveManifest(opts.manifest);
   const locale = typeof opts.locale === "function" ? opts.locale(opts) : opts.serverData?.locale || opts.locale || opts.containerAttributes?.locale || "";
-  const { stream, flush, networkFlushes } = handleStreaming(opts, timing);
+  const streamHandler = new StreamHandler(opts, timing);
   const ssrContainer = ssrCreateContainer({
     tagName: containerTagName,
     locale,
-    writer: stream,
+    writer: streamHandler.stream,
+    streamHandler,
     timing,
     buildBase,
     resolvedManifest,
@@ -3123,11 +3276,9 @@ var renderToStream = async (jsx, opts) => {
   await setServerPlatform(opts, resolvedManifest);
   await ssrContainer.render(jsx);
   await ssrContainer.$renderPromise$;
-  flush();
-  const snapshotResult = getSnapshotResult(ssrContainer);
+  streamHandler.flush();
   const result = {
-    snapshotResult,
-    flushes: networkFlushes,
+    flushes: streamHandler.networkFlushes,
     manifest: resolvedManifest?.manifest,
     size: ssrContainer.size,
     isStatic: false,
@@ -3135,110 +3286,6 @@ var renderToStream = async (jsx, opts) => {
   };
   return result;
 };
-function getSnapshotResult(ssrContainer) {
-  const hasListeners = !ssrContainer.isStatic();
-  const canRender = false;
-  return hasListeners ? {
-    funcs: Array.from(ssrContainer.serializationCtx.$syncFns$),
-    mode: canRender ? "render" : "listeners",
-    qrls: Array.from(ssrContainer.serializationCtx.$eventQrls$),
-    resources: Array.from(ssrContainer.serializationCtx.$resources$)
-  } : {
-    funcs: [],
-    mode: "static",
-    qrls: [],
-    resources: Array.from(ssrContainer.serializationCtx.$resources$)
-  };
-}
-function handleStreaming(opts, timing) {
-  const firstFlushTimer = createTimer();
-  let stream = opts.stream;
-  let bufferSize = 0;
-  let buffer = "";
-  let networkFlushes = 0;
-  const inOrderStreaming = opts.streaming?.inOrder ?? {
-    strategy: "auto",
-    maximumInitialChunk: 2e4,
-    maximumChunk: 1e4
-  };
-  const nativeStream = stream;
-  function flush() {
-    if (buffer) {
-      nativeStream.write(buffer);
-      buffer = "";
-      bufferSize = 0;
-      networkFlushes++;
-      if (networkFlushes === 1) {
-        timing.firstFlush = firstFlushTimer();
-      }
-    }
-  }
-  function enqueue(chunk) {
-    const len = chunk.length;
-    bufferSize += len;
-    buffer += chunk;
-  }
-  switch (inOrderStreaming.strategy) {
-    case "disabled":
-      stream = {
-        write(chunk) {
-          if (shouldSkipChunk(chunk)) {
-            return;
-          }
-          enqueue(chunk);
-        }
-      };
-      break;
-    case "direct":
-      stream = {
-        write(chunk) {
-          if (shouldSkipChunk(chunk)) {
-            return;
-          }
-          nativeStream.write(chunk);
-        }
-      };
-      break;
-    case "auto":
-      let openedSSRStreamBlocks = 0;
-      let forceFlush = false;
-      const minimumChunkSize = inOrderStreaming.maximumChunk ?? 0;
-      const initialChunkSize = inOrderStreaming.maximumInitialChunk ?? 0;
-      stream = {
-        write(chunk) {
-          if (chunk === void 0 || chunk === null) {
-            return;
-          }
-          if (chunk === "<!--" + FLUSH_COMMENT + "-->") {
-            forceFlush = true;
-          } else if (chunk === "<!--" + STREAM_BLOCK_START_COMMENT + "-->") {
-            openedSSRStreamBlocks++;
-          } else if (chunk === "<!--" + STREAM_BLOCK_END_COMMENT + "-->") {
-            openedSSRStreamBlocks--;
-            if (openedSSRStreamBlocks === 0) {
-              forceFlush = true;
-            }
-          } else {
-            enqueue(chunk);
-          }
-          const maxBufferSize = networkFlushes === 0 ? initialChunkSize : minimumChunkSize;
-          if (openedSSRStreamBlocks === 0 && (forceFlush || bufferSize >= maxBufferSize)) {
-            forceFlush = false;
-            flush();
-          }
-        }
-      };
-      break;
-  }
-  return {
-    stream,
-    flush,
-    networkFlushes
-  };
-}
-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) {
   const mergedManifest = manifest ? { ...builtManifest, ...manifest } : builtManifest;
   if (!mergedManifest || "mapper" in mergedManifest) {