Use bleeding edge qwik

palfrey · palfrey · commit 2e822c164fad · 2026-03-20T12:14:36.000Z
diff --git a/web/platform/astro.config.ts b/web/platform/astro.config.ts
@@ -7,7 +7,7 @@ import starlight from "@astrojs/starlight";
 
 import partytown from "@astrojs/partytown";
 import deno from "@deno/astro-adapter";
-import qwik from "@qwikdev/astro";
+import qwik from "@qwik.dev/astro";
 import tailwindcss from "@tailwindcss/vite";
 
 import { rehypeMermaid } from "@beoe/rehype-mermaid"; // "rehype-mermaid";
diff --git a/web/platform/bun.lock b/web/platform/bun.lock
diff --git a/web/platform/package.json b/web/platform/package.json
@@ -12,17 +12,17 @@
     "@beoe/pan-zoom": "^0.0.4",
     "@beoe/rehype-mermaid": "^0.4.2",
     "@biomejs/biome": "1.9.4",
-    "@builder.io/qwik": "^1.19.2",
     "@deno/astro-adapter": "https://github.com/florian-lefebvre/denoland_deno-astro-adapter/tarball/feat/v6",
     "@lhci/cli": "^0.14.0",
     "@lorenzo_lewis/starlight-utils": "^0.3.2",
-    "@qwikdev/astro": "^0.8.3",
+    "@qwik.dev/astro": "https://pkg.pr.new/QwikDev/astro/@qwik.dev/astro@279",
+    "@qwik.dev/core": "2.0.0-beta.29",
     "@qwikest/icons": "^0.0.13",
     "@react-three/drei": "^10.0.7",
     "@react-three/fiber": "^9.1.2",
     "@tailwindcss/vite": "^4.2.1",
     "@types/bun": "^1.2.12",
-    "astro": "^6.0.5",
+    "astro": "^6.0.6",
     "clsx": "^2.1.1",
     "dotenv": "^17.0.0",
     "framer-motion": "^12.9.4",
diff --git a/web/platform/src/components/media/icons/contributors.tsx b/web/platform/src/components/media/icons/contributors.tsx
@@ -1,4 +1,4 @@
-import type { PropsOf } from "@builder.io/qwik";
+import type { PropsOf } from "@qwik.dev/core";
 
 export const Tesla = (props: PropsOf<"svg">, key: string) => {
   return (
diff --git a/web/platform/src/components/media/icons/icons.tsx b/web/platform/src/components/media/icons/icons.tsx
@@ -1,4 +1,4 @@
-import type { PropsOf } from "@builder.io/qwik";
+import type { PropsOf } from "@qwik.dev/core";
 
 export const Slack = (props: PropsOf<"svg">, key: string) => {
   return (
diff --git a/web/platform/src/components/media/icons/productIcons.tsx b/web/platform/src/components/media/icons/productIcons.tsx
@@ -1,4 +1,4 @@
-import type { PropsOf } from "@builder.io/qwik";
+import type { PropsOf } from "@qwik.dev/core";
 
 export const CAS = (props: PropsOf<"svg">, key: string) => {
   return (
diff --git a/web/platform/src/components/qwik/components/book-banner.tsx b/web/platform/src/components/qwik/components/book-banner.tsx
@@ -1,4 +1,4 @@
-import { component$, useSignal, useVisibleTask$ } from "@builder.io/qwik";
+import { component$, useSignal, useVisibleTask$ } from "@qwik.dev/core";
 
 export const BookBanner = component$(() => {
   const isMinimized = useSignal(true);
diff --git a/web/platform/src/components/qwik/components/book-download-form.tsx b/web/platform/src/components/qwik/components/book-download-form.tsx
@@ -1,4 +1,4 @@
-import { $, component$, useSignal } from "@builder.io/qwik";
+import { $, component$, useSignal } from "@qwik.dev/core";
 
 const EMAIL_REGEX = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
 const PERSONAL_EMAIL_DOMAINS = [
diff --git a/web/platform/src/components/qwik/components/cards.tsx b/web/platform/src/components/qwik/components/cards.tsx
@@ -1,5 +1,5 @@
-/** @jsxImportSource @builder.io/qwik */
-import { type JSXOutput, component$ } from "@builder.io/qwik";
+/** @jsxImportSource @qwik.dev/core */
+import { type JSXOutput, component$ } from "@qwik.dev/core";
 
 import { LinearGradient } from "./text.tsx";
 
diff --git a/web/platform/src/components/qwik/components/codeTabs.tsx b/web/platform/src/components/qwik/components/codeTabs.tsx
@@ -1,4 +1,4 @@
-import { component$, useSignal } from "@builder.io/qwik";
+import { component$, useSignal } from "@qwik.dev/core";
 
 interface CodeTabsProps {
   class: string;
diff --git a/web/platform/src/components/qwik/components/counter/counter.tsx b/web/platform/src/components/qwik/components/counter/counter.tsx
@@ -1,4 +1,4 @@
-import { component$, useSignal } from "@builder.io/qwik";
+import { component$, useSignal } from "@qwik.dev/core";
 
 export const Counter = component$((props: { initialVal: number }) => {
   const counter = useSignal<number>(props.initialVal);
diff --git a/web/platform/src/components/qwik/components/footer.tsx b/web/platform/src/components/qwik/components/footer.tsx
@@ -1,4 +1,4 @@
-import { $, component$, useSignal } from "@builder.io/qwik";
+import { $, component$, useSignal } from "@qwik.dev/core";
 import { BackgroundVideo } from "./video.tsx";
 
 const Logo =
diff --git a/web/platform/src/components/qwik/components/header.tsx b/web/platform/src/components/qwik/components/header.tsx
@@ -6,7 +6,7 @@ import {
   useSignal,
   useStylesScoped$,
   useVisibleTask$,
-} from "@builder.io/qwik";
+} from "@qwik.dev/core";
 
 import { NavLink } from "./nav-link.tsx";
 
diff --git a/web/platform/src/components/qwik/components/icons.tsx b/web/platform/src/components/qwik/components/icons.tsx
@@ -1,4 +1,4 @@
-import { _jsxQ, _jsxS, component$ } from "@builder.io/qwik";
+import { _jsxQ, _jsxS, component$ } from "@qwik.dev/core";
 
 const HiCheckSolid = (props) =>
   /* @__PURE__ */ _jsxS(
diff --git a/web/platform/src/components/qwik/components/logo.tsx b/web/platform/src/components/qwik/components/logo.tsx
@@ -1,5 +1,5 @@
-import { component$ } from "@builder.io/qwik";
-import logoDark from "./src/assets/logo-dark.svg";
+import { component$ } from "@qwik.dev/core";
+import logoDark from "../../../assets/logo-dark.svg";
 
 export const Logo = component$(() => {
   return (
diff --git a/web/platform/src/components/qwik/components/nav-link.tsx b/web/platform/src/components/qwik/components/nav-link.tsx
@@ -1,4 +1,4 @@
-import { Slot, component$ } from "@builder.io/qwik";
+import { Slot, component$ } from "@qwik.dev/core";
 
 type NavLinkProps = {
   pathName: string;
diff --git a/web/platform/src/components/qwik/components/scroll.tsx b/web/platform/src/components/qwik/components/scroll.tsx
@@ -1,4 +1,4 @@
-import { component$, useSignal, useVisibleTask$ } from "@builder.io/qwik";
+import { component$, useSignal, useVisibleTask$ } from "@qwik.dev/core";
 import { scroll } from "motion";
 
 export const ScrollTracker = component$((props: { scrolled: boolean }) => {
diff --git a/web/platform/src/components/qwik/components/some-islands.tsx b/web/platform/src/components/qwik/components/some-islands.tsx
@@ -1,4 +1,4 @@
-import { $, component$, useOnDocument, useSignal } from "@builder.io/qwik";
+import { $, component$, useOnDocument, useSignal } from "@qwik.dev/core";
 
 export const Island = component$((props: { initialVal: number }) => {
   const count = useSignal<number>(props.initialVal);
diff --git a/web/platform/src/components/qwik/components/table.tsx b/web/platform/src/components/qwik/components/table.tsx
@@ -1,4 +1,4 @@
-import { component$ } from "@builder.io/qwik";
+import { component$ } from "@qwik.dev/core";
 
 import { Checkmark, Xmark } from "./icons.tsx";
 
diff --git a/web/platform/src/components/qwik/components/text.tsx b/web/platform/src/components/qwik/components/text.tsx
@@ -1,4 +1,4 @@
-import { component$ } from "@builder.io/qwik";
+import { component$ } from "@qwik.dev/core";
 
 interface LinearGradient {
   text: string;
diff --git a/web/platform/src/components/qwik/components/video.tsx b/web/platform/src/components/qwik/components/video.tsx
@@ -1,4 +1,4 @@
-import { component$, useSignal, useVisibleTask$ } from "@builder.io/qwik";
+import { component$, useSignal, useVisibleTask$ } from "@qwik.dev/core";
 
 const videoLink =
   "https://nativelink-cdn.s3.us-east-1.amazonaws.com/background_file.mp4";
diff --git a/web/platform/src/components/qwik/pages/community.tsx b/web/platform/src/components/qwik/pages/community.tsx
@@ -1,4 +1,4 @@
-import { component$, useVisibleTask$ } from "@builder.io/qwik";
+import { component$, useVisibleTask$ } from "@qwik.dev/core";
 
 import { GitHub, Slack } from "../../media/icons/icons.tsx";
 
diff --git a/web/platform/src/components/qwik/pages/company.tsx b/web/platform/src/components/qwik/pages/company.tsx
@@ -1,4 +1,4 @@
-import { component$, useVisibleTask$ } from "@builder.io/qwik";
+import { component$, useVisibleTask$ } from "@qwik.dev/core";
 
 import { Label, LinearGradient } from "../components/text.tsx";
 
diff --git a/web/platform/src/components/qwik/pages/home.tsx b/web/platform/src/components/qwik/pages/home.tsx
@@ -1,4 +1,4 @@
-import { component$ } from "@builder.io/qwik";
+import { component$ } from "@qwik.dev/core";
 
 import { Benefits } from "../sections/benefits.tsx";
 import { Community } from "../sections/community.tsx";
diff --git a/web/platform/src/components/qwik/pages/product.tsx b/web/platform/src/components/qwik/pages/product.tsx
@@ -1,4 +1,4 @@
-import { component$, useVisibleTask$ } from "@builder.io/qwik";
+import { component$, useVisibleTask$ } from "@qwik.dev/core";
 
 export const ProductPage = component$(() => {
   useVisibleTask$(() => {
diff --git a/web/platform/src/components/qwik/sections/benefits.tsx b/web/platform/src/components/qwik/sections/benefits.tsx
@@ -1,4 +1,4 @@
-import { component$ } from "@builder.io/qwik";
+import { component$ } from "@qwik.dev/core";
 
 import { VideoCard } from "../components/cards.tsx";
 import { Label } from "../components/text.tsx";
diff --git a/web/platform/src/components/qwik/sections/community.tsx b/web/platform/src/components/qwik/sections/community.tsx
@@ -1,4 +1,4 @@
-import { component$ } from "@builder.io/qwik";
+import { component$ } from "@qwik.dev/core";
 
 import { LinearGradient } from "../components/text.tsx";
 
diff --git a/web/platform/src/components/qwik/sections/contributors.tsx b/web/platform/src/components/qwik/sections/contributors.tsx
@@ -1,4 +1,4 @@
-import { component$, useSignal, useVisibleTask$ } from "@builder.io/qwik";
+import { component$, useSignal, useVisibleTask$ } from "@qwik.dev/core";
 
 import { Label } from "../components/text.tsx";
 
diff --git a/web/platform/src/components/qwik/sections/feature.tsx b/web/platform/src/components/qwik/sections/feature.tsx
@@ -1,4 +1,4 @@
-import { component$ } from "@builder.io/qwik";
+import { component$ } from "@qwik.dev/core";
 
 import {
   CAS,
diff --git a/web/platform/src/components/qwik/sections/hero.tsx b/web/platform/src/components/qwik/sections/hero.tsx
@@ -1,4 +1,4 @@
-import { component$, useSignal, useVisibleTask$ } from "@builder.io/qwik";
+import { component$, useSignal, useVisibleTask$ } from "@qwik.dev/core";
 import { Background } from "../../media/icons/icons.tsx";
 import { BackgroundVideo } from "../components/video.tsx";
 
diff --git a/web/platform/src/components/qwik/sections/impact.tsx b/web/platform/src/components/qwik/sections/impact.tsx
@@ -1,4 +1,4 @@
-import { component$ } from "@builder.io/qwik";
+import { component$ } from "@qwik.dev/core";
 
 export const Impact = component$(() => {
   return (
diff --git a/web/platform/src/components/qwik/sections/testimonials.tsx b/web/platform/src/components/qwik/sections/testimonials.tsx
@@ -1,4 +1,4 @@
-import { _jsxQ, _jsxS, component$ } from "@builder.io/qwik";
+import { _jsxQ, _jsxS, component$ } from "@qwik.dev/core";
 
 const SiRockylinux = (props) =>
   /* @__PURE__ */ _jsxS(
diff --git a/web/platform/src/components/react/react-counter.tsx b/web/platform/src/components/react/react-counter.tsx
@@ -1,7 +1,7 @@
 /** @jsxImportSource react */
 import { useState } from "react";
 
-// import { qwikify$ } from "@builder.io/qwik-react";
+// import { qwikify$ } from "@qwik.dev/core-react";
 
 export const ReactCounter = () => {
   const [count, setCount] = useState(0);
diff --git a/web/platform/tsconfig.json b/web/platform/tsconfig.json
@@ -2,7 +2,7 @@
   "compilerOptions": {
     "baseUrl": ".",
     "jsx": "react-jsx",
-    "jsxImportSource": "@builder.io/qwik",
+    "jsxImportSource": "@qwik.dev/core",
     "paths": {
       "@assets/*": [
         "./src/assets/*"

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import type { PropsOf } from "@builder.io/qwik";`
	`1`	`+import type { PropsOf } from "@qwik.dev/core";`
`2`	`2`
`3`	`3`	`export const Tesla = (props: PropsOf<"svg">, key: string) => {`
`4`	`4`	`return (`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import { component$, useSignal, useVisibleTask$ } from "@builder.io/qwik";`
	`1`	`+import { component$, useSignal, useVisibleTask$ } from "@qwik.dev/core";`
`2`	`2`
`3`	`3`	`export const BookBanner = component$(() => {`
`4`	`4`	`const isMinimized = useSignal(true);`
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`
`3`	`3`	`const EMAIL_REGEX = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;`
`4`	`4`	`const PERSONAL_EMAIL_DOMAINS = [`
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`
`3`	`3`	`interface CodeTabsProps {`
`4`	`4`	`class: string;`