npm - @qwik.dev/core - Versions diffs - 2.0.0-alpha.2 → 2.0.0-alpha.4 - Mend

@qwik.dev/core 2.0.0-alpha.2 → 2.0.0-alpha.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (31) hide show

package/bindings/qwik.darwin-arm64.node +0 -0
package/bindings/qwik.darwin-x64.node +0 -0
package/bindings/qwik.linux-x64-gnu.node +0 -0
package/bindings/qwik.wasm.cjs +259 -272
package/bindings/qwik.wasm.mjs +259 -272
package/bindings/qwik.win32-x64-msvc.node +0 -0
package/bindings/qwik_wasm_bg.wasm +0 -0
package/dist/build/package.json +1 -1
package/dist/cli.cjs +34 -4
package/dist/core-internal.d.ts +41 -22
package/dist/core.cjs +6313 -6125
package/dist/core.cjs.map +1 -1
package/dist/core.min.mjs +1 -1
package/dist/core.mjs +6300 -6124
package/dist/core.mjs.map +1 -1
package/dist/core.prod.cjs +1574 -1407
package/dist/core.prod.mjs +3043 -2898
package/dist/insights/index.qwik.cjs +144 -147
package/dist/insights/index.qwik.mjs +144 -147
package/dist/loader/package.json +1 -1
package/dist/optimizer.cjs +1946 -1927
package/dist/optimizer.mjs +2410 -2444
package/dist/prefetch/package.json +1 -1
package/dist/server.cjs +745 -578
package/dist/server.mjs +736 -570
package/dist/testing/index.cjs +3297 -3119
package/dist/testing/index.mjs +3267 -3090
package/dist/testing/package.json +1 -1
package/package.json +4 -4
package/public.d.ts +3 -0
package/dist/index.d.ts +0 -2

package/dist/server.mjs CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * @license
- * @qwik.dev/core/server 2.0.0-alpha.2-dev+58b6f8d
+ * @qwik.dev/core/server 2.0.0-alpha.4-dev+374e0d6
  * 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
@@ -125,7 +125,7 @@ var logWarn = (message, ...optionalParams) => {
 };
 var createAndLogError = (asyncThrow, message, ...optionalParams) => {
   const err = message instanceof Error ? message : new Error(message);
-  console.error("%cQWIK ERROR", STYLE, err.message, ...optionalParams, err.stack);
+  !qTest && console.error("%cQWIK ERROR", STYLE, err.message, ...optionalParams, err.stack);
   asyncThrow && !qTest && setTimeout(() => {
     throw err;
   }, 0);
@@ -138,24 +138,24 @@ var codeToText = (code, ...parts) => {
     const MAP = [
       "Error while serializing class or style attributes",
       // 0
-      "Can not serialize a HTML Node that is not an Element",
-      // 1
-      "Runtime but no instance found on element.",
-      // 2
-      "Only primitive and object literals can be serialized",
+      "",
+      // 1 unused
+      "",
+      // 2 unused
+      "Only primitive and object literals can be serialized. {{0}}",
       // 3
-      "Crash while rendering",
-      // 4
+      "",
+      // 4 unused
       "You can render over a existing q:container. Skipping render().",
       // 5
-      "Set property {{0}}",
-      // 6
-      "Only function's and 'string's are supported.",
-      // 7
-      "Only objects can be wrapped in 'QObject'",
-      // 8
-      `Only objects literals can be wrapped in 'QObject'`,
-      // 9
+      "",
+      // 6 unused
+      "",
+      // 7 unused
+      "",
+      // 8 unused
+      "",
+      // 9 unused
       "QRL is not a function",
       // 10
       "Dynamic import not found",
@@ -166,43 +166,81 @@ var codeToText = (code, ...parts) => {
       // 13
       "Invoking 'use*()' method outside of invocation context.",
       // 14
-      "Cant access renderCtx for existing context",
-      // 15
-      "Cant access document for existing context",
-      // 16
-      "props are immutable",
-      // 17
-      "<div> component can only be used at the root of a Qwik component$()",
-      // 18
-      "Props are immutable by default.",
-      // 19
+      "",
+      // 15 unused
+      "",
+      // 16 unused
+      "",
+      // 17 unused
+      "",
+      // 18 unused
+      "",
+      // 19 unused
       `Calling a 'use*()' method outside 'component$(() => { HERE })' is not allowed. 'use*()' methods provide hooks to the 'component$' state and lifecycle, ie 'use' hooks can only be called synchronously within the 'component$' function or another 'use' method.
 See https://qwik.dev/docs/components/tasks/#use-method-rules`,
       // 20
-      "Container is already paused. Skipping",
-      // 21
       "",
-      // 22 -- unused
-      "When rendering directly on top of Document, the root node must be a <html>",
-      // 23
-      "A <html> node must have 2 children. The first one <head> and the second one a <body>",
-      // 24
-      'Invalid JSXNode type "{{0}}". It must be either a function or a string. Found:',
-      // 25
-      "Tracking value changes can only be done to useStore() objects and component props",
-      // 26
-      "Missing Object ID for captured object",
-      // 27
+      // 21 unused
+      "",
+      // 22 unused
+      "",
+      // 23 unused
+      "",
+      // 24 unused
+      "",
+      // 25 unused
+      "",
+      // 26 unused
+      "",
+      // 27 unused
       'The provided Context reference "{{0}}" is not a valid context created by createContextId()',
       // 28
-      "<html> is the root container, it can not be rendered inside a component",
+      "SsrError(tag): {{0}}",
       // 29
       "QRLs can not be resolved because it does not have an attached container. This means that the QRL does not know where it belongs inside the DOM, so it cant dynamically import() from a relative path.",
       // 30
       "QRLs can not be dynamically resolved, because it does not have a chunk path",
       // 31
-      "The JSX ref attribute must be a Signal"
+      "The JSX ref attribute must be a Signal",
       // 32
+      "Serialization Error: Deserialization of data type {{0}} is not implemented",
+      // 33
+      "Serialization Error: Expected vnode for ref prop, but got {{0}}",
+      // 34
+      "Serialization Error: Cannot allocate data type {{0}}",
+      // 35
+      "Serialization Error: Missing root id for {{0}}",
+      // 36
+      "Serialization Error: Serialization of data type {{0}} is not implemented",
+      // 37
+      "Serialization Error: Unvisited {{0}}",
+      // 38
+      "Serialization Error: Missing QRL chunk for {{0}}",
+      // 39
+      "The value of the textarea must be a string",
+      // 40
+      "Unable to find q:container",
+      // 41
+      "Element must have 'q:container' attribute.",
+      // 42
+      "Unknown vnode type {{0}}.",
+      // 43
+      "Materialize error: missing element: {{0}} {{1}} {{2}}",
+      // 44
+      "SsrError: {{0}}",
+      // 45
+      "Cannot coerce a Signal, use `.value` instead",
+      // 46
+      "useComputedSignal$ QRL {{0}} {{1}} returned a Promise",
+      // 47
+      "ComputedSignal is read-only",
+      // 48
+      "WrappedSignal is read-only",
+      // 49
+      "SsrError: Promises not expected here.",
+      // 50
+      "Attribute value is unsafe for SSR"
+      // 51
     ];
     let text = MAP[code] ?? "";
     if (parts.length) {
@@ -214,19 +252,14 @@ See https://qwik.dev/docs/components/tasks/#use-method-rules`,
         return v;
       });
     }
-    return `Code(${code}): ${text}`;
+    return `Code(Q${code}): ${text}`;
   } else {
-    return `Code(${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/main/packages/qwik/src/core/error/error.ts#L${8 + code}`;
   }
 };
-var QError_stringifyClassOrStyle = 0;
-var QError_verifySerializable = 3;
-var QError_qrlIsNotFunction = 10;
-var QError_qrlMissingContainer = 30;
-var QError_qrlMissingChunk = 31;
-var qError = (code, ...parts) => {
-  const text = codeToText(code, ...parts);
-  return logErrorAndStop(text, ...parts);
+var qError = (code, errorMessageArgs = []) => {
+  const text = codeToText(code, ...errorMessageArgs);
+  return logErrorAndStop(text, ...errorMessageArgs);
 };
 // packages/qwik/src/core/shared/utils/event-names.ts
@@ -405,7 +438,7 @@ var isUnitlessNumber = (name) => {
 };
 // packages/qwik/src/core/shared/qrl/qrl-class.ts
-import { isDev as isDev8 } from "@qwik.dev/core/build";
+import { isDev as isDev7 } from "@qwik.dev/core/build";
 // packages/qwik/src/core/shared/error/assert.ts
 var ASSERT_DISCLAIMER = "Internal assert, this is likely caused by a bug in Qwik: ";
@@ -464,10 +497,10 @@ var createPlatform2 = () => {
         }
       }
       if (!url) {
-        throw qError(QError_qrlMissingChunk, symbolName);
+        throw qError(31 /* qrlMissingChunk */, [symbolName]);
       }
       if (!containerEl) {
-        throw qError(QError_qrlMissingContainer, url, symbolName);
+        throw qError(30 /* qrlMissingContainer */, [url, symbolName]);
       }
       const urlDoc = toUrl(containerEl.ownerDocument, containerEl, url).toString();
       const urlCopy = new URL(urlDoc);
@@ -544,7 +577,7 @@ var maybeThenPassError = (valueOrPromise, thenFn) => {
   return isPromise(valueOrPromise) ? valueOrPromise.then(thenFn) : thenFn(valueOrPromise);
 };
 var shouldNotError = (reason) => {
-  throwErrorAndStop("QWIK ERROR:", reason);
+  throwErrorAndStop(reason);
 };
 var delay = (timeout) => {
   return new Promise((resolve) => {
@@ -565,260 +598,6 @@ function retryOnPromise(fn, retryCount = 0) {
 // packages/qwik/src/build/index.dev.ts
 var isDev = true;
-// packages/qwik/src/server/ssr-node.ts
-import { _isJSXNode as isJSXNode, _EMPTY_ARRAY } from "@qwik.dev/core";
-import { isDev as isDev2 } from "@qwik.dev/core/build";
-var SsrNode = class {
-  constructor(currentComponentNode, nodeType, id, attrs, cleanupQueue, vnodeData) {
-    this.attrs = attrs;
-    this.cleanupQueue = cleanupQueue;
-    this.vnodeData = vnodeData;
-    __publicField(this, "__brand__");
-    /** @param nodeType - Node type: ELEMENT_NODE, TEXT_NODE, DOCUMENT_NODE */
-    __publicField(this, "nodeType");
-    /**
-     * ID which the deserialize will use to retrieve the node.
-     *
-     * @param refId - Unique id for the node.
-     */
-    __publicField(this, "id");
-    /** Local props which don't serialize; */
-    __publicField(this, "locals", null);
-    __publicField(this, "currentComponentNode");
-    __publicField(this, "childrenVNodeData", null);
-    this.currentComponentNode = currentComponentNode;
-    this.currentComponentNode?.addChildVNodeData(this.vnodeData);
-    this.nodeType = nodeType;
-    this.id = id;
-    if (isDev2 && id.indexOf("undefined") != -1) {
-      throw new Error(`Invalid SSR node id: ${id}`);
-    }
-  }
-  setProp(name, value) {
-    if (this.attrs === _EMPTY_ARRAY) {
-      this.attrs = [];
-    }
-    if (name.startsWith(NON_SERIALIZABLE_MARKER_PREFIX)) {
-      mapArray_set(this.locals || (this.locals = []), name, value, 0);
-    } else {
-      mapArray_set(this.attrs, name, value, 0);
-    }
-    if (name == ELEMENT_SEQ && value) {
-      this.cleanupQueue.push(value);
-    }
-  }
-  getProp(name) {
-    if (name.startsWith(NON_SERIALIZABLE_MARKER_PREFIX)) {
-      return this.locals ? mapArray_get(this.locals, name, 0) : null;
-    } else {
-      return mapArray_get(this.attrs, name, 0);
-    }
-  }
-  removeProp(name) {
-    if (name.startsWith(NON_SERIALIZABLE_MARKER_PREFIX)) {
-      if (this.locals) {
-        mapApp_remove(this.locals, name, 0);
-      }
-    } else {
-      mapApp_remove(this.attrs, name, 0);
-    }
-  }
-  addChildVNodeData(child) {
-    if (!this.childrenVNodeData) {
-      this.childrenVNodeData = [];
-    }
-    this.childrenVNodeData.push(child);
-  }
-  toString() {
-    let stringifiedAttrs = "";
-    for (let i = 0; i < this.attrs.length; i += 2) {
-      const key = this.attrs[i];
-      const value = this.attrs[i + 1];
-      stringifiedAttrs += `${key}=`;
-      stringifiedAttrs += `${typeof value === "string" || typeof value === "number" ? JSON.stringify(value) : "*"}`;
-      if (i < this.attrs.length - 2) {
-        stringifiedAttrs += ", ";
-      }
-    }
-    return `SSRNode [<${this.id}> ${stringifiedAttrs}]`;
-  }
-};
-__publicField(SsrNode, "ELEMENT_NODE", 1);
-__publicField(SsrNode, "TEXT_NODE", 3);
-__publicField(SsrNode, "DOCUMENT_NODE", 9);
-__publicField(SsrNode, "DOCUMENT_FRAGMENT_NODE", 11);
-var DomRef = class {
-  /** @id is the same id as for SsrNode */
-  constructor(id) {
-    this.id = id;
-  }
-};
-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);
-  }
-  distributeChildrenIntoSlots(children, projectionScopedStyle, projectionComponentFrame) {
-    this.projectionScopedStyle = projectionScopedStyle;
-    this.projectionComponentFrame = projectionComponentFrame;
-    if (isJSXNode(children)) {
-      const slotName = this.getSlotName(children);
-      mapArray_set(this.slots, slotName, children, 0);
-    } else if (Array.isArray(children)) {
-      const defaultSlot = [];
-      for (let i = 0; i < children.length; i++) {
-        const child = children[i];
-        if (isJSXNode(child)) {
-          const slotName = this.getSlotName(child);
-          if (slotName === QDefaultSlot) {
-            defaultSlot.push(child);
-          } else {
-            this.updateSlot(slotName, child);
-          }
-        } else {
-          defaultSlot.push(child);
-        }
-      }
-      defaultSlot.length && mapArray_set(this.slots, QDefaultSlot, defaultSlot, 0);
-    } else {
-      mapArray_set(this.slots, QDefaultSlot, children, 0);
-    }
-  }
-  updateSlot(slotName, child) {
-    let existingSlots = mapArray_get(this.slots, slotName, 0);
-    if (existingSlots === null) {
-      existingSlots = child;
-    } else if (Array.isArray(existingSlots)) {
-      existingSlots.push(child);
-    } else {
-      existingSlots = [existingSlots, child];
-    }
-    mapArray_set(this.slots, slotName, existingSlots, 0);
-  }
-  getSlotName(jsx2) {
-    if (jsx2.props[QSlot]) {
-      return jsx2.props[QSlot];
-    }
-    return QDefaultSlot;
-  }
-  hasSlot(slotName) {
-    return mapArray_get(this.slots, slotName, 0) !== null;
-  }
-  consumeChildrenForSlot(projectionNode, slotName) {
-    const children = mapApp_remove(this.slots, slotName, 0);
-    if (children !== null) {
-      this.componentNode.setProp(slotName, projectionNode.id);
-      projectionNode.setProp(QSlotParent, this.componentNode.id);
-    }
-    return children;
-  }
-  releaseUnclaimedProjections(unclaimedProjections) {
-    if (this.slots.length) {
-      unclaimedProjections.push(this);
-      unclaimedProjections.push(this.projectionScopedStyle);
-      unclaimedProjections.push.apply(unclaimedProjections, this.slots);
-    }
-  }
-};
-// packages/qwik/src/server/vnode-data.ts
-var OPEN_FRAGMENT = Number.MAX_SAFE_INTEGER;
-var CLOSE_FRAGMENT = Number.MAX_SAFE_INTEGER - 1;
-var EMPTY_ARRAY = [];
-function vNodeData_incrementElementCount(vNodeData) {
-  const length = vNodeData.length;
-  const lastValue = length > 1 ? vNodeData[length - 1] : 0;
-  if (lastValue >= 0) {
-    vNodeData.push(-1);
-  } else {
-    vNodeData[length - 1] = lastValue - 1;
-  }
-}
-function vNodeData_addTextSize(vNodeData, size) {
-  const length = vNodeData.length;
-  const lastValue = length > 1 ? vNodeData[length - 1] : 0;
-  if (length > 1 && lastValue >= 0) {
-    vNodeData[0] |= 1 /* TEXT_DATA */;
-  }
-  vNodeData.push(size);
-  if (size == 0) {
-    vNodeData[0] |= 1 /* TEXT_DATA */;
-  }
-}
-function vNodeData_openFragment(vNodeData, attrs) {
-  vNodeData.push(attrs, OPEN_FRAGMENT);
-  vNodeData[0] |= 2 /* VIRTUAL_NODE */;
-}
-function vNodeData_closeFragment(vNodeData) {
-  vNodeData.push(CLOSE_FRAGMENT);
-}
-function vNodeData_createSsrNodeReference(currentComponentNode, vNodeData, depthFirstElementIdx, cleanupQueue) {
-  vNodeData[0] |= 4 /* REFERENCE */;
-  if (vNodeData.length == 1) {
-    return new SsrNode(
-      currentComponentNode,
-      SsrNode.ELEMENT_NODE,
-      String(depthFirstElementIdx),
-      EMPTY_ARRAY,
-      cleanupQueue,
-      vNodeData
-    );
-  } else {
-    let fragmentAttrs = EMPTY_ARRAY;
-    const stack2 = [SsrNode.ELEMENT_NODE, -1];
-    for (let i = 1; i < vNodeData.length; i++) {
-      const value = vNodeData[i];
-      if (Array.isArray(value)) {
-        fragmentAttrs = value;
-        i++;
-        stack2[stack2.length - 1]++;
-        stack2.push(SsrNode.DOCUMENT_FRAGMENT_NODE, -1);
-      } else if (value === CLOSE_FRAGMENT) {
-        stack2.pop();
-        stack2.pop();
-        fragmentAttrs = EMPTY_ARRAY;
-      } else if (value < 0) {
-        const numberOfElements = 0 - value;
-        stack2[stack2.length - 1] += numberOfElements;
-      } else {
-        stack2[stack2.length - 1]++;
-      }
-    }
-    let refId = String(depthFirstElementIdx);
-    for (let i = 1; i < stack2.length; i += 2) {
-      const childCount = stack2[i];
-      if (childCount >= 0) {
-        refId += encodeAsAlphanumeric(childCount);
-      }
-    }
-    const type = stack2[stack2.length - 2];
-    return new SsrNode(currentComponentNode, type, refId, fragmentAttrs, cleanupQueue, vNodeData);
-  }
-}
-var ALPHANUMERIC = [];
-function encodeAsAlphanumeric(value) {
-  while (ALPHANUMERIC.length <= value) {
-    let value2 = ALPHANUMERIC.length;
-    let text = "";
-    do {
-      text = String.fromCharCode(
-        (text.length === 0 ? 65 : 97) + value2 % 26
-        /* A-Z */
-      ) + text;
-      value2 = Math.floor(
-        value2 / 26
-        /* A-Z */
-      );
-    } while (value2 !== 0);
-    ALPHANUMERIC.push(text);
-  }
-  return ALPHANUMERIC[value];
-}
 // packages/qwik/src/core/shared/types.ts
 var DEBUG_TYPE = "q:type";
 var START = "\x1B[34m";
@@ -906,6 +685,7 @@ var ELEMENT_KEY = "q:key";
 var ELEMENT_PROPS = "q:props";
 var ELEMENT_SEQ = "q:seq";
 var ELEMENT_SEQ_IDX = "q:seqIdx";
+var Q_PREFIX = "q:";
 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";
@@ -923,7 +703,7 @@ function setLocale(locale) {
 }
 // packages/qwik/src/core/client/vnode.ts
-import { isDev as isDev7 } from "@qwik.dev/core/build";
+import { isDev as isDev6 } from "@qwik.dev/core/build";
 // packages/qwik/src/server/utils.ts
 function createTimer() {
@@ -951,12 +731,12 @@ function getBuildBase(opts) {
   return `${import.meta.env.BASE_URL}build/`;
 }
 var versions = {
-  qwik: "2.0.0-alpha.2-dev+58b6f8d",
+  qwik: "2.0.0-alpha.4-dev+374e0d6",
   qwikDom: "2.1.19"
 };
 // packages/qwik/src/server/prefetch-strategy.ts
-import { isDev as isDev3 } from "@qwik.dev/core/build";
+import { isDev as isDev2 } from "@qwik.dev/core/build";
 function getPrefetchResources(qrls, opts, resolvedManifest) {
   if (!resolvedManifest) {
     return [];
@@ -994,7 +774,7 @@ function getAutoPrefetch(qrls, resolvedManifest, buildBase) {
   return prefetchResources;
 }
 function addBundle(manifest, urls, prefetchResources, buildBase, bundleFileName) {
-  const url = isDev3 ? bundleFileName : buildBase + bundleFileName;
+  const url = isDev2 ? bundleFileName : buildBase + bundleFileName;
   let prefetchResource = urls.get(url);
   if (!prefetchResource) {
     prefetchResource = {
@@ -1018,13 +798,13 @@ var isQrl = (value) => {
 };
 // packages/qwik/src/core/shared/utils/flyweight.ts
-var EMPTY_ARRAY2 = [];
+var EMPTY_ARRAY = [];
 var EMPTY_OBJ = {};
-Object.freeze(EMPTY_ARRAY2);
+Object.freeze(EMPTY_ARRAY);
 Object.freeze(EMPTY_OBJ);
 // packages/qwik/src/core/ssr/ssr-render-jsx.ts
-import { isDev as isDev6 } from "@qwik.dev/core/build";
+import { isDev as isDev5 } from "@qwik.dev/core/build";
 // packages/qwik/src/core/shared/jsx/slot.public.ts
 var Slot = (props) => {
@@ -1214,8 +994,11 @@ var Subscriber = class {
 function isSubscriber(value) {
   return value instanceof Subscriber || value instanceof WrappedSignal;
 }
-function clearVNodeEffectDependencies(value) {
-  const effects = vnode_getProp(value, QSubscribers, null);
+function clearVNodeEffectDependencies(container, value) {
+  if (vnode_isElementVNode(value)) {
+    ensureMaterialized(value);
+  }
+  const effects = vnode_getProp(value, QSubscribers, container.$getObjectById$);
   if (!effects) {
     return;
   }
@@ -1243,15 +1026,24 @@ function clearEffects(subscriber, value) {
     return false;
   }
   const effectSubscriptions = subscriber.$effects$;
-  if (!effectSubscriptions) {
-    return false;
+  const hostElement = subscriber.$hostElement$;
+  if (hostElement && hostElement === value) {
+    subscriber.$hostElement$ = null;
   }
   let subscriptionRemoved = false;
-  for (let i = effectSubscriptions.length - 1; i >= 0; i--) {
-    const effect = effectSubscriptions[i];
-    if (effect[0 /* EFFECT */] === value) {
-      effectSubscriptions.splice(i, 1);
-      subscriptionRemoved = true;
+  if (effectSubscriptions) {
+    for (let i = effectSubscriptions.length - 1; i >= 0; i--) {
+      const effect = effectSubscriptions[i];
+      if (effect[0 /* EFFECT */] === value) {
+        effectSubscriptions.splice(i, 1);
+        subscriptionRemoved = true;
+      }
+    }
+  }
+  const args = subscriber.$args$;
+  if (args) {
+    for (let i = args.length - 1; i >= 0; i--) {
+      clearEffects(args[i], subscriber);
     }
   }
   return subscriptionRemoved;
@@ -1405,7 +1197,7 @@ var ignoreErrorToPreventNodeFromCrashing = (err) => {
 };
 // packages/qwik/src/core/client/vnode-diff.ts
-import { isDev as isDev5 } from "@qwik.dev/core/build";
+import { isDev as isDev4 } from "@qwik.dev/core/build";
 // packages/qwik/src/core/client/vnode-namespace.ts
 var isForeignObjectElement = (elementName) => elementName.toLowerCase() === "foreignobject";
@@ -1577,7 +1369,7 @@ function getNewElementNamespaceData(domParentVNode, tagOrVNode) {
 }
 // packages/qwik/src/core/shared/component-execution.ts
-import { isDev as isDev4 } from "@qwik.dev/core/build";
+import { isDev as isDev3 } from "@qwik.dev/core/build";
 var executeComponent = (container, renderHost, subscriptionHost, componentQRL, props) => {
   const iCtx = newInvokeContext(container.$locale$, subscriptionHost, void 0, RenderEvent);
   iCtx.$effectSubscriber$ = [subscriptionHost, ":" /* COMPONENT */];
@@ -1613,7 +1405,7 @@ var executeComponent = (container, renderHost, subscriptionHost, componentQRL, p
         }
       }
       if (vnode_isVNode(renderHost)) {
-        clearVNodeEffectDependencies(renderHost);
+        clearVNodeEffectDependencies(container, renderHost);
       }
       return componentFn(props);
     },
@@ -1656,7 +1448,7 @@ function addUseOnEvents(jsx2, useOnEvents) {
             if (jsxElement2) {
               addUseOnEvent(jsxElement2, key, useOnEvents[key]);
             }
-          } else if (isDev4) {
+          } else if (isDev3) {
             logWarn(
               'You are trying to add an event "' + key + '" using `useOn` hook, but a node to which you can add an event is not found. Please make sure that the component has a valid element node. '
             );
@@ -1687,7 +1479,7 @@ function findFirstStringJSX(jsx2) {
   const queue = [jsx2];
   while (queue.length) {
     const jsx3 = queue.shift();
-    if (isJSXNode2(jsx3)) {
+    if (isJSXNode(jsx3)) {
       if (typeof jsx3.type === "string") {
         return jsx3;
       }
@@ -1706,7 +1498,7 @@ function findFirstStringJSX(jsx2) {
   return null;
 }
 function addScriptNodeForInvisibleComponents(jsx2) {
-  if (isJSXNode2(jsx2)) {
+  if (isJSXNode(jsx2)) {
     const jsxElement = new JSXNodeImpl(
       "script",
       {},
@@ -1805,12 +1597,12 @@ var vnode_diff = (container, jsxNode, vStartNode, scopedStyleIdPrefix) => {
             descend(jsxValue, false);
           } else if (isSignal(jsxValue)) {
             if (vCurrent) {
-              clearVNodeEffectDependencies(vCurrent);
+              clearVNodeEffectDependencies(container, vCurrent);
             }
             expectVirtual("S" /* WrappedSignal */, null);
             descend(
-              trackSignal(
-                () => jsxValue.value,
+              trackSignalAndAssignHost(
+                jsxValue,
                 vNewNode || vCurrent,
                 "." /* VNODE */,
                 container
@@ -1820,7 +1612,7 @@ var vnode_diff = (container, jsxNode, vStartNode, scopedStyleIdPrefix) => {
           } else if (isPromise(jsxValue)) {
             expectVirtual("A" /* Awaited */, null);
             asyncQueue.push(jsxValue, vNewNode || vCurrent);
-          } else if (isJSXNode2(jsxValue)) {
+          } else if (isJSXNode(jsxValue)) {
             const type = jsxValue.type;
             if (typeof type === "string") {
               expectNoMoreTextNodes();
@@ -1956,46 +1748,45 @@ var vnode_diff = (container, jsxNode, vStartNode, scopedStyleIdPrefix) => {
     }
   }
   function descendContentToProject(children, host) {
-    if (!Array.isArray(children)) {
-      children = [children];
-    }
-    if (children.length) {
-      const createProjectionJSXNode = (slotName) => {
-        return new JSXNodeImpl(Projection, EMPTY_OBJ, null, [], 0, slotName);
-      };
-      const projections = [];
-      if (host) {
-        for (let i = vnode_getPropStartIndex(host); i < host.length; i = i + 2) {
-          const prop = host[i];
-          if (isSlotProp(prop)) {
-            const slotName = prop;
-            projections.push(slotName);
-            projections.push(createProjectionJSXNode(slotName));
-          }
+    const projectionChildren = Array.isArray(children) ? children : [children];
+    const createProjectionJSXNode = (slotName) => {
+      return new JSXNodeImpl(Projection, EMPTY_OBJ, null, [], 0, slotName);
+    };
+    const projections = [];
+    if (host) {
+      for (let i = vnode_getPropStartIndex(host); i < host.length; i = i + 2) {
+        const prop = host[i];
+        if (isSlotProp(prop)) {
+          const slotName = prop;
+          projections.push(slotName);
+          projections.push(createProjectionJSXNode(slotName));
         }
       }
-      for (let i = 0; i < children.length; i++) {
-        const child = children[i];
-        const slotName = String(
-          isJSXNode2(child) && directGetPropsProxyProp(child, QSlot) || QDefaultSlot
-        );
-        const idx = mapApp_findIndx(projections, slotName, 0);
-        let jsxBucket;
-        if (idx >= 0) {
-          jsxBucket = projections[idx + 1];
-        } else {
-          projections.splice(~idx, 0, slotName, jsxBucket = createProjectionJSXNode(slotName));
-        }
-        const removeProjection = child === false;
-        if (!removeProjection) {
-          jsxBucket.children.push(child);
-        }
+    }
+    if (projections.length === 0 && children == null) {
+      return;
+    }
+    for (let i = 0; i < projectionChildren.length; i++) {
+      const child = projectionChildren[i];
+      const slotName = String(
+        isJSXNode(child) && directGetPropsProxyProp(child, QSlot) || QDefaultSlot
+      );
+      const idx = mapApp_findIndx(projections, slotName, 0);
+      let jsxBucket;
+      if (idx >= 0) {
+        jsxBucket = projections[idx + 1];
+      } else {
+        projections.splice(~idx, 0, slotName, jsxBucket = createProjectionJSXNode(slotName));
       }
-      for (let i = projections.length - 2; i >= 0; i = i - 2) {
-        projections.splice(i, 1);
+      const removeProjection = child === false;
+      if (!removeProjection) {
+        jsxBucket.children.push(child);
       }
-      descend(projections, true);
     }
+    for (let i = projections.length - 2; i >= 0; i = i - 2) {
+      projections.splice(i, 1);
+    }
+    descend(projections, true);
   }
   function expectProjection() {
     const jsxNode2 = jsxValue;
@@ -2008,8 +1799,8 @@ var vnode_diff = (container, jsxNode, vStartNode, scopedStyleIdPrefix) => {
     );
     if (vCurrent == null) {
       vNewNode = vnode_newVirtual();
-      isDev5 && vnode_setProp(vNewNode, DEBUG_TYPE, "P" /* Projection */);
-      isDev5 && vnode_setProp(vNewNode, "q:code", "expectProjection");
+      isDev4 && vnode_setProp(vNewNode, DEBUG_TYPE, "P" /* Projection */);
+      isDev4 && vnode_setProp(vNewNode, "q:code", "expectProjection");
       vnode_setProp(vNewNode, QSlot, slotName);
       vnode_setProp(vNewNode, QSlotParent, vParent);
       vnode_setProp(vParent, slotName, vNewNode);
@@ -2035,8 +1826,8 @@ var vnode_diff = (container, jsxNode, vStartNode, scopedStyleIdPrefix) => {
       );
       vnode_setProp(vNewNode, QSlot, slotNameKey);
       vHost && vnode_setProp(vHost, slotNameKey, vNewNode);
-      isDev5 && vnode_setProp(vNewNode, DEBUG_TYPE, "P" /* Projection */);
-      isDev5 && vnode_setProp(vNewNode, "q:code", "expectSlot" + count++);
+      isDev4 && vnode_setProp(vNewNode, DEBUG_TYPE, "P" /* Projection */);
+      isDev4 && vnode_setProp(vNewNode, "q:code", "expectSlot" + count++);
       return false;
     } else if (vProjectedNode === vCurrent) {
     } else {
@@ -2048,8 +1839,8 @@ var vnode_diff = (container, jsxNode, vStartNode, scopedStyleIdPrefix) => {
       );
       vnode_setProp(vNewNode, QSlot, slotNameKey);
       vHost && vnode_setProp(vHost, slotNameKey, vNewNode);
-      isDev5 && vnode_setProp(vNewNode, DEBUG_TYPE, "P" /* Projection */);
-      isDev5 && vnode_setProp(vNewNode, "q:code", "expectSlot" + count++);
+      isDev4 && vnode_setProp(vNewNode, DEBUG_TYPE, "P" /* Projection */);
+      isDev4 && vnode_setProp(vNewNode, "q:code", "expectSlot" + count++);
     }
     return true;
   }
@@ -2059,7 +1850,7 @@ var vnode_diff = (container, jsxNode, vStartNode, scopedStyleIdPrefix) => {
     if (constProps && typeof constProps == "object" && "name" in constProps) {
       const constValue = constProps.name;
       if (vHost && constValue instanceof WrappedSignal) {
-        return trackSignal(() => constValue.value, vHost, ":" /* COMPONENT */, container);
+        return trackSignalAndAssignHost(constValue, vHost, ":" /* COMPONENT */, container);
       }
     }
     return directGetPropsProxyProp(jsxNode2, "name") || QDefaultSlot;
@@ -2141,12 +1932,12 @@ var vnode_diff = (container, jsxNode, vStartNode, scopedStyleIdPrefix) => {
           }
         }
         if (isSignal(value)) {
-          const signalData = new EffectData({
+          const signalData = new EffectPropData({
             $scopedStyleIdPrefix$: scopedStyleIdPrefix,
             $isConst$: true
           });
-          value = trackSignal(
-            () => value.value,
+          value = trackSignalAndAssignHost(
+            value,
             vNewNode,
             key2,
             container,
@@ -2160,8 +1951,8 @@ var vnode_diff = (container, jsxNode, vStartNode, scopedStyleIdPrefix) => {
         }
         if (elementName === "textarea" && key2 === "value") {
           if (typeof value !== "string") {
-            if (isDev5) {
-              throwErrorAndStop("The value of the textarea must be a string");
+            if (isDev4) {
+              throw qError(40 /* wrongTextareaValue */);
             }
             continue;
           }
@@ -2293,7 +2084,7 @@ var vnode_diff = (container, jsxNode, vStartNode, scopedStyleIdPrefix) => {
       }
     };
     while (srcKey !== null || dstKey !== null) {
-      if (dstKey?.startsWith(HANDLER_PREFIX) || dstKey == ELEMENT_KEY) {
+      if (dstKey?.startsWith(HANDLER_PREFIX) || dstKey?.startsWith(Q_PREFIX)) {
         dstIdx++;
         dstKey = dstIdx < dstLength ? dstAttrs[dstIdx++] : null;
       } else if (srcKey == null) {
@@ -2404,7 +2195,7 @@ var vnode_diff = (container, jsxNode, vStartNode, scopedStyleIdPrefix) => {
       vCurrent && getInsertBefore()
     );
     vnode_setProp(vNewNode, ELEMENT_KEY, jsxKey);
-    isDev5 && vnode_setProp(vNewNode || vCurrent, DEBUG_TYPE, type);
+    isDev4 && vnode_setProp(vNewNode || vCurrent, DEBUG_TYPE, type);
   }
   function expectComponent(component) {
     const componentMeta = component[SERIALIZABLE_STATE];
@@ -2447,7 +2238,7 @@ var vnode_diff = (container, jsxNode, vStartNode, scopedStyleIdPrefix) => {
           container.$scheduler$(7 /* COMPONENT */, host, componentQRL, jsxProps);
         }
       }
-      jsxNode2.children != null && descendContentToProject(jsxNode2.children, host);
+      descendContentToProject(jsxNode2.children, host);
     } else {
       const lookupKey = jsxNode2.key;
       const vNodeLookupKey = getKey(host);
@@ -2479,7 +2270,7 @@ var vnode_diff = (container, jsxNode, vStartNode, scopedStyleIdPrefix) => {
   }
   function insertNewComponent(host, componentQRL, jsxProps) {
     if (host) {
-      clearVNodeEffectDependencies(host);
+      clearVNodeEffectDependencies(container, host);
     }
     vnode_insertBefore(
       journal,
@@ -2488,7 +2279,7 @@ var vnode_diff = (container, jsxNode, vStartNode, scopedStyleIdPrefix) => {
       vCurrent && getInsertBefore()
     );
     const jsxNode2 = jsxValue;
-    isDev5 && vnode_setProp(vNewNode, DEBUG_TYPE, "C" /* Component */);
+    isDev4 && vnode_setProp(vNewNode, DEBUG_TYPE, "C" /* Component */);
     container.setHostProp(vNewNode, OnRenderProp, componentQRL);
     container.setHostProp(vNewNode, ELEMENT_PROPS, jsxProps);
     container.setHostProp(vNewNode, ELEMENT_KEY, jsxNode2.key);
@@ -2501,7 +2292,7 @@ var vnode_diff = (container, jsxNode, vStartNode, scopedStyleIdPrefix) => {
       vCurrent && getInsertBefore()
     );
     const jsxNode2 = jsxValue;
-    isDev5 && vnode_setProp(vNewNode, DEBUG_TYPE, "I" /* InlineComponent */);
+    isDev4 && vnode_setProp(vNewNode, DEBUG_TYPE, "I" /* InlineComponent */);
     vnode_setProp(vNewNode, ELEMENT_PROPS, jsxNode2.props);
     if (jsxNode2.key) {
       vnode_setProp(vNewNode, ELEMENT_KEY, jsxNode2.key);
@@ -2545,8 +2336,8 @@ function propsDiffer(src, dst) {
   if (!src || !dst) {
     return true;
   }
-  let srcKeys = removeChildrenKey(Object.keys(src));
-  let dstKeys = removeChildrenKey(Object.keys(dst));
+  let srcKeys = removePropsKeys(Object.keys(src), ["children", QSubscribers]);
+  let dstKeys = removePropsKeys(Object.keys(dst), ["children", QSubscribers]);
   if (srcKeys.length !== dstKeys.length) {
     return true;
   }
@@ -2561,10 +2352,13 @@ function propsDiffer(src, dst) {
   }
   return false;
 }
-function removeChildrenKey(keys) {
-  const childrenIdx = keys.indexOf("children");
-  if (childrenIdx !== -1) {
-    keys.splice(childrenIdx, 1);
+function removePropsKeys(keys, propKeys) {
+  for (let i = propKeys.length - 1; i >= 0; i--) {
+    const propKey = propKeys[i];
+    const propIdx = keys.indexOf(propKey);
+    if (propIdx !== -1) {
+      keys.splice(propIdx, 1);
+    }
   }
   return keys;
 }
@@ -2577,9 +2371,9 @@ function cleanup(container, vNode) {
   do {
     const type = vCursor[0 /* flags */];
     if (type & 3 /* ELEMENT_OR_VIRTUAL_MASK */) {
+      clearVNodeEffectDependencies(container, vCursor);
+      markVNodeAsDeleted(vCursor);
       if (type & 2 /* Virtual */) {
-        clearVNodeEffectDependencies(vCursor);
-        markVNodeAsDeleted(vCursor);
         const seq = container.getHostProp(vCursor, ELEMENT_SEQ);
         if (seq) {
           for (let i = 0; i < seq.length; i++) {
@@ -2588,7 +2382,7 @@ function cleanup(container, vNode) {
               const task = obj;
               clearSubscriberEffectDependencies(task);
               if (task.$flags$ & 1 /* VISIBLE_TASK */) {
-                container.$scheduler$(80 /* CLEANUP_VISIBLE */, task);
+                container.$scheduler$(48 /* CLEANUP_VISIBLE */, task);
               } else {
                 cleanupTask(task);
               }
@@ -2679,8 +2473,8 @@ var createScheduler = (container, scheduleDrain, journalFlush) => {
   let journalFlushScheduled = false;
   return schedule;
   function schedule(type, hostOrTask = null, targetOrQrl = null, payload = null) {
-    const runLater = type !== 127 /* WAIT_FOR_ALL */ && type !== 16 /* WAIT_FOR_COMPONENTS */ && type !== 6 /* COMPONENT_SSR */;
-    const isTask2 = type === 3 /* TASK */ || type === 64 /* VISIBLE */ || type === 2 /* RESOURCE */ || type === 80 /* CLEANUP_VISIBLE */;
+    const runLater = type !== 255 /* WAIT_FOR_ALL */ && type !== 6 /* COMPONENT_SSR */;
+    const isTask2 = type === 3 /* TASK */ || type === 32 /* VISIBLE */ || type === 2 /* RESOURCE */ || type === 48 /* CLEANUP_VISIBLE */;
     if (isTask2) {
       hostOrTask.$flags$ |= 8 /* DIRTY */;
     }
@@ -2700,7 +2494,7 @@ var createScheduler = (container, scheduleDrain, journalFlush) => {
     chore = sortedInsert(choreQueue, chore);
     if (!journalFlushScheduled && runLater) {
       journalFlushScheduled = true;
-      schedule(48 /* JOURNAL_FLUSH */);
+      schedule(16 /* JOURNAL_FLUSH */);
       scheduleDrain();
     }
     if (runLater) {
@@ -2727,7 +2521,7 @@ var createScheduler = (container, scheduleDrain, journalFlush) => {
       }
       const isDeletedVNode = vNodeAlreadyDeleted(nextChore);
       if (isDeletedVNode && // we need to process cleanup tasks for deleted nodes
-      nextChore.$type$ !== 80 /* CLEANUP_VISIBLE */) {
+      nextChore.$type$ !== 48 /* CLEANUP_VISIBLE */) {
         DEBUG2 && debugTrace("skip chore", nextChore, currentChore, choreQueue);
         continue;
       }
@@ -2746,7 +2540,7 @@ var createScheduler = (container, scheduleDrain, journalFlush) => {
     currentChore = chore;
     let returnValue = null;
     switch (chore.$type$) {
-      case 48 /* JOURNAL_FLUSH */:
+      case 16 /* JOURNAL_FLUSH */:
         returnValue = journalFlush();
         journalFlushScheduled = false;
         break;
@@ -2761,7 +2555,17 @@ var createScheduler = (container, scheduleDrain, journalFlush) => {
             chore.$payload$
           ),
           (jsx3) => {
-            return chore.$type$ === 7 /* COMPONENT */ ? maybeThen(container.processJsx(host, jsx3), () => jsx3) : jsx3;
+            if (chore.$type$ === 7 /* COMPONENT */) {
+              const styleScopedId = container.getHostProp(host, QScopedStyle);
+              return vnode_diff(
+                container,
+                jsx3,
+                host,
+                addComponentStylePrefix(styleScopedId)
+              );
+            } else {
+              return jsx3;
+            }
           },
           (err) => container.handleError(err, host)
         );
@@ -2773,10 +2577,10 @@ var createScheduler = (container, scheduleDrain, journalFlush) => {
       case 3 /* TASK */:
         returnValue = runTask(chore.$payload$, container, host);
         break;
-      case 64 /* VISIBLE */:
+      case 32 /* VISIBLE */:
         returnValue = runTask(chore.$payload$, container, host);
         break;
-      case 80 /* CLEANUP_VISIBLE */:
+      case 48 /* CLEANUP_VISIBLE */:
         const task = chore.$payload$;
         cleanupTask(task);
         break;
@@ -2811,6 +2615,20 @@ var createScheduler = (container, scheduleDrain, journalFlush) => {
         returnValue = !target.resolved ? target.resolve() : null;
         break;
       }
+      case 8 /* RECOMPUTE_AND_SCHEDULE_EFFECTS */: {
+        const target = chore.$target$;
+        const forceRunEffects = target.$forceRunEffects$;
+        target.$forceRunEffects$ = false;
+        if (!target.$effects$?.length) {
+          break;
+        }
+        returnValue = retryOnPromise(() => {
+          if (target.$computeIfNeeded$() || forceRunEffects) {
+            triggerEffects(container, target, target.$effects$);
+          }
+        });
+        break;
+      }
     }
     return maybeThenPassError(returnValue, (value) => {
       DEBUG2 && debugTrace("execute.DONE", null, currentChore, choreQueue);
@@ -2835,11 +2653,11 @@ function vNodeAlreadyDeleted(chore) {
   return !!(chore.$host$ && vnode_isVNode(chore.$host$) && chore.$host$[0 /* flags */] & 32 /* Deleted */);
 }
 function choreComparator(a, b, shouldThrowOnHostMismatch) {
-  const macroTypeDiff = (a.$type$ & 112 /* MACRO */) - (b.$type$ & 112 /* MACRO */);
+  const macroTypeDiff = (a.$type$ & 240 /* MACRO */) - (b.$type$ & 240 /* MACRO */);
   if (macroTypeDiff !== 0) {
     return macroTypeDiff;
   }
-  if (a.$type$ !== 48 /* JOURNAL_FLUSH */) {
+  if (a.$type$ !== 16 /* JOURNAL_FLUSH */) {
     const aHost = a.$host$;
     const bHost = b.$host$;
     if (aHost !== bHost && aHost !== null && bHost !== null) {
@@ -2854,7 +2672,7 @@ function choreComparator(a, b, shouldThrowOnHostMismatch) {
           This can lead to inconsistencies between Server-Side Rendering (SSR) and Client-Side Rendering (CSR).
           Problematic Node: ${aHost.toString()}`;
         if (shouldThrowOnHostMismatch) {
-          throwErrorAndStop(errorMessage);
+          throw qError(45 /* serverHostMismatch */, [errorMessage]);
         }
         logWarn(errorMessage);
         return null;
@@ -2868,7 +2686,7 @@ function choreComparator(a, b, shouldThrowOnHostMismatch) {
     if (idxDiff !== 0) {
       return idxDiff;
     }
-    if (a.$target$ !== b.$target$ && (a.$type$ === 1 /* QRL_RESOLVE */ && b.$type$ === 1 /* QRL_RESOLVE */ || a.$type$ === 5 /* NODE_PROP */ && b.$type$ === 5 /* NODE_PROP */)) {
+    if (a.$target$ !== b.$target$ && (a.$type$ === 1 /* QRL_RESOLVE */ && b.$type$ === 1 /* QRL_RESOLVE */ || a.$type$ === 5 /* NODE_PROP */ && b.$type$ === 5 /* NODE_PROP */ || a.$type$ === 8 /* RECOMPUTE_AND_SCHEDULE_EFFECTS */ && b.$type$ === 8 /* RECOMPUTE_AND_SCHEDULE_EFFECTS */)) {
       return 1;
     }
   }
@@ -2910,11 +2728,11 @@ function debugChoreToString(chore) {
     [5 /* NODE_PROP */]: "NODE_PROP",
     [7 /* COMPONENT */]: "COMPONENT",
     [6 /* COMPONENT_SSR */]: "COMPONENT_SSR",
-    [48 /* JOURNAL_FLUSH */]: "JOURNAL_FLUSH",
-    [64 /* VISIBLE */]: "VISIBLE",
-    [80 /* CLEANUP_VISIBLE */]: "CLEANUP_VISIBLE",
-    [127 /* WAIT_FOR_ALL */]: "WAIT_FOR_ALL",
-    [16 /* WAIT_FOR_COMPONENTS */]: "WAIT_FOR_COMPONENTS"
+    [8 /* RECOMPUTE_AND_SCHEDULE_EFFECTS */]: "RECOMPUTE_SIGNAL",
+    [16 /* JOURNAL_FLUSH */]: "JOURNAL_FLUSH",
+    [32 /* VISIBLE */]: "VISIBLE",
+    [48 /* CLEANUP_VISIBLE */]: "CLEANUP_VISIBLE",
+    [255 /* WAIT_FOR_ALL */]: "WAIT_FOR_ALL"
   }[chore.$type$] || "UNKNOWN: " + chore.$type$;
   const host = String(chore.$host$).replaceAll(/\n.*/gim, "");
   const qrlTarget = chore.$target$?.$symbol$;
@@ -3037,7 +2855,7 @@ var throwIfQRLNotResolved = (qrl) => {
 var isSignal = (value) => {
   return value instanceof Signal;
 };
-var EffectData = class {
+var EffectPropData = class {
   constructor(data) {
     __publicField(this, "data");
     this.data = data;
@@ -3101,7 +2919,7 @@ var Signal = class {
   // prevent accidental use as value
   valueOf() {
     if (qDev) {
-      return throwErrorAndStop("Cannot coerce a Signal, use `.value` instead");
+      throw qError(46 /* cannotCoerceSignal */);
     }
   }
   toString() {
@@ -3133,7 +2951,7 @@ var ensureEffectContainsSubscriber = (effect, subscriber, container) => {
       return;
     }
     effect.$effectDependencies$.push(subscriber);
-  } else if (vnode_isVNode(effect) && vnode_isVirtualVNode(effect)) {
+  } else if (vnode_isVNode(effect) && !vnode_isTextVNode(effect)) {
     let subscribers = vnode_getProp(
       effect,
       QSubscribers,
@@ -3177,7 +2995,7 @@ var triggerEffects = (container, signal, effects) => {
         DEBUG3 && log2("schedule.effect.task", pad("\n" + String(effect), "  "));
         let choreType = 3 /* TASK */;
         if (effect.$flags$ & 1 /* VISIBLE_TASK */) {
-          choreType = 64 /* VISIBLE */;
+          choreType = 32 /* VISIBLE */;
         } else if (effect.$flags$ & 4 /* RESOURCE */) {
           choreType = 2 /* RESOURCE */;
         }
@@ -3188,13 +3006,7 @@ var triggerEffects = (container, signal, effects) => {
             container.$scheduler$(1 /* QRL_RESOLVE */, null, effect.$computeQrl$);
           }
         }
-        try {
-          retryOnPromise(
-            () => effect.$invalidate$()
-          );
-        } catch (e) {
-          logError(e);
-        }
+        effect.$invalidate$();
       } else if (property === ":" /* COMPONENT */) {
         const host = effect;
         const qrl = container.getHostProp(host, OnRenderProp);
@@ -3207,9 +3019,8 @@ var triggerEffects = (container, signal, effects) => {
         container.$scheduler$(4 /* NODE_DIFF */, host, target, signal);
       } else {
         const host = effect;
-        let effectData = effectSubscriptions[2 /* FIRST_BACK_REF_OR_DATA */];
-        if (effectData instanceof EffectData) {
-          effectData = effectData;
+        const effectData = effectSubscriptions[2 /* FIRST_BACK_REF_OR_DATA */];
+        if (effectData instanceof EffectPropData) {
           const data = effectData.data;
           const payload = {
             ...data,
@@ -3236,16 +3047,13 @@ var ComputedSignal = class extends Signal {
     // We need a separate flag to know when the computation needs running because
     // we need the old value to know if effects need running after computation
     __publicField(this, "$invalid$", true);
+    __publicField(this, "$forceRunEffects$", false);
     this.$computeQrl$ = fn;
   }
   $invalidate$() {
     this.$invalid$ = true;
-    if (!this.$effects$?.length) {
-      return;
-    }
-    if (this.$computeIfNeeded$()) {
-      triggerEffects(this.$container$, this, this.$effects$);
-    }
+    this.$forceRunEffects$ = false;
+    this.$container$?.$scheduler$(8 /* RECOMPUTE_AND_SCHEDULE_EFFECTS */, null, this);
   }
   /**
    * Use this to force running subscribers, for example when the calculated value has mutated but
@@ -3253,10 +3061,14 @@ var ComputedSignal = class extends Signal {
    */
   force() {
     this.$invalid$ = true;
+    this.$forceRunEffects$ = false;
     triggerEffects(this.$container$, this, this.$effects$);
   }
   get untrackedValue() {
-    this.$computeIfNeeded$();
+    const didChange = this.$computeIfNeeded$();
+    if (didChange) {
+      this.$forceRunEffects$ = didChange;
+    }
     assertFalse(this.$untrackedValue$ === NEEDS_COMPUTATION, "Invalid state");
     return this.$untrackedValue$;
   }
@@ -3272,9 +3084,10 @@ var ComputedSignal = class extends Signal {
     try {
       const untrackedValue = computeQrl.getFn(ctx)();
       if (isPromise(untrackedValue)) {
-        throwErrorAndStop(
-          `useComputedSignal$ QRL ${computeQrl.dev ? `${computeQrl.dev.file} ` : ""}${computeQrl.$hash$} returned a Promise`
-        );
+        throw qError(47 /* computedNotSync */, [
+          computeQrl.dev ? computeQrl.dev.file : "",
+          computeQrl.$hash$
+        ]);
       }
       DEBUG3 && log2("Signal.$compute$", untrackedValue);
       this.$invalid$ = false;
@@ -3294,7 +3107,7 @@ var ComputedSignal = class extends Signal {
     return super.value;
   }
   set value(_) {
-    throwErrorAndStop("ComputedSignal is read-only");
+    throw qError(48 /* computedReadOnly */);
   }
 };
 var WrappedSignal = class extends Signal {
@@ -3307,18 +3120,20 @@ var WrappedSignal = class extends Signal {
     // we need the old value to know if effects need running after computation
     __publicField(this, "$invalid$", true);
     __publicField(this, "$effectDependencies$", null);
+    __publicField(this, "$hostElement$", null);
+    __publicField(this, "$forceRunEffects$", false);
     this.$args$ = args;
     this.$func$ = fn;
     this.$funcStr$ = fnStr;
   }
   $invalidate$() {
     this.$invalid$ = true;
-    if (!this.$effects$?.length) {
-      return;
-    }
-    if (this.$computeIfNeeded$()) {
-      triggerEffects(this.$container$, this, this.$effects$);
-    }
+    this.$forceRunEffects$ = false;
+    this.$container$?.$scheduler$(
+      8 /* RECOMPUTE_AND_SCHEDULE_EFFECTS */,
+      this.$hostElement$,
+      this
+    );
   }
   /**
    * Use this to force running subscribers, for example when the calculated value has mutated but
@@ -3326,10 +3141,14 @@ var WrappedSignal = class extends Signal {
    */
   force() {
     this.$invalid$ = true;
+    this.$forceRunEffects$ = false;
     triggerEffects(this.$container$, this, this.$effects$);
   }
   get untrackedValue() {
-    this.$computeIfNeeded$();
+    const didChange = this.$computeIfNeeded$();
+    if (didChange) {
+      this.$forceRunEffects$ = didChange;
+    }
     assertFalse(this.$untrackedValue$ === NEEDS_COMPUTATION, "Invalid state");
     return this.$untrackedValue$;
   }
@@ -3354,12 +3173,12 @@ var WrappedSignal = class extends Signal {
     return super.value;
   }
   set value(_) {
-    throwErrorAndStop("WrappedSignal is read-only");
+    throw qError(49 /* wrappedReadOnly */);
   }
 };
 // packages/qwik/src/core/version.ts
-var version = "2.0.0-alpha.2-dev+58b6f8d";
+var version = "2.0.0-alpha.4-dev+374e0d6";
 // packages/qwik/src/core/shared/shared-container.ts
 var _SharedContainer = class {
@@ -3384,7 +3203,7 @@ var _SharedContainer = class {
     this.$scheduler$ = createScheduler(this, scheduleDrain, journalFlush);
   }
   trackSignalValue(signal, subscriber, property, data) {
-    return trackSignal(() => signal.value, subscriber, property, this, data);
+    return trackSignalAndAssignHost(signal, subscriber, property, this, data);
   }
   serializationCtxFactory(NodeConstructor, DomRefConstructor, symbolToChunkResolver, writer, prepVNodeData) {
     return createSerializationContext(
@@ -3506,7 +3325,7 @@ var JSXNodeImpl = class {
   }
 };
 var Virtual = (props) => props.children;
-var isJSXNode2 = (n) => {
+var isJSXNode = (n) => {
   if (qDev) {
     if (n instanceof JSXNodeImpl) {
       return true;
@@ -3642,7 +3461,7 @@ function qwikDebugToString(value) {
         }
       } else if (isStore(value)) {
         return "Store";
-      } else if (isJSXNode2(value)) {
+      } else if (isJSXNode(value)) {
         return jsxToString(value);
       }
     } finally {
@@ -3655,7 +3474,7 @@ var pad = (text, prefix) => {
   return String(text).split("\n").map((line, idx) => (idx ? prefix : "") + line).join("\n");
 };
 var jsxToString = (value) => {
-  if (isJSXNode2(value)) {
+  if (isJSXNode(value)) {
     let type = value.type;
     if (typeof type === "function") {
       type = type.name || "Component";
@@ -3844,7 +3663,7 @@ var VNodeDataChar = {
     /* ************** */
     123
   ),
-  // `{` is the start of the VNodeData.
+  // `{` is the start of the VNodeData for a virtual element.
   OPEN_CHAR: (
     /* ****** */
     "{"
@@ -3853,7 +3672,7 @@ var VNodeDataChar = {
     /* ************* */
     125
   ),
-  // `}` is the end of the VNodeData.
+  // `}` is the end of the VNodeData for a virtual element.
   CLOSE_CHAR: (
     /* ***** */
     "}"
@@ -3923,7 +3742,7 @@ var VNodeDataChar = {
   ),
   DON_T_USE: (
     /* ********** */
-    93
+    92
   ),
   // `\` - SKIP because `\` is used as escaping
   DON_T_USE_CHAR: "\\",
@@ -3945,6 +3764,15 @@ var VNodeDataChar = {
     /* **** */
     "^"
   ),
+  SUBS: (
+    /* *************** */
+    96
+  ),
+  // '`' - `q:subs' - Effect dependencies/subscriptions
+  SUBS_CHAR: (
+    /* ******* */
+    "`"
+  ),
   SEPARATOR: (
     /* ********* */
     124
@@ -4664,9 +4492,32 @@ var vnode_materialize = (vNode) => {
   const element = vNode[6 /* element */];
   const firstChild = fastFirstChild(element);
   const vNodeData = element.ownerDocument?.qVNodeData?.get(element);
-  const vFirstChild = vNodeData ? materializeFromVNodeData(vNode, vNodeData, element, firstChild) : materializeFromDOM(vNode, firstChild);
+  const vFirstChild = materialize(vNode, element, firstChild, vNodeData);
   return vFirstChild;
 };
+var materialize = (vNode, element, firstChild, vNodeData) => {
+  if (vNodeData) {
+    if (vNodeData.charCodeAt(0) === VNodeDataChar.SEPARATOR) {
+      const elementVNodeDataStartIdx = 1;
+      let elementVNodeDataEndIdx = 1;
+      while (vNodeData.charCodeAt(elementVNodeDataEndIdx) !== VNodeDataChar.SEPARATOR) {
+        elementVNodeDataEndIdx++;
+      }
+      const elementVNodeData = vNodeData.substring(
+        elementVNodeDataStartIdx,
+        elementVNodeDataEndIdx
+      );
+      vNodeData = vNodeData.substring(elementVNodeDataEndIdx + 1);
+      const vFirstChild = materializeFromDOM(vNode, firstChild, elementVNodeData);
+      if (!vNodeData) {
+        return vFirstChild;
+      }
+    }
+    return materializeFromVNodeData(vNode, vNodeData, element, firstChild);
+  } else {
+    return materializeFromDOM(vNode, firstChild);
+  }
+};
 var ensureMaterialized = (vnode) => {
   const vParent = ensureElementVNode(vnode);
   let vFirstChild = vParent[4 /* firstChild */];
@@ -4788,7 +4639,7 @@ var fastGetter = (prototype, name) => {
 var isQStyleElement = (node) => {
   return isElement(node) && node.nodeName === "STYLE" && (node.hasAttribute(QScopedStyle) || node.hasAttribute(QStyle));
 };
-var materializeFromDOM = (vParent, firstChild) => {
+var materializeFromDOM = (vParent, firstChild, vData) => {
   let vFirstChild = null;
   const skipStyleElements = () => {
     while (isQStyleElement(child)) {
@@ -4822,8 +4673,54 @@ var materializeFromDOM = (vParent, firstChild) => {
   }
   vParent[5 /* lastChild */] = vChild || null;
   vParent[4 /* firstChild */] = vFirstChild;
+  if (vData) {
+    let container = null;
+    processVNodeData(vData, (peek, consumeValue) => {
+      if (peek() === VNodeDataChar.ID) {
+        if (!container) {
+          container = getDomContainer(vParent[6 /* element */]);
+        }
+        const id = consumeValue();
+        container.$setRawState$(parseInt(id), vParent);
+        isDev6 && vnode_setAttr(null, vParent, ELEMENT_ID, id);
+      } else if (peek() === VNodeDataChar.SUBS) {
+        vnode_setProp(vParent, QSubscribers, consumeValue());
+      } else {
+        consumeValue();
+      }
+    });
+  }
   return vFirstChild;
 };
+var processVNodeData = (vData, callback) => {
+  let nextToConsumeIdx = 0;
+  let ch = 0;
+  let peekCh = 0;
+  const peek = () => {
+    if (peekCh !== 0) {
+      return peekCh;
+    } else {
+      return peekCh = nextToConsumeIdx < vData.length ? vData.charCodeAt(nextToConsumeIdx) : 0;
+    }
+  };
+  const consume = () => {
+    ch = peek();
+    peekCh = 0;
+    nextToConsumeIdx++;
+    return ch;
+  };
+  const consumeValue = () => {
+    consume();
+    const start = nextToConsumeIdx;
+    while (peek() <= 58 && peekCh !== 0 || peekCh === 95 || peekCh >= 65 && peekCh <= 90 || peekCh >= 97 && peekCh <= 122) {
+      consume();
+    }
+    return vData.substring(start, nextToConsumeIdx);
+  };
+  while (peek() !== 0) {
+    callback(peek, consumeValue, consume, nextToConsumeIdx);
+  }
+};
 var vnode_getNextSibling = (vnode) => {
   return vnode[3 /* nextSibling */];
 };
@@ -4908,7 +4805,7 @@ var vnode_getPropStartIndex = (vnode) => {
   } else if (type === 2 /* Virtual */) {
     return 6 /* PROPS_OFFSET */;
   }
-  throw throwErrorAndStop("Invalid vnode type.");
+  throw qError(43 /* invalidVNodeType */, [type]);
 };
 var vnode_getParent = (vnode) => {
   return vnode[1 /* parent */] || null;
@@ -4923,7 +4820,7 @@ var vnode_getNode = (vnode) => {
   assertTrue(vnode_isTextVNode(vnode), "Expecting Text Node.");
   return vnode[4 /* node */];
 };
-function vnode_toString(depth = 10, offset = "", materialize = false, siblings = false) {
+function vnode_toString(depth = 10, offset = "", materialize2 = false, siblings = false) {
   let vnode = this;
   if (depth === 0) {
     return "...";
@@ -4975,7 +4872,7 @@ function vnode_toString(depth = 10, offset = "", materialize = false, siblings =
         }
       }
       strings.push("<" + tag + attrs.join("") + ">");
-      if (vnode_isMaterialized(vnode) || materialize) {
+      if (vnode_isMaterialized(vnode) || materialize2) {
         const child = vnode_getFirstChild(vnode);
         child && strings.push("  " + vnode_toString.call(child, depth - 1, offset + "  ", true, true));
       } else {
@@ -4998,25 +4895,9 @@ var isLowercase = (ch) => (
 var stack = [];
 function materializeFromVNodeData(vParent, vData, element, child) {
   let idx = 0;
-  let nextToConsumeIdx = 0;
   let vFirst = null;
   let vLast = null;
   let previousTextNode = null;
-  let ch = 0;
-  let peekCh = 0;
-  const peek = () => {
-    if (peekCh !== 0) {
-      return peekCh;
-    } else {
-      return peekCh = nextToConsumeIdx < vData.length ? vData.charCodeAt(nextToConsumeIdx) : 0;
-    }
-  };
-  const consume = () => {
-    ch = peek();
-    peekCh = 0;
-    nextToConsumeIdx++;
-    return ch;
-  };
   const addVNode = (node) => {
     node[0 /* flags */] = node[0 /* flags */] & 255 /* negated_mask */ | idx << 8 /* shift */;
     idx++;
@@ -5028,25 +4909,15 @@ function materializeFromVNodeData(vParent, vData, element, child) {
     }
     vLast = node;
   };
-  const consumeValue = () => {
-    consume();
-    const start = nextToConsumeIdx;
-    while (peek() <= 58 && peekCh !== 0 || peekCh === 95 || peekCh >= 65 && peekCh <= 90 || peekCh >= 97 && peekCh <= 122) {
-      consume();
-    }
-    return vData.substring(start, nextToConsumeIdx);
-  };
   let textIdx = 0;
   let combinedText = null;
   let container = null;
-  while (peek() !== 0) {
+  processVNodeData(vData, (peek, consumeValue, consume, nextToConsumeIdx) => {
     if (isNumber(peek())) {
       while (!isElement(child)) {
         child = fastNextSibling(child);
         if (!child) {
-          throwErrorAndStop(
-            "Materialize error: missing element: " + vData + " " + peek() + " " + nextToConsumeIdx
-          );
+          throw qError(44 /* materializeVNodeDataError */, [vData, peek(), nextToConsumeIdx]);
         }
       }
       while (isQStyleElement(child)) {
@@ -5073,7 +4944,7 @@ function materializeFromVNodeData(vParent, vData, element, child) {
       }
       const id = consumeValue();
       container.$setRawState$(parseInt(id), vParent);
-      isDev7 && vnode_setAttr(null, vParent, ELEMENT_ID, id);
+      isDev6 && vnode_setAttr(null, vParent, ELEMENT_ID, id);
     } else if (peek() === VNodeDataChar.PROPS) {
       vnode_setAttr(null, vParent, ELEMENT_PROPS, consumeValue());
     } else if (peek() === VNodeDataChar.SLOT_REF) {
@@ -5084,6 +4955,8 @@ function materializeFromVNodeData(vParent, vData, element, child) {
       vnode_setAttr(null, vParent, ELEMENT_SEQ, consumeValue());
     } else if (peek() === VNodeDataChar.SEQ_IDX) {
       vnode_setAttr(null, vParent, ELEMENT_SEQ_IDX, consumeValue());
+    } else if (peek() === VNodeDataChar.SUBS) {
+      vnode_setProp(vParent, QSubscribers, consumeValue());
     } else if (peek() === VNodeDataChar.CONTEXT) {
       vnode_setAttr(null, vParent, QCtxAttr, consumeValue());
     } else if (peek() === VNodeDataChar.OPEN) {
@@ -5126,7 +4999,7 @@ function materializeFromVNodeData(vParent, vData, element, child) {
       );
       textIdx += length;
     }
-  }
+  });
   vParent[5 /* lastChild */] = vLast;
   return vFirst;
 }
@@ -5139,7 +5012,7 @@ var vnode_getType = (vnode) => {
   } else if (type & 4 /* Text */) {
     return 3;
   }
-  throw throwErrorAndStop("Unknown vnode type: " + type);
+  throw qError(43 /* invalidVNodeType */, [type]);
 };
 var isElement = (node) => node && typeof node == "object" && fastNodeType(node) === /** Node.ELEMENT_NODE* */
 1;
@@ -5220,7 +5093,7 @@ var VNodeArray = class VNode extends Array {
   constructor(flags, parent, previousSibling, nextSibling) {
     super();
     this.push(flags, parent, previousSibling, nextSibling);
-    if (isDev7) {
+    if (isDev6) {
       this.toString = vnode_toString;
     }
   }
@@ -5301,6 +5174,12 @@ var trackSignal = (fn, subscriber, property, container, data) => {
     trackInvocation.$container$ = previousContainer;
   }
 };
+var trackSignalAndAssignHost = (value, host, property, container, data) => {
+  if (value instanceof WrappedSignal && value.$hostElement$ !== host && host) {
+    value.$hostElement$ = host;
+  }
+  return trackSignal(() => value.value, host, property, container, data);
+};
 // packages/qwik/src/core/use/use-context.ts
 var createContextId = (name) => {
@@ -5322,7 +5201,7 @@ var isRecoverable = (err) => {
 };
 // packages/qwik/src/core/client/process-vnode-data.ts
-function processVNodeData(document2) {
+function processVNodeData2(document2) {
   const Q_CONTAINER = "q:container";
   const Q_CONTAINER_END = "/" + Q_CONTAINER;
   const Q_PROPS_SEPARATOR2 = ":";
@@ -5574,7 +5453,7 @@ function processVNodeData(document2) {
 function getDomContainer(element) {
   const qContainerElement = _getQContainerElement(element);
   if (!qContainerElement) {
-    throwErrorAndStop("Unable to find q:container.");
+    throw qError(41 /* containerNotFound */);
   }
   return getDomContainerFromQContainerElement(qContainerElement);
 }
@@ -5645,7 +5524,7 @@ var DomContainer = class extends _SharedContainer {
     });
     this.qContainer = element.getAttribute(QContainerAttr);
     if (!this.qContainer) {
-      throwErrorAndStop("Element must have 'q:container' attribute.");
+      throw qError(42 /* elementWithoutContainer */);
     }
     this.$journal$ = [
       // The first time we render we need to hoist the styles.
@@ -5666,7 +5545,7 @@ var DomContainer = class extends _SharedContainer {
     this.stateData = null;
     const document2 = this.element.ownerDocument;
     if (!document2.qVNodeData) {
-      processVNodeData(document2);
+      processVNodeData2(document2);
     }
     this.$rawStateData$ = [];
     this.stateData = [];
@@ -5676,7 +5555,7 @@ var DomContainer = class extends _SharedContainer {
       this.$rawStateData$ = JSON.parse(lastState.textContent);
       this.stateData = wrapDeserializerProxy(this, this.$rawStateData$);
     }
-    this.$qFuncs$ = getQFuncs(document2, this.$instanceHash$) || EMPTY_ARRAY2;
+    this.$qFuncs$ = getQFuncs(document2, this.$instanceHash$) || EMPTY_ARRAY;
   }
   $setRawState$(id, vParent) {
     this.stateData[id] = vParent;
@@ -5684,10 +5563,6 @@ var DomContainer = class extends _SharedContainer {
   parseQRL(qrl) {
     return inflateQRL(this, parseQRL(qrl));
   }
-  processJsx(host, jsx2) {
-    const styleScopedId = this.getHostProp(host, QScopedStyle);
-    return vnode_diff(this, jsx2, host, addComponentStylePrefix(styleScopedId));
-  }
   handleError(err, host) {
     if (qDev) {
       if (typeof document !== "undefined") {
@@ -5784,12 +5659,12 @@ var DomContainer = class extends _SharedContainer {
   }
   processChores() {
     let renderCount = this.$renderCount$;
-    const result = this.$scheduler$(127 /* WAIT_FOR_ALL */);
+    const result = this.$scheduler$(255 /* WAIT_FOR_ALL */);
     if (isPromise(result)) {
       return result.then(async () => {
         while (renderCount !== this.$renderCount$) {
           renderCount = this.$renderCount$;
-          await this.$scheduler$(127 /* WAIT_FOR_ALL */);
+          await this.$scheduler$(255 /* WAIT_FOR_ALL */);
         }
         this.renderDone = null;
       });
@@ -5947,7 +5822,9 @@ var inflate = (container, target, typeId, data) => {
         if (valType === 0 /* RootRef */ || valType >= 12 /* Error */) {
           Object.defineProperty(target, key, {
             get() {
-              return deserializeData(container, valType, valData);
+              const value = deserializeData(container, valType, valData);
+              target[key] = value;
+              return value;
             },
             set(value) {
               Object.defineProperty(target, key, {
@@ -6022,7 +5899,8 @@ var inflate = (container, target, typeId, data) => {
       signal.$args$ = d[1];
       signal.$effectDependencies$ = d[2];
       signal.$untrackedValue$ = d[3];
-      signal.$effects$ = d.slice(4);
+      signal.$hostElement$ = d[4];
+      signal.$effects$ = d.slice(5);
       break;
     }
     case 24 /* ComputedSignal */: {
@@ -6118,11 +5996,12 @@ var inflate = (container, target, typeId, data) => {
       break;
     case 30 /* EffectData */: {
       const effectData = target;
-      effectData.data = data[0];
+      effectData.data.$scopedStyleIdPrefix$ = data[0];
+      effectData.data.$isConst$ = data[1];
       break;
     }
     default:
-      return throwErrorAndStop("Not implemented");
+      throw qError(33 /* serializeErrorNotImplemented */, [typeId]);
   }
 };
 var _constants = [
@@ -6131,7 +6010,7 @@ var _constants = [
   true,
   false,
   "",
-  EMPTY_ARRAY2,
+  EMPTY_ARRAY,
   EMPTY_OBJ,
   NEEDS_COMPUTATION,
   Slot,
@@ -6235,12 +6114,12 @@ var allocate = (container, typeId, value) => {
       if (vnode_isVNode(vNode)) {
         return vnode_getNode(vNode);
       } else {
-        return throwErrorAndStop("expected vnode for ref prop, but got " + typeof vNode);
+        throw qError(34 /* serializeErrorExpectedVNode */, [typeof vNode]);
       }
     case 30 /* EffectData */:
-      return new EffectData(null);
+      return new EffectPropData({});
     default:
-      return throwErrorAndStop("unknown allocate type: " + typeId);
+      throw qError(35 /* serializeErrorCannotAllocate */, [typeId]);
   }
 };
 function retrieveVNodeOrDocument(container, value) {
@@ -6269,6 +6148,7 @@ function inflateQRL(container, qrl) {
   }
   return qrl;
 }
+var isDomRef = (obj) => false;
 var createSerializationContext = (NodeConstructor, DomRefConstructor, symbolToChunkResolver, getProp, setProp, storeProxyMap, writer, prepVNodeData) => {
   if (!writer) {
     const buffer = [];
@@ -6293,7 +6173,7 @@ var createSerializationContext = (NodeConstructor, DomRefConstructor, symbolToCh
     return id;
   };
   const isSsrNode = NodeConstructor ? (obj) => obj instanceof NodeConstructor : () => false;
-  const isDomRef = DomRefConstructor ? (obj) => obj instanceof DomRefConstructor : () => false;
+  isDomRef = DomRefConstructor ? (obj) => obj instanceof DomRefConstructor : () => false;
   return {
     $serialize$() {
       serialize(this);
@@ -6312,7 +6192,7 @@ var createSerializationContext = (NodeConstructor, DomRefConstructor, symbolToCh
     $getRootId$: (obj) => {
       const id = map.get(obj);
       if (!id || id === -1) {
-        return throwErrorAndStop("Missing root id for: ", obj);
+        throw qError(36 /* serializeErrorMissingRootId */, [obj]);
       }
       return id;
     },
@@ -6401,16 +6281,24 @@ var createSerializationContext = (NodeConstructor, DomRefConstructor, symbolToCh
           if (obj.$args$) {
             discoveredValues.push(...obj.$args$);
           }
+          if (obj.$hostElement$) {
+            discoveredValues.push(obj.$hostElement$);
+          }
         } else if (obj instanceof ComputedSignal) {
           discoveredValues.push(obj.$computeQrl$);
         }
       } else if (obj instanceof Task) {
         discoveredValues.push(obj.$el$, obj.$qrl$, obj.$state$, obj.$effectDependencies$);
       } else if (isSsrNode(obj)) {
-        discoveredValues.push(obj.vnodeData);
+        discoverValuesForVNodeData(obj.vnodeData, discoveredValues);
+        if (obj.childrenVNodeData && obj.childrenVNodeData.length) {
+          for (const data of obj.childrenVNodeData) {
+            discoverValuesForVNodeData(data, discoveredValues);
+          }
+        }
       } else if (isDomRef(obj)) {
-        discoveredValues.push(obj.id);
-      } else if (isJSXNode2(obj)) {
+        discoveredValues.push(obj.$ssrNode$.id);
+      } else if (isJSXNode(obj)) {
         discoveredValues.push(obj.type, obj.props, obj.constProps, obj.children);
       } else if (Array.isArray(obj)) {
         discoveredValues.push(...obj);
@@ -6430,14 +6318,14 @@ var createSerializationContext = (NodeConstructor, DomRefConstructor, symbolToCh
           }
         );
         promises.push(obj);
-      } else if (obj instanceof EffectData) {
+      } else if (obj instanceof EffectPropData) {
         discoveredValues.push(obj.data);
       } else if (isObjectLiteral(obj)) {
         Object.entries(obj).forEach(([key, value]) => {
           discoveredValues.push(key, value);
         });
       } else {
-        return throwErrorAndStop("Unknown type: " + obj);
+        throw qError(37 /* serializeErrorUnknownType */, [obj]);
       }
     };
     for (const root of roots) {
@@ -6457,9 +6345,23 @@ var createSerializationContext = (NodeConstructor, DomRefConstructor, symbolToCh
           $addRoot$(obj);
         }
       }
-      await Promise.allSettled(promises);
-      promises.length = 0;
-    } while (discoveredValues.length);
+      await Promise.allSettled(promises);
+      promises.length = 0;
+    } while (discoveredValues.length);
+  }
+};
+var isSsrAttrs = (value) => Array.isArray(value) && value.length > 0;
+var discoverValuesForVNodeData = (vnodeData, discoveredValues) => {
+  for (const value of vnodeData) {
+    if (isSsrAttrs(value)) {
+      for (let i = 1; i < value.length; i += 2) {
+        if (value[i - 1] === ELEMENT_KEY) {
+          continue;
+        }
+        const attrValue = value[i];
+        discoveredValues.push(attrValue);
+      }
+    }
   }
 };
 var promiseResults = /* @__PURE__ */ new WeakMap();
@@ -6543,7 +6445,7 @@ function serialize(serializationContext) {
         output(2 /* Number */, value);
       }
     } else if (typeof value === "object") {
-      if (value === EMPTY_ARRAY2) {
+      if (value === EMPTY_ARRAY) {
         output(1 /* Constant */, 5 /* EMPTY_ARRAY */);
       } else if (value === EMPTY_OBJ) {
         output(1 /* Constant */, 6 /* EMPTY_OBJ */);
@@ -6572,7 +6474,7 @@ function serialize(serializationContext) {
     } else if (value === NEEDS_COMPUTATION) {
       output(1 /* Constant */, 7 /* NEEDS_COMPUTATION */);
     } else {
-      throwErrorAndStop("Unknown type: " + typeof value);
+      throw qError(37 /* serializeErrorUnknownType */, [typeof value]);
     }
   };
   const writeObjectValue = (value, idx) => {
@@ -6589,14 +6491,14 @@ function serialize(serializationContext) {
       const constProps = value[_CONST_PROPS];
       const out = constProps ? [varProps, constProps] : Object.keys(varProps).length ? [varProps] : 0;
       output(29 /* PropsProxy */, out);
-    } else if (value instanceof EffectData) {
-      output(30 /* EffectData */, [value.data]);
+    } else if (value instanceof EffectPropData) {
+      output(30 /* EffectData */, [value.data.$scopedStyleIdPrefix$, value.data.$isConst$]);
     } else if (isStore(value)) {
       if (isResource(value)) {
         serializationContext.$resources$.add(value);
         const res = promiseResults.get(value.value);
         if (!res) {
-          return throwErrorAndStop("Unvisited Resource");
+          throw qError(38 /* serializeErrorUnvisited */, ["resource"]);
         }
         output(20 /* Resource */, [...res, getStoreHandler(value).$effects$]);
       } else {
@@ -6633,7 +6535,8 @@ function serialize(serializationContext) {
         output(13 /* Object */, out);
       }
     } else if ($isDomRef$(value)) {
-      output(9 /* RefVNode */, value.id);
+      value.$ssrNode$.vnodeData[0] |= 16 /* SERIALIZE */;
+      output(9 /* RefVNode */, value.$ssrNode$.id);
     } else if (value instanceof Signal) {
       const v = value instanceof ComputedSignal && (value.$invalid$ || fastSkipSerialize(value.$untrackedValue$)) ? NEEDS_COMPUTATION : value.$untrackedValue$;
       if (value instanceof WrappedSignal) {
@@ -6641,6 +6544,7 @@ function serialize(serializationContext) {
           ...serializeWrappingFn(serializationContext, value),
           value.$effectDependencies$,
           v,
+          value.$hostElement$,
           ...value.$effects$ || []
         ]);
       } else if (value instanceof ComputedSignal) {
@@ -6679,11 +6583,11 @@ function serialize(serializationContext) {
         const vNodeData = value.vnodeData;
         if (vNodeData) {
           serializationContext.$prepVNodeData$?.(vNodeData);
-          vNodeData[0] |= 8 /* SERIALIZE */;
+          vNodeData[0] |= 16 /* SERIALIZE */;
         }
         if (value.childrenVNodeData) {
           for (const vNodeData2 of value.childrenVNodeData) {
-            vNodeData2[0] |= 8 /* SERIALIZE */;
+            vNodeData2[0] |= 16 /* SERIALIZE */;
           }
         }
       } else {
@@ -6710,7 +6614,7 @@ function serialize(serializationContext) {
         combined.push(k, v);
       }
       output(16 /* Map */, combined);
-    } else if (isJSXNode2(value)) {
+    } else if (isJSXNode(value)) {
       output(28 /* JSXNode */, [
         value.type,
         value.varProps,
@@ -6735,7 +6639,7 @@ function serialize(serializationContext) {
     } else if (isPromise(value)) {
       const res = promiseResults.get(value);
       if (!res) {
-        return throwErrorAndStop("Unvisited Promise");
+        throw qError(38 /* serializeErrorUnvisited */, ["promise"]);
       }
       output(14 /* Promise */, res);
     } else if (value instanceof Uint8Array) {
@@ -6746,7 +6650,7 @@ function serialize(serializationContext) {
       const out = btoa(buf).replace(/=+$/, "");
       output(17 /* Uint8Array */, out);
     } else {
-      return throwErrorAndStop("implement");
+      throw qError(37 /* serializeErrorUnknownType */, [typeof value]);
     }
   };
   writeValue(serializationContext.$roots$, -1);
@@ -6792,7 +6696,7 @@ function qrlToString(serializationContext, value) {
       }
     }
     if (!chunk) {
-      throwErrorAndStop("Missing chunk for: " + value.$symbol$);
+      throw qError(31 /* qrlMissingChunk */, [value.$symbol$]);
     }
     if (chunk.startsWith("./")) {
       chunk = chunk.slice(2);
@@ -6847,7 +6751,7 @@ function isResource(value) {
   return "__brand" in value && value.__brand === "resource";
 }
 var frameworkType = (obj) => {
-  return typeof obj === "object" && obj !== null && (obj instanceof Signal || obj instanceof Task || isJSXNode2(obj)) || isQrl2(obj);
+  return typeof obj === "object" && obj !== null && (obj instanceof Signal || obj instanceof Task || isJSXNode(obj)) || isQrl2(obj);
 };
 var canSerialize = (value) => {
   if (value == null || typeof value === "string" || typeof value === "number" || typeof value === "boolean" || typeof value === "bigint") {
@@ -6877,7 +6781,7 @@ var canSerialize = (value) => {
       return true;
     } else if (isPromise(value)) {
       return true;
-    } else if (isJSXNode2(value)) {
+    } else if (isJSXNode(value)) {
       return true;
     } else if (value instanceof Error) {
       return true;
@@ -6897,6 +6801,8 @@ var canSerialize = (value) => {
       return true;
     } else if (value instanceof Uint8Array) {
       return true;
+    } else if (isDomRef?.(value)) {
+      return true;
     }
   } else if (typeof value === "function") {
     if (isQrl2(value) || isQwikComponent(value)) {
@@ -6941,7 +6847,7 @@ var _verifySerializable = (value, seen, ctx, preMessage) => {
           let expectIndex = 0;
           unwrapped.forEach((v, i) => {
             if (i !== expectIndex) {
-              throw qError(QError_verifySerializable, unwrapped);
+              throw qError(3 /* verifySerializable */, [unwrapped]);
             }
             _verifySerializable(v, seen, ctx + "[" + i + "]");
             expectIndex = i + 1;
@@ -6981,8 +6887,7 @@ const ${fnName} = $(${String(
 Please check out https://qwik.dev/docs/advanced/qrl/ for more information.`;
     }
-    console.error("Trying to serialize", value);
-    throwErrorAndStop(message);
+    throw qError(3 /* verifySerializable */, [message]);
   }
   return value;
 };
@@ -7034,7 +6939,7 @@ var createQRL = (chunk, symbol, symbolRef, symbolFn, capture, captureRef, refSym
   function bindFnToContext(currentCtx, beforeFn) {
     return (...args) => maybeThen(resolveLazy(), (fn) => {
       if (!isFunction(fn)) {
-        throw qError(QError_qrlIsNotFunction);
+        throw qError(10 /* qrlIsNotFunction */);
       }
       if (beforeFn && beforeFn() === false) {
         return;
@@ -7135,7 +7040,7 @@ var createQRL = (chunk, symbol, symbolRef, symbolFn, capture, captureRef, refSym
   if (symbolRef) {
     symbolRef = maybeThen(symbolRef, (resolved) => qrl.resolved = symbolRef = wrapFn(resolved));
   }
-  if (isDev8) {
+  if (isDev7) {
     Object.defineProperty(qrl, "_devOnlySymbolRef", {
       get() {
         return symbolRef;
@@ -7226,7 +7131,7 @@ var stringifyStyle = (obj) => {
   }
   if (typeof obj == "object") {
     if (isArray(obj)) {
-      throw qError(QError_stringifyClassOrStyle, obj, "style");
+      throw qError(0 /* stringifyClassOrStyle */, [obj, "style"]);
     } else {
       const chunks = [];
       for (const key in obj) {
@@ -7290,12 +7195,12 @@ function getValidManifest(manifest) {
 // packages/qwik/src/server/ssr-container.ts
 import {
+  _EffectData as EffectData,
   _SharedContainer as _SharedContainer2,
   _jsxSorted as _jsxSorted3,
   _jsxSplit as _jsxSplit2,
   _walkJSX as _walkJSX2,
-  isSignal as isSignal2,
-  _EffectData as EffectData2
+  isSignal as isSignal2
 } from "@qwik.dev/core";
 import { isDev as isDev9 } from "@qwik.dev/core/build";
@@ -7472,6 +7377,165 @@ var PrefetchImplementationDefault = {
   prefetchEvent: "always"
 };
+// packages/qwik/src/server/ssr-node.ts
+import { _isJSXNode as isJSXNode2, _EMPTY_ARRAY } from "@qwik.dev/core";
+import { isDev as isDev8 } from "@qwik.dev/core/build";
+var SsrNode = class {
+  constructor(currentComponentNode, nodeType, id, attrs, cleanupQueue, vnodeData) {
+    this.attrs = attrs;
+    this.cleanupQueue = cleanupQueue;
+    this.vnodeData = vnodeData;
+    __publicField(this, "__brand__");
+    /** @param nodeType - Node type: ELEMENT_NODE, TEXT_NODE, DOCUMENT_NODE */
+    __publicField(this, "nodeType");
+    /**
+     * ID which the deserialize will use to retrieve the node.
+     *
+     * @param refId - Unique id for the node.
+     */
+    __publicField(this, "id");
+    /** Local props which don't serialize; */
+    __publicField(this, "locals", null);
+    __publicField(this, "currentComponentNode");
+    __publicField(this, "childrenVNodeData", null);
+    this.currentComponentNode = currentComponentNode;
+    this.currentComponentNode?.addChildVNodeData(this.vnodeData);
+    this.nodeType = nodeType;
+    this.id = id;
+    if (isDev8 && id.indexOf("undefined") != -1) {
+      throw new Error(`Invalid SSR node id: ${id}`);
+    }
+  }
+  setProp(name, value) {
+    if (this.attrs === _EMPTY_ARRAY) {
+      this.attrs = [];
+    }
+    if (name.startsWith(NON_SERIALIZABLE_MARKER_PREFIX)) {
+      mapArray_set(this.locals || (this.locals = []), name, value, 0);
+    } else {
+      mapArray_set(this.attrs, name, value, 0);
+    }
+    if (name == ELEMENT_SEQ && value) {
+      this.cleanupQueue.push(value);
+    }
+  }
+  getProp(name) {
+    if (name.startsWith(NON_SERIALIZABLE_MARKER_PREFIX)) {
+      return this.locals ? mapArray_get(this.locals, name, 0) : null;
+    } else {
+      return mapArray_get(this.attrs, name, 0);
+    }
+  }
+  removeProp(name) {
+    if (name.startsWith(NON_SERIALIZABLE_MARKER_PREFIX)) {
+      if (this.locals) {
+        mapApp_remove(this.locals, name, 0);
+      }
+    } else {
+      mapApp_remove(this.attrs, name, 0);
+    }
+  }
+  addChildVNodeData(child) {
+    if (!this.childrenVNodeData) {
+      this.childrenVNodeData = [];
+    }
+    this.childrenVNodeData.push(child);
+  }
+  toString() {
+    let stringifiedAttrs = "";
+    for (let i = 0; i < this.attrs.length; i += 2) {
+      const key = this.attrs[i];
+      const value = this.attrs[i + 1];
+      stringifiedAttrs += `${key}=`;
+      stringifiedAttrs += `${typeof value === "string" || typeof value === "number" ? JSON.stringify(value) : "*"}`;
+      if (i < this.attrs.length - 2) {
+        stringifiedAttrs += ", ";
+      }
+    }
+    return `SSRNode [<${this.id}> ${stringifiedAttrs}]`;
+  }
+};
+__publicField(SsrNode, "ELEMENT_NODE", 1);
+__publicField(SsrNode, "TEXT_NODE", 3);
+__publicField(SsrNode, "DOCUMENT_NODE", 9);
+__publicField(SsrNode, "DOCUMENT_FRAGMENT_NODE", 11);
+var DomRef = class {
+  constructor($ssrNode$) {
+    this.$ssrNode$ = $ssrNode$;
+  }
+};
+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);
+  }
+  distributeChildrenIntoSlots(children, projectionScopedStyle, projectionComponentFrame) {
+    this.projectionScopedStyle = projectionScopedStyle;
+    this.projectionComponentFrame = projectionComponentFrame;
+    if (isJSXNode2(children)) {
+      const slotName = this.getSlotName(children);
+      mapArray_set(this.slots, slotName, children, 0);
+    } else if (Array.isArray(children)) {
+      const defaultSlot = [];
+      for (let i = 0; i < children.length; i++) {
+        const child = children[i];
+        if (isJSXNode2(child)) {
+          const slotName = this.getSlotName(child);
+          if (slotName === QDefaultSlot) {
+            defaultSlot.push(child);
+          } else {
+            this.updateSlot(slotName, child);
+          }
+        } else {
+          defaultSlot.push(child);
+        }
+      }
+      defaultSlot.length && mapArray_set(this.slots, QDefaultSlot, defaultSlot, 0);
+    } else {
+      mapArray_set(this.slots, QDefaultSlot, children, 0);
+    }
+  }
+  updateSlot(slotName, child) {
+    let existingSlots = mapArray_get(this.slots, slotName, 0);
+    if (existingSlots === null) {
+      existingSlots = child;
+    } else if (Array.isArray(existingSlots)) {
+      existingSlots.push(child);
+    } else {
+      existingSlots = [existingSlots, child];
+    }
+    mapArray_set(this.slots, slotName, existingSlots, 0);
+  }
+  getSlotName(jsx2) {
+    if (jsx2.props[QSlot]) {
+      return jsx2.props[QSlot];
+    }
+    return QDefaultSlot;
+  }
+  hasSlot(slotName) {
+    return mapArray_get(this.slots, slotName, 0) !== null;
+  }
+  consumeChildrenForSlot(projectionNode, slotName) {
+    const children = mapApp_remove(this.slots, slotName, 0);
+    if (children !== null) {
+      this.componentNode.setProp(slotName, projectionNode.id);
+      projectionNode.setProp(QSlotParent, this.componentNode.id);
+    }
+    return children;
+  }
+  releaseUnclaimedProjections(unclaimedProjections) {
+    if (this.slots.length) {
+      unclaimedProjections.push(this);
+      unclaimedProjections.push(this.projectionScopedStyle);
+      unclaimedProjections.push.apply(unclaimedProjections, this.slots);
+    }
+  }
+};
 // packages/qwik/src/server/tag-nesting.ts
 var allowedContent = (state) => {
   switch (state) {
@@ -7742,6 +7806,110 @@ function isInPhrasing(text, allowInput) {
   }
 }
+// packages/qwik/src/server/vnode-data.ts
+import { _EMPTY_ARRAY as _EMPTY_ARRAY2 } from "@qwik.dev/core";
+var OPEN_FRAGMENT = Number.MAX_SAFE_INTEGER;
+var CLOSE_FRAGMENT = Number.MAX_SAFE_INTEGER - 1;
+var WRITE_ELEMENT_ATTRS = Number.MAX_SAFE_INTEGER - 2;
+function vNodeData_incrementElementCount(vNodeData) {
+  const length = vNodeData.length;
+  const lastValue = length > 1 ? vNodeData[length - 1] : 0;
+  if (lastValue >= 0) {
+    vNodeData.push(-1);
+  } else {
+    vNodeData[length - 1] = lastValue - 1;
+  }
+}
+function vNodeData_addTextSize(vNodeData, size) {
+  const length = vNodeData.length;
+  const lastValue = length > 1 ? vNodeData[length - 1] : 0;
+  if (length > 1 && lastValue >= 0) {
+    vNodeData[0] |= 1 /* TEXT_DATA */;
+  }
+  vNodeData.push(size);
+  if (size == 0) {
+    vNodeData[0] |= 1 /* TEXT_DATA */;
+  }
+}
+function vNodeData_openFragment(vNodeData, attrs) {
+  vNodeData.push(attrs, OPEN_FRAGMENT);
+  vNodeData[0] |= 2 /* VIRTUAL_NODE */;
+}
+function vNodeData_closeFragment(vNodeData) {
+  vNodeData.push(CLOSE_FRAGMENT);
+}
+function vNodeData_openElement(vNodeData) {
+  vNodeData.push([], WRITE_ELEMENT_ATTRS);
+  vNodeData[0] |= 4 /* ELEMENT_NODE */;
+}
+function vNodeData_createSsrNodeReference(currentComponentNode, vNodeData, depthFirstElementIdx, cleanupQueue) {
+  vNodeData[0] |= 8 /* REFERENCE */;
+  let fragmentAttrs = _EMPTY_ARRAY2;
+  const stack2 = [SsrNode.ELEMENT_NODE, -1];
+  for (let i = 1; i < vNodeData.length; i++) {
+    const value = vNodeData[i];
+    if (Array.isArray(value)) {
+      fragmentAttrs = value;
+      i++;
+      if (vNodeData[i] !== WRITE_ELEMENT_ATTRS) {
+        stack2[stack2.length - 1]++;
+        stack2.push(SsrNode.DOCUMENT_FRAGMENT_NODE, -1);
+      }
+    } else if (value === CLOSE_FRAGMENT) {
+      stack2.pop();
+      stack2.pop();
+      fragmentAttrs = _EMPTY_ARRAY2;
+    } else if (value < 0) {
+      const numberOfElements = 0 - value;
+      stack2[stack2.length - 1] += numberOfElements;
+    } else {
+      stack2[stack2.length - 1]++;
+    }
+  }
+  let refId = String(depthFirstElementIdx);
+  if (vNodeData[0] & (2 /* VIRTUAL_NODE */ | 1 /* TEXT_DATA */)) {
+    for (let i = 1; i < stack2.length; i += 2) {
+      const childCount = stack2[i];
+      if (childCount >= 0) {
+        refId += encodeAsAlphanumeric(childCount);
+      }
+    }
+  }
+  const type = stack2[stack2.length - 2];
+  return new SsrNode(currentComponentNode, type, refId, fragmentAttrs, cleanupQueue, vNodeData);
+}
+var ALPHANUMERIC = [];
+function encodeAsAlphanumeric(value) {
+  while (ALPHANUMERIC.length <= value) {
+    let value2 = ALPHANUMERIC.length;
+    let text = "";
+    do {
+      text = String.fromCharCode(
+        (text.length === 0 ? 65 : 97) + value2 % 26
+        /* A-Z */
+      ) + text;
+      value2 = Math.floor(
+        value2 / 26
+        /* A-Z */
+      );
+    } while (value2 !== 0);
+    ALPHANUMERIC.push(text);
+  }
+  return ALPHANUMERIC[value];
+}
+// packages/qwik/src/server/scripts.ts
+var QWIK_LOADER_DEFAULT_MINIFIED = '(()=>{var e=Object.defineProperty,t=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,o=Object.prototype.propertyIsEnumerable,r=(t,n,o)=>n in t?e(t,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):t[n]=o,s=(e,s)=>{for(var a in s||(s={}))n.call(s,a)&&r(e,a,s[a]);if(t)for(var a of t(s))o.call(s,a)&&r(e,a,s[a]);return e};((e,t)=>{const n="__q_context__",o=window,r=new Set,a=new Set([e]),i="replace",c="forEach",l="target",f="getAttribute",p="isConnected",b="qvisible",u="_qwikjson_",h=(e,t)=>Array.from(e.querySelectorAll(t)),y=e=>{const t=[];return a.forEach((n=>t.push(...h(n,e)))),t},d=e=>{S(e),h(e,"[q\\\\:shadowroot]").forEach((e=>{const t=e.shadowRoot;t&&d(t)}))},q=e=>e&&"function"==typeof e.then,m=(e,t,n=t.type)=>{y("[on"+e+"\\\\:"+n+"]")[c]((o=>g(o,e,t,n)))},w=t=>{if(void 0===t[u]){let n=(t===e.documentElement?e.body:t).lastElementChild;for(;n;){if("SCRIPT"===n.tagName&&"qwik/json"===n[f]("type")){t[u]=JSON.parse(n.textContent[i](/\\\\x3C(\\/?script)/gi,"<$1"));break}n=n.previousElementSibling}}},v=(e,t)=>new CustomEvent(e,{detail:t}),g=async(t,o,r,a=r.type)=>{const c="on"+o+":"+a;t.hasAttribute("preventdefault:"+a)&&r.preventDefault(),t.hasAttribute("stoppropagation:"+a)&&r.stopPropagation();const l=t._qc_,b=l&&l.li.filter((e=>e[0]===c));if(b&&b.length>0){for(const e of b){const n=e[1].getFn([t,r],(()=>t[p]))(r,t),o=r.cancelBubble;q(n)&&await n,o&&r.stopPropagation()}return}const u=t.qDispatchEvent;if(u)return u(r,o);const h=t[f](c);if(h){const o=t.closest("[q\\\\:container]:not([q\\\\:container=html]):not([q\\\\:container=text])"),a=o[f]("q:base"),c=o[f]("q:version")||"unknown",l=o[f]("q:manifest-hash")||"dev",b=new URL(a,e.baseURI);for(const f of h.split("\\n")){const u=new URL(f,b),h=u.href,y=u.hash[i](/^#?([^?[|]*).*$/,"$1")||"default",d=performance.now();let m,v,g;const A=f.startsWith("#"),_={qBase:a,qManifest:l,qVersion:c,href:h,symbol:y,element:t,reqTime:d};if(A){const t=o.getAttribute("q:instance");m=(e["qFuncs_"+t]||[])[Number.parseInt(y)],m||(v="sync",g=Error("sync handler error for symbol: "+y))}else{const e=u.href.split("#")[0];try{const t=import(e);w(o),m=(await t)[y],m||(v="no-symbol",g=Error(`${y} not in ${e}`))}catch(e){v||(v="async"),g=e}}if(!m){E("qerror",s({importError:v,error:g},_)),console.error(g);break}const k=e[n];if(t[p]){const o=async(a=0)=>{try{e[n]=[t,r,u],A||E("qsymbol",s({},_));const o=m(r,t);q(o)&&await o}catch(e){q(e)&&a<100?e.then((()=>o(a++))):E("qerror",s({error:e},_))}finally{e[n]=k}};o()}}}},E=(t,n)=>{e.dispatchEvent(v(t,n))},A=e=>e[i](/([A-Z])/g,(e=>"-"+e.toLowerCase())),_=async e=>{let t=A(e.type),n=e[l];for(m("-document",e,t);n&&n[f];){const o=g(n,"",e,t);let r=e.cancelBubble;q(o)&&await o,r=r||e.cancelBubble||n.hasAttribute("stoppropagation:"+e.type),n=e.bubbles&&!0!==r?n.parentElement:null}},k=e=>{m("-window",e,A(e.type))},C=()=>{var n;const s=e.readyState;if(!t&&("interactive"==s||"complete"==s)&&(a.forEach(d),t=1,E("qinit"),(null!=(n=o.requestIdleCallback)?n:o.setTimeout).bind(o)((()=>E("qidle"))),r.has(b))){const e=y("[on\\\\:"+b+"]"),t=new IntersectionObserver((e=>{for(const n of e)n.isIntersecting&&(t.unobserve(n[l]),g(n[l],"",v(b,n)))}));e[c]((e=>t.observe(e)))}},O=(e,t,n,o=!1)=>e.addEventListener(t,n,{capture:o,passive:!1}),S=(...e)=>{for(const t of e)"string"==typeof t?r.has(t)||(a.forEach((e=>O(e,t,_,!0))),O(o,t,k,!0),r.add(t)):a.has(t)||(r.forEach((e=>O(t,e,_,!0))),a.add(t))};if(!(n in e)){e[n]=0;const t=o.qwikevents;Array.isArray(t)&&S(...t),o.qwikevents={events:r,roots:a,push:S},O(e,"readystatechange",C),C()}})(document)})()';
+var QWIK_LOADER_DEFAULT_DEBUG = '(() => {\n    var __defProp = Object.defineProperty;\n    var __getOwnPropSymbols = Object.getOwnPropertySymbols;\n    var __hasOwnProp = Object.prototype.hasOwnProperty;\n    var __propIsEnum = Object.prototype.propertyIsEnumerable;\n    var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, {\n        enumerable: !0,\n        configurable: !0,\n        writable: !0,\n        value: value\n    }) : obj[key] = value;\n    var __spreadValues = (a, b) => {\n        for (var prop in b || (b = {})) {\n            __hasOwnProp.call(b, prop) && __defNormalProp(a, prop, b[prop]);\n        }\n        if (__getOwnPropSymbols) {\n            for (var prop of __getOwnPropSymbols(b)) {\n                __propIsEnum.call(b, prop) && __defNormalProp(a, prop, b[prop]);\n            }\n        }\n        return a;\n    };\n    ((doc, hasInitialized) => {\n        const Q_CONTEXT = "__q_context__";\n        const win = window;\n        const events =  new Set;\n        const roots =  new Set([ doc ]);\n        const nativeQuerySelectorAll = (root, selector) => Array.from(root.querySelectorAll(selector));\n        const querySelectorAll = query => {\n            const elements = [];\n            roots.forEach((root => elements.push(...nativeQuerySelectorAll(root, query))));\n            return elements;\n        };\n        const findShadowRoots = fragment => {\n            processEventOrNode(fragment);\n            nativeQuerySelectorAll(fragment, "[q\\\\:shadowroot]").forEach((parent => {\n                const shadowRoot = parent.shadowRoot;\n                shadowRoot && findShadowRoots(shadowRoot);\n            }));\n        };\n        const isPromise = promise => promise && "function" == typeof promise.then;\n        const broadcast = (infix, ev, type = ev.type) => {\n            querySelectorAll("[on" + infix + "\\\\:" + type + "]").forEach((el => dispatch(el, infix, ev, type)));\n        };\n        const resolveContainer = containerEl => {\n            if (void 0 === containerEl._qwikjson_) {\n                let script = (containerEl === doc.documentElement ? doc.body : containerEl).lastElementChild;\n                while (script) {\n                    if ("SCRIPT" === script.tagName && "qwik/json" === script.getAttribute("type")) {\n                        containerEl._qwikjson_ = JSON.parse(script.textContent.replace(/\\\\x3C(\\/?script)/gi, "<$1"));\n                        break;\n                    }\n                    script = script.previousElementSibling;\n                }\n            }\n        };\n        const createEvent = (eventName, detail) => new CustomEvent(eventName, {\n            detail: detail\n        });\n        const dispatch = async (element, scope, ev, eventName = ev.type) => {\n            const attrName = "on" + scope + ":" + eventName;\n            element.hasAttribute("preventdefault:" + eventName) && ev.preventDefault();\n            element.hasAttribute("stoppropagation:" + eventName) && ev.stopPropagation();\n            const ctx = element._qc_;\n            const relevantListeners = ctx && ctx.li.filter((li => li[0] === attrName));\n            if (relevantListeners && relevantListeners.length > 0) {\n                for (const listener of relevantListeners) {\n                    const results = listener[1].getFn([ element, ev ], (() => element.isConnected))(ev, element);\n                    const cancelBubble = ev.cancelBubble;\n                    isPromise(results) && await results;\n                    cancelBubble && ev.stopPropagation();\n                }\n                return;\n            }\n            const qDispatchEvent = element.qDispatchEvent;\n            if (qDispatchEvent) {\n                return qDispatchEvent(ev, scope);\n            }\n            const attrValue = element.getAttribute(attrName);\n            if (attrValue) {\n                const container = element.closest("[q\\\\:container]:not([q\\\\:container=html]):not([q\\\\:container=text])");\n                const qBase = container.getAttribute("q:base");\n                const qVersion = container.getAttribute("q:version") || "unknown";\n                const qManifest = container.getAttribute("q:manifest-hash") || "dev";\n                const base = new URL(qBase, doc.baseURI);\n                for (const qrl of attrValue.split("\\n")) {\n                    const url = new URL(qrl, base);\n                    const href = url.href;\n                    const symbol = url.hash.replace(/^#?([^?[|]*).*$/, "$1") || "default";\n                    const reqTime = performance.now();\n                    let handler;\n                    let importError;\n                    let error;\n                    const isSync = qrl.startsWith("#");\n                    const eventData = {\n                        qBase: qBase,\n                        qManifest: qManifest,\n                        qVersion: qVersion,\n                        href: href,\n                        symbol: symbol,\n                        element: element,\n                        reqTime: reqTime\n                    };\n                    if (isSync) {\n                        const hash = container.getAttribute("q:instance");\n                        handler = (doc["qFuncs_" + hash] || [])[Number.parseInt(symbol)];\n                        if (!handler) {\n                            importError = "sync";\n                            error = new Error("sync handler error for symbol: " + symbol);\n                        }\n                    } else {\n                        const uri = url.href.split("#")[0];\n                        try {\n                            const module = import(\n                                                        uri);\n                            resolveContainer(container);\n                            handler = (await module)[symbol];\n                            if (!handler) {\n                                importError = "no-symbol";\n                                error = new Error(`${symbol} not in ${uri}`);\n                            }\n                        } catch (err) {\n                            importError || (importError = "async");\n                            error = err;\n                        }\n                    }\n                    if (!handler) {\n                        emitEvent("qerror", __spreadValues({\n                            importError: importError,\n                            error: error\n                        }, eventData));\n                        console.error(error);\n                        break;\n                    }\n                    const previousCtx = doc[Q_CONTEXT];\n                    if (element.isConnected) {\n                        const handleEvent = async (retryCount = 0) => {\n                            try {\n                                doc[Q_CONTEXT] = [ element, ev, url ];\n                                isSync || emitEvent("qsymbol", __spreadValues({}, eventData));\n                                const results = handler(ev, element);\n                                isPromise(results) && await results;\n                            } catch (error2) {\n                                isPromise(error2) && retryCount < 100 ? error2.then((() => handleEvent(retryCount++))) : emitEvent("qerror", __spreadValues({\n                                    error: error2\n                                }, eventData));\n                            } finally {\n                                doc[Q_CONTEXT] = previousCtx;\n                            }\n                        };\n                        handleEvent();\n                    }\n                }\n            }\n        };\n        const emitEvent = (eventName, detail) => {\n            doc.dispatchEvent(createEvent(eventName, detail));\n        };\n        const camelToKebab = str => str.replace(/([A-Z])/g, (a => "-" + a.toLowerCase()));\n        const processDocumentEvent = async ev => {\n            let type = camelToKebab(ev.type);\n            let element = ev.target;\n            broadcast("-document", ev, type);\n            while (element && element.getAttribute) {\n                const results = dispatch(element, "", ev, type);\n                let cancelBubble = ev.cancelBubble;\n                isPromise(results) && await results;\n                cancelBubble = cancelBubble || ev.cancelBubble || element.hasAttribute("stoppropagation:" + ev.type);\n                element = ev.bubbles && !0 !== cancelBubble ? element.parentElement : null;\n            }\n        };\n        const processWindowEvent = ev => {\n            broadcast("-window", ev, camelToKebab(ev.type));\n        };\n        const processReadyStateChange = () => {\n            var _a;\n            const readyState = doc.readyState;\n            if (!hasInitialized && ("interactive" == readyState || "complete" == readyState)) {\n                roots.forEach(findShadowRoots);\n                hasInitialized = 1;\n                emitEvent("qinit");\n                (null != (_a = win.requestIdleCallback) ? _a : win.setTimeout).bind(win)((() => emitEvent("qidle")));\n                if (events.has("qvisible")) {\n                    const results = querySelectorAll("[on\\\\:qvisible]");\n                    const observer = new IntersectionObserver((entries => {\n                        for (const entry of entries) {\n                            if (entry.isIntersecting) {\n                                observer.unobserve(entry.target);\n                                dispatch(entry.target, "", createEvent("qvisible", entry));\n                            }\n                        }\n                    }));\n                    results.forEach((el => observer.observe(el)));\n                }\n            }\n        };\n        const addEventListener = (el, eventName, handler, capture = !1) => el.addEventListener(eventName, handler, {\n            capture: capture,\n            passive: !1\n        });\n        const processEventOrNode = (...eventNames) => {\n            for (const eventNameOrNode of eventNames) {\n                if ("string" == typeof eventNameOrNode) {\n                    if (!events.has(eventNameOrNode)) {\n                        roots.forEach((root => addEventListener(root, eventNameOrNode, processDocumentEvent, !0)));\n                        addEventListener(win, eventNameOrNode, processWindowEvent, !0);\n                        events.add(eventNameOrNode);\n                    }\n                } else if (!roots.has(eventNameOrNode)) {\n                    events.forEach((eventName => addEventListener(eventNameOrNode, eventName, processDocumentEvent, !0)));\n                    roots.add(eventNameOrNode);\n                }\n            }\n        };\n        if (!(Q_CONTEXT in doc)) {\n            doc[Q_CONTEXT] = 0;\n            const qwikevents = win.qwikevents;\n            Array.isArray(qwikevents) && processEventOrNode(...qwikevents);\n            win.qwikevents = {\n                events: events,\n                roots: roots,\n                push: processEventOrNode\n            };\n            addEventListener(doc, "readystatechange", processReadyStateChange);\n            processReadyStateChange();\n        }\n    })(document);\n})()';
+function getQwikLoaderScript(opts = {}) {
+  return opts.debug ? QWIK_LOADER_DEFAULT_DEBUG : QWIK_LOADER_DEFAULT_MINIFIED;
+}
+var QWIK_PREFETCH_MINIFIED = globalThis.QWIK_PREFETCH_MINIFIED;
+var QWIK_PREFETCH_DEBUG = globalThis.QWIK_PREFETCH_DEBUG;
+function getQwikPrefetchWorkerScript(opts = {}) {
+  return opts.debug ? QWIK_PREFETCH_DEBUG : QWIK_PREFETCH_MINIFIED;
+}
 // packages/qwik/src/server/ssr-container.ts
 function ssrCreateContainer(opts) {
   opts.renderOptions || (opts.renderOptions = {});
@@ -7853,9 +8021,6 @@ var SSRContainer = class extends _SharedContainer2 {
   }
   ensureProjectionResolved(host) {
   }
-  processJsx(host, jsx2) {
-    throw new Error("Should not get here.");
-  }
   handleError(err, $host$) {
     throw err;
   }
@@ -7944,6 +8109,7 @@ var SSRContainer = class extends _SharedContainer2 {
       vNodeData_incrementElementCount(this.currentElementFrame.vNodeData);
     }
     this.createAndPushFrame(elementName, this.depthFirstElementCount++, currentFile);
+    vNodeData_openElement(this.currentElementFrame.vNodeData);
     this.write("<");
     this.write(elementName);
     if (varAttrs) {
@@ -8029,7 +8195,7 @@ var SSRContainer = class extends _SharedContainer2 {
     this.openFragment(attrs);
     const vNode = this.currentElementFrame?.vNodeData;
     if (vNode) {
-      vNode[0] |= 8 /* SERIALIZE */;
+      vNode[0] |= 16 /* SERIALIZE */;
     }
     const componentFrame = this.getComponentFrame();
     if (componentFrame) {
@@ -8192,12 +8358,12 @@ var SSRContainer = class extends _SharedContainer2 {
     for (let elementIdx = 0; elementIdx < vNodeData.length; elementIdx++) {
       const vNode = vNodeData[elementIdx];
       const flag = vNode[0];
-      if (flag & 8 /* SERIALIZE */) {
+      if (flag & 16 /* SERIALIZE */) {
         lastSerializedIdx = this.emitVNodeSeparators(lastSerializedIdx, elementIdx);
-        if (flag & 4 /* REFERENCE */) {
+        if (flag & 8 /* REFERENCE */) {
           this.write(VNodeDataSeparator.REFERENCE_CH);
         }
-        if (flag & (1 /* TEXT_DATA */ | 2 /* VIRTUAL_NODE */)) {
+        if (flag & (1 /* TEXT_DATA */ | 2 /* VIRTUAL_NODE */ | 4 /* ELEMENT_NODE */)) {
           let fragmentAttrs = null;
           let depth = 0;
           for (let i = 1; i < vNode.length; i++) {
@@ -8215,6 +8381,13 @@ var SSRContainer = class extends _SharedContainer2 {
               }
               depth--;
               this.write(VNodeDataChar.CLOSE_CHAR);
+            } else if (value === WRITE_ELEMENT_ATTRS) {
+              if (fragmentAttrs && fragmentAttrs.length) {
+                this.write(VNodeDataChar.SEPARATOR_CHAR);
+                writeFragmentAttrs(this.write.bind(this), this.addRoot.bind(this), fragmentAttrs);
+                this.write(VNodeDataChar.SEPARATOR_CHAR);
+                fragmentAttrs = vNodeAttrsStack.pop();
+              }
             } else if (value >= 0) {
               this.write(encodeAsAlphanumeric(value));
             } else {
@@ -8267,6 +8440,9 @@ var SSRContainer = class extends _SharedContainer2 {
           case ELEMENT_SEQ_IDX:
             write(VNodeDataChar.SEQ_IDX_CHAR);
             break;
+          case QSubscribers:
+            write(VNodeDataChar.SUBS_CHAR);
+            break;
           // Skipping `\` character for now because it is used for escaping.
           case QCtxAttr:
             write(VNodeDataChar.CONTEXT_CHAR);
@@ -8466,7 +8642,7 @@ var SSRContainer = class extends _SharedContainer2 {
             );
             const lastNode = this.getLastNode();
             if (lastNode.vnodeData) {
-              lastNode.vnodeData[0] |= 8 /* SERIALIZE */;
+              lastNode.vnodeData[0] |= 16 /* SERIALIZE */;
             }
             ssrComponentNode?.setProp(value, lastNode.id);
             await _walkJSX2(this, children, {
@@ -8589,7 +8765,7 @@ var SSRContainer = class extends _SharedContainer2 {
         let styleScopedId = null;
         if (isSSRUnsafeAttr(key)) {
           if (isDev9) {
-            throw new Error("Attribute value is unsafe for SSR");
+            throw qError(51 /* unsafeAttr */);
           }
           continue;
         }
@@ -8601,16 +8777,18 @@ var SSRContainer = class extends _SharedContainer2 {
         if (key === "ref") {
           const lastNode = this.getLastNode();
           if (isSignal2(value)) {
-            value.value = new DomRef(lastNode.id);
+            value.value = new DomRef(lastNode);
             continue;
           } else if (typeof value === "function") {
-            value(new DomRef(lastNode.id));
+            value(new DomRef(lastNode));
             continue;
+          } else {
+            throw qError(32 /* invalidRefValue */);
           }
         }
         if (isSignal2(value)) {
           const lastNode = this.getLastNode();
-          const signalData = new EffectData2({
+          const signalData = new EffectData({
             $scopedStyleIdPrefix$: styleScopedId,
             $isConst$: isConst
           });
@@ -8627,7 +8805,7 @@ var SSRContainer = class extends _SharedContainer2 {
         if (tag === "textarea" && key === "value") {
           if (typeof value !== "string") {
             if (isDev9) {
-              throw new Error("The value of the textarea must be a string");
+              throw qError(40 /* wrongTextareaValue */);
             }
             continue;
           }
@@ -8663,7 +8841,7 @@ var isQwikStyleElement = (tag, attrs) => {
   return false;
 };
 function newTagError(text) {
-  return new Error("SsrError(tag): " + text);
+  return qError(29 /* tagError */, [text]);
 }
 function hasDestroy(obj) {
   return obj && typeof obj === "object" && typeof obj.$destroy$ === "function";
@@ -8877,18 +9055,6 @@ function resolveManifest(manifest) {
 }
 var Q_FUNCS_PREFIX = 'document["qFuncs_HASH"]=';
-// packages/qwik/src/server/scripts.ts
-var QWIK_LOADER_DEFAULT_MINIFIED = '(()=>{var e=Object.defineProperty,t=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,o=Object.prototype.propertyIsEnumerable,r=(t,n,o)=>n in t?e(t,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):t[n]=o,s=(e,s)=>{for(var a in s||(s={}))n.call(s,a)&&r(e,a,s[a]);if(t)for(var a of t(s))o.call(s,a)&&r(e,a,s[a]);return e};((e,t)=>{const n="__q_context__",o=window,r=new Set,a=new Set([e]),i="replace",c="forEach",l="target",f="getAttribute",p="isConnected",b="qvisible",u="_qwikjson_",h=(e,t)=>Array.from(e.querySelectorAll(t)),y=e=>{const t=[];return a.forEach((n=>t.push(...h(n,e)))),t},d=e=>{S(e),h(e,"[q\\\\:shadowroot]").forEach((e=>{const t=e.shadowRoot;t&&d(t)}))},q=e=>e&&"function"==typeof e.then,m=(e,t,n=t.type)=>{y("[on"+e+"\\\\:"+n+"]")[c]((o=>g(o,e,t,n)))},w=t=>{if(void 0===t[u]){let n=(t===e.documentElement?e.body:t).lastElementChild;for(;n;){if("SCRIPT"===n.tagName&&"qwik/json"===n[f]("type")){t[u]=JSON.parse(n.textContent[i](/\\\\x3C(\\/?script)/gi,"<$1"));break}n=n.previousElementSibling}}},v=(e,t)=>new CustomEvent(e,{detail:t}),g=async(t,o,r,a=r.type)=>{const c="on"+o+":"+a;t.hasAttribute("preventdefault:"+a)&&r.preventDefault(),t.hasAttribute("stoppropagation:"+a)&&r.stopPropagation();const l=t._qc_,b=l&&l.li.filter((e=>e[0]===c));if(b&&b.length>0){for(const e of b){const n=e[1].getFn([t,r],(()=>t[p]))(r,t),o=r.cancelBubble;q(n)&&await n,o&&r.stopPropagation()}return}const u=t.qDispatchEvent;if(u)return u(r,o);const h=t[f](c);if(h){const o=t.closest("[q\\\\:container]:not([q\\\\:container=html]):not([q\\\\:container=text])"),a=o[f]("q:base"),c=o[f]("q:version")||"unknown",l=o[f]("q:manifest-hash")||"dev",b=new URL(a,e.baseURI);for(const f of h.split("\\n")){const u=new URL(f,b),h=u.href,y=u.hash[i](/^#?([^?[|]*).*$/,"$1")||"default",d=performance.now();let m,v,g;const A=f.startsWith("#"),_={qBase:a,qManifest:l,qVersion:c,href:h,symbol:y,element:t,reqTime:d};if(A){const t=o.getAttribute("q:instance");m=(e["qFuncs_"+t]||[])[Number.parseInt(y)],m||(v="sync",g=Error("sync handler error for symbol: "+y))}else{const e=u.href.split("#")[0];try{const t=import(e);w(o),m=(await t)[y],m||(v="no-symbol",g=Error(`${y} not in ${e}`))}catch(e){v||(v="async"),g=e}}if(!m){E("qerror",s({importError:v,error:g},_)),console.error(g);break}const k=e[n];if(t[p]){const o=async(a=0)=>{try{e[n]=[t,r,u],A||E("qsymbol",s({},_));const o=m(r,t);q(o)&&await o}catch(e){q(e)&&a<100?e.then((()=>o(a++))):E("qerror",s({error:e},_))}finally{e[n]=k}};o()}}}},E=(t,n)=>{e.dispatchEvent(v(t,n))},A=e=>e[i](/([A-Z])/g,(e=>"-"+e.toLowerCase())),_=async e=>{let t=A(e.type),n=e[l];for(m("-document",e,t);n&&n[f];){const o=g(n,"",e,t);let r=e.cancelBubble;q(o)&&await o,r=r||e.cancelBubble||n.hasAttribute("stoppropagation:"+e.type),n=e.bubbles&&!0!==r?n.parentElement:null}},k=e=>{m("-window",e,A(e.type))},C=()=>{var n;const s=e.readyState;if(!t&&("interactive"==s||"complete"==s)&&(a.forEach(d),t=1,E("qinit"),(null!=(n=o.requestIdleCallback)?n:o.setTimeout).bind(o)((()=>E("qidle"))),r.has(b))){const e=y("[on\\\\:"+b+"]"),t=new IntersectionObserver((e=>{for(const n of e)n.isIntersecting&&(t.unobserve(n[l]),g(n[l],"",v(b,n)))}));e[c]((e=>t.observe(e)))}},O=(e,t,n,o=!1)=>e.addEventListener(t,n,{capture:o,passive:!1}),S=(...e)=>{for(const t of e)"string"==typeof t?r.has(t)||(a.forEach((e=>O(e,t,_,!0))),O(o,t,k,!0),r.add(t)):a.has(t)||(r.forEach((e=>O(t,e,_,!0))),a.add(t))};if(!(n in e)){e[n]=0;const t=o.qwikevents;Array.isArray(t)&&S(...t),o.qwikevents={events:r,roots:a,push:S},O(e,"readystatechange",C),C()}})(document)})()';
-var QWIK_LOADER_DEFAULT_DEBUG = '(() => {\n    var __defProp = Object.defineProperty;\n    var __getOwnPropSymbols = Object.getOwnPropertySymbols;\n    var __hasOwnProp = Object.prototype.hasOwnProperty;\n    var __propIsEnum = Object.prototype.propertyIsEnumerable;\n    var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, {\n        enumerable: !0,\n        configurable: !0,\n        writable: !0,\n        value: value\n    }) : obj[key] = value;\n    var __spreadValues = (a, b) => {\n        for (var prop in b || (b = {})) {\n            __hasOwnProp.call(b, prop) && __defNormalProp(a, prop, b[prop]);\n        }\n        if (__getOwnPropSymbols) {\n            for (var prop of __getOwnPropSymbols(b)) {\n                __propIsEnum.call(b, prop) && __defNormalProp(a, prop, b[prop]);\n            }\n        }\n        return a;\n    };\n    ((doc, hasInitialized) => {\n        const Q_CONTEXT = "__q_context__";\n        const win = window;\n        const events =  new Set;\n        const roots =  new Set([ doc ]);\n        const nativeQuerySelectorAll = (root, selector) => Array.from(root.querySelectorAll(selector));\n        const querySelectorAll = query => {\n            const elements = [];\n            roots.forEach((root => elements.push(...nativeQuerySelectorAll(root, query))));\n            return elements;\n        };\n        const findShadowRoots = fragment => {\n            processEventOrNode(fragment);\n            nativeQuerySelectorAll(fragment, "[q\\\\:shadowroot]").forEach((parent => {\n                const shadowRoot = parent.shadowRoot;\n                shadowRoot && findShadowRoots(shadowRoot);\n            }));\n        };\n        const isPromise = promise => promise && "function" == typeof promise.then;\n        const broadcast = (infix, ev, type = ev.type) => {\n            querySelectorAll("[on" + infix + "\\\\:" + type + "]").forEach((el => dispatch(el, infix, ev, type)));\n        };\n        const resolveContainer = containerEl => {\n            if (void 0 === containerEl._qwikjson_) {\n                let script = (containerEl === doc.documentElement ? doc.body : containerEl).lastElementChild;\n                while (script) {\n                    if ("SCRIPT" === script.tagName && "qwik/json" === script.getAttribute("type")) {\n                        containerEl._qwikjson_ = JSON.parse(script.textContent.replace(/\\\\x3C(\\/?script)/gi, "<$1"));\n                        break;\n                    }\n                    script = script.previousElementSibling;\n                }\n            }\n        };\n        const createEvent = (eventName, detail) => new CustomEvent(eventName, {\n            detail: detail\n        });\n        const dispatch = async (element, scope, ev, eventName = ev.type) => {\n            const attrName = "on" + scope + ":" + eventName;\n            element.hasAttribute("preventdefault:" + eventName) && ev.preventDefault();\n            element.hasAttribute("stoppropagation:" + eventName) && ev.stopPropagation();\n            const ctx = element._qc_;\n            const relevantListeners = ctx && ctx.li.filter((li => li[0] === attrName));\n            if (relevantListeners && relevantListeners.length > 0) {\n                for (const listener of relevantListeners) {\n                    const results = listener[1].getFn([ element, ev ], (() => element.isConnected))(ev, element);\n                    const cancelBubble = ev.cancelBubble;\n                    isPromise(results) && await results;\n                    cancelBubble && ev.stopPropagation();\n                }\n                return;\n            }\n            const qDispatchEvent = element.qDispatchEvent;\n            if (qDispatchEvent) {\n                return qDispatchEvent(ev, scope);\n            }\n            const attrValue = element.getAttribute(attrName);\n            if (attrValue) {\n                const container = element.closest("[q\\\\:container]:not([q\\\\:container=html]):not([q\\\\:container=text])");\n                const qBase = container.getAttribute("q:base");\n                const qVersion = container.getAttribute("q:version") || "unknown";\n                const qManifest = container.getAttribute("q:manifest-hash") || "dev";\n                const base = new URL(qBase, doc.baseURI);\n                for (const qrl of attrValue.split("\\n")) {\n                    const url = new URL(qrl, base);\n                    const href = url.href;\n                    const symbol = url.hash.replace(/^#?([^?[|]*).*$/, "$1") || "default";\n                    const reqTime = performance.now();\n                    let handler;\n                    let importError;\n                    let error;\n                    const isSync = qrl.startsWith("#");\n                    const eventData = {\n                        qBase: qBase,\n                        qManifest: qManifest,\n                        qVersion: qVersion,\n                        href: href,\n                        symbol: symbol,\n                        element: element,\n                        reqTime: reqTime\n                    };\n                    if (isSync) {\n                        const hash = container.getAttribute("q:instance");\n                        handler = (doc["qFuncs_" + hash] || [])[Number.parseInt(symbol)];\n                        if (!handler) {\n                            importError = "sync";\n                            error = new Error("sync handler error for symbol: " + symbol);\n                        }\n                    } else {\n                        const uri = url.href.split("#")[0];\n                        try {\n                            const module = import(\n                                                        uri);\n                            resolveContainer(container);\n                            handler = (await module)[symbol];\n                            if (!handler) {\n                                importError = "no-symbol";\n                                error = new Error(`${symbol} not in ${uri}`);\n                            }\n                        } catch (err) {\n                            importError || (importError = "async");\n                            error = err;\n                        }\n                    }\n                    if (!handler) {\n                        emitEvent("qerror", __spreadValues({\n                            importError: importError,\n                            error: error\n                        }, eventData));\n                        console.error(error);\n                        break;\n                    }\n                    const previousCtx = doc[Q_CONTEXT];\n                    if (element.isConnected) {\n                        const handleEvent = async (retryCount = 0) => {\n                            try {\n                                doc[Q_CONTEXT] = [ element, ev, url ];\n                                isSync || emitEvent("qsymbol", __spreadValues({}, eventData));\n                                const results = handler(ev, element);\n                                isPromise(results) && await results;\n                            } catch (error2) {\n                                isPromise(error2) && retryCount < 100 ? error2.then((() => handleEvent(retryCount++))) : emitEvent("qerror", __spreadValues({\n                                    error: error2\n                                }, eventData));\n                            } finally {\n                                doc[Q_CONTEXT] = previousCtx;\n                            }\n                        };\n                        handleEvent();\n                    }\n                }\n            }\n        };\n        const emitEvent = (eventName, detail) => {\n            doc.dispatchEvent(createEvent(eventName, detail));\n        };\n        const camelToKebab = str => str.replace(/([A-Z])/g, (a => "-" + a.toLowerCase()));\n        const processDocumentEvent = async ev => {\n            let type = camelToKebab(ev.type);\n            let element = ev.target;\n            broadcast("-document", ev, type);\n            while (element && element.getAttribute) {\n                const results = dispatch(element, "", ev, type);\n                let cancelBubble = ev.cancelBubble;\n                isPromise(results) && await results;\n                cancelBubble = cancelBubble || ev.cancelBubble || element.hasAttribute("stoppropagation:" + ev.type);\n                element = ev.bubbles && !0 !== cancelBubble ? element.parentElement : null;\n            }\n        };\n        const processWindowEvent = ev => {\n            broadcast("-window", ev, camelToKebab(ev.type));\n        };\n        const processReadyStateChange = () => {\n            var _a;\n            const readyState = doc.readyState;\n            if (!hasInitialized && ("interactive" == readyState || "complete" == readyState)) {\n                roots.forEach(findShadowRoots);\n                hasInitialized = 1;\n                emitEvent("qinit");\n                (null != (_a = win.requestIdleCallback) ? _a : win.setTimeout).bind(win)((() => emitEvent("qidle")));\n                if (events.has("qvisible")) {\n                    const results = querySelectorAll("[on\\\\:qvisible]");\n                    const observer = new IntersectionObserver((entries => {\n                        for (const entry of entries) {\n                            if (entry.isIntersecting) {\n                                observer.unobserve(entry.target);\n                                dispatch(entry.target, "", createEvent("qvisible", entry));\n                            }\n                        }\n                    }));\n                    results.forEach((el => observer.observe(el)));\n                }\n            }\n        };\n        const addEventListener = (el, eventName, handler, capture = !1) => el.addEventListener(eventName, handler, {\n            capture: capture,\n            passive: !1\n        });\n        const processEventOrNode = (...eventNames) => {\n            for (const eventNameOrNode of eventNames) {\n                if ("string" == typeof eventNameOrNode) {\n                    if (!events.has(eventNameOrNode)) {\n                        roots.forEach((root => addEventListener(root, eventNameOrNode, processDocumentEvent, !0)));\n                        addEventListener(win, eventNameOrNode, processWindowEvent, !0);\n                        events.add(eventNameOrNode);\n                    }\n                } else if (!roots.has(eventNameOrNode)) {\n                    events.forEach((eventName => addEventListener(eventNameOrNode, eventName, processDocumentEvent, !0)));\n                    roots.add(eventNameOrNode);\n                }\n            }\n        };\n        if (!(Q_CONTEXT in doc)) {\n            doc[Q_CONTEXT] = 0;\n            const qwikevents = win.qwikevents;\n            Array.isArray(qwikevents) && processEventOrNode(...qwikevents);\n            win.qwikevents = {\n                events: events,\n                roots: roots,\n                push: processEventOrNode\n            };\n            addEventListener(doc, "readystatechange", processReadyStateChange);\n            processReadyStateChange();\n        }\n    })(document);\n})()';
-function getQwikLoaderScript(opts = {}) {
-  return opts.debug ? QWIK_LOADER_DEFAULT_DEBUG : QWIK_LOADER_DEFAULT_MINIFIED;
-}
-var QWIK_PREFETCH_MINIFIED = globalThis.QWIK_PREFETCH_MINIFIED;
-var QWIK_PREFETCH_DEBUG = globalThis.QWIK_PREFETCH_DEBUG;
-function getQwikPrefetchWorkerScript(opts = {}) {
-  return opts.debug ? QWIK_PREFETCH_DEBUG : QWIK_PREFETCH_MINIFIED;
-}
 // packages/qwik/src/server/index.ts
 async function setServerPlatform2(manifest) {
   const platform = createPlatform({ manifest }, resolveManifest(manifest));