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

package/dist/testing/index.mjs

@@ -1,6 +1,6 @@
 /**
  * @license
- * @qwik.dev/core/testing 2.0.0-alpha.4-dev+374e0d6
+ * @qwik.dev/core/testing 2.0.0-alpha.5-dev+cb53bbd
  * 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
@@ -22294,7 +22294,7 @@ See https://qwik.dev/docs/components/tasks/#use-method-rules`,
       // 30
       "QRLs can not be dynamically resolved, because it does not have a chunk path",
       // 31
-      "The JSX ref attribute must be a Signal",
+      "{{0}}\nThe JSX ref attribute must be a Signal",
       // 32
       "Serialization Error: Deserialization of data type {{0}} is not implemented",
       // 33
@@ -22310,7 +22310,7 @@ See https://qwik.dev/docs/components/tasks/#use-method-rules`,
       // 38
       "Serialization Error: Missing QRL chunk for {{0}}",
       // 39
-      "The value of the textarea must be a string",
+      "{{0}}\nThe value of the textarea must be a string found {{1}}",
       // 40
       "Unable to find q:container",
       // 41
@@ -23041,7 +23041,6 @@ var StoreHandler = class {
   }
   /** In the case of oldValue and value are the same, the effects are not triggered. */
   set(target, prop, value) {
-    target = unwrapDeserializerProxy(target);
     if (typeof prop === "symbol") {
       target[prop] = value;
       return true;
@@ -23109,6 +23108,11 @@ function addEffect(target, prop, store, effectSubscriber) {
   const effects = Object.prototype.hasOwnProperty.call(effectsMap, prop) && effectsMap[prop] || (effectsMap[prop] = []);
   ensureContainsEffect(effects, effectSubscriber);
   ensureContains(effectSubscriber, target);
+  ensureEffectContainsSubscriber(
+    effectSubscriber[0 /* EFFECT */],
+    target,
+    store.$container$
+  );
   DEBUG && log("sub", pad("\n" + store.$effects$.toString(), "  "));
 }
 function setNewValueAndTriggerEffects(prop, value, target, currentStore) {
@@ -23180,32 +23184,39 @@ function clearVNodeEffectDependencies(container, value) {
   }
   for (let i = effects.length - 1; i >= 0; i--) {
     const subscriber = effects[i];
-    const subscriptionRemoved = clearEffects(subscriber, value);
-    if (subscriptionRemoved) {
-      effects.splice(i, 1);
-    }
+    clearEffects(subscriber, value, effects, i, container);
+  }
+  if (effects.length === 0) {
+    vnode_setProp(value, QSubscribers, null);
   }
 }
-function clearSubscriberEffectDependencies(value) {
+function clearSubscriberEffectDependencies(container, value) {
   if (value.$effectDependencies$) {
     for (let i = value.$effectDependencies$.length - 1; i >= 0; i--) {
       const subscriber = value.$effectDependencies$[i];
-      const subscriptionRemoved = clearEffects(subscriber, value);
-      if (subscriptionRemoved) {
-        value.$effectDependencies$.splice(i, 1);
-      }
+      clearEffects(subscriber, value, value.$effectDependencies$, i, container);
+    }
+    if (value.$effectDependencies$.length === 0) {
+      value.$effectDependencies$ = null;
     }
   }
 }
-function clearEffects(subscriber, value) {
-  if (!isSignal(subscriber)) {
-    return false;
+function clearEffects(subscriber, value, effectArray, indexToRemove, container) {
+  let subscriptionRemoved = false;
+  const seenSet = /* @__PURE__ */ new Set();
+  if (subscriber instanceof WrappedSignal) {
+    subscriptionRemoved = clearSignalEffects(subscriber, value, seenSet);
+  } else if (container.$storeProxyMap$.has(subscriber)) {
+    const store = container.$storeProxyMap$.get(subscriber);
+    const handler = getStoreHandler(store);
+    subscriptionRemoved = clearStoreEffects(handler, value);
   }
-  const effectSubscriptions = subscriber.$effects$;
-  const hostElement = subscriber.$hostElement$;
-  if (hostElement && hostElement === value) {
-    subscriber.$hostElement$ = null;
+  if (subscriptionRemoved) {
+    effectArray.splice(indexToRemove, 1);
   }
+}
+function clearSignalEffects(subscriber, value, seenSet) {
+  const effectSubscriptions = subscriber.$effects$;
   let subscriptionRemoved = false;
   if (effectSubscriptions) {
     for (let i = effectSubscriptions.length - 1; i >= 0; i--) {
@@ -23216,14 +23227,65 @@ function clearEffects(subscriber, value) {
       }
     }
   }
-  const args = subscriber.$args$;
-  if (args) {
-    for (let i = args.length - 1; i >= 0; i--) {
-      clearEffects(args[i], subscriber);
+  if (subscriber instanceof WrappedSignal) {
+    const hostElement = subscriber.$hostElement$;
+    if (hostElement && hostElement === value) {
+      subscriber.$hostElement$ = null;
+    }
+    const args = subscriber.$args$;
+    if (args) {
+      clearArgsEffects(args, subscriber, seenSet);
     }
   }
   return subscriptionRemoved;
 }
+function clearStoreEffects(storeHandler, value) {
+  const effectSubscriptions = storeHandler.$effects$;
+  if (!effectSubscriptions) {
+    return false;
+  }
+  let subscriptionRemoved = false;
+  for (const key in effectSubscriptions) {
+    const effects = effectSubscriptions[key];
+    for (let i = effects.length - 1; i >= 0; i--) {
+      const effect = effects[i];
+      if (effect[0 /* EFFECT */] === value) {
+        effects.splice(i, 1);
+        subscriptionRemoved = true;
+      }
+    }
+    if (effects.length === 0) {
+      delete effectSubscriptions[key];
+    }
+  }
+  return subscriptionRemoved;
+}
+function clearArgsEffects(args, subscriber, seenSet) {
+  for (let i = args.length - 1; i >= 0; i--) {
+    const arg = args[i];
+    clearArgEffect(arg, subscriber, seenSet);
+  }
+}
+function clearArgEffect(arg, subscriber, seenSet) {
+  if (seenSet.has(arg)) {
+    return;
+  }
+  seenSet.add(arg);
+  if (isSignal(arg)) {
+    clearSignalEffects(arg, subscriber, seenSet);
+  } else if (typeof arg === "object" && arg !== null) {
+    if (isStore(arg)) {
+      clearStoreEffects(getStoreHandler(arg), subscriber);
+    } else {
+      for (const key in arg) {
+        clearArgEffect(arg[key], subscriber, seenSet);
+      }
+    }
+  } else if (Array.isArray(arg)) {
+    clearArgsEffects(arg, subscriber, seenSet);
+  } else {
+  }
+}
 
 // packages/qwik/src/core/use/use-resource.ts
 var _createResourceReturn = (opts) => {
@@ -23249,7 +23311,7 @@ var runResource = (task, container, host) => {
   cleanupTask(task);
   const iCtx = newInvokeContext(container.$locale$, host, void 0, ResourceEvent);
   iCtx.$container$ = container;
-  const taskFn = task.$qrl$.getFn(iCtx, () => clearSubscriberEffectDependencies(task));
+  const taskFn = task.$qrl$.getFn(iCtx, () => clearSubscriberEffectDependencies(container, task));
   const resource = task.$state$;
   assertDefined(
     resource,
@@ -23737,6 +23799,18 @@ function escapeHTML(html) {
   }
 }
 
+// packages/qwik/src/core/shared/utils/jsx-filename.ts
+function getFileLocationFromJsx(jsxDev) {
+  if (!jsxDev) {
+    return null;
+  }
+  const sanitizedFileName = jsxDev.fileName?.replace(/\\/g, "/");
+  if (sanitizedFileName) {
+    return `${sanitizedFileName}:${jsxDev.lineNumber}:${jsxDev.columnNumber}`;
+  }
+  return null;
+}
+
 // packages/qwik/src/core/client/vnode-diff.ts
 var vnode_diff = (container, jsxNode, vStartNode, scopedStyleIdPrefix) => {
   let journal = container.$journal$;
@@ -24077,7 +24151,7 @@ var vnode_diff = (container, jsxNode, vStartNode, scopedStyleIdPrefix) => {
       vnode_remove(journal, vParent, toRemove, true);
     }
   }
-  function createNewElement(jsx4, elementName) {
+  function createNewElement(jsx4, elementName, currentFile) {
     const element = createElementWithNamespace(elementName);
     const { constProps } = jsx4;
     let needsQDispatchEventPatch = false;
@@ -24105,6 +24179,8 @@ var vnode_diff = (container, jsxNode, vStartNode, scopedStyleIdPrefix) => {
           } else if (typeof value === "function") {
             value(element);
             continue;
+          } else {
+            throw qError(32 /* invalidRefValue */, [currentFile]);
           }
         }
         if (isSignal(value)) {
@@ -24126,13 +24202,13 @@ var vnode_diff = (container, jsxNode, vStartNode, scopedStyleIdPrefix) => {
           continue;
         }
         if (elementName === "textarea" && key2 === "value") {
-          if (typeof value !== "string") {
+          if (value && typeof value !== "string") {
             if (isDev4) {
-              throw qError(40 /* wrongTextareaValue */);
+              throw qError(40 /* wrongTextareaValue */, [currentFile, value]);
             }
             continue;
           }
-          element.value = escapeHTML(value);
+          element.value = escapeHTML(value || "");
           continue;
         }
         value = serializeAttribute(key2, value, scopedStyleIdPrefix);
@@ -24168,19 +24244,24 @@ var vnode_diff = (container, jsxNode, vStartNode, scopedStyleIdPrefix) => {
     const isSameElementName = vCurrent && vnode_isElementVNode(vCurrent) && elementName === vnode_getElementName(vCurrent);
     const jsxKey = jsx4.key;
     let needsQDispatchEventPatch = false;
+    const currentFile = getFileLocationFromJsx(jsx4.dev);
     if (!isSameElementName || jsxKey !== getKey(vCurrent)) {
       vNewNode = retrieveChildWithKey(elementName, jsxKey);
       if (vNewNode === null) {
         needsQDispatchEventPatch = createNewElement(jsx4, elementName);
       } else {
         vnode_insertBefore(journal, vParent, vNewNode, vCurrent);
+        vCurrent = vNewNode;
+        vNewNode = null;
+        if (vSiblings !== null) {
+          vSiblingsIdx -= 3 /* Size */;
+        }
       }
     }
     const jsxAttrs = [];
     const props = jsx4.varProps;
     for (const key in props) {
-      let value = props[key];
-      value = serializeAttribute(key, value, scopedStyleIdPrefix);
+      const value = props[key];
       if (value != null) {
         mapArray_set(jsxAttrs, key, value, 0);
       }
@@ -24189,7 +24270,7 @@ var vnode_diff = (container, jsxNode, vStartNode, scopedStyleIdPrefix) => {
       mapArray_set(jsxAttrs, ELEMENT_KEY, jsxKey, 0);
     }
     const vNode = vNewNode || vCurrent;
-    needsQDispatchEventPatch = setBulkProps(vNode, jsxAttrs) || needsQDispatchEventPatch;
+    needsQDispatchEventPatch = setBulkProps(vNode, jsxAttrs, currentFile) || needsQDispatchEventPatch;
     if (needsQDispatchEventPatch) {
       const element = vnode_getNode(vNode);
       if (!element.qDispatchEvent) {
@@ -24212,7 +24293,7 @@ var vnode_diff = (container, jsxNode, vStartNode, scopedStyleIdPrefix) => {
       }
     }
   }
-  function setBulkProps(vnode, srcAttrs) {
+  function setBulkProps(vnode, srcAttrs, currentFile) {
     vnode_ensureElementInflated(vnode);
     const dstAttrs = vnode;
     let srcIdx = 0;
@@ -24235,12 +24316,18 @@ var vnode_diff = (container, jsxNode, vStartNode, scopedStyleIdPrefix) => {
         } else if (typeof value === "function") {
           value(element);
           return;
+        } else {
+          throw qError(32 /* invalidRefValue */, [currentFile]);
         }
       }
       if (isSignal(value)) {
-        value = untrack(() => value.value);
+        const signalData = new EffectPropData({
+          $scopedStyleIdPrefix$: scopedStyleIdPrefix,
+          $isConst$: false
+        });
+        value = trackSignalAndAssignHost(value, vnode, key, container, signalData);
       }
-      vnode_setAttr(journal, vnode, key, value);
+      vnode_setAttr(journal, vnode, key, serializeAttribute(key, value, scopedStyleIdPrefix));
       if (value === null) {
         dstLength = dstAttrs.length;
       }
@@ -24282,6 +24369,8 @@ var vnode_diff = (container, jsxNode, vStartNode, scopedStyleIdPrefix) => {
         }
         srcIdx++;
         srcKey = srcIdx < srcLength ? srcAttrs[srcIdx++] : null;
+        dstIdx++;
+        dstKey = dstIdx < dstLength ? dstAttrs[dstIdx++] : null;
       } else if (srcKey == dstKey) {
         const srcValue = srcAttrs[srcIdx++];
         const dstValue = dstAttrs[dstIdx++];
@@ -24358,7 +24447,7 @@ var vnode_diff = (container, jsxNode, vStartNode, scopedStyleIdPrefix) => {
         vnode_insertBefore(
           journal,
           vParent,
-          vNewNode = vnode_newVirtual(),
+          vNewNode,
           vCurrent && getInsertBefore()
         );
         return;
@@ -24556,7 +24645,7 @@ function cleanup(container, vNode) {
             const obj = seq[i];
             if (isTask(obj)) {
               const task = obj;
-              clearSubscriberEffectDependencies(task);
+              clearSubscriberEffectDependencies(container, task);
               if (task.$flags$ & 1 /* VISIBLE_TASK */) {
                 container.$scheduler$(48 /* CLEANUP_VISIBLE */, task);
               } else {
@@ -24674,7 +24763,7 @@ var createScheduler = (container, scheduleDrain, journalFlush) => {
     };
     chore.$promise$ = new Promise((resolve) => chore.$resolve$ = resolve);
     DEBUG2 && debugTrace("schedule", chore, currentChore, choreQueue);
-    chore = sortedInsert(choreQueue, chore);
+    chore = sortedInsert(choreQueue, chore, container.rootVNode || null);
     if (!journalFlushScheduled && runLater) {
       journalFlushScheduled = true;
       schedule(16 /* JOURNAL_FLUSH */);
@@ -24683,10 +24772,10 @@ var createScheduler = (container, scheduleDrain, journalFlush) => {
     if (runLater) {
       return chore.$promise$;
     } else {
-      return drainUpTo(chore);
+      return drainUpTo(chore, container.rootVNode || null);
     }
   }
-  function drainUpTo(runUptoChore) {
+  function drainUpTo(runUptoChore, rootVNode) {
     if (runUptoChore.$executed$) {
       return runUptoChore.$returnValue$;
     }
@@ -24695,7 +24784,7 @@ var createScheduler = (container, scheduleDrain, journalFlush) => {
     }
     while (choreQueue.length) {
       const nextChore = choreQueue.shift();
-      const order = choreComparator(nextChore, runUptoChore, false);
+      const order = choreComparator(nextChore, runUptoChore, rootVNode, false);
       if (order === null) {
         continue;
       }
@@ -24710,7 +24799,7 @@ var createScheduler = (container, scheduleDrain, journalFlush) => {
       }
       const returnValue = executeChore(nextChore);
       if (isPromise(returnValue)) {
-        const promise = returnValue.then(() => drainUpTo(runUptoChore));
+        const promise = returnValue.then(() => drainUpTo(runUptoChore, rootVNode));
         return promise;
       }
     }
@@ -24835,7 +24924,7 @@ var choreUpdate = (existing, newChore) => {
 function vNodeAlreadyDeleted(chore) {
   return !!(chore.$host$ && vnode_isVNode(chore.$host$) && chore.$host$[0 /* flags */] & 32 /* Deleted */);
 }
-function choreComparator(a, b, shouldThrowOnHostMismatch) {
+function choreComparator(a, b, rootVNode, shouldThrowOnHostMismatch) {
   const macroTypeDiff = (a.$type$ & 240 /* MACRO */) - (b.$type$ & 240 /* MACRO */);
   if (macroTypeDiff !== 0) {
     return macroTypeDiff;
@@ -24845,7 +24934,7 @@ function choreComparator(a, b, shouldThrowOnHostMismatch) {
     const bHost = b.$host$;
     if (aHost !== bHost && aHost !== null && bHost !== null) {
       if (vnode_isVNode(aHost) && vnode_isVNode(bHost)) {
-        const hostDiff = vnode_documentPosition(aHost, bHost);
+        const hostDiff = vnode_documentPosition(aHost, bHost, rootVNode);
         if (hostDiff !== 0) {
           return hostDiff;
         }
@@ -24875,13 +24964,13 @@ function choreComparator(a, b, shouldThrowOnHostMismatch) {
   }
   return 0;
 }
-function sortedFindIndex(sortedArray, value) {
+function sortedFindIndex(sortedArray, value, rootVNode) {
   let bottom = 0;
   let top = sortedArray.length;
   while (bottom < top) {
     const middle = bottom + (top - bottom >> 1);
     const midChore = sortedArray[middle];
-    const comp = choreComparator(value, midChore, true);
+    const comp = choreComparator(value, midChore, rootVNode, true);
     if (comp < 0) {
       top = middle;
     } else if (comp > 0) {
@@ -24892,8 +24981,8 @@ function sortedFindIndex(sortedArray, value) {
   }
   return ~bottom;
 }
-function sortedInsert(sortedArray, value) {
-  const idx = sortedFindIndex(sortedArray, value);
+function sortedInsert(sortedArray, value, rootVNode) {
+  const idx = sortedFindIndex(sortedArray, value, rootVNode);
   if (idx < 0) {
     sortedArray.splice(~idx, 0, value);
     return value;
@@ -24945,7 +25034,10 @@ var runTask = (task, container, host) => {
   cleanupTask(task);
   const iCtx = newInvokeContext(container.$locale$, host, void 0, TaskEvent);
   iCtx.$container$ = container;
-  const taskFn = task.$qrl$.getFn(iCtx, () => clearSubscriberEffectDependencies(task));
+  const taskFn = task.$qrl$.getFn(
+    iCtx,
+    () => clearSubscriberEffectDependencies(container, task)
+  );
   const track = (obj, prop) => {
     const ctx = newInvokeContext();
     ctx.$effectSubscriber$ = [task, ":" /* COMPONENT */];
@@ -26988,7 +27080,7 @@ var vnode_getNode = (vnode) => {
   assertTrue(vnode_isTextVNode(vnode), "Expecting Text Node.");
   return vnode[4 /* node */];
 };
-function vnode_toString(depth = 10, offset = "", materialize2 = false, siblings = false) {
+function vnode_toString(depth = 20, offset = "", materialize2 = false, siblings = false) {
   let vnode = this;
   if (depth === 0) {
     return "...";
@@ -27186,17 +27278,19 @@ var isElement = (node) => node && typeof node == "object" && fastNodeType(node)
 1;
 var aPath = [];
 var bPath = [];
-var vnode_documentPosition = (a, b) => {
+var vnode_documentPosition = (a, b, rootVNode) => {
   if (a === b) {
     return 0;
   }
   let aDepth = -1;
   let bDepth = -1;
   while (a) {
-    a = (aPath[++aDepth] = a)[1 /* parent */];
+    const vNode = aPath[++aDepth] = a;
+    a = vNode[1 /* parent */] || rootVNode && vnode_getProp(a, QSlotParent, (id) => vnode_locate(rootVNode, id));
   }
   while (b) {
-    b = (bPath[++bDepth] = b)[1 /* parent */];
+    const vNode = bPath[++bDepth] = b;
+    b = vNode[1 /* parent */] || rootVNode && vnode_getProp(b, QSlotParent, (id) => vnode_locate(rootVNode, id));
   }
   while (aDepth >= 0 && bDepth >= 0) {
     a = aPath[aDepth];
@@ -27219,6 +27313,9 @@ var vnode_documentPosition = (a, b) => {
           return -1;
         }
       } while (cursor);
+      if (rootVNode && vnode_getProp(b, QSlotParent, (id) => vnode_locate(rootVNode, id))) {
+        return -1;
+      }
       return 1;
     }
   }
@@ -27228,8 +27325,11 @@ var vnode_getProjectionParentComponent = (vHost, rootVNode) => {
   let projectionDepth = 1;
   while (projectionDepth--) {
     while (vHost && (vnode_isVirtualVNode(vHost) ? vnode_getProp(vHost, OnRenderProp, null) === null : true)) {
-      const qSlotParentProp = vnode_getProp(vHost, QSlotParent, null);
-      const qSlotParent = qSlotParentProp && (typeof qSlotParentProp === "string" ? vnode_locate(rootVNode, qSlotParentProp) : qSlotParentProp);
+      const qSlotParent = vnode_getProp(
+        vHost,
+        QSlotParent,
+        (id) => vnode_locate(rootVNode, id)
+      );
       const vProjectionParent = vnode_isVirtualVNode(vHost) && qSlotParent;
       if (vProjectionParent) {
         projectionDepth++;
@@ -27816,13 +27916,11 @@ var DomContainer = class extends _SharedContainer {
         if (vnode_getProp(vNode, OnRenderProp, null) !== null) {
           return vNode;
         }
-        const parent = vnode_getProp(vNode, QSlotParent, this.$vnodeLocate$);
-        if (parent) {
-          vNode = parent;
-          continue;
-        }
+        vNode = vnode_getParent(vNode) || // If virtual node, than it could be a slot so we need to read its parent.
+        vnode_getProp(vNode, QSlotParent, this.$vnodeLocate$);
+      } else {
+        vNode = vnode_getParent(vNode);
       }
-      vNode = vnode_getParent(vNode);
     }
     return null;
   }
@@ -27915,10 +28013,6 @@ var DomContainer = class extends _SharedContainer {
 
 // packages/qwik/src/core/shared/shared-serialization.ts
 var deserializedProxyMap = /* @__PURE__ */ new WeakMap();
-var unwrapDeserializerProxy = (value) => {
-  const unwrapped = typeof value === "object" && value !== null && value[SERIALIZER_PROXY_UNWRAP];
-  return unwrapped ? unwrapped : value;
-};
 var isDeserializerProxy = (value) => {
   return typeof value === "object" && value !== null && SERIALIZER_PROXY_UNWRAP in value;
 };
@@ -27960,13 +28054,13 @@ var DeserializationHandler = class {
       return value;
     }
     const container = this.$container$;
-    const propValue = allocate(container, typeId, value);
+    let propValue = allocate(container, typeId, value);
+    if (typeId >= 12 /* Error */) {
+      propValue = inflate(container, propValue, typeId, value);
+    }
     Reflect.set(target, property, propValue);
     this.$data$[idx] = void 0;
     this.$data$[idx + 1] = propValue;
-    if (typeId >= 12 /* Error */) {
-      inflate(container, propValue, typeId, value);
-    }
     return propValue;
   }
   has(target, property) {
@@ -28000,7 +28094,7 @@ var _eagerDeserializeArray = (container, data) => {
 var resolvers = /* @__PURE__ */ new WeakMap();
 var inflate = (container, target, typeId, data) => {
   if (typeId === void 0) {
-    return;
+    return target;
   }
   if (typeId !== 13 /* Object */ && Array.isArray(data)) {
     data = _eagerDeserializeArray(container, data);
@@ -28071,14 +28165,13 @@ var inflate = (container, target, typeId, data) => {
     case 25 /* Store */:
     case 26 /* StoreArray */: {
       const [value, flags, effects2, storeEffect] = data;
-      const handler = getStoreHandler(target);
-      handler.$flags$ = flags;
-      Object.assign(getStoreTarget(target), value);
+      const store = getOrCreateStore(value, flags, container);
+      const storeHandler = getStoreHandler(store);
       if (storeEffect) {
         effects2[STORE_ARRAY_PROP] = storeEffect;
       }
-      handler.$effects$ = effects2;
-      container.$storeProxyMap$.set(value, target);
+      storeHandler.$effects$ = effects2;
+      target = store;
       break;
     }
     case 22 /* Signal */: {
@@ -28199,6 +28292,7 @@ var inflate = (container, target, typeId, data) => {
     default:
       throw qError(33 /* serializeErrorNotImplemented */, [typeId]);
   }
+  return target;
 };
 var _constants = [
   void 0,
@@ -28284,9 +28378,8 @@ var allocate = (container, typeId, value) => {
     case 24 /* ComputedSignal */:
       return new ComputedSignal(container, null);
     case 25 /* Store */:
-      return createStore(container, {}, 0);
     case 26 /* StoreArray */:
-      return createStore(container, [], 0);
+      return null;
     case 11 /* URLSearchParams */:
       return new URLSearchParams(value);
     case 27 /* FormData */:
@@ -28935,15 +29028,15 @@ function qrlToString(serializationContext, value) {
   }
   return qrlStringInline;
 }
-function deserializeData(container, typeId, propValue) {
+function deserializeData(container, typeId, value) {
   if (typeId === void 0) {
-    return propValue;
+    return value;
   }
-  const value = allocate(container, typeId, propValue);
+  let propValue = allocate(container, typeId, value);
   if (typeId >= 12 /* Error */) {
-    inflate(container, value, typeId, propValue);
+    propValue = inflate(container, propValue, typeId, value);
   }
-  return value;
+  return propValue;
 }
 function shouldTrackObj(obj) {
   return (
@@ -30803,7 +30896,7 @@ var SsrComponentFrame = class {
     if (isJSXNode2(children)) {
       const slotName = this.getSlotName(children);
       mapArray_set(this.slots, slotName, children, 0);
-    } else if (Array.isArray(children)) {
+    } else if (Array.isArray(children) && children.length > 0) {
       const defaultSlot = [];
       for (let i = 0; i < children.length; i++) {
         const child = children[i];
@@ -30818,7 +30911,7 @@ var SsrComponentFrame = class {
           defaultSlot.push(child);
         }
       }
-      defaultSlot.length && mapArray_set(this.slots, QDefaultSlot, defaultSlot, 0);
+      defaultSlot.length > 0 && mapArray_set(this.slots, QDefaultSlot, defaultSlot, 0);
     } else {
       mapArray_set(this.slots, QDefaultSlot, children, 0);
     }
@@ -31434,12 +31527,12 @@ var SSRContainer = class extends _SharedContainer2 {
     this.write("<");
     this.write(elementName);
     if (varAttrs) {
-      innerHTML = this.writeAttrs(elementName, varAttrs, false);
+      innerHTML = this.writeAttrs(elementName, varAttrs, false, currentFile);
     }
     this.write(" " + Q_PROPS_SEPARATOR);
     isDev11 && this.write('=""');
     if (constAttrs && constAttrs.length) {
-      innerHTML = this.writeAttrs(elementName, constAttrs, true) || innerHTML;
+      innerHTML = this.writeAttrs(elementName, constAttrs, true, currentFile) || innerHTML;
     }
     this.write(">");
     this.lastNode = null;
@@ -31514,12 +31607,9 @@ var SSRContainer = class extends _SharedContainer2 {
   }
   openProjection(attrs) {
     this.openFragment(attrs);
-    const vNode = this.currentElementFrame?.vNodeData;
-    if (vNode) {
-      vNode[0] |= 16 /* SERIALIZE */;
-    }
     const componentFrame = this.getComponentFrame();
     if (componentFrame) {
+      this.serializationCtx.$addRoot$(componentFrame.componentNode);
       componentFrame.projectionDepth++;
     }
   }
@@ -32077,7 +32167,7 @@ var SSRContainer = class extends _SharedContainer2 {
       this.write(element);
     }
   }
-  writeAttrs(tag, attrs, isConst) {
+  writeAttrs(tag, attrs, isConst, currentFile) {
     let innerHTML = void 0;
     if (attrs.length) {
       for (let i = 0; i < attrs.length; i++) {
@@ -32104,7 +32194,7 @@ var SSRContainer = class extends _SharedContainer2 {
             value(new DomRef(lastNode));
             continue;
           } else {
-            throw qError(32 /* invalidRefValue */);
+            throw qError(32 /* invalidRefValue */, [currentFile]);
           }
         }
         if (isSignal3(value)) {
@@ -32124,13 +32214,13 @@ var SSRContainer = class extends _SharedContainer2 {
           }
         }
         if (tag === "textarea" && key === "value") {
-          if (typeof value !== "string") {
+          if (value && typeof value !== "string") {
             if (isDev11) {
-              throw qError(40 /* wrongTextareaValue */);
+              throw qError(40 /* wrongTextareaValue */, [currentFile, value]);
             }
             continue;
           }
-          innerHTML = escapeHTML(value);
+          innerHTML = escapeHTML(value || "");
           key = QContainerAttr;
           value = "text" /* TEXT */;
         }

package/dist/testing/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qwik.dev/core/testing",
-  "version": "2.0.0-alpha.4-dev+374e0d6",
+  "version": "2.0.0-alpha.5-dev+cb53bbd",
   "main": "index.mjs",
   "types": "index.d.ts",
   "private": true,