Skip to content

Commit 4f1db8b

Browse files
authored
chore: upgrade to storybook 9 (#18983)
1 parent ce93565 commit 4f1db8b

File tree

453 files changed

+999
-1474
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

453 files changed

+999
-1474
lines changed

site/.storybook/main.js

Lines changed: 1 addition & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -5,17 +5,9 @@ module.exports = {
55

66
addons: [
77
"@chromatic-com/storybook",
8-
{
9-
name: "@storybook/addon-essentials",
10-
options: {
11-
backgrounds: false,
12-
},
13-
},
8+
"@storybook/addon-docs",
149
"@storybook/addon-links",
15-
"@storybook/addon-mdx-gfm",
1610
"@storybook/addon-themes",
17-
"@storybook/addon-actions",
18-
"@storybook/addon-interactions",
1911
"storybook-addon-remix-react-router",
2012
],
2113

site/.storybook/preview.jsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -9,8 +9,8 @@
99
* @typedef {import("react").PropsWithChildren} PropsWithChildren
1010
* @typedef {import("react").FC<PropsWithChildren>} FC
1111
*
12-
* @typedef {import("@storybook/react").StoryContext} StoryContext
13-
* @typedef {import("@storybook/react").Preview} Preview
12+
* @typedef {import("@storybook/react-vite").StoryContext} StoryContext
13+
* @typedef {import("@storybook/react-vite").Preview} Preview
1414
*
1515
* @typedef {(Story: FC, Context: StoryContext) => React.JSX.Element} Decorator A
1616
* Storybook decorator function used to inject baseline data dependencies into

site/e2e/setup/addUsersAndLicense.spec.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@ test("setup deployment", async ({ page }) => {
2020
await page.getByLabel(Language.passwordLabel).fill(users.owner.password);
2121
await page.getByTestId("create").click();
2222

23-
await expectUrl(page).toHavePathName("/workspaces");
23+
await expectUrl(page).toHavePathName("/templates");
2424
await page.getByTestId("button-select-template").isVisible();
2525

2626
for (const user of Object.values(users)) {

site/package.json

Lines changed: 10 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@
1414
"format": "biome format --write .",
1515
"format:check": "biome format .",
1616
"lint": "pnpm run lint:check && pnpm run lint:types && pnpm run lint:circular-deps && knip",
17-
"lint:check": " biome lint --error-on-warnings .",
17+
"lint:check": "biome lint --error-on-warnings .",
1818
"lint:circular-deps": "dpdm --no-tree --no-warning -T ./src/App.tsx",
1919
"lint:knip": "knip",
2020
"lint:fix": "biome lint --error-on-warnings --write . && knip --fix",
@@ -103,7 +103,7 @@
103103
"react-markdown": "9.0.3",
104104
"react-query": "npm:@tanstack/react-query@5.77.0",
105105
"react-resizable-panels": "3.0.3",
106-
"react-router-dom": "6.26.2",
106+
"react-router": "7.8.0",
107107
"react-syntax-highlighter": "15.6.1",
108108
"react-textarea-autosize": "8.5.9",
109109
"react-virtualized-auto-sizer": "1.0.24",
@@ -125,19 +125,13 @@
125125
},
126126
"devDependencies": {
127127
"@biomejs/biome": "1.9.4",
128-
"@chromatic-com/storybook": "3.2.2",
128+
"@chromatic-com/storybook": "4.0.1",
129129
"@octokit/types": "12.3.0",
130130
"@playwright/test": "1.47.0",
131-
"@storybook/addon-actions": "8.5.2",
132-
"@storybook/addon-essentials": "8.4.6",
133-
"@storybook/addon-interactions": "8.5.3",
134-
"@storybook/addon-links": "8.5.2",
135-
"@storybook/addon-mdx-gfm": "8.5.2",
136-
"@storybook/addon-themes": "8.4.6",
137-
"@storybook/preview-api": "8.5.3",
138-
"@storybook/react": "8.4.6",
139-
"@storybook/react-vite": "8.4.6",
140-
"@storybook/test": "8.4.6",
131+
"@storybook/addon-docs": "9.0.17",
132+
"@storybook/addon-links": "9.0.17",
133+
"@storybook/addon-themes": "9.0.17",
134+
"@storybook/react-vite": "9.0.17",
141135
"@swc/core": "1.3.38",
142136
"@swc/jest": "0.2.37",
143137
"@tailwindcss/typography": "0.5.16",
@@ -182,8 +176,8 @@
182176
"rollup-plugin-visualizer": "5.14.0",
183177
"rxjs": "7.8.1",
184178
"ssh2": "1.16.0",
185-
"storybook": "8.5.3",
186-
"storybook-addon-remix-react-router": "3.1.0",
179+
"storybook": "9.0.17",
180+
"storybook-addon-remix-react-router": "5.0.0",
187181
"tailwindcss": "3.4.17",
188182
"ts-proto": "1.164.0",
189183
"typescript": "5.6.3",
@@ -197,7 +191,7 @@
197191
"semver": "7.6.2"
198192
},
199193
"engines": {
200-
"npm": ">=9.0.0 <10.0.0",
194+
"pnpm": ">=9.0.0 <10.0.0",
201195
"node": ">=18.0.0 <21.0.0"
202196
},
203197
"pnpm": {

site/pnpm-lock.yaml

Lines changed: 290 additions & 752 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

site/src/@types/storybook.d.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ import type {
99
import type { Permissions } from "modules/permissions";
1010
import type { QueryKey } from "react-query";
1111

12-
declare module "@storybook/react" {
12+
declare module "@storybook/react-vite" {
1313
type WebSocketEvent =
1414
| { event: "message"; data: string }
1515
| { event: "error" | "close" };

site/src/App.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ import {
99
} from "react";
1010
import { HelmetProvider } from "react-helmet-async";
1111
import { QueryClient, QueryClientProvider } from "react-query";
12-
import { RouterProvider } from "react-router-dom";
12+
import { RouterProvider } from "react-router";
1313
import { GlobalSnackbar } from "./components/GlobalSnackbar/GlobalSnackbar";
1414
import { ThemeProvider } from "./contexts/ThemeProvider";
1515
import { AuthProvider } from "./contexts/auth/AuthProvider";

site/src/components/Abbr/Abbr.stories.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import type { Meta, StoryObj } from "@storybook/react";
1+
import type { Meta, StoryObj } from "@storybook/react-vite";
22
import { Abbr } from "./Abbr";
33

44
const meta: Meta<typeof Abbr> = {

site/src/components/ActiveUserChart/ActiveUserChart.stories.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import type { Meta, StoryObj } from "@storybook/react";
1+
import type { Meta, StoryObj } from "@storybook/react-vite";
22
import { ActiveUserChart } from "./ActiveUserChart";
33

44
const meta: Meta<typeof ActiveUserChart> = {

site/src/components/Alert/Alert.stories.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import type { Meta, StoryObj } from "@storybook/react";
1+
import type { Meta, StoryObj } from "@storybook/react-vite";
22
import { Button } from "components/Button/Button";
33
import { Alert } from "./Alert";
44

0 commit comments

Comments
 (0)
pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy