@storybook/cli 0.0.0-pr-31068-sha-6e3bb0f4 → 0.0.0-pr-31045-sha-96f0333c
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/bin/index.cjs +14 -14
- package/package.json +4 -4
package/dist/bin/index.cjs
CHANGED
|
@@ -94,16 +94,16 @@
|
|
|
94
94
|
|
|
95
95
|
For more information about upgrading, visit:
|
|
96
96
|
${import_picocolors29.default.cyan("https://storybook.js.org/docs/configure/upgrading")}`}}}});var block_experimental_addon_test_exports={};__export(block_experimental_addon_test_exports,{blocker:()=>blocker6});var import_picocolors30,import_semver11,import_ts_dedent26,blocker6,init_block_experimental_addon_test=__esm({"src/autoblock/block-experimental-addon-test.ts"(){"use strict";import_picocolors30=__toESM(require_picocolors(),1),import_semver11=__toESM(require("semver"),1),import_ts_dedent26=require("ts-dedent");init_types();blocker6={id:"experimentalAddonTestVitest",async check({packageJson,packageManager}){if(!("@storybook/experimental-addon-test"in{...packageJson.dependencies,...packageJson.devDependencies}))return!1;let vitestVersion=await packageManager.getInstalledVersion("vitest");return vitestVersion?import_semver11.default.lt(vitestVersion,"3.0.0"):!1},log(){return import_ts_dedent26.dedent`
|
|
97
|
-
${import_picocolors30.default.
|
|
97
|
+
${import_picocolors30.default.magenta("@storybook/experimental-addon-test")} is being stabilized in Storybook 9.
|
|
98
98
|
|
|
99
|
-
The addon will be renamed to ${import_picocolors30.default.
|
|
99
|
+
The addon will be renamed to ${import_picocolors30.default.magenta("@storybook/addon-vitest")} and as part of this stabilization, we have dropped support for Vitest 2.
|
|
100
100
|
|
|
101
101
|
You have two options to proceed:
|
|
102
|
-
1. Remove ${import_picocolors30.default.
|
|
102
|
+
1. Remove ${import_picocolors30.default.magenta("@storybook/experimental-addon-test")} if you don't need it
|
|
103
103
|
2. Upgrade to ${import_picocolors30.default.bold("Vitest 3")} to continue using the addon
|
|
104
104
|
|
|
105
105
|
After addressing this, you can try running the upgrade command again.
|
|
106
|
-
`}}}});var import_common25=require("storybook/internal/common"),import_core_server2=require("storybook/internal/core-server"),import_node_logger4=require("storybook/internal/node-logger"),import_telemetry2=require("storybook/internal/telemetry"),import_commander=require("commander"),import_envinfo=__toESM(require("envinfo"),1),import_leven=__toESM(require("leven"),1),import_picocolors33=__toESM(require_picocolors(),1);var version="0.0.0-pr-
|
|
106
|
+
`}}}});var import_common25=require("storybook/internal/common"),import_core_server2=require("storybook/internal/core-server"),import_node_logger4=require("storybook/internal/node-logger"),import_telemetry2=require("storybook/internal/telemetry"),import_commander=require("commander"),import_envinfo=__toESM(require("envinfo"),1),import_leven=__toESM(require("leven"),1),import_picocolors33=__toESM(require_picocolors(),1);var version="0.0.0-pr-31045-sha-96f0333c";var import_node_path2=require("path"),import_common3=require("storybook/internal/common"),import_csf_tools2=require("storybook/internal/csf-tools"),import_prompts=__toESM(require("prompts"),1),import_semver=__toESM(require("semver"),1),import_ts_dedent2=require("ts-dedent");var import_babel=require("storybook/internal/babel"),defaultRequireWrapperName="getAbsolutePath";function doesVariableOrFunctionDeclarationExist(node,name){return import_babel.types.isVariableDeclaration(node)&&node.declarations.length===1&&import_babel.types.isVariableDeclarator(node.declarations[0])&&import_babel.types.isIdentifier(node.declarations[0].id)&&node.declarations[0].id?.name===name||import_babel.types.isFunctionDeclaration(node)&&import_babel.types.isIdentifier(node.id)&&node.id.name===name}function getReferenceToRequireWrapper(config,value){return import_babel.types.callExpression(import_babel.types.identifier(getRequireWrapperName(config)??defaultRequireWrapperName),[import_babel.types.stringLiteral(value)])}function getRequireWrapperName(config){let declarationName=config.getBodyDeclarations().flatMap(node=>doesVariableOrFunctionDeclarationExist(node,"wrapForPnp")?["wrapForPnp"]:doesVariableOrFunctionDeclarationExist(node,defaultRequireWrapperName)?[defaultRequireWrapperName]:[]);return declarationName.length?declarationName[0]:null}function isRequireWrapperNecessary(node,cb=()=>{}){if(import_babel.types.isStringLiteral(node))return cb(node),!0;if(import_babel.types.isObjectExpression(node)){let nameProperty=node.properties.find(property=>import_babel.types.isObjectProperty(property)&&import_babel.types.isIdentifier(property.key)&&property.key.name==="name");if(nameProperty&&import_babel.types.isStringLiteral(nameProperty.value))return cb(nameProperty),!0}return import_babel.types.isArrayExpression(node)&&node.elements.some(element=>element&&isRequireWrapperNecessary(element))?(cb(node),!0):!1}function getFieldsForRequireWrapper(config){let frameworkNode=config.getFieldNode(["framework"]),builderNode=config.getFieldNode(["core","builder"]),rendererNode=config.getFieldNode(["core","renderer"]),addons=config.getFieldNode(["addons"]);return[...frameworkNode?[frameworkNode]:[],...builderNode?[builderNode]:[],...rendererNode?[rendererNode]:[],...addons&&import_babel.types.isArrayExpression(addons)?[addons]:[]]}function getRequireWrapperAsCallExpression(isConfigTypescript){let functionDeclaration={...import_babel.types.functionDeclaration(import_babel.types.identifier(defaultRequireWrapperName),[{...import_babel.types.identifier("value"),...isConfigTypescript?{typeAnnotation:import_babel.types.tsTypeAnnotation(import_babel.types.tSStringKeyword())}:{}}],import_babel.types.blockStatement([import_babel.types.returnStatement(import_babel.types.callExpression(import_babel.types.identifier("dirname"),[import_babel.types.callExpression(import_babel.types.memberExpression(import_babel.types.identifier("require"),import_babel.types.identifier("resolve")),[import_babel.types.callExpression(import_babel.types.identifier("join"),[import_babel.types.identifier("value"),import_babel.types.stringLiteral("package.json")])])]))])),...isConfigTypescript?{returnType:import_babel.types.tSTypeAnnotation(import_babel.types.tsAnyKeyword())}:{}};return import_babel.types.addComment(functionDeclaration,"leading",`*
|
|
107
107
|
* This function is used to resolve the absolute path of a package.
|
|
108
108
|
* It is needed in projects that use Yarn PnP or are set up within a monorepo.
|
|
109
109
|
`),functionDeclaration}function wrapValueWithRequireWrapper(config,node){isRequireWrapperNecessary(node,n=>{if(import_babel.types.isStringLiteral(n)){let wrapperNode=getReferenceToRequireWrapper(config,n.value);Object.keys(n).forEach(k=>{delete n[k]}),Object.keys(wrapperNode).forEach(k=>{n[k]=wrapperNode[k]})}import_babel.types.isObjectProperty(n)&&import_babel.types.isStringLiteral(n.value)&&(n.value=getReferenceToRequireWrapper(config,n.value.value)),import_babel.types.isArrayExpression(n)&&n.elements.forEach((element,index,elements)=>{import_babel.types.isStringLiteral(element)&&(elements[index]=getReferenceToRequireWrapper(config,element.value))})})}var import_node_path=require("path"),import_common=require("storybook/internal/common"),import_common2=require("storybook/internal/common"),import_csf_tools=require("storybook/internal/csf-tools"),import_picocolors=__toESM(require_picocolors(),1),import_ts_dedent=require("ts-dedent"),logger=console,getFrameworkPackageName=mainConfig=>{let packageNameOrPath=typeof mainConfig?.framework=="string"?mainConfig.framework:mainConfig?.framework?.name;return packageNameOrPath?(0,import_common.extractProperFrameworkName)(packageNameOrPath):null},getRendererName=mainConfig=>{let frameworkPackageName=getFrameworkPackageName(mainConfig);if(!frameworkPackageName)return null;let frameworkName=import_common.frameworkPackages[frameworkPackageName];return import_common2.frameworkToRenderer[frameworkName]};var getStorybookData=async({packageManager,configDir:userDefinedConfigDir})=>{let packageJson=await packageManager.retrievePackageJson(),{mainConfig:mainConfigPath,version:storybookVersionSpecifier,configDir:configDirFromScript,previewConfig:previewConfigPath}=(0,import_common.getStorybookInfo)(packageJson,userDefinedConfigDir),storybookVersion=await(0,import_common2.getCoercedStorybookVersion)(packageManager),configDir=userDefinedConfigDir||configDirFromScript||".storybook",mainConfig;try{mainConfig=await(0,import_common.loadMainConfig)({configDir,noCache:!0})}catch(err){throw new Error(import_ts_dedent.dedent`Unable to find or evaluate ${import_picocolors.default.blue(mainConfigPath)}: ${String(err)}`)}return{configDir,mainConfig,storybookVersionSpecifier,storybookVersion,mainConfigPath,previewConfigPath,packageJson}},updateMainConfig=async({mainConfigPath,dryRun},callback)=>{try{let main=await(0,import_csf_tools.readConfig)(mainConfigPath);await callback(main),dryRun||await(0,import_csf_tools.writeConfig)(main)}catch(e){logger.info(`\u274C The migration failed to update your ${import_picocolors.default.blue(mainConfigPath)} on your behalf because of the following error:
|
|
@@ -180,10 +180,10 @@ ${err}`),info.source}let metaVariableName=csf._metaVariableName??"meta",programN
|
|
|
180
180
|
|
|
181
181
|
For more info, check out the docs:
|
|
182
182
|
${import_picocolors8.default.yellow("https://storybook.js.org/docs/api/csf/csf-factories")}
|
|
183
|
-
`))}};var import_common11=require("storybook/internal/common"),import_csf_tools5=require("storybook/internal/csf-tools"),import_fs2=require("fs"),jscodeshift=__toESM(require("jscodeshift"),1),import_path2=__toESM(require("path"),1),import_picocolors9=__toESM(require_picocolors(),1),import_ts_dedent5=require("ts-dedent");var ADDON_ID="storybook/test",TEST_PROVIDER_ID=`${ADDON_ID}/test-provider`,PANEL_ID=`${ADDON_ID}/panel`;var A11Y_ADDON_ID="storybook/a11y",A11Y_PANEL_ID=`${A11Y_ADDON_ID}/panel`;var DOCUMENTATION_LINK="writing-tests/test-addon",DOCUMENTATION_FATAL_ERROR_LINK=`${DOCUMENTATION_LINK}#what-happens-if-vitest-itself-has-an-error`;var SUPPORTED_FRAMEWORKS=["@storybook/nextjs","@storybook/nextjs-vite","@storybook/sveltekit"],SUPPORTED_RENDERERS=["@storybook/react","@storybook/svelte","@storybook/vue3"],storeOptions={id:ADDON_ID,initialState:{config:{coverage:!1,a11y:!1},watching:!1,cancelling:!1,fatalError:void 0,indexUrl:void 0,currentRun:{triggeredBy:void 0,config:{coverage:!1,a11y:!1},componentTestCount:{success:0,error:0},a11yCount:{success:0,warning:0,error:0},storyIds:void 0,totalTestCount:void 0,startedAt:void 0,finishedAt:void 0,unhandledErrors:[],coverageSummary:void 0}}},STORE_CHANNEL_EVENT_NAME=`UNIVERSAL_STORE:${storeOptions.id}`;var fileExtensions=[".js",".ts",".cts",".mts",".cjs",".mjs",".jsx",".tsx"],addonA11yAddonTest={id:"addonA11yAddonTest",versionRange:["<9.0.0","^9.0.0-0 || ^9.0.0"],promptType(result){return result.setupFile===null&&result.previewFile===null?"manual":"auto"},async check({mainConfig,configDir}){let addons=(0,import_common11.getAddonNames)(mainConfig),frameworkPackageName=getFrameworkPackageName(mainConfig),rendererPackageName=getRendererName(mainConfig),hasA11yAddon=!!addons.find(addon=>addon.includes("@storybook/addon-a11y")),hasTestAddon=!!addons.find(addon=>addon.includes("@storybook/addon-
|
|
184
|
-
We have detected that you have ${import_picocolors9.default.magenta("@storybook/addon-a11y")} and ${import_picocolors9.default.magenta("@storybook/addon-
|
|
183
|
+
`))}};var import_common11=require("storybook/internal/common"),import_csf_tools5=require("storybook/internal/csf-tools"),import_fs2=require("fs"),jscodeshift=__toESM(require("jscodeshift"),1),import_path2=__toESM(require("path"),1),import_picocolors9=__toESM(require_picocolors(),1),import_ts_dedent5=require("ts-dedent");var ADDON_ID="storybook/test",TEST_PROVIDER_ID=`${ADDON_ID}/test-provider`,PANEL_ID=`${ADDON_ID}/panel`;var A11Y_ADDON_ID="storybook/a11y",A11Y_PANEL_ID=`${A11Y_ADDON_ID}/panel`;var DOCUMENTATION_LINK="writing-tests/test-addon",DOCUMENTATION_FATAL_ERROR_LINK=`${DOCUMENTATION_LINK}#what-happens-if-vitest-itself-has-an-error`;var SUPPORTED_FRAMEWORKS=["@storybook/nextjs","@storybook/nextjs-vite","@storybook/sveltekit"],SUPPORTED_RENDERERS=["@storybook/react","@storybook/svelte","@storybook/vue3"],storeOptions={id:ADDON_ID,initialState:{config:{coverage:!1,a11y:!1},watching:!1,cancelling:!1,fatalError:void 0,indexUrl:void 0,previewAnnotations:[],currentRun:{triggeredBy:void 0,config:{coverage:!1,a11y:!1},componentTestCount:{success:0,error:0},a11yCount:{success:0,warning:0,error:0},storyIds:void 0,totalTestCount:void 0,startedAt:void 0,finishedAt:void 0,unhandledErrors:[],coverageSummary:void 0}}},STORE_CHANNEL_EVENT_NAME=`UNIVERSAL_STORE:${storeOptions.id}`;var fileExtensions=[".js",".ts",".cts",".mts",".cjs",".mjs",".jsx",".tsx"],addonA11yAddonTest={id:"addonA11yAddonTest",versionRange:["<9.0.0","^9.0.0-0 || ^9.0.0"],promptType(result){return result.setupFile===null&&result.previewFile===null?"manual":"auto"},async check({mainConfig,configDir}){let addons=(0,import_common11.getAddonNames)(mainConfig),frameworkPackageName=getFrameworkPackageName(mainConfig),rendererPackageName=getRendererName(mainConfig),hasA11yAddon=!!addons.find(addon=>addon.includes("@storybook/addon-a11y")),hasTestAddon=!!addons.find(addon=>addon.includes("@storybook/addon-vitest"));if(!SUPPORTED_FRAMEWORKS.find(framework=>frameworkPackageName?.includes(framework))&&!SUPPORTED_RENDERERS.find(renderer=>rendererPackageName?.includes(import_common11.rendererPackages[renderer]))||!hasA11yAddon||!hasTestAddon||!configDir)return null;let vitestSetupFile=fileExtensions.map(ext=>import_path2.default.join(configDir,`vitest.setup${ext}`)).find(filePath=>(0,import_fs2.existsSync)(filePath))??null,previewFile=fileExtensions.map(ext=>import_path2.default.join(configDir,`preview${ext}`)).find(filePath=>(0,import_fs2.existsSync)(filePath))??null,skipVitestSetupTransformation=!1,skipPreviewTransformation=!1;if(vitestSetupFile&&previewFile){let vitestSetupSource=(0,import_fs2.readFileSync)(vitestSetupFile,"utf8"),previewSetupSource=(0,import_fs2.readFileSync)(previewFile,"utf8");if(skipVitestSetupTransformation=vitestSetupSource.includes("@storybook/addon-a11y"),skipPreviewTransformation=!shouldPreviewFileBeTransformed(previewSetupSource),skipVitestSetupTransformation&&skipPreviewTransformation)return null}let getTransformedSetupCode=()=>{if(!vitestSetupFile||skipVitestSetupTransformation)return null;try{let vitestSetupSource=(0,import_fs2.readFileSync)(vitestSetupFile,"utf8");return transformSetupFile(vitestSetupSource)}catch{return null}},getTransformedPreviewCode=()=>{if(!previewFile||skipPreviewTransformation)return null;try{let previewSetupSource=(0,import_fs2.readFileSync)(previewFile,"utf8");return transformPreviewFile(previewSetupSource,previewFile)}catch{return null}};return{setupFile:vitestSetupFile,previewFile,transformedSetupCode:getTransformedSetupCode(),transformedPreviewCode:await getTransformedPreviewCode(),skipVitestSetupTransformation,skipPreviewTransformation}},prompt({setupFile,previewFile,transformedSetupCode,transformedPreviewCode,skipPreviewTransformation,skipVitestSetupTransformation}){let prompt=[import_ts_dedent5.dedent`
|
|
184
|
+
We have detected that you have ${import_picocolors9.default.magenta("@storybook/addon-a11y")} and ${import_picocolors9.default.magenta("@storybook/addon-vitest")} installed.
|
|
185
185
|
|
|
186
|
-
${import_picocolors9.default.magenta("@storybook/addon-a11y")} now integrates with ${import_picocolors9.default.magenta("@storybook/addon-
|
|
186
|
+
${import_picocolors9.default.magenta("@storybook/addon-a11y")} now integrates with ${import_picocolors9.default.magenta("@storybook/addon-vitest")} to provide automatic accessibility checks for your stories, powered by Axe and Vitest.
|
|
187
187
|
`],counter=1;if(!skipVitestSetupTransformation)if(transformedSetupCode===null)prompt.push(import_ts_dedent5.dedent`
|
|
188
188
|
${counter++}) We couldn't find or automatically update ${import_picocolors9.default.cyan(".storybook/vitest.setup.<ts|js>")} in your project to smoothly set up project annotations from ${import_picocolors9.default.magenta("@storybook/addon-a11y")}.
|
|
189
189
|
Please manually update your ${import_picocolors9.default.cyan("vitest.setup.ts")} file to include the following:
|
|
@@ -232,17 +232,17 @@ ${indentation}// 'off' - skip a11y checks entirely`;return lines.splice(paramete
|
|
|
232
232
|
|
|
233
233
|
Since you were using the docs feature, we'll install ${import_picocolors10.default.yellow("@storybook/addon-docs")}
|
|
234
234
|
separately and add it to your configuration.
|
|
235
|
-
`},async run({result,dryRun,packageManager,mainConfigPath}){let{hasEssentials,hasDocsDisabled,hasDocsAddon}=result;hasEssentials&&(dryRun||(await packageManager.runPackageCommand("storybook",["remove","@storybook/addon-essentials"]),!hasDocsDisabled&&!hasDocsAddon&&await packageManager.runPackageCommand("storybook",["add","@storybook/addon-docs"])))}};var import_fs3=require("fs"),import_picocolors11=__toESM(require_picocolors(),1),import_ts_dedent7=require("ts-dedent"),logger5=console,addonExperimentalTest={id:"addon-experimental-test",versionRange:["<9.0.0","^9.0.0-0 || ^9.0.0"],promptType:"auto",async check({packageManager}){if(!await packageManager.getPackageVersion("@storybook/experimental-addon-test"))return null;let{globbySync}=await import("globby"),matchingFiles=globbySync(["**/.storybook/**/*.*","**/vitest.*.{js,ts,mjs,cjs}","**/vite.config.{js,ts,mjs,cjs}"],{ignore:["**/node_modules/**","**/dist/**"]}),filesWithExperimentalAddon=[];for(let file of matchingFiles)try{(0,import_fs3.readFileSync)(file,"utf-8").includes("@storybook/experimental-addon-test")&&filesWithExperimentalAddon.push(file)}catch{}return{matchingFiles:filesWithExperimentalAddon}},prompt({matchingFiles}){let fileCount=matchingFiles.length,fileList=matchingFiles.slice(0,5).map(file=>` - ${import_picocolors11.default.cyan(file)}`).join(`
|
|
235
|
+
`},async run({result,dryRun,packageManager,mainConfigPath}){let{hasEssentials,hasDocsDisabled,hasDocsAddon}=result;hasEssentials&&(dryRun||(console.log("Removing @storybook/addon-essentials..."),await packageManager.runPackageCommand("storybook",["remove","@storybook/addon-essentials"]),!hasDocsDisabled&&!hasDocsAddon&&(console.log("Adding @storybook/addon-docs..."),await packageManager.runPackageCommand("storybook",["add","@storybook/addon-docs"]))))}};var import_fs3=require("fs"),import_picocolors11=__toESM(require_picocolors(),1),import_ts_dedent7=require("ts-dedent"),logger5=console,addonExperimentalTest={id:"addon-experimental-test",versionRange:["<9.0.0","^9.0.0-0 || ^9.0.0"],promptType:"auto",async check({packageManager}){if(!await packageManager.getPackageVersion("@storybook/experimental-addon-test"))return null;let{globbySync}=await import("globby"),matchingFiles=globbySync(["**/.storybook/**/*.*","**/vitest.*.{js,ts,mjs,cjs}","**/vite.config.{js,ts,mjs,cjs}"],{ignore:["**/node_modules/**","**/dist/**"]}),filesWithExperimentalAddon=[];for(let file of matchingFiles)try{(0,import_fs3.readFileSync)(file,"utf-8").includes("@storybook/experimental-addon-test")&&filesWithExperimentalAddon.push(file)}catch{}return{matchingFiles:filesWithExperimentalAddon}},prompt({matchingFiles}){let fileCount=matchingFiles.length,fileList=matchingFiles.slice(0,5).map(file=>` - ${import_picocolors11.default.cyan(file)}`).join(`
|
|
236
236
|
`),hasMoreFiles=fileCount>5;return import_ts_dedent7.dedent`
|
|
237
237
|
We've detected you're using ${import_picocolors11.default.cyan("@storybook/experimental-addon-test")}, which is now available as a stable addon.
|
|
238
238
|
|
|
239
|
-
We can automatically migrate your project to use ${import_picocolors11.default.cyan("@storybook/addon-
|
|
239
|
+
We can automatically migrate your project to use ${import_picocolors11.default.cyan("@storybook/addon-vitest")} instead.
|
|
240
240
|
|
|
241
241
|
This will update ${fileCount} file(s) and your package.json:
|
|
242
242
|
${fileList}${hasMoreFiles?`
|
|
243
243
|
... and ${fileCount-5} more files`:""}
|
|
244
|
-
`},async run({result:{matchingFiles},packageManager,dryRun}){for(let file of matchingFiles){let updatedContent=(0,import_fs3.readFileSync)(file,"utf-8").replace(/@storybook\/experimental-addon-test/g,"@storybook/addon-
|
|
245
|
-
✅ Successfully migrated from ${import_picocolors11.default.cyan("@storybook/experimental-addon-test")} to ${import_picocolors11.default.cyan("@storybook/addon-
|
|
244
|
+
`},async run({result:{matchingFiles},packageManager,dryRun}){for(let file of matchingFiles){let updatedContent=(0,import_fs3.readFileSync)(file,"utf-8").replace(/@storybook\/experimental-addon-test/g,"@storybook/addon-vitest");dryRun||(0,import_fs3.writeFileSync)(file,updatedContent,"utf-8")}if(!dryRun){let devDependencies=(await packageManager.retrievePackageJson()).devDependencies??{},storybookVersion=await packageManager.getPackageVersion("storybook"),isExperimentalAddonTestDevDependency=Object.keys(devDependencies).includes("@storybook/experimental-addon-test");await packageManager.removeDependencies({},["@storybook/experimental-addon-test"]),await packageManager.addDependencies({installAsDevDependencies:isExperimentalAddonTestDevDependency},[`@storybook/addon-vitest@${storybookVersion}`])}logger5.info(import_ts_dedent7.dedent`
|
|
245
|
+
✅ Successfully migrated from ${import_picocolors11.default.cyan("@storybook/experimental-addon-test")} to ${import_picocolors11.default.cyan("@storybook/addon-vitest")}
|
|
246
246
|
✅ Updated package.json dependency
|
|
247
247
|
✅ Updated ${matchingFiles.length} file(s)
|
|
248
248
|
`)}};var import_common13=require("storybook/internal/common"),import_picocolors12=__toESM(require_picocolors(),1),import_ts_dedent8=require("ts-dedent"),addonMdxGfmRemove={id:"addon-mdx-gfm-remove",versionRange:["<9.0.0","^9.0.0-0 || ^9.0.0"],async check({mainConfigPath,mainConfig}){if(!mainConfigPath)return null;try{let hasMdxGfm=(0,import_common13.getAddonNames)(mainConfig).includes("@storybook/addon-mdx-gfm");return hasMdxGfm?{hasMdxGfm}:null}catch{return null}},prompt(){return import_ts_dedent8.dedent`
|
|
@@ -273,7 +273,7 @@ ${indentation}// 'off' - skip a11y checks entirely`;return lines.splice(paramete
|
|
|
273
273
|
2. Scan your codebase and update any imports from these updated packages
|
|
274
274
|
|
|
275
275
|
This will ensure your project is properly updated to use the new updated package structure and to use the latest package names.
|
|
276
|
-
`,run:async options=>{let{result,dryRun=!1}=options,{packageJsonFiles}=result,errors=[],packageJsonErrors=await transformPackageJsonFiles(packageJsonFiles,dryRun);errors.push(...packageJsonErrors);let projectRoot=(0,import_common15.getProjectRoot)(),defaultGlob="**/*.{mjs,cjs,js,jsx,ts,tsx,mdx}",{glob}=await(0,import_prompts3.default)({type:"text",name:"glob",message:"Enter a custom glob pattern to scan (or press enter to use default):",initial:defaultGlob})
|
|
276
|
+
`,run:async options=>{let{result,dryRun=!1}=options,{packageJsonFiles}=result,errors=[],packageJsonErrors=await transformPackageJsonFiles(packageJsonFiles,dryRun);errors.push(...packageJsonErrors);let projectRoot=(0,import_common15.getProjectRoot)(),defaultGlob="**/*.{mjs,cjs,js,jsx,ts,tsx,mdx}",{glob}=await(0,import_prompts3.default)({type:"text",name:"glob",message:"Enter a custom glob pattern to scan (or press enter to use default):",initial:defaultGlob});console.log("Scanning for affected files...");let globby=(await import("globby")).globby,sourceFiles=await globby([glob],{...(0,import_common15.commonGlobOptions)(""),ignore:["**/node_modules/**"],dot:!0,cwd:projectRoot,absolute:!0});console.log(`Transforming ${sourceFiles.length} files...`);let importErrors=await transformImportFiles(sourceFiles,dryRun);if(errors.push(...importErrors),errors.length>0)throw new Error(`Failed to process ${errors.length} files:
|
|
277
277
|
${errors.map(({file,error})=>`- ${file}: ${error.message}`).join(`
|
|
278
278
|
`)}`);!dryRun&&result.packageJsonFiles.length>0&&await options.packageManager.installDependencies()}};var import_cli=require("storybook/internal/cli"),import_picocolors15=__toESM(require_picocolors(),1),import_ts_dedent11=require("ts-dedent"),logger6=console,eslintPlugin={id:"eslintPlugin",versionRange:["*","*"],async check({packageManager}){let{hasEslint,isStorybookPluginInstalled}=await(0,import_cli.extractEslintInfo)(packageManager);if(isStorybookPluginInstalled||!hasEslint)return null;let eslintFile=null,unsupportedExtension;try{eslintFile=(0,import_cli.findEslintFile)()}catch(err){unsupportedExtension=String(err)}return!eslintFile||!unsupportedExtension?(logger6.warn("Unable to find .eslintrc config file, skipping"),null):{eslintFile,unsupportedExtension}},prompt(){return import_ts_dedent11.dedent`
|
|
279
279
|
We've detected you are not using our eslint-plugin.
|
|
@@ -300,7 +300,7 @@ ${errors.map(({file,error})=>`- ${file}: ${error.message}`).join(`
|
|
|
300
300
|
|
|
301
301
|
We'll remove it from your dependencies and unregister it from your Storybook configuration.
|
|
302
302
|
The functionality will continue to work as before, but now it's built into Storybook core.
|
|
303
|
-
`},async run({packageManager}){await packageManager.runPackageCommand("storybook",["remove","@storybook/addon-interactions"])}};var import_promises4=require("fs/promises"),import_common17=require("storybook/internal/common"),import_prompts4=__toESM(require("prompts"),1),import_ts_dedent14=require("ts-dedent"),getAllDependencies=packageJson=>Object.keys({...packageJson.dependencies||{},...packageJson.devDependencies||{}}),detectFrameworks=dependencies=>Object.keys(import_common17.frameworkPackages).filter(pkg=>dependencies.includes(pkg)),detectRenderers=dependencies=>Object.keys(import_common17.rendererPackages).filter(pkg=>dependencies.includes(pkg)),replaceImports=(source,renderer,framework)=>{let regex2=new RegExp(`(['"])${renderer}(['"])`,"g");return regex2.test(source)?source.replace(regex2,`$1${framework}$2`):null},transformSourceFiles=async(files,renderer,framework,dryRun)=>{let errors=[],{default:pLimit}=await import("p-limit"),limit=pLimit(10);return await Promise.all(files.map(file=>limit(async()=>{try{let contents=await(0,import_promises4.readFile)(file,"utf-8"),transformed=replaceImports(contents,renderer,framework);!dryRun&&transformed&&await(0,import_promises4.writeFile)(file,transformed)}catch(error){errors.push({file,error})}}))),errors},removeRenderersInPackageJson=async(packageJsonPath,renderers,dryRun)=>{try{let content=await(0,import_promises4.readFile)(packageJsonPath,"utf-8"),packageJson=JSON.parse(content),hasChanges=!1;return renderers.forEach(renderer=>{packageJson.dependencies?.[renderer]&&(delete packageJson.dependencies[renderer],hasChanges=!0),packageJson.devDependencies?.[renderer]&&(delete packageJson.devDependencies[renderer],hasChanges=!0)}),!dryRun&&hasChanges&&await(0,import_promises4.writeFile)(packageJsonPath,JSON.stringify(packageJson,null,2)),hasChanges}catch(error){throw new Error(`Failed to update package.json: ${error}`)}},selectFramework=async frameworks=>frameworks.length===1?frameworks[0]:(await(0,import_prompts4.default)({type:"select",name:"framework",message:"Which framework would you like to use?",choices:frameworks.map(framework=>({title:framework,value:framework}))})).framework||null,checkPackageJson=async packageJsonPath=>{let content=await(0,import_promises4.readFile)(packageJsonPath,"utf-8"),packageJson=JSON.parse(content),dependencies=getAllDependencies(packageJson),frameworks=detectFrameworks(dependencies);if(frameworks.length===0)return null;let renderers=detectRenderers(dependencies);return renderers.length===0?null:{frameworks,renderers}},rendererToFramework={id:"renderer-to-framework",versionRange:["<9.0.0","^9.0.0-0"],promptType:"auto",async check(){let projectRoot=await(0,import_common17.getProjectRoot)(),{globby}=await import("globby"),packageJsonFiles=await globby(["**/package.json"],{...(0,import_common17.commonGlobOptions)(""),ignore:["**/node_modules/**"],cwd:projectRoot,gitignore:!0,absolute:!0}),validResults=(await Promise.all(packageJsonFiles.map(async file=>{try{return await checkPackageJson(file)}catch{return null}}))).filter(r=>r!==null&&r.renderers.length>0);return validResults.length===0?null:{frameworks:[...new Set(validResults.flatMap(r=>r.frameworks))],renderers:[...new Set(validResults.flatMap(r=>r.renderers))],packageJsonFiles:packageJsonFiles.filter((_,i)=>validResults[i]!==null)}},prompt(result){return result.frameworks.length>1?import_ts_dedent14.dedent`
|
|
303
|
+
`},async run({packageManager,dryRun}){dryRun||(console.log("Removing @storybook/addon-interactions..."),await packageManager.runPackageCommand("storybook",["remove","@storybook/addon-interactions"]))}};var import_promises4=require("fs/promises"),import_common17=require("storybook/internal/common"),import_prompts4=__toESM(require("prompts"),1),import_ts_dedent14=require("ts-dedent"),getAllDependencies=packageJson=>Object.keys({...packageJson.dependencies||{},...packageJson.devDependencies||{}}),detectFrameworks=dependencies=>Object.keys(import_common17.frameworkPackages).filter(pkg=>dependencies.includes(pkg)),detectRenderers=dependencies=>Object.keys(import_common17.rendererPackages).filter(pkg=>dependencies.includes(pkg)),replaceImports=(source,renderer,framework)=>{let regex2=new RegExp(`(['"])${renderer}(['"])`,"g");return regex2.test(source)?source.replace(regex2,`$1${framework}$2`):null},transformSourceFiles=async(files,renderer,framework,dryRun)=>{let errors=[],{default:pLimit}=await import("p-limit"),limit=pLimit(10);return await Promise.all(files.map(file=>limit(async()=>{try{let contents=await(0,import_promises4.readFile)(file,"utf-8"),transformed=replaceImports(contents,renderer,framework);!dryRun&&transformed&&await(0,import_promises4.writeFile)(file,transformed)}catch(error){errors.push({file,error})}}))),errors},removeRenderersInPackageJson=async(packageJsonPath,renderers,dryRun)=>{try{let content=await(0,import_promises4.readFile)(packageJsonPath,"utf-8"),packageJson=JSON.parse(content),hasChanges=!1;return renderers.forEach(renderer=>{packageJson.dependencies?.[renderer]&&(delete packageJson.dependencies[renderer],hasChanges=!0),packageJson.devDependencies?.[renderer]&&(delete packageJson.devDependencies[renderer],hasChanges=!0)}),!dryRun&&hasChanges&&await(0,import_promises4.writeFile)(packageJsonPath,JSON.stringify(packageJson,null,2)),hasChanges}catch(error){throw new Error(`Failed to update package.json: ${error}`)}},selectFramework=async frameworks=>frameworks.length===1?frameworks[0]:(await(0,import_prompts4.default)({type:"select",name:"framework",message:"Which framework would you like to use?",choices:frameworks.map(framework=>({title:framework,value:framework}))})).framework||null,checkPackageJson=async packageJsonPath=>{let content=await(0,import_promises4.readFile)(packageJsonPath,"utf-8"),packageJson=JSON.parse(content),dependencies=getAllDependencies(packageJson),frameworks=detectFrameworks(dependencies);if(frameworks.length===0)return null;let renderers=detectRenderers(dependencies);return renderers.length===0?null:{frameworks,renderers}},rendererToFramework={id:"renderer-to-framework",versionRange:["<9.0.0","^9.0.0-0"],promptType:"auto",async check(){let projectRoot=await(0,import_common17.getProjectRoot)(),{globby}=await import("globby"),packageJsonFiles=await globby(["**/package.json"],{...(0,import_common17.commonGlobOptions)(""),ignore:["**/node_modules/**"],cwd:projectRoot,gitignore:!0,absolute:!0}),validResults=(await Promise.all(packageJsonFiles.map(async file=>{try{return await checkPackageJson(file)}catch{return null}}))).filter(r=>r!==null&&r.renderers.length>0);return validResults.length===0?null:{frameworks:[...new Set(validResults.flatMap(r=>r.frameworks))],renderers:[...new Set(validResults.flatMap(r=>r.renderers))],packageJsonFiles:packageJsonFiles.filter((_,i)=>validResults[i]!==null)}},prompt(result){return result.frameworks.length>1?import_ts_dedent14.dedent`
|
|
304
304
|
As part of Storybook's evolution, we're moving from renderer-based to framework-based configuration.
|
|
305
305
|
We've detected multiple framework packages in your project: ${result.frameworks.join(", ")}.
|
|
306
306
|
You will be prompted to select which framework to use for your Storybook configuration.
|
|
@@ -315,7 +315,7 @@ ${errors.map(({file,error})=>`- ${file}: ${error.message}`).join(`
|
|
|
315
315
|
2. Remove the renderer packages from your package.json
|
|
316
316
|
3. Install the necessary framework dependencies
|
|
317
317
|
Would you like to proceed with these changes?
|
|
318
|
-
`},async run(options){let{result,dryRun=!1}=options,selectedFramework=await selectFramework(result.frameworks);if(!selectedFramework){console.log("Migration cancelled: No framework selected");return}let defaultGlob="**/*.{mjs,cjs,js,jsx,ts,tsx}",{glob}=await(0,import_prompts4.default)({type:"text",name:"glob",message:"Enter a custom glob pattern to scan (or press enter to use default):",initial:defaultGlob}),projectRoot=await(0,import_common17.getProjectRoot)()
|
|
318
|
+
`},async run(options){let{result,dryRun=!1}=options,selectedFramework=await selectFramework(result.frameworks);if(!selectedFramework){console.log("Migration cancelled: No framework selected");return}let defaultGlob="**/*.{mjs,cjs,js,jsx,ts,tsx}",{glob}=await(0,import_prompts4.default)({type:"text",name:"glob",message:"Enter a custom glob pattern to scan (or press enter to use default):",initial:defaultGlob}),projectRoot=await(0,import_common17.getProjectRoot)();console.log("Scanning for affected files...");let globby=(await import("globby")).globby,sourceFiles=await globby([glob],{...(0,import_common17.commonGlobOptions)(""),ignore:["**/node_modules/**"],dot:!0,cwd:projectRoot,absolute:!0});console.log(`Transforming ${sourceFiles.length} files...`),await Promise.all(result.renderers.map(renderer=>transformSourceFiles(sourceFiles,renderer,selectedFramework,dryRun))),console.log("Updating package.json files..."),await Promise.all(result.packageJsonFiles.map(file=>removeRenderersInPackageJson(file,result.renderers,dryRun))),console.log("Installing dependencies..."),dryRun||await options.packageManager.installDependencies()}};var import_node_fs2=require("fs"),import_promises5=require("fs/promises"),import_node_path4=require("path"),import_picocolors18=__toESM(require_picocolors(),1),import_ts_dedent15=require("ts-dedent");async function renameInFile(filePath,oldText,newText){try{let updatedContent=(await(0,import_promises5.readFile)(filePath,"utf8")).replaceAll(oldText,newText);await(0,import_promises5.writeFile)(filePath,updatedContent,"utf8")}catch(error){console.error(`Error updating references in ${filePath}:`,error)}}var getDotStorybookReferences=async()=>{try{let{$}=await import("execa"),{stdout}=await $`git grep -l \\.storybook`;return stdout.split(`
|
|
319
319
|
`).filter(Boolean)}catch{return[]}},rnstorybookConfig={id:"rnstorybook-config",versionRange:["<9.0.0","^9.0.0-0 || ^9.0.0"],async check({packageManager,mainConfigPath}){if(!(await packageManager.getAllDependencies())["@storybook/react-native"])return null;let projectDir=mainConfigPath?(0,import_node_path4.join)(mainConfigPath,"..",".."):process.cwd(),storybookDir=(0,import_node_path4.join)(projectDir,".storybook"),rnStorybookDir=(0,import_node_path4.join)(projectDir,".rnstorybook"),{globby}=await import("globby"),requiresFiles=await globby((0,import_node_path4.join)(storybookDir,"storybook.requires.*"));if((0,import_node_fs2.existsSync)(storybookDir)&&requiresFiles.length>0&&!(0,import_node_fs2.existsSync)(rnStorybookDir)){let dotStorybookReferences=await getDotStorybookReferences();return{storybookDir,rnStorybookDir,dotStorybookReferences}}return null},prompt({dotStorybookReferences}){let references=dotStorybookReferences.length>0?import_ts_dedent15.dedent`
|
|
320
320
|
We will update the following files to reference ${import_picocolors18.default.yellow(".rnstorybook")}:
|
|
321
321
|
${dotStorybookReferences.map(ref=>import_picocolors18.default.cyan("- "+ref)).join(`
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@storybook/cli",
|
|
3
|
-
"version": "0.0.0-pr-
|
|
3
|
+
"version": "0.0.0-pr-31045-sha-96f0333c",
|
|
4
4
|
"description": "Storybook CLI",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"storybook"
|
|
@@ -43,10 +43,10 @@
|
|
|
43
43
|
"dependencies": {
|
|
44
44
|
"@babel/core": "^7.24.4",
|
|
45
45
|
"@babel/types": "^7.24.0",
|
|
46
|
-
"@storybook/codemod": "0.0.0-pr-
|
|
46
|
+
"@storybook/codemod": "0.0.0-pr-31045-sha-96f0333c",
|
|
47
47
|
"@types/semver": "^7.3.4",
|
|
48
48
|
"commander": "^12.1.0",
|
|
49
|
-
"create-storybook": "0.0.0-pr-
|
|
49
|
+
"create-storybook": "0.0.0-pr-31045-sha-96f0333c",
|
|
50
50
|
"cross-spawn": "^7.0.3",
|
|
51
51
|
"envinfo": "^7.7.3",
|
|
52
52
|
"execa": "^9.5.2",
|
|
@@ -60,7 +60,7 @@
|
|
|
60
60
|
"p-limit": "^6.2.0",
|
|
61
61
|
"prompts": "^2.4.0",
|
|
62
62
|
"semver": "^7.3.7",
|
|
63
|
-
"storybook": "0.0.0-pr-
|
|
63
|
+
"storybook": "0.0.0-pr-31045-sha-96f0333c",
|
|
64
64
|
"tiny-invariant": "^1.3.1",
|
|
65
65
|
"ts-dedent": "^2.0.0"
|
|
66
66
|
},
|