fix: update dependencies (#77)

This updates many dependencies. This does not include Qwik itself, because that seems to cause issues (stories don't load when SB is built for prod)

Fixes #76

.github/workflows/preview-and-test.yml

@@ -49,6 +49,6 @@ jobs:
       - name: Storybook Test
         if: ${{ env.vercel_token != '' }}
         run: |
-          yarn workspace qwik-app playwright install && yarn workspace qwik-app test-storybook
+          yarn workspace qwik-app playwright install --with-deps && yarn workspace qwik-app test-storybook
         env:
           TARGET_URL: "${{ steps.deploy.outputs.url }}"

.gitignore

@@ -12,3 +12,5 @@ pnp.*
 **/storybook-static
 storybook-static
 .vercel
+
+.tokens.txt

package.json

@@ -27,15 +27,15 @@
   "author": "",
   "license": "MIT",
   "devDependencies": {
-    "concurrently": "^8.2.2",
-    "prettier": "^3.2.5",
-    "vercel": "^32.7.2",
-    "wait-on": "^7.2.0"
+    "concurrently": "^9.0.1",
+    "prettier": "^3.3.3",
+    "vercel": "^37.14.0",
+    "wait-on": "^8.0.1"
   },
   "dependencies": {
     "@builder.io/qwik": "1.4.1",
     "@builder.io/qwik-city": "1.4.1",
-    "undici": "6.6.2"
+    "undici": "6.20.1"
   },
   "packageManager": "[email protected]"
 }

packages/qwik-app/package.json

@@ -27,28 +27,28 @@
   "devDependencies": {
     "@builder.io/qwik": "1.4.1",
     "@builder.io/qwik-city": "1.4.1",
-    "@storybook/addon-a11y": "8.0.0-rc.1",
-    "@storybook/addon-essentials": "8.0.0-rc.1",
-    "@storybook/addon-interactions": "8.0.0-rc.1",
-    "@storybook/builder-vite": "8.0.0-rc.1",
+    "@storybook/addon-a11y": "8.4.1",
+    "@storybook/addon-essentials": "8.4.1",
+    "@storybook/addon-interactions": "8.4.1",
+    "@storybook/builder-vite": "8.4.1",
     "@storybook/jest": "0.2.3",
-    "@storybook/test-runner": "0.15.0",
-    "@types/eslint": "8.56.2",
-    "@types/node": "18.19.17",
-    "@typescript-eslint/eslint-plugin": "7.0.1",
-    "@typescript-eslint/parser": "7.0.1",
-    "eslint": "8.56.0",
-    "eslint-plugin-qwik": "1.4.1",
+    "@storybook/test-runner": "0.19.1",
+    "@types/eslint": "9.6.1",
+    "@types/node": "22.8.7",
+    "@typescript-eslint/eslint-plugin": "8.12.2",
+    "@typescript-eslint/parser": "8.12.2",
+    "eslint": "8.57.1",
+    "eslint-plugin-qwik": "1.9.1",
     "node-fetch": "3.3.2",
-    "playwright": "1.41.2",
-    "prettier": "3.2.5",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
-    "storybook": "8.0.0-rc.1",
+    "playwright": "1.48.2",
+    "prettier": "3.3.3",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
+    "storybook": "8.4.1",
     "storybook-framework-qwik": "workspace:*",
-    "typescript": "5.3.3",
-    "undici": "6.6.2",
-    "vite": "5.1.3",
-    "vite-tsconfig-paths": "4.3.1"
+    "typescript": "5.6.3",
+    "undici": "6.20.1",
+    "vite": "5.4.10",
+    "vite-tsconfig-paths": "5.0.1"
   }
 }

packages/qwik-app/src/components/light-component/light-component.stories.tsx

@@ -5,6 +5,6 @@ export default {
   title: "Light Component",
   component: LightComponent,
   tags: ["autodocs"],
-} as Meta<{}>;
+} as Meta<unknown>;
 
-export const Default: StoryObj<{}> = {};
+export const Default: StoryObj<unknown> = {};

packages/qwik-app/src/components/reactive-state/reactive-component.stories.tsx

@@ -4,7 +4,7 @@ import {
 } from "./reactive-component";
 import { Meta, StoryObj } from "../../../../storybook-framework-qwik/dist";
 import { component$, useStore } from "@builder.io/qwik";
-import { within, userEvent } from "@storybook/testing-library";
+import { within, userEvent } from "@storybook/test";
 
 const ReactiveComponentWrapper = component$<ReactiveComponentProps>((args) => {
   const state = useStore(args.state);

packages/qwik-app/src/components/use-visible-task-component/use-visible-task-component.stories.tsx

@@ -1,5 +1,5 @@
 import { Meta, StoryObj } from "../../../../storybook-framework-qwik/dist";
-import { within } from "@storybook/testing-library";
+import { within } from "@storybook/test";
 import { UseVisibleTaskComponent } from "./use-visible-task-component";
 
 export default {

packages/qwik-app/tsconfig.json

@@ -21,6 +21,6 @@
       "~/*": ["./src/*"]
     }
   },
-  "files": ["./.eslintrc.cjs"],
+  "files": ["./.eslintrc.cjs", "vite.config.mts"],
   "include": ["src"]
 }

packages/qwik-lib/package.json

@@ -38,28 +38,28 @@
   "devDependencies": {
     "@builder.io/qwik": "1.4.1",
     "@builder.io/qwik-city": "1.4.1",
-    "@storybook/addon-essentials": "8.0.0-rc.1",
-    "@storybook/addon-interactions": "8.0.0-rc.1",
-    "@storybook/addon-links": "8.0.0-rc.1",
-    "@storybook/blocks": "8.0.0-rc.1",
-    "@storybook/testing-library": "^0.2.2",
-    "@types/eslint": "^8.56.2",
-    "@types/node": "^18.19.17",
+    "@storybook/addon-essentials": "8.4.1",
+    "@storybook/addon-interactions": "8.4.1",
+    "@storybook/addon-links": "8.4.1",
+    "@storybook/blocks": "8.4.1",
+    "@storybook/test": "8.4.1",
+    "@types/eslint": "^9.6.1",
+    "@types/node": "^22.8.7",
     "@types/node-fetch": "^2.6.11",
-    "@typescript-eslint/eslint-plugin": "^7.0.1",
-    "@typescript-eslint/parser": "^7.0.1",
-    "eslint": "^8.56.0",
-    "eslint-plugin-qwik": "1.4.1",
-    "eslint-plugin-storybook": "^0.8.0",
+    "@typescript-eslint/eslint-plugin": "^8.12.2",
+    "@typescript-eslint/parser": "^8.12.2",
+    "eslint": "^8.57.1",
+    "eslint-plugin-qwik": "1.9.1",
+    "eslint-plugin-storybook": "^0.10.2",
     "node-fetch": "^3.3.2",
-    "np": "^9.2.0",
-    "prettier": "^3.2.5",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "storybook": "8.0.0-rc.1",
+    "np": "^10.0.7",
+    "prettier": "^3.3.3",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "storybook": "8.4.1",
     "storybook-framework-qwik": "workspace:*",
-    "typescript": "^5.3.3",
-    "undici": "^6.6.2",
-    "vite": "^5.1.3"
+    "typescript": "^5.6.3",
+    "undici": "^6.20.1",
+    "vite": "^5.4.10"
   }
 }

packages/qwik-lib/tsconfig.json

@@ -18,6 +18,6 @@
     "noEmit": true,
     "types": ["vite/client"]
   },
-  "include": ["src"],
+  "include": ["src", "vite.config.mts"],
   "files": ["./.eslintrc.cjs"]
 }

packages/storybook-framework-qwik/package.json

@@ -83,24 +83,24 @@
     "fmt.check": "prettier --check ."
   },
   "dependencies": {
-    "@storybook/builder-vite": "^7.6.16 || ^8.0.0-rc.1",
-    "@storybook/docs-tools": "^7.6.16 || ^8.0.0-rc.1",
+    "@storybook/builder-vite": "^7.6.16 || ^8.0.0",
+    "@storybook/docs-tools": "^7.6.16 || ^8.0.0",
     "magic-string": "^0.30.7",
     "react-docgen-typescript": "^2.2.2"
   },
   "peerDependencies": {
     "@builder.io/qwik": ">=0.15.2"
   },
   "optionalDependencies": {
-    "@builder.io/qwik-city": "1.4.1"
+    "@builder.io/qwik-city": ">=1.4.1"
   },
   "devDependencies": {
-    "@storybook/types": "^8.0.0-rc.1",
+    "@storybook/types": "^8.4.1",
     "@suin/semantic-release-yarn": "1.1.0",
-    "@types/node": "^18.19.17",
-    "semantic-release": "^22.0.12",
-    "typescript": "~5.3.3",
-    "vite": "^5.1.3"
+    "@types/node": "^22.8.7",
+    "semantic-release": "^24.2.0",
+    "typescript": "~5.6.3",
+    "vite": "^5.4.10"
   },
   "engines": {
     "node": "^14.18 || >=16"

packages/storybook-framework-qwik/src/docs/config.ts

@@ -29,7 +29,7 @@ function extractArgTypes(): StrictArgTypes {
       table: {
         type: {
           summary: value.type.name,
-          required: value.required,
+          // required: value.required,
         },
         defaultValue: {
           summary: value.defaultValue?.value,

packages/storybook-framework-qwik/template/cli/page.stories.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from "storybook-framework-qwik";
-import { within, userEvent } from "@storybook/testing-library";
+import { within, userEvent } from "@storybook/test";
 
 import { Page } from "./page";