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

package/dist/insights/index.qwik.mjs

@@ -4,15 +4,12 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
 import { sync$, component$ } from "@qwik.dev/core";
 /**
  * @license
- * @qwik.dev/core 2.0.0-alpha.3-dev+418fd6d
+ * @qwik.dev/core 2.0.0-alpha.5-dev+cb53bbd
  * 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
  */
-const logError = (message, ...optionalParams) => createAndLogError(false, message, ...optionalParams);
-const throwErrorAndStop = (message, ...optionalParams) => {
-  throw createAndLogError(false, message, ...optionalParams);
-};
+const logErrorAndStop = (message, ...optionalParams) => createAndLogError(true, message, ...optionalParams);
 const createAndLogError = (asyncThrow, message, ...optionalParams) => {
   const err = message instanceof Error ? message : new Error(message);
   return console.error("%cQWIK ERROR", "", err.message, ...optionalParams, err.stack), asyncThrow && setTimeout(() => {
@@ -23,18 +20,21 @@ function assertTrue() {
 }
 function assertFalse() {
 }
+const codeToText = (code) => `Code(Q${code}) https://github.com/QwikDev/qwik/blob/main/packages/qwik/src/core/error/error.ts#L${8 + code}`;
+var QError;
+!function(QError2) {
+  QError2[QError2.stringifyClassOrStyle = 0] = "stringifyClassOrStyle", QError2[QError2.UNUSED_1 = 1] = "UNUSED_1", QError2[QError2.UNUSED_2 = 2] = "UNUSED_2", QError2[QError2.verifySerializable = 3] = "verifySerializable", QError2[QError2.UNUSED_4 = 4] = "UNUSED_4", QError2[QError2.cannotRenderOverExistingContainer = 5] = "cannotRenderOverExistingContainer", QError2[QError2.UNUSED_6 = 6] = "UNUSED_6", QError2[QError2.UNUSED_7 = 7] = "UNUSED_7", QError2[QError2.UNUSED_8 = 8] = "UNUSED_8", QError2[QError2.UNUSED_9 = 9] = "UNUSED_9", QError2[QError2.qrlIsNotFunction = 10] = "qrlIsNotFunction", QError2[QError2.dynamicImportFailed = 11] = "dynamicImportFailed", QError2[QError2.unknownTypeArgument = 12] = "unknownTypeArgument", QError2[QError2.notFoundContext = 13] = "notFoundContext", QError2[QError2.useMethodOutsideContext = 14] = "useMethodOutsideContext", QError2[QError2.UNUSED_15 = 15] = "UNUSED_15", QError2[QError2.UNUSED_16 = 16] = "UNUSED_16", QError2[QError2.UNUSED_17 = 17] = "UNUSED_17", QError2[QError2.UNUSED_18 = 18] = "UNUSED_18", QError2[QError2.UNUSED_19 = 19] = "UNUSED_19", QError2[QError2.useInvokeContext = 20] = "useInvokeContext", QError2[QError2.UNUSED_21 = 21] = "UNUSED_21", QError2[QError2.UNUSED_22 = 22] = "UNUSED_22", QError2[QError2.UNUSED_23 = 23] = "UNUSED_23", QError2[QError2.UNUSED_24 = 24] = "UNUSED_24", QError2[QError2.UNUSED_25 = 25] = "UNUSED_25", QError2[QError2.UNUSED_26 = 26] = "UNUSED_26", QError2[QError2.UNUSED_27 = 27] = "UNUSED_27", QError2[QError2.invalidContext = 28] = "invalidContext", QError2[QError2.tagError = 29] = "tagError", QError2[QError2.qrlMissingContainer = 30] = "qrlMissingContainer", QError2[QError2.qrlMissingChunk = 31] = "qrlMissingChunk", QError2[QError2.invalidRefValue = 32] = "invalidRefValue", QError2[QError2.serializeErrorNotImplemented = 33] = "serializeErrorNotImplemented", QError2[QError2.serializeErrorExpectedVNode = 34] = "serializeErrorExpectedVNode", QError2[QError2.serializeErrorCannotAllocate = 35] = "serializeErrorCannotAllocate", QError2[QError2.serializeErrorMissingRootId = 36] = "serializeErrorMissingRootId", QError2[QError2.serializeErrorUnknownType = 37] = "serializeErrorUnknownType", QError2[QError2.serializeErrorUnvisited = 38] = "serializeErrorUnvisited", QError2[QError2.serializeErrorMissingChunk = 39] = "serializeErrorMissingChunk", QError2[QError2.wrongTextareaValue = 40] = "wrongTextareaValue", QError2[QError2.containerNotFound = 41] = "containerNotFound", QError2[QError2.elementWithoutContainer = 42] = "elementWithoutContainer", QError2[QError2.invalidVNodeType = 43] = "invalidVNodeType", QError2[QError2.materializeVNodeDataError = 44] = "materializeVNodeDataError", QError2[QError2.serverHostMismatch = 45] = "serverHostMismatch", QError2[QError2.cannotCoerceSignal = 46] = "cannotCoerceSignal", QError2[QError2.computedNotSync = 47] = "computedNotSync", QError2[QError2.computedReadOnly = 48] = "computedReadOnly", QError2[QError2.wrappedReadOnly = 49] = "wrappedReadOnly", QError2[QError2.promisesNotExpected = 50] = "promisesNotExpected", QError2[QError2.unsafeAttr = 51] = "unsafeAttr";
+}(QError || (QError = {}));
+const qError = (code, errorMessageArgs = []) => {
+  const text = codeToText(code, ...errorMessageArgs);
+  return logErrorAndStop(text, ...errorMessageArgs);
+};
 const isPromise = (value) => !!value && "object" == typeof value && "function" == typeof value.then;
-function retryOnPromise(fn, retryCount = 0) {
-  try {
-    return fn();
-  } catch (e) {
-    if (isPromise(e) && retryCount < 100) {
-      return e.then(retryOnPromise.bind(null, fn, retryCount++));
-    }
-    throw e;
-  }
-}
 const isArray = (v) => Array.isArray(v);
+var VNodeDataFlag;
+!function(VNodeDataFlag2) {
+  VNodeDataFlag2[VNodeDataFlag2.NONE = 0] = "NONE", VNodeDataFlag2[VNodeDataFlag2.TEXT_DATA = 1] = "TEXT_DATA", VNodeDataFlag2[VNodeDataFlag2.VIRTUAL_NODE = 2] = "VIRTUAL_NODE", VNodeDataFlag2[VNodeDataFlag2.ELEMENT_NODE = 4] = "ELEMENT_NODE", VNodeDataFlag2[VNodeDataFlag2.REFERENCE = 8] = "REFERENCE", VNodeDataFlag2[VNodeDataFlag2.SERIALIZE = 16] = "SERIALIZE";
+}(VNodeDataFlag || (VNodeDataFlag = {}));
 var VirtualType;
 !function(VirtualType2) {
   VirtualType2.Virtual = "V", VirtualType2.Fragment = "F", VirtualType2.WrappedSignal = "S", VirtualType2.Awaited = "A", VirtualType2.Component = "C", VirtualType2.InlineComponent = "I", VirtualType2.Projection = "P";
@@ -57,6 +57,12 @@ const dangerouslySetInnerHTML = "dangerouslySetInnerHTML";
 const isQrl$1 = (value) => "function" == typeof value && "function" == typeof value.getSymbol;
 const EMPTY_OBJ = {};
 Object.freeze(EMPTY_OBJ);
+const STORE_TARGET = Symbol("store.target");
+var StoreFlags;
+!function(StoreFlags2) {
+  StoreFlags2[StoreFlags2.NONE = 0] = "NONE", StoreFlags2[StoreFlags2.RECURSIVE = 1] = "RECURSIVE", StoreFlags2[StoreFlags2.IMMUTABLE = 2] = "IMMUTABLE";
+}(StoreFlags || (StoreFlags = {}));
+const isStore = (value) => STORE_TARGET in value;
 class Subscriber {
   constructor() {
     __publicField(this, "$effectDependencies$", null);
@@ -65,6 +71,50 @@ class Subscriber {
 function isSubscriber(value) {
   return value instanceof Subscriber || value instanceof WrappedSignal;
 }
+var VNodeFlags;
+var VNodeFlagsIndex;
+var VNodeProps;
+var ElementVNodeProps;
+var TextVNodeProps;
+var VirtualVNodeProps;
+!function(VNodeFlags2) {
+  VNodeFlags2[VNodeFlags2.Element = 1] = "Element", VNodeFlags2[VNodeFlags2.Virtual = 2] = "Virtual", VNodeFlags2[VNodeFlags2.ELEMENT_OR_VIRTUAL_MASK = 3] = "ELEMENT_OR_VIRTUAL_MASK", VNodeFlags2[VNodeFlags2.ELEMENT_OR_TEXT_MASK = 5] = "ELEMENT_OR_TEXT_MASK", VNodeFlags2[VNodeFlags2.TYPE_MASK = 7] = "TYPE_MASK", VNodeFlags2[VNodeFlags2.INFLATED_TYPE_MASK = 15] = "INFLATED_TYPE_MASK", VNodeFlags2[VNodeFlags2.Text = 4] = "Text", VNodeFlags2[VNodeFlags2.Inflated = 8] = "Inflated", VNodeFlags2[VNodeFlags2.Resolved = 16] = "Resolved", VNodeFlags2[VNodeFlags2.Deleted = 32] = "Deleted", VNodeFlags2[VNodeFlags2.NAMESPACE_MASK = 192] = "NAMESPACE_MASK", VNodeFlags2[VNodeFlags2.NEGATED_NAMESPACE_MASK = -193] = "NEGATED_NAMESPACE_MASK", VNodeFlags2[VNodeFlags2.NS_html = 0] = "NS_html", VNodeFlags2[VNodeFlags2.NS_svg = 64] = "NS_svg", VNodeFlags2[VNodeFlags2.NS_math = 128] = "NS_math";
+}(VNodeFlags || (VNodeFlags = {})), function(VNodeFlagsIndex2) {
+  VNodeFlagsIndex2[VNodeFlagsIndex2.mask = -256] = "mask", VNodeFlagsIndex2[VNodeFlagsIndex2.negated_mask = 255] = "negated_mask", VNodeFlagsIndex2[VNodeFlagsIndex2.shift = 8] = "shift";
+}(VNodeFlagsIndex || (VNodeFlagsIndex = {})), function(VNodeProps2) {
+  VNodeProps2[VNodeProps2.flags = 0] = "flags", VNodeProps2[VNodeProps2.parent = 1] = "parent", VNodeProps2[VNodeProps2.previousSibling = 2] = "previousSibling", VNodeProps2[VNodeProps2.nextSibling = 3] = "nextSibling";
+}(VNodeProps || (VNodeProps = {})), function(ElementVNodeProps2) {
+  ElementVNodeProps2[ElementVNodeProps2.firstChild = 4] = "firstChild", ElementVNodeProps2[ElementVNodeProps2.lastChild = 5] = "lastChild", ElementVNodeProps2[ElementVNodeProps2.element = 6] = "element", ElementVNodeProps2[ElementVNodeProps2.elementName = 7] = "elementName", ElementVNodeProps2[ElementVNodeProps2.PROPS_OFFSET = 8] = "PROPS_OFFSET";
+}(ElementVNodeProps || (ElementVNodeProps = {})), function(TextVNodeProps2) {
+  TextVNodeProps2[TextVNodeProps2.node = 4] = "node", TextVNodeProps2[TextVNodeProps2.text = 5] = "text";
+}(TextVNodeProps || (TextVNodeProps = {})), function(VirtualVNodeProps2) {
+  VirtualVNodeProps2[VirtualVNodeProps2.firstChild = 4] = "firstChild", VirtualVNodeProps2[VirtualVNodeProps2.lastChild = 5] = "lastChild", VirtualVNodeProps2[VirtualVNodeProps2.PROPS_OFFSET = 6] = "PROPS_OFFSET";
+}(VirtualVNodeProps || (VirtualVNodeProps = {}));
+var SiblingsArray;
+!function(SiblingsArray2) {
+  SiblingsArray2[SiblingsArray2.Name = 0] = "Name", SiblingsArray2[SiblingsArray2.Key = 1] = "Key", SiblingsArray2[SiblingsArray2.VNode = 2] = "VNode", SiblingsArray2[SiblingsArray2.Size = 3] = "Size", SiblingsArray2[SiblingsArray2.NextVNode = 5] = "NextVNode";
+}(SiblingsArray || (SiblingsArray = {}));
+var ChoreType;
+!function(ChoreType2) {
+  ChoreType2[ChoreType2.MACRO = 240] = "MACRO", ChoreType2[ChoreType2.MICRO = 15] = "MICRO", ChoreType2[ChoreType2.QRL_RESOLVE = 1] = "QRL_RESOLVE", ChoreType2[ChoreType2.RESOURCE = 2] = "RESOURCE", ChoreType2[ChoreType2.TASK = 3] = "TASK", ChoreType2[ChoreType2.NODE_DIFF = 4] = "NODE_DIFF", ChoreType2[ChoreType2.NODE_PROP = 5] = "NODE_PROP", ChoreType2[ChoreType2.COMPONENT_SSR = 6] = "COMPONENT_SSR", ChoreType2[ChoreType2.COMPONENT = 7] = "COMPONENT", ChoreType2[ChoreType2.RECOMPUTE_AND_SCHEDULE_EFFECTS = 8] = "RECOMPUTE_AND_SCHEDULE_EFFECTS", ChoreType2[ChoreType2.JOURNAL_FLUSH = 16] = "JOURNAL_FLUSH", ChoreType2[ChoreType2.VISIBLE = 32] = "VISIBLE", ChoreType2[ChoreType2.CLEANUP_VISIBLE = 48] = "CLEANUP_VISIBLE", ChoreType2[ChoreType2.WAIT_FOR_ALL = 255] = "WAIT_FOR_ALL";
+}(ChoreType || (ChoreType = {}));
+var TaskFlags;
+!function(TaskFlags2) {
+  TaskFlags2[TaskFlags2.VISIBLE_TASK = 1] = "VISIBLE_TASK", TaskFlags2[TaskFlags2.TASK = 2] = "TASK", TaskFlags2[TaskFlags2.RESOURCE = 4] = "RESOURCE", TaskFlags2[TaskFlags2.DIRTY = 8] = "DIRTY";
+}(TaskFlags || (TaskFlags = {}));
+class Task extends Subscriber {
+  constructor($flags$, $index$, $el$, $qrl$, $state$, $destroy$) {
+    super();
+    __publicField(this, "$flags$");
+    __publicField(this, "$index$");
+    __publicField(this, "$el$");
+    __publicField(this, "$qrl$");
+    __publicField(this, "$state$");
+    __publicField(this, "$destroy$");
+    this.$flags$ = $flags$, this.$index$ = $index$, this.$el$ = $el$, this.$qrl$ = $qrl$, this.$state$ = $state$, this.$destroy$ = $destroy$;
+  }
+}
+const isTask = (value) => value instanceof Task;
 const NEEDS_COMPUTATION = Symbol("invalid");
 const throwIfQRLNotResolved = (qrl2) => {
   if (!qrl2.resolved) {
@@ -72,7 +122,7 @@ const throwIfQRLNotResolved = (qrl2) => {
   }
 };
 const isSignal = (value) => value instanceof Signal;
-class EffectData {
+class EffectPropData {
   constructor(data) {
     __publicField(this, "data");
     this.data = data;
@@ -149,7 +199,7 @@ const ensureEffectContainsSubscriber = (effect, subscriber, container) => {
       return;
     }
     effect.$effectDependencies$.push(subscriber);
-  } else if (vnode_isVNode(effect) && vnode_isVirtualVNode(effect)) {
+  } else if (vnode_isVNode(effect) && !vnode_isTextVNode(effect)) {
     let subscribers = vnode_getProp(effect, "q:subs", container ? container.$getObjectById$ : null);
     if (subscribers || (subscribers = []), subscriberExistInSubscribers(subscribers, subscriber)) {
       return;
@@ -182,12 +232,7 @@ const triggerEffects = (container, signal, effects) => {
         let choreType = ChoreType.TASK;
         effect.$flags$ & TaskFlags.VISIBLE_TASK ? choreType = ChoreType.VISIBLE : effect.$flags$ & TaskFlags.RESOURCE && (choreType = ChoreType.RESOURCE), container.$scheduler$(choreType, effect);
       } else if (effect instanceof Signal) {
-        effect instanceof ComputedSignal && (effect.$computeQrl$.resolved || container.$scheduler$(ChoreType.QRL_RESOLVE, null, effect.$computeQrl$));
-        try {
-          retryOnPromise(() => effect.$invalidate$());
-        } catch (e) {
-          logError(e);
-        }
+        effect instanceof ComputedSignal && (effect.$computeQrl$.resolved || container.$scheduler$(ChoreType.QRL_RESOLVE, null, effect.$computeQrl$)), effect.$invalidate$();
       } else if (property === EffectProperty.COMPONENT) {
         const host = effect;
         const qrl2 = container.getHostProp(host, "q:renderFn");
@@ -196,8 +241,8 @@ const triggerEffects = (container, signal, effects) => {
       } else if (property === EffectProperty.VNODE) {
         container.$scheduler$(ChoreType.NODE_DIFF, effect, effect, signal);
       } else {
-        let effectData = effectSubscriptions[EffectSubscriptionsProp.FIRST_BACK_REF_OR_DATA];
-        if (effectData instanceof EffectData) {
+        const effectData = effectSubscriptions[EffectSubscriptionsProp.FIRST_BACK_REF_OR_DATA];
+        if (effectData instanceof EffectPropData) {
           const payload = {
             ...effectData.data,
             $value$: signal
@@ -214,16 +259,18 @@ class ComputedSignal extends Signal {
     super(container, NEEDS_COMPUTATION);
     __publicField(this, "$computeQrl$");
     __publicField(this, "$invalid$", true);
+    __publicField(this, "$forceRunEffects$", false);
     this.$computeQrl$ = fn;
   }
   $invalidate$() {
-    this.$invalid$ = true, this.$effects$?.length && this.$computeIfNeeded$() && triggerEffects(this.$container$, this, this.$effects$);
+    this.$invalid$ = true, this.$forceRunEffects$ = false, this.$container$?.$scheduler$(ChoreType.RECOMPUTE_AND_SCHEDULE_EFFECTS, null, this);
   }
   force() {
-    this.$invalid$ = true, triggerEffects(this.$container$, this, this.$effects$);
+    this.$invalid$ = true, this.$forceRunEffects$ = false, triggerEffects(this.$container$, this, this.$effects$);
   }
   get untrackedValue() {
-    return this.$computeIfNeeded$(), assertFalse(this.$untrackedValue$ === NEEDS_COMPUTATION), this.$untrackedValue$;
+    const didChange = this.$computeIfNeeded$();
+    return didChange && (this.$forceRunEffects$ = didChange), assertFalse(this.$untrackedValue$ === NEEDS_COMPUTATION), this.$untrackedValue$;
   }
   $computeIfNeeded$() {
     if (!this.$invalid$) {
@@ -236,7 +283,10 @@ class ComputedSignal extends Signal {
     ctx && (ctx.$effectSubscriber$ = [this, EffectProperty.VNODE]);
     try {
       const untrackedValue = computeQrl.getFn(ctx)();
-      isPromise(untrackedValue) && throwErrorAndStop(`useComputedSignal$ QRL ${computeQrl.dev ? `${computeQrl.dev.file} ` : ""}${computeQrl.$hash$} returned a Promise`), this.$invalid$ = false;
+      if (isPromise(untrackedValue)) {
+        throw qError(QError.computedNotSync, [computeQrl.dev ? computeQrl.dev.file : "", computeQrl.$hash$]);
+      }
+      this.$invalid$ = false;
       const didChange = untrackedValue !== this.$untrackedValue$;
       return didChange && (this.$untrackedValue$ = untrackedValue), didChange;
     } finally {
@@ -247,7 +297,7 @@ class ComputedSignal extends Signal {
     return super.value;
   }
   set value(_) {
-    throwErrorAndStop("ComputedSignal is read-only");
+    throw qError(QError.computedReadOnly);
   }
 }
 class WrappedSignal extends Signal {
@@ -258,16 +308,19 @@ class WrappedSignal extends Signal {
     __publicField(this, "$funcStr$");
     __publicField(this, "$invalid$", true);
     __publicField(this, "$effectDependencies$", null);
+    __publicField(this, "$hostElement$", null);
+    __publicField(this, "$forceRunEffects$", false);
     this.$args$ = args, this.$func$ = fn, this.$funcStr$ = fnStr;
   }
   $invalidate$() {
-    this.$invalid$ = true, this.$effects$?.length && this.$computeIfNeeded$() && triggerEffects(this.$container$, this, this.$effects$);
+    this.$invalid$ = true, this.$forceRunEffects$ = false, this.$container$?.$scheduler$(ChoreType.RECOMPUTE_AND_SCHEDULE_EFFECTS, this.$hostElement$, this);
   }
   force() {
-    this.$invalid$ = true, triggerEffects(this.$container$, this, this.$effects$);
+    this.$invalid$ = true, this.$forceRunEffects$ = false, triggerEffects(this.$container$, this, this.$effects$);
   }
   get untrackedValue() {
-    return this.$computeIfNeeded$(), assertFalse(this.$untrackedValue$ === NEEDS_COMPUTATION), this.$untrackedValue$;
+    const didChange = this.$computeIfNeeded$();
+    return didChange && (this.$forceRunEffects$ = didChange), assertFalse(this.$untrackedValue$ === NEEDS_COMPUTATION), this.$untrackedValue$;
   }
   $computeIfNeeded$() {
     if (!this.$invalid$) {
@@ -281,112 +334,9 @@ class WrappedSignal extends Signal {
     return super.value;
   }
   set value(_) {
-    throwErrorAndStop("WrappedSignal is read-only");
-  }
-}
-var TaskFlags;
-!function(TaskFlags2) {
-  TaskFlags2[TaskFlags2.VISIBLE_TASK = 1] = "VISIBLE_TASK", TaskFlags2[TaskFlags2.TASK = 2] = "TASK", TaskFlags2[TaskFlags2.RESOURCE = 4] = "RESOURCE", TaskFlags2[TaskFlags2.DIRTY = 8] = "DIRTY";
-}(TaskFlags || (TaskFlags = {}));
-class Task extends Subscriber {
-  constructor($flags$, $index$, $el$, $qrl$, $state$, $destroy$) {
-    super();
-    __publicField(this, "$flags$");
-    __publicField(this, "$index$");
-    __publicField(this, "$el$");
-    __publicField(this, "$qrl$");
-    __publicField(this, "$state$");
-    __publicField(this, "$destroy$");
-    this.$flags$ = $flags$, this.$index$ = $index$, this.$el$ = $el$, this.$qrl$ = $qrl$, this.$state$ = $state$, this.$destroy$ = $destroy$;
-  }
-}
-const isTask = (value) => value instanceof Task;
-const STORE_TARGET = Symbol("store.target");
-var StoreFlags;
-!function(StoreFlags2) {
-  StoreFlags2[StoreFlags2.NONE = 0] = "NONE", StoreFlags2[StoreFlags2.RECURSIVE = 1] = "RECURSIVE", StoreFlags2[StoreFlags2.IMMUTABLE = 2] = "IMMUTABLE";
-}(StoreFlags || (StoreFlags = {}));
-const isStore = (value) => STORE_TARGET in value;
-var VNodeFlags;
-var VNodeFlagsIndex;
-var VNodeProps;
-var ElementVNodeProps;
-var TextVNodeProps;
-var VirtualVNodeProps;
-!function(VNodeFlags2) {
-  VNodeFlags2[VNodeFlags2.Element = 1] = "Element", VNodeFlags2[VNodeFlags2.Virtual = 2] = "Virtual", VNodeFlags2[VNodeFlags2.ELEMENT_OR_VIRTUAL_MASK = 3] = "ELEMENT_OR_VIRTUAL_MASK", VNodeFlags2[VNodeFlags2.ELEMENT_OR_TEXT_MASK = 5] = "ELEMENT_OR_TEXT_MASK", VNodeFlags2[VNodeFlags2.TYPE_MASK = 7] = "TYPE_MASK", VNodeFlags2[VNodeFlags2.INFLATED_TYPE_MASK = 15] = "INFLATED_TYPE_MASK", VNodeFlags2[VNodeFlags2.Text = 4] = "Text", VNodeFlags2[VNodeFlags2.Inflated = 8] = "Inflated", VNodeFlags2[VNodeFlags2.Resolved = 16] = "Resolved", VNodeFlags2[VNodeFlags2.Deleted = 32] = "Deleted", VNodeFlags2[VNodeFlags2.NAMESPACE_MASK = 192] = "NAMESPACE_MASK", VNodeFlags2[VNodeFlags2.NEGATED_NAMESPACE_MASK = -193] = "NEGATED_NAMESPACE_MASK", VNodeFlags2[VNodeFlags2.NS_html = 0] = "NS_html", VNodeFlags2[VNodeFlags2.NS_svg = 64] = "NS_svg", VNodeFlags2[VNodeFlags2.NS_math = 128] = "NS_math";
-}(VNodeFlags || (VNodeFlags = {})), function(VNodeFlagsIndex2) {
-  VNodeFlagsIndex2[VNodeFlagsIndex2.mask = -256] = "mask", VNodeFlagsIndex2[VNodeFlagsIndex2.negated_mask = 255] = "negated_mask", VNodeFlagsIndex2[VNodeFlagsIndex2.shift = 8] = "shift";
-}(VNodeFlagsIndex || (VNodeFlagsIndex = {})), function(VNodeProps2) {
-  VNodeProps2[VNodeProps2.flags = 0] = "flags", VNodeProps2[VNodeProps2.parent = 1] = "parent", VNodeProps2[VNodeProps2.previousSibling = 2] = "previousSibling", VNodeProps2[VNodeProps2.nextSibling = 3] = "nextSibling";
-}(VNodeProps || (VNodeProps = {})), function(ElementVNodeProps2) {
-  ElementVNodeProps2[ElementVNodeProps2.firstChild = 4] = "firstChild", ElementVNodeProps2[ElementVNodeProps2.lastChild = 5] = "lastChild", ElementVNodeProps2[ElementVNodeProps2.element = 6] = "element", ElementVNodeProps2[ElementVNodeProps2.elementName = 7] = "elementName", ElementVNodeProps2[ElementVNodeProps2.PROPS_OFFSET = 8] = "PROPS_OFFSET";
-}(ElementVNodeProps || (ElementVNodeProps = {})), function(TextVNodeProps2) {
-  TextVNodeProps2[TextVNodeProps2.node = 4] = "node", TextVNodeProps2[TextVNodeProps2.text = 5] = "text";
-}(TextVNodeProps || (TextVNodeProps = {})), function(VirtualVNodeProps2) {
-  VirtualVNodeProps2[VirtualVNodeProps2.firstChild = 4] = "firstChild", VirtualVNodeProps2[VirtualVNodeProps2.lastChild = 5] = "lastChild", VirtualVNodeProps2[VirtualVNodeProps2.PROPS_OFFSET = 6] = "PROPS_OFFSET";
-}(VirtualVNodeProps || (VirtualVNodeProps = {}));
-var SiblingsArray;
-var ChoreType;
-!function(SiblingsArray2) {
-  SiblingsArray2[SiblingsArray2.Name = 0] = "Name", SiblingsArray2[SiblingsArray2.Key = 1] = "Key", SiblingsArray2[SiblingsArray2.VNode = 2] = "VNode", SiblingsArray2[SiblingsArray2.Size = 3] = "Size", SiblingsArray2[SiblingsArray2.NextVNode = 5] = "NextVNode";
-}(SiblingsArray || (SiblingsArray = {})), function(ChoreType2) {
-  ChoreType2[ChoreType2.MACRO = 112] = "MACRO", ChoreType2[ChoreType2.MICRO = 15] = "MICRO", ChoreType2[ChoreType2.QRL_RESOLVE = 1] = "QRL_RESOLVE", ChoreType2[ChoreType2.RESOURCE = 2] = "RESOURCE", ChoreType2[ChoreType2.TASK = 3] = "TASK", ChoreType2[ChoreType2.NODE_DIFF = 4] = "NODE_DIFF", ChoreType2[ChoreType2.NODE_PROP = 5] = "NODE_PROP", ChoreType2[ChoreType2.COMPONENT_SSR = 6] = "COMPONENT_SSR", ChoreType2[ChoreType2.COMPONENT = 7] = "COMPONENT", ChoreType2[ChoreType2.WAIT_FOR_COMPONENTS = 16] = "WAIT_FOR_COMPONENTS", ChoreType2[ChoreType2.JOURNAL_FLUSH = 48] = "JOURNAL_FLUSH", ChoreType2[ChoreType2.VISIBLE = 64] = "VISIBLE", ChoreType2[ChoreType2.CLEANUP_VISIBLE = 80] = "CLEANUP_VISIBLE", ChoreType2[ChoreType2.WAIT_FOR_ALL = 127] = "WAIT_FOR_ALL";
-}(ChoreType || (ChoreType = {}));
-let _context;
-const tryGetInvokeContext = () => {
-  if (!_context) {
-    const context = "undefined" != typeof document && document && document.__q_context__;
-    if (!context) {
-      return;
-    }
-    return isArray(context) ? document.__q_context__ = newInvokeContextFromTuple(context) : context;
+    throw qError(QError.wrappedReadOnly);
   }
-  return _context;
-};
-function invoke(context, fn, ...args) {
-  return invokeApply.call(this, context, fn, args);
 }
-function invokeApply(context, fn, args) {
-  const previousContext = _context;
-  let returnValue;
-  try {
-    _context = context, returnValue = fn.apply(this, args);
-  } finally {
-    _context = previousContext;
-  }
-  return returnValue;
-}
-const newInvokeContextFromTuple = ([element, event, url]) => {
-  const container = element.closest(QContainerSelector);
-  const locale = container?.getAttribute("q:locale") || void 0;
-  return newInvokeContext(locale, void 0, element, event, url);
-};
-const newInvokeContext = (locale, hostElement, element, event, url) => {
-  const ctx = {
-    $url$: url,
-    $i$: 0,
-    $hostElement$: hostElement,
-    $element$: element,
-    $event$: event,
-    $qrl$: void 0,
-    $effectSubscriber$: void 0,
-    $locale$: locale || ("object" == typeof event && event && "locale" in event ? event.locale : void 0),
-    $container$: void 0
-  };
-  return ctx;
-};
-const untrack = (fn) => invoke(void 0, fn);
-const trackInvocation = /* @__PURE__ */ newInvokeContext(void 0, void 0, void 0, "qRender");
-const trackSignal = (fn, subscriber, property, container, data) => {
-  const previousSubscriber = trackInvocation.$effectSubscriber$;
-  const previousContainer = trackInvocation.$container$;
-  try {
-    return trackInvocation.$effectSubscriber$ = [subscriber, property], data && trackInvocation.$effectSubscriber$.push(data), trackInvocation.$container$ = container, invoke(trackInvocation, fn);
-  } finally {
-    trackInvocation.$effectSubscriber$ = previousSubscriber, trackInvocation.$container$ = previousContainer;
-  }
-};
 const _CONST_PROPS = Symbol("CONST");
 const _VAR_PROPS = Symbol("VAR");
 const _jsxSorted = (type, varProps, constProps, children, flags, key) => {
@@ -539,8 +489,8 @@ var VNodeJournalOpCode;
   VNodeJournalOpCode2[VNodeJournalOpCode2.SetText = 1] = "SetText", VNodeJournalOpCode2[VNodeJournalOpCode2.SetAttribute = 2] = "SetAttribute", VNodeJournalOpCode2[VNodeJournalOpCode2.HoistStyles = 3] = "HoistStyles", VNodeJournalOpCode2[VNodeJournalOpCode2.Remove = 4] = "Remove", VNodeJournalOpCode2[VNodeJournalOpCode2.Insert = 5] = "Insert";
 }(VNodeJournalOpCode || (VNodeJournalOpCode = {}));
 const vnode_isVNode = (vNode) => vNode instanceof VNodeArray;
-const vnode_isVirtualVNode = (vNode) => {
-  return (vNode[VNodeProps.flags] & VNodeFlags.Virtual) === VNodeFlags.Virtual;
+const vnode_isTextVNode = (vNode) => {
+  return (vNode[VNodeProps.flags] & VNodeFlags.Text) === VNodeFlags.Text;
 };
 const ensureElementOrVirtualVNode = (vNode) => {
   assertTrue(!!(vNode[VNodeProps.flags] & VNodeFlags.ELEMENT_OR_VIRTUAL_MASK), "Expecting ElementVNode or VirtualVNode was: " + vnode_getNodeTypeName(vNode));
@@ -620,7 +570,7 @@ const vnode_getPropStartIndex = (vnode) => {
   if (type === VNodeFlags.Virtual) {
     return VirtualVNodeProps.PROPS_OFFSET;
   }
-  throw throwErrorAndStop("Invalid vnode type.");
+  throw qError(QError.invalidVNodeType, [type]);
 };
 const VNodeArray = class VNode extends Array {
   static createElement(flags, parent, previousSibling, nextSibling, firstChild, lastChild, element, elementName) {
@@ -639,13 +589,60 @@ const VNodeArray = class VNode extends Array {
     super(), this.push(flags, parent, previousSibling, nextSibling);
   }
 };
-var ExperimentalFeatures;
-var VNodeDataFlag;
-!function(ExperimentalFeatures2) {
-  ExperimentalFeatures2.preventNavigate = "preventNavigate", ExperimentalFeatures2.valibot = "valibot", ExperimentalFeatures2.noSPA = "noSPA", ExperimentalFeatures2.webWorker = "webWorker", ExperimentalFeatures2.insights = "insights";
-}(ExperimentalFeatures || (ExperimentalFeatures = {})), function(VNodeDataFlag2) {
-  VNodeDataFlag2[VNodeDataFlag2.NONE = 0] = "NONE", VNodeDataFlag2[VNodeDataFlag2.TEXT_DATA = 1] = "TEXT_DATA", VNodeDataFlag2[VNodeDataFlag2.VIRTUAL_NODE = 2] = "VIRTUAL_NODE", VNodeDataFlag2[VNodeDataFlag2.REFERENCE = 4] = "REFERENCE", VNodeDataFlag2[VNodeDataFlag2.SERIALIZE = 8] = "SERIALIZE";
-}(VNodeDataFlag || (VNodeDataFlag = {}));
+let _context;
+const tryGetInvokeContext = () => {
+  if (!_context) {
+    const context = "undefined" != typeof document && document && document.__q_context__;
+    if (!context) {
+      return;
+    }
+    return isArray(context) ? document.__q_context__ = newInvokeContextFromTuple(context) : context;
+  }
+  return _context;
+};
+function invoke(context, fn, ...args) {
+  return invokeApply.call(this, context, fn, args);
+}
+function invokeApply(context, fn, args) {
+  const previousContext = _context;
+  let returnValue;
+  try {
+    _context = context, returnValue = fn.apply(this, args);
+  } finally {
+    _context = previousContext;
+  }
+  return returnValue;
+}
+const newInvokeContextFromTuple = ([element, event, url]) => {
+  const container = element.closest(QContainerSelector);
+  const locale = container?.getAttribute("q:locale") || void 0;
+  return newInvokeContext(locale, void 0, element, event, url);
+};
+const newInvokeContext = (locale, hostElement, element, event, url) => {
+  const ctx = {
+    $url$: url,
+    $i$: 0,
+    $hostElement$: hostElement,
+    $element$: element,
+    $event$: event,
+    $qrl$: void 0,
+    $effectSubscriber$: void 0,
+    $locale$: locale || ("object" == typeof event && event && "locale" in event ? event.locale : void 0),
+    $container$: void 0
+  };
+  return ctx;
+};
+const untrack = (fn) => invoke(void 0, fn);
+const trackInvocation = /* @__PURE__ */ newInvokeContext(void 0, void 0, void 0, "qRender");
+const trackSignal = (fn, subscriber, property, container, data) => {
+  const previousSubscriber = trackInvocation.$effectSubscriber$;
+  const previousContainer = trackInvocation.$container$;
+  try {
+    return trackInvocation.$effectSubscriber$ = [subscriber, property], data && trackInvocation.$effectSubscriber$.push(data), trackInvocation.$container$ = container, invoke(trackInvocation, fn);
+  } finally {
+    trackInvocation.$effectSubscriber$ = previousSubscriber, trackInvocation.$container$ = previousContainer;
+  }
+};
 var TypeIds;
 var Constants;
 !function(TypeIds2) {

package/dist/loader/package.json

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