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

package/dist/optimizer.mjs

@@ -1,6 +1,6 @@
 /**
  * @license
- * @qwik.dev/core/optimizer 2.0.0-alpha.2-dev+58b6f8d
+ * @qwik.dev/core/optimizer 2.0.0-alpha.3-dev+418fd6d
  * 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
@@ -1260,7 +1260,7 @@ function createPath(opts = {}) {
 var QWIK_BINDING_MAP = {};
 
 var versions = {
-  qwik: "2.0.0-alpha.2-dev+58b6f8d"
+  qwik: "2.0.0-alpha.3-dev+418fd6d"
 };
 
 async function getSystem() {
@@ -3279,7 +3279,7 @@ function setLocale(locale) {
 }
 
 var versions3 = {
-  qwik: "2.0.0-alpha.2-dev+58b6f8d",
+  qwik: "2.0.0-alpha.3-dev+418fd6d",
   qwikDom: globalThis.QWIK_DOM_VERSION
 };
 
@@ -4581,34 +4581,35 @@ var vnode_diff = (container, jsxNode, vStartNode, scopedStyleIdPrefix) => {
     return peekNextSibling();
   }
   function descendContentToProject(children, host) {
-    Array.isArray(children) || (children = [ children ]);
-    if (children.length) {
-      const createProjectionJSXNode = slotName => new JSXNodeImpl(Projection, EMPTY_OBJ, null, [], 0, slotName);
-      const projections = [];
-      if (host) {
-        for (let i = vnode_getPropStartIndex(host); i < host.length; 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 => new JSXNodeImpl(Projection, EMPTY_OBJ, null, [], 0, slotName);
+    const projections = [];
+    if (host) {
+      for (let i = vnode_getPropStartIndex(host); i < host.length; 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(isJSXNode(child) && directGetPropsProxyProp(child, QSlot) || QDefaultSlot);
-        const idx = mapApp_findIndx(projections, slotName, 0);
-        let jsxBucket;
-        idx >= 0 ? jsxBucket = projections[idx + 1] : projections.splice(~idx, 0, slotName, jsxBucket = createProjectionJSXNode(slotName));
-        const removeProjection = false === child;
-        removeProjection || jsxBucket.children.push(child);
-      }
-      for (let i = projections.length - 2; i >= 0; i -= 2) {
-        projections.splice(i, 1);
-      }
-      descend(projections, true);
     }
+    if (0 === projections.length && null == children) {
+      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;
+      idx >= 0 ? jsxBucket = projections[idx + 1] : projections.splice(~idx, 0, slotName, jsxBucket = createProjectionJSXNode(slotName));
+      const removeProjection = false === child;
+      removeProjection || jsxBucket.children.push(child);
+    }
+    for (let i = projections.length - 2; i >= 0; i -= 2) {
+      projections.splice(i, 1);
+    }
+    descend(projections, true);
   }
   function expectProjection() {
     const jsxNode2 = jsxValue;
@@ -4974,7 +4975,7 @@ var vnode_diff = (container, jsxNode, vStartNode, scopedStyleIdPrefix) => {
           container.$scheduler$(7, host, componentQRL, jsxProps);
         }
       }
-      null != jsxNode2.children && descendContentToProject(jsxNode2.children, host);
+      descendContentToProject(jsxNode2.children, host);
     } else {
       const lookupKey = jsxNode2.key;
       const vNodeLookupKey = getKey(host);
@@ -5251,7 +5252,13 @@ var createScheduler = (container, scheduleDrain, journalFlush) => {
 
      case 7:
      case 6:
-      returnValue = safeCall((() => executeComponent(container, host, host, chore.$target$, chore.$payload$)), (jsx3 => 7 === chore.$type$ ? maybeThen(container.processJsx(host, jsx3), (() => jsx3)) : jsx3), (err => container.handleError(err, host)));
+      returnValue = safeCall((() => executeComponent(container, host, host, chore.$target$, chore.$payload$)), (jsx3 => {
+        if (7 === chore.$type$) {
+          const styleScopedId = container.getHostProp(host, QScopedStyle);
+          return vnode_diff(container, jsx3, host, addComponentStylePrefix(styleScopedId));
+        }
+        return jsx3;
+      }), (err => container.handleError(err, host)));
       break;
 
      case 2:
@@ -5422,7 +5429,7 @@ function debugTrace(action, arg, currentChore, queue) {
   console.log(lines.join("\n  ") + "\n");
 }
 
-var version = "2.0.0-alpha.2-dev+58b6f8d";
+var version = "2.0.0-alpha.3-dev+418fd6d";
 
 var _SharedContainer = class {
   constructor(scheduleDrain, journalFlush, serverData, locale) {
@@ -5817,10 +5824,6 @@ var DomContainer = class extends _SharedContainer {
   parseQRL(qrl2) {
     return inflateQRL(this, parseQRL(qrl2));
   }
-  processJsx(host, jsx2) {
-    const styleScopedId = this.getHostProp(host, QScopedStyle);
-    return vnode_diff(this, jsx2, host, addComponentStylePrefix(styleScopedId));
-  }
   handleError(err, host) {
     if (qDev) {
       if ("undefined" !== typeof document) {
@@ -7649,7 +7652,11 @@ var inflate = (container, target, typeId, data) => {
       const valType = data[i2 + 2];
       const valData = data[i2 + 3];
       0 === valType || valType >= 12 ? Object.defineProperty(target, key, {
-        get: () => deserializeData(container, valType, valData),
+        get() {
+          const value = deserializeData(container, valType, valData);
+          target[key] = value;
+          return value;
+        },
         set(value) {
           Object.defineProperty(target, key, {
             value: value,
@@ -7995,6 +8002,8 @@ function inflateQRL(container, qrl2) {
   return qrl2;
 }
 
+var isDomRef = obj => false;
+
 var createSerializationContext = (NodeConstructor, DomRefConstructor, symbolToChunkResolver, getProp, setProp, storeProxyMap, writer, prepVNodeData) => {
   if (!writer) {
     const buffer = [];
@@ -8019,7 +8028,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);
@@ -8116,7 +8125,7 @@ var createSerializationContext = (NodeConstructor, DomRefConstructor, symbolToCh
       } else if (isSsrNode(obj)) {
         discoveredValues.push(obj.vnodeData);
       } else if (isDomRef(obj)) {
-        discoveredValues.push(obj.id);
+        discoveredValues.push(obj.$ssrNode$.id);
       } else if (isJSXNode(obj)) {
         discoveredValues.push(obj.type, obj.props, obj.constProps, obj.children);
       } else if (Array.isArray(obj)) {
@@ -8303,7 +8312,8 @@ function serialize(serializationContext) {
         output(13, out);
       }
     } else if ($isDomRef$(value)) {
-      output(9, value.id);
+      value.$ssrNode$.vnodeData[0] |= 8;
+      output(9, 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) {
@@ -8526,6 +8536,9 @@ var canSerialize = value => {
     if (value instanceof Uint8Array) {
       return true;
     }
+    if (isDomRef?.(value)) {
+      return true;
+    }
   } else if ("function" === typeof value && (isQrl2(value) || isQwikComponent(value))) {
     return true;
   }

package/dist/prefetch/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qwik.dev/core/prefetch",
-  "version": "2.0.0-alpha.2-dev+58b6f8d",
+  "version": "2.0.0-alpha.3-dev+418fd6d",
   "main": "index.mjs",
   "types": "index.d.ts",
   "private": true,

package/dist/server.cjs

@@ -1,6 +1,6 @@
 /**
  * @license
- * @qwik.dev/core/server 2.0.0-alpha.2-dev+58b6f8d
+ * @qwik.dev/core/server 2.0.0-alpha.3-dev+418fd6d
  * 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
@@ -692,9 +692,8 @@ var SsrNode = class {
   }
 };
 var DomRef = class {
-  /** @id is the same id as for SsrNode */
-  constructor(id) {
-    this.id = id;
+  constructor($ssrNode$) {
+    this.$ssrNode$ = $ssrNode$;
   }
 };
 var SsrComponentFrame = class {
@@ -996,7 +995,7 @@ 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.3-dev+418fd6d",
   qwikDom: "2.1.19"
 };
 
@@ -1999,46 +1998,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(
+        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));
       }
-      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;
@@ -2490,7 +2488,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);
@@ -2804,7 +2802,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)
         );
@@ -3407,7 +3415,7 @@ var WrappedSignal = class extends Signal {
 };
 
 // packages/qwik/src/core/version.ts
-var version = "2.0.0-alpha.2-dev+58b6f8d";
+var version = "2.0.0-alpha.3-dev+418fd6d";
 
 // packages/qwik/src/core/shared/shared-container.ts
 var _SharedContainer = class {
@@ -5729,10 +5737,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") {
@@ -6003,7 +6007,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, {
@@ -6327,6 +6333,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 = [];
@@ -6351,7 +6358,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);
@@ -6467,7 +6474,7 @@ var createSerializationContext = (NodeConstructor, DomRefConstructor, symbolToCh
       } else if (isSsrNode(obj)) {
         discoveredValues.push(obj.vnodeData);
       } else if (isDomRef(obj)) {
-        discoveredValues.push(obj.id);
+        discoveredValues.push(obj.$ssrNode$.id);
       } else if (isJSXNode2(obj)) {
         discoveredValues.push(obj.type, obj.props, obj.constProps, obj.children);
       } else if (Array.isArray(obj)) {
@@ -6692,7 +6699,8 @@ function serialize(serializationContext) {
         output(13 /* Object */, out);
       }
     } else if ($isDomRef$(value)) {
-      output(9 /* RefVNode */, value.id);
+      value.$ssrNode$.vnodeData[0] |= 8 /* 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) {
@@ -6957,6 +6965,8 @@ var canSerialize = (value) => {
       return true;
     } else if (value instanceof Uint8Array) {
       return true;
+    } else if (isDomRef == null ? void 0 : isDomRef(value)) {
+      return true;
     }
   } else if (typeof value === "function") {
     if (isQrl2(value) || isQwikComponent(value)) {
@@ -7904,9 +7914,6 @@ var SSRContainer = class extends import_core3._SharedContainer {
   }
   ensureProjectionResolved(host) {
   }
-  processJsx(host, jsx2) {
-    throw new Error("Should not get here.");
-  }
   handleError(err, $host$) {
     throw err;
   }
@@ -8662,10 +8669,10 @@ var SSRContainer = class extends import_core3._SharedContainer {
         if (key === "ref") {
           const lastNode = this.getLastNode();
           if ((0, import_core3.isSignal)(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;
           }
         }

package/dist/server.mjs

@@ -1,6 +1,6 @@
 /**
  * @license
- * @qwik.dev/core/server 2.0.0-alpha.2-dev+58b6f8d
+ * @qwik.dev/core/server 2.0.0-alpha.3-dev+418fd6d
  * 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
@@ -648,9 +648,8 @@ __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;
+  constructor($ssrNode$) {
+    this.$ssrNode$ = $ssrNode$;
   }
 };
 var SsrComponentFrame = class {
@@ -951,7 +950,7 @@ 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.3-dev+418fd6d",
   qwikDom: "2.1.19"
 };
 
@@ -1956,46 +1955,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(
+        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));
       }
-      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;
@@ -2447,7 +2445,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);
@@ -2761,7 +2759,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)
         );
@@ -3359,7 +3367,7 @@ var WrappedSignal = class extends Signal {
 };
 
 // packages/qwik/src/core/version.ts
-var version = "2.0.0-alpha.2-dev+58b6f8d";
+var version = "2.0.0-alpha.3-dev+418fd6d";
 
 // packages/qwik/src/core/shared/shared-container.ts
 var _SharedContainer = class {
@@ -5684,10 +5692,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") {
@@ -5947,7 +5951,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, {
@@ -6269,6 +6275,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 +6300,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);
@@ -6409,7 +6416,7 @@ var createSerializationContext = (NodeConstructor, DomRefConstructor, symbolToCh
       } else if (isSsrNode(obj)) {
         discoveredValues.push(obj.vnodeData);
       } else if (isDomRef(obj)) {
-        discoveredValues.push(obj.id);
+        discoveredValues.push(obj.$ssrNode$.id);
       } else if (isJSXNode2(obj)) {
         discoveredValues.push(obj.type, obj.props, obj.constProps, obj.children);
       } else if (Array.isArray(obj)) {
@@ -6633,7 +6640,8 @@ function serialize(serializationContext) {
         output(13 /* Object */, out);
       }
     } else if ($isDomRef$(value)) {
-      output(9 /* RefVNode */, value.id);
+      value.$ssrNode$.vnodeData[0] |= 8 /* 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) {
@@ -6897,6 +6905,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)) {
@@ -7853,9 +7863,6 @@ var SSRContainer = class extends _SharedContainer2 {
   }
   ensureProjectionResolved(host) {
   }
-  processJsx(host, jsx2) {
-    throw new Error("Should not get here.");
-  }
   handleError(err, $host$) {
     throw err;
   }
@@ -8601,10 +8608,10 @@ 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;
           }
         }