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

package/dist/testing/index.cjs

@@ -1,6 +1,6 @@
 /**
  * @license
- * @qwik.dev/core/testing 2.0.0-alpha.1-dev+10f5414
+ * @qwik.dev/core/testing 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
@@ -23077,9 +23077,11 @@ function clearEffects(subscriber, value) {
   return subscriptionRemoved;
 }
 
+// packages/qwik/src/core/signal/flags.ts
+var NEEDS_COMPUTATION = Symbol("invalid");
+
 // packages/qwik/src/core/signal/signal.ts
 var DEBUG = false;
-var NEEDS_COMPUTATION = Symbol("invalid");
 var log = (...args) => console.log("SIGNAL", ...args.map(qwikDebugToString));
 var throwIfQRLNotResolved = (qrl2) => {
   const resolved = qrl2.resolved;
@@ -23615,6 +23617,20 @@ var StoreHandler = class {
     if (prop === STORE_TARGET) {
       return true;
     }
+    if (typeof prop === "string") {
+      const ctx = tryGetInvokeContext();
+      if (ctx) {
+        const effectSubscriber = ctx.$effectSubscriber$;
+        if (effectSubscriber) {
+          addEffect(
+            target,
+            Array.isArray(target) ? STORE_ARRAY_PROP : prop,
+            this,
+            effectSubscriber
+          );
+        }
+      }
+    }
     return Object.prototype.hasOwnProperty.call(target, prop);
   }
   ownKeys(target) {
@@ -24351,46 +24367,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(
-          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));
-        }
-        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;
@@ -24842,7 +24857,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);
@@ -25156,7 +25171,17 @@ var createScheduler = (container, scheduleDrain, journalFlush) => {
             chore.$payload$
           ),
           (jsx5) => {
-            return chore.$type$ === 7 /* COMPONENT */ ? maybeThen(container.processJsx(host, jsx5), () => jsx5) : jsx5;
+            if (chore.$type$ === 7 /* COMPONENT */) {
+              const styleScopedId = container.getHostProp(host, QScopedStyle);
+              return vnode_diff(
+                container,
+                jsx5,
+                host,
+                addComponentStylePrefix(styleScopedId)
+              );
+            } else {
+              return jsx5;
+            }
           },
           (err) => container.handleError(err, host)
         );
@@ -25245,7 +25270,10 @@ function choreComparator(a, b, shouldThrowOnHostMismatch) {
           return hostDiff;
         }
       } else {
-        const errorMessage = "SERVER: during HTML streaming, it is not possible to cause a re-run of tasks on a different host";
+        const errorMessage = `SERVER: during HTML streaming, re-running tasks on a different host is not allowed.
+          You are attempting to change a state that has already been streamed to the client.
+          This can lead to inconsistencies between Server-Side Rendering (SSR) and Client-Side Rendering (CSR).
+          Problematic Node: ${aHost.toString()}`;
         if (shouldThrowOnHostMismatch) {
           throwErrorAndStop(errorMessage);
         }
@@ -25360,9 +25388,10 @@ var _SharedContainer = class {
   trackSignalValue(signal, subscriber, property, data) {
     return trackSignal(() => signal.value, subscriber, property, this, data);
   }
-  serializationCtxFactory(NodeConstructor, symbolToChunkResolver, writer, prepVNodeData) {
+  serializationCtxFactory(NodeConstructor, DomRefConstructor, symbolToChunkResolver, writer, prepVNodeData) {
     return createSerializationContext(
       NodeConstructor,
+      DomRefConstructor,
       symbolToChunkResolver,
       this.getHostProp.bind(this),
       this.setHostProp.bind(this),
@@ -26006,10 +26035,6 @@ var DomContainer = class extends _SharedContainer {
   parseQRL(qrl2) {
     return inflateQRL(this, parseQRL(qrl2));
   }
-  processJsx(host, jsx4) {
-    const styleScopedId = this.getHostProp(host, QScopedStyle);
-    return vnode_diff(this, jsx4, host, addComponentStylePrefix(styleScopedId));
-  }
   handleError(err, host) {
     if (qDev) {
       if (typeof document !== "undefined") {
@@ -27891,6 +27916,11 @@ var SsrNode = class {
     return `SSRNode [<${this.id}> ${stringifiedAttrs}]`;
   }
 };
+var DomRef = class {
+  constructor($ssrNode$) {
+    this.$ssrNode$ = $ssrNode$;
+  }
+};
 var SsrComponentFrame = class {
   constructor(componentNode) {
     this.componentNode = componentNode;
@@ -28163,7 +28193,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, {
@@ -28505,12 +28537,8 @@ function inflateQRL(container, qrl2) {
   }
   return qrl2;
 }
-var DomVRef = class {
-  constructor(id) {
-    this.id = id;
-  }
-};
-var createSerializationContext = (NodeConstructor, symbolToChunkResolver, getProp, setProp, storeProxyMap, writer, prepVNodeData) => {
+var isDomRef = (obj) => false;
+var createSerializationContext = (NodeConstructor, DomRefConstructor, symbolToChunkResolver, getProp, setProp, storeProxyMap, writer, prepVNodeData) => {
   if (!writer) {
     const buffer = [];
     writer = {
@@ -28534,11 +28562,13 @@ var createSerializationContext = (NodeConstructor, symbolToChunkResolver, getPro
     return id;
   };
   const isSsrNode = NodeConstructor ? (obj) => obj instanceof NodeConstructor : () => false;
+  isDomRef = DomRefConstructor ? (obj) => obj instanceof DomRefConstructor : () => false;
   return {
     $serialize$() {
       serialize(this);
     },
     $isSsrNode$: isSsrNode,
+    $isDomRef$: isDomRef,
     $symbolToChunkResolver$: symbolToChunkResolver,
     $wasSeen$,
     $roots$: roots,
@@ -28647,6 +28677,8 @@ var createSerializationContext = (NodeConstructor, symbolToChunkResolver, getPro
         discoveredValues.push(obj.$el$, obj.$qrl$, obj.$state$, obj.$effectDependencies$);
       } else if (isSsrNode(obj)) {
         discoveredValues.push(obj.vnodeData);
+      } else if (isDomRef(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)) {
@@ -28701,7 +28733,7 @@ var createSerializationContext = (NodeConstructor, symbolToChunkResolver, getPro
 };
 var promiseResults = /* @__PURE__ */ new WeakMap();
 function serialize(serializationContext) {
-  const { $writer$, $isSsrNode$, $setProp$, $storeProxyMap$ } = serializationContext;
+  const { $writer$, $isSsrNode$, $isDomRef$, $setProp$, $storeProxyMap$ } = serializationContext;
   let depth = -1;
   let writeType = false;
   const output = (type, value) => {
@@ -28870,14 +28902,11 @@ function serialize(serializationContext) {
         }
         output(13 /* Object */, out);
       }
-    } else if (value instanceof DomVRef) {
-      output(9 /* RefVNode */, value.id);
+    } else if ($isDomRef$(value)) {
+      value.$ssrNode$.vnodeData[0] |= 8 /* SERIALIZE */;
+      output(9 /* RefVNode */, value.$ssrNode$.id);
     } else if (value instanceof Signal) {
-      let v = value instanceof ComputedSignal && (value.$invalid$ || fastSkipSerialize(value.$untrackedValue$)) ? NEEDS_COMPUTATION : value.$untrackedValue$;
-      if ($isSsrNode$(v)) {
-        serializationContext.$addRoot$(v);
-        v = new DomVRef(v.id);
-      }
+      const v = value instanceof ComputedSignal && (value.$invalid$ || fastSkipSerialize(value.$untrackedValue$)) ? NEEDS_COMPUTATION : value.$untrackedValue$;
       if (value instanceof WrappedSignal) {
         output(23 /* WrappedSignal */, [
           ...serializeWrappingFn(serializationContext, value),
@@ -29140,6 +29169,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)) {
@@ -29372,8 +29403,8 @@ var createQRL = (chunk, symbol, symbolRef, symbolFn, capture, captureRef, refSym
   }
   let _containerEl;
   const qrl2 = async function(...args) {
-    const fn = invokeFn.call(this, tryGetInvokeContext());
-    const result = await fn(...args);
+    const boundedFn = bindFnToContext.call(this, tryGetInvokeContext());
+    const result = await boundedFn(...args);
     return result;
   };
   const setContainer = (el) => {
@@ -29382,6 +29413,30 @@ var createQRL = (chunk, symbol, symbolRef, symbolFn, capture, captureRef, refSym
     }
     return _containerEl;
   };
+  function bindFnToContext(currentCtx, beforeFn) {
+    return (...args) => maybeThen(resolveLazy(), (fn) => {
+      if (!isFunction(fn)) {
+        throw qError(QError_qrlIsNotFunction);
+      }
+      if (beforeFn && beforeFn() === false) {
+        return;
+      }
+      const context = createOrReuseInvocationContext(currentCtx);
+      const prevQrl = context.$qrl$;
+      const prevEvent = context.$event$;
+      context.$qrl$ = qrl2;
+      context.$event$ ||= this;
+      try {
+        return invoke.call(this, context, fn, ...args);
+      } finally {
+        context.$qrl$ = prevQrl;
+        context.$event$ = prevEvent;
+      }
+    });
+  }
+  const resolveLazy = (containerEl) => {
+    return symbolRef !== null ? symbolRef : resolve(containerEl);
+  };
   const wrapFn = (fn) => {
     if (typeof fn !== "function" || !(capture == null ? void 0 : capture.length) && !(captureRef == null ? void 0 : captureRef.length)) {
       return fn;
@@ -29431,30 +29486,6 @@ var createQRL = (chunk, symbol, symbolRef, symbolFn, capture, captureRef, refSym
     }
     return symbolRef;
   };
-  const resolveLazy = (containerEl) => {
-    return symbolRef !== null ? symbolRef : resolve(containerEl);
-  };
-  function invokeFn(currentCtx, beforeFn) {
-    return (...args) => maybeThen(resolveLazy(), (f) => {
-      if (!isFunction(f)) {
-        throw qError(QError_qrlIsNotFunction);
-      }
-      if (beforeFn && beforeFn() === false) {
-        return;
-      }
-      const context = createOrReuseInvocationContext(currentCtx);
-      const prevQrl = context.$qrl$;
-      const prevEvent = context.$event$;
-      context.$qrl$ = qrl2;
-      context.$event$ ||= this;
-      try {
-        return invoke.call(this, context, f, ...args);
-      } finally {
-        context.$qrl$ = prevQrl;
-        context.$event$ = prevEvent;
-      }
-    });
-  }
   const createOrReuseInvocationContext = (invoke2) => {
     if (invoke2 == null) {
       return newInvokeContext();
@@ -29477,7 +29508,7 @@ var createQRL = (chunk, symbol, symbolRef, symbolFn, capture, captureRef, refSym
     $symbol$: symbol,
     $refSymbol$: refSymbol,
     $hash$: hash3,
-    getFn: invokeFn,
+    getFn: bindFnToContext,
     $capture$: capture,
     $captureRef$: captureRef,
     dev: null,
@@ -31160,6 +31191,7 @@ var SSRContainer = class extends import_core5._SharedContainer {
     };
     this.serializationCtx = this.serializationCtxFactory(
       SsrNode,
+      DomRef,
       this.symbolToChunkResolver,
       opts.writer,
       (vNodeData) => this.addVNodeToSerializationRoots(vNodeData)
@@ -31175,9 +31207,6 @@ var SSRContainer = class extends import_core5._SharedContainer {
   }
   ensureProjectionResolved(host) {
   }
-  processJsx(host, jsx4) {
-    throw new Error("Should not get here.");
-  }
   handleError(err, $host$) {
     throw err;
   }
@@ -31933,10 +31962,10 @@ var SSRContainer = class extends import_core5._SharedContainer {
         if (key === "ref") {
           const lastNode = this.getLastNode();
           if ((0, import_core5.isSignal)(value)) {
-            value.value = lastNode;
+            value.value = new DomRef(lastNode);
             continue;
           } else if (typeof value === "function") {
-            value(lastNode);
+            value(new DomRef(lastNode));
             continue;
           }
         }