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

package/dist/optimizer.cjs

@@ -1,6 +1,6 @@
 /**
  * @license
- * @qwik.dev/core/optimizer 2.0.0-alpha.5-dev+cb53bbd
+ * @qwik.dev/core/optimizer 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
@@ -1226,7 +1226,7 @@ globalThis.qwikOptimizer = function(module) {
   }
   var QWIK_BINDING_MAP = {};
   var versions = {
-    qwik: "2.0.0-alpha.5-dev+cb53bbd"
+    qwik: "2.0.0-alpha.6-dev+d848ba5"
   };
   async function getSystem() {
     const sysEnv = getEnv();
@@ -2872,7 +2872,7 @@ globalThis.qwikOptimizer = function(module) {
   }
   var codeToText = (code, ...parts) => {
     if (qDev) {
-      const MAP = [ "Error while serializing class or style attributes", "", "", "Only primitive and object literals can be serialized. {{0}}", "", "You can render over a existing q:container. Skipping render().", "", "", "", "", "QRL is not a function", "Dynamic import not found", "Unknown type argument", "Actual value for useContext({{0}}) can not be found, make sure some ancestor component has set a value using useContextProvider(). In the browser make sure that the context was used during SSR so its state was serialized.", "Invoking 'use*()' method outside of invocation context.", "", "", "", "", "", "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.\nSee https://qwik.dev/docs/components/tasks/#use-method-rules", "", "", "", "", "", "", "", 'The provided Context reference "{{0}}" is not a valid context created by createContextId()', "SsrError(tag): {{0}}", "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.", "QRLs can not be dynamically resolved, because it does not have a chunk path", "{{0}}\nThe JSX ref attribute must be a Signal", "Serialization Error: Deserialization of data type {{0}} is not implemented", "Serialization Error: Expected vnode for ref prop, but got {{0}}", "Serialization Error: Cannot allocate data type {{0}}", "Serialization Error: Missing root id for {{0}}", "Serialization Error: Serialization of data type {{0}} is not implemented", "Serialization Error: Unvisited {{0}}", "Serialization Error: Missing QRL chunk for {{0}}", "{{0}}\nThe value of the textarea must be a string found {{1}}", "Unable to find q:container", "Element must have 'q:container' attribute.", "Unknown vnode type {{0}}.", "Materialize error: missing element: {{0}} {{1}} {{2}}", "SsrError: {{0}}", "Cannot coerce a Signal, use `.value` instead", "useComputedSignal$ QRL {{0}} {{1}} returned a Promise", "ComputedSignal is read-only", "WrappedSignal is read-only", "SsrError: Promises not expected here.", "Attribute value is unsafe for SSR" ];
+      const MAP = [ "Error while serializing class or style attributes", "", "", "Only primitive and object literals can be serialized. {{0}}", "", "You can render over a existing q:container. Skipping render().", "", "", "", "", "QRL is not a function", "Dynamic import not found", "Unknown type argument", "Actual value for useContext({{0}}) can not be found, make sure some ancestor component has set a value using useContextProvider(). In the browser make sure that the context was used during SSR so its state was serialized.", "Invoking 'use*()' method outside of invocation context.", "", "", "", "", "", "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.\nSee https://qwik.dev/docs/components/tasks/#use-method-rules", "", "", "", "", "", "", "", 'The provided Context reference "{{0}}" is not a valid context created by createContextId()', "SsrError(tag): {{0}}", "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.", "QRLs can not be dynamically resolved, because it does not have a chunk path", "{{0}}\nThe JSX ref attribute must be a Signal", "Serialization Error: Deserialization of data type {{0}} is not implemented", "Serialization Error: Expected vnode for ref prop, but got {{0}}", "Serialization Error: Cannot allocate data type {{0}}", "Serialization Error: Missing root id for {{0}}", "Serialization Error: Serialization of data type {{0}} is not implemented", "Serialization Error: Unvisited {{0}}", "Serialization Error: Missing QRL chunk for {{0}}", "{{0}}\nThe value of the textarea must be a string found {{1}}", "Unable to find q:container", "Element must have 'q:container' attribute.", "Unknown vnode type {{0}}.", "Materialize error: missing element: {{0}} {{1}} {{2}}", "Cannot coerce a Signal, use `.value` instead", "useComputedSignal$ QRL {{0}} {{1}} returned a Promise", "ComputedSignal is read-only", "WrappedSignal is read-only", "SsrError: Promises not expected here.", "Attribute value is unsafe for SSR" ];
       let text = MAP[code] ?? "";
       parts.length && (text = text.replaceAll(/{{(\d+)}}/g, ((_, index) => {
         let v = parts[index];
@@ -2887,6 +2887,62 @@ globalThis.qwikOptimizer = function(module) {
     const text = codeToText(code, ...errorMessageArgs);
     return logErrorAndStop(text, ...errorMessageArgs);
   };
+  var DEBUG_TYPE = "q:type";
+  var START = "";
+  var END = "";
+  var VirtualTypeName = {
+    V: START + "Virtual" + END,
+    F: START + "Fragment" + END,
+    S: START + "Signal" + END,
+    A: START + "Awaited" + END,
+    C: START + "Component" + END,
+    I: START + "InlineComponent" + END,
+    P: START + "Projection" + END
+  };
+  var OnRenderProp = "q:renderFn";
+  var ComponentStylesPrefixContent = "⭐️";
+  var QSlot = "q:slot";
+  var QSlotParent = ":";
+  var QSlotRef = "q:sref";
+  var QSlotS = "q:s";
+  var QStyle = "q:style";
+  var QStyleSelector = "style[q\\:style]";
+  var QStyleSSelector = "style[q\\:sstyle]";
+  var QStylesAllSelector = QStyleSelector + "," + QStyleSSelector;
+  var QScopedStyle = "q:sstyle";
+  var QCtxAttr = "q:ctx";
+  var QSubscribers = "q:subs";
+  var QFuncsPrefix = "qFuncs_";
+  var getQFuncs = (document2, hash) => document2[QFuncsPrefix + hash] || [];
+  var QBaseAttr = "q:base";
+  var QLocaleAttr = "q:locale";
+  var QInstanceAttr = "q:instance";
+  var QContainerIsland = "q:container-island";
+  var QContainerIslandEnd = "/" + QContainerIsland;
+  var QIgnore = "q:ignore";
+  var QIgnoreEnd = "/" + QIgnore;
+  var QContainerAttr = "q:container";
+  var QContainerAttrEnd = "/" + QContainerAttr;
+  var QTemplate = "q:template";
+  var QContainerSelector = "[q\\:container]:not([q\\:container=html]):not([q\\:container=text])";
+  var HTML_NS = "http://www.w3.org/1999/xhtml";
+  var SVG_NS = "http://www.w3.org/2000/svg";
+  var MATH_NS = "http://www.w3.org/1998/Math/MathML";
+  var ResourceEvent = "qResource";
+  var RenderEvent = "qRender";
+  var TaskEvent = "qTask";
+  var QDefaultSlot = "";
+  var ELEMENT_ID = "q:id";
+  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";
+  var Q_PROPS_SEPARATOR = ":";
+  var dangerouslySetInnerHTML = "dangerouslySetInnerHTML";
   var createPlatform = () => ({
     isServer: isServer,
     importSymbol(containerEl, url, symbolName) {
@@ -2924,7 +2980,7 @@ globalThis.qwikOptimizer = function(module) {
   });
   var toUrl = (doc, containerEl, url) => {
     const baseURI = doc.baseURI;
-    const base = new URL(containerEl.getAttribute("q:base") ?? baseURI, baseURI);
+    const base = new URL(containerEl.getAttribute(QBaseAttr) ?? baseURI, baseURI);
     return new URL(url, base);
   };
   var _platform = createPlatform();
@@ -2955,13 +3011,20 @@ globalThis.qwikOptimizer = function(module) {
     setTimeout(resolve, timeout);
   }));
   function retryOnPromise(fn, retryCount = 0) {
-    try {
-      return fn();
-    } catch (e) {
+    const retryOrThrow = e => {
       if (isPromise(e) && retryCount < MAX_RETRY_ON_PROMISE_COUNT) {
         return e.then(retryOnPromise.bind(null, fn, retryCount++));
       }
       throw e;
+    };
+    try {
+      const result = fn();
+      if (isPromise(result)) {
+        return result.catch((e => retryOrThrow(e)));
+      }
+      return result;
+    } catch (e) {
+      return retryOrThrow(e);
     }
   }
   var isSerializableObject = v => {
@@ -2973,62 +3036,6 @@ globalThis.qwikOptimizer = function(module) {
   var isString = v => "string" === typeof v;
   var isFunction = v => "function" === typeof v;
   var isDev2 = true;
-  var DEBUG_TYPE = "q:type";
-  var START = "";
-  var END = "";
-  var VirtualTypeName = {
-    V: START + "Virtual" + END,
-    F: START + "Fragment" + END,
-    S: START + "Signal" + END,
-    A: START + "Awaited" + END,
-    C: START + "Component" + END,
-    I: START + "InlineComponent" + END,
-    P: START + "Projection" + END
-  };
-  var OnRenderProp = "q:renderFn";
-  var ComponentStylesPrefixContent = "⭐️";
-  var QSlot = "q:slot";
-  var QSlotParent = ":";
-  var QSlotRef = "q:sref";
-  var QSlotS = "q:s";
-  var QStyle = "q:style";
-  var QStyleSelector = "style[q\\:style]";
-  var QStyleSSelector = "style[q\\:sstyle]";
-  var QStylesAllSelector = QStyleSelector + "," + QStyleSSelector;
-  var QScopedStyle = "q:sstyle";
-  var QCtxAttr = "q:ctx";
-  var QSubscribers = "q:subs";
-  var QFuncsPrefix = "qFuncs_";
-  var getQFuncs = (document2, hash) => document2[QFuncsPrefix + hash] || [];
-  var QBaseAttr = "q:base";
-  var QLocaleAttr = "q:locale";
-  var QInstanceAttr = "q:instance";
-  var QContainerIsland = "q:container-island";
-  var QContainerIslandEnd = "/" + QContainerIsland;
-  var QIgnore = "q:ignore";
-  var QIgnoreEnd = "/" + QIgnore;
-  var QContainerAttr = "q:container";
-  var QContainerAttrEnd = "/" + QContainerAttr;
-  var QTemplate = "q:template";
-  var QContainerSelector = "[q\\:container]:not([q\\:container=html]):not([q\\:container=text])";
-  var HTML_NS = "http://www.w3.org/1999/xhtml";
-  var SVG_NS = "http://www.w3.org/2000/svg";
-  var MATH_NS = "http://www.w3.org/1998/Math/MathML";
-  var ResourceEvent = "qResource";
-  var RenderEvent = "qRender";
-  var TaskEvent = "qTask";
-  var QDefaultSlot = "";
-  var ELEMENT_ID = "q:id";
-  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";
-  var Q_PROPS_SEPARATOR = ":";
-  var dangerouslySetInnerHTML = "dangerouslySetInnerHTML";
   function setLocale(locale) {
     0;
   }
@@ -3422,6 +3429,17 @@ globalThis.qwikOptimizer = function(module) {
     } 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);
@@ -4614,6 +4632,77 @@ globalThis.qwikOptimizer = function(module) {
   }
   var HANDLER_PREFIX = ":";
   var count = 0;
+  var aVNodePath = [];
+  var bVNodePath = [];
+  var vnode_documentPosition = (a, b, rootVNode) => {
+    if (a === b) {
+      return 0;
+    }
+    let aDepth = -1;
+    let bDepth = -1;
+    while (a) {
+      const vNode = aVNodePath[++aDepth] = a;
+      a = vNode[1] || rootVNode && vnode_getProp(a, QSlotParent, (id => vnode_locate(rootVNode, id)));
+    }
+    while (b) {
+      const vNode = bVNodePath[++bDepth] = b;
+      b = vNode[1] || rootVNode && vnode_getProp(b, QSlotParent, (id => vnode_locate(rootVNode, id)));
+    }
+    while (aDepth >= 0 && bDepth >= 0) {
+      a = aVNodePath[aDepth];
+      b = bVNodePath[bDepth];
+      if (a !== b) {
+        let cursor = b;
+        do {
+          cursor = vnode_getNextSibling(cursor);
+          if (cursor === a) {
+            return 1;
+          }
+        } while (cursor);
+        cursor = b;
+        do {
+          cursor = vnode_getPreviousSibling(cursor);
+          if (cursor === a) {
+            return -1;
+          }
+        } while (cursor);
+        if (rootVNode && vnode_getProp(b, QSlotParent, (id => vnode_locate(rootVNode, id)))) {
+          return -1;
+        }
+        return 1;
+      }
+      aDepth--;
+      bDepth--;
+    }
+    return aDepth < bDepth ? -1 : 1;
+  };
+  var aSsrNodePath = [];
+  var bSsrNodePath = [];
+  var ssrNodeDocumentPosition = (a, b) => {
+    if (a === b) {
+      return 0;
+    }
+    let aDepth = -1;
+    let bDepth = -1;
+    while (a) {
+      const ssrNode = aSsrNodePath[++aDepth] = a;
+      a = ssrNode.currentComponentNode;
+    }
+    while (b) {
+      const ssrNode = bSsrNodePath[++bDepth] = b;
+      b = ssrNode.currentComponentNode;
+    }
+    while (aDepth >= 0 && bDepth >= 0) {
+      a = aSsrNodePath[aDepth];
+      b = bSsrNodePath[bDepth];
+      if (a !== b) {
+        return 1;
+      }
+      aDepth--;
+      bDepth--;
+    }
+    return aDepth < bDepth ? -1 : 1;
+  };
   var DEBUG2 = false;
   var createScheduler = (container, scheduleDrain, journalFlush) => {
     const choreQueue = [];
@@ -4654,7 +4743,7 @@ globalThis.qwikOptimizer = function(module) {
       }
       while (choreQueue.length) {
         const nextChore = choreQueue.shift();
-        const order = choreComparator(nextChore, runUptoChore, rootVNode, false);
+        const order = choreComparator(nextChore, runUptoChore, rootVNode);
         if (null === order) {
           continue;
         }
@@ -4692,7 +4781,7 @@ globalThis.qwikOptimizer = function(module) {
         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 retryOnPromise((() => vnode_diff(container, jsx3, host, addComponentStylePrefix(styleScopedId))));
           }
           return jsx3;
         }), (err => container.handleError(err, host)));
@@ -4720,7 +4809,7 @@ globalThis.qwikOptimizer = function(module) {
         const parentVirtualNode = chore.$target$;
         let jsx2 = chore.$payload$;
         isSignal(jsx2) && (jsx2 = jsx2.value);
-        returnValue = vnode_diff(container, jsx2, parentVirtualNode, null);
+        returnValue = retryOnPromise((() => vnode_diff(container, jsx2, parentVirtualNode, null)));
         break;
 
        case 5:
@@ -4780,7 +4869,7 @@ globalThis.qwikOptimizer = function(module) {
   function vNodeAlreadyDeleted(chore) {
     return !!(chore.$host$ && vnode_isVNode(chore.$host$) && 32 & chore.$host$[0]);
   }
-  function choreComparator(a, b, rootVNode, shouldThrowOnHostMismatch) {
+  function choreComparator(a, b, rootVNode) {
     const macroTypeDiff = (240 & a.$type$) - (240 & b.$type$);
     if (0 !== macroTypeDiff) {
       return macroTypeDiff;
@@ -4789,16 +4878,15 @@ globalThis.qwikOptimizer = function(module) {
       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(45, [ errorMessage ]);
+        if (vnode_isVNode(aHost) && vnode_isVNode(bHost)) {
+          const hostDiff = vnode_documentPosition(aHost, bHost, rootVNode);
+          if (0 !== hostDiff) {
+            return hostDiff;
           }
+        } 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);
-          return null;
-        }
-        {
-          const hostDiff = vnode_documentPosition(aHost, bHost, rootVNode);
+          const hostDiff = ssrNodeDocumentPosition(aHost, bHost);
           if (0 !== hostDiff) {
             return hostDiff;
           }
@@ -4824,7 +4912,7 @@ globalThis.qwikOptimizer = function(module) {
     while (bottom < top) {
       const middle = bottom + (top - bottom >> 1);
       const midChore = sortedArray[middle];
-      const comp = choreComparator(value, midChore, rootVNode, true);
+      const comp = choreComparator(value, midChore, rootVNode);
       if (comp < 0) {
         top = middle;
       } else {
@@ -5004,7 +5092,7 @@ globalThis.qwikOptimizer = function(module) {
     }
     valueOf() {
       if (qDev) {
-        throw qError(46);
+        throw qError(45);
       }
     }
     toString() {
@@ -5143,7 +5231,7 @@ globalThis.qwikOptimizer = function(module) {
       try {
         const untrackedValue = computeQrl.getFn(ctx)();
         if (isPromise(untrackedValue)) {
-          throw qError(47, [ computeQrl.dev ? computeQrl.dev.file : "", computeQrl.$hash$ ]);
+          throw qError(46, [ computeQrl.dev ? computeQrl.dev.file : "", computeQrl.$hash$ ]);
         }
         DEBUG3 && log2("Signal.$compute$", untrackedValue);
         this.$invalid$ = false;
@@ -5158,7 +5246,7 @@ globalThis.qwikOptimizer = function(module) {
       return super.value;
     }
     set value(_) {
-      throw qError(48);
+      throw qError(47);
     }
   };
   var WrappedSignal = class extends Signal {
@@ -5205,10 +5293,10 @@ globalThis.qwikOptimizer = function(module) {
       return super.value;
     }
     set value(_) {
-      throw qError(49);
+      throw qError(48);
     }
   };
-  var version = "2.0.0-alpha.5-dev+cb53bbd";
+  var version = "2.0.0-alpha.6-dev+d848ba5";
   var _SharedContainer = class {
     $version$;
     $scheduler$;
@@ -6508,50 +6596,6 @@ globalThis.qwikOptimizer = function(module) {
     throw qError(43, [ type ]);
   };
   var isElement = node => node && "object" == typeof node && 1 === fastNodeType(node);
-  var aPath = [];
-  var bPath = [];
-  var vnode_documentPosition = (a, b, rootVNode) => {
-    if (a === b) {
-      return 0;
-    }
-    let aDepth = -1;
-    let bDepth = -1;
-    while (a) {
-      const vNode = aPath[++aDepth] = a;
-      a = vNode[1] || rootVNode && vnode_getProp(a, QSlotParent, (id => vnode_locate(rootVNode, id)));
-    }
-    while (b) {
-      const vNode = bPath[++bDepth] = b;
-      b = vNode[1] || rootVNode && vnode_getProp(b, QSlotParent, (id => vnode_locate(rootVNode, id)));
-    }
-    while (aDepth >= 0 && bDepth >= 0) {
-      a = aPath[aDepth];
-      b = bPath[bDepth];
-      if (a !== b) {
-        let cursor = b;
-        do {
-          cursor = vnode_getNextSibling(cursor);
-          if (cursor === a) {
-            return 1;
-          }
-        } while (cursor);
-        cursor = b;
-        do {
-          cursor = vnode_getPreviousSibling(cursor);
-          if (cursor === a) {
-            return -1;
-          }
-        } while (cursor);
-        if (rootVNode && vnode_getProp(b, QSlotParent, (id => vnode_locate(rootVNode, id)))) {
-          return -1;
-        }
-        return 1;
-      }
-      aDepth--;
-      bDepth--;
-    }
-    return aDepth < bDepth ? -1 : 1;
-  };
   var vnode_getProjectionParentComponent = (vHost, rootVNode) => {
     let projectionDepth = 1;
     while (projectionDepth--) {
@@ -8491,8 +8535,7 @@ globalThis.qwikOptimizer = function(module) {
       return next(err);
     }));
     setTimeout((() => {
-      console.log(`\n  ❗️ ${magenta("Expect significant performance loss in development.")}`);
-      console.log(`  ❗️ ${magenta("Disabling the browser's cache results in waterfall requests.")}`);
+      console.log(`\n  🚧 ${magenta("Please note that development mode is slower than production.")}`);
     }), 1e3);
   }
   async function configurePreviewServer(middlewares, ssrOutDir, sys, path) {