@qwik.dev/core 2.0.0-alpha.1 → 2.0.0-alpha.10

package/dist/starters/adapters/aws-lambda/serverless.yml

@@ -18,6 +18,21 @@ functions:
 custom:
   serverless-offline:
     httpPort: 4000
+  serverless-http:
+    # Make sure serverless-http serves files correctly
+    binary:
+      contentTypes:
+        - "application/javascript"
+        - "text/javascript"
+        - "application/json"
+        - "text/html"
+        - "text/css"
+        - "image/*"
+        - "font/*"
+    # the js files under build have hash names and are immutable
+    cacheControl:
+      - pattern: "build/**/*.js"
+        value: "public, max-age=31536000, immutable"
 
 package:
   excludeDevDependencies: true

package/dist/starters/adapters/aws-lambda/src/entry_aws-lambda.tsx

@@ -7,7 +7,6 @@
  * - https://qwik.dev/docs/deployments/aws/
  *
  */
-import { manifest } from "@qwik-client-manifest";
 import qwikRouterConfig from "@qwik-router-config";
 import {
   createQwikRouter,
@@ -24,7 +23,6 @@ declare global {
 export const { handle } = createQwikRouter({
   render,
   qwikRouterConfig,
-  manifest,
 });
 
 export const qwikApp = serverless({ handle }, { binary: true });

package/dist/starters/adapters/azure-swa/public/staticwebapp.config.json

@@ -19,5 +19,12 @@
   },
   "platform": {
     "apiRuntime": "node:18"
+  },
+  "responseOverrides": {
+    "build/**/*.js": {
+      "headers": {
+        "Cache-Control": "public, max-age=31536000, immutable"
+      }
+    }
   }
 }

package/dist/starters/adapters/azure-swa/src/entry.azure-swa.tsx

@@ -7,7 +7,6 @@
  * - https://qwik.dev/docs/deployments/azure-swa/
  *
  */
-import { manifest } from "@qwik-client-manifest";
 import qwikRouterConfig from "@qwik-router-config";
 import {
   createQwikRouter,
@@ -19,4 +18,4 @@ declare global {
   interface QwikRouterPlatform extends PlatformAzure {}
 }
 
-export default createQwikRouter({ render, qwikRouterConfig, manifest });
+export default createQwikRouter({ render, qwikRouterConfig });

package/dist/starters/adapters/bun/src/entry.bun.ts

@@ -8,7 +8,6 @@
  * - https://bun.sh/docs/api/http
  *
  */
-import { manifest } from "@qwik-client-manifest";
 import qwikRouterConfig from "@qwik-router-config";
 import { createQwikRouter } from "@qwik.dev/router/middleware/bun";
 import render from "./entry.ssr";
@@ -17,7 +16,9 @@ import render from "./entry.ssr";
 const { router, notFound, staticFile } = createQwikRouter({
   render,
   qwikRouterConfig,
-  manifest,
+  static: {
+    cacheControl: "public, max-age=31536000, immutable",
+  },
 });
 
 // Allow for dynamic port

package/dist/starters/adapters/cloud-run/src/entry.cloud-run.tsx

@@ -7,7 +7,6 @@
  * - https://qwik.dev/docs/deployments/gcp-cloud-run/
  *
  */
-import { manifest } from "@qwik-client-manifest";
 import qwikRouterConfig from "@qwik-router-config";
 import {
   createQwikRouter,
@@ -52,9 +51,8 @@ const DEFAULT_HEADERS = {
 const { router, notFound, staticFile } = createQwikRouter({
   render,
   qwikRouterConfig,
-  manifest,
   static: {
-    cacheControl: "public, max-age=31557600",
+    cacheControl: "public, max-age=31536000, immutable",
   },
   getOrigin(req) {
     // https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/X-Forwarded-Proto

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

@@ -7,3 +7,5 @@
 
 /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-pages/src/entry.cloudflare-pages.tsx

@@ -7,7 +7,6 @@
  * - https://qwik.dev/docs/deployments/cloudflare-pages/
  *
  */
-import { manifest } from "@qwik-client-manifest";
 import qwikRouterConfig from "@qwik-router-config";
 import {
   createQwikRouter,
@@ -19,6 +18,6 @@ declare global {
   interface QwikRouterPlatform extends PlatformCloudflarePages {}
 }
 
-const fetch = createQwikRouter({ render, qwikRouterConfig, manifest });
+const fetch = createQwikRouter({ render, qwikRouterConfig });
 
 export { fetch };

package/dist/starters/adapters/deno/src/entry.deno.ts

@@ -8,7 +8,6 @@
  * - https://docs.deno.com/runtime/tutorials/http_server
  *
  */
-import { manifest } from "@qwik-client-manifest";
 import qwikRouterConfig from "@qwik-router-config";
 import { createQwikRouter } from "@qwik.dev/router/middleware/deno";
 import render from "./entry.ssr";
@@ -17,7 +16,9 @@ import render from "./entry.ssr";
 const { router, notFound, staticFile } = createQwikRouter({
   render,
   qwikRouterConfig,
-  manifest,
+  static: {
+    cacheControl: "public, max-age=31536000, immutable",
+  },
 });
 
 // Allow for dynamic port

package/dist/starters/adapters/express/src/entry.express.tsx

@@ -7,7 +7,6 @@
  * - https://qwik.dev/docs/deployments/node/
  *
  */
-import { manifest } from "@qwik-client-manifest";
 import qwikRouterConfig from "@qwik-router-config";
 import {
   createQwikRouter,
@@ -26,6 +25,7 @@ declare global {
 // Directories where the static assets are located
 const distDir = join(fileURLToPath(import.meta.url), "..", "..", "dist");
 const buildDir = join(distDir, "build");
+const assetsDir = join(distDir, "assets");
 
 // Allow for dynamic port
 const PORT = process.env.PORT ?? 3000;
@@ -34,7 +34,6 @@ const PORT = process.env.PORT ?? 3000;
 const { router, notFound } = createQwikRouter({
   render,
   qwikRouterConfig,
-  manifest,
   // getOrigin(req) {
   //   // If deploying under a proxy, you may need to build the origin from the request headers
   //   // https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/X-Forwarded-Proto
@@ -55,6 +54,10 @@ const app = express();
 // Static asset handlers
 // https://expressjs.com/en/starter/static-files.html
 app.use(`/build`, express.static(buildDir, { immutable: true, maxAge: "1y" }));
+app.use(
+  `/assets`,
+  express.static(assetsDir, { immutable: true, maxAge: "1y" }),
+);
 app.use(express.static(distDir, { redirect: false }));
 
 // Use Qwik Router's page and endpoint request handler

package/dist/starters/adapters/fastify/src/entry.fastify.tsx

@@ -21,6 +21,7 @@ declare global {
 // Directories where the static assets are located
 const distDir = join(fileURLToPath(import.meta.url), "..", "..", "dist");
 const buildDir = join(distDir, "build");
+const assetsDir = join(distDir, "assets");
 
 // Allow for dynamic port and host
 const PORT = parseInt(process.env.PORT ?? "3000");
@@ -39,7 +40,7 @@ const start = async () => {
   // await fastify.register(import('@fastify/compress'))
 
   // Handle Qwik Router using a plugin
-  await fastify.register(FastifyQwik, { distDir, buildDir });
+  await fastify.register(FastifyQwik, { distDir, buildDir, assetsDir });
 
   // Start the fastify server
   await fastify.listen({ port: PORT, host: HOST });

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

@@ -9,6 +9,7 @@ import render from "../entry.ssr";
 export interface FastifyQwikOptions {
   distDir: string;
   buildDir: string;
+  assetsDir: string;
 }
 
 const { router, notFound } = createQwikRouter({ render, qwikRouterConfig });
@@ -17,7 +18,7 @@ const qwikPlugin: FastifyPluginAsync<FastifyQwikOptions> = async (
   fastify,
   options,
 ) => {
-  const { buildDir, distDir } = options;
+  const { buildDir, distDir, assetsDir } = options;
 
   fastify.register(fastifyStatic, {
     root: buildDir,
@@ -27,12 +28,21 @@ const qwikPlugin: FastifyPluginAsync<FastifyQwikOptions> = async (
     decorateReply: false,
   });
 
+  fastify.register(fastifyStatic, {
+    root: assetsDir,
+    prefix: "/assets",
+    immutable: true,
+    maxAge: "1y",
+  });
+
   fastify.register(fastifyStatic, {
     root: distDir,
     redirect: false,
     decorateReply: false,
   });
 
+  fastify.removeAllContentTypeParsers();
+
   fastify.setNotFoundHandler(async (request, response) => {
     await router(request.raw, response.raw, (err) => fastify.log.error(err));
     await notFound(request.raw, response.raw, (err) => fastify.log.error(err));

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

@@ -19,6 +19,17 @@
         "function": "app"
       }
     ],
-    "ignore": ["firebase.json", "**/.*", "**/node_modules/**"]
+    "ignore": ["firebase.json", "**/.*", "**/node_modules/**"],
+    "headers": [
+      {
+        "source": "build/**/*.js",
+        "headers": [
+          {
+            "key": "Cache-Control",
+            "value": "public, max-age=31536000, s-maxage=31536000, immutable"
+          }
+        ]
+      }
+    ]
   }
 }

package/dist/starters/adapters/firebase/functions/index.js

@@ -1,5 +1,4 @@
 import { https } from "firebase-functions";
-import qwikApp from './server/entry-firebase.mjs';
+import qwikApp from "./server/entry-firebase.mjs";
 
-
-export const app = https.onRequest(qwikApp)
+export const app = https.onRequest(qwikApp);

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

@@ -7,7 +7,6 @@
  * - https://qwik.dev/docs/deployments/firebase/
  *
  */
-import { manifest } from "@qwik-client-manifest";
 import qwikRouterConfig from "@qwik-router-config";
 import {
   createQwikRouter,
@@ -19,4 +18,4 @@ declare global {
   interface QwikRouterPlatform extends PlatformFirebase {}
 }
 
-export default createQwikRouter({ render, qwikRouterConfig, manifest });
+export default createQwikRouter({ render, qwikRouterConfig });

package/dist/starters/adapters/netlify-edge/public/_headers

@@ -1,2 +1,4 @@
+/assets/*
+  Cache-Control: public, max-age=31536000, s-maxage=31536000, immutable
 /build/*
   Cache-Control: public, max-age=31536000, s-maxage=31536000, immutable

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

@@ -7,7 +7,6 @@
  * - https://qwik.dev/docs/deployments/netlify-edge/
  *
  */
-import { manifest } from "@qwik-client-manifest";
 import qwikRouterConfig from "@qwik-router-config";
 import {
   createQwikRouter,
@@ -19,4 +18,4 @@ declare global {
   interface QwikRouterPlatform extends PlatformNetlify {}
 }
 
-export default createQwikRouter({ render, qwikRouterConfig, manifest });
+export default createQwikRouter({ render, qwikRouterConfig });

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

@@ -7,7 +7,6 @@
  * - https://qwik.dev/docs/deployments/node/
  *
  */
-import { manifest } from "@qwik-client-manifest";
 import qwikRouterConfig from "@qwik-router-config";
 import { createQwikRouter } from "@qwik.dev/router/middleware/node";
 import { createServer } from "node:http";
@@ -20,7 +19,9 @@ const PORT = process.env.PORT ?? 3004;
 const { router, notFound, staticFile } = createQwikRouter({
   render,
   qwikRouterConfig,
-  manifest,
+  static: {
+    cacheControl: "public, max-age=31536000, immutable",
+  },
 });
 
 const server = createServer();

package/dist/starters/adapters/static/README.md

@@ -1,5 +1,9 @@
 ## Static Site Generator (Node.js)
 
+Be sure to configure your server to serve very long cache headers for the `build/**/*.js` files.
+
+Typically you'd set the `Cache-Control` header for those files to `public, max-age=31536000, immutable`.
+
 ```shell
 npm run build.server
 ```

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

@@ -7,7 +7,6 @@
  * - https://qwik.dev/docs/deployments/vercel-edge/
  *
  */
-import { manifest } from "@qwik-client-manifest";
 import qwikRouterConfig from "@qwik-router-config";
 import {
   createQwikRouter,
@@ -19,4 +18,4 @@ declare global {
   interface QwikRouterPlatform extends PlatformVercel {}
 }
 
-export default createQwikRouter({ render, qwikRouterConfig, manifest });
+export default createQwikRouter({ render, qwikRouterConfig });

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

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

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

@@ -9,12 +9,14 @@
     ],
     "nextSteps": {
       "lines": [
+        " Please add `optimizeDeps: { include: ['@auth/qwik'] }`",
+        " to your vite.config.ts file.",
         " Have a look at the docs for more info: ",
         " https://qwik.dev/docs/integrations/authjs/"
       ]
     }
   },
   "devDependencies": {
-    "@auth/qwik": "0.2.2"
+    "@auth/qwik": "0.5.4"
   }
 }

package/dist/starters/features/bootstrap/src/routes/bootstrap/layout.tsx

@@ -6,17 +6,6 @@ import { Navbar } from "~/components/bootstrap";
 
 import bootstrapStyles from "../../../node_modules/bootstrap/dist/css/bootstrap.min.css?inline";
 
-export const onGet: RequestHandler = async ({ cacheControl }) => {
-  // Control caching for this request for best performance and to reduce hosting costs:
-  // https://qwik.dev/docs/caching/
-  cacheControl({
-    // Always serve a cached response by default, up to a week stale
-    staleWhileRevalidate: 60 * 60 * 24 * 7,
-    // Max once every 5 seconds, revalidate on the server to get a fresh version of this page
-    maxAge: 5,
-  });
-};
-
 export default component$(() => {
   useStyles$(bootstrapStyles);
   return (

package/dist/starters/features/cypress/package.json

@@ -4,7 +4,7 @@
     "displayName": "Integration: Cypress",
     "priority": -10,
     "docs": [
-      "https://qwik.dev/integrations/integration/cypress/",
+      "https://qwik.dev/integrations/cypress/",
       "https://docs.cypress.io/guides/getting-started/installing-cypress",
       "https://docs.cypress.io/guides/component-testing/overview",
       "https://github.com/qwikifiers/cypress-qwik"

package/dist/starters/features/drizzle/drizzle/schema.ts

@@ -1,22 +1,10 @@
-// // This is your drizzle schema file.
+import { sqliteTable as table } from "drizzle-orm/sqlite-core";
+import * as t from "drizzle-orm/sqlite-core";
 
-// import { pgTable, serial, text, timestamp } from "drizzle-orm/pg-core";
-
-// export const users = pgTable("users", {
-//   id: serial("id").primaryKey(),
-//   name: text("name").default("not_provided"),
-//   email: text("email").notNull(),
-// });
-
-// export const schema = {
-//   users,
-// };
-import { sqliteTable, integer, text } from "drizzle-orm/sqlite-core";
-
-export const users = sqliteTable("users", {
-  id: integer("id", { mode: "number" }).primaryKey({ autoIncrement: true }),
-  name: text("name").default("not_provided"),
-  email: text("email").notNull(),
+export const users = table("users", {
+  id: t.int({ mode: "number" }).primaryKey({ autoIncrement: true }),
+  name: t.text().default("not_provided"),
+  email: t.text().notNull(),
 });
 
 export const schema = {

package/dist/starters/features/drizzle/drizzle.config.ts

@@ -1,9 +1,10 @@
-import type { Config } from "drizzle-kit";
-export default {
+import { defineConfig } from "drizzle-kit";
+
+export default defineConfig({
+  dialect: "sqlite",
   schema: "./drizzle/schema.ts",
   out: "./drizzle/migrations/",
-  driver: "better-sqlite",
   dbCredentials: {
     url: "./drizzle/db/db.sqlite",
   },
-} satisfies Config;
+});

package/dist/starters/features/drizzle/package.json

@@ -5,13 +5,14 @@
     "priority": -10,
     "viteConfig": {},
     "docs": [
-      "https://qwik.dev/integrations/integration/drizzle/",
+      "https://qwik.dev/integrations/drizzle/",
       "https://orm.drizzle.team/docs/overview"
     ],
     "nextSteps": {
       "title": "Next Steps",
       "lines": [
         " Drizzle was installed with a simple DB schema and some demo routes,",
+        " now you need to run `npm run drizzle:migrate` to setup the database.",
         "",
         " better-sqlite3 was configured by default, but in production",
         " you'll want to use Postgres or MySQL.",
@@ -22,20 +23,23 @@
         " Check out the Drizzle docs for more info:",
         "   - https://orm.drizzle.team/docs/overview"
       ]
-    }
+    },
+    "alwaysInRoot": []
   },
   "devDependencies": {
-    "@types/better-sqlite3": "^7.6.9",
-    "drizzle-kit": "^0.20.14"
-  },
-  "dependencies": {
-    "better-sqlite3": "^9.4.3",
-    "drizzle-orm": "^0.29.4"
+    "@types/better-sqlite3": "^7.6.12",
+    "drizzle-kit": "^0.30.3",
+    "better-sqlite3": "^11.8.1",
+    "drizzle-orm": "^0.39.0"
   },
   "scripts": {
-    "postinstall": "drizzle-kit generate:sqlite",
-    "drizzle:generate": "drizzle-kit generate:sqlite",
-    "drizzle:migrate": "drizzle-kit push:sqlite",
-    "drizzle:studio": "drizzle-kit studio --host 127.0.0.1"
+    "drizzle:generate": "drizzle-kit generate",
+    "drizzle:migrate": "drizzle-kit migrate",
+    "drizzle:push": "drizzle-kit push",
+    "drizzle:pull": "drizzle-kit pull",
+    "drizzle:check": "drizzle-kit check",
+    "drizzle:up": "drizzle-kit up",
+    "drizzle:studio": "drizzle-kit studio",
+    "postinstall": "drizzle-kit generate"
   }
 }

package/dist/starters/features/localize/src/entry.ssr.tsx

@@ -10,7 +10,6 @@
  * - npm run build
  *
  */
-import { manifest } from "@qwik-client-manifest";
 import {
   renderToStream,
   type RenderToStreamOptions,
@@ -20,7 +19,6 @@ import { extractBase } from "./routes/[locale]/i18n-utils";
 
 export default function (opts: RenderToStreamOptions) {
   return renderToStream(<Root />, {
-    manifest,
     ...opts,
     base: extractBase, // determine the base URL for the client code
     // Use container attributes to set attributes on the html tag.

package/dist/starters/features/localize/src/routes/[locale]/i18n-utils.ts

@@ -83,7 +83,7 @@ export function extractBase({ serverData }: RenderOptions): string {
 export function useI18n() {
   if (import.meta.env.DEV) {
     // During development only, load all translations in memory when the app starts on the client.
-    // eslint-disable-next-line
+
     useOnDocument("qinit", $(initTranslations));
   }
 }

package/dist/starters/features/pandacss/package.json

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

package/dist/starters/features/partytown/package.json

@@ -24,7 +24,7 @@
     },
     "docs": [
       "https://partytown.builder.io/",
-      "https://qwik.dev/integrations/integration/partytown/"
+      "https://qwik.dev/integrations/partytown/"
     ],
     "nextSteps": {
       "lines": [

package/dist/starters/features/postcss/package.json

@@ -5,8 +5,11 @@
     "priority": -10,
     "viteConfig": {},
     "docs": [
-      "https://qwik.dev/integrations/integration/postcss/",
+      "https://qwik.dev/integrations/postcss/",
       "https://github.com/postcss/postcss-load-config"
+    ],
+    "alwaysInRoot": [
+      ".vscode"
     ]
   },
   "devDependencies": {

package/dist/starters/features/postcss/postcss.config.js

@@ -8,4 +8,4 @@ module.exports = {
       },
     },
   },
-}
+};

package/dist/starters/features/prisma/package.json

@@ -5,7 +5,7 @@
     "priority": -10,
     "viteConfig": {},
     "docs": [
-      "https://qwik.dev/integrations/integration/prisma/",
+      "https://qwik.dev/integrations/prisma/",
       "https://www.prisma.io/docs/concepts/overview/what-is-prisma"
     ],
     "postInstall": "prisma migrate dev --name initial",
@@ -20,7 +20,8 @@
         " Check out the Prisma docs for more info:",
         "   - https://www.prisma.io/docs/getting-started"
       ]
-    }
+    },
+    "alwaysInRoot": []
   },
   "devDependencies": {
     "@prisma/client": "5.3.1",

package/dist/starters/features/react/package.json

@@ -4,7 +4,7 @@
     "displayName": "Framework: React",
     "priority": -20,
     "docs": [
-      "https://qwik.dev/integrations/integration/react/"
+      "https://qwik.dev/integrations/react/"
     ],
     "nextSteps": {
       "title": "New folders created!",

package/dist/starters/features/service-worker/package.json

@@ -0,0 +1,13 @@
+{
+  "description": "Add a service worker to your app",
+  "__qwik__": {
+    "displayName": "Feature: Service Worker",
+    "priority": 10,
+    "docs": [],
+    "nextSteps": {
+      "lines": [
+        "Now, make sure that you have `<ServiceWorkerRegister />` in your `src/root.tsx`. You can import it from `@qwik.dev/router`."
+      ]
+    }
+  }
+}

package/dist/starters/features/service-worker/src/routes/service-worker.ts

@@ -0,0 +1,14 @@
+/*
+ * WHAT IS THIS FILE?
+ *
+ * Any file called "service-worker" is automatically bundled and registered with Qwik Router, as long as you add `<RegisterServiceWorker />` in your `root.tsx`.
+ *
+ * Here you register the events that your service worker will handle.
+ *
+ * MDN has documentation at https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API
+ */
+export declare const self: ServiceWorkerGlobalScope;
+
+addEventListener("install", () => self.skipWaiting());
+
+addEventListener("activate", () => self.clients.claim());

package/dist/starters/features/storybook/package.json

@@ -4,7 +4,7 @@
     "displayName": "Integration: Storybook",
     "priority": -10,
     "docs": [
-      "https://qwik.dev/integrations/integration/storybook/",
+      "https://qwik.dev/integrations/storybook/",
       "https://storybook.js.org/docs/qwik/get-started/why-storybook"
     ]
   },