diff --git a/code/lib/cli-storybook/src/sandbox-templates.ts b/code/lib/cli-storybook/src/sandbox-templates.ts index 3f86790f8dc0..ddcea21a1c09 100644 --- a/code/lib/cli-storybook/src/sandbox-templates.ts +++ b/code/lib/cli-storybook/src/sandbox-templates.ts @@ -428,6 +428,9 @@ export const baseTemplates = { features: { experimentalTestSyntax: true, }, + typescript: { + reactDocgen: 'react-docgen-typescript', + } as any, // the generic type does not contain the reactDocgen property }, }, skipTasks: ['e2e-tests', 'bench', 'vitest-integration'], diff --git a/code/presets/create-react-app/package.json b/code/presets/create-react-app/package.json index 8a33d345834f..fc3c571a1f3f 100644 --- a/code/presets/create-react-app/package.json +++ b/code/presets/create-react-app/package.json @@ -34,9 +34,9 @@ ], "dependencies": { "@pmmmwh/react-refresh-webpack-plugin": "^0.5.1", - "@storybook/react-docgen-typescript-plugin": "1.0.6--canary.9.0c3f3b7.0", "@types/semver": "^7.7.1", "pnp-webpack-plugin": "^1.7.0", + "react-docgen-typescript-plugin": "^1.0.8", "semver": "^7.7.3" }, "devDependencies": { diff --git a/code/presets/create-react-app/src/types.ts b/code/presets/create-react-app/src/types.ts index 0750c59c3bcf..02f5889ddc65 100644 --- a/code/presets/create-react-app/src/types.ts +++ b/code/presets/create-react-app/src/types.ts @@ -1,6 +1,6 @@ import type { Options } from 'storybook/internal/types'; -import type { PluginOptions as RDTSPluginOptions } from '@storybook/react-docgen-typescript-plugin'; +import type { PluginOptions as RDTSPluginOptions } from 'react-docgen-typescript-plugin'; export interface PluginOptions extends Options { /** diff --git a/code/presets/react-webpack/package.json b/code/presets/react-webpack/package.json index 20ad74955eba..e604abff8d91 100644 --- a/code/presets/react-webpack/package.json +++ b/code/presets/react-webpack/package.json @@ -39,10 +39,10 @@ ], "dependencies": { "@storybook/core-webpack": "workspace:*", - "@storybook/react-docgen-typescript-plugin": "1.0.6--canary.9.0c3f3b7.0", "@types/semver": "^7.7.1", "magic-string": "^0.30.5", "react-docgen": "^7.1.1", + "react-docgen-typescript-plugin": "^1.0.8", "resolve": "^1.22.8", "semver": "^7.7.3", "tsconfig-paths": "^4.2.0", diff --git a/code/presets/react-webpack/src/framework-preset-react-docs.test.ts b/code/presets/react-webpack/src/framework-preset-react-docs.test.ts index 91c7e615dfbd..58ba04c7060a 100644 --- a/code/presets/react-webpack/src/framework-preset-react-docs.test.ts +++ b/code/presets/react-webpack/src/framework-preset-react-docs.test.ts @@ -1,8 +1,8 @@ import { describe, expect, it, vi } from 'vitest'; import type { TypescriptOptions } from '@storybook/core-webpack'; -import ReactDocgenTypescriptPlugin from '@storybook/react-docgen-typescript-plugin'; +import ReactDocgenTypescriptPlugin from 'react-docgen-typescript-plugin'; import type { Configuration } from 'webpack'; import * as preset from './framework-preset-react-docs'; diff --git a/code/presets/react-webpack/src/framework-preset-react-docs.ts b/code/presets/react-webpack/src/framework-preset-react-docs.ts index 152caf818b50..35038b25e36a 100644 --- a/code/presets/react-webpack/src/framework-preset-react-docs.ts +++ b/code/presets/react-webpack/src/framework-preset-react-docs.ts @@ -40,7 +40,7 @@ export const webpackFinal: StorybookConfig['webpackFinal'] = async ( }; } - const { ReactDocgenTypeScriptPlugin } = await import('@storybook/react-docgen-typescript-plugin'); + const { ReactDocgenTypeScriptPlugin } = await import('react-docgen-typescript-plugin'); return { ...config, diff --git a/code/presets/react-webpack/src/types.ts b/code/presets/react-webpack/src/types.ts index 047c5ea59509..10a4e1b474d7 100644 --- a/code/presets/react-webpack/src/types.ts +++ b/code/presets/react-webpack/src/types.ts @@ -3,7 +3,8 @@ import type { TypescriptOptions as TypescriptOptionsBase, WebpackConfiguration as WebpackConfigurationBase, } from '@storybook/core-webpack'; -import type { PluginOptions as ReactDocgenTypescriptOptions } from '@storybook/react-docgen-typescript-plugin'; + +import type { PluginOptions as ReactDocgenTypescriptOptions } from 'react-docgen-typescript-plugin'; export type { BuilderResult } from '@storybook/core-webpack'; diff --git a/yarn.lock b/yarn.lock index 93ec6bf941cd..3398a47cdf64 100644 --- a/yarn.lock +++ b/yarn.lock @@ -8264,10 +8264,10 @@ __metadata: resolution: "@storybook/preset-create-react-app@workspace:code/presets/create-react-app" dependencies: "@pmmmwh/react-refresh-webpack-plugin": "npm:^0.5.1" - "@storybook/react-docgen-typescript-plugin": "npm:1.0.6--canary.9.0c3f3b7.0" "@types/node": "npm:^22.19.1" "@types/semver": "npm:^7.7.1" pnp-webpack-plugin: "npm:^1.7.0" + react-docgen-typescript-plugin: "npm:^1.0.8" semver: "npm:^7.7.3" typescript: "npm:^5.9.3" peerDependencies: @@ -8281,12 +8281,12 @@ __metadata: resolution: "@storybook/preset-react-webpack@workspace:code/presets/react-webpack" dependencies: "@storybook/core-webpack": "workspace:*" - "@storybook/react-docgen-typescript-plugin": "npm:1.0.6--canary.9.0c3f3b7.0" "@types/node": "npm:^22.19.1" "@types/semver": "npm:^7.7.1" empathic: "npm:^2.0.0" magic-string: "npm:^0.30.5" react-docgen: "npm:^7.1.1" + react-docgen-typescript-plugin: "npm:^1.0.8" resolve: "npm:^1.22.8" semver: "npm:^7.7.3" tsconfig-paths: "npm:^4.2.0" @@ -8318,24 +8318,6 @@ __metadata: languageName: unknown linkType: soft -"@storybook/react-docgen-typescript-plugin@npm:1.0.6--canary.9.0c3f3b7.0": - version: 1.0.6--canary.9.0c3f3b7.0 - resolution: "@storybook/react-docgen-typescript-plugin@npm:1.0.6--canary.9.0c3f3b7.0" - dependencies: - debug: "npm:^4.1.1" - endent: "npm:^2.0.1" - find-cache-dir: "npm:^3.3.1" - flat-cache: "npm:^3.0.4" - micromatch: "npm:^4.0.2" - react-docgen-typescript: "npm:^2.2.2" - tslib: "npm:^2.0.0" - peerDependencies: - typescript: ">= 4.x" - webpack: ">= 4" - checksum: 10c0/505a728f36df3f519f4985bdf18f2078ea18a1a8f7f837fc831f971363fb7643a182f01a6857a9729ac5a1246d370526fca5a19017f82e7493af4ca945cb7235 - languageName: node - linkType: hard - "@storybook/react-dom-shim@workspace:*, @storybook/react-dom-shim@workspace:code/lib/react-dom-shim": version: 0.0.0-use.local resolution: "@storybook/react-dom-shim@workspace:code/lib/react-dom-shim" @@ -14655,13 +14637,6 @@ __metadata: languageName: node linkType: hard -"dedent@npm:^0.7.0": - version: 0.7.0 - resolution: "dedent@npm:0.7.0" - checksum: 10c0/7c3aa00ddfe3e5fcd477958e156156a5137e3bb6ff1493ca05edff4decf29a90a057974cc77e75951f8eb801c1816cb45aea1f52d628cdd000b82b36ab839d1b - languageName: node - linkType: hard - "deep-diff@npm:^1.0.2": version: 1.0.2 resolution: "deep-diff@npm:1.0.2" @@ -15560,17 +15535,6 @@ __metadata: languageName: node linkType: hard -"endent@npm:^2.0.1": - version: 2.1.0 - resolution: "endent@npm:2.1.0" - dependencies: - dedent: "npm:^0.7.0" - fast-json-parse: "npm:^1.0.3" - objectorarray: "npm:^1.0.5" - checksum: 10c0/8cd6dae45e693ae2b2cbff2384348d3a5e2a06cc0396dddca8165e46bd2fd8d5394d44d338ba653bbfce4aead90eca1ec1abe7203843c84155c645d283b6b884 - languageName: node - linkType: hard - "enhanced-resolve@npm:^5.17.1, enhanced-resolve@npm:^5.17.3, enhanced-resolve@npm:^5.7.0": version: 5.18.3 resolution: "enhanced-resolve@npm:5.18.3" @@ -17131,13 +17095,6 @@ __metadata: languageName: node linkType: hard -"fast-json-parse@npm:^1.0.3": - version: 1.0.3 - resolution: "fast-json-parse@npm:1.0.3" - checksum: 10c0/2c58c7a0f7f1725c9da1272839f9bee3ccc13b77672b18ab4ac470c707999bca39828cd7e79b87c73017f21c3ddff37992d03fa2fd2da124d9bd06c1d02c9b7e - languageName: node - linkType: hard - "fast-json-patch@npm:^3.0.0-1": version: 3.1.1 resolution: "fast-json-patch@npm:3.1.1" @@ -23513,13 +23470,6 @@ __metadata: languageName: node linkType: hard -"objectorarray@npm:^1.0.5": - version: 1.0.5 - resolution: "objectorarray@npm:1.0.5" - checksum: 10c0/3d3db66e2052df85617ac31b98f8e51a7a883ebce24123018dacf286712aa513a0a84e82b4a6bef68889d5fc39cf08e630ee78df013023fc5161e1fdf3eaaa5a - languageName: node - linkType: hard - "obuf@npm:^1.0.0, obuf@npm:^1.1.2": version: 1.1.2 resolution: "obuf@npm:1.1.2" @@ -25811,6 +25761,23 @@ __metadata: languageName: node linkType: hard +"react-docgen-typescript-plugin@npm:^1.0.8": + version: 1.0.8 + resolution: "react-docgen-typescript-plugin@npm:1.0.8" + dependencies: + debug: "npm:^4.1.1" + find-cache-dir: "npm:^3.3.1" + flat-cache: "npm:^3.0.4" + micromatch: "npm:^4.0.2" + react-docgen-typescript: "npm:^2.2.2" + tslib: "npm:^2.6.2" + peerDependencies: + typescript: ">= 4.x" + webpack: ">= 4" + checksum: 10c0/9abd1e7c71e2ba7fad080ef17fd262c89aa59509c69a5d34f2a8b63f7e33271e49ab82274c79393f704f387eb09247de6f32605439835237dacf4e31de6859a6 + languageName: node + linkType: hard + "react-docgen-typescript@npm:^2.2.2": version: 2.4.0 resolution: "react-docgen-typescript@npm:2.4.0"