@qwik.dev/core 2.0.0-beta.10 → 2.0.0-beta.11

package/dist/testing/index.d.ts

@@ -1,4 +1,5 @@
-import { ClientContainer } from '../internal';
+import { ClientContainer } from '..';
+import type { ClientContainer as ClientContainer_2 } from '../internal';
 import type { CorePlatform } from '..';
 import type { _DomContainer } from '../internal';
 import type { _ElementVNode } from '../internal';
@@ -6,7 +7,6 @@ import type { JSXNodeInternal } from '../internal';
 import { JSXOutput } from '..';
 import type { _QDocument } from '../internal';
 import { RenderResult } from '..';
-import type { StreamWriter as StreamWriter_2 } from '..';
 import type { _Stringifiable } from '../internal';
 import type { _VirtualVNode } from '../internal';
 import type { _VNode } from '../internal';
@@ -51,6 +51,11 @@ declare interface Chore<T extends ChoreType = ChoreType> {
     $returnValue$: ValueOrPromise<ChoreReturnValue<T>>;
 }
 
+declare class ChoreArray extends Array<Chore> {
+    add(value: Chore): number;
+    delete(value: Chore): number;
+}
+
 declare type ChoreReturnValue<T extends ChoreType = ChoreType> = T extends ChoreType.RECOMPUTE_AND_SCHEDULE_EFFECTS | ChoreType.WAIT_FOR_QUEUE | ChoreType.NODE_PROP ? void : T extends ChoreType.NODE_DIFF | ChoreType.COMPONENT ? JSXOutput_2 : unknown;
 
 declare enum ChoreState {
@@ -207,10 +212,10 @@ export declare const createDOM: ({ html }?: {
     userEvent: (queryOrElement: string | Element | keyof HTMLElementTagNameMap | null, eventNameCamel: string | keyof WindowEventMap, eventPayload?: any) => Promise<void>;
 }>;
 
-declare const createScheduler: (container: Container, journalFlush: () => void, choreQueue?: Chore[], blockedChores?: Set<Chore>, runningChores?: Set<Chore>) => {
+declare const createScheduler: (container: Container, journalFlush: () => void, choreQueue: ChoreArray, blockedChores: Set<Chore>, runningChores: Set<Chore>) => {
     (type: ChoreType.QRL_RESOLVE, ignore: null, target: ComputeQRL<any> | AsyncComputeQRL<any>): Chore<ChoreType.QRL_RESOLVE>;
     (type: ChoreType.WAIT_FOR_QUEUE): Chore<ChoreType.WAIT_FOR_QUEUE>;
-    (type: ChoreType.RECOMPUTE_AND_SCHEDULE_EFFECTS, host: HostElement | null, target: Signal | StoreHandler, effects: Set<EffectSubscription> | null): Chore<ChoreType.RECOMPUTE_AND_SCHEDULE_EFFECTS>;
+    (type: ChoreType.RECOMPUTE_AND_SCHEDULE_EFFECTS, host: HostElement | null, target: Signal<unknown> | StoreTarget, effects: Set<EffectSubscription> | null): Chore<ChoreType.RECOMPUTE_AND_SCHEDULE_EFFECTS>;
     (type: ChoreType.TASK | ChoreType.VISIBLE, task: Task): Chore<ChoreType.TASK | ChoreType.VISIBLE>;
     (type: ChoreType.RUN_QRL, host: HostElement, target: QRLInternal<(...args: unknown[]) => unknown>, args: unknown[]): Chore<ChoreType.RUN_QRL>;
     (type: ChoreType.COMPONENT, host: HostElement, qrl: QRLInternal<OnRenderFn<unknown>>, props: Props | null): Chore<ChoreType.COMPONENT>;
@@ -335,25 +340,13 @@ declare interface ElementFixtureOptions {
 }
 
 /** @internal */
-declare type ElementVNode = [
-VNodeFlags.Element,
-////////////// 0 - Flags
-VNode | null,
-/////////////// 1 - Parent
-VNode | null,
-/////////////// 2 - Previous sibling
-VNode | null,
-/////////////// 3 - Next sibling
-VNode | null | undefined,
-/// 4 - First child - undefined if children need to be materialize
-VNode | null | undefined,
-Element,
-//////////////////// 6 - Element
-string | undefined,
-(string | null)[]
-] & {
-    __brand__: 'ElementVNode';
-};
+declare class ElementVNode extends VNode {
+    firstChild: VNode | null | undefined;
+    lastChild: VNode | null | undefined;
+    element: Element;
+    elementName: string | undefined;
+    constructor(flags: VNodeFlags, parent: ElementVNode | VirtualVNode | null, previousSibling: VNode | null | undefined, nextSibling: VNode | null | undefined, firstChild: VNode | null | undefined, lastChild: VNode | null | undefined, element: Element, elementName: string | undefined);
+}
 
 /** @public */
 export declare function emulateExecutionOfQwikFuncs(document: Document): void;
@@ -706,7 +699,7 @@ declare interface SerializationContext {
     $addSyncFn$($funcStr$: string | null, argsCount: number, fn: Function): number;
     $isSsrNode$: (obj: unknown) => obj is SsrNode;
     $isDomRef$: (obj: unknown) => obj is DomRef;
-    $writer$: StreamWriter_2;
+    $writer$: StreamWriter;
     $syncFns$: string[];
     $eventQrls$: Set<QRL>;
     $eventNames$: Set<string>;
@@ -786,32 +779,10 @@ export declare function ssrRenderToDom(jsx: JSXOutput, opts?: {
 }): Promise<{
     container: _DomContainer;
     document: Document;
-    vNode: _VirtualVNode | null;
+    vNode: _VNode | null;
     getStyles: () => Record<string, string | string[]>;
 }>;
 
-declare const enum StoreFlags {
-    NONE = 0,
-    RECURSIVE = 1,
-    IMMUTABLE = 2
-}
-
-declare class StoreHandler implements ProxyHandler<StoreTarget> {
-    $flags$: StoreFlags;
-    $container$: Container | null;
-    $effects$: null | Map<string | symbol, Set<EffectSubscription>>;
-    constructor($flags$: StoreFlags, $container$: Container | null);
-    toString(): string;
-    force(prop: keyof StoreTarget): void;
-    get(target: StoreTarget, prop: string | symbol): any;
-    /** In the case of oldValue and value are the same, the effects are not triggered. */
-    set(target: StoreTarget, prop: string | symbol, value: any): boolean;
-    deleteProperty(target: StoreTarget, prop: string | symbol): boolean;
-    has(target: StoreTarget, prop: string | symbol): boolean;
-    ownKeys(target: StoreTarget): ArrayLike<string | symbol>;
-    getOwnPropertyDescriptor(target: StoreTarget, prop: string | symbol): PropertyDescriptor | undefined;
-}
-
 declare type StoreTarget = Record<string | symbol, any>;
 
 /** @internal */
@@ -864,22 +835,6 @@ declare interface TestPlatform extends CorePlatform {
     flush: () => Promise<void>;
 }
 
-/** @internal */
-declare type TextVNode = [
-VNodeFlags.Text | VNodeFlags.Inflated,
-// 0 - Flags
-VNode | null,
-///////////////// 1 - Parent
-VNode | null,
-///////////////// 2 - Previous sibling
-VNode | null,
-///////////////// 3 - Next sibling
-Text | null | undefined,
-string
-] & {
-    __brand__: 'TextVNode';
-};
-
 /**
  * Used to signal to Qwik which state should be watched for changes.
  *
@@ -984,32 +939,36 @@ export declare function trigger(root: Element, queryOrElement: string | Element
 declare type ValueOrPromise<T> = T | Promise<T>;
 
 /** @internal */
-declare type VirtualVNode = [
-VNodeFlags.Virtual,
-///////////// 0 - Flags
-VNode | null,
-/////////////// 1 - Parent
-VNode | null,
-/////////////// 2 - Previous sibling
-VNode | null,
-/////////////// 3 - Next sibling
-VNode | null,
-/////////////// 4 - First child
-VNode | null,
-(string | null | boolean)[]
-] & {
-    __brand__: 'FragmentNode' & 'HostElement';
-};
+declare class VirtualVNode extends VNode {
+    firstChild: VNode | null | undefined;
+    lastChild: VNode | null | undefined;
+    constructor(flags: VNodeFlags, parent: ElementVNode | VirtualVNode | null, previousSibling: VNode | null | undefined, nextSibling: VNode | null | undefined, firstChild: VNode | null | undefined, lastChild: VNode | null | undefined);
+}
 
 /** @internal */
-declare type VNode = ElementVNode | TextVNode | VirtualVNode;
+declare abstract class VNode extends BackRef {
+    flags: VNodeFlags;
+    parent: ElementVNode | VirtualVNode | null;
+    previousSibling: VNode | null | undefined;
+    nextSibling: VNode | null | undefined;
+    props: unknown[] | null;
+    slotParent: VNode | null;
+    chores: ChoreArray | null;
+    blockedChores: ChoreArray | null;
+    constructor(flags: VNodeFlags, parent: ElementVNode | VirtualVNode | null, previousSibling: VNode | null | undefined, nextSibling: VNode | null | undefined);
+    getProp<T>(key: string, getObject: ((id: string) => any) | null): T | null;
+    setProp(key: string, value: any): void;
+    getAttr(key: string): string | null;
+    setAttr(key: string, value: string | null | boolean, journal: VNodeJournal | null): void;
+    toString(): string;
+}
 
 /** @public */
 export declare function vnode_fromJSX(jsx: JSXOutput): {
-    vParent: _ElementVNode;
+    vParent: _ElementVNode | _VirtualVNode;
     vNode: _VNode | null;
     document: _QDocument;
-    container: ClientContainer;
+    container: ClientContainer_2;
 };
 
 /**
@@ -1092,6 +1051,24 @@ declare const enum VNodeFlags {
     NS_math = 128
 }
 
+declare type VNodeJournal = Array<VNodeJournalOpCode | Document | Element | Text | string | boolean | null>;
+
+/**
+ * Fundamental DOM operations are:
+ *
+ * - Insert new DOM element/text
+ * - Remove DOM element/text
+ * - Set DOM element attributes
+ * - Set text node value
+ */
+declare const enum VNodeJournalOpCode {
+    SetText = 1,// ------ [SetAttribute, target, text]
+    SetAttribute = 2,// - [SetAttribute, target, ...(key, values)]]
+    HoistStyles = 3,// -- [HoistStyles, document]
+    Remove = 4,// ------- [Insert, target(parent), ...nodes]
+    Insert = 5
+}
+
 /**
  * Wait for the scheduler to drain.
  *