@qwik.dev/core 2.0.0-alpha.8 → 2.0.0-beta.1

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,6 +28,13 @@ 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,

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,7 +9,7 @@
     ],
     "nextSteps": {
       "lines": [
-        " Please add `optimizeDeps: { include: ['@auth/core'] }`",
+        " 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/"

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

@@ -9,7 +9,7 @@
           "namedImports": [
             "partytownVite"
           ],
-          "importPath": "@builder.io/partytown/utils"
+          "importPath": "@qwik.dev/partytown/utils"
         },
         {
           "namedImports": [
@@ -23,7 +23,7 @@
       ]
     },
     "docs": [
-      "https://partytown.builder.io/",
+      "https://partytown.qwik.dev/",
       "https://qwik.dev/integrations/partytown/"
     ],
     "nextSteps": {
@@ -31,11 +31,11 @@
         " Please add the <QwikPartytown/> component",
         " to your root.tsx file.",
         " Have a look at the docs for more info: ",
-        " https://partytown.builder.io/configuration"
+        " https://partytown.qwik.dev/configuration"
       ]
     }
   },
   "devDependencies": {
-    "@builder.io/partytown": "^0.8.1"
+    "@qwik.dev/partytown": "^0.11.1"
   }
 }

package/dist/starters/features/partytown/src/components/partytown/partytown.tsx

@@ -1,5 +1,5 @@
-import type { PartytownConfig } from "@builder.io/partytown/integration";
-import { partytownSnippet } from "@builder.io/partytown/integration";
+import type { PartytownConfig } from "@qwik.dev/partytown/integration";
+import { partytownSnippet } from "@qwik.dev/partytown/integration";
 
 /**
  * Props for `<QwikPartytown/>`, which extends the Partytown Config.

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

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

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/styled-vanilla-extract/package.json

@@ -24,6 +24,7 @@
   },
   "devDependencies": {
     "@vanilla-extract/css": "^1.12.0",
-    "styled-vanilla-extract": "^0.5.4"
+    "styled-vanilla-extract": "^0.5.4",
+    "@vanilla-extract/vite-plugin": "^5.0.1"
   }
 }

package/dist/starters/features/tailwind/package.json

@@ -1,7 +1,7 @@
 {
-  "description": "Use Tailwind in your Qwik app",
+  "description": "Use Tailwind v4 in your Qwik app",
   "__qwik__": {
-    "displayName": "Integration: Tailwind (styling)",
+    "displayName": "Integration: Tailwind v4 (styling)",
     "priority": -10,
     "viteConfig": {
       "imports": [
@@ -23,5 +23,6 @@
     "prettier-plugin-tailwindcss": "^0.6.11",
     "tailwindcss": "^4.0.0",
     "@tailwindcss/vite": "^4.0.0"
-  }
+  },
+  "type": "module"
 }

package/dist/starters/features/tailwind/src/global.css

@@ -1 +1 @@
-@import "tailwindcss";
+@import "tailwindcss";

package/dist/starters/features/tailwind-v3/.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+  "css.lint.unknownAtRules": "ignore"
+}

package/dist/starters/features/tailwind-v3/package.json

@@ -0,0 +1,21 @@
+{
+  "description": "Use Tailwind v3 in your Qwik app",
+  "__qwik__": {
+    "displayName": "Integration: Tailwind v3 (styling)",
+    "priority": -10,
+    "viteConfig": {},
+    "docs": [
+      "https://qwik.dev/integrations/integration/tailwind/",
+      "https://tailwindcss.com/docs/utility-first"
+    ],
+    "alwaysInRoot": [
+      ".vscode"
+    ]
+  },
+  "devDependencies": {
+    "autoprefixer": "^10.4.19",
+    "postcss": "^8.4.39",
+    "prettier-plugin-tailwindcss": "^0.5.4",
+    "tailwindcss": "^3.4.17"
+  }
+}

package/dist/starters/features/tailwind-v3/postcss.config.cjs

@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+};

package/dist/starters/features/tailwind-v3/src/global.css

@@ -0,0 +1,7 @@
+/**
+ * Tailwind CSS imports
+ * View the full documentation at https://tailwindcss.com
+ */
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

package/dist/starters/features/tailwind-v3/tailwind.config.js

@@ -0,0 +1,8 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+  content: ["./src/**/*.{js,ts,jsx,tsx,mdx}"],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+};