@qwik.dev/core 2.0.0-beta.2 → 2.0.0-beta.21

package/dist/starters/adapters/fastify/src/plugins/fastify-qwik.ts

@@ -1,5 +1,4 @@
 import fastifyStatic from "@fastify/static";
-import qwikRouterConfig from "@qwik-router-config";
 import { createQwikRouter } from "@qwik.dev/router/middleware/node";
 import type { FastifyPluginAsync } from "fastify";
 import fastifyPlugin from "fastify-plugin";
@@ -12,7 +11,7 @@ export interface FastifyQwikOptions {
   assetsDir: string;
 }
 
-const { router, notFound } = createQwikRouter({ render, qwikRouterConfig });
+const { router, notFound } = createQwikRouter({ render });
 
 const qwikPlugin: FastifyPluginAsync<FastifyQwikOptions> = async (
   fastify,

package/dist/starters/adapters/firebase/adapters/firebase/{vite.config.mts → vite.config.ts}

@@ -1,7 +1,7 @@
 import { nodeServerAdapter } from "@qwik.dev/router/adapters/node-server/vite";
 import { extendConfig } from "@qwik.dev/router/vite";
 import { builtinModules } from "module";
-import baseConfig from "../../vite.config.mts";
+import baseConfig from "../../vite.config.ts";
 export default extendConfig(baseConfig, () => {
   return {
     ssr: {
@@ -12,7 +12,7 @@ export default extendConfig(baseConfig, () => {
       minify: false,
       ssr: true,
       rollupOptions: {
-        input: ["./src/entry-firebase.tsx", "@qwik-router-config"],
+        input: ["./src/entry-firebase.tsx"],
       },
       outDir: "./functions/server",
     },

package/dist/starters/adapters/firebase/package.json

@@ -1,7 +1,7 @@
 {
   "description": "Firebase",
   "scripts": {
-    "build.server": "vite build -c adapters/firebase/vite.config.mts",
+    "build.server": "qwik check-client src dist && vite build -c adapters/firebase/vite.config.ts",
     "serve": "qwik build && firebase emulators:start",
     "deploy": "firebase deploy"
   },
@@ -20,5 +20,6 @@
         "- cd functions && pnpm i"
       ]
     }
-  }
+  },
+  "type": "module"
 }

package/dist/starters/adapters/firebase/src/entry-firebase.tsx

@@ -7,7 +7,6 @@
  * - https://qwik.dev/docs/deployments/firebase/
  *
  */
-import qwikRouterConfig from "@qwik-router-config";
 import {
   createQwikRouter,
   type PlatformFirebase,
@@ -15,7 +14,7 @@ import {
 import render from "./entry.ssr";
 
 declare global {
-  interface QwikRouterPlatform extends PlatformFirebase {}
+  type QwikRouterPlatform = PlatformFirebase;
 }
 
-export default createQwikRouter({ render, qwikRouterConfig });
+export default createQwikRouter({ render });

package/dist/starters/adapters/netlify-edge/adapters/netlify-edge/{vite.config.mts → vite.config.ts}

@@ -1,13 +1,13 @@
 import { netlifyEdgeAdapter } from "@qwik.dev/router/adapters/netlify-edge/vite";
 import { extendConfig } from "@qwik.dev/router/vite";
-import baseConfig from "../../vite.config.mts";
+import baseConfig from "../../vite.config.ts";
 
 export default extendConfig(baseConfig, () => {
   return {
     build: {
       ssr: true,
       rollupOptions: {
-        input: ["src/entry.netlify-edge.tsx", "@qwik-router-config"],
+        input: ["src/entry.netlify-edge.tsx"],
       },
       outDir: ".netlify/edge-functions/entry.netlify-edge",
     },

package/dist/starters/adapters/netlify-edge/package.json

@@ -1,7 +1,7 @@
 {
   "description": "Netlify Edge Functions",
   "scripts": {
-    "build.server": "vite build -c adapters/netlify-edge/vite.config.mts",
+    "build.server": "qwik check-client src dist && vite build -c adapters/netlify-edge/vite.config.ts",
     "deploy": "netlify deploy --build"
   },
   "devDependencies": {
@@ -25,5 +25,6 @@
         "- pnpm run deploy: it will use the netlify CLI to deploy your site"
       ]
     }
-  }
+  },
+  "type": "module"
 }

package/dist/starters/adapters/netlify-edge/src/entry.netlify-edge.tsx

@@ -7,7 +7,6 @@
  * - https://qwik.dev/docs/deployments/netlify-edge/
  *
  */
-import qwikRouterConfig from "@qwik-router-config";
 import {
   createQwikRouter,
   type PlatformNetlify,
@@ -15,7 +14,7 @@ import {
 import render from "./entry.ssr";
 
 declare global {
-  interface QwikRouterPlatform extends PlatformNetlify {}
+  type QwikRouterPlatform = PlatformNetlify;
 }
 
-export default createQwikRouter({ render, qwikRouterConfig });
+export default createQwikRouter({ render });

package/dist/starters/adapters/node-server/adapters/node-server/{vite.config.mts → vite.config.ts}

@@ -1,13 +1,13 @@
 import { nodeServerAdapter } from "@qwik.dev/router/adapters/node-server/vite";
 import { extendConfig } from "@qwik.dev/router/vite";
-import baseConfig from "../../vite.config.mts";
+import baseConfig from "../../vite.config.ts";
 
 export default extendConfig(baseConfig, () => {
   return {
     build: {
       ssr: true,
       rollupOptions: {
-        input: ["src/entry.node-server.tsx", "@qwik-router-config"],
+        input: ["src/entry.node-server.tsx"],
       },
     },
     plugins: [nodeServerAdapter({ name: "node-server" })],

package/dist/starters/adapters/node-server/package.json

@@ -1,7 +1,7 @@
 {
   "description": "Vanilla Node server",
   "scripts": {
-    "build.server": "vite build -c adapters/node-server/vite.config.mts",
+    "build.server": "qwik check-client src dist && vite build -c adapters/node-server/vite.config.ts",
     "serve": "node server/entry.node-server"
   },
   "__qwik__": {
@@ -19,5 +19,6 @@
         "- pnpm run serve: runs the production server locally"
       ]
     }
-  }
+  },
+  "type": "module"
 }

package/dist/starters/adapters/node-server/src/entry.node-server.tsx

@@ -7,7 +7,6 @@
  * - https://qwik.dev/docs/deployments/node/
  *
  */
-import qwikRouterConfig from "@qwik-router-config";
 import { createQwikRouter } from "@qwik.dev/router/middleware/node";
 import { createServer } from "node:http";
 import render from "./entry.ssr";
@@ -18,7 +17,6 @@ const PORT = process.env.PORT ?? 3004;
 // Create the Qwik Router express middleware
 const { router, notFound, staticFile } = createQwikRouter({
   render,
-  qwikRouterConfig,
   static: {
     cacheControl: "public, max-age=31536000, immutable",
   },

package/dist/starters/adapters/{static/adapters/static/vite.config.mts → ssg/adapters/ssg/vite.config.ts}

@@ -1,6 +1,6 @@
-import { staticAdapter } from "@qwik.dev/router/adapters/static/vite";
+import { ssgAdapter } from "@qwik.dev/router/adapters/ssg/vite";
 import { extendConfig } from "@qwik.dev/router/vite";
-import baseConfig from "../../vite.config.mts";
+import baseConfig from "../../vite.config.ts";
 
 export default extendConfig(baseConfig, () => {
   return {
@@ -11,7 +11,7 @@ export default extendConfig(baseConfig, () => {
       },
     },
     plugins: [
-      staticAdapter({
+      ssgAdapter({
         origin: "https://yoursite.qwik.dev",
       }),
     ],

package/dist/starters/adapters/ssg/package.json

@@ -0,0 +1,20 @@
+{
+  "description": "Static Site Generator",
+  "scripts": {
+    "build.server": "qwik check-client src dist && vite build -c adapters/ssg/vite.config.ts"
+  },
+  "__qwik__": {
+    "priority": 10,
+    "displayName": "Adapter: Static Site Generation (.html files)",
+    "docs": [
+      "https://qwik.dev/docs/guides/static-site-generation/"
+    ],
+    "nextSteps": {
+      "lines": [
+        "You have to change the 'origin' url under ssgAdapter",
+        "inside './adapters/ssg/vite.config.ts'"
+      ]
+    }
+  },
+  "type": "module"
+}

package/dist/starters/adapters/vercel-edge/README.md

@@ -4,12 +4,12 @@ This starter site is configured to deploy to [Vercel Edge Functions](https://ver
 
 ## Installation
 
-The adaptor will add a new `vite.config.mts` within the `adapters/` directory, and a new entry file will be created, such as:
+The adaptor will add a new `vite.config.ts` within the `adapters/` directory, and a new entry file will be created, such as:
 
 ```
 └── adapters/
     └── vercel-edge/
-        └── vite.config.mts
+        └── vite.config.ts
 └── src/
     └── entry.vercel-edge.tsx
 ```

package/dist/starters/adapters/vercel-edge/adapters/vercel-edge/{vite.config.mts → vite.config.ts}

@@ -1,13 +1,13 @@
 import { vercelEdgeAdapter } from "@qwik.dev/router/adapters/vercel-edge/vite";
 import { extendConfig } from "@qwik.dev/router/vite";
-import baseConfig from "../../vite.config.mts";
+import baseConfig from "../../vite.config.ts";
 
 export default extendConfig(baseConfig, () => {
   return {
     build: {
       ssr: true,
       rollupOptions: {
-        input: ["src/entry.vercel-edge.tsx", "@qwik-router-config"],
+        input: ["src/entry.vercel-edge.tsx"],
       },
       outDir: ".vercel/output/functions/_qwik-router.func",
     },

package/dist/starters/adapters/vercel-edge/package.json

@@ -1,7 +1,7 @@
 {
   "description": "Vercel Edge Functions",
   "scripts": {
-    "build.server": "vite build -c adapters/vercel-edge/vite.config.mts",
+    "build.server": "qwik check-client src dist && vite build -c adapters/vercel-edge/vite.config.ts",
     "deploy": "vercel deploy"
   },
   "devDependencies": {
@@ -24,5 +24,6 @@
         "- pnpm run deploy: it will use the Vercel CLI to deploy your site"
       ]
     }
-  }
+  },
+  "type": "module"
 }

package/dist/starters/adapters/vercel-edge/src/entry.vercel-edge.tsx

@@ -7,7 +7,6 @@
  * - https://qwik.dev/docs/deployments/vercel-edge/
  *
  */
-import qwikRouterConfig from "@qwik-router-config";
 import {
   createQwikRouter,
   type PlatformVercel,
@@ -15,7 +14,7 @@ import {
 import render from "./entry.ssr";
 
 declare global {
-  interface QwikRouterPlatform extends PlatformVercel {}
+  type QwikRouterPlatform = PlatformVercel;
 }
 
-export default createQwikRouter({ render, qwikRouterConfig });
+export default createQwikRouter({ render });

package/dist/starters/adapters/vercel-edge/vercel.json

@@ -10,7 +10,7 @@
       ]
     },
     {
-      "source": "/(assets|build)/.*",
+      "source": "/(assets|build)/(.*)",
       "headers": [
         {
           "key": "Cache-Control",

package/dist/starters/features/auth/package.json

@@ -17,6 +17,6 @@
     }
   },
   "devDependencies": {
-    "@auth/qwik": "0.5.4"
+    "@auth/qwik": "0.8.0"
   }
 }

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/compiled-i18n/src/entry.ssr.tsx

@@ -0,0 +1,31 @@
+/**
+ * WHAT IS THIS FILE?
+ *
+ * SSR renderer function, used by Qwik Router.
+ *
+ * Note that this is the only place the Qwik renderer is called.
+ * 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";
+
+setSsrLocaleGetter();
+
+export default createRenderer((opts) => {
+  return {
+    jsx: <Root />,
+    options: {
+      ...opts,
+
+      // 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",
+        ...opts.containerAttributes,
+      },
+    },
+  };
+});

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/index.html

@@ -0,0 +1,23 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Qwik browser-only starter</title>
+
+    <script async type="module" src="@qwik.dev/core/qwikloader.js">
+      // ^ This is the QwikLoader, it's required for Qwik to work
+    </script>
+  </head>
+  <body>
+    <div id="root"></div>
+
+    <script type="module">
+      import { render, jsx } from "@qwik.dev/core";
+      import Root from "./src/root";
+
+      /** This renders your application */
+      render(document.querySelector("#root"), jsx(Root));
+    </script>
+  </body>
+</html>

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

@@ -0,0 +1,29 @@
+{
+  "description": "Use Qwik in browser-only mode",
+  "__qwik__": {
+    "displayName": "Integration: Qwik in browser-only mode",
+    "priority": -10,
+    "viteConfig": {},
+    "docs": [
+      "https://qwik.dev/docs/integrations/client-only/"
+    ],
+    "nextSteps": {
+      "title": "Next Steps",
+      "lines": [
+        " - run `pnpm dev` to start the development server",
+        " - run `pnpm preview` to view a production build",
+        " - run `pnpm build` to build the application"
+      ]
+    }
+  },
+  "dependencies": {
+    "@qwik.dev/core": "workspace:*"
+  },
+  "devDependencies": {
+    "vite": "7.3.1"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build"
+  }
+}

package/dist/starters/features/csr/src/root.tsx

@@ -0,0 +1,15 @@
+import { component$ } from "@qwik.dev/core";
+
+import "./global.css";
+
+export default component$(() => {
+  /**
+   * The starting point of the application.
+   */
+
+  return (
+    <div>
+      <h1>Hello World</h1>
+    </div>
+  );
+});

package/dist/starters/features/csr/vite.config.ts

@@ -0,0 +1,13 @@
+/**
+ * This is the base config for vite.
+ * When building, the adapter config is used which loads this file and extends it.
+ */
+import { qwikVite } from "@qwik.dev/core/optimizer";
+import { defineConfig, type UserConfig } from "vite";
+import tsconfigPaths from "vite-tsconfig-paths";
+
+export default defineConfig((): UserConfig => {
+  return {
+    plugins: [qwikVite({ csr: true }), tsconfigPaths({ root: "." })],
+  };
+});

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/pandacss/package.json

@@ -23,7 +23,7 @@
   },
   "devDependencies": {
     "@builder.io/vite-plugin-macro": "~0.0.7",
-    "@pandacss/dev": "^0.51.1"
+    "@pandacss/dev": "^0.54.0"
   },
   "scripts": {
     "prebuild.pandacss": "panda codegen --silent"