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

package/dist/starters/adapters/cloudflare-workers/wrangler.jsonc

@@ -0,0 +1,41 @@
+/**
+ * For more details on how to configure Wrangler, refer to:
+ * https://developers.cloudflare.com/workers/wrangler/configuration/
+ */
+{
+  "$schema": "node_modules/wrangler/config-schema.json",
+  "name": "my-qwik-app",
+  "main": "./dist/_worker.js",
+  "compatibility_date": "2025-12-28",
+  "compatibility_flags": ["nodejs_compat", "global_fetch_strictly_public"],
+  "assets": {
+    "binding": "ASSET",
+    "directory": "./dist",
+  },
+  "observability": {
+    "enabled": true,
+  },
+  /**
+   * Smart Placement
+   * https://developers.cloudflare.com/workers/configuration/smart-placement/#smart-placement
+   */
+  // "placement": {  "mode": "smart" }
+  /**
+   * Bindings
+   * Bindings allow your Worker to interact with resources on the Cloudflare Developer Platform, including
+   * databases, object storage, AI inference, real-time communication and more.
+   * https://developers.cloudflare.com/workers/runtime-apis/bindings/
+   */
+  /**
+   * Environment Variables
+   * https://developers.cloudflare.com/workers/wrangler/configuration/#environment-variables
+   * Note: Use secrets to store sensitive data.
+   * https://developers.cloudflare.com/workers/configuration/secrets/
+   */
+  // "vars": {  "MY_VARIABLE": "production_value" }
+  /**
+   * Service Bindings (communicate between multiple Workers)
+   * https://developers.cloudflare.com/workers/wrangler/configuration/#service-bindings
+   */
+  // "services": [  {   "binding": "MY_SERVICE",   "service": "my-service"  } ]
+}

package/dist/starters/adapters/express/package.json

@@ -5,7 +5,7 @@
     "serve": "node server/entry.express"
   },
   "dependencies": {
-    "express": "4.20.0"
+    "express": "4.22.0"
   },
   "devDependencies": {
     "@types/compression": "^1.7.2",

package/dist/starters/features/compiled-i18n/package.json

@@ -0,0 +1,37 @@
+{
+  "description": "Add compiled-i18n to your Qwik app",
+  "__qwik__": {
+    "displayName": "Integration: compiled-i18n (compile time translations)",
+    "priority": -10,
+    "viteConfig": {
+      "imports": [
+        {
+          "namedImports": [
+            "i18nPlugin"
+          ],
+          "importPath": "compiled-i18n/vite"
+        }
+      ],
+      "vitePlugins": [
+        "i18nPlugin({ locales: ['en'] })"
+      ]
+    },
+    "docs": [
+      "https://qwik.dev/docs/integrations/i18n/#localize",
+      "https://github.com/wmertens/compiled-i18n/blob/main/Readme.md"
+    ],
+    "nextSteps": {
+      "title": "Next Steps",
+      "lines": [
+        " - Change the `locales` array in the vite config to add more languages",
+        " - Use the `src/components/locale-selector/locale-selector.tsx` component to switch languages",
+        "",
+        " Check out the compiled-i18n docs:",
+        "   - https://github.com/wmertens/compiled-i18n/blob/main/Readme.md"
+      ]
+    }
+  },
+  "devDependencies": {
+    "compiled-i18n": "latest"
+  }
+}

package/dist/starters/features/compiled-i18n/src/components/locale-selector/locale-selector.tsx

@@ -0,0 +1,30 @@
+import { component$, getLocale } from "@builder.io/qwik";
+import { _, locales } from "compiled-i18n";
+
+export const LocaleSelector = component$(() => {
+  const currentLocale = getLocale();
+  return (
+    <>
+      {locales.map((locale) => {
+        const isCurrent = locale === currentLocale;
+        return (
+          // Note, you must use `<a>` and not `<Link>` so the page reloads
+          <a
+            key={locale}
+            // When using route-based locale selection, build the URL here
+            href={`?locale=${locale}`}
+            aria-disabled={isCurrent}
+            class={
+              "btn btn-ghost btn-sm" +
+              (isCurrent
+                ? " bg-neutralContent text-neutral pointer-events-none"
+                : " bg-base-100 text-base-content")
+            }
+          >
+            {locale}
+          </a>
+        );
+      })}
+    </>
+  );
+});

package/dist/starters/features/{localize → compiled-i18n}/src/entry.ssr.tsx

@@ -7,15 +7,20 @@
  * On the client, containers resume and do not call render.
  */
 import { createRenderer } from "@qwik.dev/router";
+import { extractBase, setSsrLocaleGetter } from "compiled-i18n/qwik";
 import Root from "./root";
-import { extractBase } from "./routes/[locale]/i18n-utils";
+
+setSsrLocaleGetter();
 
 export default createRenderer((opts) => {
   return {
     jsx: <Root />,
     options: {
       ...opts,
-      base: extractBase, // determine the base URL for the client code
+
+      // determine the base URL for the client code
+      base: extractBase,
+
       // Use container attributes to set attributes on the html tag.
       containerAttributes: {
         lang: opts.serverData?.locale ?? "en-us",

package/dist/starters/features/compiled-i18n/src/routes/plugin@compiled-i18n.ts

@@ -0,0 +1,28 @@
+// ... other imports
+import { guessLocale } from "compiled-i18n";
+import type { RequestHandler } from "@builder.io/qwik-city";
+
+/**
+ * Handle incoming requests to determine and set the appropriate locale.
+ * This function checks for a 'locale' query parameter, then a `locale` cookie,
+ * and finally falls back to the 'Accept-Language' header.
+ */
+export const onRequest: RequestHandler = async ({
+  query,
+  cookie,
+  headers,
+  locale,
+}) => {
+  // Allow overriding locale with query param `locale`
+  if (query.has("locale")) {
+    const newLocale = guessLocale(query.get("locale"));
+    cookie.delete("locale");
+    cookie.set("locale", newLocale, {});
+    locale(newLocale);
+  } else {
+    // Choose locale based on cookie or accept-language header
+    const maybeLocale =
+      cookie.get("locale")?.value || headers.get("accept-language");
+    locale(guessLocale(maybeLocale));
+  }
+};

package/dist/starters/features/csr/package.json

@@ -20,7 +20,7 @@
     "@qwik.dev/core": "workspace:*"
   },
   "devDependencies": {
-    "vite": "7.2.2"
+    "vite": "7.3.1"
   },
   "scripts": {
     "dev": "vite",

package/dist/starters/features/cypress/src/actions/example.action.ts

@@ -0,0 +1,5 @@
+import { routeAction$ } from "@builder.io/qwik-city";
+
+export const useExampleAction = routeAction$(() => {
+  return "This is example action data.";
+});

package/dist/starters/features/cypress/src/components/example/example.cy.tsx

@@ -1,18 +1,60 @@
+import { $, component$ } from "@builder.io/qwik";
+import { QwikCityMockProvider } from "@builder.io/qwik-city";
+
 import { ExampleTest } from "./example";
+import { useExampleLoader } from "../../loaders/example.loader";
+import { useExampleAction } from "../../actions/example.action";
+
+const Template = component$((props: { flag: boolean }) => {
+  const loadersMock = [
+    {
+      loader: useExampleLoader,
+      data: "Loader Data",
+    },
+  ];
+
+  const actionStub = $(() => cy.stub().as("actionStub"))();
+  const actionsMock = [
+    {
+      action: useExampleAction,
+      handler: $(async () => {
+        await actionStub.then((_) => _());
+        return { status: 200, result: "Action Data" };
+      }),
+    },
+  ];
+
+  return (
+    <QwikCityMockProvider loaders={loadersMock} actions={actionsMock}>
+      <ExampleTest flag={props.flag} />
+    </QwikCityMockProvider>
+  );
+});
 
 it("should render ⭐", () => {
-  cy.mount(<ExampleTest flag={true} />);
-  cy.get("div.icon").should("contain.text", "⭐");
+  cy.mount(<Template flag={true} />);
+  cy.get("#icon").should("contain.text", "⭐");
 });
 
 it("should render 💣", () => {
-  cy.mount(<ExampleTest flag={false} />);
-  cy.get("div.icon").should("contain.text", "💣");
+  cy.mount(<Template flag={false} />);
+  cy.get("#icon").should("contain.text", "💣");
 });
 
 it("should count clicks", () => {
-  cy.mount(<ExampleTest flag={true} />);
-  cy.get("span").should("contain.text", "Count:0");
-  cy.get("button").click();
-  cy.get("span").should("contain.text", "Count:1");
+  cy.mount(<Template flag={true} />);
+  cy.get("#count").should("contain.text", "Count:0");
+  cy.get("#btn-counter").click();
+  cy.get("#count").should("contain.text", "Count:1");
+});
+
+it("should render loader data", () => {
+  cy.mount(<Template flag={true} />);
+  cy.get("#loader-data").should("contain.text", "Loader Data");
+});
+
+it("should call action on button click", () => {
+  cy.mount(<Template flag={true} />);
+  cy.get("#btn-action").click();
+  cy.get("@actionStub").should("have.been.called");
 });

package/dist/starters/features/cypress/src/components/example/example.tsx

@@ -1,17 +1,27 @@
 import { component$, useStore } from "@qwik.dev/core";
 
+import { useExampleLoader } from "../../loaders/example.loader";
+import { useExampleAction } from "../../actions/example.action";
+
 export const ExampleTest = component$((props: { flag: boolean }) => {
   const state = useStore({
     counter: 0,
   });
 
+  const loaderState = useExampleLoader();
+  const action = useExampleAction();
+
   return (
     <>
-      <span>Count:{state.counter}</span>
-      <div class="icon">Flag: {props.flag ? "⭐" : "💣"}</div>
-      <button class="btn-counter" onClick$={() => state.counter++}>
+      <span id="count">Count:{state.counter}</span>
+      <div id="icon">Flag: {props.flag ? "⭐" : "💣"}</div>
+      <button id="btn-counter" onClick$={() => state.counter++}>
         Increment counter
       </button>
+      <span id="loader-data">{loaderState.value}</span>
+      <button id="btn-action" onClick$={() => action.submit()}>
+        Call action
+      </button>
     </>
   );
 });

package/dist/starters/features/cypress/src/loaders/example.loader.ts

@@ -0,0 +1,5 @@
+import { routeLoader$ } from "@builder.io/qwik-city";
+
+export const useExampleLoader = routeLoader$(() => {
+  return "This is example loader data.";
+});

package/dist/starters/features/playwright/playwright-report/index.html

@@ -833,7 +833,6 @@
                 for (
                   T &= 15, N = R[G + 2] + (M & Pe[T]), M >>= T, O -= T;
                   O < 15;
-
                 )
                   (U--, (M |= (S.read_byte(q++) & 255) << O), (O += 8));
                 ((C = M & H), (R = y), (D = k), (G = (D + C) * 3), (T = R[G]));
@@ -991,7 +990,6 @@
                 D = g.write,
                 T = D < g.read ? g.read - D - 1 : g.end - D;
               ;
-
             )
               switch (t) {
                 case so:
@@ -1346,7 +1344,6 @@
                 w = n.write,
                 S = w < n.read ? n.read - w - 1 : n.end - w;
               ;
-
             ) {
               let R, D, T, M, O, q, U, B;
               switch (r) {
@@ -1579,7 +1576,6 @@
                       for (
                         C = I == 18 ? 7 : I - 14, Y = I == 18 ? 11 : 3;
                         d < u + C;
-
                       ) {
                         if (k !== 0) g = V;
                         else
@@ -2327,7 +2323,6 @@
           for (
             t.push(Math.floor(e._length / 4294967296)), t.push(e._length | 0);
             t.length;
-
           )
             e._block(t.splice(0, 16));
           return (e.reset(), n);
@@ -4526,7 +4521,6 @@
             for (
               d(H), m = n(c);
               m !== null && (!(m.expirationTime > H) || (I && !T()));
-
             ) {
               var z = m.callback;
               if (typeof z == "function") {
@@ -5013,7 +5007,6 @@
                 i = o.length - 1,
                 l = s.length - 1;
               1 <= i && 0 <= l && o[i] !== s[l];
-
             )
               l--;
             for (; 1 <= i && 0 <= l; i--, l--)
@@ -5418,7 +5411,6 @@
                 po.innerHTML = "<svg>" + t.valueOf().toString() + "</svg>",
                 t = po.firstChild;
               e.firstChild;
-
             )
               e.removeChild(e.firstChild);
             for (; t.firstChild; ) e.appendChild(t.firstChild);
@@ -5932,7 +5924,6 @@
             o = e.expirationTimes,
             s = e.pendingLanes;
           0 < s;
-
         ) {
           var i = 31 - rt(s),
             l = 1 << i,
@@ -8166,7 +8157,6 @@
         for (
           e = e.return;
           e !== null && e.tag !== 5 && e.tag !== 3 && e.tag !== 13;
-
         )
           e = e.return;
         Be = e;
@@ -9853,7 +9843,6 @@ Error generating stack: ` +
                           r = n,
                           n = t.child;
                         n !== null;
-
                       )
                         ((s = n),
                           (e = r),
@@ -10539,7 +10528,6 @@ Error generating stack: ` +
           for (
             e = t.child, n = Jt(e, e.pendingProps), t.child = n, n.return = t;
             e.sibling !== null;
-
           )
             ((e = e.sibling),
               (n = n.sibling = Jt(e, e.pendingProps)),
@@ -10703,7 +10691,6 @@ Error generating stack: ` +
                       m !== s || (r !== 0 && m.nodeType !== 3) || (c = i + r),
                       m.nodeType === 3 && (i += m.nodeValue.length),
                       (x = m.firstChild) !== null;
-
                   )
                     ((h = m), (m = x));
                   for (;;) {
@@ -10726,7 +10713,6 @@ Error generating stack: ` +
         for (
           ol = { focusedElem: e, selectionRange: n }, ts = !1, P = t;
           P !== null;
-
         )
           if (
             ((t = P),
@@ -10862,7 +10848,6 @@ Error generating stack: ` +
           for (
             e.sibling.return = e.return, e = e.sibling;
             e.tag !== 5 && e.tag !== 6 && e.tag !== 18;
-
           ) {
             if (e.flags & 2 || e.child === null || e.tag === 4) continue e;
             ((e.child.return = e), (e = e.child));
@@ -11782,7 +11767,6 @@ Error generating stack: ` +
             e.pingedLanes &= ~t,
             e = e.expirationTimes;
           0 < t;
-
         ) {
           var n = 31 - rt(t),
             r = 1 << n;
@@ -12466,7 +12450,6 @@ Error generating stack: ` +
                       n = Ep(t, null, r, n),
                       t.child = n;
                     n;
-
                   )
                     ((n.flags = (n.flags & -3) | 4096), (n = n.sibling));
               else {
@@ -12536,7 +12519,6 @@ Error generating stack: ` +
                   for (
                     s = t.child, s !== null && (s.return = t);
                     s !== null;
-
                   ) {
                     var l = s.dependencies;
                     if (l !== null) {
@@ -18985,7 +18967,6 @@ Error generating stack: ` +
             var l = i;
             l < t.length - 1 &&
             t[l].charCodeAt(1) + 1 === t[l + 1].charCodeAt(1);
-
           )
             l += 1;
           var c = 1 + l - i;

package/dist/testing/index.d.ts

@@ -67,6 +67,7 @@ declare interface Container {
     $renderPromise$: Promise<void> | null;
     $resolveRenderPromise$: (() => void) | null;
     $cursorCount$: number;
+    $pausedCursorCount$: number;
     handleError(err: any, $host$: HostElement | null): void;
     getParentHost(host: HostElement): HostElement | null;
     setContext<T>(host: HostElement, context: ContextId<T>, value: T): void;
@@ -238,15 +239,13 @@ declare const enum EffectProperty {
  * - `EffectProperty.COMPONENT` if component
  * - `EffectProperty.VNODE` if VNode
  */
-declare type EffectSubscription = [
-Consumer,
-// EffectSubscriptionProp.CONSUMER
-EffectProperty | string,
-// EffectSubscriptionProp.PROPERTY or string for attributes
-Set<SignalImpl | StoreTarget> | null,
-// EffectSubscriptionProp.BACK_REF
-SubscriptionData | null
-];
+declare class EffectSubscription {
+    consumer: Consumer;
+    property: EffectProperty | string;
+    backRef: Set<SignalImpl | StoreTarget> | null;
+    data: SubscriptionData | null;
+    constructor(consumer: Consumer, property: EffectProperty | string, backRef?: Set<SignalImpl | StoreTarget> | null, data?: SubscriptionData | null);
+}
 
 /**
  * Creates a simple DOM structure for testing components.
@@ -754,12 +753,13 @@ export declare function trigger(root: Element, queryOrElement: string | Element
 declare type ValueOrPromise<T> = T | Promise<T>;
 
 /** @internal */
-declare abstract class VNode extends BackRef {
+declare abstract class VNode implements BackRef {
     flags: VNodeFlags;
     parent: VNode | null;
     previousSibling: VNode | null | undefined;
     nextSibling: VNode | null | undefined;
     props: Props | null;
+    [_EFFECT_BACK_REF]: Map<any, any> | undefined;
     slotParent: VNode | null;
     dirty: ChoreBits;
     dirtyChildren: VNode[] | null;
@@ -770,7 +770,7 @@ declare abstract class VNode extends BackRef {
 
 /** @public */
 export declare function vnode_fromJSX(jsx: JSXOutput): {
-    vParent: _ElementVNode | _VirtualVNode;
+    vParent: _VirtualVNode | _ElementVNode;
     vNode: _VNode | null;
     document: _QDocument;
     container: ClientContainer_2;