upgrade to 1.9 (#965)

thejackshelton · web-flow · commit 76edce724667 · 2024-09-17T15:45:16.000-05:00
* upgrade to 1.9

* feat: use prefetch sw instead

* changeset

* remove duplicate
diff --git a/.changeset/weak-phones-prove.md b/.changeset/weak-phones-prove.md
@@ -0,0 +1,15 @@
+---
+'@qwik-ui/headless': minor
+'@qwik-ui/styled': minor
+'@qwik-ui/themes': minor
+---
+
+feat: carousel reaches beta state
+
+feat: stepper component added as a configuration for the carousel
+
+feat: vertical carousels are now supported
+
+feat: progress bar gets a major refactor and is backwards compatible
+
+docs: fixed theme issues and improved prefetching
diff --git a/apps/component-tests/vite.config.ts b/apps/component-tests/vite.config.ts
@@ -2,12 +2,10 @@ import { qwikVite } from '@builder.io/qwik/optimizer';
 import { qwikCity } from '@builder.io/qwik-city/vite';
 import { defineConfig } from 'vite';
 import tsconfigPaths from 'vite-tsconfig-paths';
-import { qwikNxVite } from 'qwik-nx/plugins';
 
 export default defineConfig({
   cacheDir: '../../node_modules/.vite/apps/component-tests',
   plugins: [
-    qwikNxVite(),
     qwikCity(),
     qwikVite({
       client: {
diff --git a/apps/website/src/root.tsx b/apps/website/src/root.tsx
@@ -1,9 +1,12 @@
-import { component$, useContextProvider, useStore, useStyles$ } from '@builder.io/qwik';
 import {
-  QwikCityProvider,
-  RouterOutlet,
-  ServiceWorkerRegister,
-} from '@builder.io/qwik-city';
+  component$,
+  useContextProvider,
+  useStore,
+  useStyles$,
+  PrefetchGraph,
+  PrefetchServiceWorker,
+} from '@builder.io/qwik';
+import { QwikCityProvider, RouterOutlet } from '@builder.io/qwik-city';
 
 import { APP_STATE_CONTEXT_ID } from './_state/app-state-context-id';
 import { AppState } from './_state/app-state.type';
@@ -46,9 +49,10 @@ export default component$(() => {
         <meta charset="utf-8" />
         <link rel="manifest" href="/manifest.json" />
         <RouterHead />
-        <ServiceWorkerRegister />
       </head>
       <body lang="en">
+        <PrefetchGraph />
+        <PrefetchServiceWorker />
         <ThemeProvider
           attribute="class"
           enableSystem={false}
diff --git a/apps/website/src/routes/docs/headless/toggle-group/examples/test-disabled-value-multiple.tsx b/apps/website/src/routes/docs/headless/toggle-group/examples/test-disabled-value-multiple.tsx
@@ -12,7 +12,7 @@ export default component$(() => {
       <ToggleGroup.Root
         multiple
         value={['left', 'center']}
-        onChange$={(v) => (valueSelected.value = v)}
+        onChange$={(v: string[]) => (valueSelected.value = v)}
         disabled
       >
         <ToggleGroup.Item value="left" aria-label="Left aligned" class="toggle">
diff --git a/apps/website/src/routes/docs/headless/toggle-group/examples/test-value-multiple.tsx b/apps/website/src/routes/docs/headless/toggle-group/examples/test-value-multiple.tsx
@@ -12,7 +12,7 @@ export default component$(() => {
       <ToggleGroup.Root
         multiple
         value={['left', 'center']}
-        onChange$={(v) => (valueSelected.value = v)}
+        onChange$={(v: string[]) => (valueSelected.value = v)}
       >
         <ToggleGroup.Item value="left" aria-label="Left aligned" class="toggle">
           Left
diff --git a/apps/website/vite.config.ts b/apps/website/vite.config.ts
@@ -1,6 +1,5 @@
 import { qwikCity } from '@builder.io/qwik-city/vite';
 import { qwikVite } from '@builder.io/qwik/optimizer';
-import { qwikNxVite } from 'qwik-nx/plugins';
 import { defineConfig } from 'vite';
 import tsconfigPaths from 'vite-tsconfig-paths';
 import { recmaProvideComponents } from './recma-provide-components';
@@ -30,7 +29,6 @@ export default defineConfig(async () => {
 
   return {
     plugins: [
-      qwikNxVite(),
       qwikCity({
         mdxPlugins: {
           rehypeSyntaxHighlight: false,
diff --git a/package.json b/package.json
@@ -44,8 +44,8 @@
   "packageManager": "pnpm@9.7.0",
   "devDependencies": {
     "@axe-core/playwright": "^4.9.1",
-    "@builder.io/qwik": "1.7.3",
-    "@builder.io/qwik-city": "1.7.3",
+    "@builder.io/qwik": "^1.9",
+    "@builder.io/qwik-city": "^1.9",
     "@changesets/cli": "^2.27.3",
     "@changesets/get-github-info": "^0.6.0",
     "@changesets/types": "^6.0.0",
@@ -96,7 +96,7 @@
     "eslint": "^8.57.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-playwright": "^1.6.2",
-    "eslint-plugin-qwik": "1.7.3",
+    "eslint-plugin-qwik": "^1.9",
     "focus-trap": "7.5.4",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
diff --git a/packages/kit-headless/package.json b/packages/kit-headless/package.json
@@ -30,7 +30,7 @@
   },
   "private": false,
   "peerDependencies": {
-    "@builder.io/qwik": "1.7.2"
+    "@builder.io/qwik": "^1.9"
   },
   "dependencies": {
     "@floating-ui/core": "^1.6.2",
diff --git a/packages/kit-headless/src/components/carousel/carousel.test.ts b/packages/kit-headless/src/components/carousel/carousel.test.ts
@@ -416,7 +416,7 @@ test.describe('Mobile / Touch Behavior', () => {
     await expect(d.getSlideAt(3)).toHaveAttribute('data-active');
     await expect(d.getSlideAt(0)).not.toHaveAttribute('data-active');
   });
-  
+
   // test(`GIVEN a mobile carousel
   //       WHEN swiping to the next slide
   //       THEN the next slide should snap to the left side of the scroller`, async ({
diff --git a/packages/kit-headless/tsconfig.spec.json b/packages/kit-headless/tsconfig.spec.json
@@ -2,10 +2,7 @@
   "extends": "./tsconfig.json",
   "compilerOptions": {
     "outDir": "../../dist/out-tsc",
-    "types": [
-      "vitest/globals",
-      "node"
-    ]
+    "types": ["vitest/globals", "node"]
   },
   "include": [
     "vite.config.ts",
diff --git a/packages/kit-headless/vite.config.ts b/packages/kit-headless/vite.config.ts
@@ -1,7 +1,6 @@
 /// <reference types="vitest" />
 import { qwikVite } from '@builder.io/qwik/optimizer';
 import { dirname, join } from 'path';
-import { qwikNxVite } from 'qwik-nx/plugins';
 import { fileURLToPath } from 'url';
 import { defineConfig } from 'vite';
 import dts from 'vite-plugin-dts';
@@ -15,7 +14,6 @@ const excludeAll = (obj: any) => Object.keys(obj).map(makeRegex);
 
 export default defineConfig({
   plugins: [
-    qwikNxVite(),
     qwikVite(),
     tsconfigPaths({ root: '../../' }),
     dts({
diff --git a/packages/kit-styled/package.json b/packages/kit-styled/package.json
@@ -20,7 +20,7 @@
   "private": false,
   "scripts": {},
   "peerDependencies": {
-    "@builder.io/qwik": "1.7.2"
+    "@builder.io/qwik": "^1.9"
   },
   "devDependencies": {
     "@qwik-ui/headless": "^0.5.2",
diff --git a/packages/kit-styled/vite.config.ts b/packages/kit-styled/vite.config.ts
@@ -1,14 +1,12 @@
 import { qwikVite } from '@builder.io/qwik/optimizer';
 import { nxViteTsPaths } from '@nx/vite/plugins/nx-tsconfig-paths.plugin';
 import { join } from 'path';
-import { qwikNxVite } from 'qwik-nx/plugins';
 import { defineConfig } from 'vite';
 import dts from 'vite-plugin-dts';
 import tsconfigPaths from 'vite-tsconfig-paths';
 
 export default defineConfig({
   plugins: [
-    qwikNxVite(),
     qwikVite({
       vendorRoots: [join(__dirname, '../kit-headless/src')],
     }),
diff --git a/packages/themes/vite.config.ts b/packages/themes/vite.config.ts
@@ -1,14 +1,12 @@
 import { qwikVite } from '@builder.io/qwik/optimizer';
 import { nxViteTsPaths } from '@nx/vite/plugins/nx-tsconfig-paths.plugin';
 import { join } from 'path';
-import { qwikNxVite } from 'qwik-nx/plugins';
 import { defineConfig } from 'vite';
 import dts from 'vite-plugin-dts';
 import tsconfigPaths from 'vite-tsconfig-paths';
 
 export default defineConfig({
   plugins: [
-    qwikNxVite(),
     qwikVite(),
     tsconfigPaths({ root: '../../' }),
     dts({
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml

Original file line number	Diff line number	Diff line change
`@@ -12,7 +12,7 @@ export default component$(() => {`
`12`	`12`	`<ToggleGroup.Root`
`13`	`13`	`multiple`
`14`	`14`	`value={['left', 'center']}`
`15`		`- onChange$={(v) => (valueSelected.value = v)}`
	`15`	`+ onChange$={(v: string[]) => (valueSelected.value = v)}`
`16`	`16`	`disabled`
`17`	`17`	`>`
`18`	`18`	`<ToggleGroup.Item value="left" aria-label="Left aligned" class="toggle">`