Support Qwik V2

apps/demo/package.json

@@ -12,8 +12,10 @@
     "astro": "astro"
   },
   "dependencies": {
-    "@builder.io/qwik": "^1.12.0",
     "@qwikdev/astro": "workspace:*",
     "astro": "5.1.1"
+  },
+  "devDependencies": {
+    "@qwik.dev/core": "2.0.0-alpha.8"
   }
 }

apps/demo/src/components/qwik/counter.tsx

@@ -1,4 +1,4 @@
-import { Slot, component$, useSignal } from "@builder.io/qwik";
+import { Slot, component$, useSignal } from "@qwik.dev/core";
 
 export const Counter = component$<{ initial: number }>((props) => {
   const counter = useSignal(props.initial);

apps/demo/tsconfig.json

@@ -7,6 +7,6 @@
     },
 
     "jsx": "react-jsx",
-    "jsxImportSource": "@builder.io/qwik"
+    "jsxImportSource": "@qwik.dev/core"
   }
 }

apps/deno-demo/package.json

@@ -14,13 +14,15 @@
     "@astrojs/check": "^0.9.4",
     "@astrojs/deno": "^5.0.1",
     "@astrojs/react": "^4.1.2",
-    "@builder.io/qwik": "^1.12.0",
     "@qwikdev/astro": "workspace:*",
     "@types/react": "^18.3.18",
     "@types/react-dom": "^18.3.5",
     "astro": "^5.1.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "typescript": "^5.7.2"
+  },
+  "devDependencies": {
+    "@qwik.dev/core": "2.0.0-alpha.8"
   }
 }

apps/deno-demo/src/components/qwik/counter.tsx

@@ -1,4 +1,4 @@
-import { Slot, component$, useSignal } from "@builder.io/qwik";
+import { Slot, component$, useSignal } from "@qwik.dev/core";
 
 export const Counter = component$<{ initial: number }>((props) => {
   const counter = useSignal(props.initial);

apps/deno-demo/src/components/qwik/say-hi.tsx

@@ -1,4 +1,4 @@
-import { Slot, component$, sync$ } from "@builder.io/qwik";
+import { Slot, component$, sync$ } from "@qwik.dev/core";
 
 export const SayHi = component$(() => {
   return (

apps/deno-demo/src/components/qwik/test.tsx

@@ -1,4 +1,4 @@
-import { component$ } from "@builder.io/qwik";
+import { component$ } from "@qwik.dev/core";
 
 export const Test = component$(() => {
   return <div>test</div>;

apps/deno-demo/tsconfig.json

@@ -7,6 +7,6 @@
     },
 
     "jsx": "react-jsx",
-    "jsxImportSource": "@builder.io/qwik"
+    "jsxImportSource": "@qwik.dev/core"
   }
 }

apps/node-demo/package.json

@@ -14,12 +14,14 @@
   "dependencies": {
     "@astrojs/node": "9.0.0",
     "@astrojs/react": "4.1.2",
-    "@builder.io/qwik": "^1.12.0",
     "@qwikdev/astro": "workspace:*",
     "@types/react": "^18.3.18",
     "@types/react-dom": "^18.3.5",
     "astro": "5.1.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1"
+  },
+  "devDependencies": {
+    "@qwik.dev/core": "2.0.0-alpha.8"
   }
 }

apps/node-demo/src/components/qwik/counter.tsx

@@ -1,4 +1,4 @@
-import { Slot, component$, useSignal } from "@builder.io/qwik";
+import { Slot, component$, useSignal } from "@qwik.dev/core";
 
 export const Counter = component$<{ initial: number }>((props) => {
   const counter = useSignal(props.initial);

apps/node-demo/src/components/qwik/say-hi.tsx

@@ -1,4 +1,4 @@
-import { Slot, component$, sync$ } from "@builder.io/qwik";
+import { Slot, component$, sync$ } from "@qwik.dev/core";
 
 export const SayHi = component$(() => {
   return (

apps/node-demo/src/components/qwik/test.tsx

@@ -1,4 +1,4 @@
-import { component$ } from "@builder.io/qwik";
+import { component$ } from "@qwik.dev/core";
 
 export const Test = component$(() => {
   return <div>test</div>;

apps/node-demo/tsconfig.json

@@ -7,6 +7,6 @@
     },
 
     "jsx": "react-jsx",
-    "jsxImportSource": "@builder.io/qwik"
+    "jsxImportSource": "@qwik.dev/core"
   }
 }

apps/website/package.json

@@ -19,15 +19,15 @@
   },
   "dependencies": {
     "@astrojs/check": "^0.9.4",
-    "@builder.io/qwik": "^1.12",
     "@fontsource-variable/unbounded": "^5.1.1",
     "@iconify-json/lucide": "^1.2.23",
-    "@qwikdev/astro": "^0.7",
+    "@qwikdev/astro": "workspace:*",
     "astro": "^5.1",
     "astro-icon": "^1.1.4",
     "sharp": "^0.33.5"
   },
   "devDependencies": {
-    "@biomejs/biome": "^1.7.0"
+    "@biomejs/biome": "^1.7.0",
+    "@qwik.dev/core": "2.0.0-alpha.8"
   }
 }

apps/website/src/components/home/background/background.tsx

@@ -1,4 +1,4 @@
-import { component$, useStylesScoped$ } from "@builder.io/qwik";
+import { component$, useStylesScoped$ } from "@qwik.dev/core";
 import styles from "./background.css?inline";
 
 export const Background = component$(() => {

apps/website/src/components/home/bar-chart/bar-chart.tsx

@@ -1,4 +1,4 @@
-import { component$, useStylesScoped$ } from "@builder.io/qwik";
+import { component$, useStylesScoped$ } from "@qwik.dev/core";
 import styles from "./bar-chart.css?inline";
 
 interface BarChartProps {

apps/website/src/components/home/cli-copy/cli-copy.tsx

@@ -5,7 +5,7 @@ import {
   useSignal,
   useStyles$,
   useTask$
-} from "@builder.io/qwik";
+} from "@qwik.dev/core";
 import styles from "./cli-copy.css?inline";
 
 export const CLICopy = component$((props: PropsOf<"button">) => {

apps/website/src/components/home/js-chunk-animator/js-chunk-animator.tsx

@@ -4,7 +4,7 @@ import {
   useOnDocument,
   useSignal,
   useStylesScoped$
-} from "@builder.io/qwik";
+} from "@qwik.dev/core";
 import { JSChunk } from "../js-chunk/js-chunk";
 
 export const JSChunkAnimator = component$(() => {

apps/website/src/components/home/js-chunk/js-chunk.tsx

@@ -1,4 +1,4 @@
-import { component$, useStylesScoped$ } from "@builder.io/qwik";
+import { component$, useStylesScoped$ } from "@qwik.dev/core";
 
 export const JSChunk = component$(() => {
   useStylesScoped$(

apps/website/src/components/home/logo-hover/logo-hover.tsx

@@ -5,7 +5,7 @@ import {
   useSignal,
   useStyles$,
   useVisibleTask$
-} from "@builder.io/qwik";
+} from "@qwik.dev/core";
 import { AstroIcon } from "@icons/astro";
 import { QwikIcon } from "@icons/qwik";
 import styles from "./logo-hover.css?inline";

apps/website/src/components/home/spotlight/spotlight.tsx

@@ -1,4 +1,4 @@
-import { $, Slot, component$, useSignal, useStyles$ } from "@builder.io/qwik";
+import { $, Slot, component$, useSignal, useStyles$ } from "@qwik.dev/core";
 import styles from "./spotlight.css?inline";
 
 export const Spotlight = component$(() => {

apps/website/src/components/home/squiggle/squiggle.tsx

@@ -1,4 +1,4 @@
-import { type PropsOf, component$, useStylesScoped$ } from "@builder.io/qwik";
+import { type PropsOf, component$, useStylesScoped$ } from "@qwik.dev/core";
 import styles from "./squiggle.css?inline";
 
 export const Squiggle = component$((props: PropsOf<"svg">) => {

apps/website/src/icons/astro.tsx

@@ -1,4 +1,4 @@
-import { type PropsOf, component$ } from "@builder.io/qwik";
+import { type PropsOf, component$ } from "@qwik.dev/core";
 
 export const AstroIcon = component$((props: PropsOf<"svg">) => {
   return (

apps/website/src/icons/qwik.tsx

@@ -1,4 +1,4 @@
-import { type PropsOf, component$ } from "@builder.io/qwik";
+import { type PropsOf, component$ } from "@qwik.dev/core";
 
 export const QwikIcon = component$((props: PropsOf<"svg">) => {
   return (

apps/website/tsconfig.json

@@ -10,6 +10,6 @@
     },
 
     "jsx": "react-jsx",
-    "jsxImportSource": "@builder.io/qwik"
+    "jsxImportSource": "@qwik.dev/core"
   }
 }

libs/qwikdev-astro/package.json

@@ -60,11 +60,12 @@
     "astro-integration-kit": "^0.18.0"
   },
   "devDependencies": {
-    "@builder.io/qwik": "^1.12.0",
+    "@qwik.dev/core": "2.0.0-alpha.8",
     "astro": "^5.1.1",
-    "vite": "^5.4.11"
+    "vite": "^5.4.11",
+    "ts-morph": "latest"
   },
   "peerDependencies": {
-    "@builder.io/qwik": ">=1.9.0"
+    "@qwik.dev/core": ">=2.0.0-alpha.8"
   }
 }

libs/qwikdev-astro/server.ts

@@ -1,11 +1,11 @@
-import { type JSXNode, jsx } from "@builder.io/qwik";
-import { isDev } from "@builder.io/qwik/build";
-import type { QwikManifest } from "@builder.io/qwik/optimizer";
+import { type JSXNode, type JSXOutput, jsx } from "@qwik.dev/core";
+import { isDev } from "@qwik.dev/core/build";
+import type { QwikManifest } from "@qwik.dev/core/optimizer";
 import {
   type RenderToStreamOptions,
   getQwikLoaderScript,
   renderToStream
-} from "@builder.io/qwik/server";
+} from "@qwik.dev/core/server";
 import type { SSRResult } from "astro";
 
 const isQwikLoaderAddedMap = new WeakMap<SSRResult, boolean>();
@@ -103,7 +103,7 @@ export async function renderToStaticMarkup(
         include: false
       },
       stream: {
-        write: (chunk) => {
+        write: (chunk: string) => {
           html += chunk;
         }
       }
@@ -180,7 +180,7 @@ export async function renderToStaticMarkup(
       renderToStreamOpts.containerAttributes!["q-astro-marker"] = "first";
     }
 
-    await renderToStream(qwikComponentJSX, renderToStreamOpts);
+    await renderToStream(qwikComponentJSX as JSXOutput, renderToStreamOpts);
 
     // we only want to add the preloader script if the container is the last one
     if (isDev && devUrls.size > 0) {

libs/qwikdev-astro/src/index.ts

@@ -1,11 +1,11 @@
 import fs from "node:fs";
 import { join } from "node:path";
-import { qwikVite, symbolMapper } from "@builder.io/qwik/optimizer";
 import type {
   QwikManifest,
   QwikVitePluginOptions,
   SymbolMapperFn
 } from "@builder.io/qwik/optimizer";
+import { qwikVite, symbolMapper } from "@qwik.dev/core/optimizer";
 import type { AstroConfig, AstroIntegration } from "astro";
 import { createResolver, defineIntegration, watchDirectory } from "astro-integration-kit";
 import { z } from "astro/zod";
@@ -134,9 +134,10 @@ export default defineIntegration({
             resolveEntrypoints();
           },
           async resolveId(id, importer) {
-            const isFromAstro = importer?.endsWith('.astro') || importer?.endsWith('.mdx');
-            const isFromTrackedFile = potentialEntries.has(importer ?? '');
-
+            const isFromAstro =
+              importer?.endsWith(".astro") || importer?.endsWith(".mdx");
+            const isFromTrackedFile = potentialEntries.has(importer ?? "");
+
             if (!isFromAstro && !isFromTrackedFile) {
               return null;
             }

libs/qwikdev-astro/src/root.tsx

@@ -1,4 +1,4 @@
-import { Slot, component$ } from "@builder.io/qwik";
+import { Slot, component$ } from "@qwik.dev/core";
 
 export default component$(() => {
   return (

libs/qwikdev-astro/tests/fixtures/minimal/src/components/counter.tsx

@@ -1,4 +1,4 @@
-import { component$, useSignal } from "@builder.io/qwik";
+import { component$, useSignal } from "@qwik.dev/core";
 
 export const Counter = component$(() => {
   const count = useSignal(0);