@qwik.dev/core 2.0.0-beta.24 → 2.0.0-beta.25

package/dist/core.prod.mjs

@@ -1,6 +1,6 @@
 /**
  * @license
- * @qwik.dev/core 2.0.0-beta.24-dev+314726b
+ * @qwik.dev/core 2.0.0-beta.25-dev+2677279
  * 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
@@ -523,7 +523,7 @@ const isObjectEmpty = obj => {
     return !0;
 };
 
-const version = "2.0.0-beta.24-dev+314726b";
+const version = "2.0.0-beta.25-dev+2677279";
 
 const createPlatform = () => ({
     isServer,
@@ -1721,6 +1721,8 @@ const _jsxSplit = (type, varProps, constProps, children, flags, key, dev) => {
                     }
                     _hasOwnProperty$1.call(constProps, attr) && !processedKeys.has(attr) || (constProps[attr] = constProps[k]);
                     delete constProps[k];
+                } else {
+                    k === "bind:checked" ? bindCheckedSignal = constProps[k] : k === "bind:value" && (bindValueSignal = constProps[k]);
                 }
                 processedKeys.add(k);
             }
@@ -1744,46 +1746,65 @@ const _jsxSplit = (type, varProps, constProps, children, flags, key, dev) => {
                 }
                 processedKeys.add(k);
             }
-            if (bindCheckedSignal || bindValueSignal) {
-                if (!varPropsCopied) {
-                    varProps = {
-                        ...varProps
-                    };
-                    varPropsCopied = !0;
+        }
+        if (bindCheckedSignal || bindValueSignal) {
+            if (!varPropsCopied) {
+                varProps = {
+                    ...varProps
+                };
+                varPropsCopied = !0;
+            }
+            varProps ||= {};
+            if (bindCheckedSignal) {
+                varProps && _hasOwnProperty$1.call(varProps, "bind:checked") && delete varProps["bind:checked"];
+                if (constProps && _hasOwnProperty$1.call(constProps, "bind:checked")) {
+                    if (!constPropsCopied) {
+                        constProps = {
+                            ...constProps
+                        };
+                        constPropsCopied = !0;
+                    }
+                    delete constProps["bind:checked"];
                 }
-                if (bindCheckedSignal) {
-                    delete varProps["bind:checked"];
-                    varProps.checked = bindCheckedSignal;
-                    const handler = createQRL(null, "_chk", _chk, null, [ bindCheckedSignal ]);
-                    if (constProps && _hasOwnProperty$1.call(constProps, "q-e:input")) {
-                        if (!constPropsCopied) {
-                            constProps = {
-                                ...constProps
-                            };
-                            constPropsCopied = !0;
-                        }
-                        const existingHandler = constProps["q-e:input"];
-                        delete constProps["q-e:input"];
-                        toSort = mergeHandlers(varProps, "q-e:input", existingHandler) || toSort;
+                varProps.checked = bindCheckedSignal;
+                const handler = createQRL(null, "_chk", _chk, null, [ bindCheckedSignal ]);
+                if (constProps && _hasOwnProperty$1.call(constProps, "q-e:input")) {
+                    if (!constPropsCopied) {
+                        constProps = {
+                            ...constProps
+                        };
+                        constPropsCopied = !0;
                     }
-                    toSort = mergeHandlers(varProps, "q-e:input", handler) || toSort;
-                } else if (bindValueSignal) {
-                    delete varProps["bind:value"];
-                    varProps.value = bindValueSignal;
-                    const handler = createQRL(null, "_val", _val, null, [ bindValueSignal ]);
-                    if (constProps && _hasOwnProperty$1.call(constProps, "q-e:input")) {
-                        if (!constPropsCopied) {
-                            constProps = {
-                                ...constProps
-                            };
-                            constPropsCopied = !0;
-                        }
-                        const existingHandler = constProps["q-e:input"];
-                        delete constProps["q-e:input"];
-                        toSort = mergeHandlers(varProps, "q-e:input", existingHandler) || toSort;
+                    const existingHandler = constProps["q-e:input"];
+                    delete constProps["q-e:input"];
+                    toSort = mergeHandlers(varProps, "q-e:input", existingHandler) || toSort;
+                }
+                toSort = mergeHandlers(varProps, "q-e:input", handler) || toSort;
+            } else if (bindValueSignal) {
+                varProps && _hasOwnProperty$1.call(varProps, "bind:value") && delete varProps["bind:value"];
+                if (constProps && _hasOwnProperty$1.call(constProps, "bind:value")) {
+                    if (!constPropsCopied) {
+                        constProps = {
+                            ...constProps
+                        };
+                        constPropsCopied = !0;
                     }
-                    toSort = mergeHandlers(varProps, "q-e:input", handler) || toSort;
+                    delete constProps["bind:value"];
                 }
+                varProps.value = bindValueSignal;
+                const handler = createQRL(null, "_val", _val, null, [ bindValueSignal ]);
+                if (constProps && _hasOwnProperty$1.call(constProps, "q-e:input")) {
+                    if (!constPropsCopied) {
+                        constProps = {
+                            ...constProps
+                        };
+                        constPropsCopied = !0;
+                    }
+                    const existingHandler = constProps["q-e:input"];
+                    delete constProps["q-e:input"];
+                    toSort = mergeHandlers(varProps, "q-e:input", existingHandler) || toSort;
+                }
+                toSort = mergeHandlers(varProps, "q-e:input", handler) || toSort;
             }
         }
         if (varProps && _hasOwnProperty$1.call(varProps, "className")) {
@@ -2231,6 +2252,9 @@ function runEventHandlerQRL(handler, event, element, ctx = newInvokeContextFromD
 }
 
 function _run(event, element) {
+    if (!element.isConnected) {
+        return;
+    }
     const ctx = newInvokeContextFromDOM(event, element);
     typeof this === "string" && setCaptures(deserializeCaptures(ctx.$container$, this));
     const qrlToRun = _captures[0];
@@ -4617,6 +4641,12 @@ const ensureMaterialized = vnode => {
                                     vnode_ensureElementKeyInflated(elementVNode);
                                     addVNode(elementVNode);
                                     child = fastNextSibling(child);
+                                    for (;isElement(child) && shouldSkipElement(child); ) {
+                                        child = fastNextSibling(child);
+                                        if (!child && value > 0) {
+                                            throw qError(27, [ vData, peek(), nextToConsumeIdx ]);
+                                        }
+                                    }
                                 }
                             } else if (peek() === 59) {
                                 vnode_setProp(vParent, "q:sstyle", consumeValue());
@@ -5836,7 +5866,7 @@ class Serializer {
         } else if (value instanceof SubscriptionData) {
             this.output(31, [ value.data.$scopedStyleIdPrefix$, value.data.$isConst$ ]);
         } else if (value instanceof EffectSubscription) {
-            this.output(32, [ value.consumer, value.property, value.backRef, value.data ]);
+            this.output(32, [ value.consumer, value.property, value.data ]);
         } else if (isStore(value)) {
             const storeHandler = getStoreHandler(value);
             const storeTarget = getStoreTarget(value);
@@ -5900,12 +5930,12 @@ class Serializer {
                     const forwardRefId = this.resolvePromise(maybeValue, (resolved, resolvedValue) => new PromiseResult(26, resolved, resolvedValue, value.$effects$, value.$computeQrl$));
                     this.output(2, forwardRefId);
                 } else {
-                    this.output(26, [ value.$computeQrl$, filterEffectBackRefs(value[_EFFECT_BACK_REF]), value.$effects$, maybeValue ]);
+                    this.output(26, [ value.$computeQrl$, value.$effects$, maybeValue ]);
                 }
                 return;
             }
             if (value instanceof WrappedSignalImpl) {
-                this.output(23, [ ...serializeWrappingFn(this.$serializationContext$, value), filterEffectBackRefs(value[_EFFECT_BACK_REF]), value.$flags$, value.$hostElement$, ...value.$effects$ || [] ]);
+                this.output(23, [ ...serializeWrappingFn(this.$serializationContext$, value), value.$flags$, value.$hostElement$, ...value.$effects$ || [] ]);
             } else if (value instanceof ComputedSignalImpl) {
                 let v = value.$untrackedValue$;
                 const shouldAlwaysSerialize = value.$flags$ & 16;
@@ -5918,7 +5948,7 @@ class Serializer {
                 const timeout = isAsync && value.$timeoutMs$ !== 0 ? value.$timeoutMs$ : void 0;
                 const asyncFlags = isAsync && value.$flags$ & -25 || void 0;
                 isInvalid || isSkippable ? v = NEEDS_COMPUTATION : shouldAlwaysSerialize ? v = value.$untrackedValue$ : shouldNeverSerialize && (v = NEEDS_COMPUTATION);
-                const out = [ value.$computeQrl$, filterEffectBackRefs(value[_EFFECT_BACK_REF]), value.$effects$ ];
+                const out = [ value.$computeQrl$, value.$effects$ ];
                 if (isAsync) {
                     out.push(value.$loadingEffects$, value.$errorEffects$, value.$untrackedError$);
                     out.push(asyncFlags || void 0);
@@ -6001,7 +6031,7 @@ class Serializer {
             }
             this.output(29, out);
         } else if (value instanceof Task) {
-            const out = [ value.$qrl$, value.$flags$, value.$index$, value.$el$, value[_EFFECT_BACK_REF], value.$state$ ];
+            const out = [ value.$qrl$, value.$flags$, value.$index$, value.$el$, value.$state$ ];
             for (;out[out.length - 1] === void 0; ) {
                 out.pop();
             }
@@ -6138,19 +6168,6 @@ function serializeWrappingFn(serializationContext, value) {
     return [ syncFnId, value.$args$ ];
 }
 
-function filterEffectBackRefs(effectBackRef) {
-    let effectBackRefToSerialize;
-    if (effectBackRef) {
-        for (const [effectProp, effect] of effectBackRef) {
-            if (effect.backRef) {
-                effectBackRefToSerialize ||= new Map;
-                effectBackRefToSerialize.set(effectProp, effect);
-            }
-        }
-    }
-    return effectBackRefToSerialize;
-}
-
 function tryGetBackRefs(props) {
     return Object.prototype.hasOwnProperty.call(props, "q:brefs") ? props["q:brefs"] : void 0;
 }
@@ -6682,8 +6699,7 @@ const inflate = (container, target, typeId, data) => {
         task.$flags$ = v[1];
         task.$index$ = v[2];
         task.$el$ = v[3];
-        task[_EFFECT_BACK_REF] = v[4];
-        task.$state$ = v[5];
+        task.$state$ = v[4];
         break;
 
       case 21:
@@ -6702,6 +6718,7 @@ const inflate = (container, target, typeId, data) => {
             const storeHandler = getStoreHandler(target);
             storeHandler.$flags$ = flags;
             storeHandler.$effects$ = effects;
+            restoreEffectBackRefForEffectsMap(storeHandler.$effects$, store);
             break;
         }
 
@@ -6711,6 +6728,7 @@ const inflate = (container, target, typeId, data) => {
             const d = data;
             signal.$untrackedValue$ = d[0];
             signal.$effects$ = new Set(d.slice(1));
+            restoreEffectBackRefForEffects(signal.$effects$, signal);
             break;
         }
 
@@ -6720,12 +6738,11 @@ const inflate = (container, target, typeId, data) => {
             const d = data;
             signal.$func$ = container.getSyncFn(d[0]);
             signal.$args$ = d[1];
-            signal[_EFFECT_BACK_REF] = d[2];
             signal.$untrackedValue$ = NEEDS_COMPUTATION;
-            signal.$flags$ = d[3];
+            signal.$flags$ = d[2];
             signal.$flags$ |= 1;
-            signal.$hostElement$ = d[4];
-            signal.$effects$ = new Set(d.slice(5));
+            signal.$hostElement$ = d[3];
+            signal.$effects$ = new Set(d.slice(4));
             (function inflateWrappedSignalValue(signal) {
                 if (signal.$hostElement$ !== null && vnode_isVNode(signal.$hostElement$)) {
                     const hostVNode = signal.$hostElement$;
@@ -6750,6 +6767,7 @@ const inflate = (container, target, typeId, data) => {
                     }
                 }
             })(signal);
+            restoreEffectBackRefForEffects(signal.$effects$, signal);
             break;
         }
 
@@ -6758,19 +6776,21 @@ const inflate = (container, target, typeId, data) => {
             const asyncSignal = target;
             const d = data;
             asyncSignal.$computeQrl$ = d[0];
-            asyncSignal[_EFFECT_BACK_REF] = d[1];
-            asyncSignal.$effects$ = new Set(d[2]);
-            asyncSignal.$loadingEffects$ = new Set(d[3]);
-            asyncSignal.$errorEffects$ = new Set(d[4]);
-            asyncSignal.$untrackedError$ = d[5];
-            asyncSignal.$flags$ = d[6] ?? 0;
+            asyncSignal.$effects$ = new Set(d[1]);
+            asyncSignal.$loadingEffects$ = new Set(d[2]);
+            asyncSignal.$errorEffects$ = new Set(d[3]);
+            asyncSignal.$untrackedError$ = d[4];
+            asyncSignal.$flags$ = d[5] ?? 0;
             asyncSignal.$flags$ & 64 && (asyncSignal.$untrackedLoading$ = !0);
-            const hasValue = d.length > 7;
-            hasValue && (asyncSignal.$untrackedValue$ = d[7]);
+            const hasValue = d.length > 6;
+            hasValue && (asyncSignal.$untrackedValue$ = d[6]);
             asyncSignal.$untrackedValue$ === NEEDS_COMPUTATION && (asyncSignal.$flags$ |= 1);
-            asyncSignal.interval = d[8] ?? 0;
-            asyncSignal.$concurrency$ = d[9] ?? 1;
-            asyncSignal.$timeoutMs$ = d[10] ?? 0;
+            asyncSignal.interval = d[7] ?? 0;
+            asyncSignal.$concurrency$ = d[8] ?? 1;
+            asyncSignal.$timeoutMs$ = d[9] ?? 0;
+            restoreEffectBackRefForEffects(asyncSignal.$effects$, asyncSignal);
+            restoreEffectBackRefForEffects(asyncSignal.$loadingEffects$, asyncSignal);
+            restoreEffectBackRefForEffects(asyncSignal.$errorEffects$, asyncSignal);
             break;
         }
 
@@ -6782,11 +6802,11 @@ const inflate = (container, target, typeId, data) => {
             computed.$computeQrl$ = d[0];
             const p = computed.$computeQrl$.resolve(container).catch(() => {});
             loading = loading.finally(() => p);
-            computed[_EFFECT_BACK_REF] = d[1];
-            d[2] && (computed.$effects$ = new Set(d[2]));
-            const hasValue = d.length > 3;
-            hasValue && (computed.$untrackedValue$ = d[3]);
+            d[1] && (computed.$effects$ = new Set(d[1]));
+            const hasValue = d.length > 2;
+            hasValue && (computed.$untrackedValue$ = d[2]);
             typeId !== 26 && computed.$untrackedValue$ !== NEEDS_COMPUTATION && (computed.$flags$ &= -2);
+            restoreEffectBackRefForEffects(computed.$effects$, computed);
             break;
         }
 
@@ -6870,7 +6890,9 @@ const inflate = (container, target, typeId, data) => {
             owner._proxy = propsProxy;
         }
         propsProxy[_OWNER] = owner;
-        propsProxy[_PROPS_HANDLER].$effects$ = d[3];
+        const propsHandler = propsProxy[_PROPS_HANDLER];
+        propsHandler.$effects$ = d[3];
+        restoreEffectBackRefForEffectsMap(propsHandler.$effects$, propsProxy);
         break;
 
       case 31:
@@ -6887,8 +6909,16 @@ const inflate = (container, target, typeId, data) => {
             const d = data;
             effectSub.consumer = d[0];
             effectSub.property = d[1];
-            effectSub.backRef = d[2];
-            effectSub.data = d[3];
+            effectSub.data = d[2];
+            (function restoreEffectBackRefForConsumer(effect) {
+                const isServerSide = import.meta.env.TEST ? isServerPlatform() : isServer;
+                const consumerBackRef = effect.consumer;
+                if (isServerSide && !consumerBackRef) {
+                    return;
+                }
+                consumerBackRef[_EFFECT_BACK_REF] ||= new Map;
+                consumerBackRef[_EFFECT_BACK_REF].set(effect.property, effect);
+            })(effectSub);
             break;
         }
 
@@ -6913,6 +6943,23 @@ function deserializeData(container, typeId, value) {
     return propValue;
 }
 
+function restoreEffectBackRefForEffects(effects, consumer) {
+    if (effects) {
+        for (const effect of effects) {
+            effect.backRef ||= new Set;
+            effect.backRef.add(consumer);
+        }
+    }
+}
+
+function restoreEffectBackRefForEffectsMap(effectsMap, consumer) {
+    if (effectsMap) {
+        for (const [, effects] of effectsMap) {
+            restoreEffectBackRefForEffects(effects, consumer);
+        }
+    }
+}
+
 const needsInflation = typeId => typeId >= 15 || typeId === 4 || typeId === 5;
 
 const deserializedProxyMap = new WeakMap;

package/dist/loader/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qwik.dev/core/loader",
-  "version": "2.0.0-beta.24-dev+314726b",
+  "version": "2.0.0-beta.25-dev+2677279",
   "main": "index.mjs",
   "types": "index.d.ts",
   "private": true,

package/dist/optimizer.mjs

@@ -344,7 +344,7 @@ const Et = () => typeof Deno < "u" ? "deno" : typeof Bun < "u" ? "bun" : typeof
     r != null && (t[i] = r);
   }), t.entryStrategy = e.entryStrategy?.type ?? "smart", t.manualChunks = e.entryStrategy?.manual ?? void 0, t;
 }, Rr = {
-  qwik: "2.0.0-beta.24-dev+314726b"
+  qwik: "2.0.0-beta.25-dev+2677279"
 }, $t = (e, t = 0) => {
   for (let i = 0; i < e.length; i++) {
     const r = e.charCodeAt(i);

package/dist/server.mjs

@@ -1,6 +1,6 @@
 /**
  * @license
- * @qwik.dev/core/server 2.0.0-beta.24-dev+314726b
+ * @qwik.dev/core/server 2.0.0-beta.25-dev+2677279
  * 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
@@ -1232,7 +1232,7 @@ function getBuildBase(opts) {
   return `${import.meta.env.BASE_URL || "/"}build/`;
 }
 var versions = {
-  qwik: "2.0.0-beta.24-dev+314726b",
+  qwik: "2.0.0-beta.25-dev+2677279",
   qwikDom: "2.1.19"
 };
 

package/dist/testing/index.d.ts

@@ -50,6 +50,9 @@ declare const enum ChoreBits {
     DIRTY_MASK = 127
 }
 
+/** @internal */
+declare const _CONST_PROPS: unique symbol;
+
 /**
  * Effect is something which needs to happen (side-effect) due to signal value change.
  *
@@ -187,6 +190,14 @@ declare interface DescriptorBase<T = unknown, B = unknown> extends BackRef {
     $destroy$: (() => void) | null;
 }
 
+/** @public */
+declare interface DevJSX {
+    fileName: string;
+    lineNumber: number;
+    columnNumber: number;
+    stack?: string;
+}
+
 declare type DomRef = {
     $ssrNode$: SsrNode;
 };
@@ -204,6 +215,8 @@ export declare function domRender(jsx: JSXOutput, opts?: {
 /** @internal */
 declare const _EFFECT_BACK_REF: unique symbol;
 
+declare type EffectBackRef = SignalImpl | StoreTarget | PropsProxy;
+
 declare const enum EffectProperty {
     COMPONENT = ":",
     VNODE = "."
@@ -248,9 +261,9 @@ declare const enum EffectProperty {
 declare class EffectSubscription {
     consumer: Consumer;
     property: EffectProperty | string;
-    backRef: Set<SignalImpl | StoreTarget> | null;
+    backRef: Set<EffectBackRef> | null;
     data: SubscriptionData | null;
-    constructor(consumer: Consumer, property: EffectProperty | string, backRef?: Set<SignalImpl | StoreTarget> | null, data?: SubscriptionData | null);
+    constructor(consumer: Consumer, property: EffectProperty | string, backRef?: Set<EffectBackRef> | null, data?: SubscriptionData | null);
 }
 
 /**
@@ -288,6 +301,17 @@ export declare function emulateExecutionOfQwikFuncs(document: Document): void;
 /** @public */
 export declare function expectDOM(actual: Element, expected: string): Promise<void>;
 
+/**
+ * Any function taking a props object that returns JSXOutput.
+ *
+ * The `key`, `flags` and `dev` parameters are for internal use.
+ *
+ * @public
+ */
+declare type FunctionComponent<P = unknown> = {
+    renderFn(props: P, key: string | null, flags: number, dev?: DevJSX): JSXOutput_2;
+}['renderFn'];
+
 /** @public */
 export declare function getTestPlatform(): TestPlatform;
 
@@ -318,6 +342,84 @@ declare interface ISsrNode {
     setTreeNonUpdatable(): void;
 }
 
+/** @public */
+declare type JSXChildren = string | number | boolean | null | undefined | Function | RegExp | JSXChildren[] | Promise<JSXChildren> | Signal<JSXChildren> | JSXNode;
+
+/**
+ * A JSX Node, an internal structure. You probably want to use `JSXOutput` instead.
+ *
+ * @public
+ */
+declare interface JSXNode<T extends string | FunctionComponent | unknown = unknown> {
+    type: T;
+    props: T extends FunctionComponent<infer P> ? P : Record<any, unknown>;
+    children: JSXChildren | null;
+    key: string | null;
+    dev?: DevJSX;
+}
+
+declare class JSXNodeImpl<T = unknown> implements JSXNodeInternal_2<T> {
+    type: T;
+    children: JSXChildren;
+    toSort: boolean;
+    key: string | null;
+    varProps: Props;
+    constProps: Props | null;
+    dev?: DevJSX & {
+        stack: string | undefined;
+    };
+    _proxy: Props | null;
+    constructor(type: T, varProps: Props | null, constProps: Props | null, children: JSXChildren, key: string | number | null | undefined, toSort?: boolean, dev?: DevJSX);
+    get props(): T extends FunctionComponent<infer PROPS> ? PROPS : Props;
+}
+
+/**
+ * The internal representation of a JSX Node.
+ *
+ * @internal
+ */
+declare interface JSXNodeInternal_2<T extends string | FunctionComponent | unknown = unknown> extends JSXNode<T> {
+    /** The type of node */
+    type: T;
+    /** Do the varProps need sorting */
+    toSort: boolean;
+    /** The key property */
+    key: string | null;
+    /**
+     * Props that are not guaranteed shallow equal across runs.
+     *
+     * Any prop that is in `constProps` takes precedence over `varProps`.
+     *
+     * Does not contain `children` or `key`.
+     *
+     * `onEvent$` props are normalized to the html `q-x:event` version
+     */
+    varProps: Props;
+    /**
+     * Props that will be shallow equal across runs. Does not contain any props that are in varProps.
+     *
+     * Any prop that is in `constProps` takes precedence over `varProps`.
+     *
+     * Does not contain `children` or `key`.
+     *
+     * `onEvent$` props are normalized to the html `q-x:event` version
+     */
+    constProps: Props | null;
+    /** The children of the node */
+    children: JSXChildren;
+    /** Filename etc for debugging */
+    dev?: DevJSX & {
+        stack: string | undefined;
+    };
+}
+
+/**
+ * Any valid output for a component
+ *
+ * @public
+ */
+declare type JSXOutput_2 = JSXNode | string | number | boolean | null | undefined | JSXOutput_2[];
+
 /** @public */
 declare interface MockDocument extends Document {
 }
@@ -344,10 +446,36 @@ declare interface NodePropData {
 
 declare type ObjToProxyMap = WeakMap<any, any>;
 
+/** @internal */
+declare const _OWNER: unique symbol;
+
 declare type PossibleEvents = Event | SimplifiedServerRequestEvent | typeof TaskEvent | typeof RenderEvent;
 
 declare type Props = Record<string, unknown>;
 
+/** @internal */
+declare const _PROPS_HANDLER: unique symbol;
+
+declare type PropsProxy = {
+    [_VAR_PROPS]: Props;
+    [_CONST_PROPS]: Props | null;
+    [_OWNER]: JSXNodeInternal_2;
+    [_PROPS_HANDLER]: PropsProxyHandler;
+} & Record<string | symbol, unknown>;
+
+declare class PropsProxyHandler implements ProxyHandler<any> {
+    owner: JSXNodeImpl;
+    $effects$: undefined | Map<string | symbol, Set<EffectSubscription>>;
+    $container$: Container | null;
+    constructor(owner: JSXNodeImpl);
+    get(_: any, prop: string | symbol): any;
+    set(_: any, prop: string | symbol, value: any): boolean;
+    deleteProperty(_: any, prop: string | symbol): boolean;
+    has(_: any, prop: string | symbol): boolean;
+    getOwnPropertyDescriptor(_: any, p: string | symbol): PropertyDescriptor | undefined;
+    ownKeys(): string[];
+}
+
 /**
  * The `QRL` type represents a lazy-loadable AND serializable resource.
  *
@@ -736,6 +864,9 @@ export declare function trigger(root: Element, queryOrElement: string | Element
  */
 declare type ValueOrPromise<T> = T | Promise<T>;
 
+/** @internal */
+declare const _VAR_PROPS: unique symbol;
+
 /** @internal */
 declare abstract class VNode implements BackRef {
     flags: VNodeFlags;