create-qwik 2.0.0-beta.3 → 2.0.0-beta.31

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

@@ -7,6 +7,7 @@
 # Development
 node_modules
 .env
+.planning
 *.local
 
 # Cache

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

@@ -16,18 +16,18 @@
     "qwik": "qwik"
   },
   "devDependencies": {
-    "@qwik.dev/core": "^2.0.0-beta.3",
-    "@qwik.dev/router": "^2.0.0-beta.3",
+    "@qwik.dev/core": "^2.0.0-beta.31",
+    "@qwik.dev/router": "^2.0.0-beta.31",
     "@eslint/js": "latest",
-    "@types/node": "24.0.4",
-    "typescript-eslint": "8.26.1",
-    "eslint": "9.25.1",
-    "eslint-plugin-qwik": "^2.0.0-beta.3",
-    "globals": "16.0.0",
-    "prettier": "3.5.3",
-    "typescript": "5.8.3",
+    "@types/node": "24.10.0",
+    "typescript-eslint": "8.56.1",
+    "eslint": "10.0.2",
+    "eslint-plugin-qwik": "^2.0.0-beta.31",
+    "globals": "17.0.0",
+    "prettier": "3.7.4",
+    "typescript": "5.9.3",
     "typescript-plugin-css-modules": "latest",
-    "vite": "7.0.0",
+    "vite": "7.3.1",
     "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,31 +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 {
-  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 />, {
-    ...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,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/empty/src/root.tsx

@@ -1,32 +1,35 @@
-import { component$, isDev } from "@qwik.dev/core";
-import { QwikRouterProvider, RouterOutlet } from "@qwik.dev/router";
-import { RouterHead } from "./components/router-head/router-head";
+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();
+
   /**
-   * 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 />
       </body>
-    </QwikRouterProvider>
+    </>
   );
 });

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/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 .",
@@ -33,17 +32,18 @@
     "release": "np"
   },
   "devDependencies": {
-    "@qwik.dev/core": "2.0.0-beta.3",
+    "@qwik.dev/core": "2.0.0-beta.31",
+    "@qwik.dev/router": "latest",
     "@eslint/js": "latest",
-    "@types/node": "24.0.4",
-    "typescript-eslint": "8.26.1",
-    "eslint": "9.25.1",
-    "eslint-plugin-qwik": "2.0.0-beta.3",
-    "globals": "16.0.0",
+    "@types/node": "24.10.0",
+    "typescript-eslint": "8.56.1",
+    "eslint": "10.0.2",
+    "eslint-plugin-qwik": "2.0.0-beta.31",
+    "globals": "17.0.0",
     "np": "^8.0.4",
-    "prettier": "3.5.3",
-    "typescript": "5.8.3",
-    "vite": "7.0.0",
+    "prettier": "3.7.4",
+    "typescript": "5.9.3",
+    "vite": "7.3.1",
     "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/entry.ssr.tsx

@@ -1,21 +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 {
-  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 />, opts);
-}
+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,17 +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 Blank App</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>
-        <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,10 +11,12 @@ const excludeAll = (obj) => Object.keys(obj).map(makeRegex);
 export default defineConfig(() => {
   return {
     build: {
+      outDir: "lib",
       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 +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/root.tsx

@@ -1,32 +1,35 @@
-import { component$, isDev } from "@qwik.dev/core";
-import { QwikRouterProvider, RouterOutlet } from "@qwik.dev/router";
-import { RouterHead } from "./components/router-head/router-head";
+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();
+
   /**
-   * 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 />
       </body>
-    </QwikRouterProvider>
+    </>
   );
 });

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,16 @@
 {
   "name": "create-qwik",
   "description": "Interactive CLI for create Qwik projects and adding features.",
-  "version": "2.0.0-beta.3",
+  "version": "2.0.0-beta.31",
   "author": "Qwik Team",
-  "bin": "./create-qwik.cjs",
+  "bin": "./create-qwik.mjs",
   "bugs": "https://github.com/QwikDev/qwik/issues",
+  "dependencies": {
+    "execa": "9.6.1"
+  },
   "devDependencies": {
-    "@clack/prompts": "0.7.0",
-    "@types/yargs": "17.0.32",
+    "@clack/prompts": "0.11.0",
+    "@types/yargs": "17.0.35",
     "kleur": "4.1.5",
     "yargs": "17.7.2"
   },
@@ -20,7 +23,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 +34,11 @@
     "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"
 }

package/create-qwik.cjs

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