Skip to content

Commit a65a3df

Browse files
committed
feat: Support Storybook 10
BREAKING CHANGE: Storybook 10 is now the minimal supported version. Signed-off-by: Steve Dodier-Lazaro <sidnioulz@gmail.com>
1 parent b176ee1 commit a65a3df

15 files changed

+1392
-1626
lines changed

.storybook/local-preset.ts

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
import { fileURLToPath } from 'node:url'
2+
3+
export function previewAnnotations(entry = []) {
4+
return [...entry, fileURLToPath(import.meta.resolve('../dist/preview.js'))]
5+
}
6+
7+
export function managerEntries(entry = []) {
8+
return [...entry, fileURLToPath(import.meta.resolve('../dist/manager.js'))]
9+
}
10+
11+
export * from '../dist/preset.js'

.storybook/main.ts

Lines changed: 1 addition & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -3,19 +3,12 @@ import type { StorybookConfig } from '@storybook/react-vite'
33
const config: StorybookConfig = {
44
stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
55

6-
addons: [
7-
'../preset.js',
8-
'@storybook/addon-docs',
9-
'@storybook/addon-links',
10-
'@storybook/addon-essentials',
11-
],
6+
addons: ['@storybook/addon-docs', import.meta.resolve('./local-preset.ts')],
127

138
framework: {
149
name: '@storybook/react-vite',
1510
options: {},
1611
},
17-
18-
docs: {},
1912
}
2013

2114
export default config

.storybook/preview-head.html

Lines changed: 0 additions & 3 deletions
This file was deleted.

package.json

Lines changed: 38 additions & 59 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
"version": "2.0.2",
44
"description": "Use Vue components inside MDX files, as if they were React components.",
55
"keywords": [
6-
"storybook-addons",
6+
"storybook-addon",
77
"organize",
88
"documentation",
99
"vue",
@@ -15,37 +15,26 @@
1515
},
1616
"author": "Steve Dodier-Lazaro <sidnioulz@gmail.com>",
1717
"license": "MIT",
18+
"type": "module",
1819
"exports": {
1920
".": {
2021
"types": "./dist/index.d.ts",
21-
"require": "./dist/index.js",
22-
"import": "./dist/index.mjs"
22+
"default": "./dist/index.js"
23+
},
24+
"./preview": {
25+
"types": "./dist/preview.d.ts",
26+
"default": "./dist/preview.js"
2327
},
2428
"./jsx-dev-runtime": {
2529
"types": "./dist/jsx-runtime.d.ts",
26-
"require": "./dist/jsx-runtime.js",
27-
"import": "./dist/jsx-runtime.mjs"
30+
"default": "./dist/jsx-runtime.js"
2831
},
2932
"./jsx-runtime": {
3033
"types": "./dist/jsx-runtime.d.ts",
31-
"require": "./dist/jsx-runtime.js",
32-
"import": "./dist/jsx-runtime.mjs"
33-
},
34-
"./manager": {
35-
"types": "./dist/manager.d.ts",
36-
"require": "./dist/manager.js",
37-
"import": "./dist/manager.mjs"
38-
},
39-
"./preset": {
40-
"types": "./dist/preset.d.ts",
41-
"require": "./dist/preset.js",
42-
"import": "./dist/preset.mjs"
43-
},
44-
"./preview": {
45-
"types": "./dist/preview.d.ts",
46-
"require": "./dist/preview.js",
47-
"import": "./dist/preview.mjs"
34+
"default": "./dist/jsx-runtime.js"
4835
},
36+
"./preset": "./dist/preset.js",
37+
"./manager": "./dist/manager.js",
4938
"./package.json": "./package.json"
5039
},
5140
"main": "dist/index.js",
@@ -58,23 +47,23 @@
5847
"*.d.ts"
5948
],
6049
"bundler": {
61-
"exportEntries": [
50+
"jsxEntries": [
6251
"src/index.ts",
6352
"src/jsx-runtime.ts"
6453
],
6554
"managerEntries": [
6655
"src/manager.ts"
6756
],
6857
"nodeEntries": [
69-
"src/preset.ts"
58+
"src/preset.ts",
59+
"src/index.ts"
7060
],
7161
"previewEntries": [
7262
"src/preview.ts"
7363
]
7464
},
7565
"scripts": {
7666
"build-storybook": "storybook build",
77-
"clean": "rimraf ./dist",
7867
"build": "tsup",
7968
"build:watch": "pnpm build --watch",
8069
"eject-ts": "zx scripts/eject-typescript.mjs",
@@ -83,7 +72,7 @@
8372
"lint": "eslint --cache . --ext .ts,.tsx,.js,.jsx,.vue,.cjs",
8473
"lint:fix": "pnpm lint --fix",
8574
"pack:local": "pnpm pack --out storybook-addon-vue-mdx-$(date +%s).tgz",
86-
"prebuild": "pnpm clean",
75+
"prebuild": "node -e \"fs.rmSync('./dist', { recursive: true, force: true })\"",
8776
"prepack:local": "pnpm build",
8877
"prepare": "husky",
8978
"release": "pnpm build && pnpm semantic-release",
@@ -94,67 +83,57 @@
9483
},
9584
"devDependencies": {
9685
"@commitlint/config-conventional": "^19.8.1",
97-
"@eslint/js": "^9.32.0",
86+
"@eslint/js": "^9.38.0",
9887
"@storybook/addon-docs": "next",
99-
"@storybook/addon-essentials": "next",
100-
"@storybook/addon-links": "next",
10188
"@storybook/builder-vite": "next",
102-
"@storybook/icons": "^1.4.0",
103-
"@storybook/manager": "next",
89+
"@storybook/icons": "^1.6.0",
10490
"@storybook/react": "next",
10591
"@storybook/react-vite": "next",
10692
"@storybook/vue3": "next",
107-
"@types/node": "^22.17.0",
108-
"@types/react": "^19.1.9",
93+
"@types/node": "^22.18.12",
94+
"@types/react": "^19.2.2",
10995
"@vitejs/plugin-react": "^4.7.0",
11096
"@vitejs/plugin-vue": "^5.2.4",
11197
"auto": "^11.3.0",
11298
"boxen": "^8.0.1",
11399
"commitlint": "^19.8.1",
114-
"dedent": "^1.6.0",
115-
"eslint": "^9.32.0",
100+
"dedent": "^1.7.0",
101+
"eslint": "^9.38.0",
116102
"eslint-config-prettier": "^10.1.8",
117-
"eslint-plugin-prettier": "^5.5.3",
103+
"eslint-plugin-prettier": "^5.5.4",
118104
"eslint-plugin-react": "^7.37.5",
119-
"eslint-plugin-vue": "^10.4.0",
120-
"globals": "^16.3.0",
105+
"eslint-plugin-vue": "^10.5.1",
106+
"globals": "^16.4.0",
121107
"husky": "^9.1.7",
122-
"lint-staged": "^16.1.2",
108+
"lint-staged": "^16.2.6",
123109
"npm-run-all": "^4.1.5",
124110
"prettier": "^3.6.2",
125111
"prompts": "^2.4.2",
126112
"prop-types": "^15.8.1",
127-
"rimraf": "^6.0.1",
128-
"semantic-release": "^24.2.7",
113+
"semantic-release": "^24.2.9",
129114
"storybook": "next",
130115
"tsup": "^8.5.0",
131-
"typescript": "^5.9.2",
132-
"typescript-eslint": "^8.38.0",
133-
"vite": "^6.3.5",
134-
"vue": "^3.5.18",
116+
"typescript": "^5.9.3",
117+
"typescript-eslint": "^8.46.2",
118+
"vite": "^6.4.1",
119+
"vue": "^3.5.22",
135120
"vuestic-ui": "^1.10.3",
136-
"zx": "^8.7.2"
121+
"zx": "^8.8.5"
137122
},
138123
"peerDependencies": {
139-
"@storybook/addon-docs": "^9.0.0",
140-
"@storybook/builder-vite": "^9.0.0",
141-
"react": "^19.0.0",
142-
"react-dom": "^19.0.0",
143-
"storybook": ">=9.0.0-0 <10.0.0-0",
124+
"@storybook/addon-docs": "^10.0.0",
125+
"@storybook/builder-vite": "^10.0.0",
126+
"react": ">= 16.4.0",
127+
"react-dom": ">= 16.4.0",
128+
"storybook": "^10.0.0",
144129
"vue": "^3.4.31"
145130
},
146-
"resolutions": {
147-
"@octokit/core": "^7",
148-
"@octokit/request-error": "^7",
149-
"@octokit/request": "^10",
150-
"@octokit/plugin-paginate-rest": "^13"
151-
},
152131
"publishConfig": {
153132
"access": "public"
154133
},
155-
"packageManager": "pnpm@10.7.0",
134+
"packageManager": "pnpm@10.18.3",
156135
"engines": {
157-
"node": ">=20"
136+
"node": ">=20.19"
158137
},
159138
"storybook": {
160139
"displayName": "Vue support for MDX",

0 commit comments

Comments
 (0)