Skip to content

Commit 44261e9

Browse files
committed
refactor: upgraded to storybook10
1 parent 33aa60a commit 44261e9

9 files changed

Lines changed: 547 additions & 1296 deletions

File tree

.storybook/main.ts

Lines changed: 5 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,15 @@
11
import type { StorybookConfig } from "@storybook/react-webpack5";
22
const config: StorybookConfig = {
33
stories: ["../src/**/*.stories.@(js|jsx|ts|tsx|mdx)"],
4+
45
addons: [
56
"@storybook/addon-a11y",
6-
77
"@storybook/addon-links",
8-
"@storybook/addon-essentials",
9-
"@storybook/addon-interactions",
108
"@storybook/addon-webpack5-compiler-swc",
119
"@storybook/addon-themes",
10+
"@storybook/addon-docs"
1211
],
12+
1313
framework: {
1414
name: "@storybook/react-webpack5",
1515
options: {
@@ -18,6 +18,7 @@ const config: StorybookConfig = {
1818
},
1919
},
2020
},
21+
2122
swc: () => ({
2223
jsc: {
2324
transform: {
@@ -26,9 +27,6 @@ const config: StorybookConfig = {
2627
},
2728
},
2829
},
29-
}),
30-
docs: {
31-
autodocs: "tag",
32-
},
30+
})
3331
};
3432
export default config;

.storybook/preview.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { withThemeByClassName } from "@storybook/addon-themes";
2-
import type { Preview } from "@storybook/react";
2+
import type { Preview } from "@storybook/react-webpack5";
33

44
export const decorators = [
55
withThemeByClassName({

debug-storybook.log

Lines changed: 24 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -1,31 +1,31 @@
1-
[22:00:33.459] [INFO] Storybook Upgrade - v10.0.0
2-
[22:00:33.472] [INFO] detect-projects-spinner-start: Detecting projects...
3-
[22:00:33.474] [DEBUG] Finding Storybook projects...
4-
[22:00:33.723] [DEBUG] Found 1 Storybook projects
5-
[22:00:33.725] [INFO] detect-projects-spinner: Detecting projects: 1 projects
6-
[22:00:33.725] [DEBUG] Getting Storybook data...
7-
[22:00:33.725] [DEBUG] Getting Storybook info...
8-
[22:00:33.730] [DEBUG] Loading main config...
9-
[22:00:34.167] [DEBUG] Getting stories paths...
10-
[22:00:34.187] [DEBUG] Getting package manager...
11-
[22:00:34.879] [DEBUG] Getting Storybook version...
12-
[22:00:34.880] [DEBUG] /.storybook - Validating before version... 8.6.8
13-
[22:00:34.880] [DEBUG] /.storybook - Validating upgrade compatibility...
14-
[22:00:34.880] [DEBUG] /.storybook - Fetching NPM version information...
15-
[22:00:34.880] [DEBUG] Getting CLI versions from NPM for storybook...
16-
[22:00:34.883] [DEBUG] Getting CLI versions from NPM for storybook@next...
17-
[22:00:39.352] [DEBUG] /.storybook - Evaluating blockers...
18-
[22:00:39.362] [DEBUG] Getting installed version for @storybook/experimental-addon-test...
19-
[22:00:39.773] [INFO] detect-projects-spinner-stop: 1 project detected
20-
[22:00:39.773] [DEBUG] Found 1 valid projects and 0 error projects
21-
[22:00:39.773] [INFO] Upgrading from 8.6.8 to 10.0.0
22-
[22:00:39.782] [ERROR] Blockers detected
1+
[13:06:53.681] [INFO] Storybook Upgrade - v10.0.8
2+
[13:06:53.693] [INFO] detect-projects-spinner-start: Detecting projects...
3+
[13:06:53.694] [DEBUG] Finding Storybook projects...
4+
[13:06:53.923] [DEBUG] Found 1 Storybook projects
5+
[13:06:53.924] [INFO] detect-projects-spinner: Detecting projects: 1 projects
6+
[13:06:53.925] [DEBUG] Getting Storybook data...
7+
[13:06:53.925] [DEBUG] Getting Storybook info...
8+
[13:06:53.930] [DEBUG] Loading main config...
9+
[13:06:54.913] [DEBUG] Getting stories paths...
10+
[13:06:54.933] [DEBUG] Getting package manager...
11+
[13:06:55.433] [DEBUG] Getting Storybook version...
12+
[13:06:55.434] [DEBUG] /.storybook - Validating before version... 8.6.8
13+
[13:06:55.434] [DEBUG] /.storybook - Validating upgrade compatibility...
14+
[13:06:55.434] [DEBUG] /.storybook - Fetching NPM version information...
15+
[13:06:55.434] [DEBUG] Getting CLI versions from NPM for storybook...
16+
[13:06:55.436] [DEBUG] Getting CLI versions from NPM for storybook@next...
17+
[13:06:56.544] [DEBUG] /.storybook - Evaluating blockers...
18+
[13:06:56.554] [DEBUG] Getting installed version for @storybook/experimental-addon-test...
19+
[13:06:56.948] [INFO] detect-projects-spinner-stop: 1 project detected
20+
[13:06:56.948] [DEBUG] Found 1 valid projects and 0 error projects
21+
[13:06:56.948] [INFO] Upgrading from 8.6.8 to 10.0.8
22+
[13:06:56.959] [ERROR] Blockers detected
2323

2424
Storybook has found potential blockers that need to be resolved before upgrading:
2525

2626
Major Version Gap Detected
2727

28-
Your Storybook version (v8.6.8) is more than one major version behind the target release (v10.0.0). Please upgrade one major version at a time.
28+
Your Storybook version (v8.6.8) is more than one major version behind the target release (v10.0.8). Please upgrade one major version at a time.
2929

3030
You can upgrade to version 9 by running:
3131
npx storybook@9 upgrade
@@ -36,8 +36,4 @@ More information: https://storybook.js.org/docs/9/migration-guide?ref=upgrade
3636

3737
---
3838

39-
After addressing this, you can try running the upgrade command again. You can also rerun the upgrade command with the --force flag to skip the blocker check and to proceed with the upgrade.
40-
[22:00:39.792] [INFO] Attention: Storybook now collects completely anonymous telemetry regarding usage. This information is used to shape Storybook's roadmap and prioritize features.
41-
[22:00:39.799] [INFO] You can learn more, including how to opt-out if you'd not like to participate in this anonymous program, by visiting the following URL:
42-
[22:00:39.807] [INFO] https://storybook.js.org/telemetry
43-
[22:00:39.812] [INFO]
39+
After addressing this, you can try running the upgrade command again. You can also rerun the upgrade command with the --force flag to skip the blocker check and to proceed with the upgrade.

package.json

Lines changed: 112 additions & 116 deletions
Original file line numberDiff line numberDiff line change
@@ -1,118 +1,114 @@
11
{
2-
"name": "react-odontogram",
3-
"description": "dental chart for selecting teeth",
4-
"version": "0.3.0",
5-
"author": "Pratik Sharma <sharma.pratik2016@gmail.com>",
6-
"license": "MIT",
7-
"keywords": [
8-
"odontogram",
9-
"react",
10-
"dental-chart"
11-
],
12-
"publishConfig": {
13-
"access": "public"
14-
},
15-
"repository": {
16-
"type": "git",
17-
"url": ""
18-
},
19-
"scripts": {
20-
"dev": "concurrently \"pnpm build --watch\" \"pnpm storybook\" \"pnpm test\" ",
21-
"build": "tsup",
22-
"lint": "biome check --write --unsafe .",
23-
"lint:ci": "biome check --unsafe .",
24-
"test": "vitest",
25-
"test:ci": "vitest run --coverage",
26-
"commit": "cz",
27-
"storybook": "storybook dev -p 6006",
28-
"storybook:build": "storybook build",
29-
"release": "pnpm build && pnpm release-it",
30-
"link:self": "pnpm link --global",
31-
"prepare": "lefthook install",
32-
"deploy-storybook": "gh-pages -d storybook-static",
33-
"test:coverage": "vitest run --coverage"
34-
},
35-
"types": "./dist/index.d.ts",
36-
"exports": {
37-
".": {
38-
"require": "./dist/index.js",
39-
"import": "./dist/index.mjs"
40-
}
41-
},
42-
"files": [
43-
"dist"
44-
],
45-
"config": {
46-
"commitizen": {
47-
"path": "./node_modules/@ryansonshine/cz-conventional-changelog"
48-
}
49-
},
50-
"release-it": {
51-
"git": {
52-
"commitMessage": "chore(release): v${version}"
53-
},
54-
"github": {
55-
"release": true
56-
},
57-
"npm": {
58-
"publish": false
59-
}
60-
},
61-
"engines": {
62-
"node": ">=18.0.0"
63-
},
64-
"devDependencies": {
65-
"@biomejs/biome": "1.9.4",
66-
"@ryansonshine/commitizen": "4.2.8",
67-
"@ryansonshine/cz-conventional-changelog": "3.3.4",
68-
"@storybook/addon-a11y": "^8.6.8",
69-
"@storybook/addon-essentials": "8.6.8",
70-
"@storybook/addon-interactions": "8.6.8",
71-
"@storybook/addon-links": "8.6.8",
72-
"@storybook/addon-themes": "^8.6.8",
73-
"@storybook/addon-webpack5-compiler-swc": "3.0.0",
74-
"@storybook/blocks": "8.6.8",
75-
"@storybook/react": "8.6.8",
76-
"@storybook/react-webpack5": "8.6.8",
77-
"@storybook/test": "8.6.8",
78-
"@testing-library/jest-dom": "6.6.3",
79-
"@testing-library/react": "16.2.0",
80-
"@types/node": "22.13.11",
81-
"@types/react": "18.3.13",
82-
"@types/react-dom": "18.3.1",
83-
"@types/react-test-renderer": "18.3.0",
84-
"@vitest/coverage-v8": "3.0.9",
85-
"concurrently": "9.1.2",
86-
"dotenv": "^16.4.7",
87-
"gh-pages": "^6.3.0",
88-
"jsdom": "26.0.0",
89-
"lefthook": "1.11.3",
90-
"prop-types": "15.8.1",
91-
"react": "18.3.1",
92-
"react-dom": "18.3.1",
93-
"react-test-renderer": "18.3.1",
94-
"release-it": "18.1.2",
95-
"storybook": "8.6.8",
96-
"ts-node": "10.9.2",
97-
"tsconfig-paths": "4.2.0",
98-
"tsup": "8.4.0",
99-
"tsx": "4.19.3",
100-
"typescript": "5.8.2",
101-
"vitest": "3.0.9"
102-
},
103-
"peerDependencies": {
104-
"react": ">=17",
105-
"react-dom": ">=17"
106-
},
107-
"pnpm": {
108-
"overrides": {
109-
"micromatch@<4.0.8": ">=4.0.8"
110-
},
111-
"onlyBuiltDependencies": [
112-
"@biomejs/biome",
113-
"@swc/core",
114-
"esbuild",
115-
"lefthook"
116-
]
117-
}
2+
"name": "react-odontogram",
3+
"description": "dental chart for selecting teeth",
4+
"version": "0.3.0",
5+
"author": "Pratik Sharma <sharma.pratik2016@gmail.com>",
6+
"license": "MIT",
7+
"keywords": [
8+
"odontogram",
9+
"react",
10+
"dental-chart"
11+
],
12+
"publishConfig": {
13+
"access": "public"
14+
},
15+
"repository": {
16+
"type": "git",
17+
"url": ""
18+
},
19+
"scripts": {
20+
"dev": "concurrently \"pnpm build --watch\" \"pnpm storybook\" \"pnpm test\" ",
21+
"build": "tsup",
22+
"lint": "biome check --write --unsafe .",
23+
"lint:ci": "biome check --unsafe .",
24+
"test": "vitest",
25+
"test:ci": "vitest run --coverage",
26+
"commit": "cz",
27+
"storybook": "storybook dev -p 6006",
28+
"storybook:build": "storybook build",
29+
"release": "pnpm build && pnpm release-it",
30+
"link:self": "pnpm link --global",
31+
"prepare": "lefthook install",
32+
"deploy-storybook": "gh-pages -d storybook-static",
33+
"test:coverage": "vitest run --coverage"
34+
},
35+
"types": "./dist/index.d.ts",
36+
"exports": {
37+
".": {
38+
"require": "./dist/index.js",
39+
"import": "./dist/index.mjs"
40+
}
41+
},
42+
"files": [
43+
"dist"
44+
],
45+
"config": {
46+
"commitizen": {
47+
"path": "./node_modules/@ryansonshine/cz-conventional-changelog"
48+
}
49+
},
50+
"release-it": {
51+
"git": {
52+
"commitMessage": "chore(release): v${version}"
53+
},
54+
"github": {
55+
"release": true
56+
},
57+
"npm": {
58+
"publish": false
59+
}
60+
},
61+
"engines": {
62+
"node": ">=18.0.0"
63+
},
64+
"devDependencies": {
65+
"@biomejs/biome": "1.9.4",
66+
"@ryansonshine/commitizen": "4.2.8",
67+
"@ryansonshine/cz-conventional-changelog": "3.3.4",
68+
"@storybook/addon-a11y": "^10.0.8",
69+
"@storybook/addon-links": "10.0.8",
70+
"@storybook/addon-themes": "^10.0.8",
71+
"@storybook/addon-webpack5-compiler-swc": "4.0.2",
72+
"@storybook/react-webpack5": "10.0.8",
73+
"@testing-library/jest-dom": "6.6.3",
74+
"@testing-library/react": "16.2.0",
75+
"@types/node": "22.13.11",
76+
"@types/react": "18.3.13",
77+
"@types/react-dom": "18.3.1",
78+
"@types/react-test-renderer": "18.3.0",
79+
"@vitest/coverage-v8": "3.0.9",
80+
"concurrently": "9.1.2",
81+
"dotenv": "^16.4.7",
82+
"gh-pages": "^6.3.0",
83+
"jsdom": "26.0.0",
84+
"lefthook": "1.11.3",
85+
"prop-types": "15.8.1",
86+
"react": "18.3.1",
87+
"react-dom": "18.3.1",
88+
"react-test-renderer": "18.3.1",
89+
"release-it": "18.1.2",
90+
"storybook": "10.0.8",
91+
"ts-node": "10.9.2",
92+
"tsconfig-paths": "4.2.0",
93+
"tsup": "8.4.0",
94+
"tsx": "4.19.3",
95+
"typescript": "5.8.2",
96+
"vitest": "3.0.9",
97+
"@storybook/addon-docs": "10.0.8"
98+
},
99+
"peerDependencies": {
100+
"react": ">=17",
101+
"react-dom": ">=17"
102+
},
103+
"pnpm": {
104+
"overrides": {
105+
"micromatch@<4.0.8": ">=4.0.8"
106+
},
107+
"onlyBuiltDependencies": [
108+
"@biomejs/biome",
109+
"@swc/core",
110+
"esbuild",
111+
"lefthook"
112+
]
113+
}
118114
}

0 commit comments

Comments
 (0)