create-storybook 0.0.0-pr-29424-sha-612c2fbc → 0.0.0-pr-29434-sha-c02fe507
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
CHANGED
@@ -73,7 +73,7 @@
|
|
73
73
|
Storybook 7.0+ doesn't support react-scripts@<5.0.0.
|
74
74
|
|
75
75
|
https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#create-react-app-dropped-cra4-support
|
76
|
-
`);let extraPackages=[];extraPackages.push("webpack"),extraPackages.push("prop-types");let extraAddons=["@storybook/preset-create-react-app","@storybook/addon-onboarding"];await baseGenerator(packageManager,npmOptions,{...options,builder:import_cli17.CoreBuilder.Webpack5},"react",{webpackCompiler:()=>{},extraAddons,extraPackages,staticDir:(0,import_node_fs2.existsSync)((0,import_node_path5.resolve)("./public"))?"public":void 0,extraMain})},REACT_SCRIPTS_default=generator9;var import_cli18=require("storybook/internal/cli");var generator10=async(packageManager,npmOptions,options)=>{await baseGenerator(packageManager,npmOptions,{...options,builder:import_cli18.CoreBuilder.Webpack5},"server",{webpackCompiler:()=>"swc",extensions:["json","yaml","yml"]})},SERVER_default=generator10;var import_cli19=require("storybook/internal/cli");var generator11=async(packageManager,npmOptions,options)=>{await baseGenerator(packageManager,npmOptions,{...options,builder:import_cli19.CoreBuilder.Vite},"solid",{},"solid")},SOLID_default=generator11;var import_cli20=require("storybook/internal/cli"),import_semver2=require("semver");var getAddonSvelteCsfVersion=async packageManager=>{let svelteVersion=await(0,import_cli20.getVersionSafe)(packageManager,"svelte");try{let svelteMajor=(0,import_semver2.major)(svelteVersion??"");if(svelteMajor===4)return"4";if(svelteMajor===5)return"^5.0.0-next.0"}catch{}return""},generator12=async(packageManager,npmOptions,options)=>{let addonSvelteCsfVersion=await getAddonSvelteCsfVersion(packageManager);await baseGenerator(packageManager,npmOptions,options,"svelte",{extensions:["js","ts","svelte"],extraAddons:[`@storybook/addon-svelte-csf${addonSvelteCsfVersion&&`@${addonSvelteCsfVersion}`}`]})},SVELTE_default=generator12;var import_cli21=require("storybook/internal/cli");var generator13=async(packageManager,npmOptions,options)=>{let addonSvelteCsfVersion=await getAddonSvelteCsfVersion(packageManager);await baseGenerator(packageManager,npmOptions,{...options,builder:import_cli21.CoreBuilder.Vite},"svelte",{extensions:["js","ts","svelte"],extraAddons:[`@storybook/addon-svelte-csf${addonSvelteCsfVersion&&`@${addonSvelteCsfVersion}`}`]},"sveltekit")},SVELTEKIT_default=generator13;var import_cli22=require("storybook/internal/cli");var generator14=async(packageManager,npmOptions,options)=>{await baseGenerator(packageManager,npmOptions,options,"vue3",{extraAddons:["@storybook/addon-onboarding"],extraPackages:async({builder})=>builder===import_cli22.CoreBuilder.Webpack5?["vue-loader@^17.0.0","@vue/compiler-sfc@^3.2.0"]:[],webpackCompiler:({builder})=>builder===import_cli22.CoreBuilder.Webpack5?"swc":void 0})},VUE3_default=generator14;var import_cli23=require("storybook/internal/cli");var generator15=async(packageManager,npmOptions,options)=>baseGenerator(packageManager,npmOptions,options,"web-components",{extraPackages:["lit"],webpackCompiler:({builder})=>builder===import_cli23.CoreBuilder.Webpack5?"swc":void 0}),WEB_COMPONENTS_default=generator15;var import_cli24=require("storybook/internal/cli");var generator16=async(packageManager,npmOptions,options)=>{await baseGenerator(packageManager,npmOptions,options,"react",{extraAddons:["@storybook/addon-onboarding"],webpackCompiler:({builder})=>builder===import_cli24.CoreBuilder.Webpack5?"swc":void 0})},WEBPACK_REACT_default=generator16;var import_node_fs3=require("fs"),import_promises3=require("fs/promises"),import_node_logger2=require("storybook/internal/node-logger"),import_server_errors=require("storybook/internal/server-errors"),import_telemetry=require("storybook/internal/telemetry");var import_execa=__toESM(require("execa"),1),import_picocolors=__toESM(require_picocolors(),1),import_prompts=__toESM(require("prompts"),1),import_ts_dedent4=require("ts-dedent"),SUPPORTED_PROJECTS={"react-vite-ts":{displayName:{type:"React",builder:"Vite",language:"TS"},createScript:{npm:"npm create vite@latest . -- --template react-ts",yarn:"yarn create vite@latest . --template react-ts",pnpm:"pnpm create vite@latest . --template react-ts"}},"nextjs-ts":{displayName:{type:"Next.js",language:"TS"},createScript:{npm:'npm create next-app . -- --typescript --use-npm --eslint --tailwind --no-app --import-alias="@/*" --src-dir',yarn:'
|
76
|
+
`);let extraPackages=[];extraPackages.push("webpack"),extraPackages.push("prop-types");let extraAddons=["@storybook/preset-create-react-app","@storybook/addon-onboarding"];await baseGenerator(packageManager,npmOptions,{...options,builder:import_cli17.CoreBuilder.Webpack5},"react",{webpackCompiler:()=>{},extraAddons,extraPackages,staticDir:(0,import_node_fs2.existsSync)((0,import_node_path5.resolve)("./public"))?"public":void 0,extraMain})},REACT_SCRIPTS_default=generator9;var import_cli18=require("storybook/internal/cli");var generator10=async(packageManager,npmOptions,options)=>{await baseGenerator(packageManager,npmOptions,{...options,builder:import_cli18.CoreBuilder.Webpack5},"server",{webpackCompiler:()=>"swc",extensions:["json","yaml","yml"]})},SERVER_default=generator10;var import_cli19=require("storybook/internal/cli");var generator11=async(packageManager,npmOptions,options)=>{await baseGenerator(packageManager,npmOptions,{...options,builder:import_cli19.CoreBuilder.Vite},"solid",{},"solid")},SOLID_default=generator11;var import_cli20=require("storybook/internal/cli"),import_semver2=require("semver");var getAddonSvelteCsfVersion=async packageManager=>{let svelteVersion=await(0,import_cli20.getVersionSafe)(packageManager,"svelte");try{let svelteMajor=(0,import_semver2.major)(svelteVersion??"");if(svelteMajor===4)return"4";if(svelteMajor===5)return"^5.0.0-next.0"}catch{}return""},generator12=async(packageManager,npmOptions,options)=>{let addonSvelteCsfVersion=await getAddonSvelteCsfVersion(packageManager);await baseGenerator(packageManager,npmOptions,options,"svelte",{extensions:["js","ts","svelte"],extraAddons:[`@storybook/addon-svelte-csf${addonSvelteCsfVersion&&`@${addonSvelteCsfVersion}`}`]})},SVELTE_default=generator12;var import_cli21=require("storybook/internal/cli");var generator13=async(packageManager,npmOptions,options)=>{let addonSvelteCsfVersion=await getAddonSvelteCsfVersion(packageManager);await baseGenerator(packageManager,npmOptions,{...options,builder:import_cli21.CoreBuilder.Vite},"svelte",{extensions:["js","ts","svelte"],extraAddons:[`@storybook/addon-svelte-csf${addonSvelteCsfVersion&&`@${addonSvelteCsfVersion}`}`]},"sveltekit")},SVELTEKIT_default=generator13;var import_cli22=require("storybook/internal/cli");var generator14=async(packageManager,npmOptions,options)=>{await baseGenerator(packageManager,npmOptions,options,"vue3",{extraAddons:["@storybook/addon-onboarding"],extraPackages:async({builder})=>builder===import_cli22.CoreBuilder.Webpack5?["vue-loader@^17.0.0","@vue/compiler-sfc@^3.2.0"]:[],webpackCompiler:({builder})=>builder===import_cli22.CoreBuilder.Webpack5?"swc":void 0})},VUE3_default=generator14;var import_cli23=require("storybook/internal/cli");var generator15=async(packageManager,npmOptions,options)=>baseGenerator(packageManager,npmOptions,options,"web-components",{extraPackages:["lit"],webpackCompiler:({builder})=>builder===import_cli23.CoreBuilder.Webpack5?"swc":void 0}),WEB_COMPONENTS_default=generator15;var import_cli24=require("storybook/internal/cli");var generator16=async(packageManager,npmOptions,options)=>{await baseGenerator(packageManager,npmOptions,options,"react",{extraAddons:["@storybook/addon-onboarding"],webpackCompiler:({builder})=>builder===import_cli24.CoreBuilder.Webpack5?"swc":void 0})},WEBPACK_REACT_default=generator16;var import_node_fs3=require("fs"),import_promises3=require("fs/promises"),import_node_logger2=require("storybook/internal/node-logger"),import_server_errors=require("storybook/internal/server-errors"),import_telemetry=require("storybook/internal/telemetry");var import_execa=__toESM(require("execa"),1),import_picocolors=__toESM(require_picocolors(),1),import_prompts=__toESM(require("prompts"),1),import_ts_dedent4=require("ts-dedent"),SUPPORTED_PROJECTS={"react-vite-ts":{displayName:{type:"React",builder:"Vite",language:"TS"},createScript:{npm:"npm create vite@latest . -- --template react-ts",yarn:"yarn create vite@latest . --template react-ts",pnpm:"pnpm create vite@latest . --template react-ts"}},"nextjs-ts":{displayName:{type:"Next.js",language:"TS"},createScript:{npm:'npm create next-app@^14 . -- --typescript --use-npm --eslint --tailwind --no-app --import-alias="@/*" --src-dir',yarn:'npx create-next-app@^14 . --typescript --use-yarn --eslint --tailwind --no-app --import-alias="@/*" --src-dir',pnpm:'pnpm create next-app^14 . --typescript --use-pnpm --eslint --tailwind --no-app --import-alias="@/*" --src-dir'}},"vue-vite-ts":{displayName:{type:"Vue 3",builder:"Vite",language:"TS"},createScript:{npm:"npm create vite@latest . -- --template vue-ts",yarn:"yarn create vite@latest . --template vue-ts",pnpm:"pnpm create vite@latest . --template vue-ts"}},"angular-cli":{displayName:{type:"Angular",language:"TS"},createScript:{npm:"npx -p @angular/cli@latest ng new angular-latest --directory . --routing=true --minimal=true --style=scss --strict --skip-git --skip-install",yarn:"yarn dlx -p @angular/cli ng new angular-latest --directory . --routing=true --minimal=true --style=scss --strict --skip-git --package-manager=yarn --skip-install && touch yarn.lock && yarn set version berry && yarn config set nodeLinker node-modules",pnpm:"pnpm --package @angular/cli dlx ng new angular-latest --directory . --routing=true --minimal=true --style=scss --strict --skip-git --package-manager=pnpm --skip-install"}},"lit-vite-ts":{displayName:{type:"Lit",builder:"Vite",language:"TS"},createScript:{npm:"npm create vite@latest . -- --template lit-ts",yarn:"yarn create vite@latest . --template lit-ts && touch yarn.lock && yarn set version berry && yarn config set nodeLinker pnp",pnpm:"pnpm create vite@latest . --template lit-ts"}}},packageManagerToCoercedName=packageManager=>{switch(packageManager){case"npm":return"npm";case"pnpm":return"pnpm";default:return"yarn"}},buildProjectDisplayNameForPrint=({displayName})=>{let{type,builder,language}=displayName;return`${import_picocolors.default.bold(import_picocolors.default.blue(type))} ${builder?`+ ${builder} `:""}(${language})`},scaffoldNewProject=async(packageManager,{disableTelemetry})=>{let packageManagerName=packageManagerToCoercedName(packageManager);import_node_logger2.logger.plain(boxen(import_ts_dedent4.dedent`
|
77
77
|
Would you like to generate a new project from the following list?
|
78
78
|
|
79
79
|
${import_picocolors.default.bold("Note:")}
|
@@ -85,7 +85,7 @@
|
|
85
85
|
"${projectDisplayName}" project with ${import_picocolors.default.bold(packageManagerName)} created successfully!
|
86
86
|
|
87
87
|
Continuing with Storybook installation...
|
88
|
-
`,{title:import_picocolors.default.bold("\u2705 Success!"),padding:1,borderStyle:"double",borderColor:"green"})),import_node_logger2.logger.line(1)},BASE_IGNORED_FILES=[".git",".gitignore",".DS_Store",".cache"],IGNORED_FILES_BY_PACKAGE_MANAGER={npm:[...BASE_IGNORED_FILES],yarn:[...BASE_IGNORED_FILES,".yarnrc.yml",".yarn"],pnpm:[...BASE_IGNORED_FILES]},currentDirectoryIsEmpty=packageManager=>{let packageManagerName=packageManagerToCoercedName(packageManager),cwdFolderEntries=(0,import_node_fs3.readdirSync)(process.cwd()),filesToIgnore=IGNORED_FILES_BY_PACKAGE_MANAGER[packageManagerName];return cwdFolderEntries.length===0||cwdFolderEntries.every(entry=>filesToIgnore.includes(entry))};var logger4=console,installStorybook=async(projectType,packageManager,options)=>{let npmOptions={installAsDevDependencies:!0,skipInstall:options.skipInstall},language=await(0,import_cli26.detectLanguage)(packageManager),pnp=await(0,import_cli26.detectPnp)(),generatorOptions={language,builder:options.builder,linkable:!!options.linkable,pnp:pnp||options.usePnp,yes:options.yes,projectType},runGenerator=async()=>{switch(projectType){case import_cli25.ProjectType.REACT_SCRIPTS:return REACT_SCRIPTS_default(packageManager,npmOptions,generatorOptions).then((0,import_common3.commandLog)('Adding Storybook support to your "Create React App" based project'));case import_cli25.ProjectType.REACT:return REACT_default(packageManager,npmOptions,generatorOptions).then((0,import_common3.commandLog)('Adding Storybook support to your "React" app'));case import_cli25.ProjectType.REACT_NATIVE:return REACT_NATIVE_default(packageManager,npmOptions).then((0,import_common3.commandLog)('Adding Storybook support to your "React Native" app'));case import_cli25.ProjectType.QWIK:return QWIK_default(packageManager,npmOptions,generatorOptions).then((0,import_common3.commandLog)('Adding Storybook support to your "Qwik" app'));case import_cli25.ProjectType.WEBPACK_REACT:return WEBPACK_REACT_default(packageManager,npmOptions,generatorOptions).then((0,import_common3.commandLog)('Adding Storybook support to your "Webpack React" app'));case import_cli25.ProjectType.REACT_PROJECT:return REACT_default(packageManager,npmOptions,generatorOptions).then((0,import_common3.commandLog)('Adding Storybook support to your "React" library'));case import_cli25.ProjectType.NEXTJS:return NEXTJS_default(packageManager,npmOptions,generatorOptions).then((0,import_common3.commandLog)('Adding Storybook support to your "Next" app'));case import_cli25.ProjectType.VUE3:return VUE3_default(packageManager,npmOptions,generatorOptions).then((0,import_common3.commandLog)('Adding Storybook support to your "Vue 3" app'));case import_cli25.ProjectType.ANGULAR:return(0,import_common3.commandLog)('Adding Storybook support to your "Angular" app'),ANGULAR_default(packageManager,npmOptions,generatorOptions,options);case import_cli25.ProjectType.EMBER:return EMBER_default(packageManager,npmOptions,generatorOptions).then((0,import_common3.commandLog)('Adding Storybook support to your "Ember" app'));case import_cli25.ProjectType.HTML:return HTML_default(packageManager,npmOptions,generatorOptions).then((0,import_common3.commandLog)('Adding Storybook support to your "HTML" app'));case import_cli25.ProjectType.WEB_COMPONENTS:return WEB_COMPONENTS_default(packageManager,npmOptions,generatorOptions).then((0,import_common3.commandLog)('Adding Storybook support to your "web components" app'));case import_cli25.ProjectType.PREACT:return PREACT_default(packageManager,npmOptions,generatorOptions).then((0,import_common3.commandLog)('Adding Storybook support to your "Preact" app'));case import_cli25.ProjectType.SVELTE:return SVELTE_default(packageManager,npmOptions,generatorOptions).then((0,import_common3.commandLog)('Adding Storybook support to your "Svelte" app'));case import_cli25.ProjectType.SVELTEKIT:return SVELTEKIT_default(packageManager,npmOptions,generatorOptions).then((0,import_common3.commandLog)('Adding Storybook support to your "SvelteKit" app'));case import_cli25.ProjectType.SERVER:return SERVER_default(packageManager,npmOptions,generatorOptions).then((0,import_common3.commandLog)('Adding Storybook support to your "Server" app'));case import_cli25.ProjectType.NX:throw new import_server_errors2.NxProjectDetectedError;case import_cli25.ProjectType.SOLID:return SOLID_default(packageManager,npmOptions,generatorOptions).then((0,import_common3.commandLog)('Adding Storybook support to your "SolidJS" app'));case import_cli25.ProjectType.UNSUPPORTED:return(0,import_common3.paddedLog)("We detected a project type that we don't support yet."),(0,import_common3.paddedLog)("If you'd like your framework to be supported, please let use know about it at https://github.com/storybookjs/storybook/issues"),logger4.log(),Promise.resolve();default:return(0,import_common3.paddedLog)(`We couldn't detect your project type. (code: ${projectType})`),(0,import_common3.paddedLog)("You can specify a project type explicitly via `storybook init --type <type>`, see our docs on how to configure Storybook for your framework: https://storybook.js.org/docs/
|
88
|
+
`,{title:import_picocolors.default.bold("\u2705 Success!"),padding:1,borderStyle:"double",borderColor:"green"})),import_node_logger2.logger.line(1)},BASE_IGNORED_FILES=[".git",".gitignore",".DS_Store",".cache"],IGNORED_FILES_BY_PACKAGE_MANAGER={npm:[...BASE_IGNORED_FILES],yarn:[...BASE_IGNORED_FILES,".yarnrc.yml",".yarn"],pnpm:[...BASE_IGNORED_FILES]},currentDirectoryIsEmpty=packageManager=>{let packageManagerName=packageManagerToCoercedName(packageManager),cwdFolderEntries=(0,import_node_fs3.readdirSync)(process.cwd()),filesToIgnore=IGNORED_FILES_BY_PACKAGE_MANAGER[packageManagerName];return cwdFolderEntries.length===0||cwdFolderEntries.every(entry=>filesToIgnore.includes(entry))};var logger4=console,installStorybook=async(projectType,packageManager,options)=>{let npmOptions={installAsDevDependencies:!0,skipInstall:options.skipInstall},language=await(0,import_cli26.detectLanguage)(packageManager),pnp=await(0,import_cli26.detectPnp)(),generatorOptions={language,builder:options.builder,linkable:!!options.linkable,pnp:pnp||options.usePnp,yes:options.yes,projectType},runGenerator=async()=>{switch(projectType){case import_cli25.ProjectType.REACT_SCRIPTS:return REACT_SCRIPTS_default(packageManager,npmOptions,generatorOptions).then((0,import_common3.commandLog)('Adding Storybook support to your "Create React App" based project'));case import_cli25.ProjectType.REACT:return REACT_default(packageManager,npmOptions,generatorOptions).then((0,import_common3.commandLog)('Adding Storybook support to your "React" app'));case import_cli25.ProjectType.REACT_NATIVE:return REACT_NATIVE_default(packageManager,npmOptions).then((0,import_common3.commandLog)('Adding Storybook support to your "React Native" app'));case import_cli25.ProjectType.QWIK:return QWIK_default(packageManager,npmOptions,generatorOptions).then((0,import_common3.commandLog)('Adding Storybook support to your "Qwik" app'));case import_cli25.ProjectType.WEBPACK_REACT:return WEBPACK_REACT_default(packageManager,npmOptions,generatorOptions).then((0,import_common3.commandLog)('Adding Storybook support to your "Webpack React" app'));case import_cli25.ProjectType.REACT_PROJECT:return REACT_default(packageManager,npmOptions,generatorOptions).then((0,import_common3.commandLog)('Adding Storybook support to your "React" library'));case import_cli25.ProjectType.NEXTJS:return NEXTJS_default(packageManager,npmOptions,generatorOptions).then((0,import_common3.commandLog)('Adding Storybook support to your "Next" app'));case import_cli25.ProjectType.VUE3:return VUE3_default(packageManager,npmOptions,generatorOptions).then((0,import_common3.commandLog)('Adding Storybook support to your "Vue 3" app'));case import_cli25.ProjectType.ANGULAR:return(0,import_common3.commandLog)('Adding Storybook support to your "Angular" app'),ANGULAR_default(packageManager,npmOptions,generatorOptions,options);case import_cli25.ProjectType.EMBER:return EMBER_default(packageManager,npmOptions,generatorOptions).then((0,import_common3.commandLog)('Adding Storybook support to your "Ember" app'));case import_cli25.ProjectType.HTML:return HTML_default(packageManager,npmOptions,generatorOptions).then((0,import_common3.commandLog)('Adding Storybook support to your "HTML" app'));case import_cli25.ProjectType.WEB_COMPONENTS:return WEB_COMPONENTS_default(packageManager,npmOptions,generatorOptions).then((0,import_common3.commandLog)('Adding Storybook support to your "web components" app'));case import_cli25.ProjectType.PREACT:return PREACT_default(packageManager,npmOptions,generatorOptions).then((0,import_common3.commandLog)('Adding Storybook support to your "Preact" app'));case import_cli25.ProjectType.SVELTE:return SVELTE_default(packageManager,npmOptions,generatorOptions).then((0,import_common3.commandLog)('Adding Storybook support to your "Svelte" app'));case import_cli25.ProjectType.SVELTEKIT:return SVELTEKIT_default(packageManager,npmOptions,generatorOptions).then((0,import_common3.commandLog)('Adding Storybook support to your "SvelteKit" app'));case import_cli25.ProjectType.SERVER:return SERVER_default(packageManager,npmOptions,generatorOptions).then((0,import_common3.commandLog)('Adding Storybook support to your "Server" app'));case import_cli25.ProjectType.NX:throw new import_server_errors2.NxProjectDetectedError;case import_cli25.ProjectType.SOLID:return SOLID_default(packageManager,npmOptions,generatorOptions).then((0,import_common3.commandLog)('Adding Storybook support to your "SolidJS" app'));case import_cli25.ProjectType.UNSUPPORTED:return(0,import_common3.paddedLog)("We detected a project type that we don't support yet."),(0,import_common3.paddedLog)("If you'd like your framework to be supported, please let use know about it at https://github.com/storybookjs/storybook/issues"),logger4.log(),Promise.resolve();default:return(0,import_common3.paddedLog)(`We couldn't detect your project type. (code: ${projectType})`),(0,import_common3.paddedLog)("You can specify a project type explicitly via `storybook init --type <type>`, see our docs on how to configure Storybook for your framework: https://storybook.js.org/docs/get-started/install"),logger4.log(),projectTypeInquirer(options,packageManager)}};try{return await runGenerator()}catch(err){throw err?.message!=="Canceled by the user"&&err?.stack&&logger4.error(`
|
89
89
|
${import_picocolors2.default.red(err.stack)}`),new import_common3.HandledError(err)}},projectTypeInquirer=async(options,packageManager)=>{let manualAnswer=options.yes?!0:await(0,import_prompts2.default)([{type:"confirm",name:"manual",message:"Do you want to manually choose a Storybook project type to install?"}]);if(manualAnswer!==!0&&manualAnswer.manual){let{manualFramework}=await(0,import_prompts2.default)([{type:"select",name:"manualFramework",message:"Please choose a project type from the following list:",choices:import_cli25.installableProjectTypes.map(type=>({title:type,value:type.toUpperCase()}))}]);if(manualFramework)return installStorybook(manualFramework,packageManager,options)}logger4.log(),logger4.log("For more information about installing Storybook: https://storybook.js.org/docs"),process.exit(0)};async function doInitiate(options){let{packageManager:pkgMgr}=options,packageManager=import_common3.JsPackageManagerFactory.getPackageManager({force:pkgMgr}),latestVersion=await packageManager.latestVersion("storybook"),currentVersion=import_common3.versions.storybook,isPrerelease=(0,import_semver3.prerelease)(currentVersion),isOutdated=(0,import_semver3.lt)(currentVersion,latestVersion),borderColor=isOutdated?"#FC521F":"#F1618C",messages={welcome:`Adding Storybook version ${import_picocolors2.default.bold(currentVersion)} to your project..`,notLatest:import_picocolors2.default.red(import_ts_dedent5.dedent`
|
90
90
|
This version is behind the latest release, which is: ${import_picocolors2.default.bold(latestVersion)}!
|
91
91
|
You likely ran the init command through npx, which can use a locally cached version, to get the latest please run:
|
package/dist/bin/index.js
CHANGED
@@ -93,7 +93,7 @@ var __create=Object.create;var __defProp=Object.defineProperty;var __getOwnPropD
|
|
93
93
|
Storybook 7.0+ doesn't support react-scripts@<5.0.0.
|
94
94
|
|
95
95
|
https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#create-react-app-dropped-cra4-support
|
96
|
-
`);let extraPackages=[];extraPackages.push("webpack"),extraPackages.push("prop-types");let extraAddons=["@storybook/preset-create-react-app","@storybook/addon-onboarding"];await baseGenerator(packageManager,npmOptions,{...options,builder:CoreBuilder.Webpack5},"react",{webpackCompiler:()=>{},extraAddons,extraPackages,staticDir:existsSync(resolve("./public"))?"public":void 0,extraMain});},REACT_SCRIPTS_default=generator9;var generator10=async(packageManager,npmOptions,options)=>{await baseGenerator(packageManager,npmOptions,{...options,builder:CoreBuilder.Webpack5},"server",{webpackCompiler:()=>"swc",extensions:["json","yaml","yml"]});},SERVER_default=generator10;var generator11=async(packageManager,npmOptions,options)=>{await baseGenerator(packageManager,npmOptions,{...options,builder:CoreBuilder.Vite},"solid",{},"solid");},SOLID_default=generator11;var getAddonSvelteCsfVersion=async packageManager=>{let svelteVersion=await getVersionSafe(packageManager,"svelte");try{let svelteMajor=major(svelteVersion??"");if(svelteMajor===4)return "4";if(svelteMajor===5)return "^5.0.0-next.0"}catch{}return ""},generator12=async(packageManager,npmOptions,options)=>{let addonSvelteCsfVersion=await getAddonSvelteCsfVersion(packageManager);await baseGenerator(packageManager,npmOptions,options,"svelte",{extensions:["js","ts","svelte"],extraAddons:[`@storybook/addon-svelte-csf${addonSvelteCsfVersion&&`@${addonSvelteCsfVersion}`}`]});},SVELTE_default=generator12;var generator13=async(packageManager,npmOptions,options)=>{let addonSvelteCsfVersion=await getAddonSvelteCsfVersion(packageManager);await baseGenerator(packageManager,npmOptions,{...options,builder:CoreBuilder.Vite},"svelte",{extensions:["js","ts","svelte"],extraAddons:[`@storybook/addon-svelte-csf${addonSvelteCsfVersion&&`@${addonSvelteCsfVersion}`}`]},"sveltekit");},SVELTEKIT_default=generator13;var generator14=async(packageManager,npmOptions,options)=>{await baseGenerator(packageManager,npmOptions,options,"vue3",{extraAddons:["@storybook/addon-onboarding"],extraPackages:async({builder})=>builder===CoreBuilder.Webpack5?["vue-loader@^17.0.0","@vue/compiler-sfc@^3.2.0"]:[],webpackCompiler:({builder})=>builder===CoreBuilder.Webpack5?"swc":void 0});},VUE3_default=generator14;var generator15=async(packageManager,npmOptions,options)=>baseGenerator(packageManager,npmOptions,options,"web-components",{extraPackages:["lit"],webpackCompiler:({builder})=>builder===CoreBuilder.Webpack5?"swc":void 0}),WEB_COMPONENTS_default=generator15;var generator16=async(packageManager,npmOptions,options)=>{await baseGenerator(packageManager,npmOptions,options,"react",{extraAddons:["@storybook/addon-onboarding"],webpackCompiler:({builder})=>builder===CoreBuilder.Webpack5?"swc":void 0});},WEBPACK_REACT_default=generator16;var import_picocolors=__toESM(require_picocolors(),1);var SUPPORTED_PROJECTS={"react-vite-ts":{displayName:{type:"React",builder:"Vite",language:"TS"},createScript:{npm:"npm create vite@latest . -- --template react-ts",yarn:"yarn create vite@latest . --template react-ts",pnpm:"pnpm create vite@latest . --template react-ts"}},"nextjs-ts":{displayName:{type:"Next.js",language:"TS"},createScript:{npm:'npm create next-app . -- --typescript --use-npm --eslint --tailwind --no-app --import-alias="@/*" --src-dir',yarn:'
|
96
|
+
`);let extraPackages=[];extraPackages.push("webpack"),extraPackages.push("prop-types");let extraAddons=["@storybook/preset-create-react-app","@storybook/addon-onboarding"];await baseGenerator(packageManager,npmOptions,{...options,builder:CoreBuilder.Webpack5},"react",{webpackCompiler:()=>{},extraAddons,extraPackages,staticDir:existsSync(resolve("./public"))?"public":void 0,extraMain});},REACT_SCRIPTS_default=generator9;var generator10=async(packageManager,npmOptions,options)=>{await baseGenerator(packageManager,npmOptions,{...options,builder:CoreBuilder.Webpack5},"server",{webpackCompiler:()=>"swc",extensions:["json","yaml","yml"]});},SERVER_default=generator10;var generator11=async(packageManager,npmOptions,options)=>{await baseGenerator(packageManager,npmOptions,{...options,builder:CoreBuilder.Vite},"solid",{},"solid");},SOLID_default=generator11;var getAddonSvelteCsfVersion=async packageManager=>{let svelteVersion=await getVersionSafe(packageManager,"svelte");try{let svelteMajor=major(svelteVersion??"");if(svelteMajor===4)return "4";if(svelteMajor===5)return "^5.0.0-next.0"}catch{}return ""},generator12=async(packageManager,npmOptions,options)=>{let addonSvelteCsfVersion=await getAddonSvelteCsfVersion(packageManager);await baseGenerator(packageManager,npmOptions,options,"svelte",{extensions:["js","ts","svelte"],extraAddons:[`@storybook/addon-svelte-csf${addonSvelteCsfVersion&&`@${addonSvelteCsfVersion}`}`]});},SVELTE_default=generator12;var generator13=async(packageManager,npmOptions,options)=>{let addonSvelteCsfVersion=await getAddonSvelteCsfVersion(packageManager);await baseGenerator(packageManager,npmOptions,{...options,builder:CoreBuilder.Vite},"svelte",{extensions:["js","ts","svelte"],extraAddons:[`@storybook/addon-svelte-csf${addonSvelteCsfVersion&&`@${addonSvelteCsfVersion}`}`]},"sveltekit");},SVELTEKIT_default=generator13;var generator14=async(packageManager,npmOptions,options)=>{await baseGenerator(packageManager,npmOptions,options,"vue3",{extraAddons:["@storybook/addon-onboarding"],extraPackages:async({builder})=>builder===CoreBuilder.Webpack5?["vue-loader@^17.0.0","@vue/compiler-sfc@^3.2.0"]:[],webpackCompiler:({builder})=>builder===CoreBuilder.Webpack5?"swc":void 0});},VUE3_default=generator14;var generator15=async(packageManager,npmOptions,options)=>baseGenerator(packageManager,npmOptions,options,"web-components",{extraPackages:["lit"],webpackCompiler:({builder})=>builder===CoreBuilder.Webpack5?"swc":void 0}),WEB_COMPONENTS_default=generator15;var generator16=async(packageManager,npmOptions,options)=>{await baseGenerator(packageManager,npmOptions,options,"react",{extraAddons:["@storybook/addon-onboarding"],webpackCompiler:({builder})=>builder===CoreBuilder.Webpack5?"swc":void 0});},WEBPACK_REACT_default=generator16;var import_picocolors=__toESM(require_picocolors(),1);var SUPPORTED_PROJECTS={"react-vite-ts":{displayName:{type:"React",builder:"Vite",language:"TS"},createScript:{npm:"npm create vite@latest . -- --template react-ts",yarn:"yarn create vite@latest . --template react-ts",pnpm:"pnpm create vite@latest . --template react-ts"}},"nextjs-ts":{displayName:{type:"Next.js",language:"TS"},createScript:{npm:'npm create next-app@^14 . -- --typescript --use-npm --eslint --tailwind --no-app --import-alias="@/*" --src-dir',yarn:'npx create-next-app@^14 . --typescript --use-yarn --eslint --tailwind --no-app --import-alias="@/*" --src-dir',pnpm:'pnpm create next-app^14 . --typescript --use-pnpm --eslint --tailwind --no-app --import-alias="@/*" --src-dir'}},"vue-vite-ts":{displayName:{type:"Vue 3",builder:"Vite",language:"TS"},createScript:{npm:"npm create vite@latest . -- --template vue-ts",yarn:"yarn create vite@latest . --template vue-ts",pnpm:"pnpm create vite@latest . --template vue-ts"}},"angular-cli":{displayName:{type:"Angular",language:"TS"},createScript:{npm:"npx -p @angular/cli@latest ng new angular-latest --directory . --routing=true --minimal=true --style=scss --strict --skip-git --skip-install",yarn:"yarn dlx -p @angular/cli ng new angular-latest --directory . --routing=true --minimal=true --style=scss --strict --skip-git --package-manager=yarn --skip-install && touch yarn.lock && yarn set version berry && yarn config set nodeLinker node-modules",pnpm:"pnpm --package @angular/cli dlx ng new angular-latest --directory . --routing=true --minimal=true --style=scss --strict --skip-git --package-manager=pnpm --skip-install"}},"lit-vite-ts":{displayName:{type:"Lit",builder:"Vite",language:"TS"},createScript:{npm:"npm create vite@latest . -- --template lit-ts",yarn:"yarn create vite@latest . --template lit-ts && touch yarn.lock && yarn set version berry && yarn config set nodeLinker pnp",pnpm:"pnpm create vite@latest . --template lit-ts"}}},packageManagerToCoercedName=packageManager=>{switch(packageManager){case"npm":return "npm";case"pnpm":return "pnpm";default:return "yarn"}},buildProjectDisplayNameForPrint=({displayName})=>{let{type,builder,language}=displayName;return `${import_picocolors.default.bold(import_picocolors.default.blue(type))} ${builder?`+ ${builder} `:""}(${language})`},scaffoldNewProject=async(packageManager,{disableTelemetry})=>{let packageManagerName=packageManagerToCoercedName(packageManager);logger.plain(boxen(dedent`
|
97
97
|
Would you like to generate a new project from the following list?
|
98
98
|
|
99
99
|
${import_picocolors.default.bold("Note:")}
|
@@ -105,7 +105,7 @@ var __create=Object.create;var __defProp=Object.defineProperty;var __getOwnPropD
|
|
105
105
|
"${projectDisplayName}" project with ${import_picocolors.default.bold(packageManagerName)} created successfully!
|
106
106
|
|
107
107
|
Continuing with Storybook installation...
|
108
|
-
`,{title:import_picocolors.default.bold("\u2705 Success!"),padding:1,borderStyle:"double",borderColor:"green"})),logger.line(1);},BASE_IGNORED_FILES=[".git",".gitignore",".DS_Store",".cache"],IGNORED_FILES_BY_PACKAGE_MANAGER={npm:[...BASE_IGNORED_FILES],yarn:[...BASE_IGNORED_FILES,".yarnrc.yml",".yarn"],pnpm:[...BASE_IGNORED_FILES]},currentDirectoryIsEmpty=packageManager=>{let packageManagerName=packageManagerToCoercedName(packageManager),cwdFolderEntries=readdirSync(process.cwd()),filesToIgnore=IGNORED_FILES_BY_PACKAGE_MANAGER[packageManagerName];return cwdFolderEntries.length===0||cwdFolderEntries.every(entry=>filesToIgnore.includes(entry))};var logger4=console,installStorybook=async(projectType,packageManager,options)=>{let npmOptions={installAsDevDependencies:!0,skipInstall:options.skipInstall},language=await detectLanguage(packageManager),pnp=await detectPnp(),generatorOptions={language,builder:options.builder,linkable:!!options.linkable,pnp:pnp||options.usePnp,yes:options.yes,projectType},runGenerator=async()=>{switch(projectType){case ProjectType.REACT_SCRIPTS:return REACT_SCRIPTS_default(packageManager,npmOptions,generatorOptions).then(commandLog('Adding Storybook support to your "Create React App" based project'));case ProjectType.REACT:return REACT_default(packageManager,npmOptions,generatorOptions).then(commandLog('Adding Storybook support to your "React" app'));case ProjectType.REACT_NATIVE:return REACT_NATIVE_default(packageManager,npmOptions).then(commandLog('Adding Storybook support to your "React Native" app'));case ProjectType.QWIK:return QWIK_default(packageManager,npmOptions,generatorOptions).then(commandLog('Adding Storybook support to your "Qwik" app'));case ProjectType.WEBPACK_REACT:return WEBPACK_REACT_default(packageManager,npmOptions,generatorOptions).then(commandLog('Adding Storybook support to your "Webpack React" app'));case ProjectType.REACT_PROJECT:return REACT_default(packageManager,npmOptions,generatorOptions).then(commandLog('Adding Storybook support to your "React" library'));case ProjectType.NEXTJS:return NEXTJS_default(packageManager,npmOptions,generatorOptions).then(commandLog('Adding Storybook support to your "Next" app'));case ProjectType.VUE3:return VUE3_default(packageManager,npmOptions,generatorOptions).then(commandLog('Adding Storybook support to your "Vue 3" app'));case ProjectType.ANGULAR:return commandLog('Adding Storybook support to your "Angular" app'),ANGULAR_default(packageManager,npmOptions,generatorOptions,options);case ProjectType.EMBER:return EMBER_default(packageManager,npmOptions,generatorOptions).then(commandLog('Adding Storybook support to your "Ember" app'));case ProjectType.HTML:return HTML_default(packageManager,npmOptions,generatorOptions).then(commandLog('Adding Storybook support to your "HTML" app'));case ProjectType.WEB_COMPONENTS:return WEB_COMPONENTS_default(packageManager,npmOptions,generatorOptions).then(commandLog('Adding Storybook support to your "web components" app'));case ProjectType.PREACT:return PREACT_default(packageManager,npmOptions,generatorOptions).then(commandLog('Adding Storybook support to your "Preact" app'));case ProjectType.SVELTE:return SVELTE_default(packageManager,npmOptions,generatorOptions).then(commandLog('Adding Storybook support to your "Svelte" app'));case ProjectType.SVELTEKIT:return SVELTEKIT_default(packageManager,npmOptions,generatorOptions).then(commandLog('Adding Storybook support to your "SvelteKit" app'));case ProjectType.SERVER:return SERVER_default(packageManager,npmOptions,generatorOptions).then(commandLog('Adding Storybook support to your "Server" app'));case ProjectType.NX:throw new NxProjectDetectedError;case ProjectType.SOLID:return SOLID_default(packageManager,npmOptions,generatorOptions).then(commandLog('Adding Storybook support to your "SolidJS" app'));case ProjectType.UNSUPPORTED:return paddedLog("We detected a project type that we don't support yet."),paddedLog("If you'd like your framework to be supported, please let use know about it at https://github.com/storybookjs/storybook/issues"),logger4.log(),Promise.resolve();default:return paddedLog(`We couldn't detect your project type. (code: ${projectType})`),paddedLog("You can specify a project type explicitly via `storybook init --type <type>`, see our docs on how to configure Storybook for your framework: https://storybook.js.org/docs/
|
108
|
+
`,{title:import_picocolors.default.bold("\u2705 Success!"),padding:1,borderStyle:"double",borderColor:"green"})),logger.line(1);},BASE_IGNORED_FILES=[".git",".gitignore",".DS_Store",".cache"],IGNORED_FILES_BY_PACKAGE_MANAGER={npm:[...BASE_IGNORED_FILES],yarn:[...BASE_IGNORED_FILES,".yarnrc.yml",".yarn"],pnpm:[...BASE_IGNORED_FILES]},currentDirectoryIsEmpty=packageManager=>{let packageManagerName=packageManagerToCoercedName(packageManager),cwdFolderEntries=readdirSync(process.cwd()),filesToIgnore=IGNORED_FILES_BY_PACKAGE_MANAGER[packageManagerName];return cwdFolderEntries.length===0||cwdFolderEntries.every(entry=>filesToIgnore.includes(entry))};var logger4=console,installStorybook=async(projectType,packageManager,options)=>{let npmOptions={installAsDevDependencies:!0,skipInstall:options.skipInstall},language=await detectLanguage(packageManager),pnp=await detectPnp(),generatorOptions={language,builder:options.builder,linkable:!!options.linkable,pnp:pnp||options.usePnp,yes:options.yes,projectType},runGenerator=async()=>{switch(projectType){case ProjectType.REACT_SCRIPTS:return REACT_SCRIPTS_default(packageManager,npmOptions,generatorOptions).then(commandLog('Adding Storybook support to your "Create React App" based project'));case ProjectType.REACT:return REACT_default(packageManager,npmOptions,generatorOptions).then(commandLog('Adding Storybook support to your "React" app'));case ProjectType.REACT_NATIVE:return REACT_NATIVE_default(packageManager,npmOptions).then(commandLog('Adding Storybook support to your "React Native" app'));case ProjectType.QWIK:return QWIK_default(packageManager,npmOptions,generatorOptions).then(commandLog('Adding Storybook support to your "Qwik" app'));case ProjectType.WEBPACK_REACT:return WEBPACK_REACT_default(packageManager,npmOptions,generatorOptions).then(commandLog('Adding Storybook support to your "Webpack React" app'));case ProjectType.REACT_PROJECT:return REACT_default(packageManager,npmOptions,generatorOptions).then(commandLog('Adding Storybook support to your "React" library'));case ProjectType.NEXTJS:return NEXTJS_default(packageManager,npmOptions,generatorOptions).then(commandLog('Adding Storybook support to your "Next" app'));case ProjectType.VUE3:return VUE3_default(packageManager,npmOptions,generatorOptions).then(commandLog('Adding Storybook support to your "Vue 3" app'));case ProjectType.ANGULAR:return commandLog('Adding Storybook support to your "Angular" app'),ANGULAR_default(packageManager,npmOptions,generatorOptions,options);case ProjectType.EMBER:return EMBER_default(packageManager,npmOptions,generatorOptions).then(commandLog('Adding Storybook support to your "Ember" app'));case ProjectType.HTML:return HTML_default(packageManager,npmOptions,generatorOptions).then(commandLog('Adding Storybook support to your "HTML" app'));case ProjectType.WEB_COMPONENTS:return WEB_COMPONENTS_default(packageManager,npmOptions,generatorOptions).then(commandLog('Adding Storybook support to your "web components" app'));case ProjectType.PREACT:return PREACT_default(packageManager,npmOptions,generatorOptions).then(commandLog('Adding Storybook support to your "Preact" app'));case ProjectType.SVELTE:return SVELTE_default(packageManager,npmOptions,generatorOptions).then(commandLog('Adding Storybook support to your "Svelte" app'));case ProjectType.SVELTEKIT:return SVELTEKIT_default(packageManager,npmOptions,generatorOptions).then(commandLog('Adding Storybook support to your "SvelteKit" app'));case ProjectType.SERVER:return SERVER_default(packageManager,npmOptions,generatorOptions).then(commandLog('Adding Storybook support to your "Server" app'));case ProjectType.NX:throw new NxProjectDetectedError;case ProjectType.SOLID:return SOLID_default(packageManager,npmOptions,generatorOptions).then(commandLog('Adding Storybook support to your "SolidJS" app'));case ProjectType.UNSUPPORTED:return paddedLog("We detected a project type that we don't support yet."),paddedLog("If you'd like your framework to be supported, please let use know about it at https://github.com/storybookjs/storybook/issues"),logger4.log(),Promise.resolve();default:return paddedLog(`We couldn't detect your project type. (code: ${projectType})`),paddedLog("You can specify a project type explicitly via `storybook init --type <type>`, see our docs on how to configure Storybook for your framework: https://storybook.js.org/docs/get-started/install"),logger4.log(),projectTypeInquirer(options,packageManager)}};try{return await runGenerator()}catch(err){throw err?.message!=="Canceled by the user"&&err?.stack&&logger4.error(`
|
109
109
|
${import_picocolors2.default.red(err.stack)}`),new HandledError(err)}},projectTypeInquirer=async(options,packageManager)=>{let manualAnswer=options.yes?!0:await prompts2([{type:"confirm",name:"manual",message:"Do you want to manually choose a Storybook project type to install?"}]);if(manualAnswer!==!0&&manualAnswer.manual){let{manualFramework}=await prompts2([{type:"select",name:"manualFramework",message:"Please choose a project type from the following list:",choices:installableProjectTypes.map(type=>({title:type,value:type.toUpperCase()}))}]);if(manualFramework)return installStorybook(manualFramework,packageManager,options)}logger4.log(),logger4.log("For more information about installing Storybook: https://storybook.js.org/docs"),process.exit(0);};async function doInitiate(options){let{packageManager:pkgMgr}=options,packageManager=JsPackageManagerFactory.getPackageManager({force:pkgMgr}),latestVersion=await packageManager.latestVersion("storybook"),currentVersion=versions.storybook,isPrerelease=prerelease(currentVersion),isOutdated=lt(currentVersion,latestVersion),borderColor=isOutdated?"#FC521F":"#F1618C",messages={welcome:`Adding Storybook version ${import_picocolors2.default.bold(currentVersion)} to your project..`,notLatest:import_picocolors2.default.red(dedent`
|
110
110
|
This version is behind the latest release, which is: ${import_picocolors2.default.bold(latestVersion)}!
|
111
111
|
You likely ran the init command through npx, which can use a locally cached version, to get the latest please run:
|
package/dist/index.cjs
CHANGED
@@ -73,7 +73,7 @@
|
|
73
73
|
Storybook 7.0+ doesn't support react-scripts@<5.0.0.
|
74
74
|
|
75
75
|
https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#create-react-app-dropped-cra4-support
|
76
|
-
`);let extraPackages=[];extraPackages.push("webpack"),extraPackages.push("prop-types");let extraAddons=["@storybook/preset-create-react-app","@storybook/addon-onboarding"];await baseGenerator(packageManager,npmOptions,{...options,builder:import_cli17.CoreBuilder.Webpack5},"react",{webpackCompiler:()=>{},extraAddons,extraPackages,staticDir:(0,import_node_fs2.existsSync)((0,import_node_path5.resolve)("./public"))?"public":void 0,extraMain})},REACT_SCRIPTS_default=generator9;var import_cli18=require("storybook/internal/cli");var generator10=async(packageManager,npmOptions,options)=>{await baseGenerator(packageManager,npmOptions,{...options,builder:import_cli18.CoreBuilder.Webpack5},"server",{webpackCompiler:()=>"swc",extensions:["json","yaml","yml"]})},SERVER_default=generator10;var import_cli19=require("storybook/internal/cli");var generator11=async(packageManager,npmOptions,options)=>{await baseGenerator(packageManager,npmOptions,{...options,builder:import_cli19.CoreBuilder.Vite},"solid",{},"solid")},SOLID_default=generator11;var import_cli20=require("storybook/internal/cli"),import_semver2=require("semver");var getAddonSvelteCsfVersion=async packageManager=>{let svelteVersion=await(0,import_cli20.getVersionSafe)(packageManager,"svelte");try{let svelteMajor=(0,import_semver2.major)(svelteVersion??"");if(svelteMajor===4)return"4";if(svelteMajor===5)return"^5.0.0-next.0"}catch{}return""},generator12=async(packageManager,npmOptions,options)=>{let addonSvelteCsfVersion=await getAddonSvelteCsfVersion(packageManager);await baseGenerator(packageManager,npmOptions,options,"svelte",{extensions:["js","ts","svelte"],extraAddons:[`@storybook/addon-svelte-csf${addonSvelteCsfVersion&&`@${addonSvelteCsfVersion}`}`]})},SVELTE_default=generator12;var import_cli21=require("storybook/internal/cli");var generator13=async(packageManager,npmOptions,options)=>{let addonSvelteCsfVersion=await getAddonSvelteCsfVersion(packageManager);await baseGenerator(packageManager,npmOptions,{...options,builder:import_cli21.CoreBuilder.Vite},"svelte",{extensions:["js","ts","svelte"],extraAddons:[`@storybook/addon-svelte-csf${addonSvelteCsfVersion&&`@${addonSvelteCsfVersion}`}`]},"sveltekit")},SVELTEKIT_default=generator13;var import_cli22=require("storybook/internal/cli");var generator14=async(packageManager,npmOptions,options)=>{await baseGenerator(packageManager,npmOptions,options,"vue3",{extraAddons:["@storybook/addon-onboarding"],extraPackages:async({builder})=>builder===import_cli22.CoreBuilder.Webpack5?["vue-loader@^17.0.0","@vue/compiler-sfc@^3.2.0"]:[],webpackCompiler:({builder})=>builder===import_cli22.CoreBuilder.Webpack5?"swc":void 0})},VUE3_default=generator14;var import_cli23=require("storybook/internal/cli");var generator15=async(packageManager,npmOptions,options)=>baseGenerator(packageManager,npmOptions,options,"web-components",{extraPackages:["lit"],webpackCompiler:({builder})=>builder===import_cli23.CoreBuilder.Webpack5?"swc":void 0}),WEB_COMPONENTS_default=generator15;var import_cli24=require("storybook/internal/cli");var generator16=async(packageManager,npmOptions,options)=>{await baseGenerator(packageManager,npmOptions,options,"react",{extraAddons:["@storybook/addon-onboarding"],webpackCompiler:({builder})=>builder===import_cli24.CoreBuilder.Webpack5?"swc":void 0})},WEBPACK_REACT_default=generator16;var import_node_fs3=require("fs"),import_promises3=require("fs/promises"),import_node_logger2=require("storybook/internal/node-logger"),import_server_errors=require("storybook/internal/server-errors"),import_telemetry=require("storybook/internal/telemetry");var import_execa=__toESM(require("execa"),1),import_picocolors=__toESM(require_picocolors(),1),import_prompts=__toESM(require("prompts"),1),import_ts_dedent4=require("ts-dedent"),SUPPORTED_PROJECTS={"react-vite-ts":{displayName:{type:"React",builder:"Vite",language:"TS"},createScript:{npm:"npm create vite@latest . -- --template react-ts",yarn:"yarn create vite@latest . --template react-ts",pnpm:"pnpm create vite@latest . --template react-ts"}},"nextjs-ts":{displayName:{type:"Next.js",language:"TS"},createScript:{npm:'npm create next-app . -- --typescript --use-npm --eslint --tailwind --no-app --import-alias="@/*" --src-dir',yarn:'
|
76
|
+
`);let extraPackages=[];extraPackages.push("webpack"),extraPackages.push("prop-types");let extraAddons=["@storybook/preset-create-react-app","@storybook/addon-onboarding"];await baseGenerator(packageManager,npmOptions,{...options,builder:import_cli17.CoreBuilder.Webpack5},"react",{webpackCompiler:()=>{},extraAddons,extraPackages,staticDir:(0,import_node_fs2.existsSync)((0,import_node_path5.resolve)("./public"))?"public":void 0,extraMain})},REACT_SCRIPTS_default=generator9;var import_cli18=require("storybook/internal/cli");var generator10=async(packageManager,npmOptions,options)=>{await baseGenerator(packageManager,npmOptions,{...options,builder:import_cli18.CoreBuilder.Webpack5},"server",{webpackCompiler:()=>"swc",extensions:["json","yaml","yml"]})},SERVER_default=generator10;var import_cli19=require("storybook/internal/cli");var generator11=async(packageManager,npmOptions,options)=>{await baseGenerator(packageManager,npmOptions,{...options,builder:import_cli19.CoreBuilder.Vite},"solid",{},"solid")},SOLID_default=generator11;var import_cli20=require("storybook/internal/cli"),import_semver2=require("semver");var getAddonSvelteCsfVersion=async packageManager=>{let svelteVersion=await(0,import_cli20.getVersionSafe)(packageManager,"svelte");try{let svelteMajor=(0,import_semver2.major)(svelteVersion??"");if(svelteMajor===4)return"4";if(svelteMajor===5)return"^5.0.0-next.0"}catch{}return""},generator12=async(packageManager,npmOptions,options)=>{let addonSvelteCsfVersion=await getAddonSvelteCsfVersion(packageManager);await baseGenerator(packageManager,npmOptions,options,"svelte",{extensions:["js","ts","svelte"],extraAddons:[`@storybook/addon-svelte-csf${addonSvelteCsfVersion&&`@${addonSvelteCsfVersion}`}`]})},SVELTE_default=generator12;var import_cli21=require("storybook/internal/cli");var generator13=async(packageManager,npmOptions,options)=>{let addonSvelteCsfVersion=await getAddonSvelteCsfVersion(packageManager);await baseGenerator(packageManager,npmOptions,{...options,builder:import_cli21.CoreBuilder.Vite},"svelte",{extensions:["js","ts","svelte"],extraAddons:[`@storybook/addon-svelte-csf${addonSvelteCsfVersion&&`@${addonSvelteCsfVersion}`}`]},"sveltekit")},SVELTEKIT_default=generator13;var import_cli22=require("storybook/internal/cli");var generator14=async(packageManager,npmOptions,options)=>{await baseGenerator(packageManager,npmOptions,options,"vue3",{extraAddons:["@storybook/addon-onboarding"],extraPackages:async({builder})=>builder===import_cli22.CoreBuilder.Webpack5?["vue-loader@^17.0.0","@vue/compiler-sfc@^3.2.0"]:[],webpackCompiler:({builder})=>builder===import_cli22.CoreBuilder.Webpack5?"swc":void 0})},VUE3_default=generator14;var import_cli23=require("storybook/internal/cli");var generator15=async(packageManager,npmOptions,options)=>baseGenerator(packageManager,npmOptions,options,"web-components",{extraPackages:["lit"],webpackCompiler:({builder})=>builder===import_cli23.CoreBuilder.Webpack5?"swc":void 0}),WEB_COMPONENTS_default=generator15;var import_cli24=require("storybook/internal/cli");var generator16=async(packageManager,npmOptions,options)=>{await baseGenerator(packageManager,npmOptions,options,"react",{extraAddons:["@storybook/addon-onboarding"],webpackCompiler:({builder})=>builder===import_cli24.CoreBuilder.Webpack5?"swc":void 0})},WEBPACK_REACT_default=generator16;var import_node_fs3=require("fs"),import_promises3=require("fs/promises"),import_node_logger2=require("storybook/internal/node-logger"),import_server_errors=require("storybook/internal/server-errors"),import_telemetry=require("storybook/internal/telemetry");var import_execa=__toESM(require("execa"),1),import_picocolors=__toESM(require_picocolors(),1),import_prompts=__toESM(require("prompts"),1),import_ts_dedent4=require("ts-dedent"),SUPPORTED_PROJECTS={"react-vite-ts":{displayName:{type:"React",builder:"Vite",language:"TS"},createScript:{npm:"npm create vite@latest . -- --template react-ts",yarn:"yarn create vite@latest . --template react-ts",pnpm:"pnpm create vite@latest . --template react-ts"}},"nextjs-ts":{displayName:{type:"Next.js",language:"TS"},createScript:{npm:'npm create next-app@^14 . -- --typescript --use-npm --eslint --tailwind --no-app --import-alias="@/*" --src-dir',yarn:'npx create-next-app@^14 . --typescript --use-yarn --eslint --tailwind --no-app --import-alias="@/*" --src-dir',pnpm:'pnpm create next-app^14 . --typescript --use-pnpm --eslint --tailwind --no-app --import-alias="@/*" --src-dir'}},"vue-vite-ts":{displayName:{type:"Vue 3",builder:"Vite",language:"TS"},createScript:{npm:"npm create vite@latest . -- --template vue-ts",yarn:"yarn create vite@latest . --template vue-ts",pnpm:"pnpm create vite@latest . --template vue-ts"}},"angular-cli":{displayName:{type:"Angular",language:"TS"},createScript:{npm:"npx -p @angular/cli@latest ng new angular-latest --directory . --routing=true --minimal=true --style=scss --strict --skip-git --skip-install",yarn:"yarn dlx -p @angular/cli ng new angular-latest --directory . --routing=true --minimal=true --style=scss --strict --skip-git --package-manager=yarn --skip-install && touch yarn.lock && yarn set version berry && yarn config set nodeLinker node-modules",pnpm:"pnpm --package @angular/cli dlx ng new angular-latest --directory . --routing=true --minimal=true --style=scss --strict --skip-git --package-manager=pnpm --skip-install"}},"lit-vite-ts":{displayName:{type:"Lit",builder:"Vite",language:"TS"},createScript:{npm:"npm create vite@latest . -- --template lit-ts",yarn:"yarn create vite@latest . --template lit-ts && touch yarn.lock && yarn set version berry && yarn config set nodeLinker pnp",pnpm:"pnpm create vite@latest . --template lit-ts"}}},packageManagerToCoercedName=packageManager=>{switch(packageManager){case"npm":return"npm";case"pnpm":return"pnpm";default:return"yarn"}},buildProjectDisplayNameForPrint=({displayName})=>{let{type,builder,language}=displayName;return`${import_picocolors.default.bold(import_picocolors.default.blue(type))} ${builder?`+ ${builder} `:""}(${language})`},scaffoldNewProject=async(packageManager,{disableTelemetry})=>{let packageManagerName=packageManagerToCoercedName(packageManager);import_node_logger2.logger.plain(boxen(import_ts_dedent4.dedent`
|
77
77
|
Would you like to generate a new project from the following list?
|
78
78
|
|
79
79
|
${import_picocolors.default.bold("Note:")}
|
@@ -85,7 +85,7 @@
|
|
85
85
|
"${projectDisplayName}" project with ${import_picocolors.default.bold(packageManagerName)} created successfully!
|
86
86
|
|
87
87
|
Continuing with Storybook installation...
|
88
|
-
`,{title:import_picocolors.default.bold("\u2705 Success!"),padding:1,borderStyle:"double",borderColor:"green"})),import_node_logger2.logger.line(1)},BASE_IGNORED_FILES=[".git",".gitignore",".DS_Store",".cache"],IGNORED_FILES_BY_PACKAGE_MANAGER={npm:[...BASE_IGNORED_FILES],yarn:[...BASE_IGNORED_FILES,".yarnrc.yml",".yarn"],pnpm:[...BASE_IGNORED_FILES]},currentDirectoryIsEmpty=packageManager=>{let packageManagerName=packageManagerToCoercedName(packageManager),cwdFolderEntries=(0,import_node_fs3.readdirSync)(process.cwd()),filesToIgnore=IGNORED_FILES_BY_PACKAGE_MANAGER[packageManagerName];return cwdFolderEntries.length===0||cwdFolderEntries.every(entry=>filesToIgnore.includes(entry))};var logger4=console,installStorybook=async(projectType,packageManager,options)=>{let npmOptions={installAsDevDependencies:!0,skipInstall:options.skipInstall},language=await(0,import_cli26.detectLanguage)(packageManager),pnp=await(0,import_cli26.detectPnp)(),generatorOptions={language,builder:options.builder,linkable:!!options.linkable,pnp:pnp||options.usePnp,yes:options.yes,projectType},runGenerator=async()=>{switch(projectType){case import_cli25.ProjectType.REACT_SCRIPTS:return REACT_SCRIPTS_default(packageManager,npmOptions,generatorOptions).then((0,import_common3.commandLog)('Adding Storybook support to your "Create React App" based project'));case import_cli25.ProjectType.REACT:return REACT_default(packageManager,npmOptions,generatorOptions).then((0,import_common3.commandLog)('Adding Storybook support to your "React" app'));case import_cli25.ProjectType.REACT_NATIVE:return REACT_NATIVE_default(packageManager,npmOptions).then((0,import_common3.commandLog)('Adding Storybook support to your "React Native" app'));case import_cli25.ProjectType.QWIK:return QWIK_default(packageManager,npmOptions,generatorOptions).then((0,import_common3.commandLog)('Adding Storybook support to your "Qwik" app'));case import_cli25.ProjectType.WEBPACK_REACT:return WEBPACK_REACT_default(packageManager,npmOptions,generatorOptions).then((0,import_common3.commandLog)('Adding Storybook support to your "Webpack React" app'));case import_cli25.ProjectType.REACT_PROJECT:return REACT_default(packageManager,npmOptions,generatorOptions).then((0,import_common3.commandLog)('Adding Storybook support to your "React" library'));case import_cli25.ProjectType.NEXTJS:return NEXTJS_default(packageManager,npmOptions,generatorOptions).then((0,import_common3.commandLog)('Adding Storybook support to your "Next" app'));case import_cli25.ProjectType.VUE3:return VUE3_default(packageManager,npmOptions,generatorOptions).then((0,import_common3.commandLog)('Adding Storybook support to your "Vue 3" app'));case import_cli25.ProjectType.ANGULAR:return(0,import_common3.commandLog)('Adding Storybook support to your "Angular" app'),ANGULAR_default(packageManager,npmOptions,generatorOptions,options);case import_cli25.ProjectType.EMBER:return EMBER_default(packageManager,npmOptions,generatorOptions).then((0,import_common3.commandLog)('Adding Storybook support to your "Ember" app'));case import_cli25.ProjectType.HTML:return HTML_default(packageManager,npmOptions,generatorOptions).then((0,import_common3.commandLog)('Adding Storybook support to your "HTML" app'));case import_cli25.ProjectType.WEB_COMPONENTS:return WEB_COMPONENTS_default(packageManager,npmOptions,generatorOptions).then((0,import_common3.commandLog)('Adding Storybook support to your "web components" app'));case import_cli25.ProjectType.PREACT:return PREACT_default(packageManager,npmOptions,generatorOptions).then((0,import_common3.commandLog)('Adding Storybook support to your "Preact" app'));case import_cli25.ProjectType.SVELTE:return SVELTE_default(packageManager,npmOptions,generatorOptions).then((0,import_common3.commandLog)('Adding Storybook support to your "Svelte" app'));case import_cli25.ProjectType.SVELTEKIT:return SVELTEKIT_default(packageManager,npmOptions,generatorOptions).then((0,import_common3.commandLog)('Adding Storybook support to your "SvelteKit" app'));case import_cli25.ProjectType.SERVER:return SERVER_default(packageManager,npmOptions,generatorOptions).then((0,import_common3.commandLog)('Adding Storybook support to your "Server" app'));case import_cli25.ProjectType.NX:throw new import_server_errors2.NxProjectDetectedError;case import_cli25.ProjectType.SOLID:return SOLID_default(packageManager,npmOptions,generatorOptions).then((0,import_common3.commandLog)('Adding Storybook support to your "SolidJS" app'));case import_cli25.ProjectType.UNSUPPORTED:return(0,import_common3.paddedLog)("We detected a project type that we don't support yet."),(0,import_common3.paddedLog)("If you'd like your framework to be supported, please let use know about it at https://github.com/storybookjs/storybook/issues"),logger4.log(),Promise.resolve();default:return(0,import_common3.paddedLog)(`We couldn't detect your project type. (code: ${projectType})`),(0,import_common3.paddedLog)("You can specify a project type explicitly via `storybook init --type <type>`, see our docs on how to configure Storybook for your framework: https://storybook.js.org/docs/
|
88
|
+
`,{title:import_picocolors.default.bold("\u2705 Success!"),padding:1,borderStyle:"double",borderColor:"green"})),import_node_logger2.logger.line(1)},BASE_IGNORED_FILES=[".git",".gitignore",".DS_Store",".cache"],IGNORED_FILES_BY_PACKAGE_MANAGER={npm:[...BASE_IGNORED_FILES],yarn:[...BASE_IGNORED_FILES,".yarnrc.yml",".yarn"],pnpm:[...BASE_IGNORED_FILES]},currentDirectoryIsEmpty=packageManager=>{let packageManagerName=packageManagerToCoercedName(packageManager),cwdFolderEntries=(0,import_node_fs3.readdirSync)(process.cwd()),filesToIgnore=IGNORED_FILES_BY_PACKAGE_MANAGER[packageManagerName];return cwdFolderEntries.length===0||cwdFolderEntries.every(entry=>filesToIgnore.includes(entry))};var logger4=console,installStorybook=async(projectType,packageManager,options)=>{let npmOptions={installAsDevDependencies:!0,skipInstall:options.skipInstall},language=await(0,import_cli26.detectLanguage)(packageManager),pnp=await(0,import_cli26.detectPnp)(),generatorOptions={language,builder:options.builder,linkable:!!options.linkable,pnp:pnp||options.usePnp,yes:options.yes,projectType},runGenerator=async()=>{switch(projectType){case import_cli25.ProjectType.REACT_SCRIPTS:return REACT_SCRIPTS_default(packageManager,npmOptions,generatorOptions).then((0,import_common3.commandLog)('Adding Storybook support to your "Create React App" based project'));case import_cli25.ProjectType.REACT:return REACT_default(packageManager,npmOptions,generatorOptions).then((0,import_common3.commandLog)('Adding Storybook support to your "React" app'));case import_cli25.ProjectType.REACT_NATIVE:return REACT_NATIVE_default(packageManager,npmOptions).then((0,import_common3.commandLog)('Adding Storybook support to your "React Native" app'));case import_cli25.ProjectType.QWIK:return QWIK_default(packageManager,npmOptions,generatorOptions).then((0,import_common3.commandLog)('Adding Storybook support to your "Qwik" app'));case import_cli25.ProjectType.WEBPACK_REACT:return WEBPACK_REACT_default(packageManager,npmOptions,generatorOptions).then((0,import_common3.commandLog)('Adding Storybook support to your "Webpack React" app'));case import_cli25.ProjectType.REACT_PROJECT:return REACT_default(packageManager,npmOptions,generatorOptions).then((0,import_common3.commandLog)('Adding Storybook support to your "React" library'));case import_cli25.ProjectType.NEXTJS:return NEXTJS_default(packageManager,npmOptions,generatorOptions).then((0,import_common3.commandLog)('Adding Storybook support to your "Next" app'));case import_cli25.ProjectType.VUE3:return VUE3_default(packageManager,npmOptions,generatorOptions).then((0,import_common3.commandLog)('Adding Storybook support to your "Vue 3" app'));case import_cli25.ProjectType.ANGULAR:return(0,import_common3.commandLog)('Adding Storybook support to your "Angular" app'),ANGULAR_default(packageManager,npmOptions,generatorOptions,options);case import_cli25.ProjectType.EMBER:return EMBER_default(packageManager,npmOptions,generatorOptions).then((0,import_common3.commandLog)('Adding Storybook support to your "Ember" app'));case import_cli25.ProjectType.HTML:return HTML_default(packageManager,npmOptions,generatorOptions).then((0,import_common3.commandLog)('Adding Storybook support to your "HTML" app'));case import_cli25.ProjectType.WEB_COMPONENTS:return WEB_COMPONENTS_default(packageManager,npmOptions,generatorOptions).then((0,import_common3.commandLog)('Adding Storybook support to your "web components" app'));case import_cli25.ProjectType.PREACT:return PREACT_default(packageManager,npmOptions,generatorOptions).then((0,import_common3.commandLog)('Adding Storybook support to your "Preact" app'));case import_cli25.ProjectType.SVELTE:return SVELTE_default(packageManager,npmOptions,generatorOptions).then((0,import_common3.commandLog)('Adding Storybook support to your "Svelte" app'));case import_cli25.ProjectType.SVELTEKIT:return SVELTEKIT_default(packageManager,npmOptions,generatorOptions).then((0,import_common3.commandLog)('Adding Storybook support to your "SvelteKit" app'));case import_cli25.ProjectType.SERVER:return SERVER_default(packageManager,npmOptions,generatorOptions).then((0,import_common3.commandLog)('Adding Storybook support to your "Server" app'));case import_cli25.ProjectType.NX:throw new import_server_errors2.NxProjectDetectedError;case import_cli25.ProjectType.SOLID:return SOLID_default(packageManager,npmOptions,generatorOptions).then((0,import_common3.commandLog)('Adding Storybook support to your "SolidJS" app'));case import_cli25.ProjectType.UNSUPPORTED:return(0,import_common3.paddedLog)("We detected a project type that we don't support yet."),(0,import_common3.paddedLog)("If you'd like your framework to be supported, please let use know about it at https://github.com/storybookjs/storybook/issues"),logger4.log(),Promise.resolve();default:return(0,import_common3.paddedLog)(`We couldn't detect your project type. (code: ${projectType})`),(0,import_common3.paddedLog)("You can specify a project type explicitly via `storybook init --type <type>`, see our docs on how to configure Storybook for your framework: https://storybook.js.org/docs/get-started/install"),logger4.log(),projectTypeInquirer(options,packageManager)}};try{return await runGenerator()}catch(err){throw err?.message!=="Canceled by the user"&&err?.stack&&logger4.error(`
|
89
89
|
${import_picocolors2.default.red(err.stack)}`),new import_common3.HandledError(err)}},projectTypeInquirer=async(options,packageManager)=>{let manualAnswer=options.yes?!0:await(0,import_prompts2.default)([{type:"confirm",name:"manual",message:"Do you want to manually choose a Storybook project type to install?"}]);if(manualAnswer!==!0&&manualAnswer.manual){let{manualFramework}=await(0,import_prompts2.default)([{type:"select",name:"manualFramework",message:"Please choose a project type from the following list:",choices:import_cli25.installableProjectTypes.map(type=>({title:type,value:type.toUpperCase()}))}]);if(manualFramework)return installStorybook(manualFramework,packageManager,options)}logger4.log(),logger4.log("For more information about installing Storybook: https://storybook.js.org/docs"),process.exit(0)};async function doInitiate(options){let{packageManager:pkgMgr}=options,packageManager=import_common3.JsPackageManagerFactory.getPackageManager({force:pkgMgr}),latestVersion=await packageManager.latestVersion("storybook"),currentVersion=import_common3.versions.storybook,isPrerelease=(0,import_semver3.prerelease)(currentVersion),isOutdated=(0,import_semver3.lt)(currentVersion,latestVersion),borderColor=isOutdated?"#FC521F":"#F1618C",messages={welcome:`Adding Storybook version ${import_picocolors2.default.bold(currentVersion)} to your project..`,notLatest:import_picocolors2.default.red(import_ts_dedent5.dedent`
|
90
90
|
This version is behind the latest release, which is: ${import_picocolors2.default.bold(latestVersion)}!
|
91
91
|
You likely ran the init command through npx, which can use a locally cached version, to get the latest please run:
|
package/dist/index.js
CHANGED
@@ -1 +1 @@
|
|
1
|
-
export { doInitiate as initiate } from './chunk-
|
1
|
+
export { doInitiate as initiate } from './chunk-VRORRMOG.js';
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "create-storybook",
|
3
|
-
"version": "0.0.0-pr-
|
3
|
+
"version": "0.0.0-pr-29434-sha-c02fe507",
|
4
4
|
"description": "Initialize Storybook into your project",
|
5
5
|
"homepage": "https://github.com/storybookjs/storybook/tree/next/code/lib/create-storybook",
|
6
6
|
"bugs": {
|
@@ -64,7 +64,7 @@
|
|
64
64
|
"prettier": "^3.1.1",
|
65
65
|
"prompts": "^2.4.0",
|
66
66
|
"semver": "^7.3.7",
|
67
|
-
"storybook": "0.0.0-pr-
|
67
|
+
"storybook": "0.0.0-pr-29434-sha-c02fe507",
|
68
68
|
"tiny-invariant": "^1.3.1",
|
69
69
|
"ts-dedent": "^2.0.0"
|
70
70
|
},
|