@qwik.dev/core 2.0.0-beta.32 → 2.0.0-beta.34

package/dist/core.mjs

@@ -1,6 +1,6 @@
 /**
  * @license
- * @qwik.dev/core 2.0.0-beta.32-dev+0e29f8a
+ * @qwik.dev/core 2.0.0-beta.34-dev+8b055bb
  * 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
@@ -189,7 +189,7 @@ const isPrimitiveOrNullUndefined = (v) => {
     return (typeof v !== 'object' && typeof v !== 'function') || v === null || v === undefined;
 };
 
-const baseUrl = 'https://qwikdev-build-v2.qwik-8nx.pages.dev/docs/errors/#Q';
+const baseUrl = 'https://qwikdev-build-v2.qwik-8nx.pages.dev/docs/errors/#q';
 const codeToText = (code, ...parts) => {
     if (qDev) {
         // Keep one error, one line to make it easier to search for the error message.
@@ -920,6 +920,9 @@ const createMacroTask = (fn) => {
 const isBrowser = import.meta.env.TEST ? !isServerPlatform() : !isServer;
 // Browser-specific setup
 const doc = isBrowser ? document : undefined;
+const config = {
+    $maxIdlePreloads$: 25,
+};
 // Determine which rel attribute to use based on browser support
 const rel = isBrowser && doc.createElement('link').relList?.supports?.('modulepreload')
     ? 'modulePreload'
@@ -987,10 +990,8 @@ function trigger() {
         const bundle = queue[0];
         const inverseProbability = bundle.$inverseProbability$;
         const probability = 1 - inverseProbability;
-        const allowedPreloads = // While the graph is not available, we limit to 5 preloads
-                5;
-        // When we're 99% sure, everything needs to be queued
-        if (probability >= 0.99 || preloadCount < allowedPreloads) {
+        // We want to preload all the transitive static (1) and dynamic (0.99) dependencies, throttled by the user defined maxIdlePreloads.
+        if (probability >= 0.99 || preloadCount < config.$maxIdlePreloads$) {
             queue.shift();
             preloadOne(bundle);
             if (performance.now() >= deadline) {
@@ -1007,13 +1008,12 @@ function trigger() {
         nextTriggerMacroTask();
     }
 }
-const enqueueAdjustment = (bundle, inverseProbability, context, seen) => {
+const enqueueAdjustment = (bundle, inverseProbability, seen) => {
     // Keep existing work on the stack hot and append new roots behind it.
     adjustmentStack.unshift({
         $bundle$: bundle,
         $inverseProbability$: inverseProbability,
         $seen$: seen,
-        $context$: context,
     });
 };
 const processAdjustmentFrame = () => {
@@ -1033,9 +1033,8 @@ const processAdjustmentFrame = () => {
         }
         const probability = 1 - bundle.$inverseProbability$;
         let newInverseProbability;
-        if (probability === 1 || (probability >= 0.99 && frame.$context$.$depsCount$ < 100)) {
-            frame.$context$.$depsCount$++;
-            // we're loaded at max probability, so elevate dynamic imports to 99% sure
+        if (probability === 1 || probability >= 0.99) {
+            // bundle is requested at max probability, so elevate all its transitive static and dynamic deps to 99% sure
             newInverseProbability = Math.min(0.01, 1 - dep.$importProbability$);
         }
         else {
@@ -1051,7 +1050,6 @@ const processAdjustmentFrame = () => {
             $bundle$: depBundle,
             $inverseProbability$: newInverseProbability,
             $seen$: frame.$seen$,
-            $context$: frame.$context$,
         });
         return true;
     }
@@ -1128,55 +1126,26 @@ const preloadOne = (bundle) => {
     };
     doc.head.appendChild(link);
 };
-/**
- * Adjust the probability of a bundle based on the probability of its dependent bundles, and queue
- * it if it's likely enough to be preloaded.
- *
- * Note that if the probability is 100%, we treat the dynamic imports as 99% sure, and both will be
- * preloaded without limit.
- *
- * We also limit "organic" probability to 98% so they don't get unlimited preloads.
- */
-const adjustProbabilities = (bundle, newInverseProbability, seen) => {
-    enqueueAdjustment(bundle, newInverseProbability, { $depsCount$: 0 }, seen);
-    if (shouldYieldInBrowser) {
-        nextAdjustmentMacroTask();
-    }
-    else {
-        processPendingAdjustments();
-    }
-};
-const handleBundle = (name, inverseProbability, context) => {
+const handleBundle = (name, inverseProbability) => {
     const bundle = getBundle(name);
-    if (bundle && bundle.$inverseProbability$ > inverseProbability) {
-        if (context) {
-            enqueueAdjustment(bundle, inverseProbability, context);
-        }
-        else {
-            adjustProbabilities(bundle, inverseProbability);
-        }
+    if (bundle) {
+        enqueueAdjustment(bundle, inverseProbability);
     }
 };
-const preload = (name, probability) => {
-    if (!name?.length) {
+const preload = (item, probability) => {
+    if (!item?.length) {
         return;
     }
-    let inverseProbability = 1 - probability ;
-    const context = { $depsCount$: 0 };
-    if (Array.isArray(name)) {
+    const inverseProbability = 1 - probability ;
+    if (Array.isArray(item)) {
         // We must process in reverse order to ensure first bundles are handled first
-        for (let i = name.length - 1; i >= 0; i--) {
-            const item = name[i];
-            if (typeof item === 'number') {
-                inverseProbability = 1 - item / 10;
-            }
-            else {
-                handleBundle(item, inverseProbability, context);
-            }
+        for (let i = item.length - 1; i >= 0; i--) {
+            const bundle = item[i];
+            handleBundle(bundle, inverseProbability);
         }
     }
     else {
-        handleBundle(name, inverseProbability, context);
+        handleBundle(item, inverseProbability);
     }
     if (shouldYieldInBrowser) {
         nextAdjustmentMacroTask();
@@ -1219,7 +1188,7 @@ const COMMA = ',';
  *
  * @public
  */
-const version = "2.0.0-beta.32-dev+0e29f8a";
+const version = "2.0.0-beta.34-dev+8b055bb";
 
 const isNode = (value) => {
     return value && typeof value.nodeType === 'number';
@@ -2373,9 +2342,11 @@ class AsyncSignalImpl extends ComputedSignalImpl {
     }
     async $runComputation$(running) {
         const isCurrent = () => running === this.$current$;
-        this.untrackedLoading = true;
         let fn = this.$computeQrl$.resolved;
         if (!fn) {
+            // QRL resolution is async — we have to publish loading=true before awaiting so
+            // subscribers know the value isn't ready yet.
+            this.untrackedLoading = true;
             fn = await this.$computeQrl$.resolve();
             if (running.$abortController$?.signal.aborted) {
                 running.$promise$ = null;
@@ -2390,9 +2361,20 @@ class AsyncSignalImpl extends ComputedSignalImpl {
                     running.$abortController$?.abort(error);
                 }, this.$timeoutMs$);
             }
-            // Try to stay sync if possible
+            // Try to stay sync if possible. Only publish loading=true to subscribers when
+            // the compute is actually asynchronous — a synchronous resolve (e.g. pre-loaded
+            // values injected via _injectAsyncSignalValue) should never transition through a
+            // visible loading state, which on SSR would fire the loading-effect subscribers
+            // (tasks) while the value is still "loading" from their perspective.
             const valuePromise = retryOnPromise(fn.bind(null, running));
-            const value = isPromise(valuePromise) ? await valuePromise : valuePromise;
+            let value;
+            if (isPromise(valuePromise)) {
+                this.untrackedLoading = true;
+                value = await valuePromise;
+            }
+            else {
+                value = valuePromise;
+            }
             running.$promise$ = null;
             if (running.$canWrite$) {
                 const jobs = this.$jobs$;
@@ -6294,13 +6276,18 @@ function scheduleYield() {
  *
  * @param options - Walk options (time budget, etc.)
  */
-function processCursorQueue(options = {
-    timeBudget: 1000 / 60, // 60fps
-}) {
+function processCursorQueue() {
     isNextTickScheduled = false;
+    const startTime = performance.now();
+    const yieldTime = startTime + 15; // 16 ms = 60 FPS, use 15 to yield slightly before next frame
     let cursor = null;
     while ((cursor = getHighestPriorityCursor())) {
-        walkCursor(cursor, options);
+        if (walkCursor(cursor, yieldTime)) {
+            // Cursor overran time budget, yield to browser
+            // Note that each tick we process at least one thing
+            scheduleYield();
+            return;
+        }
     }
 }
 /**
@@ -6319,13 +6306,12 @@ function processCursorQueue(options = {
  * Note that there is only one walker for all containers in the app with the same Qwik version.
  *
  * @param cursor - The cursor to walk
- * @param options - Walk options (time budget, etc.)
- * @returns Walk result indicating completion status
+ * @param until - Time budget (timestamp to yield by)
+ * @returns `true` if the walk was paused due to time budget (do not process more cursors in this
+ *   tick)
  */
-function walkCursor(cursor, options) {
-    const { timeBudget } = options;
+function walkCursor(cursor, until) {
     const isRunningOnServer = import.meta.env.TEST ? isServerPlatform() : isServer;
-    const startTime = performance.now();
     const cursorData = getCursorData(cursor);
     // Check if cursor is blocked by a promise
     const blockingPromise = cursorData.promise;
@@ -6426,13 +6412,8 @@ function walkCursor(cursor, options) {
             return;
         }
         // Check time budget (only for DOM, not SSR)
-        if (isBrowser$1) {
-            const elapsed = performance.now() - startTime;
-            if (elapsed >= timeBudget) {
-                // Schedule continuation as macrotask to actually yield to browser
-                scheduleYield();
-                return;
-            }
+        if (performance.now() >= until) {
+            return true;
         }
     }
     isDev &&
@@ -7049,6 +7030,7 @@ const vnode_newText = (textNode, textContent) => {
     isDev && assertFalse(vnode_isVirtualVNode(vnode), 'Incorrect format of TextVNode.');
     return vnode;
 };
+/** @internal */
 const vnode_newVirtual = () => {
     const vnode = new VirtualVNode(null, 2 /* VNodeFlags.Virtual */ | (-1 << 12 /* VNodeFlagsIndex.shift */), // Flags
     null, null, null, null, null, null);
@@ -7061,6 +7043,7 @@ const vnode_newVirtual = () => {
 const vnode_isVNode = (vNode) => {
     return vNode instanceof VNode;
 };
+/** @internal */
 const vnode_isElementVNode = (vNode) => {
     return (vNode.flags & 1 /* VNodeFlags.Element */) === 1 /* VNodeFlags.Element */;
 };
@@ -7119,6 +7102,7 @@ const vnode_getNodeTypeName = (vNode) => {
     }
     return '<unknown>';
 };
+/** @internal */
 const vnode_getProp = (vNode, key, getObject) => {
     if (vnode_isElementVNode(vNode) || vnode_isVirtualVNode(vNode)) {
         const value = vNode.props?.[key] ?? null;
@@ -7131,6 +7115,7 @@ const vnode_getProp = (vNode, key, getObject) => {
     }
     return null;
 };
+/** @internal */
 const vnode_setProp = (vNode, key, value) => {
     if (value == null && vNode.props) {
         delete vNode.props[key];
@@ -7522,6 +7507,7 @@ const vnode_getChildWithIdx = (vNode, childIdx) => {
     return child;
 };
 const vNodeStack = [];
+/** @internal */
 const vnode_getVNodeForChildNode = (vNode, childElement) => {
     ensureElementVNode(vNode);
     let child = vnode_getFirstChild(vNode);
@@ -7835,6 +7821,7 @@ const vnode_inflateProjectionTrailingText = (journal, projection) => {
         vnode_ensureTextInflated(journal, last);
     }
 };
+/** @internal */
 const vnode_insertBefore = (journal, parent, newChild, insertBefore) => {
     if (vnode_isElementOrTextVNode(newChild)) {
         vnode_insertElementBefore(journal, parent, newChild, insertBefore);
@@ -7858,6 +7845,7 @@ const vnode_getDomParentVNode = (vnode, includeProjection) => {
     }
     return vnode;
 };
+/** @internal */
 const vnode_remove = (journal, vParent, vToRemove, removeDOM) => {
     isDev && assertEqual(vParent, vToRemove.parent, 'Parent mismatch.');
     if (vnode_isTextVNode(vToRemove)) {
@@ -7926,6 +7914,7 @@ const vnode_truncate = (journal, vParent, vDelete, removeDOM = true) => {
     vParent.lastChild = vPrevious;
 };
 //////////////////////////////////////////////////////////////////////////////////////////////////////
+/** @internal */
 const vnode_getElementName = (vnode) => {
     const elementVNode = ensureElementVNode(vnode);
     let elementName = elementVNode.elementName;
@@ -10398,7 +10387,9 @@ DomRefConstructor, symbolToChunkResolver, setProp, storeProxyMap, writer) => {
     if (!writer) {
         const buffer = [];
         writer = {
-            write: (text) => buffer.push(text),
+            write: (text) => {
+                buffer.push(text);
+            },
             toString: () => buffer.join(''),
         };
     }
@@ -11051,23 +11042,31 @@ async function _walkJSX(ssr, value, options) {
     const enqueue = (value) => stack.push(value);
     const drain = async () => {
         while (stack.length) {
-            const value = stack.pop();
-            // Reference equality first (no prototype walk), then typeof
-            if (value === MaybeAsyncSignal) {
-                const trackFn = stack.pop();
-                await retryOnPromise(() => stack.push(trackFn()));
-                continue;
-            }
-            if (typeof value === 'function') {
-                if (value === Promise) {
-                    stack.push(await stack.pop());
+            try {
+                const value = stack.pop();
+                // Reference equality first (no prototype walk), then typeof
+                if (value === MaybeAsyncSignal) {
+                    const trackFn = stack.pop();
+                    await retryOnPromise(() => stack.push(trackFn()));
+                    continue;
                 }
-                else {
-                    await value.apply(ssr);
+                if (typeof value === 'function') {
+                    if (value === Promise) {
+                        stack.push(await stack.pop());
+                    }
+                    else {
+                        await value.apply(ssr);
+                    }
+                    continue;
+                }
+                processJSXNode(ssr, enqueue, value, options);
+            }
+            finally {
+                const pendingFlush = ssr.streamHandler.waitForPendingFlush();
+                if (isPromise(pendingFlush)) {
+                    await pendingFlush;
                 }
-                continue;
             }
-            processJSXNode(ssr, enqueue, value, options);
         }
     };
     await drain();
@@ -11115,7 +11114,7 @@ function processJSXNode(ssr, enqueue, value, options) {
                         currentStyleScoped: options.currentStyleScoped,
                         parentComponentFrame: options.parentComponentFrame,
                     });
-                    ssr.streamHandler.flush();
+                    await ssr.streamHandler.flush();
                 }
             });
         }
@@ -11212,7 +11211,7 @@ function processJSXNode(ssr, enqueue, value, options) {
                                     currentStyleScoped: options.currentStyleScoped,
                                     parentComponentFrame: options.parentComponentFrame,
                                 });
-                                ssr.streamHandler.flush();
+                                await ssr.streamHandler.flush();
                             },
                         });
                     }
@@ -12281,6 +12280,14 @@ const _verifySerializable = (value, seen, ctx, preMessage) => {
         if (canSerialize(unwrapped)) {
             return value;
         }
+        // Framework-internal branded values (e.g. route loaders/actions, validators)
+        // are callables or objects that stamp __brand / __brand__ to opt out of the
+        // serializer walking their internals. Honor that for both objects and
+        // functions — loader/action refs are functions with __brand = 'server_loader'
+        // / 'server_action' and should not be rejected as unserializable.
+        if (unwrapped.__brand || unwrapped.__brand__) {
+            return value;
+        }
         const typeObj = typeof unwrapped;
         switch (typeObj) {
             case 'object':
@@ -12310,10 +12317,6 @@ const _verifySerializable = (value, seen, ctx, preMessage) => {
                 if (unwrapped instanceof VNode) {
                     return value;
                 }
-                // We have .__brand and .__brand__
-                if (unwrapped.__brand || unwrapped.__brand__) {
-                    return value;
-                }
                 if (isSerializableObject(unwrapped)) {
                     for (const [key, item] of Object.entries(unwrapped)) {
                         _verifySerializable(item, seen, ctx + '.' + key);
@@ -15279,5 +15282,5 @@ if (import.meta.hot) {
     });
 }
 
-export { $, Each, Fragment, NoSerializeSymbol, PrefetchGraph, PrefetchServiceWorker, RenderOnce, Resource, SSRComment, SSRRaw, SSRStream, SSRStreamBlock, SerializerSymbol, SkipRender, Slot, _CONST_PROPS, DomContainer as _DomContainer, _EFFECT_BACK_REF, EMPTY_ARRAY as _EMPTY_ARRAY, EMPTY_OBJ as _EMPTY_OBJ, _IMMUTABLE, _SharedContainer, SubscriptionData as _SubscriptionData, _UNINITIALIZED, _VAR_PROPS, _addProjection, _captures, _chk, createQRL as _createQRL, _deserialize, _dumpState, eachCmp as _eaC, eachCmpTask as _eaT, _executeSsrChores, _fnSignal, _getConstProps, _getContextContainer, _getContextEvent, _getContextHostElement, getDomContainer as _getDomContainer, _getQContainerElement, _getVarProps, _hasStoreEffects, _hmr, isJSXNode as _isJSXNode, isStore as _isStore, isStringifiable as _isStringifiable, isTask as _isTask, _jsxBranch, _jsxC, _jsxQ, _jsxS, _jsxSorted, _jsxSplit, mapApp_findIndx as _mapApp_findIndx, mapArray_get as _mapArray_get, mapArray_set as _mapArray_set, _noopQrl, _noopQrlDEV, preprocessState as _preprocessState, _qrlSync, qrlToString as _qrlToString, _regSymbol, _removeProjection, _res, _resolveContextWithoutSequentialScope, _restProps, _rsc, _run, _serialize, setEvent as _setEvent, _setProjectionTarget, scheduleTask as _task, _updateProjectionProps, _useHmr, _val, verifySerializable as _verifySerializable, vnode_ensureElementInflated as _vnode_ensureElementInflated, vnode_getAttrKeys as _vnode_getAttrKeys, vnode_getFirstChild as _vnode_getFirstChild, vnode_isMaterialized as _vnode_isMaterialized, vnode_isTextVNode as _vnode_isTextVNode, vnode_isVirtualVNode as _vnode_isVirtualVNode, vnode_toString as _vnode_toString, _waitUntilRendered, _walkJSX, _wrapProp, _wrapSignal, component$, componentQrl, createAsync$, createAsyncSignal as createAsyncQrl, createComputed$, createComputedSignal as createComputedQrl, createContextId, h as createElement, createSerializer$, createSerializerSignal as createSerializerQrl, createSignal, event$, eventQrl, forceStoreEffects, getDomContainer, getLocale, getPlatform, h, implicit$FirstArg, inlinedQrl, inlinedQrlDEV, isSignal, jsx, jsxDEV, jsxs, noSerialize, qrl, qrlDEV, render, setPlatform, sync$, untrack, unwrapStore, useAsync$, useAsyncQrl, useComputed$, useComputedQrl, useConstant, useContext, useContextProvider, useErrorBoundary, useId, useLexicalScope, useOn, useOnDocument, useOnWindow, useResource$, useResourceQrl, useSerializer$, useSerializerQrl, useServerData, useSignal, useStore, useStyles$, useStylesQrl, useStylesScoped$, useStylesScopedQrl, useTask$, useTaskQrl, useVisibleTask$, useVisibleTaskQrl, version, withLocale };
+export { $, Each, Fragment, NoSerializeSymbol, PrefetchGraph, PrefetchServiceWorker, RenderOnce, Resource, SSRComment, SSRRaw, SSRStream, SSRStreamBlock, SerializerSymbol, SkipRender, Slot, _CONST_PROPS, DomContainer as _DomContainer, _EFFECT_BACK_REF, EMPTY_ARRAY as _EMPTY_ARRAY, EMPTY_OBJ as _EMPTY_OBJ, _IMMUTABLE, _SharedContainer, SubscriptionData as _SubscriptionData, _UNINITIALIZED, _VAR_PROPS, _addProjection, _captures, _chk, createQRL as _createQRL, _deserialize, _dumpState, eachCmp as _eaC, eachCmpTask as _eaT, _executeSsrChores, _fnSignal, _getConstProps, _getContextContainer, _getContextEvent, _getContextHostElement, getDomContainer as _getDomContainer, _getQContainerElement, _getVarProps, _hasStoreEffects, _hmr, isJSXNode as _isJSXNode, isStore as _isStore, isStringifiable as _isStringifiable, isTask as _isTask, _jsxBranch, _jsxC, _jsxQ, _jsxS, _jsxSorted, _jsxSplit, mapApp_findIndx as _mapApp_findIndx, mapArray_get as _mapArray_get, mapArray_set as _mapArray_set, _noopQrl, _noopQrlDEV, preprocessState as _preprocessState, _qrlSync, qrlToString as _qrlToString, _regSymbol, _removeProjection, _res, _resolveContextWithoutSequentialScope, _restProps, _rsc, _run, _serialize, setEvent as _setEvent, _setProjectionTarget, scheduleTask as _task, _updateProjectionProps, _useHmr, _val, verifySerializable as _verifySerializable, vnode_ensureElementInflated as _vnode_ensureElementInflated, vnode_getAttrKeys as _vnode_getAttrKeys, vnode_getElementName as _vnode_getElementName, vnode_getFirstChild as _vnode_getFirstChild, vnode_getProp as _vnode_getProp, vnode_getVNodeForChildNode as _vnode_getVNodeForChildNode, vnode_insertBefore as _vnode_insertBefore, vnode_isElementVNode as _vnode_isElementVNode, vnode_isMaterialized as _vnode_isMaterialized, vnode_isTextVNode as _vnode_isTextVNode, vnode_isVirtualVNode as _vnode_isVirtualVNode, vnode_newVirtual as _vnode_newVirtual, vnode_remove as _vnode_remove, vnode_setProp as _vnode_setProp, vnode_toString as _vnode_toString, _waitUntilRendered, _walkJSX, _wrapProp, _wrapSignal, component$, componentQrl, createAsync$, createAsyncSignal as createAsyncQrl, createComputed$, createComputedSignal as createComputedQrl, createContextId, h as createElement, createSerializer$, createSerializerSignal as createSerializerQrl, createSignal, event$, eventQrl, forceStoreEffects, getDomContainer, getLocale, getPlatform, h, implicit$FirstArg, inlinedQrl, inlinedQrlDEV, isSignal, jsx, jsxDEV, jsxs, noSerialize, qrl, qrlDEV, render, setPlatform, sync$, untrack, unwrapStore, useAsync$, useAsyncQrl, useComputed$, useComputedQrl, useConstant, useContext, useContextProvider, useErrorBoundary, useId, useLexicalScope, useOn, useOnDocument, useOnWindow, useResource$, useResourceQrl, useSerializer$, useSerializerQrl, useServerData, useSignal, useStore, useStyles$, useStylesQrl, useStylesScoped$, useStylesScopedQrl, useTask$, useTaskQrl, useVisibleTask$, useVisibleTaskQrl, version, withLocale };
 //# sourceMappingURL=core.mjs.map