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

package/dist/core.prod.cjs

@@ -1,6 +1,6 @@
 /**
  * @license
- * @qwik.dev/core 2.0.0-alpha.5-dev+cb53bbd
+ * @qwik.dev/core 2.0.0-alpha.6-dev+d848ba5
  * 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
@@ -64,15 +64,41 @@
         QError[QError.serializeErrorMissingChunk = 39] = "serializeErrorMissingChunk", QError[QError.wrongTextareaValue = 40] = "wrongTextareaValue", 
         QError[QError.containerNotFound = 41] = "containerNotFound", QError[QError.elementWithoutContainer = 42] = "elementWithoutContainer", 
         QError[QError.invalidVNodeType = 43] = "invalidVNodeType", QError[QError.materializeVNodeDataError = 44] = "materializeVNodeDataError", 
-        QError[QError.serverHostMismatch = 45] = "serverHostMismatch", QError[QError.cannotCoerceSignal = 46] = "cannotCoerceSignal", 
-        QError[QError.computedNotSync = 47] = "computedNotSync", QError[QError.computedReadOnly = 48] = "computedReadOnly", 
-        QError[QError.wrappedReadOnly = 49] = "wrappedReadOnly", QError[QError.promisesNotExpected = 50] = "promisesNotExpected", 
-        QError[QError.unsafeAttr = 51] = "unsafeAttr";
+        QError[QError.cannotCoerceSignal = 45] = "cannotCoerceSignal", QError[QError.computedNotSync = 46] = "computedNotSync", 
+        QError[QError.computedReadOnly = 47] = "computedReadOnly", QError[QError.wrappedReadOnly = 48] = "wrappedReadOnly", 
+        QError[QError.promisesNotExpected = 49] = "promisesNotExpected", QError[QError.unsafeAttr = 50] = "unsafeAttr";
     }(QError || (QError = {}));
     const qError = (code, errorMessageArgs = []) => {
         const text = (code => `Code(Q${code}) https://github.com/QwikDev/qwik/blob/main/packages/qwik/src/core/error/error.ts#L${8 + code}`)(code, ...errorMessageArgs);
         return ((message, ...optionalParams) => createAndLogError(!0, message, ...optionalParams))(text, ...errorMessageArgs);
     };
+    var VirtualType;
+    !function(VirtualType) {
+        VirtualType.Virtual = "V", VirtualType.Fragment = "F", VirtualType.WrappedSignal = "S", 
+        VirtualType.Awaited = "A", VirtualType.Component = "C", VirtualType.InlineComponent = "I", 
+        VirtualType.Projection = "P";
+    }(VirtualType || (VirtualType = {}));
+    const VirtualTypeName = {
+        [VirtualType.Virtual]: "Virtual",
+        [VirtualType.Fragment]: "Fragment",
+        [VirtualType.WrappedSignal]: "Signal",
+        [VirtualType.Awaited]: "Awaited",
+        [VirtualType.Component]: "Component",
+        [VirtualType.InlineComponent]: "InlineComponent",
+        [VirtualType.Projection]: "Projection"
+    };
+    var QContainerValue;
+    !function(QContainerValue) {
+        QContainerValue.PAUSED = "paused", QContainerValue.RESUMED = "resumed", QContainerValue.HTML = "html", 
+        QContainerValue.TEXT = "text";
+    }(QContainerValue || (QContainerValue = {}));
+    const QSlot = "q:slot";
+    const QSlotS = "q:s";
+    const getQFuncs = (document, hash) => document["qFuncs_" + hash] || [];
+    const QContainerSelector = "[q\\:container]:not([q\\:container=" + QContainerValue.HTML + "]):not([q\\:container=" + QContainerValue.TEXT + "])";
+    const HTML_NS = "http://www.w3.org/1999/xhtml";
+    const SVG_NS = "http://www.w3.org/2000/svg";
+    const MATH_NS = "http://www.w3.org/1998/Math/MathML";
     const createPlatform = () => ({
         isServer: build.isServer,
         importSymbol(containerEl, url, symbolName) {
@@ -133,13 +159,17 @@
         setTimeout(resolve, timeout);
     }));
     function retryOnPromise(fn, retryCount = 0) {
-        try {
-            return fn();
-        } catch (e) {
+        const retryOrThrow = e => {
             if (isPromise(e) && retryCount < 100) {
                 return e.then(retryOnPromise.bind(null, fn, retryCount++));
             }
             throw e;
+        };
+        try {
+            const result = fn();
+            return isPromise(result) ? result.catch((e => retryOrThrow(e))) : result;
+        } catch (e) {
+            return retryOrThrow(e);
         }
     }
     const isSerializableObject = v => {
@@ -151,39 +181,12 @@
     const isString = v => "string" == typeof v;
     const isFunction = v => "function" == typeof v;
     var VNodeDataFlag;
+    let _locale;
     !function(VNodeDataFlag) {
         VNodeDataFlag[VNodeDataFlag.NONE = 0] = "NONE", VNodeDataFlag[VNodeDataFlag.TEXT_DATA = 1] = "TEXT_DATA", 
         VNodeDataFlag[VNodeDataFlag.VIRTUAL_NODE = 2] = "VIRTUAL_NODE", VNodeDataFlag[VNodeDataFlag.ELEMENT_NODE = 4] = "ELEMENT_NODE", 
         VNodeDataFlag[VNodeDataFlag.REFERENCE = 8] = "REFERENCE", VNodeDataFlag[VNodeDataFlag.SERIALIZE = 16] = "SERIALIZE";
     }(VNodeDataFlag || (VNodeDataFlag = {}));
-    var VirtualType;
-    !function(VirtualType) {
-        VirtualType.Virtual = "V", VirtualType.Fragment = "F", VirtualType.WrappedSignal = "S", 
-        VirtualType.Awaited = "A", VirtualType.Component = "C", VirtualType.InlineComponent = "I", 
-        VirtualType.Projection = "P";
-    }(VirtualType || (VirtualType = {}));
-    const VirtualTypeName = {
-        [VirtualType.Virtual]: "Virtual",
-        [VirtualType.Fragment]: "Fragment",
-        [VirtualType.WrappedSignal]: "Signal",
-        [VirtualType.Awaited]: "Awaited",
-        [VirtualType.Component]: "Component",
-        [VirtualType.InlineComponent]: "InlineComponent",
-        [VirtualType.Projection]: "Projection"
-    };
-    var QContainerValue;
-    !function(QContainerValue) {
-        QContainerValue.PAUSED = "paused", QContainerValue.RESUMED = "resumed", QContainerValue.HTML = "html", 
-        QContainerValue.TEXT = "text";
-    }(QContainerValue || (QContainerValue = {}));
-    const QSlot = "q:slot";
-    const QSlotS = "q:s";
-    const getQFuncs = (document, hash) => document["qFuncs_" + hash] || [];
-    const QContainerSelector = "[q\\:container]:not([q\\:container=" + QContainerValue.HTML + "]):not([q\\:container=" + QContainerValue.TEXT + "])";
-    const HTML_NS = "http://www.w3.org/1999/xhtml";
-    const SVG_NS = "http://www.w3.org/2000/svg";
-    const MATH_NS = "http://www.w3.org/1998/Math/MathML";
-    let _locale;
     const EMPTY_ARRAY = [];
     const EMPTY_OBJ = {};
     Object.freeze(EMPTY_ARRAY), Object.freeze(EMPTY_OBJ);
@@ -569,6 +572,17 @@
             } else if ("object" == typeof arg && null !== arg) {
                 if (isStore(arg)) {
                     clearStoreEffects(getStoreHandler(arg), subscriber);
+                } else if (isPropsProxy(arg)) {
+                    const constProps = arg[_CONST_PROPS];
+                    const varProps = arg[_VAR_PROPS];
+                    if (constProps) {
+                        for (const key in constProps) {
+                            clearArgEffect(constProps[key], subscriber, seenSet);
+                        }
+                    }
+                    for (const key in varProps) {
+                        clearArgEffect(varProps[key], subscriber, seenSet);
+                    }
                 } else {
                     for (const key in arg) {
                         clearArgEffect(arg[key], subscriber, seenSet);
@@ -1516,6 +1530,10 @@
     const createSignal = value => new Signal(null, value);
     const createComputedQrl = qrl => (throwIfQRLNotResolved(qrl), new ComputedSignal(null, qrl));
     const createComputed$ = /*#__PURE__*/ implicit$FirstArg(createComputedQrl);
+    const aVNodePath = [];
+    const bVNodePath = [];
+    const aSsrNodePath = [];
+    const bSsrNodePath = [];
     var ChoreType;
     !function(ChoreType) {
         ChoreType[ChoreType.MACRO = 240] = "MACRO", ChoreType[ChoreType.MICRO = 15] = "MICRO", 
@@ -1551,7 +1569,7 @@
                     let top = sortedArray.length;
                     for (;bottom < top; ) {
                         const middle = bottom + (top - bottom >> 1);
-                        const comp = choreComparator(value, sortedArray[middle], rootVNode, !0);
+                        const comp = choreComparator(value, sortedArray[middle], rootVNode);
                         if (comp < 0) {
                             top = middle;
                         } else {
@@ -1581,7 +1599,7 @@
             }
             for (;choreQueue.length; ) {
                 const nextChore = choreQueue.shift();
-                const order = choreComparator(nextChore, runUptoChore, rootVNode, !1);
+                const order = choreComparator(nextChore, runUptoChore, rootVNode);
                 if (null === order) {
                     continue;
                 }
@@ -1613,7 +1631,7 @@
                 returnValue = safeCall((() => executeComponent(container, host, host, chore.$target$, chore.$payload$)), (jsx => {
                     if (chore.$type$ === ChoreType.COMPONENT) {
                         const styleScopedId = container.getHostProp(host, "q:sstyle");
-                        return vnode_diff(container, jsx, host, addComponentStylePrefix(styleScopedId));
+                        return retryOnPromise((() => vnode_diff(container, jsx, host, addComponentStylePrefix(styleScopedId))));
                     }
                     return jsx;
                 }), (err => container.handleError(err, host)));
@@ -1636,7 +1654,7 @@
               case ChoreType.NODE_DIFF:
                 const parentVirtualNode = chore.$target$;
                 let jsx = chore.$payload$;
-                isSignal(jsx) && (jsx = jsx.value), returnValue = vnode_diff(container, jsx, parentVirtualNode, null);
+                isSignal(jsx) && (jsx = jsx.value), returnValue = retryOnPromise((() => vnode_diff(container, jsx, parentVirtualNode, null)));
                 break;
 
               case ChoreType.NODE_PROP:
@@ -1684,7 +1702,7 @@
     const choreUpdate = (existing, newChore) => {
         existing.$type$ === ChoreType.NODE_DIFF && (existing.$payload$ = newChore.$payload$);
     };
-    function choreComparator(a, b, rootVNode, shouldThrowOnHostMismatch) {
+    function choreComparator(a, b, rootVNode) {
         const macroTypeDiff = (a.$type$ & ChoreType.MACRO) - (b.$type$ & ChoreType.MACRO);
         if (0 !== macroTypeDiff) {
             return macroTypeDiff;
@@ -1693,15 +1711,65 @@
             const aHost = a.$host$;
             const bHost = b.$host$;
             if (aHost !== bHost && null !== aHost && null !== bHost) {
-                if (!vnode_isVNode(aHost) || !vnode_isVNode(bHost)) {
-                    const errorMessage = `SERVER: during HTML streaming, re-running tasks on a different host is not allowed.\n          You are attempting to change a state that has already been streamed to the client.\n          This can lead to inconsistencies between Server-Side Rendering (SSR) and Client-Side Rendering (CSR).\n          Problematic Node: ${aHost.toString()}`;
-                    if (shouldThrowOnHostMismatch) {
-                        throw qError(QError.serverHostMismatch, [ errorMessage ]);
+                if (vnode_isVNode(aHost) && vnode_isVNode(bHost)) {
+                    const hostDiff = ((a, b, rootVNode) => {
+                        if (a === b) {
+                            return 0;
+                        }
+                        let aDepth = -1;
+                        let bDepth = -1;
+                        for (;a; ) {
+                            a = (aVNodePath[++aDepth] = a)[VNodeProps.parent] || rootVNode && vnode_getProp(a, ":", (id => vnode_locate(rootVNode, id)));
+                        }
+                        for (;b; ) {
+                            b = (bVNodePath[++bDepth] = b)[VNodeProps.parent] || rootVNode && vnode_getProp(b, ":", (id => vnode_locate(rootVNode, id)));
+                        }
+                        for (;aDepth >= 0 && bDepth >= 0; ) {
+                            if ((a = aVNodePath[aDepth]) !== (b = bVNodePath[bDepth])) {
+                                let cursor = b;
+                                do {
+                                    if (cursor = vnode_getNextSibling(cursor), cursor === a) {
+                                        return 1;
+                                    }
+                                } while (cursor);
+                                cursor = b;
+                                do {
+                                    if (cursor = vnode_getPreviousSibling(cursor), cursor === a) {
+                                        return -1;
+                                    }
+                                } while (cursor);
+                                return rootVNode && vnode_getProp(b, ":", (id => vnode_locate(rootVNode, id))) ? -1 : 1;
+                            }
+                            aDepth--, bDepth--;
+                        }
+                        return aDepth < bDepth ? -1 : 1;
+                    })(aHost, bHost, rootVNode);
+                    if (0 !== hostDiff) {
+                        return hostDiff;
                     }
-                    return logWarn(errorMessage), null;
-                }
-                {
-                    const hostDiff = vnode_documentPosition(aHost, bHost, rootVNode);
+                } else {
+                    const errorMessage = `SERVER: during HTML streaming, re-running tasks on a different host is not allowed.\n          You are attempting to change a state that has already been streamed to the client.\n          This can lead to inconsistencies between Server-Side Rendering (SSR) and Client-Side Rendering (CSR).\n          Problematic Node: ${aHost.toString()}`;
+                    logWarn(errorMessage);
+                    const hostDiff = ((a, b) => {
+                        if (a === b) {
+                            return 0;
+                        }
+                        let aDepth = -1;
+                        let bDepth = -1;
+                        for (;a; ) {
+                            a = (aSsrNodePath[++aDepth] = a).currentComponentNode;
+                        }
+                        for (;b; ) {
+                            b = (bSsrNodePath[++bDepth] = b).currentComponentNode;
+                        }
+                        for (;aDepth >= 0 && bDepth >= 0; ) {
+                            if ((a = aSsrNodePath[aDepth]) !== (b = bSsrNodePath[bDepth])) {
+                                return 1;
+                            }
+                            aDepth--, bDepth--;
+                        }
+                        return aDepth < bDepth ? -1 : 1;
+                    })(aHost, bHost);
                     if (0 !== hostDiff) {
                         return hostDiff;
                     }
@@ -2299,7 +2367,7 @@
         const eventName = key.substring(15);
         eventName && serializationCtx.$eventNames$.add(eventName);
     }
-    const version = "2.0.0-alpha.5-dev+cb53bbd";
+    const version = "2.0.0-alpha.6-dev+d848ba5";
     class _SharedContainer {
         $version$;
         $scheduler$;
@@ -3222,6 +3290,7 @@
         }
     };
     const vnode_getNextSibling = vnode => vnode[VNodeProps.nextSibling];
+    const vnode_getPreviousSibling = vnode => vnode[VNodeProps.previousSibling];
     const vnode_getAttrKeys = vnode => {
         if (vnode[VNodeProps.flags] & VNodeFlags.ELEMENT_OR_VIRTUAL_MASK) {
             vnode_ensureElementInflated(vnode);
@@ -3357,40 +3426,6 @@
         throw qError(QError.invalidVNodeType, [ type ]);
     };
     const isElement = node => node && "object" == typeof node && 1 === fastNodeType(node);
-    const aPath = [];
-    const bPath = [];
-    const vnode_documentPosition = (a, b, rootVNode) => {
-        if (a === b) {
-            return 0;
-        }
-        let aDepth = -1;
-        let bDepth = -1;
-        for (;a; ) {
-            a = (aPath[++aDepth] = a)[VNodeProps.parent] || rootVNode && vnode_getProp(a, ":", (id => vnode_locate(rootVNode, id)));
-        }
-        for (;b; ) {
-            b = (bPath[++bDepth] = b)[VNodeProps.parent] || rootVNode && vnode_getProp(b, ":", (id => vnode_locate(rootVNode, id)));
-        }
-        for (;aDepth >= 0 && bDepth >= 0; ) {
-            if ((a = aPath[aDepth]) !== (b = bPath[bDepth])) {
-                let cursor = b;
-                do {
-                    if (cursor = vnode_getNextSibling(cursor), cursor === a) {
-                        return 1;
-                    }
-                } while (cursor);
-                cursor = b;
-                do {
-                    if (cursor = cursor[VNodeProps.previousSibling], cursor === a) {
-                        return -1;
-                    }
-                } while (cursor);
-                return rootVNode && vnode_getProp(b, ":", (id => vnode_locate(rootVNode, id))) ? -1 : 1;
-            }
-            aDepth--, bDepth--;
-        }
-        return aDepth < bDepth ? -1 : 1;
-    };
     const vnode_getProjectionParentComponent = (vHost, rootVNode) => {
         let projectionDepth = 1;
         for (;projectionDepth--; ) {