@qwik.dev/core 2.0.0-beta.34 → 2.0.0-beta.36

package/dist/backpatch/index.mjs

@@ -1,5 +1,5 @@
-const QWIK_BACKPATCH_EXECUTOR_MINIFIED = "const t='script[type=\"qwik/backpatch\"]';function e(e,n){const o=n||e.querySelector(\"[q\\\\:container]:not([q\\\\:container=html]):not([q\\\\:container=text])\");if(o){const n=o.querySelector(t);if(n){const t=JSON.parse(n.textContent||\"[]\"),r=e.createTreeWalker(o,NodeFilter.SHOW_ELEMENT);let c=r.currentNode,i=c.hasAttribute(\":\")?0:-1;for(let e=0;e<t.length;e+=3){const n=t[e],o=t[e+1];let s=t[e+2];for(;i<n&&(c=r.nextNode(),c);)c.hasAttribute(\":\")&&i++;const a=c;null==s||!1===s?a.removeAttribute(o):(\"boolean\"==typeof s&&(s=\"\"),a.setAttribute(o,s))}}}}const n=document.currentScript;if(n){const t=n.closest(\"[q\\\\:container]:not([q\\\\:container=html]):not([q\\\\:container=text])\");t&&e(document,t)}";
-const QWIK_BACKPATCH_EXECUTOR_DEBUG = "const BACKPATCH_DATA_SELECTOR = 'script[type=\"qwik/backpatch\"]';\nfunction executeBackpatch(doc, containerElement) {\n  const container = containerElement || doc.querySelector(\"[q\\\\:container]:not([q\\\\:container=html]):not([q\\\\:container=text])\");\n  if (container) {\n    const script = container.querySelector(BACKPATCH_DATA_SELECTOR);\n    if (script) {\n      const data = JSON.parse(script.textContent || \"[]\");\n      const walker = doc.createTreeWalker(container, NodeFilter.SHOW_ELEMENT);\n      let currentNode = walker.currentNode;\n      let currentNodeIdx = currentNode.hasAttribute(\":\") ? 0 : -1;\n      for (let i = 0; i < data.length; i += 3) {\n        const elementIdx = data[i];\n        const attrName = data[i + 1];\n        let value = data[i + 2];\n        while (currentNodeIdx < elementIdx) {\n          currentNode = walker.nextNode();\n          if (!currentNode) {\n            break;\n          }\n          if (currentNode.hasAttribute(\":\")) {\n            currentNodeIdx++;\n          }\n        }\n        const element = currentNode;\n        if (value == null || value === false) {\n          element.removeAttribute(attrName);\n        } else {\n          if (typeof value === \"boolean\") {\n            value = \"\";\n          }\n          element.setAttribute(attrName, value);\n        }\n      }\n    }\n  }\n}\nconst executorScript = document.currentScript;\nif (executorScript) {\n  const container = executorScript.closest(\n    \"[q\\\\:container]:not([q\\\\:container=html]):not([q\\\\:container=text])\"\n  );\n  if (container) {\n    executeBackpatch(document, container);\n  }\n}";
+const QWIK_BACKPATCH_EXECUTOR_MINIFIED = "const t='script[type=\"qwik/backpatch\"]';function e(e,n){const o=n||e.querySelector(\"[q\\\\:container]:not([q\\\\:container=html]):not([q\\\\:container=text])\");if(o){const n=o.querySelectorAll(t),r=n[n.length-1];if(r){const t=JSON.parse(r.textContent||\"[]\"),n=e.createTreeWalker(o,NodeFilter.SHOW_ELEMENT);let c=n.currentNode,i=c.hasAttribute(\":\")?0:-1;for(let e=0;e<t.length;e+=3){const o=t[e],r=t[e+1];let l=t[e+2];for(;i<o&&(c=n.nextNode(),c);)c.hasAttribute(\":\")&&i++;const s=c;null==l||!1===l?s.removeAttribute(r):(\"boolean\"==typeof l&&(l=\"\"),s.setAttribute(r,l))}}}}const n=document.currentScript;if(n){const t=n.closest(\"[q\\\\:container]:not([q\\\\:container=html]):not([q\\\\:container=text])\");t&&e(document,t)}";
+const QWIK_BACKPATCH_EXECUTOR_DEBUG = "const BACKPATCH_DATA_SELECTOR = 'script[type=\"qwik/backpatch\"]';\nfunction executeBackpatch(doc, containerElement) {\n  const container = containerElement || doc.querySelector(\"[q\\\\:container]:not([q\\\\:container=html]):not([q\\\\:container=text])\");\n  if (container) {\n    const scripts = container.querySelectorAll(BACKPATCH_DATA_SELECTOR);\n    const script = scripts[scripts.length - 1];\n    if (script) {\n      const data = JSON.parse(script.textContent || \"[]\");\n      const walker = doc.createTreeWalker(container, NodeFilter.SHOW_ELEMENT);\n      let currentNode = walker.currentNode;\n      let currentNodeIdx = currentNode.hasAttribute(\":\") ? 0 : -1;\n      for (let i = 0; i < data.length; i += 3) {\n        const elementIdx = data[i];\n        const attrName = data[i + 1];\n        let value = data[i + 2];\n        while (currentNodeIdx < elementIdx) {\n          currentNode = walker.nextNode();\n          if (!currentNode) {\n            break;\n          }\n          if (currentNode.hasAttribute(\":\")) {\n            currentNodeIdx++;\n          }\n        }\n        const element = currentNode;\n        if (value == null || value === false) {\n          element.removeAttribute(attrName);\n        } else {\n          if (typeof value === \"boolean\") {\n            value = \"\";\n          }\n          element.setAttribute(attrName, value);\n        }\n      }\n    }\n  }\n}\nconst executorScript = document.currentScript;\nif (executorScript) {\n  const container = executorScript.closest(\n    \"[q\\\\:container]:not([q\\\\:container=html]):not([q\\\\:container=text])\"\n  );\n  if (container) {\n    executeBackpatch(document, container);\n  }\n}";
 globalThis.QWIK_BACKPATCH_EXECUTOR_MINIFIED = QWIK_BACKPATCH_EXECUTOR_MINIFIED;
 globalThis.QWIK_BACKPATCH_EXECUTOR_DEBUG = QWIK_BACKPATCH_EXECUTOR_DEBUG;
 export { QWIK_BACKPATCH_EXECUTOR_MINIFIED, QWIK_BACKPATCH_EXECUTOR_DEBUG };

package/dist/backpatch/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qwik.dev/core/backpatch",
-  "version": "2.0.0-beta.34-dev+8b055bb",
+  "version": "2.0.0-beta.36-dev+3268fab",
   "main": "index.mjs",
   "types": "index.d.ts",
   "private": true,

package/dist/backpatch-executor.debug.js

@@ -2,7 +2,8 @@ const BACKPATCH_DATA_SELECTOR = 'script[type="qwik/backpatch"]';
 function executeBackpatch(doc, containerElement) {
   const container = containerElement || doc.querySelector("[q\\:container]:not([q\\:container=html]):not([q\\:container=text])");
   if (container) {
-    const script = container.querySelector(BACKPATCH_DATA_SELECTOR);
+    const scripts = container.querySelectorAll(BACKPATCH_DATA_SELECTOR);
+    const script = scripts[scripts.length - 1];
     if (script) {
       const data = JSON.parse(script.textContent || "[]");
       const walker = doc.createTreeWalker(container, NodeFilter.SHOW_ELEMENT);

package/dist/backpatch-executor.js

@@ -1 +1 @@
-const t='script[type="qwik/backpatch"]';function e(e,n){const o=n||e.querySelector("[q\\:container]:not([q\\:container=html]):not([q\\:container=text])");if(o){const n=o.querySelector(t);if(n){const t=JSON.parse(n.textContent||"[]"),r=e.createTreeWalker(o,NodeFilter.SHOW_ELEMENT);let c=r.currentNode,i=c.hasAttribute(":")?0:-1;for(let e=0;e<t.length;e+=3){const n=t[e],o=t[e+1];let s=t[e+2];for(;i<n&&(c=r.nextNode(),c);)c.hasAttribute(":")&&i++;const a=c;null==s||!1===s?a.removeAttribute(o):("boolean"==typeof s&&(s=""),a.setAttribute(o,s))}}}}const n=document.currentScript;if(n){const t=n.closest("[q\\:container]:not([q\\:container=html]):not([q\\:container=text])");t&&e(document,t)}
+const t='script[type="qwik/backpatch"]';function e(e,n){const o=n||e.querySelector("[q\\:container]:not([q\\:container=html]):not([q\\:container=text])");if(o){const n=o.querySelectorAll(t),r=n[n.length-1];if(r){const t=JSON.parse(r.textContent||"[]"),n=e.createTreeWalker(o,NodeFilter.SHOW_ELEMENT);let c=n.currentNode,i=c.hasAttribute(":")?0:-1;for(let e=0;e<t.length;e+=3){const o=t[e],r=t[e+1];let l=t[e+2];for(;i<o&&(c=n.nextNode(),c);)c.hasAttribute(":")&&i++;const s=c;null==l||!1===l?s.removeAttribute(r):("boolean"==typeof l&&(l=""),s.setAttribute(r,l))}}}}const n=document.currentScript;if(n){const t=n.closest("[q\\:container]:not([q\\:container=html]):not([q\\:container=text])");t&&e(document,t)}

package/dist/build/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qwik.dev/core/build",
-  "version": "2.0.0-beta.34-dev+8b055bb",
+  "version": "2.0.0-beta.36-dev+3268fab",
   "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.34-dev+8b055bb
+ * @qwik.dev/core/cli 2.0.0-beta.36-dev+3268fab
  * 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
@@ -11964,6 +11964,25 @@ async function runBuildCommand(app) {
   }
   console.log(``);
   let typecheck = null;
+  const buildTypesCmd = buildTypes ? buildTypes.includes("--pretty") ? buildTypes : (
+    // ensures colors flow throw when we console log the stdout
+    `${buildTypes} --pretty`
+  ) : null;
+  const runTypecheck = () => execaCommand(buildTypesCmd, {
+    stdout: "inherit",
+    stderr: "inherit",
+    cwd: app.rootDir
+  }).then(() => ({
+    title: "Type checked"
+  })).catch((e2) => {
+    let out = e2.stdout || "";
+    if (out.startsWith("tsc")) {
+      out = out.slice(3);
+    }
+    console.log("\n" + out);
+    process.exitCode = 1;
+    throw new Error(`Type check failed: ${out}`);
+  });
   for (let i2 = 0; i2 < prebuildScripts.length; i2++) {
     const script = prebuildScripts[i2];
     try {
@@ -11981,26 +12000,8 @@ async function runBuildCommand(app) {
       throw e2;
     }
   }
-  if (buildTypes) {
-    let copyScript = buildTypes;
-    if (!copyScript.includes("--pretty")) {
-      copyScript += " --pretty";
-    }
-    typecheck = execaCommand(copyScript, {
-      stdout: "inherit",
-      stderr: "inherit",
-      cwd: app.rootDir
-    }).then(() => ({
-      title: "Type checked"
-    })).catch((e2) => {
-      let out = e2.stdout || "";
-      if (out.startsWith("tsc")) {
-        out = out.slice(3);
-      }
-      console.log("\n" + out);
-      process.exitCode = 1;
-      throw new Error(`Type check failed: ${out}`);
-    });
+  if (buildTypesCmd && !buildLibScript) {
+    typecheck = runTypecheck();
   }
   if (buildClientScript) {
     const script = attachArg(buildClientScript, "mode", mode);
@@ -12040,6 +12041,9 @@ async function runBuildCommand(app) {
       throw e2;
     });
     step2.push(libBuild);
+    if (buildTypesCmd) {
+      step2.push(libBuild.then(() => runTypecheck()));
+    }
   }
   if (buildPreviewScript) {
     const script = attachArg(buildPreviewScript, "mode", mode);
@@ -12953,7 +12957,7 @@ async function printHelp(app) {
   await runCommand2(Object.assign(app, { task: args[0], args }));
 }
 function printVersion() {
-  console.log("2.0.0-beta.34-dev+8b055bb");
+  console.log("2.0.0-beta.36-dev+3268fab");
 }
 export {
   runCli,

package/dist/core-internal.d.ts

@@ -1,8 +1,10 @@
+import type { AsyncLocalStorage } from 'node:async_hooks';
 import type * as CSS_2 from 'csstype';
 import { isBrowser } from './build';
 import { isDev } from './build';
 import { isServer } from './build';
 import { ResolvedManifest } from './optimizer';
+import type { ServerQwikManifest } from './optimizer';
 
 /**
  * Qwik Optimizer marker function.
@@ -714,13 +716,14 @@ declare const enum ChoreBits {
     TASKS = 1,
     NODE_DIFF = 2,
     COMPONENT = 4,
-    NODE_PROPS = 8,
-    COMPUTE = 16,
-    CHILDREN = 32,
-    CLEANUP = 64,
-    RECONCILE = 128,
-    ERROR_WRAP = 256,
-    DIRTY_MASK = 511
+    INLINE_COMPONENT = 8,
+    NODE_PROPS = 16,
+    COMPUTE = 32,
+    CHILDREN = 64,
+    CLEANUP = 128,
+    RECONCILE = 256,
+    ERROR_WRAP = 512,
+    DIRTY_MASK = 1023
 }
 
 /**
@@ -743,8 +746,10 @@ export declare interface ClientContainer extends _Container {
     $locale$: string;
     qManifestHash: string;
     rootVNode: _ElementVNode;
-    $forwardRefs$: Array<number> | null;
+    $forwardRefs$: Array<number | string> | null;
+    vNodeLocate(id: string | Element): _VNode;
     parseQRL<T = unknown>(qrl: string): QRL<T>;
+    $getForwardRef$(id: number): number | string | undefined;
     $setRawState$(id: number, vParent: _ElementVNode | _VirtualVNode): void;
 }
 
@@ -901,9 +906,12 @@ declare type Consumer = Task | _VNode | SignalImpl | ISsrNode;
 export declare interface _Container {
     readonly $version$: string;
     readonly $storeProxyMap$: ObjToProxyMap;
+    $rootContainer$: _Container | null;
+    $isOutOfOrderSegment$: boolean;
     readonly $locale$: string;
     readonly $getObjectById$: (id: number | string) => any;
     readonly $serverData$: Record<string, any>;
+    readonly $instanceHash$: string | null;
     $currentUniqueId$: number;
     $buildBase$: string | null;
     $renderPromise$: Promise<void> | null;
@@ -954,6 +962,8 @@ export declare interface _ContainerElement extends HTMLElement {
     qVNodeRefs?: Map<number, Element | _ElementVNode>;
     /** String from `<script type="qwik/vnode">` tag. */
     qVnodeData?: string;
+    /** Segment-local strings from `<script type="qwik/vnode" q:r="...">` tags. */
+    qSegmentVnodeData?: Map<string, string>;
 }
 
 /**
@@ -1162,6 +1172,9 @@ export declare const createComputedQrl: <T>(qrl: QRL<() => T>, options?: Compute
  */
 export declare const createContextId: <STATE = unknown>(name: string) => ContextId<STATE>;
 
+/** @internal */
+export declare function _createDeserializeContainer(stateData: unknown[]): DeserializeContainer;
+
 /**
  * Creates a QRL instance to represent a lazily loaded value. Normally this is a function, but it
  * can be any value.
@@ -1239,11 +1252,12 @@ export declare function _deserialize<T>(rawStateData: string): T;
 
 declare interface DeserializeContainer {
     $getObjectById$: (id: number | string) => unknown;
+    $getForwardRef$: (id: number) => number | string | undefined;
     element: HTMLElement | null;
     getSyncFn: (id: number) => (...args: unknown[]) => unknown;
     $state$?: unknown[];
     $storeProxyMap$: ObjToProxyMap;
-    $forwardRefs$: Array<number> | null;
+    $forwardRefs$: Array<number | string> | null;
 }
 
 /** @public */
@@ -1273,14 +1287,17 @@ declare class DomContainer extends _SharedContainer implements ClientContainer {
     $storeProxyMap$: ObjToProxyMap;
     $qFuncs$: Array<(...args: unknown[]) => unknown>;
     $instanceHash$: string;
-    $forwardRefs$: Array<number> | null;
+    $forwardRefs$: Array<number | string> | null;
     vNodeLocate: (id: string | Element) => _VNode;
     private $rawStateData$;
     private $stateData$;
+    private $rootForwardRefs$;
     private $styleIds$;
     constructor(element: _ContainerElement);
     /** Tear down this container so stale references fail gracefully. */
     $destroy$(): void;
+    private $processRootStateScript$;
+    private $stateScriptSelector$;
     /**
      * The first time we render we need to hoist the styles. (Meaning we need to move all styles from
      * component inline to <head>)
@@ -1300,6 +1317,7 @@ declare class DomContainer extends _SharedContainer implements ClientContainer {
     getHostProp<T>(host: HostElement, name: string): T | null;
     ensureProjectionResolved(vNode: _VirtualVNode): void;
     $getObjectById$: (id: number | string) => unknown;
+    $getForwardRef$(id: number): number | string | undefined;
     getSyncFn(id: number): (...args: unknown[]) => unknown;
     $appendStyle$(content: string, styleId: string, host: _VirtualVNode, scoped: boolean): void;
     /** Set the server data for the Qwik Router. */
@@ -1309,7 +1327,7 @@ export { DomContainer }
 export { DomContainer as _DomContainer }
 
 declare type DomRef = {
-    $ssrNode$: SsrNode;
+    $ssrNode$: ISsrNode;
 };
 
 /** @internal */
@@ -1470,6 +1488,17 @@ export declare type FunctionComponent<P = unknown> = {
     renderFn(props: P, key: string | null, flags: number, dev?: DevJSX): JSXOutput;
 }['renderFn'];
 
+/** @internal */
+export declare const _getAsyncLocalStorage: () => (new <T>() => AsyncLocalStorage<T>) | undefined;
+
+/**
+ * Returns the client build manifest, which includes the mappings from symbols to bundles, the
+ * bundlegraph etc.
+ *
+ * @public
+ */
+export declare const getClientManifest: () => ServerQwikManifest | undefined;
+
 /** Used by the optimizer for spread props operations @internal */
 export declare const _getConstProps: (props: PropsProxy | Record<string, unknown> | null | undefined) => Props | null;
 
@@ -1679,6 +1708,16 @@ declare class InsertOrMoveOperation {
     constructor(target: Element | Text, parent: Element, beforeTarget: Element | Text | null);
 }
 
+/** @internal */
+declare type InternalServerComponent<PROPS = unknown> = FunctionComponent<PROPS> & {
+    [InternalServerComponentSymbol]: InternalServerComponentHandler;
+};
+
+/** @internal */
+declare type InternalServerComponentHandler = (ssr: SSRContainer, jsx: JSXNodeInternal, options: SSRRenderJSXOptions, enqueue: (value: StackValue) => void) => ValueOrPromise<void>;
+
+declare const InternalServerComponentSymbol: unique symbol;
+
 /**
  * These are the HTML tags with handlers allowing plain callbacks, to be used for the JSX interface
  *
@@ -1753,8 +1792,10 @@ declare interface ISsrNode {
     flags: SsrNodeFlags;
     dirty: ChoreBits;
     parentComponent: ISsrNode | null;
+    children: ISsrNode[] | null;
     vnodeData: VNodeData;
     currentFile: string | null;
+    readonly [_EFFECT_BACK_REF]: Map<EffectProperty | string, EffectSubscription> | null;
     setProp(name: string, value: any): void;
     getProp(name: string): any;
     removeProp(name: string): void;
@@ -2046,6 +2087,9 @@ export declare const _mapArray_get: <T>(array: (T | null)[], key: string, start:
 /** @internal */
 export declare const _mapArray_set: <T>(array: (T | null)[], key: string, value: T | null, start: number, allowNullValue?: boolean) => void;
 
+declare class MaybeAsyncSignal {
+}
+
 declare type MediaSpecialAttrs = {
     crossOrigin?: HTMLCrossOriginAttribute;
 };
@@ -2162,6 +2206,26 @@ export declare interface OnVisibleTaskOptions {
     strategy?: VisibleTaskStrategy;
 }
 
+/** @internal */
+declare type OutOfOrderRevealBoundary = {
+    attrs: string;
+    showFallback: boolean;
+    resolve: () => void;
+};
+
+/** @internal */
+declare class OutOfOrderRevealCoordinator<ITEM extends RevealItemLike = RevealItemLike> {
+    private id;
+    private collapsed;
+    private count;
+    private pendingItems;
+    private orderCode;
+    constructor(id: number, order: RevealOrder, collapsed: boolean);
+    register(registration: RevealRegistrationLike<ITEM>): OutOfOrderRevealBoundary;
+    canReveal(registration: RevealRegistrationLike<ITEM>): boolean;
+    script(): string;
+}
+
 /** @internal */
 declare const _OWNER: unique symbol;
 
@@ -2258,7 +2322,7 @@ export declare const PrefetchServiceWorker: (opts: {
  * @returns The preprocessed state data
  * @internal
  */
-export declare function _preprocessState(data: unknown[], container: DeserializeContainer): void;
+export declare function _preprocessState(data: unknown[], container: DeserializeContainer, segmentId?: string, startIndex?: number): void;
 
 declare type Prettify<T> = {} & {
     [K in keyof T]: T[K];
@@ -2335,6 +2399,12 @@ export declare type PublicProps<PROPS> = (PROPS extends Record<any, any> ? Omit<
 /** @internal */
 export declare interface _QDocument extends Document {
     qVNodeData: WeakMap<Element, string>;
+    /** True once the root document VNode data has been fully processed. */
+    qVNodeDataProcessed?: boolean;
+    /** Processes one vnode patch script. */
+    qProcessVNodeDataPatch?: (script: Element | null) => void;
+    /** Processes an out-of-order Suspense segment after its resolved HTML is swapped in. */
+    qProcessOOOS?: (boundaryId: number, content: Element | null) => void;
 }
 
 /**
@@ -2565,6 +2635,12 @@ export declare function _qrlToString(serializationContext: SerializationContext,
 /** @internal */
 export declare function _qrlToString(serializationContext: SerializationContext, qrl: _QRLInternal | SyncQRLInternal, raw: true): [string, string, string | null];
 
+/** @internal */
+export declare const _qrlWithChunk: <T = any>(chunk: string, importer: () => Promise<any>, symbol: string, lexicalScopeCapture?: Readonly<unknown[]>) => QRL<T>;
+
+/** @internal */
+export declare const _qrlWithChunkDEV: <T = any>(chunk: string, importer: () => Promise<any>, symbol: string, opts: QRLDev, lexicalScopeCapture?: Readonly<unknown[]>) => QRL<T>;
+
 /** @public @deprecated Use `AnimationEvent` and use the second argument to the handler function for the current event target */
 export declare type QwikAnimationEvent<T = Element> = NativeAnimationEvent;
 
@@ -2757,6 +2833,12 @@ export declare interface ReadonlySignal<T = unknown> {
     readonly value: T;
 }
 
+/** @internal */
+export declare const _reC: (props: RevealProps) => JSXNodeInternal<InternalServerComponent<SSRRevealSlotProps>> | JSXNodeInternal<FunctionComponent<    {
+name?: string;
+children?: JSXChildren;
+}>>;
+
 /**
  * A ref can be either a signal or a function. Note that the type of Signal is Element so that it
  * can accept more specialized elements too
@@ -2838,6 +2920,9 @@ export declare interface RenderSSROptions {
     manifestHash: string;
 }
 
+/** @internal */
+export declare const _reR: () => boolean;
+
 /**
  * Resumes selected state (e.g. polling AsyncSignals) by deserializing captures. Used for
  * document:onQIdle to resume async signals with active polling.
@@ -2943,6 +3028,37 @@ declare interface ResourceReturnInternal<T> {
 /** @internal */
 export declare const _restProps: (props: PropsProxy, omit?: string[], target?: Props) => Props;
 
+/** @internal */
+export declare const _reT: ({ cleanup }: TaskCtx) => void;
+
+/** @public @experimental */
+export declare const Reveal: typeof _reC;
+
+declare interface RevealItemLike {
+    boundary: {
+        pending: {
+            untrackedValue: number;
+        };
+    };
+}
+
+/** @public @experimental */
+export declare type RevealOrder = 'parallel' | 'sequential' | 'reverse' | 'together';
+
+/** @public @experimental */
+export declare type RevealProps = {
+    order?: RevealOrder;
+    collapsed?: boolean;
+};
+
+declare interface RevealRegistrationLike<ITEM extends RevealItemLike = RevealItemLike> {
+    reveal: {
+        order: RevealOrder;
+        items: ITEM[];
+    };
+    item: ITEM;
+}
+
 /**
  * The resource function wrapper
  *
@@ -2965,8 +3081,15 @@ declare type SeenRef = {
     $parent$?: SeenRef | null;
 };
 
+declare interface SegmentRenderContext {
+    container: SSRSegmentContainer;
+    writer: SSRInternalStreamWriter;
+    htmlChunks: SSRSegmentWriteChunk[];
+}
+
 declare interface SerializationContext {
     $serialize$: () => ValueOrPromise<void>;
+    $serializePatch$: (rootStart: number, rootIds: number[], extraRootId?: number | string | number[], streamedRootLimit?: number) => ValueOrPromise<void>;
     $symbolToChunkResolver$: SymbolToChunkResolver;
     /**
      * Map from object to parent and index reference.
@@ -2989,14 +3112,26 @@ declare interface SerializationContext {
      * Returns the index of the root object.
      */
     $addRoot$: AddRootFn;
+    $addDuplicateRoot$: (obj: unknown) => SeenRef;
+    $commitRoot$: (root: unknown, obj: unknown) => number;
     /** Mark an object as seen during serialization. This is used to handle backreferences and cycles */
     $markSeen$: (obj: unknown, parent: SeenRef | undefined, index: number) => SeenRef;
     $roots$: unknown[];
-    $promoteToRoot$: (ref: SeenRef, index?: number) => void;
+    $rootObjs$: unknown[];
+    $onAddRoot$?: (id: number, root: unknown, obj: unknown) => void;
+    $forwardRefOffset$: number;
+    $serializedRootCount$: number;
+    $serializedForwardRefCount$: number;
+    $rootStateRootCount$: number;
+    $hasRootStateForwardRefs$: boolean;
+    $promoteToRoot$: (ref: SeenRef, obj: unknown, index?: number) => void;
     $addSyncFn$($funcStr$: string | null, argsCount: number, fn: Function): number;
-    $isSsrNode$: (obj: unknown) => obj is SsrNode;
+    $setSyncFnOffset$(offset: number, existingFns?: string[]): void;
+    $isSsrNode$: (obj: unknown) => obj is ISsrNode;
     $isDomRef$: (obj: unknown) => obj is DomRef;
-    $writer$: StreamWriter;
+    $markSsrNodeForSerialization$: (node: ISsrNode, flags: number) => void;
+    $writer$: SSRInternalStreamWriter;
+    $setWriter$(writer: SSRInternalStreamWriter): void;
     $syncFns$: string[];
     $eventQrls$: Set<QRL>;
     $eventNames$: Set<string>;
@@ -3131,7 +3266,7 @@ declare class SetAttributeOperation {
 }
 
 /** @internal */
-export declare function _setEvent(serializationCtx: SerializationContext, key: string, rawValue: unknown, hasMovedCaptures: boolean): string | null;
+export declare function _setEvent(serializationCtx: SerializationContext, key: string, rawValue: unknown, hasMovedCaptures: boolean): string | SSRWriteChunk[] | null;
 
 /**
  * Sets the `CorePlatform`.
@@ -3165,6 +3300,8 @@ declare class SetTextOperation {
 export declare abstract class _SharedContainer implements _Container {
     readonly $version$: string;
     readonly $storeProxyMap$: ObjToProxyMap;
+    $rootContainer$: _Container | null;
+    $isOutOfOrderSegment$: boolean;
     readonly $locale$: string;
     readonly $getObjectById$: (id: number | string) => any;
     $serverData$: Record<string, any>;
@@ -3522,14 +3659,21 @@ declare interface SSRContainer extends _Container {
     readonly tag: string;
     readonly isHtml: boolean;
     readonly size: number;
-    readonly writer: StreamWriter;
+    readonly writer: SSRInternalStreamWriter;
     readonly streamHandler: IStreamHandler;
     readonly serializationCtx: SerializationContext;
     readonly symbolToChunkResolver: SymbolToChunkResolver;
     readonly resolvedManifest: ResolvedManifest;
+    readonly outOfOrderStreaming: boolean;
     additionalHeadNodes: Array<JSXNodeInternal>;
     additionalBodyNodes: Array<JSXNodeInternal>;
     $noScriptHere$: number;
+    /**
+     * Lets the container place a root-level `useOn` placeholder `<script>` itself when injecting it
+     * inline would put it at an illegal position. Returns `true` if the container took the node, in
+     * which case the caller must not inject it into the component's JSX.
+     */
+    $deferRootPlaceholder$(scriptNode: JSXNodeInternal<string>): boolean;
     write(text: string): void;
     openContainer(): void;
     closeContainer(): ValueOrPromise<void>;
@@ -3546,18 +3690,24 @@ declare interface SSRContainer extends _Container {
     textNode(text: string): void;
     htmlNode(rawHtml: string): void;
     commentNode(text: string): void;
-    addRoot(obj: any): number | undefined;
+    addRoot(obj: any): number | string | undefined;
     getOrCreateLastNode(): ISsrNode;
     addUnclaimedProjection(frame: ISsrComponentFrame, name: string, children: JSXChildren): void;
     isStatic(): boolean;
     render(jsx: JSXOutput): Promise<void>;
-    renderJSX(jsx: JSXOutput, options: {
-        currentStyleScoped: string | null;
-        parentComponentFrame: ISsrComponentFrame | null;
-    }): Promise<void>;
+    renderJSX(jsx: JSXOutput, options: SSRRenderJSXOptions): Promise<void>;
+    $runQueuedRender$<T>(render: () => ValueOrPromise<T>): ValueOrPromise<T>;
+    nextOutOfOrderId(): number;
+    emitOutOfOrderSegmentScripts(scripts: string): void;
+    segment(segmentId: string, jsx: JSXOutput, options: SSRRenderJSXOptions): Promise<SSROutOfOrderSegment>;
+    queueOutOfOrderSegment(segment: Promise<void>): void;
+    emitOutOfOrderExecutorIfNeeded(): void;
+    emitInlineScript(script: string): void;
+    writeScript(attrs: Props, body?: string): void;
     emitPreloaderPre(): void;
     emitQwikLoaderAtTopIfNeeded(): void;
     emitPatchDataIfNeeded(): void;
+    emitBackpatchDataAndExecutorIfNeeded(): void;
     addBackpatchEntry(ssrNodeId: string, attrName: string, serializedValue: string | boolean | null): void;
 }
 
@@ -3566,23 +3716,56 @@ export declare type SSRHintProps = {
     dynamic?: boolean;
 };
 
-/** A selection of attributes of the real thing */
-declare type SsrNode = {
-    id: string;
-    children: ISsrNode[] | null;
-    vnodeData: VNodeData;
-    [_EFFECT_BACK_REF]: Map<EffectProperty | string, EffectSubscription> | null;
-};
+/** @internal */
+declare interface SSRInternalStreamWriter extends StreamWriter {
+    writeRootRef(id: number): ValueOrPromise<void>;
+    writeRootRefPath(path: number[]): ValueOrPromise<void>;
+    toString(remap?: number[]): string;
+}
 
 declare const enum SsrNodeFlags {
     Updatable = 1
 }
 
+declare type SSROutOfOrderSegment = SegmentRenderContext;
+
 /** @public */
 export declare const SSRRaw: FunctionComponent<{
     data: string;
 }>;
 
+declare interface SSRRenderJSXOptions {
+    currentStyleScoped: string | null;
+    parentComponentFrame: ISsrComponentFrame | null;
+}
+
+declare type SSRRevealSlotProps = {
+    coordinator: OutOfOrderRevealCoordinator;
+};
+
+/** @internal */
+declare interface SSRRootRefPathChunk {
+    readonly path: number[];
+}
+
+declare interface SSRSegmentContainer extends SSRContainer {
+    $rootContainer$: SSRContainer;
+    $recordExternalRootEffect$(producer: unknown, effect: EffectSubscription, prop: string | symbol | null, sourceEffects?: Map<string | symbol, Set<EffectSubscription>>): void;
+    $finalizeOutOfOrderSegment$(segmentId: string, segment: SSROutOfOrderSegment): Promise<{
+        html: string;
+        scripts: string;
+    }>;
+}
+
+/** @internal */
+declare type SSRSegmentWriteChunk = string | {
+    readonly type: 'root-ref';
+    readonly localId: number;
+} | {
+    readonly type: 'root-ref-path';
+    readonly localPath: number[];
+};
+
 /** @public */
 export declare const SSRStream: FunctionComponent<SSRStreamProps>;
 
@@ -3604,6 +3787,13 @@ export declare interface SSRStreamWriter {
     write(chunk: JSXOutput): void;
 }
 
+/** @internal */
+declare type SSRWriteChunk = string | number | SSRRootRefPathChunk;
+
+declare type StackFn = () => ValueOrPromise<void>;
+
+declare type StackValue = ValueOrPromise<JSXOutput | StackFn | Promise<JSXOutput> | typeof Promise | AsyncGenerator | typeof MaybeAsyncSignal>;
+
 declare type StopPropagation = {
     [K in keyof HTMLElementEventMap as `stoppropagation:${K}`]?: boolean;
 };
@@ -3626,6 +3816,29 @@ export declare class _SubscriptionData {
     constructor(data: NodePropData);
 }
 
+/** @internal */
+export declare class _SubscriptionPatch {
+    rootId: number;
+    subscriptions: Set<EffectSubscription> | Map<string | symbol, Set<EffectSubscription>>;
+    constructor(rootId?: number, subscriptions?: Set<EffectSubscription> | Map<string | symbol, Set<EffectSubscription>>);
+}
+
+/** @internal */
+export declare const _suC: (props: SuspenseProps) => JSXNodeInternal<string>[];
+
+/** @public @experimental */
+export declare const Suspense: typeof _suC;
+
+/** @public @experimental */
+export declare type SuspenseProps = {
+    fallback?: JSXOutput;
+    showStale?: boolean;
+    delay?: number;
+};
+
+/** @internal */
+export declare const _suT: ({ track, cleanup }: TaskCtx) => void;
+
 /**
  * The TS types don't include the SVG attributes so we have to define them ourselves
  *
@@ -4776,7 +4989,7 @@ export declare const _VAR_PROPS: unique symbol;
 export declare const _verifySerializable: <T>(value: T, preMessage?: string) => T;
 
 /**
- * 2.0.0-beta.34-dev+8b055bb
+ * 2.0.0-beta.36-dev+3268fab
  *
  * @public
  */
@@ -4947,10 +5160,7 @@ declare type VNodeOperation = DeleteOperation | RemoveAllChildrenOperation | Set
 export declare const _waitUntilRendered: (container: _Container) => Promise<void>;
 
 /** @internal */
-export declare function _walkJSX(ssr: SSRContainer, value: JSXOutput, options: {
-    currentStyleScoped: string | null;
-    parentComponentFrame: ISsrComponentFrame | null;
-}): Promise<void>;
+export declare function _walkJSX(ssr: SSRContainer, value: JSXOutput, options: SSRRenderJSXOptions): Promise<void>;
 
 /**
  * Override the `getLocale` with `lang` within the `fn` execution.