From ad6a57b96a0225b563043699aba50496dcad1f74 Mon Sep 17 00:00:00 2001 From: Manzoor Wani Date: Fri, 9 Jan 2026 18:24:45 +0530 Subject: [PATCH 1/5] Use preset for addon --- storybook/addons/design-system-theme/preset.ts | 5 +++++ storybook/main.mjs | 8 +------- 2 files changed, 6 insertions(+), 7 deletions(-) create mode 100644 storybook/addons/design-system-theme/preset.ts diff --git a/storybook/addons/design-system-theme/preset.ts b/storybook/addons/design-system-theme/preset.ts new file mode 100644 index 00000000000000..f054fafd1c709e --- /dev/null +++ b/storybook/addons/design-system-theme/preset.ts @@ -0,0 +1,5 @@ +import { fileURLToPath } from 'node:url'; + +export const managerEntries = [ + fileURLToPath( import.meta.resolve( './manager.ts' ) ), +]; diff --git a/storybook/main.mjs b/storybook/main.mjs index 033808cedfa939..07bf81c96432ab 100644 --- a/storybook/main.mjs +++ b/storybook/main.mjs @@ -1,4 +1,3 @@ -import path from 'node:path'; import { mergeConfig, transformWithEsbuild } from 'vite'; import react from '@vitejs/plugin-react'; @@ -32,12 +31,7 @@ export default { '@storybook/addon-a11y', 'storybook-addon-source-link', 'storybook-addon-tag-badges', - ], - managerEntries: [ - path.join( - import.meta.dirname, - './addons/design-system-theme/manager.ts' - ), + import.meta.resolve( './addons/design-system-theme/preset.ts' ), ], framework: '@storybook/react-vite', docs: {}, From d6ef7626780a2c8bfbf4099133e2ff42eb5c82fa Mon Sep 17 00:00:00 2001 From: Manzoor Wani Date: Fri, 9 Jan 2026 18:37:20 +0530 Subject: [PATCH 2/5] Convert main.mjs to main.ts --- storybook/{main.mjs => main.ts} | 15 +++++++++------ 1 file changed, 9 insertions(+), 6 deletions(-) rename storybook/{main.mjs => main.ts} (86%) diff --git a/storybook/main.mjs b/storybook/main.ts similarity index 86% rename from storybook/main.mjs rename to storybook/main.ts index 07bf81c96432ab..5c6f69201e5099 100644 --- a/storybook/main.mjs +++ b/storybook/main.ts @@ -1,9 +1,10 @@ import { mergeConfig, transformWithEsbuild } from 'vite'; import react from '@vitejs/plugin-react'; +import type { StorybookConfig } from '@storybook/react-vite'; const stories = [ - process.env.NODE_ENV !== 'test' && './stories/**/*.story.@(jsx|tsx)', - process.env.NODE_ENV !== 'test' && './stories/**/*.mdx', + process.env.NODE_ENV !== 'test' ? './stories/**/*.story.@(jsx|tsx)' : '', + process.env.NODE_ENV !== 'test' ? './stories/**/*.mdx' : '', '../packages/block-editor/src/**/stories/*.story.@(js|jsx|tsx|mdx)', '../packages/components/src/**/stories/*.story.@(jsx|tsx)', '../packages/components/src/**/stories/*.mdx', @@ -17,7 +18,7 @@ const stories = [ '../packages/ui/src/**/stories/*.mdx', ].filter( Boolean ); -export default { +const config: StorybookConfig = { core: { disableTelemetry: true, }, @@ -56,8 +57,8 @@ export default { savePropValueAsString: true, }, }, - viteFinal: async ( config ) => { - return mergeConfig( config, { + viteFinal: async ( _config ) => { + return mergeConfig( _config, { plugins: [ react( { jsxImportSource: '@emotion/react', @@ -67,7 +68,7 @@ export default { } ), { name: 'load-js-files-as-jsx', - async transform( code, id ) { + async transform( code: string, id: string ) { if ( ! id.match( /.*\.js$/ ) ) { return null; } @@ -95,3 +96,5 @@ export default { } ); }, }; + +export default config; From 420d60a2d4c2e8652ada4bc6543e7330d48381c7 Mon Sep 17 00:00:00 2001 From: Manzoor Wani Date: Fri, 9 Jan 2026 18:39:15 +0530 Subject: [PATCH 3/5] Disable default links for v10 --- storybook/preview.jsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/storybook/preview.jsx b/storybook/preview.jsx index 2b405650209adf..58a913f067dbad 100644 --- a/storybook/preview.jsx +++ b/storybook/preview.jsx @@ -165,8 +165,8 @@ export const parameters = { sourceLink: { links: { // Disable default links - 'component-vscode': () => undefined, - 'story-vscode': () => undefined, + 'component-editor': () => undefined, + 'story-editor': () => undefined, 'addon-powered-by': () => undefined, // Custom GitHub link 'story-github': ( { importPath } ) => { From 5c98882fd7256a6a44a615cb5117b3d59c2a7018 Mon Sep 17 00:00:00 2001 From: Manzoor Wani Date: Fri, 9 Jan 2026 18:43:35 +0530 Subject: [PATCH 4/5] Update Storybook test-runner to v0.24.2 --- .github/workflows/storybook-check.yml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/.github/workflows/storybook-check.yml b/.github/workflows/storybook-check.yml index b75873ea206d2e..a51390290b935c 100644 --- a/.github/workflows/storybook-check.yml +++ b/.github/workflows/storybook-check.yml @@ -36,7 +36,7 @@ jobs: - name: Install test-runner and Playwright dependencies run: | - npm install --no-save @storybook/test-runner@0.22.1 + npm install --no-save @storybook/test-runner@0.24.2 npx playwright install --with-deps - name: Serve Storybook and run tests From 43a9a916a4db7555569e0dc2ae42e62a83b480be Mon Sep 17 00:00:00 2001 From: Manzoor Wani Date: Fri, 9 Jan 2026 18:44:27 +0530 Subject: [PATCH 5/5] Remove webpack from ignored licenses list --- bin/check-licenses.mjs | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/bin/check-licenses.mjs b/bin/check-licenses.mjs index 6df424df650d00..2bbad9078b4f53 100755 --- a/bin/check-licenses.mjs +++ b/bin/check-licenses.mjs @@ -10,7 +10,7 @@ import spawn from 'cross-spawn'; */ import { checkDeps, getLicenses } from '../packages/scripts/utils/license.js'; -const ignored = [ '@ampproject/remapping', 'webpack' ]; +const ignored = [ '@ampproject/remapping' ]; /* * `wp-scripts check-licenses` uses prod and dev dependencies of the package to scan for dependencies. With npm workspaces, workspace packages (the @wordpress/* packages) are not listed in the main package json and this approach does not work.