@storybook/cli 9.0.0-alpha.16 → 9.0.0-alpha.17
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 +30 -20
- package/package.json +4 -4
package/dist/bin/index.cjs
CHANGED
|
@@ -93,7 +93,17 @@
|
|
|
93
93
|
${message}
|
|
94
94
|
|
|
95
95
|
For more information about upgrading, visit:
|
|
96
|
-
${import_picocolors29.default.cyan("https://storybook.js.org/docs/configure/upgrading")}`}}}});var
|
|
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.magenta("@storybook/experimental-addon-test")} is being stabilized in Storybook 9.
|
|
98
|
+
|
|
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
|
+
|
|
101
|
+
You have two options to proceed:
|
|
102
|
+
1. Remove ${import_picocolors30.default.magenta("@storybook/experimental-addon-test")} if you don't need it
|
|
103
|
+
2. Upgrade to ${import_picocolors30.default.bold("Vitest 3")} to continue using the addon
|
|
104
|
+
|
|
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="9.0.0-alpha.17";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",`*
|
|
97
107
|
* This function is used to resolve the absolute path of a package.
|
|
98
108
|
* It is needed in projects that use Yarn PnP or are set up within a monorepo.
|
|
99
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:
|
|
@@ -170,10 +180,10 @@ ${err}`),info.source}let metaVariableName=csf._metaVariableName??"meta",programN
|
|
|
170
180
|
|
|
171
181
|
For more info, check out the docs:
|
|
172
182
|
${import_picocolors8.default.yellow("https://storybook.js.org/docs/api/csf/csf-factories")}
|
|
173
|
-
`))}};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-
|
|
174
|
-
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,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.
|
|
175
185
|
|
|
176
|
-
${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.
|
|
177
187
|
`],counter=1;if(!skipVitestSetupTransformation)if(transformedSetupCode===null)prompt.push(import_ts_dedent5.dedent`
|
|
178
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")}.
|
|
179
189
|
Please manually update your ${import_picocolors9.default.cyan("vitest.setup.ts")} file to include the following:
|
|
@@ -222,17 +232,17 @@ ${indentation}// 'off' - skip a11y checks entirely`;return lines.splice(paramete
|
|
|
222
232
|
|
|
223
233
|
Since you were using the docs feature, we'll install ${import_picocolors10.default.yellow("@storybook/addon-docs")}
|
|
224
234
|
separately and add it to your configuration.
|
|
225
|
-
`},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(`
|
|
226
236
|
`),hasMoreFiles=fileCount>5;return import_ts_dedent7.dedent`
|
|
227
237
|
We've detected you're using ${import_picocolors11.default.cyan("@storybook/experimental-addon-test")}, which is now available as a stable addon.
|
|
228
238
|
|
|
229
|
-
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.
|
|
230
240
|
|
|
231
241
|
This will update ${fileCount} file(s) and your package.json:
|
|
232
242
|
${fileList}${hasMoreFiles?`
|
|
233
243
|
... and ${fileCount-5} more files`:""}
|
|
234
|
-
`},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-
|
|
235
|
-
✅ 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")}
|
|
236
246
|
✅ Updated package.json dependency
|
|
237
247
|
✅ Updated ${matchingFiles.length} file(s)
|
|
238
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`
|
|
@@ -263,7 +273,7 @@ ${indentation}// 'off' - skip a11y checks entirely`;return lines.splice(paramete
|
|
|
263
273
|
2. Scan your codebase and update any imports from these updated packages
|
|
264
274
|
|
|
265
275
|
This will ensure your project is properly updated to use the new updated package structure and to use the latest package names.
|
|
266
|
-
`,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:
|
|
267
277
|
${errors.map(({file,error})=>`- ${file}: ${error.message}`).join(`
|
|
268
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`
|
|
269
279
|
We've detected you are not using our eslint-plugin.
|
|
@@ -290,7 +300,7 @@ ${errors.map(({file,error})=>`- ${file}: ${error.message}`).join(`
|
|
|
290
300
|
|
|
291
301
|
We'll remove it from your dependencies and unregister it from your Storybook configuration.
|
|
292
302
|
The functionality will continue to work as before, but now it's built into Storybook core.
|
|
293
|
-
`},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`
|
|
294
304
|
As part of Storybook's evolution, we're moving from renderer-based to framework-based configuration.
|
|
295
305
|
We've detected multiple framework packages in your project: ${result.frameworks.join(", ")}.
|
|
296
306
|
You will be prompted to select which framework to use for your Storybook configuration.
|
|
@@ -305,7 +315,7 @@ ${errors.map(({file,error})=>`- ${file}: ${error.message}`).join(`
|
|
|
305
315
|
2. Remove the renderer packages from your package.json
|
|
306
316
|
3. Install the necessary framework dependencies
|
|
307
317
|
Would you like to proceed with these changes?
|
|
308
|
-
`},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(`
|
|
309
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`
|
|
310
320
|
We will update the following files to reference ${import_picocolors18.default.yellow(".rnstorybook")}:
|
|
311
321
|
${dotStorybookReferences.map(ref=>import_picocolors18.default.cyan("- "+ref)).join(`
|
|
@@ -414,21 +424,21 @@ ${error.stack}`),fixSummary.failed[f.id]=error.message),fixResults[f.id]="check_
|
|
|
414
424
|
3. Link to the repro repository in your issue
|
|
415
425
|
|
|
416
426
|
Having a clean repro helps us solve your issue faster! 🙏
|
|
417
|
-
`.trim(),{borderStyle:"round",padding:1,borderColor:"#F1618C"}))}catch(error){throw logger10.error("\u{1F6A8} Failed to create sandbox"),error}};async function promptSelectedTemplate(choices){let{template}=await(0,import_prompts6.default)({type:"select",message:"\u{1F308} Select the template",name:"template",choices:choices.map(toChoices)},{onCancel:()=>{logger10.log("Command cancelled by the user. Exiting..."),process.exit(1)}});return template||null}var import_cli5=require("storybook/internal/cli"),import_common24=require("storybook/internal/common"),import_core_server=require("storybook/internal/core-server"),import_node_logger3=require("storybook/internal/node-logger"),import_server_errors=require("storybook/internal/server-errors"),import_telemetry=require("storybook/internal/telemetry");var import_cross_spawn2=require("cross-spawn"),
|
|
427
|
+
`.trim(),{borderStyle:"round",padding:1,borderColor:"#F1618C"}))}catch(error){throw logger10.error("\u{1F6A8} Failed to create sandbox"),error}};async function promptSelectedTemplate(choices){let{template}=await(0,import_prompts6.default)({type:"select",message:"\u{1F308} Select the template",name:"template",choices:choices.map(toChoices)},{onCancel:()=>{logger10.log("Command cancelled by the user. Exiting..."),process.exit(1)}});return template||null}var import_cli5=require("storybook/internal/cli"),import_common24=require("storybook/internal/common"),import_core_server=require("storybook/internal/core-server"),import_node_logger3=require("storybook/internal/node-logger"),import_server_errors=require("storybook/internal/server-errors"),import_telemetry=require("storybook/internal/telemetry");var import_cross_spawn2=require("cross-spawn"),import_picocolors32=__toESM(require_picocolors(),1),import_semver12=__toESM(require("semver"),1),import_ts_dedent27=require("ts-dedent");var import_node_logger2=require("storybook/internal/node-logger");var import_picocolors31=__toESM(require_picocolors(),1),excludesFalse=x=>x!==!1,blockers=()=>[Promise.resolve().then(()=>(init_block_storystorev6(),block_storystorev6_exports)),Promise.resolve().then(()=>(init_block_dependencies_versions(),block_dependencies_versions_exports)),Promise.resolve().then(()=>(init_block_node_version(),block_node_version_exports)),Promise.resolve().then(()=>(init_block_svelte_webpack5(),block_svelte_webpack5_exports)),Promise.resolve().then(()=>(init_block_major_version(),block_major_version_exports)),Promise.resolve().then(()=>(init_block_experimental_addon_test(),block_experimental_addon_test_exports))],segmentDivider2=`
|
|
418
428
|
|
|
419
429
|
\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
|
|
420
430
|
|
|
421
|
-
`,autoblock=async(options,list=blockers())=>{if(list.length===0)return null;import_node_logger2.logger.info("Checking for upgrade blockers...");let faults=(await Promise.all(list.map(async i=>{let{blocker:
|
|
431
|
+
`,autoblock=async(options,list=blockers())=>{if(list.length===0)return null;import_node_logger2.logger.info("Checking for upgrade blockers...");let faults=(await Promise.all(list.map(async i=>{let{blocker:blocker7}=await i,result=await blocker7.check(options);return result?{id:blocker7.id,value:!0,log:blocker7.log(options,result)}:!1}))).filter(excludesFalse);if(faults.length>0){let messages={welcome:"Storybook has found potential blockers in your project that need to be resolved before upgrading:",reminder:import_picocolors31.default.yellow("Fix the above issues and try running the upgrade command again.")};return import_node_logger2.logger.plain(boxen([messages.welcome].concat([`
|
|
422
432
|
|
|
423
|
-
`]).concat([faults.map(i=>i.log).join(segmentDivider2)]).concat([segmentDivider2,messages.reminder]).join(""),{borderStyle:"round",padding:1,borderColor:"#FC521F"})),faults[0].id}return import_node_logger2.logger.plain("No blockers found."),import_node_logger2.logger.line(),null};var versionRegex=/(@storybook\/[^@]+)@(\S+)/,getStorybookVersion=line=>{if(line.startsWith("npm "))return null;let match=versionRegex.exec(line);return!match||!(0,
|
|
424
|
-
`).map(getStorybookVersion).filter(item=>!!item).filter(pkg=>(0,import_common24.isCorePackage)(pkg.package));if(!storybookPackages.length){import_node_logger3.logger.warn("No storybook core packages found."),import_node_logger3.logger.warn("'npm ls | grep storybook' can show if multiple versions are installed.");return}storybookPackages.sort((a,b)=>
|
|
425
|
-
This version is behind the latest release, which is: ${
|
|
433
|
+
`]).concat([faults.map(i=>i.log).join(segmentDivider2)]).concat([segmentDivider2,messages.reminder]).join(""),{borderStyle:"round",padding:1,borderColor:"#FC521F"})),faults[0].id}return import_node_logger2.logger.plain("No blockers found."),import_node_logger2.logger.line(),null};var versionRegex=/(@storybook\/[^@]+)@(\S+)/,getStorybookVersion=line=>{if(line.startsWith("npm "))return null;let match=versionRegex.exec(line);return!match||!(0,import_semver12.clean)(match[2])?null:{package:match[1],version:match[2]}},getInstalledStorybookVersion=async packageManager=>{let installations=await packageManager.findInstallations(Object.keys(import_common24.versions));if(installations)return Object.entries(installations.dependencies)[0]?.[1]?.[0].version},deprecatedPackages=[{minVersion:"6.0.0-alpha.0",url:"https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#60-deprecations",deprecations:["@storybook/addon-notes","@storybook/addon-info","@storybook/addon-contexts","@storybook/addon-options","@storybook/addon-centered"]}],formatPackage=pkg=>`${pkg.package}@${pkg.version}`,warnPackages=pkgs=>pkgs.forEach(pkg=>import_node_logger3.logger.warn(`- ${formatPackage(pkg)}`)),checkVersionConsistency=()=>{let storybookPackages=(0,import_cross_spawn2.sync)("npm",["ls"],{stdio:"pipe",shell:!0}).output.toString().split(`
|
|
434
|
+
`).map(getStorybookVersion).filter(item=>!!item).filter(pkg=>(0,import_common24.isCorePackage)(pkg.package));if(!storybookPackages.length){import_node_logger3.logger.warn("No storybook core packages found."),import_node_logger3.logger.warn("'npm ls | grep storybook' can show if multiple versions are installed.");return}storybookPackages.sort((a,b)=>import_semver12.default.rcompare(a.version,b.version));let latestVersion=storybookPackages[0].version,outdated=storybookPackages.filter(pkg=>pkg.version!==latestVersion);outdated.length>0&&(import_node_logger3.logger.warn(`Found ${outdated.length} outdated packages (relative to '${formatPackage(storybookPackages[0])}')`),import_node_logger3.logger.warn("Please make sure your packages are updated to ensure a consistent experience."),warnPackages(outdated)),deprecatedPackages.forEach(({minVersion,url,deprecations})=>{if(import_semver12.default.gte(latestVersion,minVersion)){let deprecated=storybookPackages.filter(pkg=>deprecations.includes(pkg.package));deprecated.length>0&&(import_node_logger3.logger.warn(`Found ${deprecated.length} deprecated packages since ${minVersion}`),import_node_logger3.logger.warn(`See ${url}`),warnPackages(deprecated))}})},doUpgrade=async({skipCheck,packageManager:packageManagerName,dryRun,configDir:userSpecifiedConfigDir,yes,...options})=>{let packageManager=import_common24.JsPackageManagerFactory.getPackageManager({force:packageManagerName}),beforeVersion=await getInstalledStorybookVersion(packageManager)??"0.0.0",currentCLIVersion=import_common24.versions.storybook,isCanary=currentCLIVersion.startsWith("0.0.0")||beforeVersion.startsWith("portal:")||beforeVersion.startsWith("workspace:");if(!await(0,import_cli5.hasStorybookDependencies)(packageManager))throw new import_server_errors.UpgradeStorybookInWrongWorkingDirectory;if(!isCanary&&(0,import_semver12.lt)(currentCLIVersion,beforeVersion))throw new import_server_errors.UpgradeStorybookToLowerVersionError({beforeVersion,currentVersion:currentCLIVersion});!isCanary&&(0,import_semver12.eq)(currentCLIVersion,beforeVersion)&&import_node_logger3.logger.warn(new import_server_errors.UpgradeStorybookToSameVersionError({beforeVersion}).message);let latestCLIVersionOnNPM=await packageManager.latestVersion("storybook"),isCLIOutdated=(0,import_semver12.lt)(currentCLIVersion,latestCLIVersionOnNPM),isCLIExactLatest=currentCLIVersion===latestCLIVersionOnNPM,isCLIPrerelease=(0,import_semver12.prerelease)(currentCLIVersion)!==null,isUpgrade=(0,import_semver12.lt)(beforeVersion,currentCLIVersion),borderColor=isCLIOutdated?"#FC521F":"#F1618C",messages={welcome:`Upgrading Storybook from version ${import_picocolors32.default.bold(beforeVersion)} to version ${import_picocolors32.default.bold(currentCLIVersion)}..`,notLatest:import_picocolors32.default.red(import_ts_dedent27.dedent`
|
|
435
|
+
This version is behind the latest release, which is: ${import_picocolors32.default.bold(latestCLIVersionOnNPM)}!
|
|
426
436
|
You likely ran the upgrade command through npx, which can use a locally cached version, to upgrade to the latest version please run:
|
|
427
|
-
${
|
|
437
|
+
${import_picocolors32.default.bold("npx storybook@latest upgrade")}
|
|
428
438
|
|
|
429
439
|
You may want to CTRL+C to stop, and run with the latest version instead.
|
|
430
|
-
`),prerelease:
|
|
431
|
-
`),{borderStyle:"round",padding:1,borderColor}));let results,{configDir,mainConfig,mainConfigPath,previewConfigPath,packageJson}=await getStorybookData({packageManager,configDir:userSpecifiedConfigDir});if(!beforeVersion)throw new import_server_errors.UpgradeStorybookUnknownCurrentVersionError;if(!results&&typeof mainConfig!="boolean"&&typeof mainConfigPath<"u"&&!options.force){let blockResult=await autoblock({packageManager,configDir,packageJson,mainConfig,mainConfigPath});blockResult&&(results={preCheckFailure:blockResult})}if(!dryRun&&!results){let toUpgradedDependencies=deps=>Object.keys(deps||{}).filter(dependency=>dependency in import_common24.versions).map(dependency=>{let char="^";return isCLIOutdated&&(char=""),isCanary&&(char=""),`${dependency}@${char}${import_common24.versions[dependency]}`}),upgradedDependencies=toUpgradedDependencies(packageJson.dependencies),upgradedDevDependencies=toUpgradedDependencies(packageJson.devDependencies);if(packageManager.type==="npm")try{packageJson.overrides||(packageJson.overrides={}),packageJson.overrides.storybook="$storybook",dryRun||(await packageManager.writePackageJson(packageJson),import_node_logger3.logger.info(`Added Storybook overrides to ${
|
|
432
|
-
Storybook Environment Info:`));let activePackageManager=(await import_common25.JsPackageManagerFactory.getPackageManager()).type.replace(/\d/,""),output=await import_envinfo.default.run({System:["OS","CPU","Shell"],Binaries:["Node","Yarn","npm","pnpm"],Browsers:["Chrome","Edge","Firefox","Safari"],npmPackages:"{@storybook/*,*storybook*,sb,chromatic}",npmGlobalPackages:"{@storybook/*,*storybook*,sb,chromatic}"}),activePackageManagerLine=output.match(new RegExp(`${activePackageManager}:.*`,"i"));consoleLogger.log(output.replace(activePackageManagerLine,
|
|
440
|
+
`),prerelease:import_picocolors32.default.yellow("This is a pre-release version.")};import_node_logger3.logger.plain(boxen([messages.welcome].concat(isCLIOutdated&&!isCLIPrerelease?[messages.notLatest]:[]).concat(isCLIPrerelease?[messages.prerelease]:[]).join(`
|
|
441
|
+
`),{borderStyle:"round",padding:1,borderColor}));let results,{configDir,mainConfig,mainConfigPath,previewConfigPath,packageJson}=await getStorybookData({packageManager,configDir:userSpecifiedConfigDir});if(!beforeVersion)throw new import_server_errors.UpgradeStorybookUnknownCurrentVersionError;if(!results&&typeof mainConfig!="boolean"&&typeof mainConfigPath<"u"&&!options.force){let blockResult=await autoblock({packageManager,configDir,packageJson,mainConfig,mainConfigPath});blockResult&&(results={preCheckFailure:blockResult})}if(!dryRun&&!results){let toUpgradedDependencies=deps=>Object.keys(deps||{}).filter(dependency=>dependency in import_common24.versions).map(dependency=>{let char="^";return isCLIOutdated&&(char=""),isCanary&&(char=""),`${dependency}@${char}${import_common24.versions[dependency]}`}),upgradedDependencies=toUpgradedDependencies(packageJson.dependencies),upgradedDevDependencies=toUpgradedDependencies(packageJson.devDependencies);if(packageManager.type==="npm")try{packageJson.overrides||(packageJson.overrides={}),packageJson.overrides.storybook="$storybook",dryRun||(await packageManager.writePackageJson(packageJson),import_node_logger3.logger.info(`Added Storybook overrides to ${import_picocolors32.default.cyan("package.json")} to ensure consistent dependency resolution`))}catch{import_node_logger3.logger.warn("Failed to add Storybook overrides to package.json")}if(packageManager.type==="npm"){let getPackageName=dep=>{let lastAtIndex=dep.lastIndexOf("@");return lastAtIndex>0?dep.slice(0,lastAtIndex):dep};await packageManager.removeDependencies({skipInstall:!1},[...upgradedDependencies,...upgradedDevDependencies].map(getPackageName).filter(dep=>dep!=="storybook"));let findStorybookPackage=deps=>deps.find(dep=>getPackageName(dep)==="storybook"),storybookDep=findStorybookPackage(upgradedDependencies),storybookDevDep=findStorybookPackage(upgradedDevDependencies);storybookDep&&await packageManager.addDependencies({installAsDevDependencies:!1},[storybookDep]),storybookDevDep&&await packageManager.addDependencies({installAsDevDependencies:!0},[storybookDevDep])}import_node_logger3.logger.info(`Updating dependencies in ${import_picocolors32.default.cyan("package.json")}..`);let addDeps=async(deps,isDev)=>{deps.length>0&&await packageManager.addDependencies({installAsDevDependencies:isDev,skipInstall:!0,packageJson},deps)};await addDeps(upgradedDependencies,!1),await addDeps(upgradedDevDependencies,!0),await packageManager.installDependencies()}if(!skipCheck&&!results&&mainConfigPath&&(checkVersionConsistency(),results=await automigrate({dryRun,yes,packageManager,packageJson,mainConfig,configDir,previewConfigPath,mainConfigPath,beforeVersion,storybookVersion:currentCLIVersion,isUpgrade,isLatest:isCLIExactLatest})),!options.disableTelemetry){let{preCheckFailure,fixResults}=results||{};await(0,import_telemetry.telemetry)("upgrade",{beforeVersion,afterVersion:currentCLIVersion,...{automigrationResults:preCheckFailure?null:fixResults,automigrationPreCheckFailure:preCheckFailure||null}})}};async function upgrade(options){await(0,import_core_server.withTelemetry)("upgrade",{cliOptions:options},()=>doUpgrade(options))}(0,import_telemetry2.addToGlobalContext)("cliVersion",import_common25.versions.storybook);var consoleLogger=console,command=name=>import_commander.program.command(name).option("--disable-telemetry","Disable sending telemetry data",process.env.STORYBOOK_DISABLE_TELEMETRY&&process.env.STORYBOOK_DISABLE_TELEMETRY!=="false").option("--debug","Get more logs in debug mode",!1).option("--enable-crash-reports","Enable sending crash reports to telemetry data");command("init").description("Initialize Storybook into your project").option("-f --force","Force add Storybook").option("-s --skip-install","Skip installing deps").option("--package-manager <npm|pnpm|yarn1|yarn2>","Force package manager for installing deps").option("--use-pnp","Enable PnP mode for Yarn 2+").option("-p --parser <babel | babylon | flow | ts | tsx>","jscodeshift parser").option("-t --type <type>","Add Storybook for a specific project type").option("-y --yes","Answer yes to all prompts").option("-b --builder <webpack5 | vite>","Builder library").option("-l --linkable","Prepare installation for link (contributor helper)").option("--dev","Launch the development server after completing initialization. Enabled by default (default: true)",process.env.CI!=="true"&&process.env.IN_STORYBOOK_SANDBOX!=="true").option("--no-dev","Complete the initialization of Storybook without launching the Storybook development server");command("add <addon>").description("Add an addon to your Storybook").option("--package-manager <npm|pnpm|yarn1|yarn2|bun>","Force package manager for installing dependencies").option("-c, --config-dir <dir-name>","Directory where to load Storybook configurations from").option("-s --skip-postinstall","Skip package specific postinstall config modifications").option("-y --yes","Skip prompting the user").action((addonName,options)=>add(addonName,options));command("remove <addon>").description("Remove an addon from your Storybook").option("--package-manager <npm|pnpm|yarn1|yarn2|bun>","Force package manager for installing dependencies").option("-c, --config-dir <dir-name>","Directory where to load Storybook configurations from").action((addonName,options)=>(0,import_core_server2.withTelemetry)("remove",{cliOptions:options},async()=>{await(0,import_common25.removeAddon)(addonName,options),options.disableTelemetry||await(0,import_telemetry2.telemetry)("remove",{addon:addonName,source:"cli"})}));command("upgrade").description(`Upgrade your Storybook packages to v${import_common25.versions.storybook}`).option("--package-manager <npm|pnpm|yarn1|yarn2|bun>","Force package manager for installing dependencies").option("-y --yes","Skip prompting the user").option("-f --force","force the upgrade, skipping autoblockers").option("-n --dry-run","Only check for upgrades, do not install").option("-s --skip-check","Skip postinstall version and automigration checks").option("-c, --config-dir <dir-name>","Directory where to load Storybook configurations from").action(async options=>upgrade(options).catch(()=>process.exit(1)));command("info").description("Prints debugging information about the local environment").action(async()=>{consoleLogger.log(import_picocolors33.default.bold(`
|
|
442
|
+
Storybook Environment Info:`));let activePackageManager=(await import_common25.JsPackageManagerFactory.getPackageManager()).type.replace(/\d/,""),output=await import_envinfo.default.run({System:["OS","CPU","Shell"],Binaries:["Node","Yarn","npm","pnpm"],Browsers:["Chrome","Edge","Firefox","Safari"],npmPackages:"{@storybook/*,*storybook*,sb,chromatic}",npmGlobalPackages:"{@storybook/*,*storybook*,sb,chromatic}"}),activePackageManagerLine=output.match(new RegExp(`${activePackageManager}:.*`,"i"));consoleLogger.log(output.replace(activePackageManagerLine,import_picocolors33.default.bold(`${activePackageManagerLine} <----- active`)))});command("migrate [migration]").description("Run a Storybook codemod migration on your source files").option("-l --list","List available migrations").option("-g --glob <glob>","Glob for files upon which to apply the migration","**/*.js").option("-p --parser <babel | babylon | flow | ts | tsx>","jscodeshift parser").option("-c, --config-dir <dir-name>","Directory where to load Storybook configurations from").option("-n --dry-run","Dry run: verify the migration exists and show the files to which it will be applied").option("-r --rename <from-to>",'Rename suffix of matching files after codemod has been applied, e.g. ".js:.ts"').action((migration,{configDir,glob,dryRun,list,rename:rename4,parser})=>{migrate(migration,{configDir,glob,dryRun,list,rename:rename4,parser}).catch(err=>{import_node_logger4.logger.error(err),process.exit(1)})});command("sandbox [filterValue]").alias("repro").description("Create a sandbox from a set of possible templates").option("-o --output <outDir>","Define an output directory").option("--no-init","Whether to download a template without an initialized Storybook",!1).action((filterValue,options)=>sandbox({filterValue,...options}).catch(e=>{import_node_logger4.logger.error(e),process.exit(1)}));command("link <repo-url-or-directory>").description("Pull down a repro from a URL (or a local directory), link it, and run storybook").option("--local","Link a local directory already in your file system").option("--no-start","Start the storybook",!0).action((target,{local,start})=>link({target,local,start}).catch(e=>{import_node_logger4.logger.error(e),process.exit(1)}));command("automigrate [fixId]").description("Check storybook for incompatibilities or migrations and apply fixes").option("-y --yes","Skip prompting the user").option("-n --dry-run","Only check for fixes, do not actually run them").option("--package-manager <npm|pnpm|yarn1|yarn2|bun>","Force package manager").option("-l --list","List available migrations").option("-c, --config-dir <dir-name>","Directory of Storybook configurations to migrate").option("-s --skip-install","Skip installing deps").option("--renderer <renderer-pkg-name>","The renderer package for the framework Storybook is using.").action(async(fixId,options)=>{await doAutomigrate({fixId,...options}).catch(e=>{import_node_logger4.logger.error(e),process.exit(1)})});command("doctor").description("Check Storybook for known problems and provide suggestions or fixes").option("--package-manager <npm|pnpm|yarn1|yarn2|bun>","Force package manager").option("-c, --config-dir <dir-name>","Directory of Storybook configuration").action(async options=>{await doctor(options).catch(e=>{import_node_logger4.logger.error(e),process.exit(1)})});import_commander.program.on("command:*",([invalidCmd])=>{consoleLogger.error(` Invalid command: %s.
|
|
433
443
|
See --help for a list of available commands.`,invalidCmd);let suggestion=import_commander.program.commands.map(cmd=>cmd.name()).find(cmd=>(0,import_leven.default)(cmd,invalidCmd)<3);suggestion&&consoleLogger.info(`
|
|
434
444
|
Did you mean ${suggestion}?`),process.exit(1)});import_commander.program.usage("<command> [options]").version(String(version)).parse(process.argv);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@storybook/cli",
|
|
3
|
-
"version": "9.0.0-alpha.
|
|
3
|
+
"version": "9.0.0-alpha.17",
|
|
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": "9.0.0-alpha.
|
|
46
|
+
"@storybook/codemod": "9.0.0-alpha.17",
|
|
47
47
|
"@types/semver": "^7.3.4",
|
|
48
48
|
"commander": "^12.1.0",
|
|
49
|
-
"create-storybook": "9.0.0-alpha.
|
|
49
|
+
"create-storybook": "9.0.0-alpha.17",
|
|
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": "9.0.0-alpha.
|
|
63
|
+
"storybook": "9.0.0-alpha.17",
|
|
64
64
|
"tiny-invariant": "^1.3.1",
|
|
65
65
|
"ts-dedent": "^2.0.0"
|
|
66
66
|
},
|