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

package/dist/optimizer.mjs

@@ -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
@@ -1260,7 +1260,7 @@ function createPath(opts = {}) {
 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() {
@@ -2997,7 +2997,7 @@ function assertNumber(value1, text, ...parts) {
 
 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];
@@ -3014,111 +3014,6 @@ var qError = (code, errorMessageArgs = []) => {
   return logErrorAndStop(text, ...errorMessageArgs);
 };
 
-var createPlatform = () => ({
-  isServer: isServer,
-  importSymbol(containerEl, url, symbolName) {
-    if (isServer) {
-      const hash = getSymbolHash(symbolName);
-      const regSym = globalThis.__qwik_reg_symbols?.get(hash);
-      if (regSym) {
-        return regSym;
-      }
-    }
-    if (!url) {
-      throw qError(31, [ symbolName ]);
-    }
-    if (!containerEl) {
-      throw qError(30, [ url, symbolName ]);
-    }
-    const urlDoc = toUrl(containerEl.ownerDocument, containerEl, url).toString();
-    const urlCopy = new URL(urlDoc);
-    urlCopy.hash = "";
-    const importURL = urlCopy.href;
-    return import(importURL).then((mod => mod[symbolName]));
-  },
-  raf: fn => new Promise((resolve => {
-    requestAnimationFrame((() => {
-      resolve(fn());
-    }));
-  })),
-  nextTick: fn => new Promise((resolve => {
-    setTimeout((() => {
-      resolve(fn());
-    }));
-  })),
-  chunkForSymbol: (symbolName, chunk) => [ symbolName, chunk ?? "_" ]
-});
-
-var toUrl = (doc, containerEl, url) => {
-  const baseURI = doc.baseURI;
-  const base = new URL(containerEl.getAttribute("q:base") ?? baseURI, baseURI);
-  return new URL(url, base);
-};
-
-var _platform = createPlatform();
-
-var getPlatform = () => _platform;
-
-var isServerPlatform = () => {
-  if (qDynamicPlatform) {
-    return _platform.isServer;
-  }
-  return false;
-};
-
-var isNode = value => value && "number" === typeof value.nodeType;
-
-var MAX_RETRY_ON_PROMISE_COUNT = 100;
-
-var isPromise = value => !!value && "object" == typeof value && "function" === typeof value.then;
-
-var safeCall = (call, thenFn, rejectFn) => {
-  try {
-    const result = call();
-    return isPromise(result) ? result.then(thenFn, rejectFn) : thenFn(result);
-  } catch (e) {
-    return rejectFn(e);
-  }
-};
-
-var maybeThen = (valueOrPromise, thenFn) => isPromise(valueOrPromise) ? valueOrPromise.then(thenFn, shouldNotError) : thenFn(valueOrPromise);
-
-var maybeThenPassError = (valueOrPromise, thenFn) => isPromise(valueOrPromise) ? valueOrPromise.then(thenFn) : thenFn(valueOrPromise);
-
-var shouldNotError = reason => {
-  throwErrorAndStop(reason);
-};
-
-var delay = timeout => new Promise((resolve => {
-  setTimeout(resolve, timeout);
-}));
-
-function retryOnPromise(fn, retryCount = 0) {
-  try {
-    return fn();
-  } catch (e) {
-    if (isPromise(e) && retryCount < MAX_RETRY_ON_PROMISE_COUNT) {
-      return e.then(retryOnPromise.bind(null, fn, retryCount++));
-    }
-    throw e;
-  }
-}
-
-var isSerializableObject = v => {
-  const proto = Object.getPrototypeOf(v);
-  return proto === Object.prototype || proto === Array.prototype || null === proto;
-};
-
-var isObject = v => !!v && "object" === typeof v;
-
-var isArray = v => Array.isArray(v);
-
-var isString = v => "string" === typeof v;
-
-var isFunction = v => "function" === typeof v;
-
-var isDev2 = true;
-
 var DEBUG_TYPE = "q:type";
 
 var START = "";
@@ -3225,6 +3120,118 @@ var Q_PROPS_SEPARATOR = ":";
 
 var dangerouslySetInnerHTML = "dangerouslySetInnerHTML";
 
+var createPlatform = () => ({
+  isServer: isServer,
+  importSymbol(containerEl, url, symbolName) {
+    if (isServer) {
+      const hash = getSymbolHash(symbolName);
+      const regSym = globalThis.__qwik_reg_symbols?.get(hash);
+      if (regSym) {
+        return regSym;
+      }
+    }
+    if (!url) {
+      throw qError(31, [ symbolName ]);
+    }
+    if (!containerEl) {
+      throw qError(30, [ url, symbolName ]);
+    }
+    const urlDoc = toUrl(containerEl.ownerDocument, containerEl, url).toString();
+    const urlCopy = new URL(urlDoc);
+    urlCopy.hash = "";
+    const importURL = urlCopy.href;
+    return import(importURL).then((mod => mod[symbolName]));
+  },
+  raf: fn => new Promise((resolve => {
+    requestAnimationFrame((() => {
+      resolve(fn());
+    }));
+  })),
+  nextTick: fn => new Promise((resolve => {
+    setTimeout((() => {
+      resolve(fn());
+    }));
+  })),
+  chunkForSymbol: (symbolName, chunk) => [ symbolName, chunk ?? "_" ]
+});
+
+var toUrl = (doc, containerEl, url) => {
+  const baseURI = doc.baseURI;
+  const base = new URL(containerEl.getAttribute(QBaseAttr) ?? baseURI, baseURI);
+  return new URL(url, base);
+};
+
+var _platform = createPlatform();
+
+var getPlatform = () => _platform;
+
+var isServerPlatform = () => {
+  if (qDynamicPlatform) {
+    return _platform.isServer;
+  }
+  return false;
+};
+
+var isNode = value => value && "number" === typeof value.nodeType;
+
+var MAX_RETRY_ON_PROMISE_COUNT = 100;
+
+var isPromise = value => !!value && "object" == typeof value && "function" === typeof value.then;
+
+var safeCall = (call, thenFn, rejectFn) => {
+  try {
+    const result = call();
+    return isPromise(result) ? result.then(thenFn, rejectFn) : thenFn(result);
+  } catch (e) {
+    return rejectFn(e);
+  }
+};
+
+var maybeThen = (valueOrPromise, thenFn) => isPromise(valueOrPromise) ? valueOrPromise.then(thenFn, shouldNotError) : thenFn(valueOrPromise);
+
+var maybeThenPassError = (valueOrPromise, thenFn) => isPromise(valueOrPromise) ? valueOrPromise.then(thenFn) : thenFn(valueOrPromise);
+
+var shouldNotError = reason => {
+  throwErrorAndStop(reason);
+};
+
+var delay = timeout => new Promise((resolve => {
+  setTimeout(resolve, timeout);
+}));
+
+function retryOnPromise(fn, retryCount = 0) {
+  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 => {
+  const proto = Object.getPrototypeOf(v);
+  return proto === Object.prototype || proto === Array.prototype || null === proto;
+};
+
+var isObject = v => !!v && "object" === typeof v;
+
+var isArray = v => Array.isArray(v);
+
+var isString = v => "string" === typeof v;
+
+var isFunction = v => "function" === typeof v;
+
+var isDev2 = true;
+
 var _locale = void 0;
 
 function setLocale(locale) {
@@ -3232,7 +3239,7 @@ function setLocale(locale) {
 }
 
 var versions3 = {
-  qwik: "2.0.0-alpha.5-dev+cb53bbd",
+  qwik: "2.0.0-alpha.6-dev+d848ba5",
   qwikDom: globalThis.QWIK_DOM_VERSION
 };
 
@@ -3683,6 +3690,17 @@ function clearArgEffect(arg, subscriber, seenSet) {
   } 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);
@@ -4910,6 +4928,83 @@ 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) => {
@@ -4951,7 +5046,7 @@ var createScheduler = (container, scheduleDrain, journalFlush) => {
     }
     while (choreQueue.length) {
       const nextChore = choreQueue.shift();
-      const order = choreComparator(nextChore, runUptoChore, rootVNode, false);
+      const order = choreComparator(nextChore, runUptoChore, rootVNode);
       if (null === order) {
         continue;
       }
@@ -4988,7 +5083,7 @@ var createScheduler = (container, scheduleDrain, journalFlush) => {
       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)));
@@ -5016,7 +5111,7 @@ var createScheduler = (container, scheduleDrain, journalFlush) => {
       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:
@@ -5079,7 +5174,7 @@ 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;
@@ -5088,16 +5183,15 @@ function choreComparator(a, b, rootVNode, shouldThrowOnHostMismatch) {
     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;
         }
@@ -5124,7 +5218,7 @@ function sortedFindIndex(sortedArray, value, rootVNode) {
   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 {
@@ -5317,7 +5411,7 @@ var Signal = class {
   }
   valueOf() {
     if (qDev) {
-      throw qError(46);
+      throw qError(45);
     }
   }
   toString() {
@@ -5461,7 +5555,7 @@ var ComputedSignal = class extends Signal {
     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;
@@ -5476,7 +5570,7 @@ var ComputedSignal = class extends Signal {
     return super.value;
   }
   set value(_) {
-    throw qError(48);
+    throw qError(47);
   }
 };
 
@@ -5523,11 +5617,11 @@ var WrappedSignal = class extends Signal {
     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 {
   constructor(scheduleDrain, journalFlush, serverData, locale) {
@@ -6929,53 +7023,6 @@ var vnode_getType = vnode => {
 
 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--) {
@@ -8982,8 +9029,7 @@ async function configureDevServer(base, server, opts, sys, path, isClientDevOnly
     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);
 }
 

package/dist/prefetch/package.json

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