feat: Qwik v2 🍭

gioboa · gioboa · commit 5b3d1f3d393c · 2025-09-19T14:48:25.000+02:00
diff --git a/apps/qwik-demo-app/README.md b/apps/qwik-demo-app/README.md
@@ -10,7 +10,7 @@
 
 ## Project Structure
 
-This project is using Qwik with [QwikCity](https://qwik.builder.io/qwikcity/overview/). QwikCity is just a extra set of tools on top of Qwik to make it easier to build a full site, including directory-based routing, layouts, and more.
+This project is using Qwik with [QwikCity](https://qwik.qwik.dev/corecity/overview/). QwikCity is just a extra set of tools on top of Qwik to make it easier to build a full site, including directory-based routing, layouts, and more.
 
 Inside your project, you'll see the following directory structure:
 
@@ -24,15 +24,15 @@ Inside your project, you'll see the following directory structure:
         └── ...
 ```
 
-- `src/routes`: Provides the directory based routing, which can include a hierarchy of `layout.tsx` layout files, and an `index.tsx` file as the page. Additionally, `index.ts` files are endpoints. Please see the [routing docs](https://qwik.builder.io/qwikcity/routing/overview/) for more info.
+- `src/routes`: Provides the directory based routing, which can include a hierarchy of `layout.tsx` layout files, and an `index.tsx` file as the page. Additionally, `index.ts` files are endpoints. Please see the [routing docs](https://qwik.qwik.dev/corecity/routing/overview/) for more info.
 
 - `src/components`: Recommended directory for components.
 
 - `public`: Any static assets, like images, can be placed in the public directory. Please see the [Vite public directory](https://vitejs.dev/guide/assets.html#the-public-directory) for more info.
 
 ## Add Integrations and deployment
 
-Use the `pnpm qwik add` command to add additional integrations. Some examples of integrations include: Cloudflare, Netlify or Express server, and the [Static Site Generator (SSG)](https://qwik.builder.io/qwikcity/static-site-generation/static-site-config/).
+Use the `pnpm qwik add` command to add additional integrations. Some examples of integrations include: Cloudflare, Netlify or Express server, and the [Static Site Generator (SSG)](https://qwik.qwik.dev/corecity/static-site-generation/static-site-config/).
 
 ```shell
 pnpm qwik add # or `yarn qwik add`
diff --git a/apps/qwik-demo-app/src/components/header/header.tsx b/apps/qwik-demo-app/src/components/header/header.tsx
@@ -1,4 +1,4 @@
-import { component$, useStylesScoped$ } from '@builder.io/qwik';
+import { component$, useStylesScoped$ } from '@qwik.dev/core';
 import { QwikLogo } from '../icons/qwik';
 import styles from './header.css?inline';
 
diff --git a/apps/qwik-demo-app/src/components/image.spec.tsx b/apps/qwik-demo-app/src/components/image.spec.tsx
@@ -1,13 +1,13 @@
-import { QwikCityMockProvider } from '@builder.io/qwik-city';
-import { createDOM } from '@builder.io/qwik/testing';
+import { QwikCityMockProvider } from '@qwik.dev/router';
+import { createDOM } from '@qwik.dev/core/testing';
 import { expect, test } from 'vitest';
 import {
   Image,
   ImageProps,
   ImageTransformerProps,
   useImageProvider,
 } from 'qwik-image';
-import { $, Slot, component$, useSignal } from '@builder.io/qwik';
+import { $, Slot, component$, useSignal } from '@qwik.dev/core';
 import { providers, selectedProvider } from '../providers';
 
 const TransformerProvider = component$(() => {
diff --git a/apps/qwik-demo-app/src/components/router-head/router-head.tsx b/apps/qwik-demo-app/src/components/router-head/router-head.tsx
@@ -1,5 +1,5 @@
-import { component$ } from '@builder.io/qwik';
-import { useDocumentHead, useLocation } from '@builder.io/qwik-city';
+import { component$ } from '@qwik.dev/core';
+import { useDocumentHead, useLocation } from '@qwik.dev/router';
 
 /**
  * The RouterHead component is placed inside of the document `<head>` element.
diff --git a/apps/qwik-demo-app/src/entry.dev.tsx b/apps/qwik-demo-app/src/entry.dev.tsx
@@ -9,7 +9,7 @@
  * - More code is transferred to the browser than in SSR mode.
  * - Optimizer/Serialization/Deserialization code is not exercised!
  */
-import { render, RenderOptions } from '@builder.io/qwik';
+import { render, RenderOptions } from '@qwik.dev/core';
 import Root from './root';
 
 export default function (opts: RenderOptions) {
diff --git a/apps/qwik-demo-app/src/entry.preview.tsx b/apps/qwik-demo-app/src/entry.preview.tsx
@@ -10,7 +10,7 @@
  * - https://vitejs.dev/config/preview-options.html#preview-options
  *
  */
-import { createQwikCity } from '@builder.io/qwik-city/middleware/node';
+import { createQwikCity } from '@qwik.dev/router/middleware/node';
 import render from './entry.ssr';
 import qwikCityPlan from '@qwik-city-plan';
 
diff --git a/apps/qwik-demo-app/src/entry.ssr.tsx b/apps/qwik-demo-app/src/entry.ssr.tsx
@@ -10,7 +10,7 @@
  * - npm run build
  *
  */
-import { renderToStream, RenderToStreamOptions } from '@builder.io/qwik/server';
+import { renderToStream, RenderToStreamOptions } from '@qwik.dev/core/server';
 import { manifest } from '@qwik-client-manifest';
 import Root from './root';
 
diff --git a/apps/qwik-demo-app/src/root.tsx b/apps/qwik-demo-app/src/root.tsx
@@ -1,9 +1,9 @@
-import { component$, useStyles$ } from '@builder.io/qwik';
+import { component$, useStyles$ } from '@qwik.dev/core';
 import {
   QwikCityProvider,
   RouterOutlet,
   ServiceWorkerRegister,
-} from '@builder.io/qwik-city';
+} from '@qwik.dev/router';
 import { RouterHead } from './components/router-head/router-head';
 
 import globalStyles from './global.css?inline';
diff --git a/apps/qwik-demo-app/src/routes/index.tsx b/apps/qwik-demo-app/src/routes/index.tsx
@@ -1,4 +1,4 @@
-import { component$, useSignal } from '@builder.io/qwik';
+import { component$, useSignal } from '@qwik.dev/core';
 import { providers, selectedProvider } from '../providers';
 import { Image } from 'qwik-image';
 
diff --git a/apps/qwik-demo-app/src/routes/layout.tsx b/apps/qwik-demo-app/src/routes/layout.tsx
@@ -1,4 +1,4 @@
-import { $, component$, Slot } from '@builder.io/qwik';
+import { $, component$, Slot } from '@qwik.dev/core';
 import { providers, selectedProvider } from '../providers';
 
 import Header from '../components/header/header';
diff --git a/apps/qwik-demo-app/src/routes/service-worker.ts b/apps/qwik-demo-app/src/routes/service-worker.ts
@@ -2,12 +2,12 @@
  * WHAT IS THIS FILE?
  *
  * The service-worker.ts file is used to have state of the art prefetching.
- * https://qwik.builder.io/qwikcity/prefetching/overview/
+ * https://qwik.qwik.dev/corecity/prefetching/overview/
  *
  * 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 '@builder.io/qwik-city/service-worker';
+import { setupServiceWorker } from '@qwik.dev/router/service-worker';
 
 setupServiceWorker();
 
diff --git a/apps/qwik-demo-app/tsconfig.json b/apps/qwik-demo-app/tsconfig.json
@@ -6,7 +6,7 @@
     "module": "ES2020",
     "lib": ["es2020", "DOM", "WebWorker", "DOM.Iterable"],
     "jsx": "react-jsx",
-    "jsxImportSource": "@builder.io/qwik",
+    "jsxImportSource": "@qwik.dev/core",
     "strict": true,
     "resolveJsonModule": true,
     "moduleResolution": "node",
diff --git a/apps/qwik-demo-app/vite.config.ts b/apps/qwik-demo-app/vite.config.ts
@@ -1,5 +1,5 @@
-import { qwikVite } from '@builder.io/qwik/optimizer';
-import { qwikCity } from '@builder.io/qwik-city/vite';
+import { qwikVite } from '@qwik.dev/core/optimizer';
+import { qwikCity } from '@qwik.dev/router/vite';
 import { defineConfig } from 'vite';
 import tsconfigPaths from 'vite-tsconfig-paths';
 import { qwikNxVite } from 'qwik-nx/plugins';
diff --git a/package.json b/package.json
@@ -17,8 +17,8 @@
     "pnpm": ">=9.0.5"
   },
   "devDependencies": {
-    "@builder.io/qwik": "1.14.1",
-    "@builder.io/qwik-city": "1.14.1",
+    "@qwik.dev/core": "2.0.0-beta.9",
+    "@qwik.dev/router": "2.0.0-beta.9",
     "@commitlint/cli": "17.6.1",
     "@commitlint/config-angular": "17.6.1",
     "@commitlint/config-conventional": "17.6.1",
diff --git a/packages/qwik-image/package.json b/packages/qwik-image/package.json
@@ -1,6 +1,6 @@
 {
   "name": "qwik-image",
-  "version": "1.0.0",
+  "version": "2.0.0",
   "description": "The goal is a component to support performant images on the web and automatic image optimization. That will be built as a pluggable component so devs could connect different image loaders to it (like Cloudinary, or builder)",
   "main": "./index.qwik.cjs",
   "qwik": "./index.qwik.mjs",
@@ -25,7 +25,7 @@
   },
   "dependencies": {},
   "peerDependencies": {
-    "@builder.io/qwik": "^1.14.1 || ^2.0.0"
+    "@qwik.dev/core": "^2.0.0"
   },
   "keywords": [
     "qwik-image",
diff --git a/packages/qwik-image/src/lib/image.tsx b/packages/qwik-image/src/lib/image.tsx
@@ -8,7 +8,7 @@ import {
   useContextProvider,
   useSignal,
   useTask$,
-} from '@builder.io/qwik';
+} from '@qwik.dev/core';
 
 export const DEFAULT_RESOLUTIONS = [3840, 1920, 1280, 960, 640];
 
diff --git a/packages/qwik-image/tsconfig.json b/packages/qwik-image/tsconfig.json
@@ -6,7 +6,7 @@
     "module": "ES2020",
     "lib": ["es2020", "DOM", "WebWorker", "DOM.Iterable"],
     "jsx": "react-jsx",
-    "jsxImportSource": "@builder.io/qwik",
+    "jsxImportSource": "@qwik.dev/core",
     "forceConsistentCasingInFileNames": true,
     "strict": true,
     "noImplicitReturns": true,
diff --git a/packages/qwik-image/vite.config.ts b/packages/qwik-image/vite.config.ts
@@ -1,6 +1,6 @@
 /// <reference types="vitest" />
 
-import { qwikVite } from '@builder.io/qwik/optimizer';
+import { qwikVite } from '@qwik.dev/core/optimizer';
 import { dirname, join } from 'path';
 import { qwikNxVite } from 'qwik-nx/plugins';
 import { fileURLToPath } from 'url';
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import { component$, useStylesScoped$ } from '@builder.io/qwik';`
	`1`	`+import { component$, useStylesScoped$ } from '@qwik.dev/core';`
`2`	`2`	`import { QwikLogo } from '../icons/qwik';`
`3`	`3`	`import styles from './header.css?inline';`
`4`	`4`
Original file line number	Diff line number	Diff line change
`@@ -10,7 +10,7 @@`
`10`	`10`	`* - https://vitejs.dev/config/preview-options.html#preview-options`
`11`	`11`	`*`
`12`	`12`	`*/`
`13`		`-import { createQwikCity } from '@builder.io/qwik-city/middleware/node';`
	`13`	`+import { createQwikCity } from '@qwik.dev/router/middleware/node';`
`14`	`14`	`import render from './entry.ssr';`
`15`	`15`	`import qwikCityPlan from '@qwik-city-plan';`
`16`	`16`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import { component$, useSignal } from '@builder.io/qwik';`
	`1`	`+import { component$, useSignal } from '@qwik.dev/core';`
`2`	`2`	`import { providers, selectedProvider } from '../providers';`
`3`	`3`	`import { Image } from 'qwik-image';`
`4`	`4`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import { $, component$, Slot } from '@builder.io/qwik';`
	`1`	`+import { $, component$, Slot } from '@qwik.dev/core';`
`2`	`2`	`import { providers, selectedProvider } from '../providers';`
`3`	`3`
`4`	`4`	`import Header from '../components/header/header';`