@storybook/cli 0.0.0-pr-30197-sha-de13df08 → 0.0.0-pr-30457-sha-ca5962ea

package/dist/bin/index.cjs

@@ -105,7 +105,7 @@ Please try a different pattern.
 ${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)}:
 ${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"],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:
 ${err}`),info.source}let 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 binding=nodePath.scope.getBinding(nodePath.node.name);if(binding&&storyExportDecls.has(binding.identifier.name)){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.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(nodePath.node.name),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=cleanupTypeImports(programNode,typesDisallowList),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))}),(0,import_csf_tools4.printCsf)(csf).code}var logger4=console;async function runStoriesCodemod(options){let{dryRun,packageManager,...codemodOptions}=options;try{let globString="src/**/*.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:globString},{onCancel:()=>process.exit(0)})).glob),logger4.log(`
-\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`
+\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(console.log("err message",err.message),err.message==="No files matched")console.log("going to run again"),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`
         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.
       
         However, please note that this might not work if you have an outdated tsconfig, use custom paths, or have type alias plugins configured in your project. You can always rerun this codemod and select another option to update your code later.
@@ -592,7 +592,7 @@ ${error}`).join(`
 ${error.stack}`),fixSummary.failed[f.id]=error.message),fixResults[f.id]="check_failed"}if(result){let promptType=typeof f.promptType=="function"?await f.promptType(result):f.promptType??"auto";logger23.info(`
 \u{1F50E} found a '${import_picocolors39.default.cyan(f.id)}' migration:`);let message=f.prompt(result),getTitle=()=>{switch(promptType){case"auto":return"Automigration detected";case"manual":return"Manual migration detected";case"notification":return"Migration notification"}};logger23.info(boxen(message,{borderStyle:"round",padding:1,borderColor:"#F1618C",title:getTitle()}));let runAnswer;try{if(dryRun)runAnswer={fix:!1};else if(yes)runAnswer={fix:!0},promptType==="manual"&&(fixResults[f.id]="manual_succeeded",fixSummary.manual.push(f.id));else if(promptType==="manual"){fixResults[f.id]="manual_succeeded",fixSummary.manual.push(f.id),logger23.info();let{shouldContinue}=await(0,import_prompts8.default)({type:"toggle",name:"shouldContinue",message:"Select continue once you have made the required changes, or quit to exit the migration process",initial:!0,active:"continue",inactive:"quit"},{onCancel:()=>{throw new Error}});if(!shouldContinue){fixResults[f.id]="manual_skipped";break}}else promptType==="auto"?runAnswer=await(0,import_prompts8.default)({type:"confirm",name:"fix",message:`Do you want to run the '${import_picocolors39.default.cyan(f.id)}' migration on your project?`,initial:f.promptDefaultValue??!0},{onCancel:()=>{throw new Error}}):promptType==="notification"&&(runAnswer=await(0,import_prompts8.default)({type:"confirm",name:"fix",message:"Do you want to continue?",initial:!0},{onCancel:()=>{throw new Error}}))}catch{break}if(promptType==="auto")if((0,import_tiny_invariant2.default)(runAnswer,"runAnswer must be defined if not promptOnly"),runAnswer.fix)try{(0,import_tiny_invariant2.default)(typeof f.run=="function","run method should be available in fix."),(0,import_tiny_invariant2.default)(mainConfigPath,"Main config path should be defined to run migration."),await f.run({result,packageManager,dryRun,mainConfigPath,previewConfigPath,packageJson,mainConfig,skipInstall}),logger23.info(`\u2705 ran ${import_picocolors39.default.cyan(f.id)} migration`),fixResults[f.id]="succeeded",fixSummary.succeeded.push(f.id)}catch(error){fixResults[f.id]="failed",fixSummary.failed[f.id]=error instanceof Error?error.message:"Failed to run migration",logger23.info(`\u274C error when running ${import_picocolors39.default.cyan(f.id)} migration`),logger23.info(error),logger23.info()}else fixResults[f.id]="skipped",fixSummary.skipped.push(f.id)}else fixResults[f.id]=fixResults[f.id]||"unnecessary"}return{fixResults,fixSummary}}var import_promises8=require("fs/promises"),import_node_path8=require("path"),import_node_logger=require("storybook/internal/node-logger"),import_cross_spawn=require("cross-spawn"),import_picocolors40=__toESM(require_picocolors(),1),exec2=async(command2,options={},{startMessage,errorMessage,dryRun}={})=>{if(startMessage&&import_node_logger.logger.info(startMessage),dryRun){import_node_logger.logger.info(`
 > ${command2}
-`);return}return import_node_logger.logger.info(command2),new Promise((resolve,reject)=>{let child=(0,import_cross_spawn.spawn)(command2,{...options,shell:!0,stdio:"pipe"});child.stderr.pipe(process.stdout),child.stdout.pipe(process.stdout),child.on("exit",code=>{code===0?resolve(void 0):(import_node_logger.logger.error(import_picocolors40.default.red(`An error occurred while executing: \`${command2}\``)),errorMessage&&import_node_logger.logger.info(errorMessage),reject(new Error(`command exited with code: ${code}: `)))})})},link=async({target,local,start})=>{let storybookDir=process.cwd();try{if(JSON.parse(await(0,import_promises8.readFile)("package.json",{encoding:"utf8"})).name!=="@storybook/root")throw new Error}catch{throw new Error("Expected to run link from the root of the storybook monorepo")}let reproDir=target,reproName=(0,import_node_path8.basename)(target);if(!local){let reprosDir=(0,import_node_path8.join)(storybookDir,"../storybook-repros");import_node_logger.logger.info(`Ensuring directory ${reprosDir}`),await(0,import_promises8.mkdir)(reprosDir,{recursive:!0}),import_node_logger.logger.info(`Cloning ${target}`),await exec2(`git clone ${target}`,{cwd:reprosDir}),reproName=(0,import_node_path8.basename)(target,(0,import_node_path8.extname)(target)),reproDir=(0,import_node_path8.join)(reprosDir,reproName)}let version=(0,import_cross_spawn.sync)("yarn",["--version"],{cwd:reproDir,stdio:"pipe",shell:!0}).stdout.toString();if(!/^[2-4]\./.test(version)){import_node_logger.logger.warn(`\u{1F6A8} Expected yarn 2 or higher in ${reproDir}!`),import_node_logger.logger.warn(""),import_node_logger.logger.warn("Please set it up with `yarn set version berry`,"),import_node_logger.logger.warn(`then link '${reproDir}' with the '--local' flag.`);return}import_node_logger.logger.info(`Linking ${reproDir}`),await exec2(`yarn link --all --relative ${storybookDir}`,{cwd:reproDir}),import_node_logger.logger.info(`Installing ${reproName}`);let reproPackageJson=JSON.parse(await(0,import_promises8.readFile)((0,import_node_path8.join)(reproDir,"package.json"),{encoding:"utf8"}));reproPackageJson.devDependencies?.vite||(reproPackageJson.devDependencies={...reproPackageJson.devDependencies,"webpack-hot-middleware":"*"}),reproPackageJson.devDependencies={...reproPackageJson.devDependencies,"@types/node":"^22"},await(0,import_promises8.writeFile)((0,import_node_path8.join)(reproDir,"package.json"),JSON.stringify(reproPackageJson,null,2)),await exec2("yarn install",{cwd:reproDir}),start&&(import_node_logger.logger.info(`Running ${reproName} storybook`),await exec2("yarn run storybook",{cwd:reproDir}))};var import_cli15=require("storybook/internal/cli"),import_common22=require("storybook/internal/common"),import_codemod4=require("@storybook/codemod");var logger25=console;async function migrate(migration,{glob:glob2,dryRun,list,rename:rename3,parser,configDir:userSpecifiedConfigDir}){if(list)(0,import_codemod4.listCodemods)().forEach(key=>logger25.log(key));else if(migration){if(migration==="mdx-to-csf"&&!dryRun){let packageManager=import_common22.JsPackageManagerFactory.getPackageManager(),{configDir,mainConfig,mainConfigPath,storybookVersion,packageJson}=await getStorybookData({packageManager,configDir:userSpecifiedConfigDir});if(!storybookVersion)throw new Error("Could not determine Storybook version");if(!mainConfigPath)throw new Error("Could not determine main config path");await runFixes({fixes:[mdxToCSF],configDir,mainConfigPath,packageManager,mainConfig,packageJson,storybookVersion,beforeVersion:storybookVersion,isUpgrade:!1}),await addStorybookBlocksPackage()}await(0,import_codemod4.runCodemod)(migration,{glob:glob2,dryRun,logger:logger25,rename:rename3,parser})}else throw new Error("Migrate: please specify a migration name or --list")}async function addStorybookBlocksPackage(){let packageManager=import_common22.JsPackageManagerFactory.getPackageManager(),packageJson=await packageManager.retrievePackageJson(),versionToInstall=(0,import_cli15.getStorybookVersionSpecifier)(await packageManager.retrievePackageJson());logger25.info('\u2705 Adding "@storybook/blocks" package'),await packageManager.addDependencies({installAsDevDependencies:!0,packageJson},[`@storybook/blocks@${versionToInstall}`])}var import_node_fs3=require("fs"),import_promises9=require("fs/promises"),import_node_path9=require("path"),import_common23=require("storybook/internal/common"),import_common24=require("storybook/internal/common");var import_create_storybook=require("create-storybook"),import_giget=require("giget"),import_picocolors41=__toESM(require_picocolors(),1),import_prompts9=__toESM(require("prompts"),1),import_semver14=require("semver"),import_tiny_invariant3=__toESM(require("tiny-invariant"),1),import_ts_dedent40=require("ts-dedent");var baseTemplates={"cra/default-js":{name:"Create React App Latest (Webpack | JavaScript)",script:`
+`);return}return import_node_logger.logger.info(command2),new Promise((resolve,reject)=>{let child=(0,import_cross_spawn.spawn)(command2,{...options,shell:!0,stdio:"pipe"});child.stderr.pipe(process.stdout),child.stdout.pipe(process.stdout),child.on("exit",code=>{code===0?resolve(void 0):(import_node_logger.logger.error(import_picocolors40.default.red(`An error occurred while executing: \`${command2}\``)),errorMessage&&import_node_logger.logger.info(errorMessage),reject(new Error(`command exited with code: ${code}: `)))})})},link=async({target,local,start})=>{let storybookDir=process.cwd();try{if(JSON.parse(await(0,import_promises8.readFile)("package.json",{encoding:"utf8"})).name!=="@storybook/root")throw new Error}catch{throw new Error("Expected to run link from the root of the storybook monorepo")}let reproDir=target,reproName=(0,import_node_path8.basename)(target);if(!local){let reprosDir=(0,import_node_path8.join)(storybookDir,"../storybook-repros");import_node_logger.logger.info(`Ensuring directory ${reprosDir}`),await(0,import_promises8.mkdir)(reprosDir,{recursive:!0}),import_node_logger.logger.info(`Cloning ${target}`),await exec2(`git clone ${target}`,{cwd:reprosDir}),reproName=(0,import_node_path8.basename)(target,(0,import_node_path8.extname)(target)),reproDir=(0,import_node_path8.join)(reprosDir,reproName)}let reproPackageJson=JSON.parse(await(0,import_promises8.readFile)((0,import_node_path8.join)(reproDir,"package.json"),{encoding:"utf8"})),version=(0,import_cross_spawn.sync)("yarn",["--version"],{cwd:reproDir,stdio:"pipe",shell:!0}).stdout.toString();if(!/^[2-4]\./.test(version)){import_node_logger.logger.warn(`\u{1F6A8} Expected yarn 2 or higher in ${reproDir}!`),import_node_logger.logger.warn(""),import_node_logger.logger.warn("Please set it up with `yarn set version berry`,"),import_node_logger.logger.warn(`then link '${reproDir}' with the '--local' flag.`);return}import_node_logger.logger.info(`Linking ${reproDir}`),await exec2(`yarn link --all --relative ${storybookDir}`,{cwd:reproDir}),import_node_logger.logger.info(`Installing ${reproName}`),await exec2("yarn install",{cwd:reproDir}),reproPackageJson.devDependencies?.vite||await exec2("yarn add -D webpack-hot-middleware",{cwd:reproDir}),await exec2("yarn add @types/node@22",{cwd:reproDir}),start&&(import_node_logger.logger.info(`Running ${reproName} storybook`),await exec2("yarn run storybook",{cwd:reproDir}))};var import_cli15=require("storybook/internal/cli"),import_common22=require("storybook/internal/common"),import_codemod4=require("@storybook/codemod");var logger25=console;async function migrate(migration,{glob:glob2,dryRun,list,rename:rename3,parser,configDir:userSpecifiedConfigDir}){if(list)(0,import_codemod4.listCodemods)().forEach(key=>logger25.log(key));else if(migration){if(migration==="mdx-to-csf"&&!dryRun){let packageManager=import_common22.JsPackageManagerFactory.getPackageManager(),{configDir,mainConfig,mainConfigPath,storybookVersion,packageJson}=await getStorybookData({packageManager,configDir:userSpecifiedConfigDir});if(!storybookVersion)throw new Error("Could not determine Storybook version");if(!mainConfigPath)throw new Error("Could not determine main config path");await runFixes({fixes:[mdxToCSF],configDir,mainConfigPath,packageManager,mainConfig,packageJson,storybookVersion,beforeVersion:storybookVersion,isUpgrade:!1}),await addStorybookBlocksPackage()}await(0,import_codemod4.runCodemod)(migration,{glob:glob2,dryRun,logger:logger25,rename:rename3,parser})}else throw new Error("Migrate: please specify a migration name or --list")}async function addStorybookBlocksPackage(){let packageManager=import_common22.JsPackageManagerFactory.getPackageManager(),packageJson=await packageManager.retrievePackageJson(),versionToInstall=(0,import_cli15.getStorybookVersionSpecifier)(await packageManager.retrievePackageJson());logger25.info('\u2705 Adding "@storybook/blocks" package'),await packageManager.addDependencies({installAsDevDependencies:!0,packageJson},[`@storybook/blocks@${versionToInstall}`])}var import_node_fs3=require("fs"),import_promises9=require("fs/promises"),import_node_path9=require("path"),import_common23=require("storybook/internal/common"),import_common24=require("storybook/internal/common");var import_create_storybook=require("create-storybook"),import_giget=require("giget"),import_picocolors41=__toESM(require_picocolors(),1),import_prompts9=__toESM(require("prompts"),1),import_semver14=require("semver"),import_tiny_invariant3=__toESM(require("tiny-invariant"),1),import_ts_dedent40=require("ts-dedent");var baseTemplates={"cra/default-js":{name:"Create React App Latest (Webpack | JavaScript)",script:`
       npx create-react-app {{beforeDir}} && cd {{beforeDir}} &&       jq '.browserslist.production[0] = ">0.9%"' package.json > tmp.json && mv tmp.json package.json
     `,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:`
       npx create-react-app {{beforeDir}} --template typescript && cd {{beforeDir}} &&       jq '.browserslist.production[0] = ">0.9%"' package.json > tmp.json && mv tmp.json package.json

package/dist/bin/index.js

@@ -16,7 +16,7 @@ import { types, traverse } from 'storybook/internal/babel';
 import { join, basename, extname, isAbsolute, normalize } from 'node:path';
 import { getStorybookVersionSpecifier, hasStorybookDependencies, isNxProject, AngularJSON, extractEslintInfo, findEslintFile, SUPPORTED_ESLINT_EXTENSIONS, configureEslintPlugin, frameworkToRenderer, CoreWebpackCompilers, builderNameToCoreBuilder, frameworkToDefaultBuilder, CoreBuilder, compilerNameToCoreCompiler, detectPnp } from 'storybook/internal/cli';
 import { existsSync, createWriteStream } from 'node:fs';
-import { rename, rm, readFile, mkdir, writeFile, readdir } from 'node:fs/promises';
+import { rename, rm, readFile, mkdir, readdir, writeFile } from 'node:fs/promises';
 import process3 from 'node:process';
 import os, { EOL } from 'node:os';
 import tty from 'node:tty';
@@ -90,7 +90,7 @@ Please try a different pattern.
 ${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=types.callExpression(types.identifier(methodName),[config._exportsObject]),exportDefaultNode=null,declarationNodeIndex=-1;programNode.body.forEach(node=>{if(types.isExportDefaultDeclaration(node)&&types.isIdentifier(node.declaration)){let declarationName=node.declaration.name;if(declarationNodeIndex=programNode.body.findIndex(n=>types.isVariableDeclaration(n)&&n.declarations.some(d=>types.isIdentifier(d.id)&&d.id.name===declarationName&&types.isObjectExpression(d.init))),declarationNodeIndex!==-1){exportDefaultNode=node;let declarationNode=programNode.body[declarationNodeIndex];if(types.isVariableDeclaration(declarationNode)){let id=declarationNode.declarations[0].id;types.isIdentifier(id)&&id.name&&programNode.body.splice(declarationNodeIndex,1);}}}else types.isExportDefaultDeclaration(node)&&types.isObjectExpression(node.declaration)&&(exportDefaultNode=node);}),exportDefaultNode!==null&&(exportDefaultNode.declaration=defineConfigCall);}else if(hasNamedExports){let exportDecls=config._exportDecls,defineConfigProps=getConfigProperties(exportDecls),defineConfigCall=types.callExpression(types.identifier(methodName),[types.objectExpression(defineConfigProps)]);programNode.body=removeExportDeclarations(programNode,exportDecls),programNode.body.push(types.exportDefaultDeclaration(defineConfigCall));}let configImport=types.importDeclaration([types.importSpecifier(types.identifier(methodName),types.identifier(methodName))],types.stringLiteral(frameworkPackage+`${configType==="main"?"/node":""}`)),existingImport=programNode.body.find(node=>types.isImportDeclaration(node)&&node.importKind!=="type"&&node.source.value===configImport.source.value);existingImport&&types.isImportDeclaration(existingImport)?existingImport.specifiers.some(specifier=>types.isImportSpecifier(specifier)&&types.isIdentifier(specifier.imported)&&specifier.imported.name===methodName)||existingImport.specifiers.push(types.importSpecifier(types.identifier(methodName),types.identifier(methodName))):programNode.body.unshift(configImport);let disallowList2=["StorybookConfig","Preview"];programNode.body=cleanupTypeImports(programNode,disallowList2);let output=printConfig(config).code;return dryRun?(logger4.log(`Would write to ${import_picocolors7.default.yellow(info.path)}:
 ${import_picocolors7.default.green(output)}`),info.source):skipFormatting?output:formatFileContent(info.path,output)}var reuseDisallowList=["play","run","extends"],typesDisallowList=["Story","StoryFn","StoryObj","Meta","MetaObj","ComponentStory","ComponentMeta"];async function storyToCsfFactory(info,{previewConfigPath,useSubPathImports}){let csf=loadCsf(info.source,{makeTitle:()=>"FIXME"});try{csf.parse();}catch(err){return logger4.log(`Error when parsing ${info.path}, skipping:
 ${err}`),info.source}let metaVariableName="meta",programNode=csf._ast.program,previewImport,hasRootLevelConfig=programNode.body.some(n=>types.isVariableDeclaration(n)&&n.declarations.some(declaration=>types.isIdentifier(declaration.id,{name:"preview"}))),previewPath="#.storybook/preview";if(!useSubPathImports){let relativePath=path2.relative(path2.dirname(info.path),previewConfigPath),{dir,name}=path2.parse(relativePath);previewPath=`${dir?`${dir}/`:""}${name}`,previewPath.startsWith(".")||(previewPath=`./${previewPath}`),previewPath=previewPath.replace(/\\/g,"/");}let sbConfigImportName=hasRootLevelConfig?"storybookPreview":"preview",sbConfigImportSpecifier=types.importDefaultSpecifier(types.identifier(sbConfigImportName));programNode.body.forEach(node=>{if(types.isImportDeclaration(node)&&isValidPreviewPath(node.source.value)){let defaultImportSpecifier=node.specifiers.find(specifier=>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=types.isVariableDeclarator(declarator)?declarator.init:void 0;if(types.isIdentifier(id)&&init){if(id.typeAnnotation&&(id.typeAnnotation=null),(types.isTSSatisfiesExpression(init)||types.isTSAsExpression(init))&&(init=init.expression),types.isObjectExpression(init))declarator.init=types.callExpression(types.memberExpression(types.identifier(metaVariableName),types.identifier("story")),[init]);else if(types.isArrowFunctionExpression(init)){let renderProperty=types.objectProperty(types.identifier("render"),init),objectExpression=types.objectExpression([renderProperty]);declarator.init=types.callExpression(types.memberExpression(types.identifier(metaVariableName),types.identifier("story")),[objectExpression]);}}});let storyExportDecls=new Map(Object.entries(csf._storyExports).filter(entry=>!types.isFunctionDeclaration(entry[1])));if(traverse(csf._ast,{Identifier(nodePath){let binding=nodePath.scope.getBinding(nodePath.node.name);if(binding&&storyExportDecls.has(binding.identifier.name)){let parent=nodePath.parent;if(types.isVariableDeclarator(parent)&&parent.id===nodePath.node||types.isImportSpecifier(parent)||types.isExportSpecifier(parent)||types.isMemberExpression(parent)&&types.isIdentifier(parent.property,{name:"input"})||types.isMemberExpression(parent)&&types.isIdentifier(parent.property)&&reuseDisallowList.includes(parent.property.name))return;try{nodePath.replaceWith(types.memberExpression(types.identifier(nodePath.node.name),types.identifier("input")));}catch(err){if(err.message.includes('instead got "MemberExpression"'))return;throw err}}}}),csf._metaPath){let declaration=csf._metaPath.node.declaration;if((types.isTSSatisfiesExpression(declaration)||types.isTSAsExpression(declaration))&&(declaration=declaration.expression),types.isObjectExpression(declaration)){let metaVariable=types.variableDeclaration("const",[types.variableDeclarator(types.identifier(metaVariableName),types.callExpression(types.memberExpression(types.identifier(sbConfigImportName),types.identifier("meta")),[declaration]))]);csf._metaPath.replaceWith(metaVariable);}else if(types.isIdentifier(declaration)){let binding=csf._metaPath.scope.getBinding(declaration.name);if(binding&&binding.path.isVariableDeclarator()){let originalName=declaration.name;binding.path.node.id=types.identifier(metaVariableName);let init=binding.path.node.init;(types.isTSSatisfiesExpression(init)||types.isTSAsExpression(init))&&(init=init.expression),types.isObjectExpression(init)&&(binding.path.node.init=types.callExpression(types.memberExpression(types.identifier(sbConfigImportName),types.identifier("meta")),[init])),csf._metaPath.scope.rename(originalName,metaVariableName);}csf._metaPath.remove();}}if(previewImport)previewImport.source.value!==previewPath&&(previewImport.source=types.stringLiteral(previewPath));else if(hasMeta){let configImport=types.importDeclaration([types.importDefaultSpecifier(types.identifier(sbConfigImportName))],types.stringLiteral(previewPath));programNode.body.unshift(configImport);}return programNode.body=cleanupTypeImports(programNode,typesDisallowList),programNode.body.forEach((node,index)=>{types.isTSTypeAliasDeclaration(node)&&(programNode.body.some(otherNode=>types.isVariableDeclaration(otherNode)?otherNode.declarations.some(declaration=>types.isIdentifier(declaration.init)&&declaration.init.name===node.id.name):!1)||programNode.body.splice(index,1));}),printCsf(csf).code}var logger4=console;async function runStoriesCodemod(options){let{dryRun,packageManager,...codemodOptions}=options;try{let globString="src/**/*.stories.*";process.env.IN_STORYBOOK_SANDBOX||(logger4.log("Please enter the glob for your stories to migrate"),globString=(await prompts7({type:"text",name:"glob",message:"glob",initial:globString},{onCancel:()=>process.exit(0)})).glob),logger4.log(`
-\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(dedent`
+\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(console.log("err message",err.message),err.message==="No files matched")console.log("going to run again"),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(dedent`
         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.
       
         However, please note that this might not work if you have an outdated tsconfig, use custom paths, or have type alias plugins configured in your project. You can always rerun this codemod and select another option to update your code later.
@@ -577,7 +577,7 @@ ${error}`).join(`
 ${error.stack}`),fixSummary.failed[f.id]=error.message),fixResults[f.id]="check_failed";}if(result){let promptType=typeof f.promptType=="function"?await f.promptType(result):f.promptType??"auto";logger23.info(`
 \u{1F50E} found a '${import_picocolors39.default.cyan(f.id)}' migration:`);let message=f.prompt(result),getTitle=()=>{switch(promptType){case"auto":return "Automigration detected";case"manual":return "Manual migration detected";case"notification":return "Migration notification"}};logger23.info(boxen(message,{borderStyle:"round",padding:1,borderColor:"#F1618C",title:getTitle()}));let runAnswer;try{if(dryRun)runAnswer={fix:!1};else if(yes)runAnswer={fix:!0},promptType==="manual"&&(fixResults[f.id]="manual_succeeded",fixSummary.manual.push(f.id));else if(promptType==="manual"){fixResults[f.id]="manual_succeeded",fixSummary.manual.push(f.id),logger23.info();let{shouldContinue}=await prompts7({type:"toggle",name:"shouldContinue",message:"Select continue once you have made the required changes, or quit to exit the migration process",initial:!0,active:"continue",inactive:"quit"},{onCancel:()=>{throw new Error}});if(!shouldContinue){fixResults[f.id]="manual_skipped";break}}else promptType==="auto"?runAnswer=await prompts7({type:"confirm",name:"fix",message:`Do you want to run the '${import_picocolors39.default.cyan(f.id)}' migration on your project?`,initial:f.promptDefaultValue??!0},{onCancel:()=>{throw new Error}}):promptType==="notification"&&(runAnswer=await prompts7({type:"confirm",name:"fix",message:"Do you want to continue?",initial:!0},{onCancel:()=>{throw new Error}}));}catch{break}if(promptType==="auto")if(invariant2(runAnswer,"runAnswer must be defined if not promptOnly"),runAnswer.fix)try{invariant2(typeof f.run=="function","run method should be available in fix."),invariant2(mainConfigPath,"Main config path should be defined to run migration."),await f.run({result,packageManager,dryRun,mainConfigPath,previewConfigPath,packageJson,mainConfig,skipInstall}),logger23.info(`\u2705 ran ${import_picocolors39.default.cyan(f.id)} migration`),fixResults[f.id]="succeeded",fixSummary.succeeded.push(f.id);}catch(error){fixResults[f.id]="failed",fixSummary.failed[f.id]=error instanceof Error?error.message:"Failed to run migration",logger23.info(`\u274C error when running ${import_picocolors39.default.cyan(f.id)} migration`),logger23.info(error),logger23.info();}else fixResults[f.id]="skipped",fixSummary.skipped.push(f.id);}else fixResults[f.id]=fixResults[f.id]||"unnecessary";}return {fixResults,fixSummary}}var import_picocolors40=__toESM(require_picocolors(),1);var exec2=async(command2,options={},{startMessage,errorMessage,dryRun}={})=>{if(startMessage&&logger$1.info(startMessage),dryRun){logger$1.info(`
 > ${command2}
-`);return}return logger$1.info(command2),new Promise((resolve,reject)=>{let child=spawn(command2,{...options,shell:!0,stdio:"pipe"});child.stderr.pipe(process.stdout),child.stdout.pipe(process.stdout),child.on("exit",code=>{code===0?resolve(void 0):(logger$1.error(import_picocolors40.default.red(`An error occurred while executing: \`${command2}\``)),errorMessage&&logger$1.info(errorMessage),reject(new Error(`command exited with code: ${code}: `)));});})},link=async({target,local,start})=>{let storybookDir=process.cwd();try{if(JSON.parse(await readFile("package.json",{encoding:"utf8"})).name!=="@storybook/root")throw new Error}catch{throw new Error("Expected to run link from the root of the storybook monorepo")}let reproDir=target,reproName=basename(target);if(!local){let reprosDir=join(storybookDir,"../storybook-repros");logger$1.info(`Ensuring directory ${reprosDir}`),await mkdir(reprosDir,{recursive:!0}),logger$1.info(`Cloning ${target}`),await exec2(`git clone ${target}`,{cwd:reprosDir}),reproName=basename(target,extname(target)),reproDir=join(reprosDir,reproName);}let version=sync("yarn",["--version"],{cwd:reproDir,stdio:"pipe",shell:!0}).stdout.toString();if(!/^[2-4]\./.test(version)){logger$1.warn(`\u{1F6A8} Expected yarn 2 or higher in ${reproDir}!`),logger$1.warn(""),logger$1.warn("Please set it up with `yarn set version berry`,"),logger$1.warn(`then link '${reproDir}' with the '--local' flag.`);return}logger$1.info(`Linking ${reproDir}`),await exec2(`yarn link --all --relative ${storybookDir}`,{cwd:reproDir}),logger$1.info(`Installing ${reproName}`);let reproPackageJson=JSON.parse(await readFile(join(reproDir,"package.json"),{encoding:"utf8"}));reproPackageJson.devDependencies?.vite||(reproPackageJson.devDependencies={...reproPackageJson.devDependencies,"webpack-hot-middleware":"*"}),reproPackageJson.devDependencies={...reproPackageJson.devDependencies,"@types/node":"^22"},await writeFile(join(reproDir,"package.json"),JSON.stringify(reproPackageJson,null,2)),await exec2("yarn install",{cwd:reproDir}),start&&(logger$1.info(`Running ${reproName} storybook`),await exec2("yarn run storybook",{cwd:reproDir}));};var logger25=console;async function migrate(migration,{glob:glob2,dryRun,list,rename:rename3,parser,configDir:userSpecifiedConfigDir}){if(list)listCodemods().forEach(key=>logger25.log(key));else if(migration){if(migration==="mdx-to-csf"&&!dryRun){let packageManager=JsPackageManagerFactory.getPackageManager(),{configDir,mainConfig,mainConfigPath,storybookVersion,packageJson}=await getStorybookData({packageManager,configDir:userSpecifiedConfigDir});if(!storybookVersion)throw new Error("Could not determine Storybook version");if(!mainConfigPath)throw new Error("Could not determine main config path");await runFixes({fixes:[mdxToCSF],configDir,mainConfigPath,packageManager,mainConfig,packageJson,storybookVersion,beforeVersion:storybookVersion,isUpgrade:!1}),await addStorybookBlocksPackage();}await runCodemod$1(migration,{glob:glob2,dryRun,logger:logger25,rename:rename3,parser});}else throw new Error("Migrate: please specify a migration name or --list")}async function addStorybookBlocksPackage(){let packageManager=JsPackageManagerFactory.getPackageManager(),packageJson=await packageManager.retrievePackageJson(),versionToInstall=getStorybookVersionSpecifier(await packageManager.retrievePackageJson());logger25.info('\u2705 Adding "@storybook/blocks" package'),await packageManager.addDependencies({installAsDevDependencies:!0,packageJson},[`@storybook/blocks@${versionToInstall}`]);}var import_picocolors41=__toESM(require_picocolors(),1);var baseTemplates={"cra/default-js":{name:"Create React App Latest (Webpack | JavaScript)",script:`
+`);return}return logger$1.info(command2),new Promise((resolve,reject)=>{let child=spawn(command2,{...options,shell:!0,stdio:"pipe"});child.stderr.pipe(process.stdout),child.stdout.pipe(process.stdout),child.on("exit",code=>{code===0?resolve(void 0):(logger$1.error(import_picocolors40.default.red(`An error occurred while executing: \`${command2}\``)),errorMessage&&logger$1.info(errorMessage),reject(new Error(`command exited with code: ${code}: `)));});})},link=async({target,local,start})=>{let storybookDir=process.cwd();try{if(JSON.parse(await readFile("package.json",{encoding:"utf8"})).name!=="@storybook/root")throw new Error}catch{throw new Error("Expected to run link from the root of the storybook monorepo")}let reproDir=target,reproName=basename(target);if(!local){let reprosDir=join(storybookDir,"../storybook-repros");logger$1.info(`Ensuring directory ${reprosDir}`),await mkdir(reprosDir,{recursive:!0}),logger$1.info(`Cloning ${target}`),await exec2(`git clone ${target}`,{cwd:reprosDir}),reproName=basename(target,extname(target)),reproDir=join(reprosDir,reproName);}let reproPackageJson=JSON.parse(await readFile(join(reproDir,"package.json"),{encoding:"utf8"})),version=sync("yarn",["--version"],{cwd:reproDir,stdio:"pipe",shell:!0}).stdout.toString();if(!/^[2-4]\./.test(version)){logger$1.warn(`\u{1F6A8} Expected yarn 2 or higher in ${reproDir}!`),logger$1.warn(""),logger$1.warn("Please set it up with `yarn set version berry`,"),logger$1.warn(`then link '${reproDir}' with the '--local' flag.`);return}logger$1.info(`Linking ${reproDir}`),await exec2(`yarn link --all --relative ${storybookDir}`,{cwd:reproDir}),logger$1.info(`Installing ${reproName}`),await exec2("yarn install",{cwd:reproDir}),reproPackageJson.devDependencies?.vite||await exec2("yarn add -D webpack-hot-middleware",{cwd:reproDir}),await exec2("yarn add @types/node@22",{cwd:reproDir}),start&&(logger$1.info(`Running ${reproName} storybook`),await exec2("yarn run storybook",{cwd:reproDir}));};var logger25=console;async function migrate(migration,{glob:glob2,dryRun,list,rename:rename3,parser,configDir:userSpecifiedConfigDir}){if(list)listCodemods().forEach(key=>logger25.log(key));else if(migration){if(migration==="mdx-to-csf"&&!dryRun){let packageManager=JsPackageManagerFactory.getPackageManager(),{configDir,mainConfig,mainConfigPath,storybookVersion,packageJson}=await getStorybookData({packageManager,configDir:userSpecifiedConfigDir});if(!storybookVersion)throw new Error("Could not determine Storybook version");if(!mainConfigPath)throw new Error("Could not determine main config path");await runFixes({fixes:[mdxToCSF],configDir,mainConfigPath,packageManager,mainConfig,packageJson,storybookVersion,beforeVersion:storybookVersion,isUpgrade:!1}),await addStorybookBlocksPackage();}await runCodemod$1(migration,{glob:glob2,dryRun,logger:logger25,rename:rename3,parser});}else throw new Error("Migrate: please specify a migration name or --list")}async function addStorybookBlocksPackage(){let packageManager=JsPackageManagerFactory.getPackageManager(),packageJson=await packageManager.retrievePackageJson(),versionToInstall=getStorybookVersionSpecifier(await packageManager.retrievePackageJson());logger25.info('\u2705 Adding "@storybook/blocks" package'),await packageManager.addDependencies({installAsDevDependencies:!0,packageJson},[`@storybook/blocks@${versionToInstall}`]);}var import_picocolors41=__toESM(require_picocolors(),1);var baseTemplates={"cra/default-js":{name:"Create React App Latest (Webpack | JavaScript)",script:`
       npx create-react-app {{beforeDir}} && cd {{beforeDir}} &&       jq '.browserslist.production[0] = ">0.9%"' package.json > tmp.json && mv tmp.json package.json
     `,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:`
       npx create-react-app {{beforeDir}} --template typescript && cd {{beforeDir}} &&       jq '.browserslist.production[0] = ">0.9%"' package.json > tmp.json && mv tmp.json package.json

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/cli",
-  "version": "0.0.0-pr-30197-sha-de13df08",
+  "version": "0.0.0-pr-30457-sha-ca5962ea",
   "description": "Storybook CLI",
   "keywords": [
     "storybook"
@@ -42,10 +42,10 @@
   "dependencies": {
     "@babel/core": "^7.24.4",
     "@babel/types": "^7.24.0",
-    "@storybook/codemod": "0.0.0-pr-30197-sha-de13df08",
+    "@storybook/codemod": "0.0.0-pr-30457-sha-ca5962ea",
     "@types/semver": "^7.3.4",
     "commander": "^12.1.0",
-    "create-storybook": "0.0.0-pr-30197-sha-de13df08",
+    "create-storybook": "0.0.0-pr-30457-sha-ca5962ea",
     "cross-spawn": "^7.0.3",
     "envinfo": "^7.7.3",
     "fd-package-json": "^1.2.0",
@@ -58,7 +58,7 @@
     "p-limit": "^6.2.0",
     "prompts": "^2.4.0",
     "semver": "^7.3.7",
-    "storybook": "0.0.0-pr-30197-sha-de13df08",
+    "storybook": "0.0.0-pr-30457-sha-ca5962ea",
     "tiny-invariant": "^1.3.1",
     "ts-dedent": "^2.0.0"
   },