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

package/dist/server.mjs

@@ -1,6 +1,6 @@
 /**
  * @license
- * @qwik.dev/core/server 2.0.0-beta.18-dev+a8081d4
+ * @qwik.dev/core/server 2.0.0-beta.19-dev+0d046fb
  * 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
@@ -1174,7 +1174,7 @@ function getBuildBase(opts) {
   return `${import.meta.env.BASE_URL || "/"}build/`;
 }
 var versions = {
-  qwik: "2.0.0-beta.18-dev+a8081d4",
+  qwik: "2.0.0-beta.19-dev+0d046fb",
   qwikDom: "2.1.19"
 };
 
@@ -1214,7 +1214,7 @@ function flattenPrefetchResources(prefetchResources) {
 // packages/qwik/src/server/preload-strategy.ts
 var getBundles = (qrls) => {
   const platform = getPlatform();
-  return qrls?.map((qrl) => {
+  const bundles2 = qrls?.map((qrl) => {
     const symbol = qrl.$symbol$;
     const chunk = qrl.$chunk$;
     const result = platform.chunkForSymbol(symbol, chunk, qrl.dev?.file);
@@ -1223,6 +1223,7 @@ var getBundles = (qrls) => {
     }
     return chunk;
   }).filter(Boolean);
+  return [...new Set(bundles2)];
 };
 function getPreloadPaths(qrls, opts, resolvedManifest) {
   const prefetchStrategy = opts.prefetchStrategy;

package/dist/starters/adapters/cloudflare-workers/README.md

@@ -0,0 +1,52 @@
+## Cloudflare Workers
+
+Cloudflare's [wrangler](https://github.com/cloudflare/wrangler) CLI can be used to preview a production build locally. To start a local server, run:
+
+```
+npm run serve
+```
+
+Then visit [http://localhost:8787/](http://localhost:8787/)
+
+### Deployments
+
+[Cloudflare Workers](https://workers.cloudflare.com/) can be deployed using the [Wrangler CLI](https://developers.cloudflare.com/workers/wrangler/).
+
+If you don't already have an account, then [create a Cloudflare account here](https://dash.cloudflare.com/sign-up/workers-and-pages).
+
+Once authenticated, you can deploy your Worker:
+
+```
+npm run deploy
+```
+
+### Configuration
+
+The `wrangler.jsonc` file contains your Worker configuration. Key settings include:
+
+- **name**: Your Worker's name
+- **main**: Path to your Worker script (default: `./dist/_worker.js`)
+- **compatibility_date**: The date used for compatibility with the Workers runtime
+- **assets**: Configuration for serving static assets
+- **bindings**: Resources your Worker can interact with (KV, R2, D1, etc.)
+
+After adding any binding, use this command to regenerate the worker-configuration.d.ts file
+
+```
+npm run cf-typegen
+```
+
+For more details, see the [Wrangler configuration documentation](https://developers.cloudflare.com/workers/wrangler/configuration/).
+
+### Bindings
+
+Cloudflare Workers can interact with various Cloudflare resources through bindings:
+
+- **KV**: Key-value storage
+- **R2**: Object storage
+- **D1**: SQL database
+- **Durable Objects**: Strongly consistent storage
+- **Queues**: Message queues
+- **AI**: AI inference
+
+Configure bindings in your `wrangler.jsonc` file. See the [bindings documentation](https://developers.cloudflare.com/workers/runtime-apis/bindings/) for more information.

package/dist/starters/adapters/cloudflare-workers/adapters/cloudflare-workers/vite.config.ts

@@ -0,0 +1,15 @@
+import { cloudflarePagesAdapter as cloudflareWorkersAdapter } from "@builder.io/qwik-city/adapters/cloudflare-pages/vite";
+import { extendConfig } from "@builder.io/qwik-city/vite";
+import baseConfig from "../../vite.config";
+
+export default extendConfig(baseConfig, () => {
+  return {
+    build: {
+      ssr: true,
+      rollupOptions: {
+        input: ["src/entry.cloudflare-pages.tsx", "@qwik-city-plan"],
+      },
+    },
+    plugins: [cloudflareWorkersAdapter()],
+  };
+});

package/dist/starters/adapters/cloudflare-workers/gitignore

@@ -0,0 +1,3 @@
+# Cloudflare
+functions/**/*.js
+.wrangler/

package/dist/starters/adapters/cloudflare-workers/package.json

@@ -0,0 +1,31 @@
+{
+  "description": "Cloudflare Workers",
+  "scripts": {
+    "build.server": "qwik check-client src dist && vite build -c adapters/cloudflare-workers/vite.config.ts",
+    "deploy": "wrangler deploy",
+    "serve": "wrangler dev",
+    "cf-typegen": "wrangler types"
+  },
+  "devDependencies": {
+    "@cloudflare/workers-types": "^4.20251228.0",
+    "wrangler": "^3.0.0"
+  },
+  "__qwik__": {
+    "priority": 40,
+    "displayName": "Adapter: Cloudflare Workers",
+    "docs": [
+      "https://qwik.dev/deployments/cloudflare-workers/",
+      "https://developers.cloudflare.com/workers"
+    ],
+    "nextSteps": {
+      "title": "Next Steps",
+      "lines": [
+        "Make sure to follow the instructions in the [Cloudflare Workers documentation](https://qwik.dev/deployments/cloudflare-workers/) to setup your Qwik app.",
+        "Now you can build and deploy to Cloudflare Workers with:",
+        "",
+        "- pnpm run build: production build for Cloudflare",
+        "- pnpm run deploy: it will use the Cloudflare CLI to deploy your site"
+      ]
+    }
+  }
+}

package/dist/starters/adapters/cloudflare-workers/public/.assetsignore

@@ -0,0 +1,4 @@
+_worker.js
+_routes.json
+_headers
+_redirects

package/dist/starters/adapters/cloudflare-workers/public/_headers

@@ -0,0 +1,11 @@
+# https://developers.cloudflare.com/pages/platform/headers/
+
+/*service-worker.js
+  Cache-Control: no-store
+  Content-Type: application/javascript
+  X-Content-Type-Options: nosniff
+
+/build/*
+  Cache-Control: public, max-age=31536000, s-maxage=31536000, immutable
+/assets/*
+  Cache-Control: public, max-age=31536000, s-maxage=31536000, immutable

package/dist/starters/adapters/cloudflare-workers/public/_redirects

@@ -0,0 +1 @@
+# https://developers.cloudflare.com/pages/platform/redirects/

package/dist/starters/adapters/cloudflare-workers/src/entry.cloudflare-pages.tsx

@@ -0,0 +1,23 @@
+/*
+ * WHAT IS THIS FILE?
+ *
+ * It's the entry point for Cloudflare Workers when building for production.
+ *
+ * Learn more about the Cloudflare Workers integration here:
+ * - https://qwik.dev/docs/deployments/cloudflare-workers/
+ *
+ */
+import {
+  createQwikCity,
+  type PlatformCloudflarePages as PlatformCloudflareWorkers,
+} from "@builder.io/qwik-city/middleware/cloudflare-pages";
+import qwikCityPlan from "@qwik-city-plan";
+import render from "./entry.ssr";
+
+declare global {
+  type QwikCityPlatform = PlatformCloudflareWorkers;
+}
+
+const fetch = createQwikCity({ render, qwikCityPlan });
+
+export { fetch };

package/dist/starters/adapters/cloudflare-workers/worker-configuration.d.ts

@@ -0,0 +1,5 @@
+// Generated by Wrangler
+// After adding bindings to `wrangler.jsonc`, regenerate this interface via `npm run cf-typegen`
+interface Env {
+  ASSET: Fetcher;
+}

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/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.";
+});