create-qwik 2.0.0-beta.9 → 2.0.0-rc.2

package/dist/starters/apps/base/.prettierignore

@@ -27,7 +27,7 @@ build
 .vscode
 .rollup.cache
 tsconfig.tsbuildinfo
-vite.config.mts
+vite.config.ts
 *.spec.tsx
 *.spec.ts
 .netlify

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

@@ -0,0 +1,9 @@
+{
+  "servers": {
+    "qwik": {
+      "type": "stdio",
+      "command": "npx",
+      "args": ["-y", "@qwik.dev/mcp", "${workspaceFolder}"]
+    }
+  }
+}

package/dist/starters/apps/base/gitignore

@@ -7,6 +7,7 @@
 # Development
 node_modules
 .env
+.planning
 *.local
 
 # Cache
@@ -28,6 +29,7 @@ lerna-debug.log*
 .vscode/*
 !.vscode/launch.json
 !.vscode/*.code-snippets
+!.vscode/mcp.json
 
 .idea
 .DS_Store

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

@@ -16,18 +16,18 @@
     "qwik": "qwik"
   },
   "devDependencies": {
-    "@qwik.dev/core": "^2.0.0-beta.9",
-    "@qwik.dev/router": "^2.0.0-beta.9",
+    "@qwik.dev/core": "^2.0.0-rc.2",
+    "@qwik.dev/router": "^2.0.0-rc.2",
     "@eslint/js": "latest",
-    "@types/node": "24.2.1",
-    "typescript-eslint": "8.39.1",
-    "eslint": "9.33.0",
-    "eslint-plugin-qwik": "^2.0.0-beta.9",
-    "globals": "16.3.0",
-    "prettier": "3.6.2",
-    "typescript": "5.8.3",
+    "@types/node": "25.6.0",
+    "typescript-eslint": "8.56.1",
+    "eslint": "10.0.3",
+    "eslint-plugin-qwik": "^2.0.0-rc.2",
+    "globals": "17.0.0",
+    "prettier": "3.7.4",
+    "typescript": "5.9.3",
     "typescript-plugin-css-modules": "latest",
-    "vite": "7.1.0",
+    "vite": "8.2.1",
     "vite-tsconfig-paths": "^4.2.1"
   },
   "engines": {

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

@@ -1,8 +1,8 @@
 {
   "compilerOptions": {
     "allowJs": true,
-    "target": "ES2017",
-    "module": "ES2022",
+    "target": "es2020",
+    "module": "esnext",
     "lib": ["es2022", "DOM", "WebWorker", "DOM.Iterable"],
     "jsx": "react-jsx",
     "jsxImportSource": "@qwik.dev/core",

package/dist/starters/apps/base/{vite.config.mts → vite.config.ts}

@@ -79,24 +79,11 @@ function errorOnDuplicatesPkgDeps(
     (dep) => dependencies[dep],
   );
 
-  // include any known qwik packages
-  const qwikPkg = Object.keys(dependencies).filter((value) =>
-    /qwik/i.test(value),
-  );
-
-  // any errors for missing "qwik-router-config"
-  // [PLUGIN_ERROR]: Invalid module "@qwik-router-config" is not a valid package
-  msg = `Move qwik packages ${qwikPkg.join(", ")} to devDependencies`;
-
-  if (qwikPkg.length > 0) {
-    throw new Error(msg);
-  }
-
   // Format the error message with the duplicates list.
   // The `join` function is used to represent the elements of the 'duplicateDeps' array as a comma-separated string.
   msg = `
     Warning: The dependency "${duplicateDeps.join(", ")}" is listed in both "devDependencies" and "dependencies".
-    Please move the duplicated dependencies to "devDependencies" only and remove it from "dependencies"
+    Please keep each dependency in only one of them
   `;
 
   // Throw an error with the constructed message.

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

@@ -0,0 +1,9 @@
+{
+  "servers": {
+    "qwik": {
+      "type": "stdio",
+      "command": "npx",
+      "args": ["-y", "@qwik.dev/mcp", "${workspaceFolder}"]
+    }
+  }
+}

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

@@ -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/gitignore

@@ -10,7 +10,7 @@ node_modules
 # Cache
 .cache
 .mf
-.vscode
+.vscode/*
 .rollup.cache
 tsconfig.tsbuildinfo
 
@@ -25,6 +25,7 @@ lerna-debug.log*
 
 # Editor
 !.vscode/extensions.json
+!.vscode/mcp.json
 .idea
 .DS_Store
 *.suo

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

@@ -5,23 +5,22 @@
   "private": false,
   "main": "./lib/index.qwik.mjs",
   "qwik": "./lib/index.qwik.mjs",
-  "types": "./lib-types/index.d.ts",
+  "types": "./lib/index.d.ts",
   "type": "module",
   "exports": {
     ".": {
+      "types": "./lib/index.d.ts",
       "import": "./lib/index.qwik.mjs",
-      "require": "./lib/index.qwik.cjs",
-      "types": "./lib-types/index.d.ts"
+      "require": "./lib/index.qwik.cjs"
     }
   },
   "files": [
-    "lib",
-    "lib-types"
+    "lib"
   ],
   "scripts": {
     "build": "qwik build",
     "build.lib": "vite build --mode lib",
-    "build.types": "tsc --emitDeclarationOnly",
+    "build.types": "tsc -p tsconfig.types.json --emitDeclarationOnly --incremental false",
     "dev": "vite --mode ssr",
     "dev.debug": "node --inspect-brk ./node_modules/vite/bin/vite.js --mode ssr --force",
     "fmt": "prettier --write .",
@@ -32,18 +31,28 @@
     "qwik": "qwik",
     "release": "np"
   },
+  "peerDependencies": {
+    "@qwik.dev/core": "^2.0.0-rc.2",
+    "@qwik.dev/router": "^2.0.0-rc.2"
+  },
+  "peerDependenciesMeta": {
+    "@qwik.dev/router": {
+      "optional": true
+    }
+  },
   "devDependencies": {
-    "@qwik.dev/core": "2.0.0-beta.9",
+    "@qwik.dev/core": "2.0.0-rc.2",
+    "@qwik.dev/router": "latest",
     "@eslint/js": "latest",
-    "@types/node": "24.2.1",
-    "typescript-eslint": "8.39.1",
-    "eslint": "9.33.0",
-    "eslint-plugin-qwik": "2.0.0-beta.9",
-    "globals": "16.3.0",
+    "@types/node": "25.6.0",
+    "typescript-eslint": "8.56.1",
+    "eslint": "10.0.3",
+    "eslint-plugin-qwik": "2.0.0-rc.2",
+    "globals": "17.0.0",
     "np": "^8.0.4",
-    "prettier": "3.6.2",
-    "typescript": "5.8.3",
-    "vite": "7.1.0",
+    "prettier": "3.7.4",
+    "typescript": "5.9.3",
+    "vite": "8.2.1",
     "vite-tsconfig-paths": "^4.2.1"
   },
   "__qwik__": {
@@ -52,5 +61,6 @@
     "docs": [
       "https://qwik.dev/docs/getting-started/"
     ]
-  }
+  },
+  "sideEffects": false
 }

package/dist/starters/apps/library/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 Root from "./root";
+
+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/library/src/global.css

@@ -0,0 +1,33 @@
+/**
+ * WHAT IS THIS FILE?
+ *
+ * Globally applied styles. No matter which components are in the page or matching route,
+ * the styles in here will be applied to the Document, without any sort of CSS scoping.
+ *
+ */
+html {
+  -webkit-text-size-adjust: 100%;
+  -moz-tab-size: 4;
+  -o-tab-size: 4;
+  tab-size: 4;
+  font-family:
+    ui-sans-serif,
+    system-ui,
+    -apple-system,
+    BlinkMacSystemFont,
+    "Segoe UI",
+    Roboto,
+    "Helvetica Neue",
+    Arial,
+    "Noto Sans",
+    sans-serif,
+    "Apple Color Emoji",
+    "Segoe UI Emoji",
+    "Segoe UI Symbol",
+    "Noto Color Emoji";
+}
+
+body {
+  padding: 0;
+  line-height: inherit;
+}

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

@@ -1,23 +1,35 @@
-import { Counter } from "./components/counter/counter";
-import { Logo } from "./components/logo/logo";
+import { component$ } from "@qwik.dev/core";
+import {
+  DocumentHeadTags,
+  RouterOutlet,
+  useLocation,
+  useQwikRouter,
+} from "@qwik.dev/router";
+
+import "./global.css";
+
+export default component$(() => {
+  useQwikRouter();
+  const { url } = useLocation();
+
+  /**
+   * This is the root of a QwikRouter site. It contains the document's `<head>` and `<body>`. You can adjust them as you see fit.
+   */
 
-export default () => {
   return (
     <>
       <head>
         <meta charset="utf-8" />
-        <title>Qwik Library Starter</title>
+        <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>
-        <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 />
+        <RouterOutlet />
       </body>
     </>
   );
-};
+});

package/dist/starters/apps/library/src/routes/index.tsx

@@ -0,0 +1,19 @@
+import { component$ } from "@qwik.dev/core";
+import { Logo } from "../components/logo/logo";
+import { Counter } from "../components/counter/counter";
+
+export default component$(() => {
+  return (
+    <>
+      <h1>Qwik Library Starter</h1>
+      <p>
+        This is a playground meant for testing your library. Make your
+        components and export them from `src/index.ts`. This playground app will
+        not be bundled with your library. You can use the Router like a normal
+        Qwik app with the Qwik Router.
+      </p>
+      <Logo />
+      <Counter />
+    </>
+  );
+});

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

@@ -1,14 +1,14 @@
 {
   "compilerOptions": {
     "allowJs": true,
-    "target": "ES2017",
-    "module": "ES2020",
+    "target": "es2020",
+    "module": "esnext",
     "lib": ["es2020", "DOM"],
     "jsx": "react-jsx",
     "jsxImportSource": "@qwik.dev/core",
     "strict": true,
     "declaration": true,
-    "declarationDir": "lib-types",
+    "declarationDir": "lib",
     "resolveJsonModule": true,
     "moduleResolution": "Bundler",
     "esModuleInterop": true,

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

@@ -0,0 +1,15 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "declaration": true,
+    "emitDeclarationOnly": true,
+    "declarationDir": "lib",
+    "noEmit": false
+  },
+  "exclude": [
+    "src/routes/**",
+    "src/root.tsx",
+    "src/entry.ssr.tsx",
+    "src/entry.dev.tsx"
+  ]
+}

package/dist/starters/apps/library/{vite.config.mts → vite.config.ts}

@@ -1,7 +1,8 @@
 import { qwikVite } from "@qwik.dev/core/optimizer";
+import { qwikRouter } from "@qwik.dev/router/vite";
 import { defineConfig } from "vite";
-import tsconfigPaths from "vite-tsconfig-paths";
 import pkg from "./package.json";
+import tsconfigPaths from "vite-tsconfig-paths";
 
 const { dependencies = {}, peerDependencies = {} } = pkg as any;
 const makeRegex = (dep) => new RegExp(`^${dep}(/.*)?$`);
@@ -10,6 +11,7 @@ const excludeAll = (obj) => Object.keys(obj).map(makeRegex);
 export default defineConfig(() => {
   return {
     build: {
+      outDir: "lib",
       target: "es2020",
       lib: {
         entry: "./src/index",
@@ -18,7 +20,7 @@ export default defineConfig(() => {
         fileName: (format, entryName) =>
           `${entryName}.qwik.${format === "es" ? "mjs" : "cjs"}`,
       },
-      rollupOptions: {
+      rolldownOptions: {
         output: {
           preserveModules: true,
           preserveModulesRoot: "src",
@@ -31,6 +33,6 @@ export default defineConfig(() => {
         ],
       },
     },
-    plugins: [qwikVite(), tsconfigPaths({ root: "." })],
+    plugins: [qwikVite(), qwikRouter(), tsconfigPaths({ root: "." })],
   };
 });

package/dist/starters/apps/playground/src/components/starter/header/header.tsx

@@ -13,10 +13,7 @@ export default component$(() => {
         </div>
         <ul>
           <li>
-            <a
-              href="https://qwik.dev/docs/components/overview/"
-              target="_blank"
-            >
+            <a href="https://qwik.dev/docs/core/overview/" target="_blank">
               Docs
             </a>
           </li>

package/dist/starters/apps/playground/src/routes/demo/flower/index.tsx

@@ -16,7 +16,6 @@ export default component$(() => {
     number: 20,
   });
 
-  // eslint-disable-next-line qwik/no-use-visible-task
   useVisibleTask$(({ cleanup }) => {
     const timeout = setTimeout(() => (state.count = 1), 500);
     cleanup(() => clearTimeout(timeout));

package/package.json

@@ -1,13 +1,15 @@
 {
   "name": "create-qwik",
   "description": "Interactive CLI for create Qwik projects and adding features.",
-  "version": "2.0.0-beta.9",
+  "version": "2.0.0-rc.2",
   "author": "Qwik Team",
-  "bin": "./create-qwik.cjs",
   "bugs": "https://github.com/QwikDev/qwik/issues",
+  "dependencies": {
+    "execa": "9.6.1"
+  },
   "devDependencies": {
-    "@clack/prompts": "0.7.0",
-    "@types/yargs": "17.0.33",
+    "@clack/prompts": "0.11.0",
+    "@types/yargs": "17.0.35",
     "kleur": "4.1.5",
     "yargs": "17.7.2"
   },
@@ -20,7 +22,7 @@
   "engines-annotation": "Mostly required by sharp which needs a Node-API v9 compatible runtime",
   "files": [
     "README.md",
-    "create-qwik.cjs",
+    "create-qwik.mjs",
     "dist"
   ],
   "homepage": "https://qwik.dev/",
@@ -31,10 +33,14 @@
     "template"
   ],
   "license": "MIT",
-  "main": "./dist/index.cjs",
+  "main": "./dist/index.mjs",
   "repository": {
     "type": "git",
     "url": "https://github.com/QwikDev/qwik.git",
     "directory": "packages/create-qwik"
+  },
+  "type": "module",
+  "bin": {
+    "create-qwik": "./create-qwik.mjs"
   }
 }

package/create-qwik.cjs

@@ -1,3 +0,0 @@
-#!/usr/bin/env node
-const createQwik = require('./dist/index.cjs');
-createQwik.runCli();