create-qwik 2.0.0-alpha.9 → 2.0.0-beta.10

package/dist/starters/apps/base/eslint.config.js

@@ -0,0 +1,73 @@
+import js from "@eslint/js";
+import globals from "globals";
+import tseslint from "typescript-eslint";
+import { globalIgnores } from "eslint/config";
+import { qwikEslint9Plugin } from "eslint-plugin-qwik";
+
+const ignores = [
+  "**/*.log",
+  "**/.DS_Store",
+  "**/*.",
+  ".vscode/settings.json",
+  "**/.history",
+  "**/.yarn",
+  "**/bazel-*",
+  "**/bazel-bin",
+  "**/bazel-out",
+  "**/bazel-qwik",
+  "**/bazel-testlogs",
+  "**/dist",
+  "**/dist-dev",
+  "**/lib",
+  "**/lib-types",
+  "**/etc",
+  "**/external",
+  "**/node_modules",
+  "**/temp",
+  "**/tsc-out",
+  "**/tsdoc-metadata.json",
+  "**/target",
+  "**/output",
+  "**/rollup.config.js",
+  "**/build",
+  "**/.cache",
+  "**/.vscode",
+  "**/.rollup.cache",
+  "**/dist",
+  "**/tsconfig.tsbuildinfo",
+  "**/vite.config.ts",
+  "**/*.spec.tsx",
+  "**/*.spec.ts",
+  "**/.netlify",
+  "**/pnpm-lock.yaml",
+  "**/package-lock.json",
+  "**/yarn.lock",
+  "**/server",
+  "eslint.config.js",
+];
+
+export default tseslint.config(
+  globalIgnores(ignores),
+  js.configs.recommended,
+  tseslint.configs.recommended,
+  qwikEslint9Plugin.configs.recommended,
+  {
+    languageOptions: {
+      globals: {
+        ...globals.browser,
+        ...globals.node,
+        ...globals.es2021,
+        ...globals.serviceworker,
+      },
+      parserOptions: {
+        projectService: true,
+        tsconfigRootDir: import.meta.dirname,
+      },
+    },
+  },
+  {
+    rules: {
+      "@typescript-eslint/no-explicit-any": "off",
+    },
+  },
+);

package/dist/starters/apps/base/package.json

@@ -16,17 +16,18 @@
     "qwik": "qwik"
   },
   "devDependencies": {
-    "@qwik.dev/core": "^2.0.0-alpha.9",
-    "@qwik.dev/router": "^2.0.0-alpha.9",
-    "@types/eslint": "8.56.10",
-    "@types/node": "20.14.11",
-    "@typescript-eslint/eslint-plugin": "7.16.1",
-    "@typescript-eslint/parser": "7.16.1",
-    "eslint": "8.57.0",
-    "eslint-plugin-qwik": "^2.0.0-alpha.9",
-    "prettier": "3.4.2",
-    "typescript": "5.8.2",
-    "vite": "5.4.10",
+    "@qwik.dev/core": "^2.0.0-beta.10",
+    "@qwik.dev/router": "^2.0.0-beta.10",
+    "@eslint/js": "latest",
+    "@types/node": "24.3.0",
+    "typescript-eslint": "8.41.0",
+    "eslint": "9.33.0",
+    "eslint-plugin-qwik": "^2.0.0-beta.10",
+    "globals": "16.3.0",
+    "prettier": "3.6.2",
+    "typescript": "5.9.2",
+    "typescript-plugin-css-modules": "latest",
+    "vite": "7.1.5",
     "vite-tsconfig-paths": "^4.2.1"
   },
   "engines": {

package/dist/starters/apps/base/src/entry.preview.tsx

@@ -10,12 +10,10 @@
  * - https://vitejs.dev/config/preview-options.html#preview-options
  *
  */
-import qwikRouterConfig from "@qwik-router-config";
 import { createQwikRouter } from "@qwik.dev/router/middleware/node";
-// make sure qwikRouterConfig is imported before entry
 import render from "./entry.ssr";
 
 /**
  * The default export is the QwikRouter adapter used by Vite preview.
  */
-export default createQwikRouter({ render, qwikRouterConfig });
+export default createQwikRouter({ render });

package/dist/starters/apps/base/src/entry.ssr.tsx

@@ -1,33 +1,31 @@
 /**
  * WHAT IS THIS FILE?
  *
- * SSR entry point, in all cases the application is rendered outside the browser, this
- * entry point will be the common one.
- *
- * - Server (express, cloudflare...)
- * - npm run start
- * - npm run preview
- * - npm run build
+ * 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 { manifest } from "@qwik-client-manifest";
-import {
-  renderToStream,
-  type RenderToStreamOptions,
-} from "@qwik.dev/core/server";
+import { createRenderer } from "@qwik.dev/router";
 import Root from "./root";
 
-export default function (opts: RenderToStreamOptions) {
-  return renderToStream(<Root />, {
-    manifest,
-    ...opts,
-    // Use container attributes to set attributes on the html tag.
-    containerAttributes: {
-      lang: "en-us",
-      ...opts.containerAttributes,
-    },
-    serverData: {
-      ...opts.serverData,
+export default createRenderer((opts) => {
+  return {
+    jsx: <Root />,
+    options: {
+      ...opts,
+      // Use container attributes to set attributes on the html tag.
+      containerAttributes: {
+        lang: "en-us",
+        ...opts.containerAttributes,
+      },
+      serverData: {
+        ...opts.serverData,
+        // These are the default values for the document head and are overridden by the `head` exports
+        // documentHead: {
+        //   title: "My App",
+        // },
+      },
     },
-  });
-}
+  };
+});

package/dist/starters/apps/base/tsconfig.json

@@ -1,7 +1,7 @@
 {
   "compilerOptions": {
     "allowJs": true,
-    "target": "ES2017",
+    "target": "ES2020",
     "module": "ES2022",
     "lib": ["es2022", "DOM", "WebWorker", "DOM.Iterable"],
     "jsx": "react-jsx",
@@ -19,8 +19,9 @@
     "noEmit": true,
     "paths": {
       "~/*": ["./src/*"]
-    }
+    },
+    /* if you do not use CSS modules, remove this line and delete the typescript-plugin-css-modules module from package.json */
+    "plugins": [{ "name": "typescript-plugin-css-modules" }]
   },
-  "files": ["./.eslintrc.cjs"],
   "include": ["src", "./*.d.ts", "./*.config.ts"]
 }

package/dist/starters/apps/base/vite.config.mts

@@ -21,7 +21,7 @@ errorOnDuplicatesPkgDeps(devDependencies, dependencies);
  */
 export default defineConfig(({ command, mode }): UserConfig => {
   return {
-    plugins: [qwikRouter(), qwikVite(), tsconfigPaths()],
+    plugins: [qwikRouter(), qwikVite(), tsconfigPaths({ root: "." })],
     // This tells Vite which dependencies to pre-build in dev mode.
     optimizeDeps: {
       // Put problematic deps that break bundling here, mostly those with binaries.

package/dist/starters/apps/empty/src/root.tsx

@@ -1,37 +1,35 @@
-import { component$, isDev } from "@qwik.dev/core";
+import { component$ } from "@qwik.dev/core";
 import {
-  QwikRouterProvider,
+  DocumentHeadTags,
   RouterOutlet,
-  ServiceWorkerRegister,
+  useLocation,
+  useQwikRouter,
 } from "@qwik.dev/router";
-import { RouterHead } from "./components/router-head/router-head";
 
 import "./global.css";
 
 export default component$(() => {
+  useQwikRouter();
+  const { url } = useLocation();
+
   /**
-   * The root of a QwikRouter site always start with the <QwikRouterProvider> component,
-   * immediately followed by the document's <head> and <body>.
-   *
-   * Don't remove the `<head>` and `<body>` elements.
+   * This is the root of a QwikRouter site. It contains the document's `<head>` and `<body>`. You can adjust them as you see fit.
    */
 
   return (
-    <QwikRouterProvider>
+    <>
       <head>
         <meta charset="utf-8" />
-        {!isDev && (
-          <link
-            rel="manifest"
-            href={`${import.meta.env.BASE_URL}manifest.json`}
-          />
-        )}
-        <RouterHead />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+
+        <DocumentHeadTags />
+
+        <link rel="canonical" href={url.href} />
       </head>
-      <body lang="en">
+      <body>
         <RouterOutlet />
-        {!isDev && <ServiceWorkerRegister />}
       </body>
-    </QwikRouterProvider>
+    </>
   );
 });

package/dist/starters/apps/library/README.md

@@ -5,7 +5,7 @@
 - [Qwik on GitHub](https://github.com/QwikDev/qwik)
 - [@QwikDev](https://twitter.com/QwikDev)
 - [Vite](https://vitejs.dev/)
-- [Partytown](https://partytown.builder.io/)
+- [Partytown](https://partytown.qwik.dev/)
 - [Mitosis](https://github.com/BuilderIO/mitosis)
 - [Builder.io](https://www.builder.io/)
 
@@ -45,3 +45,11 @@ The production build should generate the production build of your component libr
 ```
 npm run build
 ```
+
+## sideEffects: false
+
+This package is configured with "sideEffects": false in its package.json.<br/>
+This tells bundlers that the module [has no side effects](https://webpack.js.org/guides/tree-shaking/#mark-the-file-as-side-effect-free) when imported.<br/>
+Consequently, to maintain the integrity of tree-shaking optimizations, please ensure your code truly contains no side effects (such as modifying global variables or the DOM upon import).<br/>
+If your module does introduce side effects, remove "sideEffects": false or specify the specific files with side effects.<br/>
+Be sure to only remove it from the specific file where the global is being set. Finally, verify that your build continues to function as expected after making any adjustments to the sideEffects setting.

package/dist/starters/apps/library/eslint.config.js

@@ -0,0 +1,68 @@
+import js from "@eslint/js";
+import globals from "globals";
+import tseslint from "typescript-eslint";
+import { globalIgnores } from "eslint/config";
+import { qwikEslint9Plugin } from "eslint-plugin-qwik";
+
+const ignores = [
+  "**/*.log",
+  "**/.DS_Store",
+  "**/*.",
+  ".vscode/settings.json",
+  "**/.history",
+  "**/.yarn",
+  "**/bazel-*",
+  "**/bazel-bin",
+  "**/bazel-out",
+  "**/bazel-qwik",
+  "**/bazel-testlogs",
+  "**/dist",
+  "**/dist-dev",
+  "**/lib",
+  "**/lib-types",
+  "**/etc",
+  "**/external",
+  "**/node_modules",
+  "**/temp",
+  "**/tsc-out",
+  "**/tsdoc-metadata.json",
+  "**/target",
+  "**/output",
+  "**/rollup.config.js",
+  "**/build",
+  "**/.cache",
+  "**/.vscode",
+  "**/.rollup.cache",
+  "**/dist",
+  "**/tsconfig.tsbuildinfo",
+  "**/vite.config.ts",
+  "**/*.spec.tsx",
+  "**/*.spec.ts",
+  "**/.netlify",
+  "**/pnpm-lock.yaml",
+  "**/package-lock.json",
+  "**/yarn.lock",
+  "**/server",
+  "eslint.config.js",
+];
+
+export default tseslint.config(
+  globalIgnores(ignores),
+  js.configs.recommended,
+  tseslint.configs.recommended,
+  qwikEslint9Plugin.configs.recommended,
+  {
+    languageOptions: {
+      globals: {
+        ...globals.browser,
+        ...globals.node,
+        ...globals.es2021,
+        ...globals.serviceworker,
+      },
+      parserOptions: {
+        projectService: true,
+        tsconfigRootDir: import.meta.dirname,
+      },
+    },
+  },
+);

package/dist/starters/apps/library/package.json

@@ -33,17 +33,17 @@
     "release": "np"
   },
   "devDependencies": {
-    "@qwik.dev/core": "2.0.0-alpha.9",
-    "@types/eslint": "8.56.10",
-    "@types/node": "20.14.11",
-    "@typescript-eslint/eslint-plugin": "7.16.1",
-    "@typescript-eslint/parser": "7.16.1",
-    "eslint": "8.57.0",
-    "eslint-plugin-qwik": "2.0.0-alpha.9",
+    "@qwik.dev/core": "2.0.0-beta.10",
+    "@eslint/js": "latest",
+    "@types/node": "24.3.0",
+    "typescript-eslint": "8.41.0",
+    "eslint": "9.33.0",
+    "eslint-plugin-qwik": "2.0.0-beta.10",
+    "globals": "16.3.0",
     "np": "^8.0.4",
-    "prettier": "3.4.2",
-    "typescript": "5.8.2",
-    "vite": "5.4.10",
+    "prettier": "3.6.2",
+    "typescript": "5.9.2",
+    "vite": "7.1.5",
     "vite-tsconfig-paths": "^4.2.1"
   },
   "__qwik__": {
@@ -52,5 +52,6 @@
     "docs": [
       "https://qwik.dev/docs/getting-started/"
     ]
-  }
+  },
+  "sideEffects": false
 }

package/dist/starters/apps/library/src/root.tsx

@@ -6,9 +6,15 @@ export default () => {
     <>
       <head>
         <meta charset="utf-8" />
-        <title>Qwik Blank App</title>
+        <title>Qwik Library Starter</title>
       </head>
       <body>
+        <h1>Qwik Library Starter</h1>
+        <p>
+          This is a Qwik library starter. Make your components and export them
+          from `src/index.ts`. This playground app will not be bundled with your
+          library.
+        </p>
         <Logo />
         <Counter />
       </body>

package/dist/starters/apps/library/tsconfig.json

@@ -1,7 +1,7 @@
 {
   "compilerOptions": {
     "allowJs": true,
-    "target": "ES2017",
+    "target": "ES2020",
     "module": "ES2020",
     "lib": ["es2020", "DOM"],
     "jsx": "react-jsx",

package/dist/starters/apps/library/vite.config.mts

@@ -12,8 +12,9 @@ export default defineConfig(() => {
     build: {
       target: "es2020",
       lib: {
-        entry: "./src/index.ts",
-        formats: ["es", "cjs"],
+        entry: "./src/index",
+        formats: ["es", "cjs"] as const,
+        // This adds .qwik so all files are processed by the optimizer
         fileName: (format, entryName) =>
           `${entryName}.qwik.${format === "es" ? "mjs" : "cjs"}`,
       },
@@ -30,6 +31,6 @@ export default defineConfig(() => {
         ],
       },
     },
-    plugins: [qwikVite(), tsconfigPaths()],
+    plugins: [qwikVite(), tsconfigPaths({ root: "." })],
   };
 });

package/dist/starters/apps/playground/src/root.tsx

@@ -1,37 +1,35 @@
-import { component$, isDev } from "@qwik.dev/core";
+import { component$ } from "@qwik.dev/core";
 import {
-  QwikRouterProvider,
+  DocumentHeadTags,
   RouterOutlet,
-  ServiceWorkerRegister,
+  useLocation,
+  useQwikRouter,
 } from "@qwik.dev/router";
-import { RouterHead } from "./components/router-head/router-head";
 
 import "./global.css";
 
 export default component$(() => {
+  useQwikRouter();
+  const { url } = useLocation();
+
   /**
-   * The root of a QwikRouter site always start with the <QwikRouterProvider> component,
-   * immediately followed by the document's <head> and <body>.
-   *
-   * Don't remove the `<head>` and `<body>` elements.
+   * This is the root of a QwikRouter site. It contains the document's `<head>` and `<body>`. You can adjust them as you see fit.
    */
 
   return (
-    <QwikRouterProvider>
+    <>
       <head>
         <meta charset="utf-8" />
-        {!isDev && (
-          <link
-            rel="manifest"
-            href={`${import.meta.env.BASE_URL}manifest.json`}
-          />
-        )}
-        <RouterHead />
-        {!isDev && <ServiceWorkerRegister />}
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+
+        <DocumentHeadTags />
+
+        <link rel="canonical" href={url.href} />
       </head>
-      <body lang="en">
+      <body>
         <RouterOutlet />
       </body>
-    </QwikRouterProvider>
+    </>
   );
 });

package/dist/starters/apps/playground/src/routes/layout.tsx

@@ -1,23 +1,11 @@
-import type { RequestHandler } from "@qwik.dev/router";
-import { routeLoader$ } from "@qwik.dev/router";
 import { component$, Slot, useStyles$ } from "@qwik.dev/core";
+import { routeLoader$ } from "@qwik.dev/router";
 
 import Footer from "../components/starter/footer/footer";
 import Header from "../components/starter/header/header";
 
 import styles from "./styles.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 const useServerTimeLoader = routeLoader$(() => {
   return {
     date: new Date().toISOString(),

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "create-qwik",
   "description": "Interactive CLI for create Qwik projects and adding features.",
-  "version": "2.0.0-alpha.9",
+  "version": "2.0.0-beta.10",
   "author": "Qwik Team",
   "bin": "./create-qwik.cjs",
   "bugs": "https://github.com/QwikDev/qwik/issues",
   "devDependencies": {
-    "@clack/prompts": "0.7.0",
-    "@types/yargs": "17.0.32",
+    "@clack/prompts": "0.11.0",
+    "@types/yargs": "17.0.33",
     "kleur": "4.1.5",
     "yargs": "17.7.2"
   },
@@ -25,7 +25,6 @@
   ],
   "homepage": "https://qwik.dev/",
   "keywords": [
-    "builder.io",
     "generator",
     "qwik",
     "starters",

package/dist/starters/apps/base/.eslintignore

@@ -1,38 +0,0 @@
-**/*.log
-**/.DS_Store
-*.
-.vscode/settings.json
-.history
-.yarn
-bazel-*
-bazel-bin
-bazel-out
-bazel-qwik
-bazel-testlogs
-dist
-dist-dev
-lib
-lib-types
-etc
-external
-node_modules
-temp
-tsc-out
-tsdoc-metadata.json
-target
-output
-rollup.config.js
-build
-.cache
-.vscode
-.rollup.cache
-dist
-tsconfig.tsbuildinfo
-vite.config.mts
-*.spec.tsx
-*.spec.ts
-.netlify
-pnpm-lock.yaml
-package-lock.json
-yarn.lock
-server

package/dist/starters/apps/base/.eslintrc.cjs

@@ -1,42 +0,0 @@
-module.exports = {
-  root: true,
-  env: {
-    browser: true,
-    es2021: true,
-    node: true,
-  },
-  extends: [
-    "eslint:recommended",
-    "plugin:@typescript-eslint/recommended",
-    "plugin:qwik/recommended",
-  ],
-  parser: "@typescript-eslint/parser",
-  parserOptions: {
-    tsconfigRootDir: __dirname,
-    project: ["./tsconfig.json"],
-    ecmaVersion: 2021,
-    sourceType: "module",
-    ecmaFeatures: {
-      jsx: true,
-    },
-  },
-  plugins: ["@typescript-eslint"],
-  rules: {
-    "@typescript-eslint/no-explicit-any": "off",
-    "@typescript-eslint/explicit-module-boundary-types": "off",
-    "@typescript-eslint/no-inferrable-types": "off",
-    "@typescript-eslint/no-non-null-assertion": "off",
-    "@typescript-eslint/no-empty-interface": "off",
-    "@typescript-eslint/no-namespace": "off",
-    "@typescript-eslint/no-empty-function": "off",
-    "@typescript-eslint/no-this-alias": "off",
-    "@typescript-eslint/ban-types": "off",
-    "@typescript-eslint/ban-ts-comment": "off",
-    "prefer-spread": "off",
-    "no-case-declarations": "off",
-    "no-console": "off",
-    "@typescript-eslint/no-unused-vars": ["error"],
-    "@typescript-eslint/consistent-type-imports": "warn",
-    "@typescript-eslint/no-unnecessary-condition": "warn",
-  },
-};

package/dist/starters/apps/base/src/entry.dev.tsx

@@ -1,17 +0,0 @@
-/*
- * WHAT IS THIS FILE?
- *
- * Development entry point using only client-side modules:
- * - Do not use this mode in production!
- * - No SSR
- * - No portion of the application is pre-rendered on the server.
- * - All of the application is running eagerly in the browser.
- * - More code is transferred to the browser than in SSR mode.
- * - Optimizer/Serialization/Deserialization code is not exercised!
- */
-import { render, type RenderOptions } from "@qwik.dev/core";
-import Root from "./root";
-
-export default function (opts: RenderOptions) {
-  return render(document, <Root />, opts);
-}

package/dist/starters/apps/base/src/routes/service-worker.ts

@@ -1,17 +0,0 @@
-/*
- * WHAT IS THIS FILE?
- *
- * The service-worker.ts file is used to have state of the art prefetching.
- * https://qwik.dev/docs/advanced/speculative-module-fetching/
- *
- * Qwik uses a service worker to speed up your site and reduce latency, ie, not used in the traditional way of offline.
- * You can also use this file to add more functionality that runs in the service worker.
- */
-import { setupServiceWorker } from "@qwik.dev/router/service-worker";
-
-setupServiceWorker();
-
-self.addEventListener("install", () => self.skipWaiting());
-self.addEventListener("activate", (ev) => ev.waitUntil(self.clients.claim()));
-
-declare const self: ServiceWorkerGlobalScope;