@qwik.dev/core 2.0.0-beta.16 → 2.0.0-beta.17

package/dist/backpatch/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qwik.dev/core/backpatch",
-  "version": "2.0.0-beta.16-dev+a83ccf3",
+  "version": "2.0.0-beta.17-dev+c34c237",
   "main": "index.mjs",
   "types": "index.d.ts",
   "private": true,

package/dist/build/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qwik.dev/core/build",
-  "version": "2.0.0-beta.16-dev+a83ccf3",
+  "version": "2.0.0-beta.17-dev+c34c237",
   "main": "index.mjs",
   "types": "index.d.ts",
   "private": true,

package/dist/cli.mjs

@@ -1,6 +1,6 @@
 /**
  * @license
- * @qwik.dev/core/cli 2.0.0-beta.16-dev+a83ccf3
+ * @qwik.dev/core/cli 2.0.0-beta.17-dev+c34c237
  * 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
@@ -5625,7 +5625,7 @@ async function printHelp(app) {
   await runCommand2(Object.assign(app, { task: args[0], args }));
 }
 function printVersion() {
-  console.log("2.0.0-beta.16-dev+a83ccf3");
+  console.log("2.0.0-beta.17-dev+c34c237");
 }
 export {
   runCli,

package/dist/core-internal.d.ts

@@ -421,7 +421,7 @@ declare type Augmented<E, A = {}> = Prettify<Filtered<E, A> & A>;
 
 /** Class for back reference to the EffectSubscription */
 declare abstract class BackRef {
-    [_EFFECT_BACK_REF]: Map<EffectProperty | string, EffectSubscription> | undefined;
+    [_EFFECT_BACK_REF]: Map<any, any> | undefined;
 }
 
 declare type BivariantQrlFn<ARGS extends any[], RETURN> = {
@@ -444,51 +444,16 @@ declare type Booleanish = boolean | `${boolean}`;
  */
 export declare const _chk: (_: any, element: HTMLInputElement) => void;
 
-declare interface Chore<T extends ChoreType = ChoreType> {
-    $type$: T;
-    $idx$: number | string;
-    $host$: HostElement;
-    $target$: ChoreTarget | null;
-    $payload$: unknown;
-    $state$: ChoreState;
-    $blockedChores$: ChoreArray | null;
-    $startTime$: number | undefined;
-    $endTime$: number | undefined;
-    $resolve$: ((value: any) => void) | undefined;
-    $reject$: ((reason?: any) => void) | undefined;
-    $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 : unknown;
-
-declare enum ChoreState {
+declare const enum ChoreBits {
     NONE = 0,
-    RUNNING = 1,
-    FAILED = 2,
-    DONE = 3
-}
-
-declare type ChoreTarget = HostElement | _QRLInternal<(...args: unknown[]) => unknown> | Signal | StoreTarget;
-
-declare const enum ChoreType {
-    MACRO = 240,
-    MICRO = 15,
-    /** Ensure that the QRL promise is resolved before processing next chores in the queue */
-    QRL_RESOLVE = 1,
-    RUN_QRL = 2,
-    TASK = 3,
-    NODE_DIFF = 4,
-    NODE_PROP = 5,
-    COMPONENT = 6,
-    RECOMPUTE_AND_SCHEDULE_EFFECTS = 7,
-    VISIBLE = 16,
-    CLEANUP_VISIBLE = 32,
-    WAIT_FOR_QUEUE = 255
+    TASKS = 1,
+    NODE_DIFF = 2,
+    COMPONENT = 4,
+    NODE_PROPS = 8,
+    COMPUTE = 16,
+    CHILDREN = 32,
+    CLEANUP = 64,
+    DIRTY_MASK = 127
 }
 
 /**
@@ -511,9 +476,7 @@ export declare interface ClientContainer extends Container {
     $locale$: string;
     qManifestHash: string;
     rootVNode: _ElementVNode;
-    $journal$: VNodeJournal;
     $forwardRefs$: Array<number> | null;
-    $flushEpoch$: number;
     parseQRL<T = unknown>(qrl: string): QRL<T>;
     $setRawState$(id: number, vParent: _ElementVNode | _VirtualVNode): void;
 }
@@ -683,17 +646,19 @@ export declare const _CONST_PROPS: unique symbol;
  * - `VNode` and `ISsrNode`: Either a component or `<Signal>`
  * - `Signal2`: A derived signal which contains a computation function.
  */
-declare type Consumer = Task | _VNode | ISsrNode | SignalImpl;
+declare type Consumer = Task | _VNode | SignalImpl | ISsrNode;
 
 declare interface Container {
     readonly $version$: string;
-    readonly $scheduler$: Scheduler;
     readonly $storeProxyMap$: ObjToProxyMap;
     readonly $locale$: string;
     readonly $getObjectById$: (id: number | string) => any;
     readonly $serverData$: Record<string, any>;
     $currentUniqueId$: number;
     $buildBase$: string | null;
+    $renderPromise$: Promise<void> | null;
+    $resolveRenderPromise$: (() => void) | null;
+    $cursorCount$: number;
     handleError(err: any, $host$: HostElement | null): void;
     getParentHost(host: HostElement): HostElement | null;
     setContext<T>(host: HostElement, context: ContextId<T>, value: T): void;
@@ -950,18 +915,6 @@ export declare const createComputedQrl: <T>(qrl: QRL<() => T>, options?: Compute
  */
 export declare const createContextId: <STATE = unknown>(name: string) => ContextId<STATE>;
 
-declare const createScheduler: (container: Container, journalFlush: () => void, choreQueue: ChoreArray, blockedChores: ChoreArray, 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 | undefined, target: Signal<unknown> | StoreTarget, effects: Set<EffectSubscription> | undefined): 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>;
-    (type: ChoreType.NODE_DIFF, host: HostElement, target: HostElement, value: JSXOutput | Signal): Chore<ChoreType.NODE_DIFF>;
-    (type: ChoreType.NODE_PROP, host: HostElement, prop: string, value: any): Chore<ChoreType.NODE_PROP>;
-    (type: ChoreType.CLEANUP_VISIBLE, task: Task): Chore<ChoreType.CLEANUP_VISIBLE>;
-};
-
 /**
  * Create a signal that holds a custom serializable value. See {@link useSerializer$} for more
  * details.
@@ -1025,7 +978,6 @@ declare interface DeserializeContainer {
     $state$?: unknown[];
     $storeProxyMap$: ObjToProxyMap;
     $forwardRefs$: Array<number> | null;
-    readonly $scheduler$: Scheduler | null;
 }
 
 /** @public */
@@ -1052,7 +1004,6 @@ declare class DomContainer extends _SharedContainer implements ClientContainer {
     qManifestHash: string;
     rootVNode: _ElementVNode;
     document: _QDocument;
-    $journal$: VNodeJournal;
     $rawStateData$: unknown[];
     $storeProxyMap$: ObjToProxyMap;
     $qFuncs$: Array<(...args: unknown[]) => unknown>;
@@ -1062,7 +1013,16 @@ declare class DomContainer extends _SharedContainer implements ClientContainer {
     private $stateData$;
     private $styleIds$;
     constructor(element: _ContainerElement);
-    $setRawState$(id: number, vParent: _ElementVNode | _VirtualVNode): void;
+    /**
+     * The first time we render we need to hoist the styles. (Meaning we need to move all styles from
+     * component inline to <head>)
+     *
+     * We bulk move all of the styles, because the expensive part is for the browser to recompute the
+     * styles, (not the actual DOM manipulation.) By moving all of them at once we can minimize the
+     * reflow.
+     */
+    $hoistStyles$(): void;
+    $setRawState$(id: number, vParent: _VNode): void;
     parseQRL<T = unknown>(qrl: string): QRL<T>;
     handleError(err: any, host: _VNode | null): void;
     setContext<T>(host: _VNode, context: ContextId<T>, value: T): void;
@@ -1143,11 +1103,12 @@ _SubscriptionData | null
 
 /** @internal */
 export declare class _ElementVNode extends _VNode {
+    key: string | null;
     firstChild: _VNode | null | undefined;
     lastChild: _VNode | null | undefined;
-    element: QElement;
+    node: 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: QElement, elementName: string | undefined);
+    constructor(key: string | null, flags: _VNodeFlags, parent: _VNode | null, previousSibling: _VNode | null | undefined, nextSibling: _VNode | null | undefined, props: Props | null, firstChild: _VNode | null | undefined, lastChild: _VNode | null | undefined, node: Element, elementName: string | undefined);
 }
 
 /** @internal */
@@ -1188,6 +1149,9 @@ declare type EventQRL<T extends string = AllEventKeys> = QRL<EventHandler<EventF
 /** @internal */
 export declare const eventQrl: <T>(qrl: QRL<T>) => QRL<T>;
 
+/** @internal */
+export declare function _executeSsrChores(container: SSRContainer, ssrNode: ISsrNode): ValueOrPromise<void>;
+
 declare type FilterBase<T> = {
     [K in keyof T as K extends string ? K extends Uppercase<K> ? never : any extends T[K] ? never : false extends IsAcceptableDOMValue<T[K]> ? never : IsReadOnlyKey<T, K> extends true ? never : K extends UnwantedKeys ? never : K : never]?: T[K];
 };
@@ -1237,7 +1201,7 @@ export declare const _getContextElement: () => unknown;
 export declare const _getContextEvent: () => unknown;
 
 /** @public */
-declare function getDomContainer(element: Element | _VNode): ClientContainer;
+declare function getDomContainer(element: Element): ClientContainer;
 export { getDomContainer as _getDomContainer }
 export { getDomContainer }
 
@@ -1266,7 +1230,7 @@ export declare function getLocale(defaultLocale?: string): string;
 export declare const getPlatform: () => CorePlatform;
 
 /** @internal */
-export declare function _getQContainerElement(element: Element | _VNode): Element | null;
+export declare function _getQContainerElement(element: Element): Element | null;
 
 /** Used by the optimizer for spread props operations @internal */
 export declare const _getVarProps: (props: PropsProxy | Record<string, unknown> | null | undefined) => Props | null;
@@ -1465,8 +1429,6 @@ declare interface InvokeContext {
     $url$: URL | undefined;
     /** The Virtual parent component for the current component code */
     $hostElement$: HostElement | undefined;
-    /** The current DOM element */
-    $element$: Element | undefined;
     /** The event we're currently handling */
     $event$: PossibleEvents | undefined;
     /** The QRL function we're currently executing */
@@ -1516,6 +1478,7 @@ export declare interface ISsrComponentFrame {
 declare interface ISsrNode {
     id: string;
     flags: SsrNodeFlags;
+    dirty: ChoreBits;
     parentComponent: ISsrNode | null;
     vnodeData: VNodeData;
     currentFile: string | null;
@@ -1548,7 +1511,11 @@ export declare const _isTask: (value: any) => value is Task;
  */
 export declare const jsx: <T extends string | FunctionComponent<any>>(type: T, props: T extends FunctionComponent<infer PROPS> ? PROPS : Props, key?: string | number | null, _isStatic?: boolean, dev?: JsxDevOpts) => JSXNode<T>;
 
-/** @internal */
+/**
+ * @deprecated
+ * @internal
+ * No longer used since v2
+ */
 export declare const _jsxBranch: <T>(input?: T) => T | undefined;
 
 /** @internal @deprecated v1 compat */
@@ -2062,11 +2029,6 @@ export declare interface _QDocument extends Document {
     qVNodeData: WeakMap<Element, string>;
 }
 
-declare interface QElement extends Element {
-    qDispatchEvent?: (event: Event, scope: QwikLoaderEventScope) => ValueOrPromise<unknown>;
-    vNode?: _VNode;
-}
-
 /**
  * The `QRL` type represents a lazy-loadable AND serializable resource.
  *
@@ -2432,8 +2394,6 @@ declare type QwikKnownEventsPlain<EL> = {
     [K in keyof QwikJSXEvents]?: QRLEventHandlerMulti<QwikJSXEvents[K], EL> | EventHandler<QwikJSXEvents[K], EL>;
 };
 
-declare type QwikLoaderEventScope = '-document' | '-window' | '';
-
 /**
  * The metadata of the build. One of its uses is storing where QRL symbols are located.
  *
@@ -2769,6 +2729,7 @@ declare interface ResourceReturnInternal<T> {
     _error: Error | undefined;
     _cache: number;
     _timeout: number;
+    _generation: number;
     value: Promise<T>;
     loading: boolean;
 }
@@ -2783,8 +2744,6 @@ export declare const _restProps: (props: PropsProxy, omit?: string[], target?: P
  */
 export declare const _run: (...args: unknown[]) => ValueOrPromise<unknown>;
 
-declare type Scheduler = ReturnType<typeof createScheduler>;
-
 /** Stores the location of an object. If no parent, it's a root. */
 declare type SeenRef = {
     $index$: number;
@@ -2961,7 +2920,6 @@ export declare const setPlatform: (plt: CorePlatform) => CorePlatform;
 /** @internal */
 export declare abstract class _SharedContainer implements Container {
     readonly $version$: string;
-    readonly $scheduler$: Scheduler;
     readonly $storeProxyMap$: ObjToProxyMap;
     readonly $locale$: string;
     readonly $getObjectById$: (id: number | string) => any;
@@ -2969,8 +2927,10 @@ export declare abstract class _SharedContainer implements Container {
     $currentUniqueId$: number;
     $instanceHash$: string | null;
     $buildBase$: string | null;
-    $flushEpoch$: number;
-    constructor(journalFlush: () => void, serverData: Record<string, any>, locale: string);
+    $renderPromise$: Promise<void> | null;
+    $resolveRenderPromise$: (() => void) | null;
+    $cursorCount$: number;
+    constructor(serverData: Record<string, any>, locale: string);
     trackSignalValue<T>(signal: Signal, subscriber: HostElement, property: string, data: _SubscriptionData): T;
     serializationCtxFactory(NodeConstructor: {
         new (...rest: any[]): {
@@ -3335,7 +3295,7 @@ declare interface SSRContainer extends Container {
     write(text: string): void;
     openContainer(): void;
     closeContainer(): ValueOrPromise<void>;
-    openElement(elementName: string, varAttrs: SsrAttrs | null, constAttrs?: SsrAttrs | null, currentFile?: string | null): string | undefined;
+    openElement(elementName: string, key: string | null, varAttrs: SsrAttrs | null, constAttrs?: SsrAttrs | null, currentFile?: string | null): string | undefined;
     closeElement(): ValueOrPromise<void>;
     openFragment(attrs: SsrAttrs): void;
     closeFragment(): void;
@@ -3357,6 +3317,7 @@ declare interface SSRContainer extends Container {
     emitQwikLoaderAtTopIfNeeded(): void;
     emitPatchDataIfNeeded(): void;
     addBackpatchEntry(ssrNodeId: string, attrName: string, serializedValue: string | boolean | null): void;
+    executeChores(): ValueOrPromise<void>;
 }
 
 /** @public */
@@ -3761,9 +3722,9 @@ export declare interface TaskOptions {
 
 /** @internal */
 export declare class _TextVNode extends _VNode {
-    textNode: Text | null;
+    node: Text | null;
     text: string | undefined;
-    constructor(flags: _VNodeFlags, parent: _ElementVNode | _VirtualVNode | null, previousSibling: _VNode | null | undefined, nextSibling: _VNode | null | undefined, textNode: Text | null, text: string | undefined);
+    constructor(flags: _VNodeFlags, parent: _VNode | null, previousSibling: _VNode | null | undefined, nextSibling: _VNode | null | undefined, props: Props | null, node: Text | null, text: string | undefined);
 }
 
 /**
@@ -4486,7 +4447,7 @@ export declare const _VAR_PROPS: unique symbol;
 export declare const _verifySerializable: <T>(value: T, preMessage?: string) => T;
 
 /**
- * 2.0.0-beta.16-dev+a83ccf3
+ * 2.0.0-beta.17-dev+c34c237
  *
  * @public
  */
@@ -4494,9 +4455,10 @@ export declare const version: string;
 
 /** @internal */
 export declare class _VirtualVNode extends _VNode {
+    key: string | null;
     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);
+    constructor(key: string | null, flags: _VNodeFlags, parent: _ElementVNode | _VirtualVNode | null, previousSibling: _VNode | null | undefined, nextSibling: _VNode | null | undefined, props: Props | null, firstChild: _VNode | null | undefined, lastChild: _VNode | null | undefined);
 }
 
 /** @public */
@@ -4505,18 +4467,15 @@ export declare type VisibleTaskStrategy = 'intersection-observer' | 'document-re
 /** @internal */
 export declare abstract class _VNode extends BackRef {
     flags: _VNodeFlags;
-    parent: _ElementVNode | _VirtualVNode | null;
+    parent: _VNode | null;
     previousSibling: _VNode | null | undefined;
     nextSibling: _VNode | null | undefined;
-    props: unknown[] | null;
+    props: Props | 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;
+    dirty: ChoreBits;
+    dirtyChildren: _VNode[] | null;
+    nextDirtyChildIndex: number;
+    constructor(flags: _VNodeFlags, parent: _VNode | null, previousSibling: _VNode | null | undefined, nextSibling: _VNode | null | undefined, props: Props | null);
     toString(): string;
 }
 
@@ -4529,9 +4488,6 @@ export declare const _vnode_getAttrKeys: (vnode: _ElementVNode | _VirtualVNode)
 /** @internal */
 export declare const _vnode_getFirstChild: (vnode: _VNode) => _VNode | null;
 
-/** @internal */
-export declare const _vnode_getProps: (vnode: _ElementVNode | _VirtualVNode) => unknown[];
-
 /** @internal */
 export declare const _vnode_isMaterialized: (vNode: _VNode) => boolean;
 
@@ -4617,30 +4573,12 @@ export declare const enum _VNodeFlags {
     Inflated = 8,
     Resolved = 16,
     Deleted = 32,
-    NAMESPACE_MASK = 192,
-    NEGATED_NAMESPACE_MASK = -193,
+    Cursor = 64,
+    NAMESPACE_MASK = 384,
+    NEGATED_NAMESPACE_MASK = -385,
     NS_html = 0,// http://www.w3.org/1999/xhtml
-    NS_svg = 64,// http://www.w3.org/2000/svg
-    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,// ------- [Remove, target(parent), ...nodes]
-    RemoveAll = 5,// ------- [RemoveAll, target(parent)]
-    Insert = 6
+    NS_svg = 128,// http://www.w3.org/2000/svg
+    NS_math = 256
 }
 
 /** @internal */