@qwik.dev/core 2.0.0-beta.32 → 2.0.0-beta.35

package/dist/backpatch/index.mjs

@@ -1,5 +1,5 @@
-const QWIK_BACKPATCH_EXECUTOR_MINIFIED = "const t='script[type=\"qwik/backpatch\"]',e=document.currentScript;if(e){const o=e.closest(\"[q\\\\:container]:not([q\\\\:container=html]):not([q\\\\:container=text])\");if(o){const e=o.querySelector(t);if(e){const t=JSON.parse(e.textContent||\"[]\"),n=document.createTreeWalker(o,NodeFilter.SHOW_ELEMENT);let r=n.currentNode,c=r.hasAttribute(\":\")?0:-1;for(let e=0;e<t.length;e+=3){const o=t[e],i=t[e+1];let s=t[e+2];for(;c<o&&(r=n.nextNode(),r);)r.hasAttribute(\":\")&&c++;const l=r;null==s||!1===s?l.removeAttribute(i):(\"boolean\"==typeof s&&(s=\"\"),l.setAttribute(i,s))}}}}";
-const QWIK_BACKPATCH_EXECUTOR_DEBUG = "const BACKPATCH_DATA_SELECTOR = 'script[type=\"qwik/backpatch\"]';\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    const script = container.querySelector(BACKPATCH_DATA_SELECTOR);\n    if (script) {\n      const data = JSON.parse(script.textContent || \"[]\");\n      const walker = document.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}";
+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}";
 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.32-dev+0e29f8a",
+  "version": "2.0.0-beta.35-dev+4603135",
   "main": "index.mjs",
   "types": "index.d.ts",
   "private": true,

package/dist/backpatch-executor.debug.js

@@ -1,14 +1,11 @@
 const BACKPATCH_DATA_SELECTOR = 'script[type="qwik/backpatch"]';
-const executorScript = document.currentScript;
-if (executorScript) {
-  const container = executorScript.closest(
-    "[q\\:container]:not([q\\:container=html]):not([q\\:container=text])"
-  );
+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);
     if (script) {
       const data = JSON.parse(script.textContent || "[]");
-      const walker = document.createTreeWalker(container, NodeFilter.SHOW_ELEMENT);
+      const walker = doc.createTreeWalker(container, NodeFilter.SHOW_ELEMENT);
       let currentNode = walker.currentNode;
       let currentNodeIdx = currentNode.hasAttribute(":") ? 0 : -1;
       for (let i = 0; i < data.length; i += 3) {
@@ -37,3 +34,12 @@ if (executorScript) {
     }
   }
 }
+const executorScript = document.currentScript;
+if (executorScript) {
+  const container = executorScript.closest(
+    "[q\\:container]:not([q\\:container=html]):not([q\\:container=text])"
+  );
+  if (container) {
+    executeBackpatch(document, container);
+  }
+}

package/dist/backpatch-executor.js

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

package/dist/build/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qwik.dev/core/build",
-  "version": "2.0.0-beta.32-dev+0e29f8a",
+  "version": "2.0.0-beta.35-dev+4603135",
   "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.32-dev+0e29f8a
+ * @qwik.dev/core/cli 2.0.0-beta.35-dev+4603135
  * 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.32-dev+0e29f8a");
+  console.log("2.0.0-beta.35-dev+4603135");
 }
 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.
@@ -904,6 +906,7 @@ export declare interface _Container {
     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;
@@ -1162,6 +1165,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.
@@ -1215,6 +1221,11 @@ export declare interface CSSProperties extends CSS_2.Properties<string | number>
     [v: `--${string}`]: string | number | undefined;
 }
 
+declare class DeleteOperation {
+    target: Element | Text;
+    constructor(target: Element | Text);
+}
+
 declare interface DescriptorBase<T = unknown, B = unknown> extends BackRef {
     $flags$: number;
     $index$: number;
@@ -1465,6 +1476,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;
 
@@ -1667,6 +1689,13 @@ export declare const inlinedQrl: <T>(symbol: T | null, symbolName: string, lexic
 /** @internal */
 export declare const inlinedQrlDEV: <T = any>(symbol: T, symbolName: string, opts: QRLDev, lexicalScopeCapture?: Readonly<unknown[]>) => QRL<T>;
 
+declare class InsertOrMoveOperation {
+    target: Element | Text;
+    parent: Element;
+    beforeTarget: Element | Text | null;
+    constructor(target: Element | Text, parent: Element, beforeTarget: Element | Text | null);
+}
+
 /**
  * These are the HTML tags with handlers allowing plain callbacks, to be used for the JSX interface
  *
@@ -1761,9 +1790,10 @@ export declare const _isTask: (value: any) => value is Task;
 
 /** @internal */
 declare interface IStreamHandler {
-    flush(): void;
+    flush(): ValueOrPromise<void>;
+    waitForPendingFlush(): ValueOrPromise<void>;
     streamBlockStart(): void;
-    streamBlockEnd(): void;
+    streamBlockEnd(): ValueOrPromise<void>;
 }
 
 /**
@@ -2552,6 +2582,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;
 
@@ -2736,11 +2772,20 @@ export declare type QwikWheelEvent<T = Element> = NativeWheelEvent;
 
 declare type QwikWindowEventMap = Omit<WindowEventHandlersEventMap, keyof QwikDocumentEventMap> & QwikDocumentEventMap;
 
-/** @public @deprecated not used */
+/**
+ * @deprecated Use `Readonly<Signal<T>>` instead.
+ * @public
+ */
 export declare interface ReadonlySignal<T = unknown> {
     readonly value: T;
 }
 
+/** @internal */
+export declare const _reC: (props: RevealProps) => 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
@@ -2765,6 +2810,11 @@ declare type RefFnInterface<EL> = {
  */
 export declare const _regSymbol: (symbol: any, hash: string) => any;
 
+declare class RemoveAllChildrenOperation {
+    target: Element;
+    constructor(target: Element);
+}
+
 /**
  * Remove an external projection from its parent and clean up.
  *
@@ -2817,6 +2867,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.
@@ -2922,6 +2975,21 @@ 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;
+
+/** @public @experimental */
+export declare type RevealOrder = 'parallel' | 'sequential' | 'reverse' | 'together';
+
+/** @public @experimental */
+export declare type RevealProps = {
+    order?: RevealOrder;
+    collapsed?: boolean;
+};
+
 /**
  * The resource function wrapper
  *
@@ -3100,6 +3168,15 @@ declare class SerializerSignalImpl<T, S> extends ComputedSignalImpl<T> {
  */
 export declare const SerializerSymbol: unique symbol;
 
+declare class SetAttributeOperation {
+    target: Element;
+    attrName: string;
+    attrValue: any;
+    scopedStyleIdPrefix: string | null;
+    isSvg: boolean;
+    constructor(target: Element, attrName: string, attrValue: any, scopedStyleIdPrefix: string | null, isSvg: boolean);
+}
+
 /** @internal */
 export declare function _setEvent(serializationCtx: SerializationContext, key: string, rawValue: unknown, hasMovedCaptures: boolean): string | null;
 
@@ -3125,6 +3202,12 @@ export declare const setPlatform: (plt: CorePlatform) => CorePlatform;
  */
 export declare function _setProjectionTarget(vnode: _VirtualVNode, targetElement: Element): void;
 
+declare class SetTextOperation {
+    target: Text;
+    text: string;
+    constructor(target: Text, text: string);
+}
+
 /** @internal */
 export declare abstract class _SharedContainer implements _Container {
     readonly $version$: string;
@@ -3576,7 +3659,8 @@ declare type StoreTarget = Record<string | symbol, any>;
 
 /** @internal */
 export declare interface StreamWriter {
-    write(chunk: string): void;
+    write(chunk: string): ValueOrPromise<void>;
+    waitForDrain?(): ValueOrPromise<void>;
 }
 
 /** @file Shared types */
@@ -3589,6 +3673,25 @@ export declare class _SubscriptionData {
     constructor(data: NodePropData);
 }
 
+/** @internal */
+export declare const _suC: (props: SuspenseProps) => JSXNodeInternal<FunctionComponent<    {
+children?: any;
+key?: string | number | null;
+}>>;
+
+/** @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
  *
@@ -4739,7 +4842,7 @@ export declare const _VAR_PROPS: unique symbol;
 export declare const _verifySerializable: <T>(value: T, preMessage?: string) => T;
 
 /**
- * 2.0.0-beta.32-dev+0e29f8a
+ * 2.0.0-beta.35-dev+4603135
  *
  * @public
  */
@@ -4778,9 +4881,24 @@ export declare const _vnode_ensureElementInflated: (container: _Container, vnode
 /** @internal */
 export declare const _vnode_getAttrKeys: (container: _Container, vnode: _ElementVNode | _VirtualVNode) => string[];
 
+/** @internal */
+export declare const _vnode_getElementName: (vnode: _ElementVNode) => string;
+
 /** @internal */
 export declare const _vnode_getFirstChild: (vnode: _VNode) => _VNode | null;
 
+/** @internal */
+export declare const _vnode_getProp: <T = unknown>(vNode: _VNode, key: string, getObject: ((id: string) => unknown) | null) => T | null;
+
+/** @internal */
+export declare const _vnode_getVNodeForChildNode: (vNode: _ElementVNode, childElement: Element) => _ElementVNode;
+
+/** @internal */
+export declare const _vnode_insertBefore: (journal: _VNodeJournal, parent: _ElementVNode | _VirtualVNode, newChild: _VNode, insertBefore: _VNode | null) => void;
+
+/** @internal */
+export declare const _vnode_isElementVNode: (vNode: _VNode) => vNode is _ElementVNode;
+
 /** @internal */
 export declare const _vnode_isMaterialized: (vNode: _VNode) => boolean;
 
@@ -4790,6 +4908,15 @@ export declare const _vnode_isTextVNode: (vNode: _VNode) => vNode is _TextVNode;
 /** @internal */
 export declare const _vnode_isVirtualVNode: (vNode: _VNode) => vNode is _VirtualVNode;
 
+/** @internal */
+export declare const _vnode_newVirtual: () => _VirtualVNode;
+
+/** @internal */
+export declare const _vnode_remove: (journal: _VNodeJournal, vParent: _ElementVNode | _VirtualVNode, vToRemove: _VNode, removeDOM: boolean) => void;
+
+/** @internal */
+export declare const _vnode_setProp: (vNode: _VNode, key: string, value: unknown) => void;
+
 /** @internal */
 export declare function _vnode_toString(this: _VNode | null, depth?: number, offset?: string, materialize?: boolean, siblings?: boolean, colorize?: boolean, container?: _Container | null): string;
 
@@ -4877,6 +5004,11 @@ export declare const enum _VNodeFlags {
     HasTargetElement = 2048
 }
 
+/** @internal */
+export declare type _VNodeJournal = Array<VNodeOperation>;
+
+declare type VNodeOperation = DeleteOperation | RemoveAllChildrenOperation | SetTextOperation | InsertOrMoveOperation | SetAttributeOperation;
+
 /** @internal */
 export declare const _waitUntilRendered: (container: _Container) => Promise<void>;