@qwik.dev/core 2.0.0-beta.3 → 2.0.0-beta.5

package/dist/core.prod.cjs

@@ -1,6 +1,6 @@
 /**
  * @license
- * @qwik.dev/core 2.0.0-beta.3-dev+aa098fc
+ * @qwik.dev/core 2.0.0-beta.5-dev+8887f7e
  * 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
@@ -26,6 +26,14 @@
             throw err;
         }, 0), err;
     };
+    const isSerializableObject = v => {
+        const proto = Object.getPrototypeOf(v);
+        return proto === Object.prototype || proto === Array.prototype || null === proto;
+    };
+    const isObject = v => "object" == typeof v && null !== v;
+    const isArray = v => Array.isArray(v);
+    const isString = v => "string" == typeof v;
+    const isFunction = v => "function" == typeof v;
     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(qDev, message, ...optionalParams))(text, ...errorMessageArgs);
@@ -123,14 +131,6 @@
             return retryOrThrow(e);
         }
     }
-    const isSerializableObject = v => {
-        const proto = Object.getPrototypeOf(v);
-        return proto === Object.prototype || proto === Array.prototype || null === proto;
-    };
-    const isObject = v => !!v && "object" == typeof v;
-    const isArray = v => Array.isArray(v);
-    const isString = v => "string" == typeof v;
-    const isFunction = v => "function" == typeof v;
     function assertDefined() {
         qDev;
     }
@@ -211,11 +211,11 @@
             super(container, NEEDS_COMPUTATION), this.$args$ = args, this.$func$ = fn, this.$funcStr$ = fnStr, 
             this.$flags$ = flags;
         }
-        $invalidate$() {
+        invalidate() {
             this.$flags$ |= 1, this.$forceRunEffects$ = !1, this.$container$?.$scheduler$(7, this.$hostElement$, this, this.$effects$);
         }
         force() {
-            this.$flags$ |= 1, this.$forceRunEffects$ = !1, triggerEffects(this.$container$, this, this.$effects$);
+            this.$forceRunEffects$ = !0, this.$container$?.$scheduler$(7, this.$hostElement$, this, this.$effects$);
         }
         get untrackedValue() {
             const didChange = this.$computeIfNeeded$();
@@ -308,7 +308,7 @@
             $event$: event,
             $qrl$: void 0,
             $effectSubscriber$: void 0,
-            $locale$: locale || ("object" == typeof event && event && "locale" in event ? event.locale : void 0),
+            $locale$: locale || (event && isObject(event) && "locale" in event ? event.locale : void 0),
             $container$: void 0
         };
         return seal(), ctx;
@@ -400,7 +400,7 @@
         set(1));
     };
     const ERROR_CONTEXT = /*#__PURE__*/ createContextId("qk-error");
-    const version = "2.0.0-beta.3-dev+aa098fc";
+    const version = "2.0.0-beta.5-dev+8887f7e";
     const EMPTY_ARRAY = [];
     const EMPTY_OBJ = {};
     Object.freeze(EMPTY_ARRAY), Object.freeze(EMPTY_OBJ);
@@ -469,6 +469,7 @@
     const _CONST_PROPS = Symbol("CONST");
     const _VAR_PROPS = Symbol("VAR");
     const _IMMUTABLE = Symbol("IMMUTABLE");
+    const _UNINITIALIZED = Symbol("UNINITIALIZED");
     const implicit$FirstArg = fn => function(first, ...rest) {
         return fn.call(null, dollar(first), ...rest);
     };
@@ -477,10 +478,10 @@
         $flags$;
         $forceRunEffects$=!1;
         [_EFFECT_BACK_REF]=null;
-        constructor(container, fn, flags = 1) {
+        constructor(container, fn, flags = 17) {
             super(container, NEEDS_COMPUTATION), this.$computeQrl$ = fn, this.$flags$ = flags;
         }
-        $invalidate$() {
+        invalidate() {
             this.$flags$ |= 1, this.$forceRunEffects$ = !1, this.$container$?.$scheduler$(7, null, this, this.$effects$);
         }
         force() {
@@ -520,7 +521,7 @@
     }
     class SerializerSignalImpl extends ComputedSignalImpl {
         constructor(container, argQrl) {
-            super(container, argQrl);
+            super(container, argQrl, 17);
         }
         $didInitialize$=!1;
         $computeIfNeeded$() {
@@ -533,7 +534,7 @@
             const {deserialize, initial} = arg;
             const update = arg.update;
             const currentValue = this.$untrackedValue$ === NEEDS_COMPUTATION ? initial : this.$untrackedValue$;
-            const untrackedValue = trackSignal(() => this.$didInitialize$ ? update?.(currentValue) : deserialize(currentValue), this, ".", this.$container$);
+            const untrackedValue = trackSignal(() => this.$didInitialize$ ? update?.(currentValue) || currentValue : deserialize(currentValue), this, ".", this.$container$);
             const didChange = this.$didInitialize$ && "undefined" !== untrackedValue || untrackedValue !== this.$untrackedValue$;
             return this.$flags$ &= -2, this.$didInitialize$ = !0, didChange && (this.$untrackedValue$ = untrackedValue), 
             didChange;
@@ -585,7 +586,7 @@
             if ("toString" === prop && value === Object.prototype.toString) {
                 return this.toString;
             }
-            return 1 & this.$flags$ && "object" == typeof value && null !== value && !Object.isFrozen(value) && !isStore(value) && !Object.isFrozen(target) ? getOrCreateStore(value, this.$flags$, this.$container$) : value;
+            return 1 & this.$flags$ && isObject(value) && !Object.isFrozen(value) && !isStore(value) && !Object.isFrozen(target) ? getOrCreateStore(value, this.$flags$, this.$container$) : value;
         }
         set(target, prop, value) {
             if ("symbol" == typeof prop) {
@@ -702,7 +703,7 @@
         $loadingEffects$=null;
         $errorEffects$=null;
         $destroy$;
-        $promiseValue$=null;
+        $promiseValue$=NEEDS_COMPUTATION;
         [_EFFECT_BACK_REF]=null;
         constructor(container, fn, flags = 1) {
             super(container, fn, flags);
@@ -725,6 +726,9 @@
         get untrackedError() {
             return this.$untrackedError$;
         }
+        invalidate() {
+            super.invalidate(), this.$promiseValue$ = NEEDS_COMPUTATION;
+        }
         $computeIfNeeded$() {
             if (!(1 & this.$flags$)) {
                 return !1;
@@ -732,26 +736,28 @@
             const computeQrl = this.$computeQrl$;
             throwIfQRLNotResolved(computeQrl);
             const [cleanup] = cleanupFn(this, err => this.$container$?.handleError(err, null));
-            const untrackedValue = this.$promiseValue$ ?? computeQrl.getFn()({
+            const untrackedValue = this.$promiseValue$ === NEEDS_COMPUTATION ? computeQrl.getFn()({
                 track: trackFn(this, this.$container$),
                 cleanup
-            });
+            }) : this.$promiseValue$;
             if (isPromise(untrackedValue)) {
                 throw this.untrackedLoading = !0, this.untrackedError = null, untrackedValue.then(promiseValue => {
                     this.$promiseValue$ = promiseValue, this.untrackedLoading = !1, this.untrackedError = null;
                 }).catch(err => {
-                    this.untrackedLoading = !1, this.untrackedError = err;
+                    this.$promiseValue$ = err, this.untrackedLoading = !1, this.untrackedError = err;
                 });
             }
-            this.$promiseValue$ = null, this.$flags$ &= -2;
+            this.$promiseValue$ = NEEDS_COMPUTATION, this.$flags$ &= -2;
             const didChange = untrackedValue !== this.$untrackedValue$;
             return didChange && (this.$untrackedValue$ = untrackedValue), didChange;
         }
     }
-    const createComputedSignal = qrl => (throwIfQRLNotResolved(qrl), new ComputedSignalImpl(null, qrl));
-    const createSerializerSignal = arg => (throwIfQRLNotResolved(arg), new SerializerSignalImpl(null, arg));
+    const createComputedSignal = (qrl, options) => new ComputedSignalImpl(options?.container || null, qrl, getComputedSignalFlags(options?.serializationStrategy || "always"));
+    const createAsyncComputedSignal = (qrl, options) => new AsyncComputedSignalImpl(options?.container || null, qrl, getComputedSignalFlags(options?.serializationStrategy || "never"));
+    const createSerializerSignal = arg => new SerializerSignalImpl(null, arg);
     const createSignal = value => new SignalImpl(null, value);
     const createComputed$ = /*#__PURE__*/ implicit$FirstArg(createComputedSignal);
+    const createAsyncComputed$ = /*#__PURE__*/ implicit$FirstArg(createAsyncComputedSignal);
     const createSerializer$ = implicit$FirstArg(createSerializerSignal);
     const getValueProp = p0 => p0.value;
     const getProp = (p0, p1) => p0[p1];
@@ -991,7 +997,10 @@
             }(jsx, useOnEvents) : jsx;
         }, err => {
             if (isPromise(err) && retryCount < 100) {
-                return err.then(() => executeComponentWithPromiseExceptionRetry(retryCount++));
+                return err.then(() => executeComponentWithPromiseExceptionRetry(++retryCount));
+            }
+            if (retryCount >= 100) {
+                throw new Error("Max retry count of component execution reached");
             }
             throw err;
         });
@@ -2433,7 +2442,7 @@
                         const ctx = newInvokeContext();
                         if (ctx.$container$ = container, target instanceof ComputedSignalImpl || target instanceof WrappedSignalImpl) {
                             const forceRunEffects = target.$forceRunEffects$;
-                            if (target.$forceRunEffects$ = !1, !effects?.size) {
+                            if (target.$forceRunEffects$ = !1, !effects?.size && !forceRunEffects) {
                                 break;
                             }
                             returnValue = maybeThen(retryOnPromise(() => invoke.call(target, ctx, target.$computeIfNeeded$)), didChange => {
@@ -2941,7 +2950,7 @@
                     1 & consumer.$flags$ && (choreType = 32), container.$scheduler$(choreType, consumer);
                 } else if (consumer instanceof SignalImpl) {
                     consumer instanceof ComputedSignalImpl && (consumer.$computeQrl$.resolved || container.$scheduler$(1, null, consumer.$computeQrl$)), 
-                    consumer.$invalidate$();
+                    consumer.invalidate();
                 } else if (":" === property) {
                     const host = consumer;
                     const qrl = container.getHostProp(host, "q:renderFn");
@@ -2968,6 +2977,18 @@
             }
         }
     };
+    const getComputedSignalFlags = serializationStrategy => {
+        let flags = 1;
+        switch (serializationStrategy) {
+          case "never":
+            flags |= 8;
+            break;
+
+          case "always":
+            flags |= 16;
+        }
+        return flags;
+    };
     const stringifyPath = [];
     function qwikDebugToString(value) {
         if (null === value) {
@@ -3913,7 +3934,7 @@
     const deserializedProxyMap = new WeakMap;
     const SERIALIZER_PROXY_UNWRAP = Symbol("UNWRAP");
     const wrapDeserializerProxy = (container, data) => {
-        if (!Array.isArray(data) || vnode_isVNode(data) || "object" == typeof (value = data) && null !== value && SERIALIZER_PROXY_UNWRAP in value) {
+        if (!Array.isArray(data) || vnode_isVNode(data) || isObject(value = data) && SERIALIZER_PROXY_UNWRAP in value) {
             return data;
         }
         var value;
@@ -4061,7 +4082,7 @@
                 asyncComputed.$computeQrl$ = d[0], asyncComputed.$effects$ = new Set(d[1]), asyncComputed.$loadingEffects$ = new Set(d[2]), 
                 asyncComputed.$errorEffects$ = new Set(d[3]), asyncComputed.$untrackedLoading$ = d[4], 
                 asyncComputed.$untrackedError$ = d[5];
-                d.length > 6 ? asyncComputed.$untrackedValue$ = d[6] : asyncComputed.$flags$ |= 1;
+                d.length > 6 && (asyncComputed.$untrackedValue$ = d[6]), asyncComputed.$flags$ |= 1;
                 break;
             }
 
@@ -4160,8 +4181,8 @@
         }
         return target;
     };
-    const _constants = [ void 0, null, !0, !1, "", EMPTY_ARRAY, EMPTY_OBJ, NEEDS_COMPUTATION, STORE_ALL_PROPS, Slot, Fragment, NaN, 1 / 0, -1 / 0, Number.MAX_SAFE_INTEGER, Number.MAX_SAFE_INTEGER - 1, Number.MIN_SAFE_INTEGER ];
-    const _constantNames = [ "undefined", "null", "true", "false", "''", "EMPTY_ARRAY", "EMPTY_OBJ", "NEEDS_COMPUTATION", "STORE_ALL_PROPS", "Slot", "Fragment", "NaN", "Infinity", "-Infinity", "MAX_SAFE_INTEGER", "MAX_SAFE_INTEGER-1", "MIN_SAFE_INTEGER" ];
+    const _constants = [ void 0, null, !0, !1, "", EMPTY_ARRAY, EMPTY_OBJ, NEEDS_COMPUTATION, STORE_ALL_PROPS, _UNINITIALIZED, Slot, Fragment, NaN, 1 / 0, -1 / 0, Number.MAX_SAFE_INTEGER, Number.MAX_SAFE_INTEGER - 1, Number.MIN_SAFE_INTEGER ];
+    const _constantNames = [ "undefined", "null", "true", "false", "''", "EMPTY_ARRAY", "EMPTY_OBJ", "NEEDS_COMPUTATION", "STORE_ALL_PROPS", "_UNINITIALIZED", "Slot", "Fragment", "NaN", "Infinity", "-Infinity", "MAX_SAFE_INTEGER", "MAX_SAFE_INTEGER-1", "MIN_SAFE_INTEGER" ];
     const allocate = (container, typeId, value) => {
         if (void 0 === value) {
             return typeId;
@@ -4174,7 +4195,8 @@
             if (!container.$forwardRefs$) {
                 throw qError(18, [ "forward ref" ]);
             }
-            return container.$getObjectById$(container.$forwardRefs$[value]);
+            const rootRef = container.$forwardRefs$[value];
+            return -1 === rootRef ? _UNINITIALIZED : container.$getObjectById$(rootRef);
 
           case 2:
           case 4:
@@ -4321,12 +4343,12 @@
             };
         }
         const seenObjsMap = new Map;
-        const rootsPathMap = new Map;
+        const objectPathStringCache = new Map;
         const syncFnMap = new Map;
         const syncFns = [];
         const roots = [];
         const $addRootPath$ = obj => {
-            const rootPath = rootsPathMap.get(obj);
+            const rootPath = objectPathStringCache.get(obj);
             if (rootPath) {
                 return rootPath;
             }
@@ -4340,19 +4362,21 @@
                 current = seenObjsMap.get(current.$parent$);
             }
             const pathStr = path.length > 1 ? path.join(" ") : path.length ? path[0] : seen.$index$;
-            return rootsPathMap.set(obj, pathStr), pathStr;
+            return objectPathStringCache.set(obj, pathStr), pathStr;
         };
         const isSsrNode = NodeConstructor ? obj => obj instanceof NodeConstructor : () => !1;
         return isDomRef = DomRefConstructor ? obj => obj instanceof DomRefConstructor : () => !1, 
         {
             async $serialize$() {
                 return await async function(serializationContext) {
-                    const {$writer$, $isSsrNode$, $isDomRef$, $storeProxyMap$, $addRoot$, $pathMap$, $wasSeen$} = serializationContext;
+                    const {$writer$, $isSsrNode$, $isDomRef$, $storeProxyMap$, $addRoot$, $objectPathStringCache$, $wasSeen$} = serializationContext;
                     let depth = 0;
+                    let rootIdx = 0;
                     const forwardRefs = [];
                     let forwardRefsId = 0;
                     const promises = new Set;
                     const preloadQrls = new Set;
+                    const s11nWeakRefs = new Map;
                     let parent = null;
                     const isRootObject = () => 0 === depth;
                     const outputArray = (value, writeFn) => {
@@ -4379,7 +4403,7 @@
                                 !function(serializationContext, obj, parent, index) {
                                     const {$wasSeen$, $seen$, $addRoot$} = serializationContext;
                                     if (!function(obj) {
-                                        return "object" == typeof obj && null !== obj || "string" == typeof obj && obj.length > 1;
+                                        return isObject(obj) || "string" == typeof obj && obj.length > 1;
                                     }(obj) && !frameworkType(obj)) {
                                         return;
                                     }
@@ -4390,14 +4414,26 @@
                         }
                     };
                     const addPreloadQrl = qrl => {
-                        preloadQrls.add(qrl), serializationContext.$addRoot$(qrl, null);
+                        preloadQrls.add(qrl), serializationContext.$addRoot$(qrl);
                     };
-                    const outputRootRef = (value, rootDepth = 0) => {
+                    const outputAsRootRef = (value, rootDepth = 0) => {
                         const seen = $wasSeen$(value);
-                        const rootRefPath = $pathMap$.get(value);
-                        return rootDepth === depth && seen && null !== seen.$parent$ && rootRefPath ? (output(0, rootRefPath), 
-                        !0) : !!(depth > rootDepth && seen && -1 !== seen.$rootIndex$) && (output(0, seen.$rootIndex$), 
-                        !0);
+                        const rootRefPath = $objectPathStringCache$.get(value);
+                        if (rootDepth === depth && seen && null !== seen.$parent$ && rootRefPath) {
+                            return output(0, rootRefPath), !0;
+                        }
+                        if (depth > rootDepth && seen && -1 !== seen.$rootIndex$) {
+                            return output(0, seen.$rootIndex$), !0;
+                        }
+                        if (s11nWeakRefs.has(value)) {
+                            const forwardRefId = s11nWeakRefs.get(value);
+                            if (rootDepth !== depth) {
+                                const rootRef = $addRoot$(value);
+                                return output(0, rootRef), forwardRefs[forwardRefId] = rootRef, !0;
+                            }
+                            forwardRefs[forwardRefId] = rootIdx;
+                        }
+                        return !1;
                     };
                     const writeValue = value => {
                         if (fastSkipSerialize(value)) {
@@ -4408,11 +4444,11 @@
                             output(3, value ? 2 : 3);
                         } else if ("function" == typeof value) {
                             if (value === Slot) {
-                                output(3, 9);
-                            } else if (value === Fragment) {
                                 output(3, 10);
+                            } else if (value === Fragment) {
+                                output(3, 11);
                             } else if (isQrl(value)) {
-                                if (!outputRootRef(value)) {
+                                if (!outputAsRootRef(value)) {
                                     const qrl = qrlToString(serializationContext, value);
                                     const type = preloadQrls.has(value) ? 21 : 20;
                                     if (isRootObject()) {
@@ -4432,7 +4468,7 @@
                                 }
                             }
                         } else if ("number" == typeof value) {
-                            Number.isNaN(value) ? output(3, 11) : Number.isFinite(value) ? value === Number.MAX_SAFE_INTEGER ? output(3, 14) : value === Number.MAX_SAFE_INTEGER - 1 ? output(3, 15) : value === Number.MIN_SAFE_INTEGER ? output(3, 16) : output(4, value) : output(3, value < 0 ? 13 : 12);
+                            Number.isNaN(value) ? output(3, 12) : Number.isFinite(value) ? value === Number.MAX_SAFE_INTEGER ? output(3, 15) : value === Number.MAX_SAFE_INTEGER - 1 ? output(3, 16) : value === Number.MIN_SAFE_INTEGER ? output(3, 17) : output(4, value) : output(3, value < 0 ? 14 : 13);
                         } else if ("object" == typeof value) {
                             if (value === EMPTY_ARRAY) {
                                 output(3, 5);
@@ -4446,21 +4482,23 @@
                                 parent = value, writeObjectValue(value), parent = oldParent, depth--;
                             }
                         } else if ("string" == typeof value) {
-                            0 === value.length ? output(3, 4) : outputRootRef(value) || output(5, value);
+                            0 === value.length ? output(3, 4) : outputAsRootRef(value) || output(5, value);
                         } else if (void 0 === value) {
                             output(3, 0);
                         } else if (value === NEEDS_COMPUTATION) {
                             output(3, 7);
+                        } else if (value === STORE_ALL_PROPS) {
+                            output(3, 8);
                         } else {
-                            if (value !== STORE_ALL_PROPS) {
+                            if (value !== _UNINITIALIZED) {
                                 throw qError(20, [ typeof value ]);
                             }
-                            output(3, 8);
+                            output(3, 9);
                         }
                     };
                     const writeObjectValue = value => {
                         var obj;
-                        if (!outputRootRef(value, 1)) {
+                        if (!outputAsRootRef(value, 1)) {
                             if (isPropsProxy(value)) {
                                 const varProps = value[_VAR_PROPS];
                                 const constProps = value[_CONST_PROPS];
@@ -4494,7 +4532,7 @@
                                     }
                                     output(Array.isArray(storeTarget) ? 31 : 30, out);
                                 }
-                            } else if ("object" == typeof (obj = value) && null !== obj && "function" == typeof obj[SerializerSymbol]) {
+                            } else if (isObject(obj = value) && "function" == typeof obj[SerializerSymbol]) {
                                 const result = value[SerializerSymbol](value);
                                 if (isPromise(result)) {
                                     const forwardRef = $resolvePromise$(result, $addRoot$, (resolved, resolvedValue) => new PromiseResult(29, resolved, resolvedValue, null, null));
@@ -4531,19 +4569,22 @@
                                     }(value, value.$untrackedValue$), $addRoot$, (resolved, resolvedValue) => new PromiseResult(29, resolved, resolvedValue, value.$effects$, value.$computeQrl$));
                                     return void output(1, forwardRefId);
                                 }
-                                const v = value instanceof ComputedSignalImpl && (1 & value.$flags$ || fastSkipSerialize(value.$untrackedValue$)) ? NEEDS_COMPUTATION : value.$untrackedValue$;
                                 if (value instanceof WrappedSignalImpl) {
                                     output(26, [ ...serializeWrappingFn(serializationContext, value), filterEffectBackRefs(value[_EFFECT_BACK_REF]), value.$flags$, value.$hostElement$, ...value.$effects$ || [] ]);
-                                } else if (value instanceof AsyncComputedSignalImpl) {
-                                    addPreloadQrl(value.$computeQrl$);
-                                    const out = [ value.$computeQrl$, value.$effects$, value.$loadingEffects$, value.$errorEffects$, value.$untrackedLoading$, value.$untrackedError$ ];
-                                    v !== NEEDS_COMPUTATION && out.push(v), output(28, out);
                                 } else if (value instanceof ComputedSignalImpl) {
+                                    let v = value.$untrackedValue$;
+                                    const shouldAlwaysSerialize = 16 & value.$flags$;
+                                    const shouldNeverSerialize = 8 & value.$flags$;
+                                    const isInvalid = 1 & value.$flags$;
+                                    const isSkippable = fastSkipSerialize(value.$untrackedValue$);
+                                    shouldAlwaysSerialize ? v = value.$untrackedValue$ : (shouldNeverSerialize || isInvalid || isSkippable) && (v = NEEDS_COMPUTATION), 
                                     addPreloadQrl(value.$computeQrl$);
                                     const out = [ value.$computeQrl$, value.$effects$ ];
-                                    v !== NEEDS_COMPUTATION && out.push(v), output(27, out);
+                                    const isAsync = value instanceof AsyncComputedSignalImpl;
+                                    isAsync && out.push(value.$loadingEffects$, value.$errorEffects$, value.$untrackedLoading$, value.$untrackedError$), 
+                                    v !== NEEDS_COMPUTATION && out.push(v), output(isAsync ? 28 : 27, out);
                                 } else {
-                                    output(25, [ v, ...value.$effects$ || [] ]);
+                                    output(25, [ value.$untrackedValue$, ...value.$effects$ || [] ]);
                                 }
                             } else if (value instanceof URL) {
                                 output(7, value.href);
@@ -4621,6 +4662,9 @@
                                 }
                                 const out = btoa(buf).replace(/=+$/, "");
                                 output(19, out);
+                            } else if (value instanceof SerializationWeakRef) {
+                                const forwardRefId = forwardRefsId++;
+                                s11nWeakRefs.set(value.$obj$, forwardRefId), forwardRefs[forwardRefId] = -1, output(1, forwardRefId);
                             } else {
                                 if (!vnode_isVNode(value)) {
                                     throw qError(20, [ typeof value ]);
@@ -4639,20 +4683,19 @@
                     }
                     const outputRoots = async () => {
                         $writer$.write("[");
-                        let lastRootsLength = 0;
                         let rootsLength = serializationContext.$roots$.length;
-                        for (;lastRootsLength < rootsLength || promises.size; ) {
-                            0 !== lastRootsLength && $writer$.write(",");
+                        for (;rootIdx < rootsLength || promises.size; ) {
+                            0 !== rootIdx && $writer$.write(",");
                             let separator = !1;
-                            for (let i = lastRootsLength; i < rootsLength; i++) {
-                                separator ? $writer$.write(",") : separator = !0, writeValue(serializationContext.$roots$[i]);
+                            for (;rootIdx < rootsLength; rootIdx++) {
+                                separator ? $writer$.write(",") : separator = !0, writeValue(serializationContext.$roots$[rootIdx]);
                             }
                             if (promises.size) {
                                 try {
                                     await Promise.race(promises);
                                 } catch {}
                             }
-                            lastRootsLength = rootsLength, rootsLength = serializationContext.$roots$.length;
+                            rootsLength = serializationContext.$roots$.length;
                         }
                         forwardRefs.length && ($writer$.write(","), $writer$.write("2,"), outputArray(forwardRefs, value => {
                             $writer$.write(String(value));
@@ -4716,7 +4759,7 @@
             $storeProxyMap$: storeProxyMap,
             $getProp$: getProp,
             $setProp$: setProp,
-            $pathMap$: rootsPathMap
+            $objectPathStringCache$: objectPathStringCache
         };
     };
     const isSsrAttrs = value => Array.isArray(value) && value.length > 0;
@@ -4725,7 +4768,7 @@
             if (isSsrAttrs(value)) {
                 for (let i = 1; i < value.length; i += 2) {
                     const attrValue = value[i];
-                    "string" == typeof attrValue || "q:props" === value[i - 1] && 0 === Object.keys(attrValue).length || callback(attrValue);
+                    null == attrValue || "string" == typeof attrValue || "q:props" === value[i - 1] && 0 === Object.keys(attrValue).length || callback(attrValue);
                 }
             }
         }
@@ -4741,6 +4784,12 @@
             this.$qrl$ = $qrl$;
         }
     }
+    class SerializationWeakRef {
+        $obj$;
+        constructor($obj$) {
+            this.$obj$ = $obj$;
+        }
+    }
     function filterEffectBackRefs(effectBackRef) {
         let effectBackRefToSerialize = null;
         if (effectBackRef) {
@@ -4840,7 +4889,7 @@
             container.$initialQRLsIndexes$.push(i / 2));
         }
     }
-    const frameworkType = obj => "object" == typeof obj && null !== obj && (obj instanceof SignalImpl || obj instanceof Task || isJSXNode(obj)) || isQrl(obj);
+    const frameworkType = obj => isObject(obj) && (obj instanceof SignalImpl || obj instanceof Task || isJSXNode(obj)) || isQrl(obj);
     const canSerialize = (value, seen = new WeakSet) => {
         if (null == value || "string" == typeof value || "number" == typeof value || "boolean" == typeof value || "bigint" == typeof value) {
             return !0;
@@ -4909,18 +4958,22 @@
             if (isDomRef?.(value)) {
                 return !0;
             }
-        } else if ("function" == typeof value && (isQrl(value) || isQwikComponent(value))) {
+        } else if ("function" == typeof value) {
+            if (isQrl(value) || isQwikComponent(value)) {
+                return !0;
+            }
+        } else if (value === _UNINITIALIZED) {
             return !0;
         }
         return !1;
     };
     const QRL_RUNTIME_CHUNK = "mock-chunk";
-    const _typeIdNames = [ "RootRef", "ForwardRef", "ForwardRefs", "Constant", "Number", "String", "Array", "URL", "Date", "Regex", "VNode", "RefVNode", "BigInt", "URLSearchParams", "Error", "Object", "Promise", "Set", "Map", "Uint8Array", "QRL", "PreloadQRL", "Task", "Resource", "Component", "Signal", "WrappedSignal", "ComputedSignal", "AsyncComputedSignal", "SerializerSignal", "Store", "StoreArray", "FormData", "JSXNode", "PropsProxy", "EffectData" ];
+    const _typeIdNames = [ "RootRef", "ForwardRef", "ForwardRefs", "Constant", "Number", "String", "Array", "URL", "Date", "Regex", "VNode", "RefVNode", "BigInt", "URLSearchParams", "Error", "Object", "Promise", "Set", "Map", "Uint8Array", "QRL", "PreloadQRL", "Task", "Resource", "Component", "Signal", "WrappedSignal", "ComputedSignal", "AsyncComputedSignal", "SerializerSignal", "Store", "StoreArray", "FormData", "JSXNode", "PropsProxy", "SubscriptionData" ];
     const printRaw = (value, prefix) => {
         let result = vnode_isVNode(value) ? vnode_toString.call(value, 1, "", !0).replaceAll(/\n.*/gm, "") : "function" == typeof value ? String(value) : ((obj, indent) => {
             const seen = new WeakSet;
-            return JSON.stringify(obj, (key, value) => {
-                if ("object" == typeof value && null !== value) {
+            return JSON.stringify(obj, (_, value) => {
+                if (isObject(value)) {
                     if (seen.has(value)) {
                         return `[Circular ${value.constructor.name}]`;
                     }
@@ -4945,7 +4998,7 @@
             }
             const key = state[i];
             let value = state[++i];
-            void 0 === key ? (hasRaw = !0, out.push(`${RED}[raw${"object" == typeof value && value ? ` ${value.constructor.name}` : ""}]${RESET} ${printRaw(value, `${prefix}  `)}`)) : (3 === key ? value = constantToName(value) : "string" == typeof value ? (value = JSON.stringify(value), 
+            void 0 === key ? (hasRaw = !0, out.push(`${RED}[raw${isObject(value) ? ` ${value.constructor.name}` : ""}]${RESET} ${printRaw(value, `${prefix}  `)}`)) : (3 === key ? value = constantToName(value) : "string" == typeof value ? (value = JSON.stringify(value), 
             value.length > 120 && (value = value.slice(0, 120) + '"...')) : 2 === key ? value = `[\n${prefix}  ${value.join(`\n${prefix}  `)}\n${prefix}]` : Array.isArray(value) && (value = value.length ? `[\n${dumpState(value, color, `${prefix}  `)}\n${prefix}]` : "[]"), 
             out.push(`${RED}${typeIdToName(key)}${RESET} ${value}`));
         }
@@ -5024,10 +5077,9 @@
         return value;
     };
     const noSerializeSet = /*#__PURE__*/ new WeakSet;
-    const weakSerializeSet = /*#__PURE__*/ new WeakSet;
     const shouldSerialize = obj => !isObject(obj) && !isFunction(obj) || !noSerializeSet.has(obj);
-    const fastSkipSerialize = obj => obj && ("object" == typeof obj || "function" == typeof obj) && (NoSerializeSymbol in obj || noSerializeSet.has(obj));
-    const noSerialize = input => (("object" == typeof input && null !== input || "function" == typeof input) && noSerializeSet.add(input), 
+    const fastSkipSerialize = obj => obj && (isObject(obj) || "function" == typeof obj) && (NoSerializeSymbol in obj || noSerializeSet.has(obj));
+    const noSerialize = input => ((isObject(input) && null !== input || "function" == typeof input) && noSerializeSet.add(input), 
     input);
     const NoSerializeSymbol = Symbol("noSerialize");
     const SerializerSymbol = Symbol("serialize");
@@ -5357,18 +5409,18 @@
         const {val, set} = useSequentialScope();
         return null != val ? val : set(value = isFunction(value) && !isQwikComponent(value) ? value() : value);
     };
-    const useComputedCommon = (qrl, Class) => {
+    const useComputedCommon = (qrl, createFn, options) => {
         const {val, set} = useSequentialScope();
         if (val) {
             return val;
         }
         assertQrl(qrl);
-        const signal = new Class(null, qrl);
+        const signal = createFn(qrl, options);
         return set(signal), throwIfQRLNotResolved(qrl), signal;
     };
-    const useComputedQrl = qrl => useComputedCommon(qrl, ComputedSignalImpl);
+    const useComputedQrl = (qrl, options) => useComputedCommon(qrl, createComputedSignal, options);
     const useComputed$ = implicit$FirstArg(useComputedQrl);
-    const useSerializerQrl = qrl => useComputedCommon(qrl, SerializerSignalImpl);
+    const useSerializerQrl = qrl => useComputedCommon(qrl, createSerializerSignal);
     const useSerializer$ = implicit$FirstArg(useSerializerQrl);
     const useVisibleTaskQrl = (qrl, opts) => {
         const {val, set, i, iCtx} = useSequentialScope();
@@ -5387,7 +5439,7 @@
     const getTaskHandlerQrl = task => createQRL(null, "_task", scheduleTask, null, null, [ task ]);
     const useTask$ = /*#__PURE__*/ implicit$FirstArg(useTaskQrl);
     const useVisibleTask$ = /*#__PURE__*/ implicit$FirstArg(useVisibleTaskQrl);
-    const useAsyncComputedQrl = qrl => useComputedCommon(qrl, AsyncComputedSignalImpl);
+    const useAsyncComputedQrl = (qrl, options) => useComputedCommon(qrl, createAsyncComputedSignal, options);
     const useAsyncComputed$ = implicit$FirstArg(useAsyncComputedQrl);
     const PREFETCH_CODE = /*#__PURE__*/ (c => {
         "getRegistrations" in c && c.getRegistrations().then(registrations => {
@@ -5453,7 +5505,14 @@
             const value = resource.value;
             return value ? value.then(useBindInvokeContext(props.onResolved), useBindInvokeContext(props.onRejected)) : Promise.resolve(void 0);
         }
-        return isPromise(resource) ? resource.then(useBindInvokeContext(props.onResolved), useBindInvokeContext(props.onRejected)) : isSignal(resource) ? Promise.resolve(resource.value).then(useBindInvokeContext(props.onResolved), useBindInvokeContext(props.onRejected)) : Promise.resolve(resource).then(useBindInvokeContext(props.onResolved), useBindInvokeContext(props.onRejected));
+        if (isPromise(resource)) {
+            return resource.then(useBindInvokeContext(props.onResolved), useBindInvokeContext(props.onRejected));
+        }
+        if (isSignal(resource)) {
+            const value = retryOnPromise(() => resource.value);
+            return (isPromise(value) ? value : Promise.resolve(value)).then(useBindInvokeContext(props.onResolved));
+        }
+        return Promise.resolve(resource).then(useBindInvokeContext(props.onResolved));
     }(props), 0, null), exports.SSRComment = SSRComment, exports.SSRRaw = SSRRaw, exports.SSRStream = SSRStream, 
     exports.SSRStreamBlock = props => [ jsx(SSRComment, {
         data: "qkssr-pu"
@@ -5463,7 +5522,7 @@
     exports.Slot = Slot, exports._CONST_PROPS = _CONST_PROPS, exports._DomContainer = DomContainer, 
     exports._EFFECT_BACK_REF = _EFFECT_BACK_REF, exports._EMPTY_ARRAY = EMPTY_ARRAY, 
     exports._IMMUTABLE = _IMMUTABLE, exports._SharedContainer = _SharedContainer, exports._SubscriptionData = SubscriptionData, 
-    exports._VAR_PROPS = _VAR_PROPS, exports._deserialize = function(rawStateData, element) {
+    exports._UNINITIALIZED = _UNINITIALIZED, exports._VAR_PROPS = _VAR_PROPS, exports._deserialize = function(rawStateData, element) {
         if (null == rawStateData) {
             return [];
         }
@@ -5479,7 +5538,12 @@
         }
         return output;
     }, exports._dumpState = dumpState, exports._fnSignal = (fn, args, fnStr) => new WrappedSignalImpl(null, fn, args, fnStr || null), 
-    exports._getContextElement = () => {
+    exports._getContextContainer = () => {
+        const iCtx = tryGetInvokeContext();
+        if (iCtx) {
+            return iCtx.$container$;
+        }
+    }, exports._getContextElement = () => {
         const iCtx = tryGetInvokeContext();
         if (iCtx) {
             const hostElement = iCtx.$hostElement$;
@@ -5525,13 +5589,14 @@
             omit.includes(key) || (varPropsTarget[key] = varProps[key]);
         }
         return createPropsProxy(varPropsTarget, constPropsTarget);
-    }, exports._run = queueQRL, exports._serialize = async function(data) {
+    }, exports._run = queueQRL, exports._serializationWeakRef = obj => new SerializationWeakRef(obj), 
+    exports._serialize = async function(data) {
         const serializationContext = createSerializationContext(null, null, () => "", () => "", () => {}, new WeakMap);
         for (const root of data) {
             serializationContext.$addRoot$(root);
         }
         return await serializationContext.$serialize$(), serializationContext.$writer$.toString();
-    }, exports._task = scheduleTask, exports._verifySerializable = verifySerializable, 
+    }, exports._task = scheduleTask, exports._useInvokeContext = useInvokeContext, exports._verifySerializable = verifySerializable, 
     exports._vnode_toString = vnode_toString, exports._waitUntilRendered = elm => {
         const containerEl = _getQContainerElement(elm);
         if (!containerEl) {
@@ -5539,14 +5604,11 @@
         }
         const container = containerEl.qContainer;
         return container?.renderDone ?? Promise.resolve();
-    }, exports._walkJSX = _walkJSX, exports._weakSerialize = input => (weakSerializeSet.add(input), 
-    input), exports._wrapProp = _wrapProp, exports._wrapSignal = (obj, prop) => {
+    }, exports._walkJSX = _walkJSX, exports._wrapProp = _wrapProp, exports._wrapSignal = (obj, prop) => {
         const r = _wrapProp(obj, prop);
         return r === _IMMUTABLE ? obj[prop] : r;
-    }, exports._wrapStore = (obj, prop) => {
-        const value = getStoreTarget(obj)[prop];
-        return isSignal(value) ? value : new WrappedSignalImpl(null, getProp, [ obj, prop ], null, 1);
     }, exports.component$ = onMount => componentQrl(dollar(onMount)), exports.componentQrl = componentQrl, 
+    exports.createAsyncComputed$ = createAsyncComputed$, exports.createAsyncComputedQrl = createAsyncComputedSignal, 
     exports.createComputed$ = createComputed$, exports.createComputedQrl = createComputedSignal, 
     exports.createContextId = createContextId, exports.createElement = h, exports.createSerializer$ = createSerializer$, 
     exports.createSerializerQrl = createSerializerSignal, exports.createSignal = createSignal,