@qwik.dev/core 2.0.0-beta.35 → 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.35-dev+4603135",
+  "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.35-dev+4603135",
+  "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.35-dev+4603135
+ * @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
@@ -12957,7 +12957,7 @@ async function printHelp(app) {
   await runCommand2(Object.assign(app, { task: args[0], args }));
 }
 function printVersion() {
-  console.log("2.0.0-beta.35-dev+4603135");
+  console.log("2.0.0-beta.36-dev+3268fab");
 }
 export {
   runCli,

package/dist/core-internal.d.ts

@@ -716,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
 }
 
 /**
@@ -745,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;
 }
 
@@ -903,6 +906,8 @@ 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>;
@@ -957,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>;
 }
 
 /**
@@ -1245,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 */
@@ -1279,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>)
@@ -1306,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. */
@@ -1315,7 +1327,7 @@ export { DomContainer }
 export { DomContainer as _DomContainer }
 
 declare type DomRef = {
-    $ssrNode$: SsrNode;
+    $ssrNode$: ISsrNode;
 };
 
 /** @internal */
@@ -1696,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
  *
@@ -1770,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;
@@ -2063,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;
 };
@@ -2179,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;
 
@@ -2275,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];
@@ -2352,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;
 }
 
 /**
@@ -2781,7 +2834,7 @@ export declare interface ReadonlySignal<T = unknown> {
 }
 
 /** @internal */
-export declare const _reC: (props: RevealProps) => JSXNodeInternal<FunctionComponent<    {
+export declare const _reC: (props: RevealProps) => JSXNodeInternal<InternalServerComponent<SSRRevealSlotProps>> | JSXNodeInternal<FunctionComponent<    {
 name?: string;
 children?: JSXChildren;
 }>>;
@@ -2981,6 +3034,14 @@ 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';
 
@@ -2990,6 +3051,14 @@ export declare type RevealProps = {
     collapsed?: boolean;
 };
 
+declare interface RevealRegistrationLike<ITEM extends RevealItemLike = RevealItemLike> {
+    reveal: {
+        order: RevealOrder;
+        items: ITEM[];
+    };
+    item: ITEM;
+}
+
 /**
  * The resource function wrapper
  *
@@ -3012,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.
@@ -3036,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>;
@@ -3178,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`.
@@ -3212,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>;
@@ -3569,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>;
@@ -3593,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;
 }
 
@@ -3613,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>;
 
@@ -3651,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;
 };
@@ -3674,10 +3817,14 @@ export declare class _SubscriptionData {
 }
 
 /** @internal */
-export declare const _suC: (props: SuspenseProps) => JSXNodeInternal<FunctionComponent<    {
-children?: any;
-key?: string | number | null;
-}>>;
+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;
@@ -4842,7 +4989,7 @@ export declare const _VAR_PROPS: unique symbol;
 export declare const _verifySerializable: <T>(value: T, preMessage?: string) => T;
 
 /**
- * 2.0.0-beta.35-dev+4603135
+ * 2.0.0-beta.36-dev+3268fab
  *
  * @public
  */
@@ -5013,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.