@storybook/cli 8.6.0 → 8.6.2
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 +5 -5
- package/package.json +4 -4
package/dist/bin/index.cjs
CHANGED
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
Storybook needs Node.js 18 or higher.
|
|
49
49
|
|
|
50
50
|
${import_picocolors44.default.yellow("https://nodejs.org/en/download")}
|
|
51
|
-
`}}}});var import_common26=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_picocolors47=__toESM(require_picocolors(),1);var version="8.6.
|
|
51
|
+
`}}}});var import_common26=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_picocolors47=__toESM(require_picocolors(),1);var version="8.6.2";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",`*
|
|
52
52
|
* This function is used to resolve the absolute path of a package.
|
|
53
53
|
* It is needed in projects that use Yarn PnP or are set up within a monorepo.
|
|
54
54
|
`),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_cli=require("storybook/internal/cli"),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_cli.frameworkToRenderer[frameworkName]},getBuilderPackageName=mainConfig=>{let frameworkBuilder=getFrameworkOptions(mainConfig)?.builder,frameworkBuilderName=typeof frameworkBuilder=="string"?frameworkBuilder:frameworkBuilder?.options?.name,packageNameOrPath=(typeof mainConfig?.core?.builder=="string"?mainConfig.core.builder:mainConfig?.core?.builder?.name)??frameworkBuilderName;if(!packageNameOrPath)return null;let normalizedPath=(0,import_node_path.normalize)(packageNameOrPath).replace(new RegExp(/\\/,"g"),"/");return import_common.builderPackages.find(pkg=>normalizedPath.endsWith(pkg))||packageNameOrPath},getFrameworkOptions=mainConfig=>typeof mainConfig?.framework=="string"?null:mainConfig?.framework?.options??null,getRendererPackageNameFromFramework=frameworkPackageName=>{if(frameworkPackageName){if(Object.keys(import_common.rendererPackages).includes(frameworkPackageName))return frameworkPackageName;if(Object.values(import_common.rendererPackages).includes(frameworkPackageName))return Object.keys(import_common.rendererPackages).find(k=>import_common.rendererPackages[k]===frameworkPackageName)}return null},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:
|
|
@@ -101,10 +101,10 @@ ${packageVersions.join(", ")}`),acc},{critical:[],trivial:[]});return critical.l
|
|
|
101
101
|
`))}}let commandMessage=`You can always recheck the health of your project by running:
|
|
102
102
|
${import_picocolors5.default.cyan("npx storybook doctor")}`;logger2.info(),foundIssues?(logger2.info(commandMessage),logger2.info(),logger2.info(`Full logs are available in ${import_picocolors5.default.cyan(LOG_FILE_PATH)}`),await(0,import_promises.rename)(TEMP_LOG_FILE_PATH,(0,import_node_path3.join)(process.cwd(),LOG_FILE_NAME))):(logger2.info("\u{1F973} Your Storybook project looks good!"),logger2.info(commandMessage),await(0,import_promises.rm)(TEMP_LOG_FILE_PATH,{recursive:!0,force:!0})),logger2.info(),cleanup()};var import_common10=require("storybook/internal/common"),import_picocolors8=__toESM(require_picocolors(),1),import_prompts2=__toESM(require("prompts"),1),import_ts_dedent4=require("ts-dedent");var import_node_os3=__toESM(require("os"),1),import_common8=require("storybook/internal/common"),import_fs=require("fs"),import_picocolors6=__toESM(require_picocolors(),1);function slash(path3){return path3.startsWith("\\\\?\\")?path3:path3.replace(/\\/g,"/")}var logger3=console,maxConcurrentTasks=Math.max(1,import_node_os3.default.cpus().length-1);async function runCodemod(globPattern="**/*.stories.*",transform,{dryRun=!1,skipFormatting=!1}={}){let modifiedCount=0,unmodifiedCount=0,errorCount=0,{globby}=await import("globby"),files=await globby(slash(globPattern),{followSymbolicLinks:!0,ignore:["**/node_modules/**","**/dist/**","**/storybook-static/**","**/build/**"]});if(!files.length)throw logger3.error(`No files found for glob pattern "${globPattern}".
|
|
103
103
|
Please try a different pattern.
|
|
104
|
-
`),new Error("No files matched");try{let pLimit=(await import("p-limit")).default,limit=pLimit(maxConcurrentTasks);await Promise.all(files.map(file=>limit(async()=>{try{let filePath=file;try{filePath=await import_fs.promises.realpath(file)}catch{}let source=await import_fs.promises.readFile(filePath,"utf-8"),transformedSource=await transform({path:filePath,source});if(transformedSource!==source){if(!dryRun){let fileContent=skipFormatting?transformedSource:await(0,import_common8.formatFileContent)(file,transformedSource);await import_fs.promises.writeFile(file,fileContent,"utf-8")}modifiedCount++}else unmodifiedCount++}catch(fileError){logger3.error(`Error processing file ${file}:`,fileError),errorCount++}})))}catch(error){logger3.error("Error applying transform:",error),errorCount++}logger3.log(`Summary: ${import_picocolors6.default.green(`${modifiedCount} transformed`)}, ${import_picocolors6.default.yellow(`${unmodifiedCount} unmodified`)}, ${import_picocolors6.default.red(`${errorCount} errors`)}`),dryRun&&logger3.log(import_picocolors6.default.bold(`This was a dry run. Run without --dry-run to apply the transformation to ${modifiedCount} files.`))}var printBoxedMessage=(message,style)=>boxen(message,{borderStyle:"round",padding:1,borderColor:"#F1618C",...style});var import_babel3=require("storybook/internal/babel"),import_common9=require("storybook/internal/common"),import_csf_tools3=require("storybook/internal/csf-tools"),import_picocolors7=__toESM(require_picocolors(),1);var import_babel2=require("storybook/internal/babel");function cleanupTypeImports(programNode,disallowList2){return programNode.body.filter(node=>{if(import_babel2.types.isImportDeclaration(node)){let{source,specifiers}=node;if(source.value.startsWith("@storybook/")){let allowedSpecifiers=specifiers.filter(specifier=>import_babel2.types.isImportSpecifier(specifier)&&import_babel2.types.isIdentifier(specifier.imported)
|
|
104
|
+
`),new Error("No files matched");try{let pLimit=(await import("p-limit")).default,limit=pLimit(maxConcurrentTasks);await Promise.all(files.map(file=>limit(async()=>{try{let filePath=file;try{filePath=await import_fs.promises.realpath(file)}catch{}let source=await import_fs.promises.readFile(filePath,"utf-8"),transformedSource=await transform({path:filePath,source});if(transformedSource!==source){if(!dryRun){let fileContent=skipFormatting?transformedSource:await(0,import_common8.formatFileContent)(file,transformedSource);await import_fs.promises.writeFile(file,fileContent,"utf-8")}modifiedCount++}else unmodifiedCount++}catch(fileError){logger3.error(`Error processing file ${file}:`,fileError),errorCount++}})))}catch(error){logger3.error("Error applying transform:",error),errorCount++}logger3.log(`Summary: ${import_picocolors6.default.green(`${modifiedCount} transformed`)}, ${import_picocolors6.default.yellow(`${unmodifiedCount} unmodified`)}, ${import_picocolors6.default.red(`${errorCount} errors`)}`),dryRun&&logger3.log(import_picocolors6.default.bold(`This was a dry run. Run without --dry-run to apply the transformation to ${modifiedCount} files.`))}var printBoxedMessage=(message,style)=>boxen(message,{borderStyle:"round",padding:1,borderColor:"#F1618C",...style});var import_babel3=require("storybook/internal/babel"),import_common9=require("storybook/internal/common"),import_csf_tools3=require("storybook/internal/csf-tools"),import_picocolors7=__toESM(require_picocolors(),1);var import_babel2=require("storybook/internal/babel");function cleanupTypeImports(programNode,disallowList2){let usedIdentifiers=new Set;try{(0,import_babel2.traverse)(programNode,{Identifier(path3){path3.findParent(p=>p.isImportDeclaration())||usedIdentifiers.add(path3.node.name)}})}catch{}return programNode.body.filter(node=>{if(import_babel2.types.isImportDeclaration(node)){let{source,specifiers}=node;if(source.value.startsWith("@storybook/")){let allowedSpecifiers=specifiers.filter(specifier=>{if(import_babel2.types.isImportSpecifier(specifier)&&import_babel2.types.isIdentifier(specifier.imported)){let name=specifier.imported.name;return!disallowList2.includes(name)||usedIdentifiers.has(name)}return!0});return allowedSpecifiers.length>0?(node.specifiers=allowedSpecifiers,!0):!1}}return!0})}function removeExportDeclarations(programNode,exportDecls){return programNode.body.filter(node=>{if(import_babel2.types.isExportNamedDeclaration(node)&&node.declaration){if(import_babel2.types.isVariableDeclaration(node.declaration))return node.declaration.declarations=node.declaration.declarations.filter(decl=>import_babel2.types.isIdentifier(decl.id)&&!exportDecls[decl.id.name]),node.declaration.declarations.length>0;if(import_babel2.types.isFunctionDeclaration(node.declaration)){let funcDecl=node.declaration;return import_babel2.types.isIdentifier(funcDecl.id)&&!exportDecls[funcDecl.id.name]}}return!0})}function getConfigProperties(exportDecls){let properties=[];for(let[name,decl]of Object.entries(exportDecls))import_babel2.types.isVariableDeclarator(decl)&&decl.init?properties.push(import_babel2.types.objectProperty(import_babel2.types.identifier(name),decl.init)):import_babel2.types.isFunctionDeclaration(decl)&&properties.push(import_babel2.types.objectProperty(import_babel2.types.identifier(name),import_babel2.types.arrowFunctionExpression([],decl.body)));return properties}async function configToCsfFactory(info,{configType,frameworkPackage},{dryRun=!1,skipFormatting=!1}={}){let config=(0,import_csf_tools3.loadConfig)(info.source);try{config.parse()}catch(err){return logger4.log(`Error when parsing ${info.path}, skipping:
|
|
105
105
|
${err}`),info.source}let methodName=configType==="main"?"defineMain":"definePreview",programNode=config._ast.program,hasNamedExports=Object.keys(config._exportDecls).length>0;if(config._exportsObject&&hasNamedExports){let exportDecls=config._exportDecls,defineConfigProps=getConfigProperties(exportDecls);config._exportsObject.properties.push(...defineConfigProps),programNode.body=removeExportDeclarations(programNode,exportDecls)}else if(config._exportsObject){let defineConfigCall=import_babel3.types.callExpression(import_babel3.types.identifier(methodName),[config._exportsObject]),exportDefaultNode=null,declarationNodeIndex=-1;programNode.body.forEach(node=>{if(import_babel3.types.isExportDefaultDeclaration(node)&&import_babel3.types.isIdentifier(node.declaration)){let declarationName=node.declaration.name;if(declarationNodeIndex=programNode.body.findIndex(n=>import_babel3.types.isVariableDeclaration(n)&&n.declarations.some(d=>import_babel3.types.isIdentifier(d.id)&&d.id.name===declarationName&&import_babel3.types.isObjectExpression(d.init))),declarationNodeIndex!==-1){exportDefaultNode=node;let declarationNode=programNode.body[declarationNodeIndex];if(import_babel3.types.isVariableDeclaration(declarationNode)){let id=declarationNode.declarations[0].id;import_babel3.types.isIdentifier(id)&&id.name&&programNode.body.splice(declarationNodeIndex,1)}}}else import_babel3.types.isExportDefaultDeclaration(node)&&import_babel3.types.isObjectExpression(node.declaration)&&(exportDefaultNode=node)}),exportDefaultNode!==null&&(exportDefaultNode.declaration=defineConfigCall)}else if(hasNamedExports){let exportDecls=config._exportDecls,defineConfigProps=getConfigProperties(exportDecls),defineConfigCall=import_babel3.types.callExpression(import_babel3.types.identifier(methodName),[import_babel3.types.objectExpression(defineConfigProps)]);programNode.body=removeExportDeclarations(programNode,exportDecls),programNode.body.push(import_babel3.types.exportDefaultDeclaration(defineConfigCall))}let configImport=import_babel3.types.importDeclaration([import_babel3.types.importSpecifier(import_babel3.types.identifier(methodName),import_babel3.types.identifier(methodName))],import_babel3.types.stringLiteral(frameworkPackage+`${configType==="main"?"/node":""}`)),existingImport=programNode.body.find(node=>import_babel3.types.isImportDeclaration(node)&&node.importKind!=="type"&&node.source.value===configImport.source.value);existingImport&&import_babel3.types.isImportDeclaration(existingImport)?existingImport.specifiers.some(specifier=>import_babel3.types.isImportSpecifier(specifier)&&import_babel3.types.isIdentifier(specifier.imported)&&specifier.imported.name===methodName)||existingImport.specifiers.push(import_babel3.types.importSpecifier(import_babel3.types.identifier(methodName),import_babel3.types.identifier(methodName))):programNode.body.unshift(configImport);let disallowList2=["StorybookConfig","Preview"];programNode.body=cleanupTypeImports(programNode,disallowList2);let output=(0,import_csf_tools3.printConfig)(config).code;return dryRun?(logger4.log(`Would write to ${import_picocolors7.default.yellow(info.path)}:
|
|
106
106
|
${import_picocolors7.default.green(output)}`),info.source):skipFormatting?output:(0,import_common9.formatFileContent)(info.path,output)}var import_babel4=require("storybook/internal/babel"),import_csf_tools4=require("storybook/internal/csf-tools"),import_path=__toESM(require("path"),1);var reuseDisallowList=["play","run","extends","story"],typesDisallowList=["Story","StoryFn","StoryObj","Meta","MetaObj","ComponentStory","ComponentMeta"];async function storyToCsfFactory(info,{previewConfigPath,useSubPathImports}){let csf=(0,import_csf_tools4.loadCsf)(info.source,{makeTitle:()=>"FIXME"});try{csf.parse()}catch(err){return logger4.log(`Error when parsing ${info.path}, skipping:
|
|
107
|
-
${err}`),info.source}let metaVariableName=csf._metaVariableName??"meta",programNode=csf._ast.program,previewImport,hasRootLevelConfig=programNode.body.some(n=>import_babel4.types.isVariableDeclaration(n)&&n.declarations.some(declaration=>import_babel4.types.isIdentifier(declaration.id,{name:"preview"}))),previewPath="#.storybook/preview";if(!useSubPathImports){let relativePath=import_path.default.relative(import_path.default.dirname(info.path),previewConfigPath),{dir,name}=import_path.default.parse(relativePath);previewPath=`${dir?`${dir}/`:""}${name}`,previewPath.startsWith(".")||(previewPath=`./${previewPath}`),previewPath=previewPath.replace(/\\/g,"/")}let sbConfigImportName=hasRootLevelConfig?"storybookPreview":"preview",sbConfigImportSpecifier=import_babel4.types.importDefaultSpecifier(import_babel4.types.identifier(sbConfigImportName));programNode.body.forEach(node=>{if(import_babel4.types.isImportDeclaration(node)&&(0,import_csf_tools4.isValidPreviewPath)(node.source.value)){let defaultImportSpecifier=node.specifiers.find(specifier=>import_babel4.types.isImportDefaultSpecifier(specifier));defaultImportSpecifier?defaultImportSpecifier.local.name!==sbConfigImportName&&(sbConfigImportName=defaultImportSpecifier.local.name):node.specifiers.push(sbConfigImportSpecifier),previewImport=node}});let hasMeta=!!csf._meta;Object.entries(csf._storyExports).forEach(([_key,decl])=>{let id=decl.id,declarator=decl,init=import_babel4.types.isVariableDeclarator(declarator)?declarator.init:void 0;if(import_babel4.types.isIdentifier(id)&&init){if(id.typeAnnotation&&(id.typeAnnotation=null),(import_babel4.types.isTSSatisfiesExpression(init)||import_babel4.types.isTSAsExpression(init))&&(init=init.expression),import_babel4.types.isObjectExpression(init))declarator.init=import_babel4.types.callExpression(import_babel4.types.memberExpression(import_babel4.types.identifier(metaVariableName),import_babel4.types.identifier("story")),[init]);else if(import_babel4.types.isArrowFunctionExpression(init)){let renderProperty=import_babel4.types.objectProperty(import_babel4.types.identifier("render"),init),objectExpression=import_babel4.types.objectExpression([renderProperty]);declarator.init=import_babel4.types.callExpression(import_babel4.types.memberExpression(import_babel4.types.identifier(metaVariableName),import_babel4.types.identifier("story")),[objectExpression])}}});let storyExportDecls=new Map(Object.entries(csf._storyExports).filter(entry=>!import_babel4.types.isFunctionDeclaration(entry[1])));if((0,import_babel4.traverse)(csf._ast,{Identifier(nodePath){let identifierName=nodePath.node.name,binding=nodePath.scope.getBinding(identifierName);if(binding&&storyExportDecls.has(binding.identifier.name)||identifierName===metaVariableName){let parent=nodePath.parent;if(import_babel4.types.isVariableDeclarator(parent)&&parent.id===nodePath.node||import_babel4.types.isImportSpecifier(parent)||import_babel4.types.isExportSpecifier(parent)||import_babel4.types.isExportDefaultDeclaration(parent)||import_babel4.types.isMemberExpression(parent)&&import_babel4.types.isIdentifier(parent.property,{name:"input"})||import_babel4.types.isMemberExpression(parent)&&import_babel4.types.isIdentifier(parent.property)&&reuseDisallowList.includes(parent.property.name))return;try{nodePath.replaceWith(import_babel4.types.memberExpression(import_babel4.types.identifier(identifierName),import_babel4.types.identifier("input")))}catch(err){if(err.message.includes('instead got "MemberExpression"'))return;throw err}}}}),csf._metaPath){let declaration=csf._metaPath.node.declaration;if((import_babel4.types.isTSSatisfiesExpression(declaration)||import_babel4.types.isTSAsExpression(declaration))&&(declaration=declaration.expression),import_babel4.types.isObjectExpression(declaration)){let metaVariable=import_babel4.types.variableDeclaration("const",[import_babel4.types.variableDeclarator(import_babel4.types.identifier(metaVariableName),import_babel4.types.callExpression(import_babel4.types.memberExpression(import_babel4.types.identifier(sbConfigImportName),import_babel4.types.identifier("meta")),[declaration]))]);csf._metaPath.replaceWith(metaVariable)}else if(import_babel4.types.isIdentifier(declaration)){let binding=csf._metaPath.scope.getBinding(declaration.name);if(binding&&binding.path.isVariableDeclarator()){let originalName=declaration.name;binding.path.node.id=import_babel4.types.identifier(metaVariableName);let init=binding.path.node.init;(import_babel4.types.isTSSatisfiesExpression(init)||import_babel4.types.isTSAsExpression(init))&&(init=init.expression),import_babel4.types.isObjectExpression(init)&&(binding.path.node.init=import_babel4.types.callExpression(import_babel4.types.memberExpression(import_babel4.types.identifier(sbConfigImportName),import_babel4.types.identifier("meta")),[init])),csf._metaPath.scope.rename(originalName,metaVariableName)}csf._metaPath.remove()}}if(previewImport)previewImport.source.value!==previewPath&&(previewImport.source=import_babel4.types.stringLiteral(previewPath));else if(hasMeta){let configImport=import_babel4.types.importDeclaration([import_babel4.types.importDefaultSpecifier(import_babel4.types.identifier(sbConfigImportName))],import_babel4.types.stringLiteral(previewPath));programNode.body.unshift(configImport)}return programNode.body
|
|
107
|
+
${err}`),info.source}let metaVariableName=csf._metaVariableName??"meta",programNode=csf._ast.program,previewImport,hasRootLevelConfig=programNode.body.some(n=>import_babel4.types.isVariableDeclaration(n)&&n.declarations.some(declaration=>import_babel4.types.isIdentifier(declaration.id,{name:"preview"}))),previewPath="#.storybook/preview";if(!useSubPathImports){let relativePath=import_path.default.relative(import_path.default.dirname(info.path),previewConfigPath),{dir,name}=import_path.default.parse(relativePath);previewPath=`${dir?`${dir}/`:""}${name}`,previewPath.startsWith(".")||(previewPath=`./${previewPath}`),previewPath=previewPath.replace(/\\/g,"/")}let sbConfigImportName=hasRootLevelConfig?"storybookPreview":"preview",sbConfigImportSpecifier=import_babel4.types.importDefaultSpecifier(import_babel4.types.identifier(sbConfigImportName));programNode.body.forEach(node=>{if(import_babel4.types.isImportDeclaration(node)&&(0,import_csf_tools4.isValidPreviewPath)(node.source.value)){let defaultImportSpecifier=node.specifiers.find(specifier=>import_babel4.types.isImportDefaultSpecifier(specifier));defaultImportSpecifier?defaultImportSpecifier.local.name!==sbConfigImportName&&(sbConfigImportName=defaultImportSpecifier.local.name):node.specifiers.push(sbConfigImportSpecifier),previewImport=node}});let hasMeta=!!csf._meta;Object.entries(csf._storyExports).forEach(([_key,decl])=>{let id=decl.id,declarator=decl,init=import_babel4.types.isVariableDeclarator(declarator)?declarator.init:void 0;if(import_babel4.types.isIdentifier(id)&&init){if(id.typeAnnotation&&(id.typeAnnotation=null),(import_babel4.types.isTSSatisfiesExpression(init)||import_babel4.types.isTSAsExpression(init))&&(init=init.expression),import_babel4.types.isObjectExpression(init))declarator.init=import_babel4.types.callExpression(import_babel4.types.memberExpression(import_babel4.types.identifier(metaVariableName),import_babel4.types.identifier("story")),[init]);else if(import_babel4.types.isArrowFunctionExpression(init)){let renderProperty=import_babel4.types.objectProperty(import_babel4.types.identifier("render"),init),objectExpression=import_babel4.types.objectExpression([renderProperty]);declarator.init=import_babel4.types.callExpression(import_babel4.types.memberExpression(import_babel4.types.identifier(metaVariableName),import_babel4.types.identifier("story")),[objectExpression])}}});let storyExportDecls=new Map(Object.entries(csf._storyExports).filter(entry=>!import_babel4.types.isFunctionDeclaration(entry[1])));if((0,import_babel4.traverse)(csf._ast,{Identifier(nodePath){let identifierName=nodePath.node.name,binding=nodePath.scope.getBinding(identifierName);if(binding&&storyExportDecls.has(binding.identifier.name)||identifierName===metaVariableName){let parent=nodePath.parent;if(import_babel4.types.isVariableDeclarator(parent)&&parent.id===nodePath.node||import_babel4.types.isImportSpecifier(parent)||import_babel4.types.isExportSpecifier(parent)||import_babel4.types.isExportDefaultDeclaration(parent)||import_babel4.types.isMemberExpression(parent)&&import_babel4.types.isIdentifier(parent.property,{name:"input"})||import_babel4.types.isMemberExpression(parent)&&import_babel4.types.isIdentifier(parent.property)&&reuseDisallowList.includes(parent.property.name))return;try{nodePath.replaceWith(import_babel4.types.memberExpression(import_babel4.types.identifier(identifierName),import_babel4.types.identifier("input")))}catch(err){if(err.message.includes('instead got "MemberExpression"'))return;throw err}}}}),csf._metaPath){let declaration=csf._metaPath.node.declaration;if((import_babel4.types.isTSSatisfiesExpression(declaration)||import_babel4.types.isTSAsExpression(declaration))&&(declaration=declaration.expression),import_babel4.types.isObjectExpression(declaration)){let metaVariable=import_babel4.types.variableDeclaration("const",[import_babel4.types.variableDeclarator(import_babel4.types.identifier(metaVariableName),import_babel4.types.callExpression(import_babel4.types.memberExpression(import_babel4.types.identifier(sbConfigImportName),import_babel4.types.identifier("meta")),[declaration]))]);csf._metaPath.replaceWith(metaVariable)}else if(import_babel4.types.isIdentifier(declaration)){let binding=csf._metaPath.scope.getBinding(declaration.name);if(binding&&binding.path.isVariableDeclarator()){let originalName=declaration.name;binding.path.node.id=import_babel4.types.identifier(metaVariableName);let init=binding.path.node.init;(import_babel4.types.isTSSatisfiesExpression(init)||import_babel4.types.isTSAsExpression(init))&&(init=init.expression),import_babel4.types.isObjectExpression(init)&&(binding.path.node.init=import_babel4.types.callExpression(import_babel4.types.memberExpression(import_babel4.types.identifier(sbConfigImportName),import_babel4.types.identifier("meta")),[init])),csf._metaPath.scope.rename(originalName,metaVariableName)}csf._metaPath.remove()}}if(previewImport)previewImport.source.value!==previewPath&&(previewImport.source=import_babel4.types.stringLiteral(previewPath));else if(hasMeta){let configImport=import_babel4.types.importDeclaration([import_babel4.types.importDefaultSpecifier(import_babel4.types.identifier(sbConfigImportName))],import_babel4.types.stringLiteral(previewPath));programNode.body.unshift(configImport)}return programNode.body.forEach((node,index)=>{import_babel4.types.isTSTypeAliasDeclaration(node)&&(programNode.body.some(otherNode=>import_babel4.types.isVariableDeclaration(otherNode)?otherNode.declarations.some(declaration=>import_babel4.types.isIdentifier(declaration.init)&&declaration.init.name===node.id.name):!1)||programNode.body.splice(index,1))}),programNode.body=cleanupTypeImports(programNode,typesDisallowList),(0,import_csf_tools4.printCsf)(csf).code}var logger4=console;async function runStoriesCodemod(options){let{dryRun,packageManager,...codemodOptions}=options;try{let globString="{stories,src}/**/{Button,Header,Page}.stories.*";process.env.IN_STORYBOOK_SANDBOX||(logger4.log("Please enter the glob for your stories to migrate"),globString=(await(0,import_prompts2.default)({type:"text",name:"glob",message:"glob",initial:"src/**/*.stories.*"},{onCancel:()=>process.exit(0)})).glob),logger4.log(`
|
|
108
108
|
\u{1F6E0}\uFE0F Applying codemod on your stories, this might take some time...`),await packageManager.executeCommand({command:`${packageManager.getRemoteRunCommand()} storybook migrate csf-2-to-3 --glob=${globString}`,args:[],stdio:"ignore",ignoreError:!0}),await runCodemod(globString,info=>storyToCsfFactory(info,codemodOptions),{dryRun})}catch(err){if(err.message==="No files matched")await runStoriesCodemod(options);else throw err}}var csfFactories={id:"csf-factories",promptType:"command",async run({dryRun,mainConfig,mainConfigPath,previewConfigPath,packageJson,packageManager}){let useSubPathImports=!0;process.env.IN_STORYBOOK_SANDBOX||(logger4.log(printBoxedMessage(import_ts_dedent4.dedent`
|
|
109
109
|
The CSF factories format benefits from subpath imports (the imports property in your \`package.json\`), which is a node standard for module resolution. This makes it more convenient to import the preview config in your story files.
|
|
110
110
|
|
|
@@ -600,11 +600,11 @@ ${error.stack}`),fixSummary.failed[f.id]=error.message),fixResults[f.id]="check_
|
|
|
600
600
|
npx create-react-app {{beforeDir}} && cd {{beforeDir}} && jq '.browserslist.production[0] = ">0.9%"' package.json > tmp.json && mv tmp.json package.json
|
|
601
601
|
`,expected:{framework:"@storybook/react-webpack5",renderer:"@storybook/react",builder:"@storybook/builder-webpack5"},skipTasks:["e2e-tests-dev","bench","vitest-integration"],modifications:{useCsfFactory:!0,extraDependencies:["prop-types"],mainConfig:config=>({stories:config.getFieldValue(["stories"])?.map(s=>typeof s=="string"?s.replace(/\|(tsx?|ts)\b|\b(tsx?|ts)\|/g,""):s)})}},"cra/default-ts":{name:"Create React App Latest (Webpack | TypeScript)",script:`
|
|
602
602
|
npx create-react-app {{beforeDir}} --template typescript && cd {{beforeDir}} && jq '.browserslist.production[0] = ">0.9%"' package.json > tmp.json && mv tmp.json package.json
|
|
603
|
-
`,skipTasks:["smoke-test","bench","vitest-integration"],expected:{framework:"@storybook/react-webpack5",renderer:"@storybook/react",builder:"@storybook/builder-webpack5"},modifications:{useCsfFactory:!0,extraDependencies:["prop-types"]}},"nextjs/
|
|
603
|
+
`,skipTasks:["smoke-test","bench","vitest-integration"],expected:{framework:"@storybook/react-webpack5",renderer:"@storybook/react",builder:"@storybook/builder-webpack5"},modifications:{useCsfFactory:!0,extraDependencies:["prop-types"]}},"nextjs/14-ts":{name:"Next.js v14.2 (Webpack | TypeScript)",script:'yarn create next-app {{beforeDir}} -e https://github.com/vercel/next.js/tree/v14.2.17/examples/hello-world && cd {{beforeDir}} && npm pkg set "dependencies.next"="^14.2.17" && yarn && git add . && git commit --amend --no-edit && cd ..',expected:{framework:"@storybook/nextjs",renderer:"@storybook/react",builder:"@storybook/builder-webpack5"},modifications:{useCsfFactory:!0,mainConfig:{features:{experimentalRSC:!0,developmentModeForBuild:!0}},extraDependencies:["server-only","prop-types"]},skipTasks:["e2e-tests-dev","bench","vitest-integration"]},"nextjs/default-ts":{name:"Next.js Latest (Webpack | TypeScript)",script:'npx create-next-app {{beforeDir}} --eslint --tailwind --app --import-alias="@/*" --src-dir',expected:{framework:"@storybook/nextjs",renderer:"@storybook/react",builder:"@storybook/builder-webpack5"},modifications:{useCsfFactory:!0,mainConfig:{features:{experimentalRSC:!0,developmentModeForBuild:!0}},extraDependencies:["server-only","prop-types"]},skipTasks:["e2e-tests-dev","bench","vitest-integration"]},"nextjs/prerelease":{name:"Next.js Prerelease (Webpack | TypeScript)",script:'npx create-next-app@canary {{beforeDir}} --eslint --tailwind --app --import-alias="@/*" --src-dir',expected:{framework:"@storybook/nextjs",renderer:"@storybook/react",builder:"@storybook/builder-webpack5"},modifications:{useCsfFactory:!0,mainConfig:{features:{experimentalRSC:!0,developmentModeForBuild:!0}},extraDependencies:["server-only","prop-types"]},skipTasks:["e2e-tests-dev","bench","vitest-integration"]},"experimental-nextjs-vite/14-ts":{name:"Next.js Latest (Vite | TypeScript)",script:'npx create-next-app@^14 {{beforeDir}} --eslint --tailwind --app --import-alias="@/*" --src-dir',expected:{framework:"@storybook/experimental-nextjs-vite",renderer:"@storybook/react",builder:"@storybook/builder-vite"},modifications:{useCsfFactory:!0,mainConfig:{framework:"@storybook/experimental-nextjs-vite",features:{experimentalRSC:!0,developmentModeForBuild:!0}},extraDependencies:["server-only","@storybook/experimental-nextjs-vite","vite","prop-types"]},skipTasks:["e2e-tests-dev","bench"]},"experimental-nextjs-vite/default-ts":{name:"Next.js Latest (Vite | TypeScript)",script:'npx create-next-app {{beforeDir}} --eslint --no-tailwind --app --import-alias="@/*" --src-dir',expected:{framework:"@storybook/experimental-nextjs-vite",renderer:"@storybook/react",builder:"@storybook/builder-vite"},modifications:{useCsfFactory:!0,mainConfig:{framework:"@storybook/experimental-nextjs-vite",features:{experimentalRSC:!0,developmentModeForBuild:!0}},extraDependencies:["server-only","@storybook/experimental-nextjs-vite","vite","prop-types"]},skipTasks:["e2e-tests-dev","bench"]},"react-vite/default-js":{name:"React Latest (Vite | JavaScript)",script:"npm create vite --yes {{beforeDir}} -- --template react",expected:{framework:"@storybook/react-vite",renderer:"@storybook/react",builder:"@storybook/builder-vite"},modifications:{useCsfFactory:!0,extraDependencies:["prop-types"],mainConfig:{features:{developmentModeForBuild:!0}}},skipTasks:["e2e-tests-dev","bench"]},"react-vite/default-ts":{name:"React Latest (Vite | TypeScript)",script:"npm create vite --yes {{beforeDir}} -- --template react-ts",expected:{framework:"@storybook/react-vite",renderer:"@storybook/react",builder:"@storybook/builder-vite"},modifications:{useCsfFactory:!0,extraDependencies:["prop-types"],mainConfig:{features:{developmentModeForBuild:!0}}},skipTasks:["bench"]},"react-vite/prerelease-ts":{name:"React Prerelease (Vite | TypeScript)",script:`
|
|
604
604
|
npm create vite --yes {{beforeDir}} -- --template react-ts && cd {{beforeDir}} && yarn add react@beta react-dom@beta && jq '.resolutions += {"@types/react": "npm:types-react@beta", "@types/react-dom": "npm:types-react-dom@beta"}' package.json > tmp.json && mv tmp.json package.json && yarn add --dev @types/react@npm:types-react@beta @types/react-dom@npm:types-react-dom@beta
|
|
605
605
|
`,expected:{framework:"@storybook/react-vite",renderer:"@storybook/react",builder:"@storybook/builder-vite"},modifications:{useCsfFactory:!0,extraDependencies:["prop-types"],mainConfig:{features:{developmentModeForBuild:!0}}},skipTasks:["e2e-tests-dev","bench"]},"react-webpack/18-ts":{name:"React Latest (Webpack | TypeScript)",script:"yarn create webpack5-react {{beforeDir}}",expected:{framework:"@storybook/react-webpack5",renderer:"@storybook/react",builder:"@storybook/builder-webpack5"},modifications:{useCsfFactory:!0,extraDependencies:["prop-types"]},skipTasks:["e2e-tests-dev","bench","vitest-integration"]},"react-webpack/17-ts":{name:"React v17 (Webpack | TypeScript)",script:'yarn create webpack5-react {{beforeDir}} --version-react="17" --version-react-dom="17"',expected:{framework:"@storybook/react-webpack5",renderer:"@storybook/react",builder:"@storybook/builder-webpack5"},modifications:{useCsfFactory:!0,extraDependencies:["prop-types"]},skipTasks:["e2e-tests-dev","bench","vitest-integration"]},"react-webpack/prerelease-ts":{name:"React Prerelease (Webpack | TypeScript)",script:`
|
|
606
606
|
yarn create webpack5-react {{beforeDir}} --version-react="beta" --version-react-dom="beta" && cd {{beforeDir}} && jq '.resolutions += {"@types/react": "npm:types-react@beta", "@types/react-dom": "npm:types-react-dom@beta"}' package.json > tmp.json && mv tmp.json package.json && yarn add --dev @types/react@npm:types-react@beta @types/react-dom@npm:types-react-dom@beta
|
|
607
|
-
`,expected:{framework:"@storybook/react-webpack5",renderer:"@storybook/react",builder:"@storybook/builder-webpack5"},modifications:{useCsfFactory:!0,extraDependencies:["prop-types"]},skipTasks:["e2e-tests-dev","bench","vitest-integration"]},"solid-vite/default-js":{name:"SolidJS Latest (Vite | JavaScript)",script:"npx degit solidjs/templates/js {{beforeDir}}",expected:{framework:"storybook-solidjs-vite",renderer:"storybook-solidjs",builder:"@storybook/builder-vite"},inDevelopment:!0,skipTasks:["e2e-tests-dev","bench","vitest-integration"]},"solid-vite/default-ts":{name:"SolidJS Latest (Vite | TypeScript)",script:"npx degit solidjs/templates/ts {{beforeDir}}",expected:{framework:"storybook-solidjs-vite",renderer:"storybook-solidjs",builder:"@storybook/builder-vite"},inDevelopment:!0,skipTasks:["e2e-tests-dev","bench"]},"vue3-vite/default-js":{name:"Vue v3 (Vite | JavaScript)",script:"npm create vite --yes {{beforeDir}} -- --template vue",expected:{framework:"@storybook/vue3-vite",renderer:"@storybook/vue3",builder:"@storybook/builder-vite"},skipTasks:["e2e-tests-dev","bench"]},"vue3-vite/default-ts":{name:"Vue v3 (Vite | TypeScript)",script:"npm create vite --yes {{beforeDir}} -- --template vue-ts",expected:{framework:"@storybook/vue3-vite",renderer:"@storybook/vue3",builder:"@storybook/builder-vite"},skipTasks:["e2e-tests-dev","bench"]},"nuxt-vite/default-ts":{name:"Nuxt v3 (Vite | TypeScript)",script:"npx nuxi init --packageManager yarn --gitInit false {{beforeDir}}",expected:{framework:"@storybook-vue/nuxt",renderer:"@storybook/vue3",builder:"@storybook/builder-vite"},skipTasks:["e2e-tests-dev","bench","vitest-integration"]},"html-webpack/default":{name:"HTML Latest (Webpack | JavaScript)",script:"yarn create webpack5-html {{beforeDir}}",expected:{framework:"@storybook/html-webpack5",renderer:"@storybook/html",builder:"@storybook/builder-webpack5"},skipTasks:["e2e-tests-dev","bench","vitest-integration"]},"html-vite/default-js":{name:"HTML Latest (Vite | JavaScript)",script:'npm create vite --yes {{beforeDir}} -- --template vanilla && cd {{beforeDir}} && echo "export default {}" > vite.config.js',expected:{framework:"@storybook/html-vite",renderer:"@storybook/html",builder:"@storybook/builder-vite"},skipTasks:["e2e-tests-dev","bench","vitest-integration"]},"html-vite/default-ts":{name:"HTML Latest (Vite | TypeScript)",script:'npm create vite --yes {{beforeDir}} -- --template vanilla-ts && cd {{beforeDir}} && echo "export default {}" > vite.config.js',expected:{framework:"@storybook/html-vite",renderer:"@storybook/html",builder:"@storybook/builder-vite"},skipTasks:["e2e-tests-dev","bench","vitest-integration"]},"svelte-vite/default-js":{name:"Svelte Latest (Vite | JavaScript)",script:"npm create vite --yes {{beforeDir}} -- --template svelte",expected:{framework:"@storybook/svelte-vite",renderer:"@storybook/svelte",builder:"@storybook/builder-vite"},skipTasks:["e2e-tests-dev","bench"]},"svelte-vite/default-ts":{name:"Svelte Latest (Vite | TypeScript)",script:"npm create vite --yes {{beforeDir}} -- --template svelte-ts",expected:{framework:"@storybook/svelte-vite",renderer:"@storybook/svelte",builder:"@storybook/builder-vite"},skipTasks:["smoke-test","e2e-tests-dev","bench"]},"angular-cli/prerelease":{name:"Angular CLI Prerelease (Webpack | TypeScript)",script:"npx -p @angular/cli@next ng new angular-v16 --directory {{beforeDir}} --routing=true --minimal=true --style=scss --strict --skip-git --skip-install --package-manager=yarn --ssr",expected:{framework:"@storybook/angular",renderer:"@storybook/angular",builder:"@storybook/builder-webpack5"},skipTasks:["e2e-tests-dev","bench","vitest-integration"]},"angular-cli/default-ts":{name:"Angular CLI Latest (Webpack | TypeScript)",script:"npx -p @angular/cli ng new angular-latest --directory {{beforeDir}} --routing=true --minimal=true --style=scss --strict --skip-git --skip-install --package-manager=yarn --ssr",expected:{framework:"@storybook/angular",renderer:"@storybook/angular",builder:"@storybook/builder-webpack5"},skipTasks:["e2e-tests-dev","bench","vitest-integration"]},"angular-cli/15-ts":{name:"Angular CLI v15 (Webpack | TypeScript)",script:"npx -p @angular/cli@15 ng new angular-v15 --directory {{beforeDir}} --routing=true --minimal=true --style=scss --strict --skip-git --skip-install --package-manager=yarn",expected:{framework:"@storybook/angular",renderer:"@storybook/angular",builder:"@storybook/builder-webpack5"},skipTasks:["e2e-tests-dev","bench","vitest-integration"]},"svelte-kit/skeleton-js":{name:"SvelteKit Latest (Vite | JavaScript)",script:"yarn create svelte-with-args --name=svelte-kit/skeleton-js --directory={{beforeDir}} --template=skeleton --types=null --no-prettier --no-eslint --no-playwright --no-vitest --no-svelte5",expected:{framework:"@storybook/sveltekit",renderer:"@storybook/svelte",builder:"@storybook/builder-vite"},skipTasks:["e2e-tests-dev","bench","test-runner"]},"svelte-kit/skeleton-ts":{name:"SvelteKit Latest (Vite | TypeScript)",script:"yarn create svelte-with-args --name=svelte-kit/skeleton-ts --directory={{beforeDir}} --template=skeleton --types=typescript --no-prettier --no-eslint --no-playwright --no-vitest --no-svelte5",expected:{framework:"@storybook/sveltekit",renderer:"@storybook/svelte",builder:"@storybook/builder-vite"},skipTasks:["e2e-tests-dev","bench","test-runner"]},"svelte-kit/prerelease-ts":{name:"SvelteKit Prerelease (Vite | TypeScript)",script:"yarn create svelte-with-args --name=svelte-kit/prerelease-ts --directory={{beforeDir}} --template=skeleton --types=typescript --no-prettier --no-eslint --no-playwright --no-vitest --svelte5",expected:{framework:"@storybook/sveltekit",renderer:"@storybook/svelte",builder:"@storybook/builder-vite"},skipTasks:["e2e-tests-dev","bench"]},"lit-vite/default-js":{name:"Lit Latest (Vite | JavaScript)",script:'npm create vite --yes {{beforeDir}} -- --template lit && cd {{beforeDir}} && echo "export default {}" > vite.config.js',expected:{framework:"@storybook/web-components-vite",renderer:"@storybook/web-components",builder:"@storybook/builder-vite"},skipTasks:["smoke-test","e2e-tests-dev","bench","vitest-integration"]},"lit-vite/default-ts":{name:"Lit Latest (Vite | TypeScript)",script:'npm create vite --yes {{beforeDir}} -- --template lit-ts && cd {{beforeDir}} && echo "export default {}" > vite.config.js',expected:{framework:"@storybook/web-components-vite",renderer:"@storybook/web-components",builder:"@storybook/builder-vite"},skipTasks:["smoke-test","e2e-tests-dev","bench","vitest-integration"]},"vue-cli/default-js":{name:"Vue CLI v3 (Webpack | JavaScript)",script:'npx -p @vue/cli vue create {{beforeDir}} --default --packageManager=yarn --force --merge && cd {{beforeDir}} && echo "module.exports = {}" > webpack.config.js',expected:{framework:"@storybook/vue3-webpack5",renderer:"@storybook/vue3",builder:"@storybook/builder-webpack5"},skipTasks:["smoke-test","e2e-tests-dev","bench","vitest-integration"]},"preact-vite/default-js":{name:"Preact Latest (Vite | JavaScript)",script:"npm create vite --yes {{beforeDir}} -- --template preact",expected:{framework:"@storybook/preact-vite",renderer:"@storybook/preact",builder:"@storybook/builder-vite"},modifications:{extraDependencies:["preact-render-to-string"]},skipTasks:["e2e-tests-dev","bench","vitest-integration"]},"preact-vite/default-ts":{name:"Preact Latest (Vite | TypeScript)",script:"npm create vite --yes {{beforeDir}} -- --template preact-ts",expected:{framework:"@storybook/preact-vite",renderer:"@storybook/preact",builder:"@storybook/builder-vite"},modifications:{extraDependencies:["preact-render-to-string"]},skipTasks:["e2e-tests-dev","bench","vitest-integration"]},"qwik-vite/default-ts":{name:"Qwik CLI Latest (Vite | TypeScript)",script:"npm create qwik playground {{beforeDir}}",inDevelopment:!0,expected:{framework:"storybook-framework-qwik",renderer:"storybook-framework-qwik",builder:"storybook-framework-qwik"},skipTasks:["e2e-tests","e2e-tests-dev","bench","vitest-integration"]},"ember/3-js":{name:"Ember v3 (Webpack | JavaScript)",script:"npx --package ember-cli@3.28.1 ember new {{beforeDir}}",inDevelopment:!0,expected:{framework:"@storybook/ember",renderer:"@storybook/ember",builder:"@storybook/builder-webpack5"}},"ember/default-js":{name:"Ember v4 (Webpack | JavaScript)",script:"npx --package ember-cli@4.12.1 ember new {{beforeDir}} --yarn && cd {{beforeDir}} && yarn add --dev @storybook/ember-cli-storybook && yarn build",inDevelopment:!0,expected:{framework:"@storybook/ember",renderer:"@storybook/ember",builder:"@storybook/builder-webpack5"}},"react-native-web-vite/expo-ts":{name:"React Native Expo Latest (Vite | TypeScript)",script:"npx create-expo-app -y {{beforeDir}}",expected:{framework:"@storybook/react-native-web-vite",renderer:"@storybook/react",builder:"@storybook/builder-vite"},modifications:{useCsfFactory:!0},skipTasks:["e2e-tests-dev","bench","vitest-integration"]},"react-native-web-vite/rn-cli-ts":{name:"React Native CLI Latest (Vite | TypeScript)",script:"npx @react-native-community/cli@latest init --install-pods=false --directory={{beforeDir}} rnapp",expected:{framework:"@storybook/react-native-web-vite",renderer:"@storybook/react",builder:"@storybook/builder-vite"},skipTasks:["e2e-tests-dev","bench","vitest-integration"]}},internalTemplates={"internal/react18-webpack-babel":{name:"React with Babel Latest (Webpack | TypeScript)",script:"yarn create webpack5-react {{beforeDir}}",expected:{framework:"@storybook/react-webpack5",renderer:"@storybook/react",builder:"@storybook/builder-webpack5"},modifications:{useCsfFactory:!0,extraDependencies:["@storybook/addon-webpack5-compiler-babel","prop-types"],editAddons:addons=>[...addons,"@storybook/addon-webpack5-compiler-babel"].filter(a=>a!=="@storybook/addon-webpack5-compiler-swc")},isInternal:!0,skipTasks:["e2e-tests-dev","bench","vitest-integration"]},"internal/react16-webpack":{name:"React 16 (Webpack | TypeScript)",script:"yarn create webpack5-react {{beforeDir}} --version-react=16 --version-react-dom=16 --version-@types/react=16 --version-@types/react-dom=16",expected:{framework:"@storybook/react-webpack5",renderer:"@storybook/react",builder:"@storybook/builder-webpack5"},modifications:{useCsfFactory:!0,extraDependencies:["prop-types"]},skipTasks:["e2e-tests-dev","bench","vitest-integration"],isInternal:!0},"internal/server-webpack5":{name:"Server Webpack5",script:'yarn init -y && echo "module.exports = {}" > webpack.config.js',expected:{framework:"@storybook/server-webpack5",renderer:"@storybook/server",builder:"@storybook/builder-webpack5"},isInternal:!0,skipTasks:["bench","vitest-integration"]}},benchTemplates={"bench/react-vite-default-ts":{...baseTemplates["react-vite/default-ts"],name:"Bench (react-vite/default-ts)",isInternal:!0,modifications:{skipTemplateStories:!0},skipTasks:["e2e-tests-dev","test-runner","test-runner-dev","e2e-tests","chromatic","vitest-integration"]},"bench/react-webpack-18-ts":{...baseTemplates["react-webpack/18-ts"],name:"Bench (react-webpack/18-ts)",isInternal:!0,modifications:{skipTemplateStories:!0},skipTasks:["e2e-tests-dev","test-runner","test-runner-dev","e2e-tests","chromatic","vitest-integration"]},"bench/react-vite-default-ts-nodocs":{...baseTemplates["react-vite/default-ts"],name:"Bench (react-vite/default-ts, no docs)",isInternal:!0,modifications:{skipTemplateStories:!0,disableDocs:!0},skipTasks:["e2e-tests-dev","test-runner","test-runner-dev","e2e-tests","chromatic","vitest-integration"]},"bench/react-vite-default-ts-test-build":{...baseTemplates["react-vite/default-ts"],name:"Bench (react-vite/default-ts, test-build)",isInternal:!0,modifications:{skipTemplateStories:!0,testBuild:!0},skipTasks:["e2e-tests-dev","test-runner","test-runner-dev","e2e-tests","vitest-integration"]},"bench/react-webpack-18-ts-test-build":{...baseTemplates["react-webpack/18-ts"],name:"Bench (react-webpack/18-ts, test-build)",isInternal:!0,modifications:{skipTemplateStories:!0,testBuild:!0},skipTasks:["e2e-tests-dev","test-runner","test-runner-dev","e2e-tests","vitest-integration"]}},allTemplates={...baseTemplates,...internalTemplates,...benchTemplates},normal=["react-vite/default-ts","angular-cli/default-ts","vue3-vite/default-ts","nuxt-vite/default-ts","lit-vite/default-ts","svelte-vite/default-ts","svelte-kit/skeleton-ts","nextjs/default-ts","experimental-nextjs-vite/default-ts","bench/react-vite-default-ts","bench/react-webpack-18-ts","bench/react-vite-default-ts-nodocs","bench/react-vite-default-ts-test-build","bench/react-webpack-18-ts-test-build","ember/default-js"],merged=[...normal,"react-webpack/18-ts","react-webpack/17-ts","angular-cli/15-ts","preact-vite/default-ts","html-webpack/default","html-vite/default-ts"],daily=[...merged,"angular-cli/prerelease","react-vite/default-js","react-vite/prerelease-ts","react-webpack/prerelease-ts","vue3-vite/default-js","vue-cli/default-js","lit-vite/default-js","svelte-kit/skeleton-js","svelte-kit/prerelease-ts","svelte-vite/default-js","nextjs/13-ts","nextjs/prerelease","qwik-vite/default-ts","preact-vite/default-js","html-vite/default-js","internal/react16-webpack","internal/react18-webpack-babel","react-native-web-vite/expo-ts"];var logger26=console,toChoices=c=>({title:allTemplates[c].name,value:c}),sandbox=async({output:outputDirectory,filterValue,init,...options})=>{let selectedConfig=allTemplates[filterValue],templateId=selectedConfig?filterValue:null,{packageManager:pkgMgr}=options,packageManager=import_common23.JsPackageManagerFactory.getPackageManager({force:pkgMgr}),latestVersion=await packageManager.latestVersion("storybook"),nextVersion=await packageManager.latestVersion("storybook@next").catch(e=>"0.0.0"),currentVersion=import_common24.versions.storybook,isPrerelease=(0,import_semver14.prerelease)(currentVersion),isOutdated=(0,import_semver14.lt)(currentVersion,isPrerelease?nextVersion:latestVersion),borderColor=isOutdated?"#FC521F":"#F1618C",downloadType=!isOutdated&&init?"after-storybook":"before-storybook",branch=isPrerelease?"next":"main",messages={welcome:`Creating a Storybook ${import_picocolors41.default.bold(currentVersion)} sandbox..`,notLatest:import_picocolors41.default.red(import_ts_dedent40.dedent`
|
|
607
|
+
`,expected:{framework:"@storybook/react-webpack5",renderer:"@storybook/react",builder:"@storybook/builder-webpack5"},modifications:{useCsfFactory:!0,extraDependencies:["prop-types"]},skipTasks:["e2e-tests-dev","bench","vitest-integration"]},"solid-vite/default-js":{name:"SolidJS Latest (Vite | JavaScript)",script:"npx degit solidjs/templates/js {{beforeDir}}",expected:{framework:"storybook-solidjs-vite",renderer:"storybook-solidjs",builder:"@storybook/builder-vite"},inDevelopment:!0,skipTasks:["e2e-tests-dev","bench","vitest-integration"]},"solid-vite/default-ts":{name:"SolidJS Latest (Vite | TypeScript)",script:"npx degit solidjs/templates/ts {{beforeDir}}",expected:{framework:"storybook-solidjs-vite",renderer:"storybook-solidjs",builder:"@storybook/builder-vite"},inDevelopment:!0,skipTasks:["e2e-tests-dev","bench"]},"vue3-vite/default-js":{name:"Vue v3 (Vite | JavaScript)",script:"npm create vite --yes {{beforeDir}} -- --template vue",expected:{framework:"@storybook/vue3-vite",renderer:"@storybook/vue3",builder:"@storybook/builder-vite"},skipTasks:["e2e-tests-dev","bench"]},"vue3-vite/default-ts":{name:"Vue v3 (Vite | TypeScript)",script:"npm create vite --yes {{beforeDir}} -- --template vue-ts",expected:{framework:"@storybook/vue3-vite",renderer:"@storybook/vue3",builder:"@storybook/builder-vite"},skipTasks:["e2e-tests-dev","bench"]},"nuxt-vite/default-ts":{name:"Nuxt v3 (Vite | TypeScript)",script:"npx nuxi init --packageManager yarn --gitInit false {{beforeDir}}",expected:{framework:"@storybook-vue/nuxt",renderer:"@storybook/vue3",builder:"@storybook/builder-vite"},skipTasks:["e2e-tests-dev","bench","vitest-integration"]},"html-webpack/default":{name:"HTML Latest (Webpack | JavaScript)",script:"yarn create webpack5-html {{beforeDir}}",expected:{framework:"@storybook/html-webpack5",renderer:"@storybook/html",builder:"@storybook/builder-webpack5"},skipTasks:["e2e-tests-dev","bench","vitest-integration"]},"html-vite/default-js":{name:"HTML Latest (Vite | JavaScript)",script:'npm create vite --yes {{beforeDir}} -- --template vanilla && cd {{beforeDir}} && echo "export default {}" > vite.config.js',expected:{framework:"@storybook/html-vite",renderer:"@storybook/html",builder:"@storybook/builder-vite"},skipTasks:["e2e-tests-dev","bench","vitest-integration"]},"html-vite/default-ts":{name:"HTML Latest (Vite | TypeScript)",script:'npm create vite --yes {{beforeDir}} -- --template vanilla-ts && cd {{beforeDir}} && echo "export default {}" > vite.config.js',expected:{framework:"@storybook/html-vite",renderer:"@storybook/html",builder:"@storybook/builder-vite"},skipTasks:["e2e-tests-dev","bench","vitest-integration"]},"svelte-vite/default-js":{name:"Svelte Latest (Vite | JavaScript)",script:"npm create vite --yes {{beforeDir}} -- --template svelte",expected:{framework:"@storybook/svelte-vite",renderer:"@storybook/svelte",builder:"@storybook/builder-vite"},skipTasks:["e2e-tests-dev","bench"]},"svelte-vite/default-ts":{name:"Svelte Latest (Vite | TypeScript)",script:"npm create vite --yes {{beforeDir}} -- --template svelte-ts",expected:{framework:"@storybook/svelte-vite",renderer:"@storybook/svelte",builder:"@storybook/builder-vite"},skipTasks:["smoke-test","e2e-tests-dev","bench"]},"angular-cli/prerelease":{name:"Angular CLI Prerelease (Webpack | TypeScript)",script:"npx -p @angular/cli@next ng new angular-v16 --directory {{beforeDir}} --routing=true --minimal=true --style=scss --strict --skip-git --skip-install --package-manager=yarn --ssr",expected:{framework:"@storybook/angular",renderer:"@storybook/angular",builder:"@storybook/builder-webpack5"},skipTasks:["e2e-tests-dev","bench","vitest-integration"]},"angular-cli/default-ts":{name:"Angular CLI Latest (Webpack | TypeScript)",script:"npx -p @angular/cli ng new angular-latest --directory {{beforeDir}} --routing=true --minimal=true --style=scss --strict --skip-git --skip-install --package-manager=yarn --ssr",expected:{framework:"@storybook/angular",renderer:"@storybook/angular",builder:"@storybook/builder-webpack5"},skipTasks:["e2e-tests-dev","bench","vitest-integration"]},"angular-cli/15-ts":{name:"Angular CLI v15 (Webpack | TypeScript)",script:"npx -p @angular/cli@15 ng new angular-v15 --directory {{beforeDir}} --routing=true --minimal=true --style=scss --strict --skip-git --skip-install --package-manager=yarn",expected:{framework:"@storybook/angular",renderer:"@storybook/angular",builder:"@storybook/builder-webpack5"},skipTasks:["e2e-tests-dev","bench","vitest-integration"]},"svelte-kit/skeleton-js":{name:"SvelteKit Latest (Vite | JavaScript)",script:"yarn create svelte-with-args --name=svelte-kit/skeleton-js --directory={{beforeDir}} --template=skeleton --types=null --no-prettier --no-eslint --no-playwright --no-vitest --no-svelte5",expected:{framework:"@storybook/sveltekit",renderer:"@storybook/svelte",builder:"@storybook/builder-vite"},skipTasks:["e2e-tests-dev","bench","test-runner"]},"svelte-kit/skeleton-ts":{name:"SvelteKit Latest (Vite | TypeScript)",script:"yarn create svelte-with-args --name=svelte-kit/skeleton-ts --directory={{beforeDir}} --template=skeleton --types=typescript --no-prettier --no-eslint --no-playwright --no-vitest --no-svelte5",expected:{framework:"@storybook/sveltekit",renderer:"@storybook/svelte",builder:"@storybook/builder-vite"},skipTasks:["e2e-tests-dev","bench","test-runner"]},"svelte-kit/prerelease-ts":{name:"SvelteKit Prerelease (Vite | TypeScript)",script:"yarn create svelte-with-args --name=svelte-kit/prerelease-ts --directory={{beforeDir}} --template=skeleton --types=typescript --no-prettier --no-eslint --no-playwright --no-vitest --svelte5",expected:{framework:"@storybook/sveltekit",renderer:"@storybook/svelte",builder:"@storybook/builder-vite"},skipTasks:["e2e-tests-dev","bench"]},"lit-vite/default-js":{name:"Lit Latest (Vite | JavaScript)",script:'npm create vite --yes {{beforeDir}} -- --template lit && cd {{beforeDir}} && echo "export default {}" > vite.config.js',expected:{framework:"@storybook/web-components-vite",renderer:"@storybook/web-components",builder:"@storybook/builder-vite"},skipTasks:["smoke-test","e2e-tests-dev","bench","vitest-integration"]},"lit-vite/default-ts":{name:"Lit Latest (Vite | TypeScript)",script:'npm create vite --yes {{beforeDir}} -- --template lit-ts && cd {{beforeDir}} && echo "export default {}" > vite.config.js',expected:{framework:"@storybook/web-components-vite",renderer:"@storybook/web-components",builder:"@storybook/builder-vite"},skipTasks:["smoke-test","e2e-tests-dev","bench","vitest-integration"]},"vue-cli/default-js":{name:"Vue CLI v3 (Webpack | JavaScript)",script:'npx -p @vue/cli vue create {{beforeDir}} --default --packageManager=yarn --force --merge && cd {{beforeDir}} && echo "module.exports = {}" > webpack.config.js',expected:{framework:"@storybook/vue3-webpack5",renderer:"@storybook/vue3",builder:"@storybook/builder-webpack5"},skipTasks:["smoke-test","e2e-tests-dev","bench","vitest-integration"]},"preact-vite/default-js":{name:"Preact Latest (Vite | JavaScript)",script:"npm create vite --yes {{beforeDir}} -- --template preact",expected:{framework:"@storybook/preact-vite",renderer:"@storybook/preact",builder:"@storybook/builder-vite"},modifications:{extraDependencies:["preact-render-to-string"]},skipTasks:["e2e-tests-dev","bench","vitest-integration"]},"preact-vite/default-ts":{name:"Preact Latest (Vite | TypeScript)",script:"npm create vite --yes {{beforeDir}} -- --template preact-ts",expected:{framework:"@storybook/preact-vite",renderer:"@storybook/preact",builder:"@storybook/builder-vite"},modifications:{extraDependencies:["preact-render-to-string"]},skipTasks:["e2e-tests-dev","bench","vitest-integration"]},"qwik-vite/default-ts":{name:"Qwik CLI Latest (Vite | TypeScript)",script:"npm create qwik playground {{beforeDir}}",inDevelopment:!0,expected:{framework:"storybook-framework-qwik",renderer:"storybook-framework-qwik",builder:"storybook-framework-qwik"},skipTasks:["e2e-tests","e2e-tests-dev","bench","vitest-integration"]},"ember/3-js":{name:"Ember v3 (Webpack | JavaScript)",script:"npx --package ember-cli@3.28.1 ember new {{beforeDir}}",inDevelopment:!0,expected:{framework:"@storybook/ember",renderer:"@storybook/ember",builder:"@storybook/builder-webpack5"}},"ember/default-js":{name:"Ember v4 (Webpack | JavaScript)",script:"npx --package ember-cli@4.12.1 ember new {{beforeDir}} --yarn && cd {{beforeDir}} && yarn add --dev @storybook/ember-cli-storybook && yarn build",inDevelopment:!0,expected:{framework:"@storybook/ember",renderer:"@storybook/ember",builder:"@storybook/builder-webpack5"}},"react-native-web-vite/expo-ts":{name:"React Native Expo Latest (Vite | TypeScript)",script:"npx create-expo-app -y {{beforeDir}}",expected:{framework:"@storybook/react-native-web-vite",renderer:"@storybook/react",builder:"@storybook/builder-vite"},modifications:{useCsfFactory:!0},skipTasks:["e2e-tests-dev","bench","vitest-integration"]},"react-native-web-vite/rn-cli-ts":{name:"React Native CLI Latest (Vite | TypeScript)",script:"npx @react-native-community/cli@latest init --install-pods=false --directory={{beforeDir}} rnapp",expected:{framework:"@storybook/react-native-web-vite",renderer:"@storybook/react",builder:"@storybook/builder-vite"},skipTasks:["e2e-tests-dev","bench","vitest-integration"]}},internalTemplates={"internal/react18-webpack-babel":{name:"React with Babel Latest (Webpack | TypeScript)",script:"yarn create webpack5-react {{beforeDir}}",expected:{framework:"@storybook/react-webpack5",renderer:"@storybook/react",builder:"@storybook/builder-webpack5"},modifications:{useCsfFactory:!0,extraDependencies:["@storybook/addon-webpack5-compiler-babel","prop-types"],editAddons:addons=>[...addons,"@storybook/addon-webpack5-compiler-babel"].filter(a=>a!=="@storybook/addon-webpack5-compiler-swc")},isInternal:!0,skipTasks:["e2e-tests-dev","bench","vitest-integration"]},"internal/react16-webpack":{name:"React 16 (Webpack | TypeScript)",script:"yarn create webpack5-react {{beforeDir}} --version-react=16 --version-react-dom=16 --version-@types/react=16 --version-@types/react-dom=16",expected:{framework:"@storybook/react-webpack5",renderer:"@storybook/react",builder:"@storybook/builder-webpack5"},modifications:{useCsfFactory:!0,extraDependencies:["prop-types"]},skipTasks:["e2e-tests-dev","bench","vitest-integration"],isInternal:!0},"internal/server-webpack5":{name:"Server Webpack5",script:'yarn init -y && echo "module.exports = {}" > webpack.config.js',expected:{framework:"@storybook/server-webpack5",renderer:"@storybook/server",builder:"@storybook/builder-webpack5"},isInternal:!0,skipTasks:["bench","vitest-integration"]}},benchTemplates={"bench/react-vite-default-ts":{...baseTemplates["react-vite/default-ts"],name:"Bench (react-vite/default-ts)",isInternal:!0,modifications:{skipTemplateStories:!0},skipTasks:["e2e-tests-dev","test-runner","test-runner-dev","e2e-tests","chromatic","vitest-integration"]},"bench/react-webpack-18-ts":{...baseTemplates["react-webpack/18-ts"],name:"Bench (react-webpack/18-ts)",isInternal:!0,modifications:{skipTemplateStories:!0},skipTasks:["e2e-tests-dev","test-runner","test-runner-dev","e2e-tests","chromatic","vitest-integration"]},"bench/react-vite-default-ts-nodocs":{...baseTemplates["react-vite/default-ts"],name:"Bench (react-vite/default-ts, no docs)",isInternal:!0,modifications:{skipTemplateStories:!0,disableDocs:!0},skipTasks:["e2e-tests-dev","test-runner","test-runner-dev","e2e-tests","chromatic","vitest-integration"]},"bench/react-vite-default-ts-test-build":{...baseTemplates["react-vite/default-ts"],name:"Bench (react-vite/default-ts, test-build)",isInternal:!0,modifications:{skipTemplateStories:!0,testBuild:!0},skipTasks:["e2e-tests-dev","test-runner","test-runner-dev","e2e-tests","vitest-integration"]},"bench/react-webpack-18-ts-test-build":{...baseTemplates["react-webpack/18-ts"],name:"Bench (react-webpack/18-ts, test-build)",isInternal:!0,modifications:{skipTemplateStories:!0,testBuild:!0},skipTasks:["e2e-tests-dev","test-runner","test-runner-dev","e2e-tests","vitest-integration"]}},allTemplates={...baseTemplates,...internalTemplates,...benchTemplates},normal=["react-vite/default-ts","angular-cli/default-ts","vue3-vite/default-ts","nuxt-vite/default-ts","lit-vite/default-ts","svelte-vite/default-ts","svelte-kit/skeleton-ts","nextjs/default-ts","experimental-nextjs-vite/default-ts","bench/react-vite-default-ts","bench/react-webpack-18-ts","bench/react-vite-default-ts-nodocs","bench/react-vite-default-ts-test-build","bench/react-webpack-18-ts-test-build","ember/default-js"],merged=[...normal,"react-webpack/18-ts","react-webpack/17-ts","angular-cli/15-ts","preact-vite/default-ts","html-webpack/default","html-vite/default-ts"],daily=[...merged,"angular-cli/prerelease","react-vite/default-js","react-vite/prerelease-ts","react-webpack/prerelease-ts","vue3-vite/default-js","vue-cli/default-js","lit-vite/default-js","svelte-kit/skeleton-js","svelte-kit/prerelease-ts","svelte-vite/default-js","nextjs/prerelease","qwik-vite/default-ts","preact-vite/default-js","html-vite/default-js","internal/react16-webpack","internal/react18-webpack-babel","react-native-web-vite/expo-ts"];var logger26=console,toChoices=c=>({title:allTemplates[c].name,value:c}),sandbox=async({output:outputDirectory,filterValue,init,...options})=>{let selectedConfig=allTemplates[filterValue],templateId=selectedConfig?filterValue:null,{packageManager:pkgMgr}=options,packageManager=import_common23.JsPackageManagerFactory.getPackageManager({force:pkgMgr}),latestVersion=await packageManager.latestVersion("storybook"),nextVersion=await packageManager.latestVersion("storybook@next").catch(e=>"0.0.0"),currentVersion=import_common24.versions.storybook,isPrerelease=(0,import_semver14.prerelease)(currentVersion),isOutdated=(0,import_semver14.lt)(currentVersion,isPrerelease?nextVersion:latestVersion),borderColor=isOutdated?"#FC521F":"#F1618C",downloadType=!isOutdated&&init?"after-storybook":"before-storybook",branch=isPrerelease?"next":"main",messages={welcome:`Creating a Storybook ${import_picocolors41.default.bold(currentVersion)} sandbox..`,notLatest:import_picocolors41.default.red(import_ts_dedent40.dedent`
|
|
608
608
|
This version is behind the latest release, which is: ${import_picocolors41.default.bold(latestVersion)}!
|
|
609
609
|
You likely ran the init command through npx, which can use a locally cached version, to get the latest please run:
|
|
610
610
|
${import_picocolors41.default.bold("npx storybook@latest sandbox")}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@storybook/cli",
|
|
3
|
-
"version": "8.6.
|
|
3
|
+
"version": "8.6.2",
|
|
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": "8.6.
|
|
46
|
+
"@storybook/codemod": "8.6.2",
|
|
47
47
|
"@types/semver": "^7.3.4",
|
|
48
48
|
"commander": "^12.1.0",
|
|
49
|
-
"create-storybook": "8.6.
|
|
49
|
+
"create-storybook": "8.6.2",
|
|
50
50
|
"cross-spawn": "^7.0.3",
|
|
51
51
|
"envinfo": "^7.7.3",
|
|
52
52
|
"fd-package-json": "^1.2.0",
|
|
@@ -59,7 +59,7 @@
|
|
|
59
59
|
"p-limit": "^6.2.0",
|
|
60
60
|
"prompts": "^2.4.0",
|
|
61
61
|
"semver": "^7.3.7",
|
|
62
|
-
"storybook": "8.6.
|
|
62
|
+
"storybook": "8.6.2",
|
|
63
63
|
"tiny-invariant": "^1.3.1",
|
|
64
64
|
"ts-dedent": "^2.0.0"
|
|
65
65
|
},
|