@storybook/cli 7.0.0-beta.25 → 7.0.0-beta.26
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/generate.js +20 -19
- package/dist/generate.mjs +20 -19
- package/package.json +10 -10
package/dist/generate.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var __create=Object.create;var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __getProtoOf=Object.getPrototypeOf,__hasOwnProp=Object.prototype.hasOwnProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toESM=(mod,isNodeMode,target)=>(target=mod!=null?__create(__getProtoOf(mod)):{},__copyProps(isNodeMode||!mod||!mod.__esModule?__defProp(target,"default",{value:mod,enumerable:!0}):target,mod));var import_commander=__toESM(require("commander")),import_path20=__toESM(require("path")),import_chalk26=__toESM(require("chalk")),import_envinfo=__toESM(require("envinfo")),import_leven=__toESM(require("leven")),import_read_pkg_up3=require("read-pkg-up"),import_node_logger7=require("@storybook/node-logger");var import_chalk22=__toESM(require("chalk")),import_prompts3=__toESM(require("prompts")),import_telemetry=require("@storybook/telemetry"),import_core_server=require("@storybook/core-server");var import_semver=require("semver");function ltMajor(versionRange,major){return(0,import_semver.validRange)(versionRange)&&(0,import_semver.minVersion)(versionRange).major<major}function gtMajor(versionRange,major){return(0,import_semver.validRange)(versionRange)&&(0,import_semver.minVersion)(versionRange).major>major}function eqMajor(versionRange,major){return(0,import_semver.validRange)(versionRange)&&(0,import_semver.minVersion)(versionRange).major===major}var SUPPORTED_RENDERERS=["react","react-native","vue","vue3","angular","mithril","riot","ember","marionette","marko","preact","svelte","rax","aurelia"],ProjectType=(ProjectType2=>(ProjectType2.UNDETECTED="UNDETECTED",ProjectType2.UNSUPPORTED="UNSUPPORTED",ProjectType2.REACT_SCRIPTS="REACT_SCRIPTS",ProjectType2.REACT="REACT",ProjectType2.REACT_NATIVE="REACT_NATIVE",ProjectType2.REACT_PROJECT="REACT_PROJECT",ProjectType2.WEBPACK_REACT="WEBPACK_REACT",ProjectType2.NEXTJS="NEXTJS",ProjectType2.VUE="VUE",ProjectType2.VUE3="VUE3",ProjectType2.SFC_VUE="SFC_VUE",ProjectType2.ANGULAR="ANGULAR",ProjectType2.EMBER="EMBER",ProjectType2.ALREADY_HAS_STORYBOOK="ALREADY_HAS_STORYBOOK",ProjectType2.WEB_COMPONENTS="WEB_COMPONENTS",ProjectType2.MITHRIL="MITHRIL",ProjectType2.MARIONETTE="MARIONETTE",ProjectType2.MARKO="MARKO",ProjectType2.HTML="HTML",ProjectType2.RIOT="RIOT",ProjectType2.PREACT="PREACT",ProjectType2.SVELTE="SVELTE",ProjectType2.SVELTEKIT="SVELTEKIT",ProjectType2.RAX="RAX",ProjectType2.AURELIA="AURELIA",ProjectType2.SERVER="SERVER",ProjectType2))(ProjectType||{});var supportedTemplates=[{preset:"SFC_VUE",dependencies:{"vue-loader":versionRange=>ltMajor(versionRange,16),vuetify:versionRange=>ltMajor(versionRange,3)},matcherFunction:({dependencies})=>dependencies.some(Boolean)},{preset:"VUE",dependencies:{vue:versionRange=>ltMajor(versionRange,3),nuxt:versionRange=>ltMajor(versionRange,3)},matcherFunction:({dependencies})=>dependencies.some(Boolean)},{preset:"VUE3",dependencies:{vue:versionRange=>versionRange==="next"||eqMajor(versionRange,3)},matcherFunction:({dependencies})=>dependencies.some(Boolean)},{preset:"EMBER",dependencies:["ember-cli"],matcherFunction:({dependencies})=>dependencies.every(Boolean)},{preset:"NEXTJS",dependencies:{next:versionRange=>eqMajor(versionRange,9)||gtMajor(versionRange,9)},matcherFunction:({dependencies})=>dependencies.every(Boolean)},{preset:"REACT_PROJECT",peerDependencies:["react"],matcherFunction:({peerDependencies})=>peerDependencies.every(Boolean)},{preset:"REACT_NATIVE",dependencies:["react-native","react-native-scripts"],matcherFunction:({dependencies})=>dependencies.some(Boolean)},{preset:"REACT_SCRIPTS",files:["/node_modules/.bin/react-scripts"],dependencies:["react-scripts"],matcherFunction:({dependencies,files})=>dependencies.every(Boolean)||files.every(Boolean)},{preset:"WEBPACK_REACT",dependencies:["react","webpack"],matcherFunction:({dependencies})=>dependencies.every(Boolean)},{preset:"REACT",dependencies:["react"],matcherFunction:({dependencies})=>dependencies.every(Boolean)},{preset:"ANGULAR",dependencies:["@angular/core"],matcherFunction:({dependencies})=>dependencies.every(Boolean)},{preset:"WEB_COMPONENTS",dependencies:["lit-element","lit-html","lit"],matcherFunction:({dependencies})=>dependencies.some(Boolean)},{preset:"MITHRIL",dependencies:["mithril"],matcherFunction:({dependencies})=>dependencies.every(Boolean)},{preset:"MARIONETTE",dependencies:["backbone.marionette"],matcherFunction:({dependencies})=>dependencies.every(Boolean)},{preset:"MARKO",dependencies:["marko"],matcherFunction:({dependencies})=>dependencies.every(Boolean)},{preset:"RIOT",dependencies:["riot"],matcherFunction:({dependencies})=>dependencies.every(Boolean)},{preset:"PREACT",dependencies:["preact"],matcherFunction:({dependencies})=>dependencies.every(Boolean)},{preset:"SVELTEKIT",dependencies:["@sveltejs/kit"],matcherFunction:({dependencies})=>dependencies.every(Boolean)},{preset:"SVELTE",dependencies:["svelte"],matcherFunction:({dependencies})=>dependencies.every(Boolean)},{preset:"RAX",dependencies:["rax"],matcherFunction:({dependencies})=>dependencies.every(Boolean)},{preset:"AURELIA",dependencies:["aurelia-bootstrapper"],matcherFunction:({dependencies})=>dependencies.every(Boolean)}],unsupportedTemplate={preset:"UNSUPPORTED",dependencies:{nuxt:versionRange=>eqMajor(versionRange,3)},matcherFunction:({dependencies})=>dependencies.some(Boolean)},notInstallableProjectTypes=["UNDETECTED","UNSUPPORTED","ALREADY_HAS_STORYBOOK"],installableProjectTypes=Object.values(ProjectType).filter(type=>!notInstallableProjectTypes.includes(type)).map(type=>type.toLowerCase());var import_path3=__toESM(require("path")),import_fs2=__toESM(require("fs")),import_find_up=__toESM(require("find-up")),import_semver3=__toESM(require("semver"));var import_path2=__toESM(require("path")),import_fs=__toESM(require("fs")),import_fs_extra=__toESM(require("fs-extra")),import_chalk=__toESM(require("chalk")),import_semver2=require("semver"),import_strip_json_comments=__toESM(require("strip-json-comments"));var import_path=require("path");function getCliDir(){return(0,import_path.dirname)(require.resolve("@storybook/cli/package.json"))}function getRendererDir(renderer){return(0,import_path.dirname)(require.resolve(`@storybook/${renderer}/package.json`,{paths:[process.cwd()]}))}var versions_default={"@storybook/addon-a11y":"7.0.0-beta.25","@storybook/addon-actions":"7.0.0-beta.25","@storybook/addon-backgrounds":"7.0.0-beta.25","@storybook/addon-controls":"7.0.0-beta.25","@storybook/addon-docs":"7.0.0-beta.25","@storybook/addon-essentials":"7.0.0-beta.25","@storybook/addon-highlight":"7.0.0-beta.25","@storybook/addon-interactions":"7.0.0-beta.25","@storybook/addon-jest":"7.0.0-beta.25","@storybook/addon-links":"7.0.0-beta.25","@storybook/addon-measure":"7.0.0-beta.25","@storybook/addon-outline":"7.0.0-beta.25","@storybook/addon-storyshots":"7.0.0-beta.25","@storybook/addon-storyshots-puppeteer":"7.0.0-beta.25","@storybook/addon-storysource":"7.0.0-beta.25","@storybook/addon-toolbars":"7.0.0-beta.25","@storybook/addon-viewport":"7.0.0-beta.25","@storybook/addons":"7.0.0-beta.25","@storybook/angular":"7.0.0-beta.25","@storybook/manager-api":"7.0.0-beta.25","@storybook/blocks":"7.0.0-beta.25","@storybook/builder-manager":"7.0.0-beta.25","@storybook/builder-vite":"7.0.0-beta.25","@storybook/builder-webpack5":"7.0.0-beta.25","@storybook/channel-postmessage":"7.0.0-beta.25","@storybook/channel-websocket":"7.0.0-beta.25","@storybook/channels":"7.0.0-beta.25","@storybook/cli":"7.0.0-beta.25","@storybook/client-api":"7.0.0-beta.25","@storybook/client-logger":"7.0.0-beta.25","@storybook/codemod":"7.0.0-beta.25","@storybook/components":"7.0.0-beta.25","@storybook/core-client":"7.0.0-beta.25","@storybook/core-common":"7.0.0-beta.25","@storybook/core-events":"7.0.0-beta.25","@storybook/core-server":"7.0.0-beta.25","@storybook/core-webpack":"7.0.0-beta.25","@storybook/csf-tools":"7.0.0-beta.25","@storybook/docs-tools":"7.0.0-beta.25","@storybook/ember":"7.0.0-beta.25","@storybook/html":"7.0.0-beta.25","@storybook/html-webpack5":"7.0.0-beta.25","@storybook/html-vite":"7.0.0-beta.25","@storybook/instrumenter":"7.0.0-beta.25","@storybook/nextjs":"7.0.0-beta.25","@storybook/node-logger":"7.0.0-beta.25","@storybook/postinstall":"7.0.0-beta.25","@storybook/preact":"7.0.0-beta.25","@storybook/preact-vite":"7.0.0-beta.25","@storybook/preact-webpack5":"7.0.0-beta.25","@storybook/preset-html-webpack":"7.0.0-beta.25","@storybook/preset-preact-webpack":"7.0.0-beta.25","@storybook/preset-react-webpack":"7.0.0-beta.25","@storybook/preset-server-webpack":"7.0.0-beta.25","@storybook/preset-svelte-webpack":"7.0.0-beta.25","@storybook/preset-vue-webpack":"7.0.0-beta.25","@storybook/preset-vue3-webpack":"7.0.0-beta.25","@storybook/preset-web-components-webpack":"7.0.0-beta.25","@storybook/preview":"7.0.0-beta.25","@storybook/preview-api":"7.0.0-beta.25","@storybook/preview-web":"7.0.0-beta.25","@storybook/react":"7.0.0-beta.25","@storybook/react-vite":"7.0.0-beta.25","@storybook/react-webpack5":"7.0.0-beta.25","@storybook/router":"7.0.0-beta.25","@storybook/server":"7.0.0-beta.25","@storybook/server-webpack5":"7.0.0-beta.25","@storybook/source-loader":"7.0.0-beta.25","@storybook/store":"7.0.0-beta.25","@storybook/svelte":"7.0.0-beta.25","@storybook/sveltekit":"7.0.0-beta.25","@storybook/svelte-vite":"7.0.0-beta.25","@storybook/svelte-webpack5":"7.0.0-beta.25","@storybook/telemetry":"7.0.0-beta.25","@storybook/theming":"7.0.0-beta.25","@storybook/manager":"7.0.0-beta.25","@storybook/vue":"7.0.0-beta.25","@storybook/vue-vite":"7.0.0-beta.25","@storybook/vue-webpack5":"7.0.0-beta.25","@storybook/vue3":"7.0.0-beta.25","@storybook/vue3-vite":"7.0.0-beta.25","@storybook/vue3-webpack5":"7.0.0-beta.25","@storybook/web-components":"7.0.0-beta.25","@storybook/web-components-webpack5":"7.0.0-beta.25","@storybook/web-components-vite":"7.0.0-beta.25",sb:"7.0.0-beta.25",storybook:"7.0.0-beta.25"};var logger=console;function getBowerJson(){let bowerJsonPath=import_path2.default.resolve("bower.json");if(!import_fs.default.existsSync(bowerJsonPath))return!1;let jsonContent=import_fs.default.readFileSync(bowerJsonPath,"utf8");return JSON.parse(jsonContent)}function readFileAsJson(jsonPath,allowComments){let filePath=import_path2.default.resolve(jsonPath);if(!import_fs.default.existsSync(filePath))return!1;let fileContent=import_fs.default.readFileSync(filePath,"utf8"),jsonContent=allowComments?(0,import_strip_json_comments.default)(fileContent):fileContent;try{return JSON.parse(jsonContent)}catch(e){throw logger.error(import_chalk.default.red(`Invalid json in file: ${filePath}`)),e}}var writeFileAsJson=(jsonPath,content)=>{let filePath=import_path2.default.resolve(jsonPath);return import_fs.default.existsSync(filePath)?(import_fs.default.writeFileSync(filePath,`${JSON.stringify(content,null,2)}
|
|
1
|
+
var __create=Object.create;var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __getProtoOf=Object.getPrototypeOf,__hasOwnProp=Object.prototype.hasOwnProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toESM=(mod,isNodeMode,target)=>(target=mod!=null?__create(__getProtoOf(mod)):{},__copyProps(isNodeMode||!mod||!mod.__esModule?__defProp(target,"default",{value:mod,enumerable:!0}):target,mod));var import_commander=__toESM(require("commander")),import_path20=__toESM(require("path")),import_chalk26=__toESM(require("chalk")),import_envinfo=__toESM(require("envinfo")),import_leven=__toESM(require("leven")),import_read_pkg_up3=require("read-pkg-up"),import_node_logger7=require("@storybook/node-logger");var import_chalk22=__toESM(require("chalk")),import_prompts3=__toESM(require("prompts")),import_telemetry=require("@storybook/telemetry"),import_core_server=require("@storybook/core-server");var import_semver=require("semver");function ltMajor(versionRange,major){return(0,import_semver.validRange)(versionRange)&&(0,import_semver.minVersion)(versionRange).major<major}function gtMajor(versionRange,major){return(0,import_semver.validRange)(versionRange)&&(0,import_semver.minVersion)(versionRange).major>major}function eqMajor(versionRange,major){return(0,import_semver.validRange)(versionRange)&&(0,import_semver.minVersion)(versionRange).major===major}var SUPPORTED_RENDERERS=["react","react-native","vue","vue3","angular","mithril","riot","ember","marionette","marko","preact","svelte","rax","aurelia"],ProjectType=(ProjectType2=>(ProjectType2.UNDETECTED="UNDETECTED",ProjectType2.UNSUPPORTED="UNSUPPORTED",ProjectType2.REACT_SCRIPTS="REACT_SCRIPTS",ProjectType2.REACT="REACT",ProjectType2.REACT_NATIVE="REACT_NATIVE",ProjectType2.REACT_PROJECT="REACT_PROJECT",ProjectType2.WEBPACK_REACT="WEBPACK_REACT",ProjectType2.NEXTJS="NEXTJS",ProjectType2.VUE="VUE",ProjectType2.VUE3="VUE3",ProjectType2.SFC_VUE="SFC_VUE",ProjectType2.ANGULAR="ANGULAR",ProjectType2.EMBER="EMBER",ProjectType2.ALREADY_HAS_STORYBOOK="ALREADY_HAS_STORYBOOK",ProjectType2.WEB_COMPONENTS="WEB_COMPONENTS",ProjectType2.MITHRIL="MITHRIL",ProjectType2.MARIONETTE="MARIONETTE",ProjectType2.MARKO="MARKO",ProjectType2.HTML="HTML",ProjectType2.RIOT="RIOT",ProjectType2.PREACT="PREACT",ProjectType2.SVELTE="SVELTE",ProjectType2.SVELTEKIT="SVELTEKIT",ProjectType2.RAX="RAX",ProjectType2.AURELIA="AURELIA",ProjectType2.SERVER="SERVER",ProjectType2))(ProjectType||{});var supportedTemplates=[{preset:"SFC_VUE",dependencies:{"vue-loader":versionRange=>ltMajor(versionRange,16),vuetify:versionRange=>ltMajor(versionRange,3)},matcherFunction:({dependencies})=>dependencies.some(Boolean)},{preset:"VUE",dependencies:{vue:versionRange=>ltMajor(versionRange,3),nuxt:versionRange=>ltMajor(versionRange,3)},matcherFunction:({dependencies})=>dependencies.some(Boolean)},{preset:"VUE3",dependencies:{vue:versionRange=>versionRange==="next"||eqMajor(versionRange,3)},matcherFunction:({dependencies})=>dependencies.some(Boolean)},{preset:"EMBER",dependencies:["ember-cli"],matcherFunction:({dependencies})=>dependencies.every(Boolean)},{preset:"NEXTJS",dependencies:{next:versionRange=>eqMajor(versionRange,9)||gtMajor(versionRange,9)},matcherFunction:({dependencies})=>dependencies.every(Boolean)},{preset:"REACT_PROJECT",peerDependencies:["react"],matcherFunction:({peerDependencies})=>peerDependencies.every(Boolean)},{preset:"REACT_NATIVE",dependencies:["react-native","react-native-scripts"],matcherFunction:({dependencies})=>dependencies.some(Boolean)},{preset:"REACT_SCRIPTS",files:["/node_modules/.bin/react-scripts"],dependencies:["react-scripts"],matcherFunction:({dependencies,files})=>dependencies.every(Boolean)||files.every(Boolean)},{preset:"WEBPACK_REACT",dependencies:["react","webpack"],matcherFunction:({dependencies})=>dependencies.every(Boolean)},{preset:"REACT",dependencies:["react"],matcherFunction:({dependencies})=>dependencies.every(Boolean)},{preset:"ANGULAR",dependencies:["@angular/core"],matcherFunction:({dependencies})=>dependencies.every(Boolean)},{preset:"WEB_COMPONENTS",dependencies:["lit-element","lit-html","lit"],matcherFunction:({dependencies})=>dependencies.some(Boolean)},{preset:"MITHRIL",dependencies:["mithril"],matcherFunction:({dependencies})=>dependencies.every(Boolean)},{preset:"MARIONETTE",dependencies:["backbone.marionette"],matcherFunction:({dependencies})=>dependencies.every(Boolean)},{preset:"MARKO",dependencies:["marko"],matcherFunction:({dependencies})=>dependencies.every(Boolean)},{preset:"RIOT",dependencies:["riot"],matcherFunction:({dependencies})=>dependencies.every(Boolean)},{preset:"PREACT",dependencies:["preact"],matcherFunction:({dependencies})=>dependencies.every(Boolean)},{preset:"SVELTEKIT",dependencies:["@sveltejs/kit"],matcherFunction:({dependencies})=>dependencies.every(Boolean)},{preset:"SVELTE",dependencies:["svelte"],matcherFunction:({dependencies})=>dependencies.every(Boolean)},{preset:"RAX",dependencies:["rax"],matcherFunction:({dependencies})=>dependencies.every(Boolean)},{preset:"AURELIA",dependencies:["aurelia-bootstrapper"],matcherFunction:({dependencies})=>dependencies.every(Boolean)}],unsupportedTemplate={preset:"UNSUPPORTED",dependencies:{nuxt:versionRange=>eqMajor(versionRange,3)},matcherFunction:({dependencies})=>dependencies.some(Boolean)},notInstallableProjectTypes=["UNDETECTED","UNSUPPORTED","ALREADY_HAS_STORYBOOK"],installableProjectTypes=Object.values(ProjectType).filter(type=>!notInstallableProjectTypes.includes(type)).map(type=>type.toLowerCase());var import_path3=__toESM(require("path")),import_fs2=__toESM(require("fs")),import_find_up=__toESM(require("find-up")),import_semver3=__toESM(require("semver"));var import_path2=__toESM(require("path")),import_fs=__toESM(require("fs")),import_fs_extra=__toESM(require("fs-extra")),import_chalk=__toESM(require("chalk")),import_semver2=require("semver"),import_strip_json_comments=__toESM(require("strip-json-comments"));var import_path=require("path");function getCliDir(){return(0,import_path.dirname)(require.resolve("@storybook/cli/package.json"))}function getRendererDir(renderer){return(0,import_path.dirname)(require.resolve(`@storybook/${renderer}/package.json`,{paths:[process.cwd()]}))}var versions_default={"@storybook/addon-a11y":"7.0.0-beta.26","@storybook/addon-actions":"7.0.0-beta.26","@storybook/addon-backgrounds":"7.0.0-beta.26","@storybook/addon-controls":"7.0.0-beta.26","@storybook/addon-docs":"7.0.0-beta.26","@storybook/addon-essentials":"7.0.0-beta.26","@storybook/addon-highlight":"7.0.0-beta.26","@storybook/addon-interactions":"7.0.0-beta.26","@storybook/addon-jest":"7.0.0-beta.26","@storybook/addon-links":"7.0.0-beta.26","@storybook/addon-measure":"7.0.0-beta.26","@storybook/addon-outline":"7.0.0-beta.26","@storybook/addon-storyshots":"7.0.0-beta.26","@storybook/addon-storyshots-puppeteer":"7.0.0-beta.26","@storybook/addon-storysource":"7.0.0-beta.26","@storybook/addon-toolbars":"7.0.0-beta.26","@storybook/addon-viewport":"7.0.0-beta.26","@storybook/addons":"7.0.0-beta.26","@storybook/angular":"7.0.0-beta.26","@storybook/manager-api":"7.0.0-beta.26","@storybook/blocks":"7.0.0-beta.26","@storybook/builder-manager":"7.0.0-beta.26","@storybook/builder-vite":"7.0.0-beta.26","@storybook/builder-webpack5":"7.0.0-beta.26","@storybook/channel-postmessage":"7.0.0-beta.26","@storybook/channel-websocket":"7.0.0-beta.26","@storybook/channels":"7.0.0-beta.26","@storybook/cli":"7.0.0-beta.26","@storybook/client-api":"7.0.0-beta.26","@storybook/client-logger":"7.0.0-beta.26","@storybook/codemod":"7.0.0-beta.26","@storybook/components":"7.0.0-beta.26","@storybook/core-client":"7.0.0-beta.26","@storybook/core-common":"7.0.0-beta.26","@storybook/core-events":"7.0.0-beta.26","@storybook/core-server":"7.0.0-beta.26","@storybook/core-webpack":"7.0.0-beta.26","@storybook/csf-tools":"7.0.0-beta.26","@storybook/docs-tools":"7.0.0-beta.26","@storybook/ember":"7.0.0-beta.26","@storybook/html":"7.0.0-beta.26","@storybook/html-webpack5":"7.0.0-beta.26","@storybook/html-vite":"7.0.0-beta.26","@storybook/instrumenter":"7.0.0-beta.26","@storybook/nextjs":"7.0.0-beta.26","@storybook/node-logger":"7.0.0-beta.26","@storybook/postinstall":"7.0.0-beta.26","@storybook/preact":"7.0.0-beta.26","@storybook/preact-vite":"7.0.0-beta.26","@storybook/preact-webpack5":"7.0.0-beta.26","@storybook/preset-html-webpack":"7.0.0-beta.26","@storybook/preset-preact-webpack":"7.0.0-beta.26","@storybook/preset-react-webpack":"7.0.0-beta.26","@storybook/preset-server-webpack":"7.0.0-beta.26","@storybook/preset-svelte-webpack":"7.0.0-beta.26","@storybook/preset-vue-webpack":"7.0.0-beta.26","@storybook/preset-vue3-webpack":"7.0.0-beta.26","@storybook/preset-web-components-webpack":"7.0.0-beta.26","@storybook/preview":"7.0.0-beta.26","@storybook/preview-api":"7.0.0-beta.26","@storybook/preview-web":"7.0.0-beta.26","@storybook/react":"7.0.0-beta.26","@storybook/react-vite":"7.0.0-beta.26","@storybook/react-webpack5":"7.0.0-beta.26","@storybook/router":"7.0.0-beta.26","@storybook/server":"7.0.0-beta.26","@storybook/server-webpack5":"7.0.0-beta.26","@storybook/source-loader":"7.0.0-beta.26","@storybook/store":"7.0.0-beta.26","@storybook/svelte":"7.0.0-beta.26","@storybook/sveltekit":"7.0.0-beta.26","@storybook/svelte-vite":"7.0.0-beta.26","@storybook/svelte-webpack5":"7.0.0-beta.26","@storybook/telemetry":"7.0.0-beta.26","@storybook/theming":"7.0.0-beta.26","@storybook/manager":"7.0.0-beta.26","@storybook/vue":"7.0.0-beta.26","@storybook/vue-vite":"7.0.0-beta.26","@storybook/vue-webpack5":"7.0.0-beta.26","@storybook/vue3":"7.0.0-beta.26","@storybook/vue3-vite":"7.0.0-beta.26","@storybook/vue3-webpack5":"7.0.0-beta.26","@storybook/web-components":"7.0.0-beta.26","@storybook/web-components-webpack5":"7.0.0-beta.26","@storybook/web-components-vite":"7.0.0-beta.26",sb:"7.0.0-beta.26",storybook:"7.0.0-beta.26"};var logger=console;function getBowerJson(){let bowerJsonPath=import_path2.default.resolve("bower.json");if(!import_fs.default.existsSync(bowerJsonPath))return!1;let jsonContent=import_fs.default.readFileSync(bowerJsonPath,"utf8");return JSON.parse(jsonContent)}function readFileAsJson(jsonPath,allowComments){let filePath=import_path2.default.resolve(jsonPath);if(!import_fs.default.existsSync(filePath))return!1;let fileContent=import_fs.default.readFileSync(filePath,"utf8"),jsonContent=allowComments?(0,import_strip_json_comments.default)(fileContent):fileContent;try{return JSON.parse(jsonContent)}catch(e){throw logger.error(import_chalk.default.red(`Invalid json in file: ${filePath}`)),e}}var writeFileAsJson=(jsonPath,content)=>{let filePath=import_path2.default.resolve(jsonPath);return import_fs.default.existsSync(filePath)?(import_fs.default.writeFileSync(filePath,`${JSON.stringify(content,null,2)}
|
|
2
2
|
`),!0):!1},commandLog=message=>(process.stdout.write(import_chalk.default.cyan(" \u2022 ")+message),(errorMessage,errorInfo)=>{if(errorMessage){if(process.stdout.write(`. ${import_chalk.default.red("\u2716")}
|
|
3
3
|
`),logger.error(`
|
|
4
4
|
${import_chalk.default.red(errorMessage)}`),!errorInfo)return;let newErrorInfo=errorInfo.split(`
|
|
@@ -207,7 +207,7 @@ Add a project and re-run the installation`)}async function getBaseTsConfigName()
|
|
|
207
207
|
|
|
208
208
|
Please see the migration guide for more information:
|
|
209
209
|
${import_chalk15.default.yellow("https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#removed-global-client-apis")}
|
|
210
|
-
`}};var import_chalk16=__toESM(require("chalk")),import_ts_dedent15=require("ts-dedent"),import_path12=require("path"),import_fs_extra9=__toESM(require("fs-extra")),import_globby=__toESM(require("globby")),
|
|
210
|
+
`}};var import_chalk16=__toESM(require("chalk")),import_ts_dedent15=require("ts-dedent"),import_path12=require("path"),import_fs_extra9=__toESM(require("fs-extra")),import_globby=__toESM(require("globby")),MDX1_STYLE_START=/<style>{`/g,MDX1_STYLE_END=/`}<\/style>/g,MDX1_COMMENT=/<!--(.+)-->/g,MDX1_CODEBLOCK=/(?:\n~~~(?:\n|.)*?\n~~~)|(?:\n```(?:\n|.)*?\n```)/g,fixMdxStyleTags=mdx=>mdx.replace(MDX1_STYLE_START,"<style>\n {`").replace(MDX1_STYLE_END," `}\n</style>"),fixMdxComments=mdx=>{let codeblocks=mdx.matchAll(MDX1_CODEBLOCK);return mdx.split(MDX1_CODEBLOCK).map(v=>v.replace(MDX1_COMMENT,(original,group)=>`{/*${group}*/}`)).reduce((acc,item,i)=>{let next=codeblocks.next();return next.done?acc+item:acc+item+next.value[0]},"")},logger12=console,mdx1to2={id:"mdx1to2",async check(){let storiesMdxFiles=await(0,import_globby.default)("./!(node_modules)**/*.(story|stories).mdx");return storiesMdxFiles.length?{storiesMdxFiles}:void 0},prompt({storiesMdxFiles}){return import_ts_dedent15.dedent`
|
|
211
211
|
We've found ${import_chalk16.default.yellow(storiesMdxFiles.length)} '.stories.mdx' files in your project.
|
|
212
212
|
|
|
213
213
|
Storybook has upgraded to MDX2 (https://mdxjs.com/blog/v2/), which contains breaking changes from V1.
|
|
@@ -217,7 +217,7 @@ Add a project and re-run the installation`)}async function getBaseTsConfigName()
|
|
|
217
217
|
For a full guide for how to manually upgrade your files, see the MDX2 migration guide:
|
|
218
218
|
|
|
219
219
|
${import_chalk16.default.cyan("https://mdxjs.com/migrating/v2/#update-mdx-files")}
|
|
220
|
-
`},async run({result:{storiesMdxFiles},dryRun}){await Promise.all(storiesMdxFiles.map(async fname=>{let contents=await import_fs_extra9.default.readFile(fname,"utf-8"),updated=
|
|
220
|
+
`},async run({result:{storiesMdxFiles},dryRun}){await Promise.all([...storiesMdxFiles.map(async fname=>{let contents=await import_fs_extra9.default.readFile(fname,"utf-8"),updated=fixMdxComments(fixMdxStyleTags(contents));updated===contents?logger12.info(`\u{1F197} Unmodified ${(0,import_path12.basename)(fname)}`):(logger12.info(`\u2705 Modified ${(0,import_path12.basename)(fname)}`),dryRun||await import_fs_extra9.default.writeFile(fname,updated))})])}};var import_chalk17=__toESM(require("chalk")),import_ts_dedent16=require("ts-dedent"),import_csf_tools7=require("@storybook/csf-tools"),import_core_common10=require("@storybook/core-common"),logger13=console,autodocsTrue={id:"autodocsTrue",async check({packageManager}){let packageJson=packageManager.retrievePackageJson(),{mainConfig}=(0,import_core_common10.getStorybookInfo)(packageJson);if(!mainConfig)return logger13.warn("Unable to find storybook main.js config, skipping"),null;let main=await(0,import_csf_tools7.readConfig)(mainConfig),docs=main.getFieldValue(["docs"]),docsPageToAutodocsMapping={true:"tag",automatic:!0,false:!1};if(docs!=null&&docs.docsPage){let oldValue=docs==null?void 0:docs.docsPage.toString();if(!(oldValue in docsPageToAutodocsMapping))throw new Error(`Unexpected value for docs.docsPage: ${oldValue}`);return{main,value:docsPageToAutodocsMapping[oldValue]}}return(docs==null?void 0:docs.autodocs)===void 0?{main}:null},prompt({value}){let autodocsFormatted=import_chalk17.default.cyan(`docs: { autodocs: ${JSON.stringify(value??!0)} }`);return value?import_ts_dedent16.dedent`
|
|
221
221
|
We've changed the configuration of autodocs (previous docsPage), so now the value:
|
|
222
222
|
- docs.autodocs: true -- means automatically create docs for every CSF file
|
|
223
223
|
- docs.autodocs: 'tag' -- means only create autodocs for CSF files with the 'autodocs' tag
|
|
@@ -364,10 +364,10 @@ For more information visit:`,import_chalk22.default.cyan("https://storybook.js.o
|
|
|
364
364
|
(window.__STORYBOOK_PREVIEW__ && window.__STORYBOOK_PREVIEW__.extract && window.__STORYBOOK_PREVIEW__.extract()) ||
|
|
365
365
|
(window.__STORYBOOK_STORY_STORE__ && window.__STORYBOOK_STORY_STORE__.extract && window.__STORYBOOK_STORY_STORE__.extract())
|
|
366
366
|
`);let data=JSON.parse(await page.evaluate(async()=>JSON.stringify(window.__STORYBOOK_STORY_STORE__.getStoriesJsonData(),null,2)));return setImmediate(()=>{browser.close()}),data},useLocation=async input=>{if(await(0,import_fs_extra11.stat)(import_path15.default.resolve(input)),input.match(/^http/))return[input,async()=>{}];let app=(0,import_express.default)();app.use(import_express.default.static(input));let port=await(0,import_get_port.default)();return new Promise(resolve2=>{let server=app.listen(port,()=>{let result=`http://localhost:${port}/iframe.html`;import_node_logger2.logger.info(`connecting to: ${result}`),resolve2([result,server.close.bind(server)])})})},usePuppeteerBrowser=async()=>{let args=["--no-sandbox ","--disable-setuid-sandbox"];try{return await import_puppeteer_core.default.launch({args,executablePath:process.env.SB_CHROMIUM_PATH})}catch{return import_node_logger2.logger.info("installing puppeteer..."),new Promise((resolve2,reject)=>{require("child_process").exec(`node ${require.resolve(import_path15.default.join("puppeteer-core","install.js"))}`,error=>error?reject(error):resolve2(import_puppeteer_core.default.launch({args})))})}};async function extract(input,targetPath){if(input&&targetPath){let[location,exit]=await useLocation(input),data=await read(location);await(0,import_fs_extra11.writeFile)(targetPath,JSON.stringify(data,null,2)),await exit()}else throw new Error("Extract: please specify a path where your built-storybook is (can be a public url) and a target directory")}var import_cross_spawn4=require("cross-spawn"),import_telemetry2=require("@storybook/telemetry"),import_semver18=__toESM(require("semver")),import_node_logger3=require("@storybook/node-logger"),import_core_server2=require("@storybook/core-server");var versionRegex=/(@storybook\/[^@]+)@(\S+)/,getStorybookVersion=line=>{if(line.startsWith("npm "))return null;let match=versionRegex.exec(line);return!match||!import_semver18.default.clean(match[2])?null:{package:match[1],version:match[2]}},excludeList=["@storybook/addon-bench","@storybook/addon-console","@storybook/addon-postcss","@storybook/babel-plugin-require-context-hook","@storybook/bench","@storybook/builder-vite","@storybook/csf","@storybook/design-system","@storybook/ember-cli-storybook","@storybook/eslint-config-storybook","@storybook/expect","@storybook/jest","@storybook/linter-config","@storybook/mdx1-csf","@storybook/mdx2-csf","@storybook/react-docgen-typescript-plugin","@storybook/storybook-deployer","@storybook/test-runner","@storybook/testing-library","@storybook/testing-react"],isCorePackage=pkg2=>pkg2.startsWith("@storybook/")&&!pkg2.startsWith("@storybook/preset-")&&!excludeList.includes(pkg2),deprecatedPackages=[{minVersion:"6.0.0-alpha.0",url:"https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#60-deprecations",deprecations:["@storybook/addon-notes","@storybook/addon-info","@storybook/addon-contexts","@storybook/addon-options","@storybook/addon-centered"]}],formatPackage=pkg2=>`${pkg2.package}@${pkg2.version}`,warnPackages=pkgs=>pkgs.forEach(pkg2=>import_node_logger3.logger.warn(`- ${formatPackage(pkg2)}`)),checkVersionConsistency=()=>{let storybookPackages=(0,import_cross_spawn4.sync)("npm",["ls"],{stdio:"pipe",shell:!0}).output.toString().split(`
|
|
367
|
-
`).map(getStorybookVersion).filter(Boolean).filter(pkg2=>isCorePackage(pkg2.package));if(!storybookPackages.length){import_node_logger3.logger.warn("No storybook core packages found."),import_node_logger3.logger.warn("'npm ls | grep storybook' can show if multiple versions are installed.");return}storybookPackages.sort((a,b)=>import_semver18.default.rcompare(a.version,b.version));let latestVersion=storybookPackages[0].version,outdated=storybookPackages.filter(pkg2=>pkg2.version!==latestVersion);outdated.length>0&&(import_node_logger3.logger.warn(`Found ${outdated.length} outdated packages (relative to '${formatPackage(storybookPackages[0])}')`),import_node_logger3.logger.warn("Please make sure your packages are updated to ensure a consistent experience."),warnPackages(outdated)),deprecatedPackages.forEach(({minVersion:minVersion2,url,deprecations})=>{if(import_semver18.default.gte(latestVersion,minVersion2)){let deprecated=storybookPackages.filter(pkg2=>deprecations.includes(pkg2.package));deprecated.length>0&&(import_node_logger3.logger.warn(`Found ${deprecated.length} deprecated packages since ${minVersion2}`),import_node_logger3.logger.warn(`See ${url}`),warnPackages(deprecated))}})},EXTRA_FLAGS={"react-scripts@<5":["--reject","/preset-create-react-app/"]},addExtraFlags=(extraFlags,flags,{dependencies,devDependencies})=>Object.entries(extraFlags).reduce((acc,entry)=>{let[pattern,extra]=entry,[pkg2,specifier]=getPackageDetails(pattern),pkgVersion=dependencies[pkg2]||devDependencies[pkg2];return pkgVersion&&import_semver18.default.satisfies(import_semver18.default.coerce(pkgVersion),specifier)?[...acc,...extra]:acc},[...flags]),doUpgrade=async({tag,prerelease,skipCheck,useNpm,packageManager:pkgMgr,dryRun,yes,...options})=>{useNpm&&(useNpmWarning(),pkgMgr="npm");let packageManager=JsPackageManagerFactory.getPackageManager({force:pkgMgr}),beforeVersion=await(0,import_telemetry2.getStorybookCoreVersion)();if(commandLog("Checking for latest versions of '@storybook/*' packages"),tag&&prerelease)throw new Error("Cannot set both --tag and --prerelease. Use --tag next to get the latest prereleae");let target="latest";prerelease?target="@next":tag&&(target=`@${tag}`);let flags=[];dryRun||flags.push("--upgrade"),flags.push("--target"),flags.push(target),flags=addExtraFlags(EXTRA_FLAGS,flags,packageManager.retrievePackageJson());let check=(0,import_cross_spawn4.sync)("npx",["npm-check-updates@latest","/storybook/",...flags],{stdio:"pipe",shell:!0}).output.toString();import_node_logger3.logger.info(check);let checkSb=(0,import_cross_spawn4.sync)("npx",["npm-check-updates@latest","sb",...flags],{stdio:"pipe",shell:!0}).output.toString();import_node_logger3.logger.info(checkSb),dryRun||(commandLog("Installing upgrades"),packageManager.installDependencies());let automigrationResults;if(skipCheck||(checkVersionConsistency(),automigrationResults=await automigrate({dryRun,yes,packageManager:pkgMgr})),!options.disableTelemetry){let afterVersion=await(0,import_telemetry2.getStorybookCoreVersion)();(0,import_telemetry2.telemetry)("upgrade",{prerelease,tag,automigrationResults,beforeVersion,afterVersion})}};async function upgrade(options){await(0,import_core_server2.withTelemetry)("upgrade",{cliOptions:options},()=>doUpgrade(options))}var import_prompts4=__toESM(require("prompts")),import_fs6=__toESM(require("fs")),import_path17=__toESM(require("path")),import_chalk24=__toESM(require("chalk")),import_boxen2=__toESM(require("boxen")),import_ts_dedent21=require("ts-dedent");var import_path16=__toESM(require("path")),import_fs_extra12=require("fs-extra"),import_shelljs2=__toESM(require("shelljs")),import_chalk23=__toESM(require("chalk")),import_execa=require("execa");var configs_exports={};__export(configs_exports,{angular:()=>angular,angular12:()=>angular122,angular13:()=>angular13,angular130:()=>angular130,cra:()=>cra,cra_typescript:()=>cra_typescript,html:()=>html,nextjs:()=>nextjs,nextjs_typescript:()=>nextjs_typescript,preact:()=>preact,preact_vite:()=>preact_vite,react:()=>react,react_in_yarn_workspace:()=>react_in_yarn_workspace,react_legacy_root_api:()=>react_legacy_root_api,react_typescript:()=>react_typescript,sfcVue:()=>sfcVue,svelte:()=>svelte,svelteKit:()=>svelteKit,vue:()=>vue,vue3:()=>vue32,web_components:()=>web_components,web_components_lit2:()=>web_components_lit2,web_components_typescript:()=>web_components_typescript});var fromDeps=(...args)=>["mkdir {{appName}}","cd {{appName}}","touch yarn.lock","yarn init --yes",args.length&&`yarn add ${args.join(" ")}`].filter(Boolean).join(" && "),cra={renderer:"react",name:"cra",version:"latest",generator:["
|
|
367
|
+
`).map(getStorybookVersion).filter(Boolean).filter(pkg2=>isCorePackage(pkg2.package));if(!storybookPackages.length){import_node_logger3.logger.warn("No storybook core packages found."),import_node_logger3.logger.warn("'npm ls | grep storybook' can show if multiple versions are installed.");return}storybookPackages.sort((a,b)=>import_semver18.default.rcompare(a.version,b.version));let latestVersion=storybookPackages[0].version,outdated=storybookPackages.filter(pkg2=>pkg2.version!==latestVersion);outdated.length>0&&(import_node_logger3.logger.warn(`Found ${outdated.length} outdated packages (relative to '${formatPackage(storybookPackages[0])}')`),import_node_logger3.logger.warn("Please make sure your packages are updated to ensure a consistent experience."),warnPackages(outdated)),deprecatedPackages.forEach(({minVersion:minVersion2,url,deprecations})=>{if(import_semver18.default.gte(latestVersion,minVersion2)){let deprecated=storybookPackages.filter(pkg2=>deprecations.includes(pkg2.package));deprecated.length>0&&(import_node_logger3.logger.warn(`Found ${deprecated.length} deprecated packages since ${minVersion2}`),import_node_logger3.logger.warn(`See ${url}`),warnPackages(deprecated))}})},EXTRA_FLAGS={"react-scripts@<5":["--reject","/preset-create-react-app/"]},addExtraFlags=(extraFlags,flags,{dependencies,devDependencies})=>Object.entries(extraFlags).reduce((acc,entry)=>{let[pattern,extra]=entry,[pkg2,specifier]=getPackageDetails(pattern),pkgVersion=dependencies[pkg2]||devDependencies[pkg2];return pkgVersion&&import_semver18.default.satisfies(import_semver18.default.coerce(pkgVersion),specifier)?[...acc,...extra]:acc},[...flags]),doUpgrade=async({tag,prerelease,skipCheck,useNpm,packageManager:pkgMgr,dryRun,yes,...options})=>{useNpm&&(useNpmWarning(),pkgMgr="npm");let packageManager=JsPackageManagerFactory.getPackageManager({force:pkgMgr}),beforeVersion=await(0,import_telemetry2.getStorybookCoreVersion)();if(commandLog("Checking for latest versions of '@storybook/*' packages"),tag&&prerelease)throw new Error("Cannot set both --tag and --prerelease. Use --tag next to get the latest prereleae");let target="latest";prerelease?target="@next":tag&&(target=`@${tag}`);let flags=[];dryRun||flags.push("--upgrade"),flags.push("--target"),flags.push(target),flags=addExtraFlags(EXTRA_FLAGS,flags,packageManager.retrievePackageJson());let check=(0,import_cross_spawn4.sync)("npx",["npm-check-updates@latest","/storybook/",...flags],{stdio:"pipe",shell:!0}).output.toString();import_node_logger3.logger.info(check);let checkSb=(0,import_cross_spawn4.sync)("npx",["npm-check-updates@latest","sb",...flags],{stdio:"pipe",shell:!0}).output.toString();import_node_logger3.logger.info(checkSb),dryRun||(commandLog("Installing upgrades"),packageManager.installDependencies());let automigrationResults;if(skipCheck||(checkVersionConsistency(),automigrationResults=await automigrate({dryRun,yes,packageManager:pkgMgr})),!options.disableTelemetry){let afterVersion=await(0,import_telemetry2.getStorybookCoreVersion)();(0,import_telemetry2.telemetry)("upgrade",{prerelease,tag,automigrationResults,beforeVersion,afterVersion})}};async function upgrade(options){await(0,import_core_server2.withTelemetry)("upgrade",{cliOptions:options},()=>doUpgrade(options))}var import_prompts4=__toESM(require("prompts")),import_fs6=__toESM(require("fs")),import_path17=__toESM(require("path")),import_chalk24=__toESM(require("chalk")),import_boxen2=__toESM(require("boxen")),import_ts_dedent21=require("ts-dedent");var import_path16=__toESM(require("path")),import_fs_extra12=require("fs-extra"),import_shelljs2=__toESM(require("shelljs")),import_chalk23=__toESM(require("chalk")),import_execa=require("execa");var configs_exports={};__export(configs_exports,{angular:()=>angular,angular12:()=>angular122,angular13:()=>angular13,angular130:()=>angular130,cra:()=>cra,cra_typescript:()=>cra_typescript,html:()=>html,nextjs:()=>nextjs,nextjs_typescript:()=>nextjs_typescript,preact:()=>preact,preact_vite:()=>preact_vite,react:()=>react,react_in_yarn_workspace:()=>react_in_yarn_workspace,react_legacy_root_api:()=>react_legacy_root_api,react_typescript:()=>react_typescript,sfcVue:()=>sfcVue,svelte:()=>svelte,svelteKit:()=>svelteKit,vue:()=>vue,vue3:()=>vue32,web_components:()=>web_components,web_components_lit2:()=>web_components_lit2,web_components_typescript:()=>web_components_typescript});var fromDeps=(...args)=>["mkdir {{appName}}","cd {{appName}}","touch yarn.lock","yarn init --yes",args.length&&`yarn add ${args.join(" ")}`].filter(Boolean).join(" && "),cra={renderer:"react",name:"cra",version:"latest",generator:["npx -p create-react-app@{{version}} create-react-app {{appName}}","cd {{appName}}",'echo "FAST_REFRESH=true" > .env','echo "SKIP_PREFLIGHT_CHECK=true" > .env'].join(" && "),envs:{npm_config_user_agent:"npm"}},cra_typescript={renderer:"react",name:"cra_typescript",version:"latest",generator:["npx -p create-react-app@{{version}} create-react-app {{appName}} --template typescript"].join(" && "),envs:{npm_config_user_agent:"npm"}},react={renderer:"react",name:"react",version:"latest",generator:fromDeps("react","react-dom","@babel/preset-react"),additionalDeps:["prop-types"],additionalFiles:[{path:".babelrc",contents:'{ "presets": ["@babel/preset-react"] }'}]},react_legacy_root_api={renderer:"react",name:"react_legacy_root_api",version:"latest",generator:fromDeps("react","react-dom"),additionalDeps:["prop-types","@babel/preset-react"],additionalFiles:[{path:".babelrc",contents:'{ "presets": ["@babel/preset-react"] }'}],mainOverrides:{reactOptions:{legacyRootApi:!0}}},react_typescript={renderer:"react",name:"react_typescript",version:"latest",generator:fromDeps("react","react-dom"),typescript:!0,additionalDeps:["@babel/preset-react","@babel/preset-typescript"],additionalFiles:[{path:".babelrc",contents:'{ "presets": ["@babel/preset-react", "@babel/preset-typescript"] }'}]},nextjs={renderer:"react",name:"nextjs",version:"latest",generator:["npm_config_user_agent=npm npx -p create-next-app@{{version}} create-next-app {{appName}}","cd {{appName}}"].join(" && ")},nextjs_typescript={renderer:"react",name:"nextjs_typescript",version:"latest",generator:["npm_config_user_agent=npm npx -p create-next-app@{{version}} create-next-app {{appName}} --typescript","cd {{appName}}"].join(" && ")},react_in_yarn_workspace={renderer:"react",name:"react_in_yarn_workspace",version:"latest",generator:["mkdir {{appName}}","cd {{appName}}",'echo "{ \\"name\\": \\"workspace-root\\", \\"private\\": true, \\"workspaces\\": [] }" > package.json',"touch yarn.lock","yarn add react react-dom"].join(" && ")},baseAngular={renderer:"angular",name:"angular",version:"latest",generator:"npx -p @angular/cli@{{version}} ng new {{appName}} --routing=true --minimal=true --style=scss --skip-install=true --strict"},angular122={...baseAngular,name:"angular12",version:"v12-lts"},angular130={...baseAngular,name:"angular130",version:"13.0.x"},angular13={...baseAngular,name:"angular13",version:"13.1.x"},angular=baseAngular,web_components={renderer:"web-components",name:"web_components",version:"2",generator:fromDeps("lit-element")},web_components_typescript={...web_components,name:"web_components_typescript",typescript:!0,additionalDeps:["@babel/preset-typescript"],additionalFiles:[{path:".babelrc",contents:'{ "presets": ["@babel/preset-typescript"] }'}]},web_components_lit2={...web_components,version:"next",name:"web_components_lit2",generator:fromDeps("lit"),typescript:!0,additionalDeps:["@babel/preset-typescript"],additionalFiles:[{path:".babelrc",contents:'{ "presets": ["@babel/preset-typescript"] }'}]},vue={renderer:"vue",name:"vue",version:"latest",generator:['npx -p @vue/cli vue create {{appName}} --default --packageManager=yarn --force --merge --preset="Default (Vue 2)"'].join(" && ")},vue32={renderer:"vue3",name:"vue3",version:"next",generator:["npx -p @vue/cli@^4 vue create {{appName}} --preset=__default_vue_3__ --packageManager=npm --no-git --force"].join(" && ")},html={renderer:"html",name:"html",version:"latest",generator:fromDeps(),autoDetect:!1},preact={renderer:"preact",name:"preact",version:"latest",generator:"npx preact-cli@{{version}} create preactjs-templates/default {{appName}} --install=false --git=false"},preact_vite={renderer:"preact",name:"preact",version:"latest",generator:"yarn create vite@{{version}} {{appName}} --template preact"},sfcVue={renderer:"vue",name:"sfcVue",version:"latest",generator:fromDeps("vue@2.6","vue-loader@15.9","vue-template-compiler@2.6","webpack")},svelte={renderer:"svelte",name:"svelte",version:"latest",generator:"npx giget github:sveltejs/template#master {{appName}}"},svelteKit={renderer:"svelte",name:"svelteKit",version:"latest",generator:"yarn create svelte-with-args --name={{appName}} --directory=. --template=skeleton --types=null --no-prettier --no-eslint --no-playwright"};var logger20=console,exec=async(command2,options={},{startMessage,errorMessage,dryRun}={})=>{if(startMessage&&logger20.info(startMessage),dryRun){logger20.info(`
|
|
368
368
|
> ${command2}
|
|
369
369
|
`);return}return logger20.debug(command2),new Promise((resolve2,reject)=>{let defaultOptions2={silent:!1},child=import_shelljs2.default.exec(command2,{...defaultOptions2,...options,async:!0,silent:!1});child.stderr.pipe(process.stderr),child.on("exit",code=>{code===0?resolve2(void 0):(logger20.error(import_chalk23.default.red(`An error occurred while executing: \`${command2}\``)),logger20.log(errorMessage),reject(new Error(`command exited with code: ${code}: `)))})})},addPackageResolutions=async({cwd})=>{logger20.info("\u{1F522} Adding package resolutions:");let packageJsonPath=import_path16.default.join(cwd,"package.json"),packageJson=await(0,import_fs_extra12.readJSON)(packageJsonPath);packageJson.resolutions=versions_default,await(0,import_fs_extra12.writeJSON)(packageJsonPath,packageJson,{spaces:2})},addLocalPackageResolutions=async({cwd})=>{logger20.info("\u{1F522} Adding package resolutions:");let packageJsonPath=import_path16.default.join(cwd,"package.json"),packageJson=await(0,import_fs_extra12.readJSON)(packageJsonPath),workspaceDir=import_path16.default.join(__dirname,"..","..","..","..",".."),{stdout}=await(0,import_execa.command)("yarn workspaces list --json",{cwd:workspaceDir});console.log({stdout,workspaceDir});let workspaces=JSON.parse(`[${stdout.split(`
|
|
370
|
-
`).join(",")}]`);console.log({workspaces}),packageJson.resolutions=Object.keys(versions_default).reduce((acc,key)=>({...acc,[key]:import_path16.default.join(workspaceDir,workspaces.find(item=>item.name===key).location)}),{}),await(0,import_fs_extra12.writeJSON)(packageJsonPath,packageJson,{spaces:2})},installYarn2=async({cwd,pnp,name})=>{let command2=["yarn set version berry","yarn config set enableGlobalCache true",`yarn config set nodeLinker ${pnp?"pnp":"node-modules"}`];[cra.name,cra_typescript.name].includes(name)&&command2.push(`yarn config set packageExtensions --json '{ "babel-preset-react-app@10.0.x": { "dependencies": { "@babel/plugin-proposal-private-property-in-object": "^7.16.0" } } }'`),await exec(command2.join(" && "),{cwd},{startMessage:"\u{1F9F6} Installing Yarn 2",errorMessage:"\u{1F6A8} Installing Yarn 2 failed"})},configureYarn2ForE2E=async({cwd})=>{let command2=[`yarn config set npmScopes --json '{ "storybook": { "npmRegistryServer": "http://localhost:6001/" } }'`,`yarn config set unsafeHttpWhitelist --json '["localhost"]'`,"yarn config set pnpFallbackMode none","yarn config set enableImmutableInstalls false",`yarn config set logFilters --json '[ { "code": "YN0013", "level": "discard" } ]'`].join(" && ");await exec(command2,{cwd},{startMessage:"\u{1F39B} Configuring Yarn 2",errorMessage:"\u{1F6A8} Configuring Yarn 2 failed"})},generate=async({cwd,name,appName,version,generator:generator23})=>{let command2=generator23.replace(/{{appName}}/g,appName).replace(/{{version}}/g,version);await exec(command2,{cwd},{startMessage:`\u{1F3D7} Bootstrapping ${name} project (this might take a few minutes)`,errorMessage:`\u{1F6A8} Bootstrapping ${name} failed`})},addAdditionalFiles=async({additionalFiles,cwd})=>{logger20.info("\u2935\uFE0F Adding required files"),await Promise.all(additionalFiles.map(async file=>{await(0,import_fs_extra12.outputFile)(import_path16.default.resolve(cwd,file.path),file.contents,{encoding:"UTF-8"})}))},initStorybook=async({cwd,autoDetect=!0,name,e2e,pnp})=>{let flags=["--yes"];autoDetect||flags.push(`--type ${name}`),e2e&&flags.push("--linkable"),pnp&&flags.push("--use-pnp");let command2=`${`node ${__filename}`} init ${flags.join(" ")}`;await exec(command2,{cwd},{startMessage:"\u{1F3A8} Initializing Storybook with @storybook/cli",errorMessage:"\u{1F6A8} Storybook initialization failed"})},addRequiredDeps=async({cwd,additionalDeps})=>{import_shelljs2.default.rm("-f",import_path16.default.join(cwd,"package-lock.json"),import_path16.default.join(cwd,"yarn.lock"));let command2=additionalDeps&&additionalDeps.length>0?`yarn add -D ${additionalDeps.join(" ")}`:"yarn install";await exec(command2,{cwd},{startMessage:"\u{1F30D} Adding needed deps & installing all deps",errorMessage:"\u{1F6A8} Dependencies installation failed"})},addTypescript=async({cwd})=>{logger20.info("\u{1F46E} Adding typescript and tsconfig.json");try{await exec("yarn add -D typescript@latest",{cwd});let tsConfig={compilerOptions:{baseUrl:".",esModuleInterop:!0,jsx:"preserve",skipLibCheck:!0,strict:!0},include:["src/*"]},tsConfigJsonPath=import_path16.default.resolve(cwd,"tsconfig.json");await(0,import_fs_extra12.writeJSON)(tsConfigJsonPath,tsConfig,{encoding:"utf8",spaces:2})}catch(e){throw logger20.error("\u{1F6A8} Creating tsconfig.json failed"),e}},doTask=async(task,options,condition=!0)=>{condition&&(await task(options),logger20.log())},registryUrlNPM=url=>exec(`npm ${["config","set","registry",url].join(" ")}`,{cwd:import_path16.default.join(process.cwd(),"..")}),registryUrlYarn=url=>exec(`yarn ${["config","set","npmRegistryServer",url].join(" ")}`,{cwd:import_path16.default.join(__dirname,"..")}),createAndInit=async(cwd,{name,version,...rest},{e2e,pnp,local,registry})=>{let options={name,version,appName:import_path16.default.basename(cwd),creationPath:import_path16.default.join(cwd,".."),cwd,e2e,pnp,...rest};logger20.log(),logger20.info(`\u{1F3C3} Starting for ${name} ${version}`),logger20.log(),await doTask(generate,{...options,cwd:options.creationPath}),await doTask(addAdditionalFiles,{...options,cwd},!!options.additionalFiles),e2e&&await doTask(addPackageResolutions,options),local&&await doTask(addLocalPackageResolutions,options),await doTask(installYarn2,options),e2e&&await doTask(configureYarn2ForE2E,options,e2e),await doTask(addTypescript,options,!!options.typescript),await doTask(addRequiredDeps,options),registry&&(await registryUrlNPM(registry),await registryUrlYarn(registry)),await doTask(initStorybook,options)};var logger21=console,TEMPLATES=configs_exports,CURATED_TEMPLATES=Object.fromEntries(Object.entries(configs_exports).filter(entry=>entry[0]!=="react_in_yarn_workspace")),RENDERERS=Object.values(CURATED_TEMPLATES).reduce((acc,cur)=>(acc[cur.renderer]=[...acc[cur.renderer]||[],cur],acc),{}),repro=async({outputDirectory,list,template,renderer,generator:generator23,e2e,local,registry,pnp})=>{if(logger21.info((0,import_boxen2.default)(import_ts_dedent21.dedent`
|
|
370
|
+
`).join(",")}]`);console.log({workspaces}),packageJson.resolutions=Object.keys(versions_default).reduce((acc,key)=>({...acc,[key]:import_path16.default.join(workspaceDir,workspaces.find(item=>item.name===key).location)}),{}),await(0,import_fs_extra12.writeJSON)(packageJsonPath,packageJson,{spaces:2})},installYarn2=async({cwd,pnp,name})=>{let command2=["yarn set version berry","yarn config set enableGlobalCache true",`yarn config set nodeLinker ${pnp?"pnp":"node-modules"}`];[cra.name,cra_typescript.name].includes(name)&&command2.push(`yarn config set packageExtensions --json '{ "babel-preset-react-app@10.0.x": { "dependencies": { "@babel/plugin-proposal-private-property-in-object": "^7.16.0" } } }'`),await exec(command2.join(" && "),{cwd},{startMessage:"\u{1F9F6} Installing Yarn 2",errorMessage:"\u{1F6A8} Installing Yarn 2 failed"})},configureYarn2ForE2E=async({cwd})=>{let command2=[`yarn config set npmScopes --json '{ "storybook": { "npmRegistryServer": "http://localhost:6001/" } }'`,`yarn config set unsafeHttpWhitelist --json '["localhost"]'`,"yarn config set pnpFallbackMode none","yarn config set enableImmutableInstalls false",`yarn config set logFilters --json '[ { "code": "YN0013", "level": "discard" } ]'`].join(" && ");await exec(command2,{cwd},{startMessage:"\u{1F39B} Configuring Yarn 2",errorMessage:"\u{1F6A8} Configuring Yarn 2 failed"})},generate=async({cwd,name,appName,version,generator:generator23,envs})=>{let command2=generator23.replace(/{{appName}}/g,appName).replace(/{{version}}/g,version);await exec(command2,{cwd,env:{...process.env,...envs}},{startMessage:`\u{1F3D7} Bootstrapping ${name} project (this might take a few minutes)`,errorMessage:`\u{1F6A8} Bootstrapping ${name} failed`})},addAdditionalFiles=async({additionalFiles,cwd})=>{logger20.info("\u2935\uFE0F Adding required files"),await Promise.all(additionalFiles.map(async file=>{await(0,import_fs_extra12.outputFile)(import_path16.default.resolve(cwd,file.path),file.contents,{encoding:"UTF-8"})}))},initStorybook=async({cwd,autoDetect=!0,name,e2e,pnp})=>{let flags=["--yes"];autoDetect||flags.push(`--type ${name}`),e2e&&flags.push("--linkable"),pnp&&flags.push("--use-pnp");let command2=`${`node ${__filename}`} init ${flags.join(" ")}`;await exec(command2,{cwd},{startMessage:"\u{1F3A8} Initializing Storybook with @storybook/cli",errorMessage:"\u{1F6A8} Storybook initialization failed"})},addRequiredDeps=async({cwd,additionalDeps})=>{import_shelljs2.default.rm("-f",import_path16.default.join(cwd,"package-lock.json"),import_path16.default.join(cwd,"yarn.lock"));let command2=additionalDeps&&additionalDeps.length>0?`yarn add -D ${additionalDeps.join(" ")}`:"yarn install";await exec(command2,{cwd},{startMessage:"\u{1F30D} Adding needed deps & installing all deps",errorMessage:"\u{1F6A8} Dependencies installation failed"})},addTypescript=async({cwd})=>{logger20.info("\u{1F46E} Adding typescript and tsconfig.json");try{await exec("yarn add -D typescript@latest",{cwd});let tsConfig={compilerOptions:{baseUrl:".",esModuleInterop:!0,jsx:"preserve",skipLibCheck:!0,strict:!0},include:["src/*"]},tsConfigJsonPath=import_path16.default.resolve(cwd,"tsconfig.json");await(0,import_fs_extra12.writeJSON)(tsConfigJsonPath,tsConfig,{encoding:"utf8",spaces:2})}catch(e){throw logger20.error("\u{1F6A8} Creating tsconfig.json failed"),e}},doTask=async(task,options,condition=!0)=>{condition&&(await task(options),logger20.log())},registryUrlNPM=url=>exec(`npm ${["config","set","registry",url].join(" ")}`,{cwd:import_path16.default.join(process.cwd(),"..")}),registryUrlYarn=url=>exec(`yarn ${["config","set","npmRegistryServer",url].join(" ")}`,{cwd:import_path16.default.join(__dirname,"..")}),createAndInit=async(cwd,{name,version,...rest},{e2e,pnp,local,registry})=>{let options={name,version,appName:import_path16.default.basename(cwd),creationPath:import_path16.default.join(cwd,".."),cwd,e2e,pnp,...rest};logger20.log(),logger20.info(`\u{1F3C3} Starting for ${name} ${version}`),logger20.log(),await doTask(generate,{...options,cwd:options.creationPath}),await doTask(addAdditionalFiles,{...options,cwd},!!options.additionalFiles),e2e&&await doTask(addPackageResolutions,options),local&&await doTask(addLocalPackageResolutions,options),await doTask(installYarn2,options),e2e&&await doTask(configureYarn2ForE2E,options,e2e),await doTask(addTypescript,options,!!options.typescript),await doTask(addRequiredDeps,options),registry&&(await registryUrlNPM(registry),await registryUrlYarn(registry)),await doTask(initStorybook,options)};var logger21=console,TEMPLATES=configs_exports,CURATED_TEMPLATES=Object.fromEntries(Object.entries(configs_exports).filter(entry=>entry[0]!=="react_in_yarn_workspace")),RENDERERS=Object.values(CURATED_TEMPLATES).reduce((acc,cur)=>(acc[cur.renderer]=[...acc[cur.renderer]||[],cur],acc),{}),repro=async({outputDirectory,list,template,renderer,generator:generator23,e2e,local,registry,pnp})=>{if(logger21.info((0,import_boxen2.default)(import_ts_dedent21.dedent`
|
|
371
371
|
🤗 Welcome to ${import_chalk24.default.yellow("sb repro")}! 🤗
|
|
372
372
|
|
|
373
373
|
Create a ${import_chalk24.default.green("new project")} to minimally reproduce Storybook issues.
|
|
@@ -389,28 +389,29 @@ For more information visit:`,import_chalk22.default.cyan("https://storybook.js.o
|
|
|
389
389
|
3. Link to the repro repository in your issue
|
|
390
390
|
|
|
391
391
|
Having a clean repro helps us solve your issue faster! 🙏
|
|
392
|
-
`.trim(),{borderStyle:"round",padding:1,borderColor:"#F1618C"}))}catch(error){throw logger21.error("\u{1F6A8} Failed to create repro"),error}},initGitRepo=async cwd=>{await exec("git init",{cwd}),await exec('echo "node_modules" >> .gitignore',{cwd}),await exec("git add --all",{cwd}),await exec('git commit -am "added storybook"',{cwd}),await exec("git tag repro-base",{cwd})};var import_prompts5=__toESM(require("prompts")),import_path18=__toESM(require("path")),import_chalk25=__toESM(require("chalk")),import_boxen3=__toESM(require("boxen")),import_ts_dedent22=require("ts-dedent"),import_giget=require("giget"),import_fs_extra13=require("fs-extra");var
|
|
392
|
+
`.trim(),{borderStyle:"round",padding:1,borderColor:"#F1618C"}))}catch(error){throw logger21.error("\u{1F6A8} Failed to create repro"),error}},initGitRepo=async cwd=>{await exec("git init",{cwd}),await exec('echo "node_modules" >> .gitignore',{cwd}),await exec("git add --all",{cwd}),await exec('git commit -am "added storybook"',{cwd}),await exec("git tag repro-base",{cwd})};var import_prompts5=__toESM(require("prompts")),import_path18=__toESM(require("path")),import_chalk25=__toESM(require("chalk")),import_boxen3=__toESM(require("boxen")),import_ts_dedent22=require("ts-dedent"),import_giget=require("giget"),import_fs_extra13=require("fs-extra");var baseTemplates={"cra/default-js":{name:"Create React App (Javascript)",script:"npx create-react-app .",expected:{framework:"@storybook/react-webpack5",renderer:"@storybook/react",builder:"@storybook/builder-webpack5"}},"cra/default-ts":{name:"Create React App (Typescript)",script:"npx create-react-app . --template typescript",skipTasks:["smoke-test"],expected:{framework:"@storybook/react-webpack5",renderer:"@storybook/react",builder:"@storybook/builder-webpack5"}},"nextjs/12-js":{name:"Next.js v12 (JavaScript)",script:'yarn create next-app {{beforeDir}} -e https://github.com/vercel/next.js/tree/next-12-3-2/examples/hello-world && cd {{beforeDir}} && npm pkg set "dependencies.next"="^12.2.0" && yarn && git add . && git commit --amend --no-edit && cd ..',expected:{framework:"@storybook/nextjs",renderer:"@storybook/react",builder:"@storybook/builder-webpack5"}},"nextjs/default-js":{name:"Next.js (JavaScript)",script:"yarn create next-app {{beforeDir}} --javascript --eslint",expected:{framework:"@storybook/nextjs",renderer:"@storybook/react",builder:"@storybook/builder-webpack5"}},"nextjs/default-ts":{name:"Next.js (TypeScript)",script:"yarn create next-app {{beforeDir}} --typescript --eslint",expected:{framework:"@storybook/nextjs",renderer:"@storybook/react",builder:"@storybook/builder-webpack5"}},"react-vite/default-js":{name:"React Vite (JS)",script:"yarn create vite . --template react",expected:{framework:"@storybook/react-vite",renderer:"@storybook/react",builder:"@storybook/builder-vite"}},"react-vite/default-ts":{name:"React Vite (TS)",script:"yarn create vite . --template react-ts",expected:{framework:"@storybook/react-vite",renderer:"@storybook/react",builder:"@storybook/builder-vite"}},"react-webpack/18-ts":{name:"React Webpack5 (TS)",script:"yarn create webpack5-react .",expected:{framework:"@storybook/react-webpack5",renderer:"@storybook/react",builder:"@storybook/builder-webpack5"}},"react-webpack/17-ts":{name:"React Webpack5 (TS)",script:'yarn create webpack5-react . --version-react="17" --version-react-dom="17"',expected:{framework:"@storybook/react-webpack5",renderer:"@storybook/react",builder:"@storybook/builder-webpack5"}},"vue3-vite/default-js":{name:"Vue3 Vite (JS)",script:"yarn create vite . --template vue",expected:{framework:"@storybook/vue3-vite",renderer:"@storybook/vue3",builder:"@storybook/builder-vite"}},"vue3-vite/default-ts":{name:"Vue3 Vite (TS)",script:"yarn create vite . --template vue-ts",expected:{framework:"@storybook/vue3-vite",renderer:"@storybook/vue3",builder:"@storybook/builder-vite"}},"vue2-vite/2.7-js":{name:"Vue2 Vite (vue 2.7 JS)",script:`yarn create vite . --template vanilla && yarn add --dev @vitejs/plugin-vue2 vue-template-compiler vue@2 && echo "import vue2 from '@vitejs/plugin-vue2';
|
|
393
393
|
|
|
394
394
|
export default {
|
|
395
395
|
plugins: [vue2()]
|
|
396
|
-
};" > vite.config.js`,skipTasks:["smoke-test"],expected:{framework:"@storybook/vue-vite",renderer:"@storybook/vue",builder:"@storybook/builder-vite"}},"html-webpack/default":{name:"HTML Webpack5",script:"yarn create webpack5-html .",expected:{framework:"@storybook/html-webpack5",renderer:"@storybook/html",builder:"@storybook/builder-webpack5"}},"html-vite/default-js":{name:"HTML Vite JS",script:'yarn create vite . --template vanilla && echo "export default {}" > vite.config.js',expected:{framework:"@storybook/html-vite",renderer:"@storybook/html",builder:"@storybook/builder-vite"},inDevelopment:!0},"html-vite/default-ts":{name:"HTML Vite TS",script:'yarn create vite . --template vanilla-ts && echo "export default {}" > vite.config.js',expected:{framework:"@storybook/html-vite",renderer:"@storybook/html",builder:"@storybook/builder-vite"},inDevelopment:!0},"svelte-vite/default-js":{name:"Svelte Vite (JS)",script:"yarn create vite . --template svelte",expected:{framework:"@storybook/svelte-vite",renderer:"@storybook/svelte",builder:"@storybook/builder-vite"}},"svelte-vite/default-ts":{name:"Svelte Vite (TS)",script:"yarn create vite . --template svelte-ts",skipTasks:["smoke-test"],expected:{framework:"@storybook/svelte-vite",renderer:"@storybook/svelte",builder:"@storybook/builder-vite"}},"angular-cli/default-ts":{name:"Angular CLI (latest)",script:"npx -p @angular/cli ng new angular-latest --directory . --routing=true --minimal=true --style=scss --strict --skip-git --skip-install --package-manager=yarn",expected:{framework:"@storybook/angular",renderer:"@storybook/angular",builder:"@storybook/builder-webpack5"}},"angular-cli/14-ts":{name:"Angular CLI (Version 14)",script:"npx -p @angular/cli@14 ng new angular-v14 --directory . --routing=true --minimal=true --style=scss --strict --skip-git --skip-install --package-manager=yarn",expected:{framework:"@storybook/angular",renderer:"@storybook/angular",builder:"@storybook/builder-webpack5"}},"angular-cli/13-ts":{name:"Angular CLI (Version 13)",script:"npx -p @angular/cli@13 ng new angular-v13 --directory . --routing=true --minimal=true --style=scss --strict --skip-git --skip-install --package-manager=yarn",expected:{framework:"@storybook/angular",renderer:"@storybook/angular",builder:"@storybook/builder-webpack5"}},"svelte-kit/skeleton-js":{name:"Svelte Kit (JS)",script:"yarn create svelte-with-args --name=svelte-kit/skeleton-js --directory=. --template=skeleton --types=null --no-prettier --no-eslint --no-playwright --no-vitest",expected:{framework:"@storybook/sveltekit",renderer:"@storybook/svelte",builder:"@storybook/builder-vite"}},"svelte-kit/skeleton-ts":{name:"Svelte Kit (TS)",script:"yarn create svelte-with-args --name=svelte-kit/skeleton-ts --directory=. --template=skeleton --types=typescript --no-prettier --no-eslint --no-playwright --no-vitest",expected:{framework:"@storybook/sveltekit",renderer:"@storybook/svelte",builder:"@storybook/builder-vite"}},"lit-vite/default-js":{name:"Lit Vite (JS)",script:"yarn create vite . --template lit",skipTasks:["smoke-test"],expected:{framework:"@storybook/web-components-vite",renderer:"@storybook/web-components",builder:"@storybook/builder-vite"}},"lit-vite/default-ts":{name:"Lit Vite (TS)",script:"yarn create vite . --template lit-ts",skipTasks:["smoke-test"],expected:{framework:"@storybook/web-components-vite",renderer:"@storybook/web-components",builder:"@storybook/builder-vite"}},"vue-cli/default-js":{name:"Vue-CLI (Default JS)",script:"npx -p @vue/cli vue create . --default --packageManager=yarn --force --merge",skipTasks:["smoke-test"],expected:{framework:"@storybook/vue3-webpack5",renderer:"@storybook/vue3",builder:"@storybook/builder-webpack5"}},"vue-cli/vue2-default-js":{name:"Vue-CLI (Vue2 JS)",script:'npx -p @vue/cli vue create . --default --packageManager=yarn --force --merge --preset="Default (Vue 2)"',skipTasks:["smoke-test"],expected:{framework:"@storybook/vue-webpack5",renderer:"@storybook/vue",builder:"@storybook/builder-webpack5"}},"preact-webpack5/default-js":{name:"Preact CLI (Default JS)",script:"npx preact-cli create default {{beforeDir}} --name preact-app --yarn --no-install",expected:{framework:"@storybook/preact-webpack5",renderer:"@storybook/preact",builder:"@storybook/builder-webpack5"}},"preact-webpack5/default-ts":{name:"Preact CLI (Default TS)",script:"npx preact-cli create typescript {{beforeDir}} --name preact-app --yarn --no-install",expected:{framework:"@storybook/preact-webpack5",renderer:"@storybook/preact",builder:"@storybook/builder-webpack5"}},"preact-vite/default-js":{name:"Preact Vite (JS)",script:"yarn create vite . --template preact",expected:{framework:"@storybook/preact-vite",renderer:"@storybook/preact",builder:"@storybook/builder-vite"}},"preact-vite/default-ts":{name:"Preact Vite (TS)",script:"yarn create vite . --template preact-ts",expected:{framework:"@storybook/preact-vite",renderer:"@storybook/preact",builder:"@storybook/builder-vite"}}},ci=["cra/default-ts","react-vite/default-ts"],pr=[...ci,"angular-cli/default-ts","vue3-vite/default-ts","vue-cli/vue2-default-js","lit-vite/default-ts","svelte-vite/default-ts","svelte-kit/skeleton-ts","nextjs/default-ts"],merged=[...pr,"react-webpack/18-ts","react-webpack/17-ts","angular-cli/14-ts","angular-cli/13-ts","preact-webpack5/default-ts","preact-vite/default-ts","html-webpack/default"],daily=[...merged,"cra/default-js","react-vite/default-js","vue3-vite/default-js","vue2-vite/2.7-js","vue-cli/default-js","lit-vite/default-js","svelte-kit/skeleton-js","svelte-vite/default-js","nextjs/12-js","nextjs/default-js","preact-webpack5/default-js","preact-vite/default-js"];var logger22=console,toChoices=c=>({title:allTemplates[c].name,value:c}),reproNext=async({output:outputDirectory,filterValue,branch,init})=>{let filterRegex=new RegExp(`^${filterValue||""}`,"i"),keys=Object.keys(allTemplates),choices=keys.reduce((acc,group)=>{let current=allTemplates[group];return(!filterValue||current.name.match(filterRegex)||group.match(filterRegex)||current.expected.builder.match(filterRegex)||current.expected.framework.match(filterRegex)||current.expected.renderer.match(filterRegex))&&acc.push(group),acc},[]);choices.length===0&&(logger22.info((0,import_boxen3.default)(import_ts_dedent22.dedent`
|
|
397
|
-
|
|
396
|
+
};" > vite.config.js`,skipTasks:["smoke-test"],expected:{framework:"@storybook/vue-vite",renderer:"@storybook/vue",builder:"@storybook/builder-vite"}},"html-webpack/default":{name:"HTML Webpack5",script:"yarn create webpack5-html .",expected:{framework:"@storybook/html-webpack5",renderer:"@storybook/html",builder:"@storybook/builder-webpack5"}},"html-vite/default-js":{name:"HTML Vite JS",script:'yarn create vite . --template vanilla && echo "export default {}" > vite.config.js',expected:{framework:"@storybook/html-vite",renderer:"@storybook/html",builder:"@storybook/builder-vite"},inDevelopment:!0},"html-vite/default-ts":{name:"HTML Vite TS",script:'yarn create vite . --template vanilla-ts && echo "export default {}" > vite.config.js',expected:{framework:"@storybook/html-vite",renderer:"@storybook/html",builder:"@storybook/builder-vite"},inDevelopment:!0},"svelte-vite/default-js":{name:"Svelte Vite (JS)",script:"yarn create vite . --template svelte",expected:{framework:"@storybook/svelte-vite",renderer:"@storybook/svelte",builder:"@storybook/builder-vite"}},"svelte-vite/default-ts":{name:"Svelte Vite (TS)",script:"yarn create vite . --template svelte-ts",skipTasks:["smoke-test"],expected:{framework:"@storybook/svelte-vite",renderer:"@storybook/svelte",builder:"@storybook/builder-vite"}},"angular-cli/default-ts":{name:"Angular CLI (latest)",script:"npx -p @angular/cli ng new angular-latest --directory . --routing=true --minimal=true --style=scss --strict --skip-git --skip-install --package-manager=yarn",expected:{framework:"@storybook/angular",renderer:"@storybook/angular",builder:"@storybook/builder-webpack5"}},"angular-cli/14-ts":{name:"Angular CLI (Version 14)",script:"npx -p @angular/cli@14 ng new angular-v14 --directory . --routing=true --minimal=true --style=scss --strict --skip-git --skip-install --package-manager=yarn",expected:{framework:"@storybook/angular",renderer:"@storybook/angular",builder:"@storybook/builder-webpack5"}},"angular-cli/13-ts":{name:"Angular CLI (Version 13)",script:"npx -p @angular/cli@13 ng new angular-v13 --directory . --routing=true --minimal=true --style=scss --strict --skip-git --skip-install --package-manager=yarn",expected:{framework:"@storybook/angular",renderer:"@storybook/angular",builder:"@storybook/builder-webpack5"}},"svelte-kit/skeleton-js":{name:"Svelte Kit (JS)",script:"yarn create svelte-with-args --name=svelte-kit/skeleton-js --directory=. --template=skeleton --types=null --no-prettier --no-eslint --no-playwright --no-vitest",expected:{framework:"@storybook/sveltekit",renderer:"@storybook/svelte",builder:"@storybook/builder-vite"}},"svelte-kit/skeleton-ts":{name:"Svelte Kit (TS)",script:"yarn create svelte-with-args --name=svelte-kit/skeleton-ts --directory=. --template=skeleton --types=typescript --no-prettier --no-eslint --no-playwright --no-vitest",expected:{framework:"@storybook/sveltekit",renderer:"@storybook/svelte",builder:"@storybook/builder-vite"}},"lit-vite/default-js":{name:"Lit Vite (JS)",script:"yarn create vite . --template lit",skipTasks:["smoke-test"],expected:{framework:"@storybook/web-components-vite",renderer:"@storybook/web-components",builder:"@storybook/builder-vite"}},"lit-vite/default-ts":{name:"Lit Vite (TS)",script:"yarn create vite . --template lit-ts",skipTasks:["smoke-test"],expected:{framework:"@storybook/web-components-vite",renderer:"@storybook/web-components",builder:"@storybook/builder-vite"}},"vue-cli/default-js":{name:"Vue-CLI (Default JS)",script:"npx -p @vue/cli vue create . --default --packageManager=yarn --force --merge",skipTasks:["smoke-test"],expected:{framework:"@storybook/vue3-webpack5",renderer:"@storybook/vue3",builder:"@storybook/builder-webpack5"}},"vue-cli/vue2-default-js":{name:"Vue-CLI (Vue2 JS)",script:'npx -p @vue/cli vue create . --default --packageManager=yarn --force --merge --preset="Default (Vue 2)"',skipTasks:["smoke-test"],expected:{framework:"@storybook/vue-webpack5",renderer:"@storybook/vue",builder:"@storybook/builder-webpack5"}},"preact-webpack5/default-js":{name:"Preact CLI (Default JS)",script:"npx preact-cli create default {{beforeDir}} --name preact-app --yarn --no-install",expected:{framework:"@storybook/preact-webpack5",renderer:"@storybook/preact",builder:"@storybook/builder-webpack5"}},"preact-webpack5/default-ts":{name:"Preact CLI (Default TS)",script:"npx preact-cli create typescript {{beforeDir}} --name preact-app --yarn --no-install",expected:{framework:"@storybook/preact-webpack5",renderer:"@storybook/preact",builder:"@storybook/builder-webpack5"}},"preact-vite/default-js":{name:"Preact Vite (JS)",script:"yarn create vite . --template preact",expected:{framework:"@storybook/preact-vite",renderer:"@storybook/preact",builder:"@storybook/builder-vite"}},"preact-vite/default-ts":{name:"Preact Vite (TS)",script:"yarn create vite . --template preact-ts",expected:{framework:"@storybook/preact-vite",renderer:"@storybook/preact",builder:"@storybook/builder-vite"}}},internalTemplates={"internal/ssv6-vite":{...baseTemplates["react-vite/default-ts"],name:"StoryStore v6 (react-vite/default-ts)",inDevelopment:!0,isInternal:!0,modifications:{mainConfig:{features:{storyStoreV7:!1}}}},"internal/ssv6-webpack":{...baseTemplates["react-webpack/18-ts"],name:"StoryStore v6 (react-webpack/18-ts)",inDevelopment:!0,isInternal:!0,modifications:{mainConfig:{features:{storyStoreV7:!1}}}}},allTemplates={...baseTemplates,...internalTemplates},ci=["cra/default-ts","react-vite/default-ts"],pr=[...ci,"angular-cli/default-ts","vue3-vite/default-ts","vue-cli/vue2-default-js","lit-vite/default-ts","svelte-vite/default-ts","svelte-kit/skeleton-ts","nextjs/default-ts"],merged=[...pr,"react-webpack/18-ts","react-webpack/17-ts","angular-cli/14-ts","angular-cli/13-ts","preact-webpack5/default-ts","preact-vite/default-ts","html-webpack/default","internal/ssv6-vite","internal/ssv6-webpack"],daily=[...merged,"cra/default-js","react-vite/default-js","vue3-vite/default-js","vue2-vite/2.7-js","vue-cli/default-js","lit-vite/default-js","svelte-kit/skeleton-js","svelte-vite/default-js","nextjs/12-js","nextjs/default-js","preact-webpack5/default-js","preact-vite/default-js"];var logger22=console,toChoices=c=>({title:allTemplates[c].name,value:c}),reproNext=async({output:outputDirectory,filterValue,branch,init})=>{let selectedConfig=allTemplates[filterValue],selectedTemplate=selectedConfig?filterValue:null;if(!selectedConfig){let filterRegex=new RegExp(`^${filterValue||""}`,"i"),keys=Object.keys(allTemplates),choices=keys.reduce((acc,group)=>{let current=allTemplates[group];return(!filterValue||current.name.match(filterRegex)||group.match(filterRegex)||current.expected.builder.match(filterRegex)||current.expected.framework.match(filterRegex)||current.expected.renderer.match(filterRegex))&&acc.push(group),acc},[]);if(choices.length===0&&(logger22.info((0,import_boxen3.default)(import_ts_dedent22.dedent`
|
|
397
|
+
🔎 You filtered out all templates. 🔍
|
|
398
398
|
|
|
399
|
-
|
|
399
|
+
After filtering all the templates with "${import_chalk25.default.yellow(filterValue)}", we found no results. Please try again with a different filter.
|
|
400
400
|
|
|
401
|
-
|
|
402
|
-
|
|
401
|
+
Available templates:
|
|
402
|
+
${keys.map(key=>import_chalk25.default.blue`- ${key}`).join(`
|
|
403
403
|
`)}
|
|
404
|
-
|
|
405
|
-
|
|
404
|
+
`.trim(),{borderStyle:"round",padding:1,borderColor:"#F1618C"})),process.exit(1)),choices.length===1?[selectedTemplate]=choices:(logger22.info((0,import_boxen3.default)(import_ts_dedent22.dedent`
|
|
405
|
+
🤗 Welcome to ${import_chalk25.default.yellow("sb repro NEXT")}! 🤗
|
|
406
406
|
|
|
407
|
-
|
|
407
|
+
Create a ${import_chalk25.default.green("new project")} to minimally reproduce Storybook issues.
|
|
408
408
|
|
|
409
|
-
|
|
410
|
-
|
|
409
|
+
1. select an environment that most closely matches your project setup.
|
|
410
|
+
2. select a location for the reproduction, outside of your project.
|
|
411
411
|
|
|
412
|
-
|
|
413
|
-
|
|
412
|
+
After the reproduction is ready, we'll guide you through the next steps.
|
|
413
|
+
`.trim(),{borderStyle:"round",padding:1,borderColor:"#F1618C"})),selectedTemplate=await promptSelectedTemplate(choices)),!!!(selectedTemplate??null)){logger22.error("Somehow we got no templates. Please rerun this command!");return}if(selectedConfig=allTemplates[selectedTemplate],!selectedConfig)throw new Error("\u{1F6A8} Repro: please specify a valid template type")}let selectedDirectory=outputDirectory,outputDirectoryName=outputDirectory||selectedTemplate;if(selectedDirectory&&(0,import_fs_extra13.existsSync)(`${selectedDirectory}`)&&logger22.info(`\u26A0\uFE0F ${selectedDirectory} already exists! Overwriting...`),!selectedDirectory){let{directory}=await(0,import_prompts5.default)({type:"text",message:"Enter the output directory",name:"directory",initial:outputDirectoryName,validate:async directoryName=>(0,import_fs_extra13.existsSync)(directoryName)?`${directoryName} already exists. Please choose another name.`:!0},{onCancel:()=>{logger22.log("Command cancelled by the user. Exiting..."),process.exit(1)}});selectedDirectory=directory}try{let templateDestination=import_path18.default.isAbsolute(selectedDirectory)?selectedDirectory:import_path18.default.join(process.cwd(),selectedDirectory);logger22.info(`\u{1F3C3} Adding ${selectedConfig.name} into ${templateDestination}`),logger22.log("\u{1F4E6} Downloading repro template...");try{let gitPath=`github:storybookjs/repro-templates-temp/${selectedTemplate}/${init?"after-storybook":"before-storybook"}#${branch}`;if(await(0,import_giget.downloadTemplate)(gitPath,{force:!0,dir:templateDestination}),(await(0,import_fs_extra13.readdir)(templateDestination)).length===0)throw new Error(import_ts_dedent22.dedent`Template downloaded from ${import_chalk25.default.blue(gitPath)} is empty.
|
|
414
|
+
Are you use it exists? Or did you want to set ${import_chalk25.default.yellow(selectedTemplate)} to inDevelopment first?`)}catch(err){throw logger22.error(`\u{1F6A8} Failed to download repro template: ${err.message}`),err}let initMessage=init?import_chalk25.default.yellow(`yarn install
|
|
414
415
|
yarn storybook`):`Recreate your setup, then ${import_chalk25.default.yellow("run npx storybook init")}`;logger22.info((0,import_boxen3.default)(import_ts_dedent22.dedent`
|
|
415
416
|
🎉 Your Storybook reproduction project is ready to use! 🎉
|
|
416
417
|
|
|
@@ -424,7 +425,7 @@ yarn storybook`):`Recreate your setup, then ${import_chalk25.default.yellow("run
|
|
|
424
425
|
3. Link to the repro repository in your issue
|
|
425
426
|
|
|
426
427
|
Having a clean repro helps us solve your issue faster! 🙏
|
|
427
|
-
`.trim(),{borderStyle:"round",padding:1,borderColor:"#F1618C"}))}catch(error){throw logger22.error("\u{1F6A8} Failed to create repro"),error}};async function promptSelectedTemplate(choices){let{template}=await(0,import_prompts5.default)({type:"select",message:"\u{1F308} Select the template",name:"template",choices:choices.map(toChoices)});return template||null}var import_fs_extra14=__toESM(require("fs-extra")),import_path19=__toESM(require("path")),import_cross_spawn5=require("cross-spawn"),import_node_logger4=require("@storybook/node-logger");var link=async({target,local,start})=>{var _a;let storybookDir=process.cwd();try{if((await import_fs_extra14.default.readJSON("package.json")).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=import_path19.default.basename(target);if(!local){let reprosDir=import_path19.default.join(storybookDir,"../storybook-repros");import_node_logger4.logger.info(`Ensuring directory ${reprosDir}`),await import_fs_extra14.default.ensureDir(reprosDir),import_node_logger4.logger.info(`Cloning ${target}`),await exec(`git clone ${target}`,{cwd:reprosDir}),reproName=import_path19.default.basename(target,import_path19.default.extname(target)),reproDir=import_path19.default.join(reprosDir,reproName)}let reproPackageJson=await import_fs_extra14.default.readJSON(import_path19.default.join(reproDir,"package.json")),version=(0,import_cross_spawn5.sync)("yarn",["--version"],{cwd:reproDir,stdio:"pipe",shell:!0}).stdout.toString();if(!/^[23]\./.test(version)){import_node_logger4.logger.warn(`\u{1F6A8} Expected yarn 2 or 3 in ${reproDir}!`),import_node_logger4.logger.warn(""),import_node_logger4.logger.warn("Please set it up with `yarn set version berry`,"),import_node_logger4.logger.warn(`then link '${reproDir}' with the '--local' flag.`);return}import_node_logger4.logger.info(`Linking ${reproDir}`),await exec(`yarn link --all ${storybookDir}`,{cwd:reproDir}),import_node_logger4.logger.info(`Installing ${reproName}`),await exec("yarn install",{cwd:reproDir}),import_node_logger4.logger.info("Magic stuff related to @storybook/preset-create-react-app, we need to fix peerDependencies"),(_a=reproPackageJson.devDependencies)!=null&&_a.vite||await exec("yarn add -D webpack-hot-middleware",{cwd:reproDir}),await exec("yarn add @types/node@16",{cwd:reproDir}),start&&(import_node_logger4.logger.info(`Running ${reproName} storybook`),await exec("yarn run storybook",{cwd:reproDir}))};var import_ts_dedent23=require("ts-dedent"),import_read_pkg_up=require("read-pkg-up"),import_node_logger5=require("@storybook/node-logger"),import_core_server3=require("@storybook/core-server"),import_core_common14=require("@storybook/core-common"),dev=async cliOptions=>{var _a;process.env.NODE_ENV=process.env.NODE_ENV||"development";try{let options={...cliOptions,configDir:cliOptions.configDir||"./.storybook",configType:"DEVELOPMENT",ignorePreview:!!cliOptions.previewUrl&&!cliOptions.forceBuildPreview,docsMode:!!cliOptions.docs,cache:import_core_common14.cache,packageJson:(0,import_read_pkg_up.sync)({cwd:__dirname}).packageJson};await(0,import_core_server3.withTelemetry)("dev",{cliOptions,presetOptions:options},()=>(0,import_core_server3.buildDevStandalone)(options))}catch(error){import_node_logger5.instance.heading="",error instanceof Error?error.error?import_node_logger5.logger.error(error.error):error.stats&&error.stats.compilation.errors?error.stats.compilation.errors.forEach(e=>import_node_logger5.logger.plain(e)):import_node_logger5.logger.error(error):(_a=error.compilation)!=null&&_a.errors&&error.compilation.errors.forEach(e=>import_node_logger5.logger.plain(e)),import_node_logger5.logger.line(),import_node_logger5.logger.warn(error.close?import_ts_dedent23.dedent`
|
|
428
|
+
`.trim(),{borderStyle:"round",padding:1,borderColor:"#F1618C"}))}catch(error){throw logger22.error("\u{1F6A8} Failed to create repro"),error}};async function promptSelectedTemplate(choices){let{template}=await(0,import_prompts5.default)({type:"select",message:"\u{1F308} Select the template",name:"template",choices:choices.map(toChoices)},{onCancel:()=>{logger22.log("Command cancelled by the user. Exiting..."),process.exit(1)}});return template||null}var import_fs_extra14=__toESM(require("fs-extra")),import_path19=__toESM(require("path")),import_cross_spawn5=require("cross-spawn"),import_node_logger4=require("@storybook/node-logger");var link=async({target,local,start})=>{var _a;let storybookDir=process.cwd();try{if((await import_fs_extra14.default.readJSON("package.json")).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=import_path19.default.basename(target);if(!local){let reprosDir=import_path19.default.join(storybookDir,"../storybook-repros");import_node_logger4.logger.info(`Ensuring directory ${reprosDir}`),await import_fs_extra14.default.ensureDir(reprosDir),import_node_logger4.logger.info(`Cloning ${target}`),await exec(`git clone ${target}`,{cwd:reprosDir}),reproName=import_path19.default.basename(target,import_path19.default.extname(target)),reproDir=import_path19.default.join(reprosDir,reproName)}let reproPackageJson=await import_fs_extra14.default.readJSON(import_path19.default.join(reproDir,"package.json")),version=(0,import_cross_spawn5.sync)("yarn",["--version"],{cwd:reproDir,stdio:"pipe",shell:!0}).stdout.toString();if(!/^[23]\./.test(version)){import_node_logger4.logger.warn(`\u{1F6A8} Expected yarn 2 or 3 in ${reproDir}!`),import_node_logger4.logger.warn(""),import_node_logger4.logger.warn("Please set it up with `yarn set version berry`,"),import_node_logger4.logger.warn(`then link '${reproDir}' with the '--local' flag.`);return}import_node_logger4.logger.info(`Linking ${reproDir}`),await exec(`yarn link --all ${storybookDir}`,{cwd:reproDir}),import_node_logger4.logger.info(`Installing ${reproName}`),await exec("yarn install",{cwd:reproDir}),import_node_logger4.logger.info("Magic stuff related to @storybook/preset-create-react-app, we need to fix peerDependencies"),(_a=reproPackageJson.devDependencies)!=null&&_a.vite||await exec("yarn add -D webpack-hot-middleware",{cwd:reproDir}),await exec("yarn add @types/node@16",{cwd:reproDir}),start&&(import_node_logger4.logger.info(`Running ${reproName} storybook`),await exec("yarn run storybook",{cwd:reproDir}))};var import_ts_dedent23=require("ts-dedent"),import_read_pkg_up=require("read-pkg-up"),import_node_logger5=require("@storybook/node-logger"),import_core_server3=require("@storybook/core-server"),import_core_common14=require("@storybook/core-common"),dev=async cliOptions=>{var _a;process.env.NODE_ENV=process.env.NODE_ENV||"development";try{let options={...cliOptions,configDir:cliOptions.configDir||"./.storybook",configType:"DEVELOPMENT",ignorePreview:!!cliOptions.previewUrl&&!cliOptions.forceBuildPreview,docsMode:!!cliOptions.docs,cache:import_core_common14.cache,packageJson:(0,import_read_pkg_up.sync)({cwd:__dirname}).packageJson};await(0,import_core_server3.withTelemetry)("dev",{cliOptions,presetOptions:options},()=>(0,import_core_server3.buildDevStandalone)(options))}catch(error){import_node_logger5.instance.heading="",error instanceof Error?error.error?import_node_logger5.logger.error(error.error):error.stats&&error.stats.compilation.errors?error.stats.compilation.errors.forEach(e=>import_node_logger5.logger.plain(e)):import_node_logger5.logger.error(error):(_a=error.compilation)!=null&&_a.errors&&error.compilation.errors.forEach(e=>import_node_logger5.logger.plain(e)),import_node_logger5.logger.line(),import_node_logger5.logger.warn(error.close?import_ts_dedent23.dedent`
|
|
428
429
|
FATAL broken build!, will close the process,
|
|
429
430
|
Fix the error below and restart storybook.
|
|
430
431
|
`:import_ts_dedent23.dedent`
|
package/dist/generate.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var __defProp=Object.defineProperty;var __require=(x=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(x,{get:(a,b)=>(typeof require<"u"?require:a)[b]}):x)(function(x){if(typeof require<"u")return require.apply(this,arguments);throw new Error('Dynamic require of "'+x+'" is not supported')});var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})};import program from"commander";import path16 from"path";import chalk26 from"chalk";import envinfo from"envinfo";import leven from"leven";import{sync as readUpSync3}from"read-pkg-up";import{logger as logger26}from"@storybook/node-logger";import chalk22 from"chalk";import prompts3 from"prompts";import{telemetry}from"@storybook/telemetry";import{withTelemetry}from"@storybook/core-server";import{minVersion,validRange}from"semver";function ltMajor(versionRange,major){return validRange(versionRange)&&minVersion(versionRange).major<major}function gtMajor(versionRange,major){return validRange(versionRange)&&minVersion(versionRange).major>major}function eqMajor(versionRange,major){return validRange(versionRange)&&minVersion(versionRange).major===major}var SUPPORTED_RENDERERS=["react","react-native","vue","vue3","angular","mithril","riot","ember","marionette","marko","preact","svelte","rax","aurelia"],ProjectType=(ProjectType2=>(ProjectType2.UNDETECTED="UNDETECTED",ProjectType2.UNSUPPORTED="UNSUPPORTED",ProjectType2.REACT_SCRIPTS="REACT_SCRIPTS",ProjectType2.REACT="REACT",ProjectType2.REACT_NATIVE="REACT_NATIVE",ProjectType2.REACT_PROJECT="REACT_PROJECT",ProjectType2.WEBPACK_REACT="WEBPACK_REACT",ProjectType2.NEXTJS="NEXTJS",ProjectType2.VUE="VUE",ProjectType2.VUE3="VUE3",ProjectType2.SFC_VUE="SFC_VUE",ProjectType2.ANGULAR="ANGULAR",ProjectType2.EMBER="EMBER",ProjectType2.ALREADY_HAS_STORYBOOK="ALREADY_HAS_STORYBOOK",ProjectType2.WEB_COMPONENTS="WEB_COMPONENTS",ProjectType2.MITHRIL="MITHRIL",ProjectType2.MARIONETTE="MARIONETTE",ProjectType2.MARKO="MARKO",ProjectType2.HTML="HTML",ProjectType2.RIOT="RIOT",ProjectType2.PREACT="PREACT",ProjectType2.SVELTE="SVELTE",ProjectType2.SVELTEKIT="SVELTEKIT",ProjectType2.RAX="RAX",ProjectType2.AURELIA="AURELIA",ProjectType2.SERVER="SERVER",ProjectType2))(ProjectType||{});var supportedTemplates=[{preset:"SFC_VUE",dependencies:{"vue-loader":versionRange=>ltMajor(versionRange,16),vuetify:versionRange=>ltMajor(versionRange,3)},matcherFunction:({dependencies})=>dependencies.some(Boolean)},{preset:"VUE",dependencies:{vue:versionRange=>ltMajor(versionRange,3),nuxt:versionRange=>ltMajor(versionRange,3)},matcherFunction:({dependencies})=>dependencies.some(Boolean)},{preset:"VUE3",dependencies:{vue:versionRange=>versionRange==="next"||eqMajor(versionRange,3)},matcherFunction:({dependencies})=>dependencies.some(Boolean)},{preset:"EMBER",dependencies:["ember-cli"],matcherFunction:({dependencies})=>dependencies.every(Boolean)},{preset:"NEXTJS",dependencies:{next:versionRange=>eqMajor(versionRange,9)||gtMajor(versionRange,9)},matcherFunction:({dependencies})=>dependencies.every(Boolean)},{preset:"REACT_PROJECT",peerDependencies:["react"],matcherFunction:({peerDependencies})=>peerDependencies.every(Boolean)},{preset:"REACT_NATIVE",dependencies:["react-native","react-native-scripts"],matcherFunction:({dependencies})=>dependencies.some(Boolean)},{preset:"REACT_SCRIPTS",files:["/node_modules/.bin/react-scripts"],dependencies:["react-scripts"],matcherFunction:({dependencies,files})=>dependencies.every(Boolean)||files.every(Boolean)},{preset:"WEBPACK_REACT",dependencies:["react","webpack"],matcherFunction:({dependencies})=>dependencies.every(Boolean)},{preset:"REACT",dependencies:["react"],matcherFunction:({dependencies})=>dependencies.every(Boolean)},{preset:"ANGULAR",dependencies:["@angular/core"],matcherFunction:({dependencies})=>dependencies.every(Boolean)},{preset:"WEB_COMPONENTS",dependencies:["lit-element","lit-html","lit"],matcherFunction:({dependencies})=>dependencies.some(Boolean)},{preset:"MITHRIL",dependencies:["mithril"],matcherFunction:({dependencies})=>dependencies.every(Boolean)},{preset:"MARIONETTE",dependencies:["backbone.marionette"],matcherFunction:({dependencies})=>dependencies.every(Boolean)},{preset:"MARKO",dependencies:["marko"],matcherFunction:({dependencies})=>dependencies.every(Boolean)},{preset:"RIOT",dependencies:["riot"],matcherFunction:({dependencies})=>dependencies.every(Boolean)},{preset:"PREACT",dependencies:["preact"],matcherFunction:({dependencies})=>dependencies.every(Boolean)},{preset:"SVELTEKIT",dependencies:["@sveltejs/kit"],matcherFunction:({dependencies})=>dependencies.every(Boolean)},{preset:"SVELTE",dependencies:["svelte"],matcherFunction:({dependencies})=>dependencies.every(Boolean)},{preset:"RAX",dependencies:["rax"],matcherFunction:({dependencies})=>dependencies.every(Boolean)},{preset:"AURELIA",dependencies:["aurelia-bootstrapper"],matcherFunction:({dependencies})=>dependencies.every(Boolean)}],unsupportedTemplate={preset:"UNSUPPORTED",dependencies:{nuxt:versionRange=>eqMajor(versionRange,3)},matcherFunction:({dependencies})=>dependencies.some(Boolean)},notInstallableProjectTypes=["UNDETECTED","UNSUPPORTED","ALREADY_HAS_STORYBOOK"],installableProjectTypes=Object.values(ProjectType).filter(type=>!notInstallableProjectTypes.includes(type)).map(type=>type.toLowerCase());import path2 from"path";import fs2 from"fs";import findUp from"find-up";import semver from"semver";import path,{join}from"path";import fs from"fs";import fse from"fs-extra";import chalk from"chalk";import{satisfies}from"semver";import stripJsonComments from"strip-json-comments";import{dirname}from"path";function getCliDir(){return dirname(__require.resolve("@storybook/cli/package.json"))}function getRendererDir(renderer){return dirname(__require.resolve(`@storybook/${renderer}/package.json`,{paths:[process.cwd()]}))}var versions_default={"@storybook/addon-a11y":"7.0.0-beta.25","@storybook/addon-actions":"7.0.0-beta.25","@storybook/addon-backgrounds":"7.0.0-beta.25","@storybook/addon-controls":"7.0.0-beta.25","@storybook/addon-docs":"7.0.0-beta.25","@storybook/addon-essentials":"7.0.0-beta.25","@storybook/addon-highlight":"7.0.0-beta.25","@storybook/addon-interactions":"7.0.0-beta.25","@storybook/addon-jest":"7.0.0-beta.25","@storybook/addon-links":"7.0.0-beta.25","@storybook/addon-measure":"7.0.0-beta.25","@storybook/addon-outline":"7.0.0-beta.25","@storybook/addon-storyshots":"7.0.0-beta.25","@storybook/addon-storyshots-puppeteer":"7.0.0-beta.25","@storybook/addon-storysource":"7.0.0-beta.25","@storybook/addon-toolbars":"7.0.0-beta.25","@storybook/addon-viewport":"7.0.0-beta.25","@storybook/addons":"7.0.0-beta.25","@storybook/angular":"7.0.0-beta.25","@storybook/manager-api":"7.0.0-beta.25","@storybook/blocks":"7.0.0-beta.25","@storybook/builder-manager":"7.0.0-beta.25","@storybook/builder-vite":"7.0.0-beta.25","@storybook/builder-webpack5":"7.0.0-beta.25","@storybook/channel-postmessage":"7.0.0-beta.25","@storybook/channel-websocket":"7.0.0-beta.25","@storybook/channels":"7.0.0-beta.25","@storybook/cli":"7.0.0-beta.25","@storybook/client-api":"7.0.0-beta.25","@storybook/client-logger":"7.0.0-beta.25","@storybook/codemod":"7.0.0-beta.25","@storybook/components":"7.0.0-beta.25","@storybook/core-client":"7.0.0-beta.25","@storybook/core-common":"7.0.0-beta.25","@storybook/core-events":"7.0.0-beta.25","@storybook/core-server":"7.0.0-beta.25","@storybook/core-webpack":"7.0.0-beta.25","@storybook/csf-tools":"7.0.0-beta.25","@storybook/docs-tools":"7.0.0-beta.25","@storybook/ember":"7.0.0-beta.25","@storybook/html":"7.0.0-beta.25","@storybook/html-webpack5":"7.0.0-beta.25","@storybook/html-vite":"7.0.0-beta.25","@storybook/instrumenter":"7.0.0-beta.25","@storybook/nextjs":"7.0.0-beta.25","@storybook/node-logger":"7.0.0-beta.25","@storybook/postinstall":"7.0.0-beta.25","@storybook/preact":"7.0.0-beta.25","@storybook/preact-vite":"7.0.0-beta.25","@storybook/preact-webpack5":"7.0.0-beta.25","@storybook/preset-html-webpack":"7.0.0-beta.25","@storybook/preset-preact-webpack":"7.0.0-beta.25","@storybook/preset-react-webpack":"7.0.0-beta.25","@storybook/preset-server-webpack":"7.0.0-beta.25","@storybook/preset-svelte-webpack":"7.0.0-beta.25","@storybook/preset-vue-webpack":"7.0.0-beta.25","@storybook/preset-vue3-webpack":"7.0.0-beta.25","@storybook/preset-web-components-webpack":"7.0.0-beta.25","@storybook/preview":"7.0.0-beta.25","@storybook/preview-api":"7.0.0-beta.25","@storybook/preview-web":"7.0.0-beta.25","@storybook/react":"7.0.0-beta.25","@storybook/react-vite":"7.0.0-beta.25","@storybook/react-webpack5":"7.0.0-beta.25","@storybook/router":"7.0.0-beta.25","@storybook/server":"7.0.0-beta.25","@storybook/server-webpack5":"7.0.0-beta.25","@storybook/source-loader":"7.0.0-beta.25","@storybook/store":"7.0.0-beta.25","@storybook/svelte":"7.0.0-beta.25","@storybook/sveltekit":"7.0.0-beta.25","@storybook/svelte-vite":"7.0.0-beta.25","@storybook/svelte-webpack5":"7.0.0-beta.25","@storybook/telemetry":"7.0.0-beta.25","@storybook/theming":"7.0.0-beta.25","@storybook/manager":"7.0.0-beta.25","@storybook/vue":"7.0.0-beta.25","@storybook/vue-vite":"7.0.0-beta.25","@storybook/vue-webpack5":"7.0.0-beta.25","@storybook/vue3":"7.0.0-beta.25","@storybook/vue3-vite":"7.0.0-beta.25","@storybook/vue3-webpack5":"7.0.0-beta.25","@storybook/web-components":"7.0.0-beta.25","@storybook/web-components-webpack5":"7.0.0-beta.25","@storybook/web-components-vite":"7.0.0-beta.25",sb:"7.0.0-beta.25",storybook:"7.0.0-beta.25"};var logger=console;function getBowerJson(){let bowerJsonPath=path.resolve("bower.json");if(!fs.existsSync(bowerJsonPath))return!1;let jsonContent=fs.readFileSync(bowerJsonPath,"utf8");return JSON.parse(jsonContent)}function readFileAsJson(jsonPath,allowComments){let filePath=path.resolve(jsonPath);if(!fs.existsSync(filePath))return!1;let fileContent=fs.readFileSync(filePath,"utf8"),jsonContent=allowComments?stripJsonComments(fileContent):fileContent;try{return JSON.parse(jsonContent)}catch(e){throw logger.error(chalk.red(`Invalid json in file: ${filePath}`)),e}}var writeFileAsJson=(jsonPath,content)=>{let filePath=path.resolve(jsonPath);return fs.existsSync(filePath)?(fs.writeFileSync(filePath,`${JSON.stringify(content,null,2)}
|
|
1
|
+
var __defProp=Object.defineProperty;var __require=(x=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(x,{get:(a,b)=>(typeof require<"u"?require:a)[b]}):x)(function(x){if(typeof require<"u")return require.apply(this,arguments);throw new Error('Dynamic require of "'+x+'" is not supported')});var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})};import program from"commander";import path16 from"path";import chalk26 from"chalk";import envinfo from"envinfo";import leven from"leven";import{sync as readUpSync3}from"read-pkg-up";import{logger as logger26}from"@storybook/node-logger";import chalk22 from"chalk";import prompts3 from"prompts";import{telemetry}from"@storybook/telemetry";import{withTelemetry}from"@storybook/core-server";import{minVersion,validRange}from"semver";function ltMajor(versionRange,major){return validRange(versionRange)&&minVersion(versionRange).major<major}function gtMajor(versionRange,major){return validRange(versionRange)&&minVersion(versionRange).major>major}function eqMajor(versionRange,major){return validRange(versionRange)&&minVersion(versionRange).major===major}var SUPPORTED_RENDERERS=["react","react-native","vue","vue3","angular","mithril","riot","ember","marionette","marko","preact","svelte","rax","aurelia"],ProjectType=(ProjectType2=>(ProjectType2.UNDETECTED="UNDETECTED",ProjectType2.UNSUPPORTED="UNSUPPORTED",ProjectType2.REACT_SCRIPTS="REACT_SCRIPTS",ProjectType2.REACT="REACT",ProjectType2.REACT_NATIVE="REACT_NATIVE",ProjectType2.REACT_PROJECT="REACT_PROJECT",ProjectType2.WEBPACK_REACT="WEBPACK_REACT",ProjectType2.NEXTJS="NEXTJS",ProjectType2.VUE="VUE",ProjectType2.VUE3="VUE3",ProjectType2.SFC_VUE="SFC_VUE",ProjectType2.ANGULAR="ANGULAR",ProjectType2.EMBER="EMBER",ProjectType2.ALREADY_HAS_STORYBOOK="ALREADY_HAS_STORYBOOK",ProjectType2.WEB_COMPONENTS="WEB_COMPONENTS",ProjectType2.MITHRIL="MITHRIL",ProjectType2.MARIONETTE="MARIONETTE",ProjectType2.MARKO="MARKO",ProjectType2.HTML="HTML",ProjectType2.RIOT="RIOT",ProjectType2.PREACT="PREACT",ProjectType2.SVELTE="SVELTE",ProjectType2.SVELTEKIT="SVELTEKIT",ProjectType2.RAX="RAX",ProjectType2.AURELIA="AURELIA",ProjectType2.SERVER="SERVER",ProjectType2))(ProjectType||{});var supportedTemplates=[{preset:"SFC_VUE",dependencies:{"vue-loader":versionRange=>ltMajor(versionRange,16),vuetify:versionRange=>ltMajor(versionRange,3)},matcherFunction:({dependencies})=>dependencies.some(Boolean)},{preset:"VUE",dependencies:{vue:versionRange=>ltMajor(versionRange,3),nuxt:versionRange=>ltMajor(versionRange,3)},matcherFunction:({dependencies})=>dependencies.some(Boolean)},{preset:"VUE3",dependencies:{vue:versionRange=>versionRange==="next"||eqMajor(versionRange,3)},matcherFunction:({dependencies})=>dependencies.some(Boolean)},{preset:"EMBER",dependencies:["ember-cli"],matcherFunction:({dependencies})=>dependencies.every(Boolean)},{preset:"NEXTJS",dependencies:{next:versionRange=>eqMajor(versionRange,9)||gtMajor(versionRange,9)},matcherFunction:({dependencies})=>dependencies.every(Boolean)},{preset:"REACT_PROJECT",peerDependencies:["react"],matcherFunction:({peerDependencies})=>peerDependencies.every(Boolean)},{preset:"REACT_NATIVE",dependencies:["react-native","react-native-scripts"],matcherFunction:({dependencies})=>dependencies.some(Boolean)},{preset:"REACT_SCRIPTS",files:["/node_modules/.bin/react-scripts"],dependencies:["react-scripts"],matcherFunction:({dependencies,files})=>dependencies.every(Boolean)||files.every(Boolean)},{preset:"WEBPACK_REACT",dependencies:["react","webpack"],matcherFunction:({dependencies})=>dependencies.every(Boolean)},{preset:"REACT",dependencies:["react"],matcherFunction:({dependencies})=>dependencies.every(Boolean)},{preset:"ANGULAR",dependencies:["@angular/core"],matcherFunction:({dependencies})=>dependencies.every(Boolean)},{preset:"WEB_COMPONENTS",dependencies:["lit-element","lit-html","lit"],matcherFunction:({dependencies})=>dependencies.some(Boolean)},{preset:"MITHRIL",dependencies:["mithril"],matcherFunction:({dependencies})=>dependencies.every(Boolean)},{preset:"MARIONETTE",dependencies:["backbone.marionette"],matcherFunction:({dependencies})=>dependencies.every(Boolean)},{preset:"MARKO",dependencies:["marko"],matcherFunction:({dependencies})=>dependencies.every(Boolean)},{preset:"RIOT",dependencies:["riot"],matcherFunction:({dependencies})=>dependencies.every(Boolean)},{preset:"PREACT",dependencies:["preact"],matcherFunction:({dependencies})=>dependencies.every(Boolean)},{preset:"SVELTEKIT",dependencies:["@sveltejs/kit"],matcherFunction:({dependencies})=>dependencies.every(Boolean)},{preset:"SVELTE",dependencies:["svelte"],matcherFunction:({dependencies})=>dependencies.every(Boolean)},{preset:"RAX",dependencies:["rax"],matcherFunction:({dependencies})=>dependencies.every(Boolean)},{preset:"AURELIA",dependencies:["aurelia-bootstrapper"],matcherFunction:({dependencies})=>dependencies.every(Boolean)}],unsupportedTemplate={preset:"UNSUPPORTED",dependencies:{nuxt:versionRange=>eqMajor(versionRange,3)},matcherFunction:({dependencies})=>dependencies.some(Boolean)},notInstallableProjectTypes=["UNDETECTED","UNSUPPORTED","ALREADY_HAS_STORYBOOK"],installableProjectTypes=Object.values(ProjectType).filter(type=>!notInstallableProjectTypes.includes(type)).map(type=>type.toLowerCase());import path2 from"path";import fs2 from"fs";import findUp from"find-up";import semver from"semver";import path,{join}from"path";import fs from"fs";import fse from"fs-extra";import chalk from"chalk";import{satisfies}from"semver";import stripJsonComments from"strip-json-comments";import{dirname}from"path";function getCliDir(){return dirname(__require.resolve("@storybook/cli/package.json"))}function getRendererDir(renderer){return dirname(__require.resolve(`@storybook/${renderer}/package.json`,{paths:[process.cwd()]}))}var versions_default={"@storybook/addon-a11y":"7.0.0-beta.26","@storybook/addon-actions":"7.0.0-beta.26","@storybook/addon-backgrounds":"7.0.0-beta.26","@storybook/addon-controls":"7.0.0-beta.26","@storybook/addon-docs":"7.0.0-beta.26","@storybook/addon-essentials":"7.0.0-beta.26","@storybook/addon-highlight":"7.0.0-beta.26","@storybook/addon-interactions":"7.0.0-beta.26","@storybook/addon-jest":"7.0.0-beta.26","@storybook/addon-links":"7.0.0-beta.26","@storybook/addon-measure":"7.0.0-beta.26","@storybook/addon-outline":"7.0.0-beta.26","@storybook/addon-storyshots":"7.0.0-beta.26","@storybook/addon-storyshots-puppeteer":"7.0.0-beta.26","@storybook/addon-storysource":"7.0.0-beta.26","@storybook/addon-toolbars":"7.0.0-beta.26","@storybook/addon-viewport":"7.0.0-beta.26","@storybook/addons":"7.0.0-beta.26","@storybook/angular":"7.0.0-beta.26","@storybook/manager-api":"7.0.0-beta.26","@storybook/blocks":"7.0.0-beta.26","@storybook/builder-manager":"7.0.0-beta.26","@storybook/builder-vite":"7.0.0-beta.26","@storybook/builder-webpack5":"7.0.0-beta.26","@storybook/channel-postmessage":"7.0.0-beta.26","@storybook/channel-websocket":"7.0.0-beta.26","@storybook/channels":"7.0.0-beta.26","@storybook/cli":"7.0.0-beta.26","@storybook/client-api":"7.0.0-beta.26","@storybook/client-logger":"7.0.0-beta.26","@storybook/codemod":"7.0.0-beta.26","@storybook/components":"7.0.0-beta.26","@storybook/core-client":"7.0.0-beta.26","@storybook/core-common":"7.0.0-beta.26","@storybook/core-events":"7.0.0-beta.26","@storybook/core-server":"7.0.0-beta.26","@storybook/core-webpack":"7.0.0-beta.26","@storybook/csf-tools":"7.0.0-beta.26","@storybook/docs-tools":"7.0.0-beta.26","@storybook/ember":"7.0.0-beta.26","@storybook/html":"7.0.0-beta.26","@storybook/html-webpack5":"7.0.0-beta.26","@storybook/html-vite":"7.0.0-beta.26","@storybook/instrumenter":"7.0.0-beta.26","@storybook/nextjs":"7.0.0-beta.26","@storybook/node-logger":"7.0.0-beta.26","@storybook/postinstall":"7.0.0-beta.26","@storybook/preact":"7.0.0-beta.26","@storybook/preact-vite":"7.0.0-beta.26","@storybook/preact-webpack5":"7.0.0-beta.26","@storybook/preset-html-webpack":"7.0.0-beta.26","@storybook/preset-preact-webpack":"7.0.0-beta.26","@storybook/preset-react-webpack":"7.0.0-beta.26","@storybook/preset-server-webpack":"7.0.0-beta.26","@storybook/preset-svelte-webpack":"7.0.0-beta.26","@storybook/preset-vue-webpack":"7.0.0-beta.26","@storybook/preset-vue3-webpack":"7.0.0-beta.26","@storybook/preset-web-components-webpack":"7.0.0-beta.26","@storybook/preview":"7.0.0-beta.26","@storybook/preview-api":"7.0.0-beta.26","@storybook/preview-web":"7.0.0-beta.26","@storybook/react":"7.0.0-beta.26","@storybook/react-vite":"7.0.0-beta.26","@storybook/react-webpack5":"7.0.0-beta.26","@storybook/router":"7.0.0-beta.26","@storybook/server":"7.0.0-beta.26","@storybook/server-webpack5":"7.0.0-beta.26","@storybook/source-loader":"7.0.0-beta.26","@storybook/store":"7.0.0-beta.26","@storybook/svelte":"7.0.0-beta.26","@storybook/sveltekit":"7.0.0-beta.26","@storybook/svelte-vite":"7.0.0-beta.26","@storybook/svelte-webpack5":"7.0.0-beta.26","@storybook/telemetry":"7.0.0-beta.26","@storybook/theming":"7.0.0-beta.26","@storybook/manager":"7.0.0-beta.26","@storybook/vue":"7.0.0-beta.26","@storybook/vue-vite":"7.0.0-beta.26","@storybook/vue-webpack5":"7.0.0-beta.26","@storybook/vue3":"7.0.0-beta.26","@storybook/vue3-vite":"7.0.0-beta.26","@storybook/vue3-webpack5":"7.0.0-beta.26","@storybook/web-components":"7.0.0-beta.26","@storybook/web-components-webpack5":"7.0.0-beta.26","@storybook/web-components-vite":"7.0.0-beta.26",sb:"7.0.0-beta.26",storybook:"7.0.0-beta.26"};var logger=console;function getBowerJson(){let bowerJsonPath=path.resolve("bower.json");if(!fs.existsSync(bowerJsonPath))return!1;let jsonContent=fs.readFileSync(bowerJsonPath,"utf8");return JSON.parse(jsonContent)}function readFileAsJson(jsonPath,allowComments){let filePath=path.resolve(jsonPath);if(!fs.existsSync(filePath))return!1;let fileContent=fs.readFileSync(filePath,"utf8"),jsonContent=allowComments?stripJsonComments(fileContent):fileContent;try{return JSON.parse(jsonContent)}catch(e){throw logger.error(chalk.red(`Invalid json in file: ${filePath}`)),e}}var writeFileAsJson=(jsonPath,content)=>{let filePath=path.resolve(jsonPath);return fs.existsSync(filePath)?(fs.writeFileSync(filePath,`${JSON.stringify(content,null,2)}
|
|
2
2
|
`),!0):!1},commandLog=message=>(process.stdout.write(chalk.cyan(" \u2022 ")+message),(errorMessage,errorInfo)=>{if(errorMessage){if(process.stdout.write(`. ${chalk.red("\u2716")}
|
|
3
3
|
`),logger.error(`
|
|
4
4
|
${chalk.red(errorMessage)}`),!errorInfo)return;let newErrorInfo=errorInfo.split(`
|
|
@@ -207,7 +207,7 @@ Add a project and re-run the installation`)}async function getBaseTsConfigName()
|
|
|
207
207
|
|
|
208
208
|
Please see the migration guide for more information:
|
|
209
209
|
${chalk15.yellow("https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#removed-global-client-apis")}
|
|
210
|
-
`}};import chalk16 from"chalk";import{dedent as dedent15}from"ts-dedent";import{basename}from"path";import fse5 from"fs-extra";import globby from"globby";var
|
|
210
|
+
`}};import chalk16 from"chalk";import{dedent as dedent15}from"ts-dedent";import{basename}from"path";import fse5 from"fs-extra";import globby from"globby";var MDX1_STYLE_START=/<style>{`/g,MDX1_STYLE_END=/`}<\/style>/g,MDX1_COMMENT=/<!--(.+)-->/g,MDX1_CODEBLOCK=/(?:\n~~~(?:\n|.)*?\n~~~)|(?:\n```(?:\n|.)*?\n```)/g,fixMdxStyleTags=mdx=>mdx.replace(MDX1_STYLE_START,"<style>\n {`").replace(MDX1_STYLE_END," `}\n</style>"),fixMdxComments=mdx=>{let codeblocks=mdx.matchAll(MDX1_CODEBLOCK);return mdx.split(MDX1_CODEBLOCK).map(v=>v.replace(MDX1_COMMENT,(original,group)=>`{/*${group}*/}`)).reduce((acc,item,i)=>{let next=codeblocks.next();return next.done?acc+item:acc+item+next.value[0]},"")},logger12=console,mdx1to2={id:"mdx1to2",async check(){let storiesMdxFiles=await globby("./!(node_modules)**/*.(story|stories).mdx");return storiesMdxFiles.length?{storiesMdxFiles}:void 0},prompt({storiesMdxFiles}){return dedent15`
|
|
211
211
|
We've found ${chalk16.yellow(storiesMdxFiles.length)} '.stories.mdx' files in your project.
|
|
212
212
|
|
|
213
213
|
Storybook has upgraded to MDX2 (https://mdxjs.com/blog/v2/), which contains breaking changes from V1.
|
|
@@ -217,7 +217,7 @@ Add a project and re-run the installation`)}async function getBaseTsConfigName()
|
|
|
217
217
|
For a full guide for how to manually upgrade your files, see the MDX2 migration guide:
|
|
218
218
|
|
|
219
219
|
${chalk16.cyan("https://mdxjs.com/migrating/v2/#update-mdx-files")}
|
|
220
|
-
`},async run({result:{storiesMdxFiles},dryRun}){await Promise.all(storiesMdxFiles.map(async fname=>{let contents=await fse5.readFile(fname,"utf-8"),updated=
|
|
220
|
+
`},async run({result:{storiesMdxFiles},dryRun}){await Promise.all([...storiesMdxFiles.map(async fname=>{let contents=await fse5.readFile(fname,"utf-8"),updated=fixMdxComments(fixMdxStyleTags(contents));updated===contents?logger12.info(`\u{1F197} Unmodified ${basename(fname)}`):(logger12.info(`\u2705 Modified ${basename(fname)}`),dryRun||await fse5.writeFile(fname,updated))})])}};import chalk17 from"chalk";import{dedent as dedent16}from"ts-dedent";import{readConfig as readConfig7,writeConfig as writeConfig7}from"@storybook/csf-tools";import{getStorybookInfo as getStorybookInfo10}from"@storybook/core-common";var logger13=console,autodocsTrue={id:"autodocsTrue",async check({packageManager}){let packageJson=packageManager.retrievePackageJson(),{mainConfig}=getStorybookInfo10(packageJson);if(!mainConfig)return logger13.warn("Unable to find storybook main.js config, skipping"),null;let main=await readConfig7(mainConfig),docs=main.getFieldValue(["docs"]),docsPageToAutodocsMapping={true:"tag",automatic:!0,false:!1};if(docs?.docsPage){let oldValue=docs?.docsPage.toString();if(!(oldValue in docsPageToAutodocsMapping))throw new Error(`Unexpected value for docs.docsPage: ${oldValue}`);return{main,value:docsPageToAutodocsMapping[oldValue]}}return docs?.autodocs===void 0?{main}:null},prompt({value}){let autodocsFormatted=chalk17.cyan(`docs: { autodocs: ${JSON.stringify(value??!0)} }`);return value?dedent16`
|
|
221
221
|
We've changed the configuration of autodocs (previous docsPage), so now the value:
|
|
222
222
|
- docs.autodocs: true -- means automatically create docs for every CSF file
|
|
223
223
|
- docs.autodocs: 'tag' -- means only create autodocs for CSF files with the 'autodocs' tag
|
|
@@ -364,10 +364,10 @@ For more information visit:`,chalk22.cyan("https://storybook.js.org")),projectTy
|
|
|
364
364
|
(window.__STORYBOOK_PREVIEW__ && window.__STORYBOOK_PREVIEW__.extract && window.__STORYBOOK_PREVIEW__.extract()) ||
|
|
365
365
|
(window.__STORYBOOK_STORY_STORE__ && window.__STORYBOOK_STORY_STORE__.extract && window.__STORYBOOK_STORY_STORE__.extract())
|
|
366
366
|
`);let data=JSON.parse(await page.evaluate(async()=>JSON.stringify(window.__STORYBOOK_STORY_STORE__.getStoriesJsonData(),null,2)));return setImmediate(()=>{browser.close()}),data},useLocation=async input=>{if(await stat(path11.resolve(input)),input.match(/^http/))return[input,async()=>{}];let app=express();app.use(express.static(input));let port=await getPort();return new Promise(resolve2=>{let server=app.listen(port,()=>{let result=`http://localhost:${port}/iframe.html`;logger18.info(`connecting to: ${result}`),resolve2([result,server.close.bind(server)])})})},usePuppeteerBrowser=async()=>{let args=["--no-sandbox ","--disable-setuid-sandbox"];try{return await puppeteerCore.launch({args,executablePath:process.env.SB_CHROMIUM_PATH})}catch{return logger18.info("installing puppeteer..."),new Promise((resolve2,reject)=>{__require("child_process").exec(`node ${__require.resolve(path11.join("puppeteer-core","install.js"))}`,error=>error?reject(error):resolve2(puppeteerCore.launch({args})))})}};async function extract(input,targetPath){if(input&&targetPath){let[location,exit]=await useLocation(input),data=await read(location);await writeFile2(targetPath,JSON.stringify(data,null,2)),await exit()}else throw new Error("Extract: please specify a path where your built-storybook is (can be a public url) and a target directory")}import{sync as spawnSync4}from"cross-spawn";import{telemetry as telemetry2,getStorybookCoreVersion}from"@storybook/telemetry";import semver15 from"semver";import{logger as logger19}from"@storybook/node-logger";import{withTelemetry as withTelemetry2}from"@storybook/core-server";var versionRegex=/(@storybook\/[^@]+)@(\S+)/,getStorybookVersion=line=>{if(line.startsWith("npm "))return null;let match=versionRegex.exec(line);return!match||!semver15.clean(match[2])?null:{package:match[1],version:match[2]}},excludeList=["@storybook/addon-bench","@storybook/addon-console","@storybook/addon-postcss","@storybook/babel-plugin-require-context-hook","@storybook/bench","@storybook/builder-vite","@storybook/csf","@storybook/design-system","@storybook/ember-cli-storybook","@storybook/eslint-config-storybook","@storybook/expect","@storybook/jest","@storybook/linter-config","@storybook/mdx1-csf","@storybook/mdx2-csf","@storybook/react-docgen-typescript-plugin","@storybook/storybook-deployer","@storybook/test-runner","@storybook/testing-library","@storybook/testing-react"],isCorePackage=pkg2=>pkg2.startsWith("@storybook/")&&!pkg2.startsWith("@storybook/preset-")&&!excludeList.includes(pkg2),deprecatedPackages=[{minVersion:"6.0.0-alpha.0",url:"https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#60-deprecations",deprecations:["@storybook/addon-notes","@storybook/addon-info","@storybook/addon-contexts","@storybook/addon-options","@storybook/addon-centered"]}],formatPackage=pkg2=>`${pkg2.package}@${pkg2.version}`,warnPackages=pkgs=>pkgs.forEach(pkg2=>logger19.warn(`- ${formatPackage(pkg2)}`)),checkVersionConsistency=()=>{let storybookPackages=spawnSync4("npm",["ls"],{stdio:"pipe",shell:!0}).output.toString().split(`
|
|
367
|
-
`).map(getStorybookVersion).filter(Boolean).filter(pkg2=>isCorePackage(pkg2.package));if(!storybookPackages.length){logger19.warn("No storybook core packages found."),logger19.warn("'npm ls | grep storybook' can show if multiple versions are installed.");return}storybookPackages.sort((a,b)=>semver15.rcompare(a.version,b.version));let latestVersion=storybookPackages[0].version,outdated=storybookPackages.filter(pkg2=>pkg2.version!==latestVersion);outdated.length>0&&(logger19.warn(`Found ${outdated.length} outdated packages (relative to '${formatPackage(storybookPackages[0])}')`),logger19.warn("Please make sure your packages are updated to ensure a consistent experience."),warnPackages(outdated)),deprecatedPackages.forEach(({minVersion:minVersion2,url,deprecations})=>{if(semver15.gte(latestVersion,minVersion2)){let deprecated=storybookPackages.filter(pkg2=>deprecations.includes(pkg2.package));deprecated.length>0&&(logger19.warn(`Found ${deprecated.length} deprecated packages since ${minVersion2}`),logger19.warn(`See ${url}`),warnPackages(deprecated))}})},EXTRA_FLAGS={"react-scripts@<5":["--reject","/preset-create-react-app/"]},addExtraFlags=(extraFlags,flags,{dependencies,devDependencies})=>Object.entries(extraFlags).reduce((acc,entry)=>{let[pattern,extra]=entry,[pkg2,specifier]=getPackageDetails(pattern),pkgVersion=dependencies[pkg2]||devDependencies[pkg2];return pkgVersion&&semver15.satisfies(semver15.coerce(pkgVersion),specifier)?[...acc,...extra]:acc},[...flags]),doUpgrade=async({tag,prerelease,skipCheck,useNpm,packageManager:pkgMgr,dryRun,yes,...options})=>{useNpm&&(useNpmWarning(),pkgMgr="npm");let packageManager=JsPackageManagerFactory.getPackageManager({force:pkgMgr}),beforeVersion=await getStorybookCoreVersion();if(commandLog("Checking for latest versions of '@storybook/*' packages"),tag&&prerelease)throw new Error("Cannot set both --tag and --prerelease. Use --tag next to get the latest prereleae");let target="latest";prerelease?target="@next":tag&&(target=`@${tag}`);let flags=[];dryRun||flags.push("--upgrade"),flags.push("--target"),flags.push(target),flags=addExtraFlags(EXTRA_FLAGS,flags,packageManager.retrievePackageJson());let check=spawnSync4("npx",["npm-check-updates@latest","/storybook/",...flags],{stdio:"pipe",shell:!0}).output.toString();logger19.info(check);let checkSb=spawnSync4("npx",["npm-check-updates@latest","sb",...flags],{stdio:"pipe",shell:!0}).output.toString();logger19.info(checkSb),dryRun||(commandLog("Installing upgrades"),packageManager.installDependencies());let automigrationResults;if(skipCheck||(checkVersionConsistency(),automigrationResults=await automigrate({dryRun,yes,packageManager:pkgMgr})),!options.disableTelemetry){let afterVersion=await getStorybookCoreVersion();telemetry2("upgrade",{prerelease,tag,automigrationResults,beforeVersion,afterVersion})}};async function upgrade(options){await withTelemetry2("upgrade",{cliOptions:options},()=>doUpgrade(options))}import prompts4 from"prompts";import fs7 from"fs";import path13 from"path";import chalk24 from"chalk";import boxen2 from"boxen";import{dedent as dedent21}from"ts-dedent";import path12 from"path";import{readJSON,writeJSON,outputFile}from"fs-extra";import shell2 from"shelljs";import chalk23 from"chalk";import{command}from"execa";var configs_exports={};__export(configs_exports,{angular:()=>angular,angular12:()=>angular122,angular13:()=>angular13,angular130:()=>angular130,cra:()=>cra,cra_typescript:()=>cra_typescript,html:()=>html,nextjs:()=>nextjs,nextjs_typescript:()=>nextjs_typescript,preact:()=>preact,preact_vite:()=>preact_vite,react:()=>react,react_in_yarn_workspace:()=>react_in_yarn_workspace,react_legacy_root_api:()=>react_legacy_root_api,react_typescript:()=>react_typescript,sfcVue:()=>sfcVue,svelte:()=>svelte,svelteKit:()=>svelteKit,vue:()=>vue,vue3:()=>vue32,web_components:()=>web_components,web_components_lit2:()=>web_components_lit2,web_components_typescript:()=>web_components_typescript});var fromDeps=(...args)=>["mkdir {{appName}}","cd {{appName}}","touch yarn.lock","yarn init --yes",args.length&&`yarn add ${args.join(" ")}`].filter(Boolean).join(" && "),cra={renderer:"react",name:"cra",version:"latest",generator:["
|
|
367
|
+
`).map(getStorybookVersion).filter(Boolean).filter(pkg2=>isCorePackage(pkg2.package));if(!storybookPackages.length){logger19.warn("No storybook core packages found."),logger19.warn("'npm ls | grep storybook' can show if multiple versions are installed.");return}storybookPackages.sort((a,b)=>semver15.rcompare(a.version,b.version));let latestVersion=storybookPackages[0].version,outdated=storybookPackages.filter(pkg2=>pkg2.version!==latestVersion);outdated.length>0&&(logger19.warn(`Found ${outdated.length} outdated packages (relative to '${formatPackage(storybookPackages[0])}')`),logger19.warn("Please make sure your packages are updated to ensure a consistent experience."),warnPackages(outdated)),deprecatedPackages.forEach(({minVersion:minVersion2,url,deprecations})=>{if(semver15.gte(latestVersion,minVersion2)){let deprecated=storybookPackages.filter(pkg2=>deprecations.includes(pkg2.package));deprecated.length>0&&(logger19.warn(`Found ${deprecated.length} deprecated packages since ${minVersion2}`),logger19.warn(`See ${url}`),warnPackages(deprecated))}})},EXTRA_FLAGS={"react-scripts@<5":["--reject","/preset-create-react-app/"]},addExtraFlags=(extraFlags,flags,{dependencies,devDependencies})=>Object.entries(extraFlags).reduce((acc,entry)=>{let[pattern,extra]=entry,[pkg2,specifier]=getPackageDetails(pattern),pkgVersion=dependencies[pkg2]||devDependencies[pkg2];return pkgVersion&&semver15.satisfies(semver15.coerce(pkgVersion),specifier)?[...acc,...extra]:acc},[...flags]),doUpgrade=async({tag,prerelease,skipCheck,useNpm,packageManager:pkgMgr,dryRun,yes,...options})=>{useNpm&&(useNpmWarning(),pkgMgr="npm");let packageManager=JsPackageManagerFactory.getPackageManager({force:pkgMgr}),beforeVersion=await getStorybookCoreVersion();if(commandLog("Checking for latest versions of '@storybook/*' packages"),tag&&prerelease)throw new Error("Cannot set both --tag and --prerelease. Use --tag next to get the latest prereleae");let target="latest";prerelease?target="@next":tag&&(target=`@${tag}`);let flags=[];dryRun||flags.push("--upgrade"),flags.push("--target"),flags.push(target),flags=addExtraFlags(EXTRA_FLAGS,flags,packageManager.retrievePackageJson());let check=spawnSync4("npx",["npm-check-updates@latest","/storybook/",...flags],{stdio:"pipe",shell:!0}).output.toString();logger19.info(check);let checkSb=spawnSync4("npx",["npm-check-updates@latest","sb",...flags],{stdio:"pipe",shell:!0}).output.toString();logger19.info(checkSb),dryRun||(commandLog("Installing upgrades"),packageManager.installDependencies());let automigrationResults;if(skipCheck||(checkVersionConsistency(),automigrationResults=await automigrate({dryRun,yes,packageManager:pkgMgr})),!options.disableTelemetry){let afterVersion=await getStorybookCoreVersion();telemetry2("upgrade",{prerelease,tag,automigrationResults,beforeVersion,afterVersion})}};async function upgrade(options){await withTelemetry2("upgrade",{cliOptions:options},()=>doUpgrade(options))}import prompts4 from"prompts";import fs7 from"fs";import path13 from"path";import chalk24 from"chalk";import boxen2 from"boxen";import{dedent as dedent21}from"ts-dedent";import path12 from"path";import{readJSON,writeJSON,outputFile}from"fs-extra";import shell2 from"shelljs";import chalk23 from"chalk";import{command}from"execa";var configs_exports={};__export(configs_exports,{angular:()=>angular,angular12:()=>angular122,angular13:()=>angular13,angular130:()=>angular130,cra:()=>cra,cra_typescript:()=>cra_typescript,html:()=>html,nextjs:()=>nextjs,nextjs_typescript:()=>nextjs_typescript,preact:()=>preact,preact_vite:()=>preact_vite,react:()=>react,react_in_yarn_workspace:()=>react_in_yarn_workspace,react_legacy_root_api:()=>react_legacy_root_api,react_typescript:()=>react_typescript,sfcVue:()=>sfcVue,svelte:()=>svelte,svelteKit:()=>svelteKit,vue:()=>vue,vue3:()=>vue32,web_components:()=>web_components,web_components_lit2:()=>web_components_lit2,web_components_typescript:()=>web_components_typescript});var fromDeps=(...args)=>["mkdir {{appName}}","cd {{appName}}","touch yarn.lock","yarn init --yes",args.length&&`yarn add ${args.join(" ")}`].filter(Boolean).join(" && "),cra={renderer:"react",name:"cra",version:"latest",generator:["npx -p create-react-app@{{version}} create-react-app {{appName}}","cd {{appName}}",'echo "FAST_REFRESH=true" > .env','echo "SKIP_PREFLIGHT_CHECK=true" > .env'].join(" && "),envs:{npm_config_user_agent:"npm"}},cra_typescript={renderer:"react",name:"cra_typescript",version:"latest",generator:["npx -p create-react-app@{{version}} create-react-app {{appName}} --template typescript"].join(" && "),envs:{npm_config_user_agent:"npm"}},react={renderer:"react",name:"react",version:"latest",generator:fromDeps("react","react-dom","@babel/preset-react"),additionalDeps:["prop-types"],additionalFiles:[{path:".babelrc",contents:'{ "presets": ["@babel/preset-react"] }'}]},react_legacy_root_api={renderer:"react",name:"react_legacy_root_api",version:"latest",generator:fromDeps("react","react-dom"),additionalDeps:["prop-types","@babel/preset-react"],additionalFiles:[{path:".babelrc",contents:'{ "presets": ["@babel/preset-react"] }'}],mainOverrides:{reactOptions:{legacyRootApi:!0}}},react_typescript={renderer:"react",name:"react_typescript",version:"latest",generator:fromDeps("react","react-dom"),typescript:!0,additionalDeps:["@babel/preset-react","@babel/preset-typescript"],additionalFiles:[{path:".babelrc",contents:'{ "presets": ["@babel/preset-react", "@babel/preset-typescript"] }'}]},nextjs={renderer:"react",name:"nextjs",version:"latest",generator:["npm_config_user_agent=npm npx -p create-next-app@{{version}} create-next-app {{appName}}","cd {{appName}}"].join(" && ")},nextjs_typescript={renderer:"react",name:"nextjs_typescript",version:"latest",generator:["npm_config_user_agent=npm npx -p create-next-app@{{version}} create-next-app {{appName}} --typescript","cd {{appName}}"].join(" && ")},react_in_yarn_workspace={renderer:"react",name:"react_in_yarn_workspace",version:"latest",generator:["mkdir {{appName}}","cd {{appName}}",'echo "{ \\"name\\": \\"workspace-root\\", \\"private\\": true, \\"workspaces\\": [] }" > package.json',"touch yarn.lock","yarn add react react-dom"].join(" && ")},baseAngular={renderer:"angular",name:"angular",version:"latest",generator:"npx -p @angular/cli@{{version}} ng new {{appName}} --routing=true --minimal=true --style=scss --skip-install=true --strict"},angular122={...baseAngular,name:"angular12",version:"v12-lts"},angular130={...baseAngular,name:"angular130",version:"13.0.x"},angular13={...baseAngular,name:"angular13",version:"13.1.x"},angular=baseAngular,web_components={renderer:"web-components",name:"web_components",version:"2",generator:fromDeps("lit-element")},web_components_typescript={...web_components,name:"web_components_typescript",typescript:!0,additionalDeps:["@babel/preset-typescript"],additionalFiles:[{path:".babelrc",contents:'{ "presets": ["@babel/preset-typescript"] }'}]},web_components_lit2={...web_components,version:"next",name:"web_components_lit2",generator:fromDeps("lit"),typescript:!0,additionalDeps:["@babel/preset-typescript"],additionalFiles:[{path:".babelrc",contents:'{ "presets": ["@babel/preset-typescript"] }'}]},vue={renderer:"vue",name:"vue",version:"latest",generator:['npx -p @vue/cli vue create {{appName}} --default --packageManager=yarn --force --merge --preset="Default (Vue 2)"'].join(" && ")},vue32={renderer:"vue3",name:"vue3",version:"next",generator:["npx -p @vue/cli@^4 vue create {{appName}} --preset=__default_vue_3__ --packageManager=npm --no-git --force"].join(" && ")},html={renderer:"html",name:"html",version:"latest",generator:fromDeps(),autoDetect:!1},preact={renderer:"preact",name:"preact",version:"latest",generator:"npx preact-cli@{{version}} create preactjs-templates/default {{appName}} --install=false --git=false"},preact_vite={renderer:"preact",name:"preact",version:"latest",generator:"yarn create vite@{{version}} {{appName}} --template preact"},sfcVue={renderer:"vue",name:"sfcVue",version:"latest",generator:fromDeps("vue@2.6","vue-loader@15.9","vue-template-compiler@2.6","webpack")},svelte={renderer:"svelte",name:"svelte",version:"latest",generator:"npx giget github:sveltejs/template#master {{appName}}"},svelteKit={renderer:"svelte",name:"svelteKit",version:"latest",generator:"yarn create svelte-with-args --name={{appName}} --directory=. --template=skeleton --types=null --no-prettier --no-eslint --no-playwright"};var logger20=console,exec=async(command2,options={},{startMessage,errorMessage,dryRun}={})=>{if(startMessage&&logger20.info(startMessage),dryRun){logger20.info(`
|
|
368
368
|
> ${command2}
|
|
369
369
|
`);return}return logger20.debug(command2),new Promise((resolve2,reject)=>{let defaultOptions2={silent:!1},child=shell2.exec(command2,{...defaultOptions2,...options,async:!0,silent:!1});child.stderr.pipe(process.stderr),child.on("exit",code=>{code===0?resolve2(void 0):(logger20.error(chalk23.red(`An error occurred while executing: \`${command2}\``)),logger20.log(errorMessage),reject(new Error(`command exited with code: ${code}: `)))})})},addPackageResolutions=async({cwd})=>{logger20.info("\u{1F522} Adding package resolutions:");let packageJsonPath=path12.join(cwd,"package.json"),packageJson=await readJSON(packageJsonPath);packageJson.resolutions=versions_default,await writeJSON(packageJsonPath,packageJson,{spaces:2})},addLocalPackageResolutions=async({cwd})=>{logger20.info("\u{1F522} Adding package resolutions:");let packageJsonPath=path12.join(cwd,"package.json"),packageJson=await readJSON(packageJsonPath),workspaceDir=path12.join(__dirname,"..","..","..","..",".."),{stdout}=await command("yarn workspaces list --json",{cwd:workspaceDir});console.log({stdout,workspaceDir});let workspaces=JSON.parse(`[${stdout.split(`
|
|
370
|
-
`).join(",")}]`);console.log({workspaces}),packageJson.resolutions=Object.keys(versions_default).reduce((acc,key)=>({...acc,[key]:path12.join(workspaceDir,workspaces.find(item=>item.name===key).location)}),{}),await writeJSON(packageJsonPath,packageJson,{spaces:2})},installYarn2=async({cwd,pnp,name})=>{let command2=["yarn set version berry","yarn config set enableGlobalCache true",`yarn config set nodeLinker ${pnp?"pnp":"node-modules"}`];[cra.name,cra_typescript.name].includes(name)&&command2.push(`yarn config set packageExtensions --json '{ "babel-preset-react-app@10.0.x": { "dependencies": { "@babel/plugin-proposal-private-property-in-object": "^7.16.0" } } }'`),await exec(command2.join(" && "),{cwd},{startMessage:"\u{1F9F6} Installing Yarn 2",errorMessage:"\u{1F6A8} Installing Yarn 2 failed"})},configureYarn2ForE2E=async({cwd})=>{let command2=[`yarn config set npmScopes --json '{ "storybook": { "npmRegistryServer": "http://localhost:6001/" } }'`,`yarn config set unsafeHttpWhitelist --json '["localhost"]'`,"yarn config set pnpFallbackMode none","yarn config set enableImmutableInstalls false",`yarn config set logFilters --json '[ { "code": "YN0013", "level": "discard" } ]'`].join(" && ");await exec(command2,{cwd},{startMessage:"\u{1F39B} Configuring Yarn 2",errorMessage:"\u{1F6A8} Configuring Yarn 2 failed"})},generate=async({cwd,name,appName,version,generator:generator23})=>{let command2=generator23.replace(/{{appName}}/g,appName).replace(/{{version}}/g,version);await exec(command2,{cwd},{startMessage:`\u{1F3D7} Bootstrapping ${name} project (this might take a few minutes)`,errorMessage:`\u{1F6A8} Bootstrapping ${name} failed`})},addAdditionalFiles=async({additionalFiles,cwd})=>{logger20.info("\u2935\uFE0F Adding required files"),await Promise.all(additionalFiles.map(async file=>{await outputFile(path12.resolve(cwd,file.path),file.contents,{encoding:"UTF-8"})}))},initStorybook=async({cwd,autoDetect=!0,name,e2e,pnp})=>{let flags=["--yes"];autoDetect||flags.push(`--type ${name}`),e2e&&flags.push("--linkable"),pnp&&flags.push("--use-pnp");let command2=`${`node ${__filename}`} init ${flags.join(" ")}`;await exec(command2,{cwd},{startMessage:"\u{1F3A8} Initializing Storybook with @storybook/cli",errorMessage:"\u{1F6A8} Storybook initialization failed"})},addRequiredDeps=async({cwd,additionalDeps})=>{shell2.rm("-f",path12.join(cwd,"package-lock.json"),path12.join(cwd,"yarn.lock"));let command2=additionalDeps&&additionalDeps.length>0?`yarn add -D ${additionalDeps.join(" ")}`:"yarn install";await exec(command2,{cwd},{startMessage:"\u{1F30D} Adding needed deps & installing all deps",errorMessage:"\u{1F6A8} Dependencies installation failed"})},addTypescript=async({cwd})=>{logger20.info("\u{1F46E} Adding typescript and tsconfig.json");try{await exec("yarn add -D typescript@latest",{cwd});let tsConfig={compilerOptions:{baseUrl:".",esModuleInterop:!0,jsx:"preserve",skipLibCheck:!0,strict:!0},include:["src/*"]},tsConfigJsonPath=path12.resolve(cwd,"tsconfig.json");await writeJSON(tsConfigJsonPath,tsConfig,{encoding:"utf8",spaces:2})}catch(e){throw logger20.error("\u{1F6A8} Creating tsconfig.json failed"),e}},doTask=async(task,options,condition=!0)=>{condition&&(await task(options),logger20.log())},registryUrlNPM=url=>exec(`npm ${["config","set","registry",url].join(" ")}`,{cwd:path12.join(process.cwd(),"..")}),registryUrlYarn=url=>exec(`yarn ${["config","set","npmRegistryServer",url].join(" ")}`,{cwd:path12.join(__dirname,"..")}),createAndInit=async(cwd,{name,version,...rest},{e2e,pnp,local,registry})=>{let options={name,version,appName:path12.basename(cwd),creationPath:path12.join(cwd,".."),cwd,e2e,pnp,...rest};logger20.log(),logger20.info(`\u{1F3C3} Starting for ${name} ${version}`),logger20.log(),await doTask(generate,{...options,cwd:options.creationPath}),await doTask(addAdditionalFiles,{...options,cwd},!!options.additionalFiles),e2e&&await doTask(addPackageResolutions,options),local&&await doTask(addLocalPackageResolutions,options),await doTask(installYarn2,options),e2e&&await doTask(configureYarn2ForE2E,options,e2e),await doTask(addTypescript,options,!!options.typescript),await doTask(addRequiredDeps,options),registry&&(await registryUrlNPM(registry),await registryUrlYarn(registry)),await doTask(initStorybook,options)};var logger21=console,TEMPLATES=configs_exports,CURATED_TEMPLATES=Object.fromEntries(Object.entries(configs_exports).filter(entry=>entry[0]!=="react_in_yarn_workspace")),RENDERERS=Object.values(CURATED_TEMPLATES).reduce((acc,cur)=>(acc[cur.renderer]=[...acc[cur.renderer]||[],cur],acc),{}),repro=async({outputDirectory,list,template,renderer,generator:generator23,e2e,local,registry,pnp})=>{if(logger21.info(boxen2(dedent21`
|
|
370
|
+
`).join(",")}]`);console.log({workspaces}),packageJson.resolutions=Object.keys(versions_default).reduce((acc,key)=>({...acc,[key]:path12.join(workspaceDir,workspaces.find(item=>item.name===key).location)}),{}),await writeJSON(packageJsonPath,packageJson,{spaces:2})},installYarn2=async({cwd,pnp,name})=>{let command2=["yarn set version berry","yarn config set enableGlobalCache true",`yarn config set nodeLinker ${pnp?"pnp":"node-modules"}`];[cra.name,cra_typescript.name].includes(name)&&command2.push(`yarn config set packageExtensions --json '{ "babel-preset-react-app@10.0.x": { "dependencies": { "@babel/plugin-proposal-private-property-in-object": "^7.16.0" } } }'`),await exec(command2.join(" && "),{cwd},{startMessage:"\u{1F9F6} Installing Yarn 2",errorMessage:"\u{1F6A8} Installing Yarn 2 failed"})},configureYarn2ForE2E=async({cwd})=>{let command2=[`yarn config set npmScopes --json '{ "storybook": { "npmRegistryServer": "http://localhost:6001/" } }'`,`yarn config set unsafeHttpWhitelist --json '["localhost"]'`,"yarn config set pnpFallbackMode none","yarn config set enableImmutableInstalls false",`yarn config set logFilters --json '[ { "code": "YN0013", "level": "discard" } ]'`].join(" && ");await exec(command2,{cwd},{startMessage:"\u{1F39B} Configuring Yarn 2",errorMessage:"\u{1F6A8} Configuring Yarn 2 failed"})},generate=async({cwd,name,appName,version,generator:generator23,envs})=>{let command2=generator23.replace(/{{appName}}/g,appName).replace(/{{version}}/g,version);await exec(command2,{cwd,env:{...process.env,...envs}},{startMessage:`\u{1F3D7} Bootstrapping ${name} project (this might take a few minutes)`,errorMessage:`\u{1F6A8} Bootstrapping ${name} failed`})},addAdditionalFiles=async({additionalFiles,cwd})=>{logger20.info("\u2935\uFE0F Adding required files"),await Promise.all(additionalFiles.map(async file=>{await outputFile(path12.resolve(cwd,file.path),file.contents,{encoding:"UTF-8"})}))},initStorybook=async({cwd,autoDetect=!0,name,e2e,pnp})=>{let flags=["--yes"];autoDetect||flags.push(`--type ${name}`),e2e&&flags.push("--linkable"),pnp&&flags.push("--use-pnp");let command2=`${`node ${__filename}`} init ${flags.join(" ")}`;await exec(command2,{cwd},{startMessage:"\u{1F3A8} Initializing Storybook with @storybook/cli",errorMessage:"\u{1F6A8} Storybook initialization failed"})},addRequiredDeps=async({cwd,additionalDeps})=>{shell2.rm("-f",path12.join(cwd,"package-lock.json"),path12.join(cwd,"yarn.lock"));let command2=additionalDeps&&additionalDeps.length>0?`yarn add -D ${additionalDeps.join(" ")}`:"yarn install";await exec(command2,{cwd},{startMessage:"\u{1F30D} Adding needed deps & installing all deps",errorMessage:"\u{1F6A8} Dependencies installation failed"})},addTypescript=async({cwd})=>{logger20.info("\u{1F46E} Adding typescript and tsconfig.json");try{await exec("yarn add -D typescript@latest",{cwd});let tsConfig={compilerOptions:{baseUrl:".",esModuleInterop:!0,jsx:"preserve",skipLibCheck:!0,strict:!0},include:["src/*"]},tsConfigJsonPath=path12.resolve(cwd,"tsconfig.json");await writeJSON(tsConfigJsonPath,tsConfig,{encoding:"utf8",spaces:2})}catch(e){throw logger20.error("\u{1F6A8} Creating tsconfig.json failed"),e}},doTask=async(task,options,condition=!0)=>{condition&&(await task(options),logger20.log())},registryUrlNPM=url=>exec(`npm ${["config","set","registry",url].join(" ")}`,{cwd:path12.join(process.cwd(),"..")}),registryUrlYarn=url=>exec(`yarn ${["config","set","npmRegistryServer",url].join(" ")}`,{cwd:path12.join(__dirname,"..")}),createAndInit=async(cwd,{name,version,...rest},{e2e,pnp,local,registry})=>{let options={name,version,appName:path12.basename(cwd),creationPath:path12.join(cwd,".."),cwd,e2e,pnp,...rest};logger20.log(),logger20.info(`\u{1F3C3} Starting for ${name} ${version}`),logger20.log(),await doTask(generate,{...options,cwd:options.creationPath}),await doTask(addAdditionalFiles,{...options,cwd},!!options.additionalFiles),e2e&&await doTask(addPackageResolutions,options),local&&await doTask(addLocalPackageResolutions,options),await doTask(installYarn2,options),e2e&&await doTask(configureYarn2ForE2E,options,e2e),await doTask(addTypescript,options,!!options.typescript),await doTask(addRequiredDeps,options),registry&&(await registryUrlNPM(registry),await registryUrlYarn(registry)),await doTask(initStorybook,options)};var logger21=console,TEMPLATES=configs_exports,CURATED_TEMPLATES=Object.fromEntries(Object.entries(configs_exports).filter(entry=>entry[0]!=="react_in_yarn_workspace")),RENDERERS=Object.values(CURATED_TEMPLATES).reduce((acc,cur)=>(acc[cur.renderer]=[...acc[cur.renderer]||[],cur],acc),{}),repro=async({outputDirectory,list,template,renderer,generator:generator23,e2e,local,registry,pnp})=>{if(logger21.info(boxen2(dedent21`
|
|
371
371
|
🤗 Welcome to ${chalk24.yellow("sb repro")}! 🤗
|
|
372
372
|
|
|
373
373
|
Create a ${chalk24.green("new project")} to minimally reproduce Storybook issues.
|
|
@@ -389,28 +389,29 @@ For more information visit:`,chalk22.cyan("https://storybook.js.org")),projectTy
|
|
|
389
389
|
3. Link to the repro repository in your issue
|
|
390
390
|
|
|
391
391
|
Having a clean repro helps us solve your issue faster! 🙏
|
|
392
|
-
`.trim(),{borderStyle:"round",padding:1,borderColor:"#F1618C"}))}catch(error){throw logger21.error("\u{1F6A8} Failed to create repro"),error}},initGitRepo=async cwd=>{await exec("git init",{cwd}),await exec('echo "node_modules" >> .gitignore',{cwd}),await exec("git add --all",{cwd}),await exec('git commit -am "added storybook"',{cwd}),await exec("git tag repro-base",{cwd})};import prompts5 from"prompts";import path14 from"path";import chalk25 from"chalk";import boxen3 from"boxen";import{dedent as dedent22}from"ts-dedent";import{downloadTemplate}from"giget";import{existsSync as existsSync2}from"fs-extra";var
|
|
392
|
+
`.trim(),{borderStyle:"round",padding:1,borderColor:"#F1618C"}))}catch(error){throw logger21.error("\u{1F6A8} Failed to create repro"),error}},initGitRepo=async cwd=>{await exec("git init",{cwd}),await exec('echo "node_modules" >> .gitignore',{cwd}),await exec("git add --all",{cwd}),await exec('git commit -am "added storybook"',{cwd}),await exec("git tag repro-base",{cwd})};import prompts5 from"prompts";import path14 from"path";import chalk25 from"chalk";import boxen3 from"boxen";import{dedent as dedent22}from"ts-dedent";import{downloadTemplate}from"giget";import{existsSync as existsSync2,readdir}from"fs-extra";var baseTemplates={"cra/default-js":{name:"Create React App (Javascript)",script:"npx create-react-app .",expected:{framework:"@storybook/react-webpack5",renderer:"@storybook/react",builder:"@storybook/builder-webpack5"}},"cra/default-ts":{name:"Create React App (Typescript)",script:"npx create-react-app . --template typescript",skipTasks:["smoke-test"],expected:{framework:"@storybook/react-webpack5",renderer:"@storybook/react",builder:"@storybook/builder-webpack5"}},"nextjs/12-js":{name:"Next.js v12 (JavaScript)",script:'yarn create next-app {{beforeDir}} -e https://github.com/vercel/next.js/tree/next-12-3-2/examples/hello-world && cd {{beforeDir}} && npm pkg set "dependencies.next"="^12.2.0" && yarn && git add . && git commit --amend --no-edit && cd ..',expected:{framework:"@storybook/nextjs",renderer:"@storybook/react",builder:"@storybook/builder-webpack5"}},"nextjs/default-js":{name:"Next.js (JavaScript)",script:"yarn create next-app {{beforeDir}} --javascript --eslint",expected:{framework:"@storybook/nextjs",renderer:"@storybook/react",builder:"@storybook/builder-webpack5"}},"nextjs/default-ts":{name:"Next.js (TypeScript)",script:"yarn create next-app {{beforeDir}} --typescript --eslint",expected:{framework:"@storybook/nextjs",renderer:"@storybook/react",builder:"@storybook/builder-webpack5"}},"react-vite/default-js":{name:"React Vite (JS)",script:"yarn create vite . --template react",expected:{framework:"@storybook/react-vite",renderer:"@storybook/react",builder:"@storybook/builder-vite"}},"react-vite/default-ts":{name:"React Vite (TS)",script:"yarn create vite . --template react-ts",expected:{framework:"@storybook/react-vite",renderer:"@storybook/react",builder:"@storybook/builder-vite"}},"react-webpack/18-ts":{name:"React Webpack5 (TS)",script:"yarn create webpack5-react .",expected:{framework:"@storybook/react-webpack5",renderer:"@storybook/react",builder:"@storybook/builder-webpack5"}},"react-webpack/17-ts":{name:"React Webpack5 (TS)",script:'yarn create webpack5-react . --version-react="17" --version-react-dom="17"',expected:{framework:"@storybook/react-webpack5",renderer:"@storybook/react",builder:"@storybook/builder-webpack5"}},"vue3-vite/default-js":{name:"Vue3 Vite (JS)",script:"yarn create vite . --template vue",expected:{framework:"@storybook/vue3-vite",renderer:"@storybook/vue3",builder:"@storybook/builder-vite"}},"vue3-vite/default-ts":{name:"Vue3 Vite (TS)",script:"yarn create vite . --template vue-ts",expected:{framework:"@storybook/vue3-vite",renderer:"@storybook/vue3",builder:"@storybook/builder-vite"}},"vue2-vite/2.7-js":{name:"Vue2 Vite (vue 2.7 JS)",script:`yarn create vite . --template vanilla && yarn add --dev @vitejs/plugin-vue2 vue-template-compiler vue@2 && echo "import vue2 from '@vitejs/plugin-vue2';
|
|
393
393
|
|
|
394
394
|
export default {
|
|
395
395
|
plugins: [vue2()]
|
|
396
|
-
};" > vite.config.js`,skipTasks:["smoke-test"],expected:{framework:"@storybook/vue-vite",renderer:"@storybook/vue",builder:"@storybook/builder-vite"}},"html-webpack/default":{name:"HTML Webpack5",script:"yarn create webpack5-html .",expected:{framework:"@storybook/html-webpack5",renderer:"@storybook/html",builder:"@storybook/builder-webpack5"}},"html-vite/default-js":{name:"HTML Vite JS",script:'yarn create vite . --template vanilla && echo "export default {}" > vite.config.js',expected:{framework:"@storybook/html-vite",renderer:"@storybook/html",builder:"@storybook/builder-vite"},inDevelopment:!0},"html-vite/default-ts":{name:"HTML Vite TS",script:'yarn create vite . --template vanilla-ts && echo "export default {}" > vite.config.js',expected:{framework:"@storybook/html-vite",renderer:"@storybook/html",builder:"@storybook/builder-vite"},inDevelopment:!0},"svelte-vite/default-js":{name:"Svelte Vite (JS)",script:"yarn create vite . --template svelte",expected:{framework:"@storybook/svelte-vite",renderer:"@storybook/svelte",builder:"@storybook/builder-vite"}},"svelte-vite/default-ts":{name:"Svelte Vite (TS)",script:"yarn create vite . --template svelte-ts",skipTasks:["smoke-test"],expected:{framework:"@storybook/svelte-vite",renderer:"@storybook/svelte",builder:"@storybook/builder-vite"}},"angular-cli/default-ts":{name:"Angular CLI (latest)",script:"npx -p @angular/cli ng new angular-latest --directory . --routing=true --minimal=true --style=scss --strict --skip-git --skip-install --package-manager=yarn",expected:{framework:"@storybook/angular",renderer:"@storybook/angular",builder:"@storybook/builder-webpack5"}},"angular-cli/14-ts":{name:"Angular CLI (Version 14)",script:"npx -p @angular/cli@14 ng new angular-v14 --directory . --routing=true --minimal=true --style=scss --strict --skip-git --skip-install --package-manager=yarn",expected:{framework:"@storybook/angular",renderer:"@storybook/angular",builder:"@storybook/builder-webpack5"}},"angular-cli/13-ts":{name:"Angular CLI (Version 13)",script:"npx -p @angular/cli@13 ng new angular-v13 --directory . --routing=true --minimal=true --style=scss --strict --skip-git --skip-install --package-manager=yarn",expected:{framework:"@storybook/angular",renderer:"@storybook/angular",builder:"@storybook/builder-webpack5"}},"svelte-kit/skeleton-js":{name:"Svelte Kit (JS)",script:"yarn create svelte-with-args --name=svelte-kit/skeleton-js --directory=. --template=skeleton --types=null --no-prettier --no-eslint --no-playwright --no-vitest",expected:{framework:"@storybook/sveltekit",renderer:"@storybook/svelte",builder:"@storybook/builder-vite"}},"svelte-kit/skeleton-ts":{name:"Svelte Kit (TS)",script:"yarn create svelte-with-args --name=svelte-kit/skeleton-ts --directory=. --template=skeleton --types=typescript --no-prettier --no-eslint --no-playwright --no-vitest",expected:{framework:"@storybook/sveltekit",renderer:"@storybook/svelte",builder:"@storybook/builder-vite"}},"lit-vite/default-js":{name:"Lit Vite (JS)",script:"yarn create vite . --template lit",skipTasks:["smoke-test"],expected:{framework:"@storybook/web-components-vite",renderer:"@storybook/web-components",builder:"@storybook/builder-vite"}},"lit-vite/default-ts":{name:"Lit Vite (TS)",script:"yarn create vite . --template lit-ts",skipTasks:["smoke-test"],expected:{framework:"@storybook/web-components-vite",renderer:"@storybook/web-components",builder:"@storybook/builder-vite"}},"vue-cli/default-js":{name:"Vue-CLI (Default JS)",script:"npx -p @vue/cli vue create . --default --packageManager=yarn --force --merge",skipTasks:["smoke-test"],expected:{framework:"@storybook/vue3-webpack5",renderer:"@storybook/vue3",builder:"@storybook/builder-webpack5"}},"vue-cli/vue2-default-js":{name:"Vue-CLI (Vue2 JS)",script:'npx -p @vue/cli vue create . --default --packageManager=yarn --force --merge --preset="Default (Vue 2)"',skipTasks:["smoke-test"],expected:{framework:"@storybook/vue-webpack5",renderer:"@storybook/vue",builder:"@storybook/builder-webpack5"}},"preact-webpack5/default-js":{name:"Preact CLI (Default JS)",script:"npx preact-cli create default {{beforeDir}} --name preact-app --yarn --no-install",expected:{framework:"@storybook/preact-webpack5",renderer:"@storybook/preact",builder:"@storybook/builder-webpack5"}},"preact-webpack5/default-ts":{name:"Preact CLI (Default TS)",script:"npx preact-cli create typescript {{beforeDir}} --name preact-app --yarn --no-install",expected:{framework:"@storybook/preact-webpack5",renderer:"@storybook/preact",builder:"@storybook/builder-webpack5"}},"preact-vite/default-js":{name:"Preact Vite (JS)",script:"yarn create vite . --template preact",expected:{framework:"@storybook/preact-vite",renderer:"@storybook/preact",builder:"@storybook/builder-vite"}},"preact-vite/default-ts":{name:"Preact Vite (TS)",script:"yarn create vite . --template preact-ts",expected:{framework:"@storybook/preact-vite",renderer:"@storybook/preact",builder:"@storybook/builder-vite"}}},ci=["cra/default-ts","react-vite/default-ts"],pr=[...ci,"angular-cli/default-ts","vue3-vite/default-ts","vue-cli/vue2-default-js","lit-vite/default-ts","svelte-vite/default-ts","svelte-kit/skeleton-ts","nextjs/default-ts"],merged=[...pr,"react-webpack/18-ts","react-webpack/17-ts","angular-cli/14-ts","angular-cli/13-ts","preact-webpack5/default-ts","preact-vite/default-ts","html-webpack/default"],daily=[...merged,"cra/default-js","react-vite/default-js","vue3-vite/default-js","vue2-vite/2.7-js","vue-cli/default-js","lit-vite/default-js","svelte-kit/skeleton-js","svelte-vite/default-js","nextjs/12-js","nextjs/default-js","preact-webpack5/default-js","preact-vite/default-js"];var logger22=console,toChoices=c=>({title:allTemplates[c].name,value:c}),reproNext=async({output:outputDirectory,filterValue,branch,init})=>{let filterRegex=new RegExp(`^${filterValue||""}`,"i"),keys=Object.keys(allTemplates),choices=keys.reduce((acc,group)=>{let current=allTemplates[group];return(!filterValue||current.name.match(filterRegex)||group.match(filterRegex)||current.expected.builder.match(filterRegex)||current.expected.framework.match(filterRegex)||current.expected.renderer.match(filterRegex))&&acc.push(group),acc},[]);choices.length===0&&(logger22.info(boxen3(dedent22`
|
|
397
|
-
|
|
396
|
+
};" > vite.config.js`,skipTasks:["smoke-test"],expected:{framework:"@storybook/vue-vite",renderer:"@storybook/vue",builder:"@storybook/builder-vite"}},"html-webpack/default":{name:"HTML Webpack5",script:"yarn create webpack5-html .",expected:{framework:"@storybook/html-webpack5",renderer:"@storybook/html",builder:"@storybook/builder-webpack5"}},"html-vite/default-js":{name:"HTML Vite JS",script:'yarn create vite . --template vanilla && echo "export default {}" > vite.config.js',expected:{framework:"@storybook/html-vite",renderer:"@storybook/html",builder:"@storybook/builder-vite"},inDevelopment:!0},"html-vite/default-ts":{name:"HTML Vite TS",script:'yarn create vite . --template vanilla-ts && echo "export default {}" > vite.config.js',expected:{framework:"@storybook/html-vite",renderer:"@storybook/html",builder:"@storybook/builder-vite"},inDevelopment:!0},"svelte-vite/default-js":{name:"Svelte Vite (JS)",script:"yarn create vite . --template svelte",expected:{framework:"@storybook/svelte-vite",renderer:"@storybook/svelte",builder:"@storybook/builder-vite"}},"svelte-vite/default-ts":{name:"Svelte Vite (TS)",script:"yarn create vite . --template svelte-ts",skipTasks:["smoke-test"],expected:{framework:"@storybook/svelte-vite",renderer:"@storybook/svelte",builder:"@storybook/builder-vite"}},"angular-cli/default-ts":{name:"Angular CLI (latest)",script:"npx -p @angular/cli ng new angular-latest --directory . --routing=true --minimal=true --style=scss --strict --skip-git --skip-install --package-manager=yarn",expected:{framework:"@storybook/angular",renderer:"@storybook/angular",builder:"@storybook/builder-webpack5"}},"angular-cli/14-ts":{name:"Angular CLI (Version 14)",script:"npx -p @angular/cli@14 ng new angular-v14 --directory . --routing=true --minimal=true --style=scss --strict --skip-git --skip-install --package-manager=yarn",expected:{framework:"@storybook/angular",renderer:"@storybook/angular",builder:"@storybook/builder-webpack5"}},"angular-cli/13-ts":{name:"Angular CLI (Version 13)",script:"npx -p @angular/cli@13 ng new angular-v13 --directory . --routing=true --minimal=true --style=scss --strict --skip-git --skip-install --package-manager=yarn",expected:{framework:"@storybook/angular",renderer:"@storybook/angular",builder:"@storybook/builder-webpack5"}},"svelte-kit/skeleton-js":{name:"Svelte Kit (JS)",script:"yarn create svelte-with-args --name=svelte-kit/skeleton-js --directory=. --template=skeleton --types=null --no-prettier --no-eslint --no-playwright --no-vitest",expected:{framework:"@storybook/sveltekit",renderer:"@storybook/svelte",builder:"@storybook/builder-vite"}},"svelte-kit/skeleton-ts":{name:"Svelte Kit (TS)",script:"yarn create svelte-with-args --name=svelte-kit/skeleton-ts --directory=. --template=skeleton --types=typescript --no-prettier --no-eslint --no-playwright --no-vitest",expected:{framework:"@storybook/sveltekit",renderer:"@storybook/svelte",builder:"@storybook/builder-vite"}},"lit-vite/default-js":{name:"Lit Vite (JS)",script:"yarn create vite . --template lit",skipTasks:["smoke-test"],expected:{framework:"@storybook/web-components-vite",renderer:"@storybook/web-components",builder:"@storybook/builder-vite"}},"lit-vite/default-ts":{name:"Lit Vite (TS)",script:"yarn create vite . --template lit-ts",skipTasks:["smoke-test"],expected:{framework:"@storybook/web-components-vite",renderer:"@storybook/web-components",builder:"@storybook/builder-vite"}},"vue-cli/default-js":{name:"Vue-CLI (Default JS)",script:"npx -p @vue/cli vue create . --default --packageManager=yarn --force --merge",skipTasks:["smoke-test"],expected:{framework:"@storybook/vue3-webpack5",renderer:"@storybook/vue3",builder:"@storybook/builder-webpack5"}},"vue-cli/vue2-default-js":{name:"Vue-CLI (Vue2 JS)",script:'npx -p @vue/cli vue create . --default --packageManager=yarn --force --merge --preset="Default (Vue 2)"',skipTasks:["smoke-test"],expected:{framework:"@storybook/vue-webpack5",renderer:"@storybook/vue",builder:"@storybook/builder-webpack5"}},"preact-webpack5/default-js":{name:"Preact CLI (Default JS)",script:"npx preact-cli create default {{beforeDir}} --name preact-app --yarn --no-install",expected:{framework:"@storybook/preact-webpack5",renderer:"@storybook/preact",builder:"@storybook/builder-webpack5"}},"preact-webpack5/default-ts":{name:"Preact CLI (Default TS)",script:"npx preact-cli create typescript {{beforeDir}} --name preact-app --yarn --no-install",expected:{framework:"@storybook/preact-webpack5",renderer:"@storybook/preact",builder:"@storybook/builder-webpack5"}},"preact-vite/default-js":{name:"Preact Vite (JS)",script:"yarn create vite . --template preact",expected:{framework:"@storybook/preact-vite",renderer:"@storybook/preact",builder:"@storybook/builder-vite"}},"preact-vite/default-ts":{name:"Preact Vite (TS)",script:"yarn create vite . --template preact-ts",expected:{framework:"@storybook/preact-vite",renderer:"@storybook/preact",builder:"@storybook/builder-vite"}}},internalTemplates={"internal/ssv6-vite":{...baseTemplates["react-vite/default-ts"],name:"StoryStore v6 (react-vite/default-ts)",inDevelopment:!0,isInternal:!0,modifications:{mainConfig:{features:{storyStoreV7:!1}}}},"internal/ssv6-webpack":{...baseTemplates["react-webpack/18-ts"],name:"StoryStore v6 (react-webpack/18-ts)",inDevelopment:!0,isInternal:!0,modifications:{mainConfig:{features:{storyStoreV7:!1}}}}},allTemplates={...baseTemplates,...internalTemplates},ci=["cra/default-ts","react-vite/default-ts"],pr=[...ci,"angular-cli/default-ts","vue3-vite/default-ts","vue-cli/vue2-default-js","lit-vite/default-ts","svelte-vite/default-ts","svelte-kit/skeleton-ts","nextjs/default-ts"],merged=[...pr,"react-webpack/18-ts","react-webpack/17-ts","angular-cli/14-ts","angular-cli/13-ts","preact-webpack5/default-ts","preact-vite/default-ts","html-webpack/default","internal/ssv6-vite","internal/ssv6-webpack"],daily=[...merged,"cra/default-js","react-vite/default-js","vue3-vite/default-js","vue2-vite/2.7-js","vue-cli/default-js","lit-vite/default-js","svelte-kit/skeleton-js","svelte-vite/default-js","nextjs/12-js","nextjs/default-js","preact-webpack5/default-js","preact-vite/default-js"];var logger22=console,toChoices=c=>({title:allTemplates[c].name,value:c}),reproNext=async({output:outputDirectory,filterValue,branch,init})=>{let selectedConfig=allTemplates[filterValue],selectedTemplate=selectedConfig?filterValue:null;if(!selectedConfig){let filterRegex=new RegExp(`^${filterValue||""}`,"i"),keys=Object.keys(allTemplates),choices=keys.reduce((acc,group)=>{let current=allTemplates[group];return(!filterValue||current.name.match(filterRegex)||group.match(filterRegex)||current.expected.builder.match(filterRegex)||current.expected.framework.match(filterRegex)||current.expected.renderer.match(filterRegex))&&acc.push(group),acc},[]);if(choices.length===0&&(logger22.info(boxen3(dedent22`
|
|
397
|
+
🔎 You filtered out all templates. 🔍
|
|
398
398
|
|
|
399
|
-
|
|
399
|
+
After filtering all the templates with "${chalk25.yellow(filterValue)}", we found no results. Please try again with a different filter.
|
|
400
400
|
|
|
401
|
-
|
|
402
|
-
|
|
401
|
+
Available templates:
|
|
402
|
+
${keys.map(key=>chalk25.blue`- ${key}`).join(`
|
|
403
403
|
`)}
|
|
404
|
-
|
|
405
|
-
|
|
404
|
+
`.trim(),{borderStyle:"round",padding:1,borderColor:"#F1618C"})),process.exit(1)),choices.length===1?[selectedTemplate]=choices:(logger22.info(boxen3(dedent22`
|
|
405
|
+
🤗 Welcome to ${chalk25.yellow("sb repro NEXT")}! 🤗
|
|
406
406
|
|
|
407
|
-
|
|
407
|
+
Create a ${chalk25.green("new project")} to minimally reproduce Storybook issues.
|
|
408
408
|
|
|
409
|
-
|
|
410
|
-
|
|
409
|
+
1. select an environment that most closely matches your project setup.
|
|
410
|
+
2. select a location for the reproduction, outside of your project.
|
|
411
411
|
|
|
412
|
-
|
|
413
|
-
|
|
412
|
+
After the reproduction is ready, we'll guide you through the next steps.
|
|
413
|
+
`.trim(),{borderStyle:"round",padding:1,borderColor:"#F1618C"})),selectedTemplate=await promptSelectedTemplate(choices)),!!!(selectedTemplate??null)){logger22.error("Somehow we got no templates. Please rerun this command!");return}if(selectedConfig=allTemplates[selectedTemplate],!selectedConfig)throw new Error("\u{1F6A8} Repro: please specify a valid template type")}let selectedDirectory=outputDirectory,outputDirectoryName=outputDirectory||selectedTemplate;if(selectedDirectory&&existsSync2(`${selectedDirectory}`)&&logger22.info(`\u26A0\uFE0F ${selectedDirectory} already exists! Overwriting...`),!selectedDirectory){let{directory}=await prompts5({type:"text",message:"Enter the output directory",name:"directory",initial:outputDirectoryName,validate:async directoryName=>existsSync2(directoryName)?`${directoryName} already exists. Please choose another name.`:!0},{onCancel:()=>{logger22.log("Command cancelled by the user. Exiting..."),process.exit(1)}});selectedDirectory=directory}try{let templateDestination=path14.isAbsolute(selectedDirectory)?selectedDirectory:path14.join(process.cwd(),selectedDirectory);logger22.info(`\u{1F3C3} Adding ${selectedConfig.name} into ${templateDestination}`),logger22.log("\u{1F4E6} Downloading repro template...");try{let gitPath=`github:storybookjs/repro-templates-temp/${selectedTemplate}/${init?"after-storybook":"before-storybook"}#${branch}`;if(await downloadTemplate(gitPath,{force:!0,dir:templateDestination}),(await readdir(templateDestination)).length===0)throw new Error(dedent22`Template downloaded from ${chalk25.blue(gitPath)} is empty.
|
|
414
|
+
Are you use it exists? Or did you want to set ${chalk25.yellow(selectedTemplate)} to inDevelopment first?`)}catch(err){throw logger22.error(`\u{1F6A8} Failed to download repro template: ${err.message}`),err}let initMessage=init?chalk25.yellow(`yarn install
|
|
414
415
|
yarn storybook`):`Recreate your setup, then ${chalk25.yellow("run npx storybook init")}`;logger22.info(boxen3(dedent22`
|
|
415
416
|
🎉 Your Storybook reproduction project is ready to use! 🎉
|
|
416
417
|
|
|
@@ -424,7 +425,7 @@ yarn storybook`):`Recreate your setup, then ${chalk25.yellow("run npx storybook
|
|
|
424
425
|
3. Link to the repro repository in your issue
|
|
425
426
|
|
|
426
427
|
Having a clean repro helps us solve your issue faster! 🙏
|
|
427
|
-
`.trim(),{borderStyle:"round",padding:1,borderColor:"#F1618C"}))}catch(error){throw logger22.error("\u{1F6A8} Failed to create repro"),error}};async function promptSelectedTemplate(choices){let{template}=await prompts5({type:"select",message:"\u{1F308} Select the template",name:"template",choices:choices.map(toChoices)});return template||null}import fse6 from"fs-extra";import path15 from"path";import{sync as spawnSync5}from"cross-spawn";import{logger as logger23}from"@storybook/node-logger";var link=async({target,local,start})=>{let storybookDir=process.cwd();try{if((await fse6.readJSON("package.json")).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=path15.basename(target);if(!local){let reprosDir=path15.join(storybookDir,"../storybook-repros");logger23.info(`Ensuring directory ${reprosDir}`),await fse6.ensureDir(reprosDir),logger23.info(`Cloning ${target}`),await exec(`git clone ${target}`,{cwd:reprosDir}),reproName=path15.basename(target,path15.extname(target)),reproDir=path15.join(reprosDir,reproName)}let reproPackageJson=await fse6.readJSON(path15.join(reproDir,"package.json")),version=spawnSync5("yarn",["--version"],{cwd:reproDir,stdio:"pipe",shell:!0}).stdout.toString();if(!/^[23]\./.test(version)){logger23.warn(`\u{1F6A8} Expected yarn 2 or 3 in ${reproDir}!`),logger23.warn(""),logger23.warn("Please set it up with `yarn set version berry`,"),logger23.warn(`then link '${reproDir}' with the '--local' flag.`);return}logger23.info(`Linking ${reproDir}`),await exec(`yarn link --all ${storybookDir}`,{cwd:reproDir}),logger23.info(`Installing ${reproName}`),await exec("yarn install",{cwd:reproDir}),logger23.info("Magic stuff related to @storybook/preset-create-react-app, we need to fix peerDependencies"),reproPackageJson.devDependencies?.vite||await exec("yarn add -D webpack-hot-middleware",{cwd:reproDir}),await exec("yarn add @types/node@16",{cwd:reproDir}),start&&(logger23.info(`Running ${reproName} storybook`),await exec("yarn run storybook",{cwd:reproDir}))};import{dedent as dedent23}from"ts-dedent";import{sync as readUpSync}from"read-pkg-up";import{logger as logger24,instance as npmLog}from"@storybook/node-logger";import{buildDevStandalone,withTelemetry as withTelemetry3}from"@storybook/core-server";import{cache}from"@storybook/core-common";var dev=async cliOptions=>{process.env.NODE_ENV=process.env.NODE_ENV||"development";try{let options={...cliOptions,configDir:cliOptions.configDir||"./.storybook",configType:"DEVELOPMENT",ignorePreview:!!cliOptions.previewUrl&&!cliOptions.forceBuildPreview,docsMode:!!cliOptions.docs,cache,packageJson:readUpSync({cwd:__dirname}).packageJson};await withTelemetry3("dev",{cliOptions,presetOptions:options},()=>buildDevStandalone(options))}catch(error){npmLog.heading="",error instanceof Error?error.error?logger24.error(error.error):error.stats&&error.stats.compilation.errors?error.stats.compilation.errors.forEach(e=>logger24.plain(e)):logger24.error(error):error.compilation?.errors&&error.compilation.errors.forEach(e=>logger24.plain(e)),logger24.line(),logger24.warn(error.close?dedent23`
|
|
428
|
+
`.trim(),{borderStyle:"round",padding:1,borderColor:"#F1618C"}))}catch(error){throw logger22.error("\u{1F6A8} Failed to create repro"),error}};async function promptSelectedTemplate(choices){let{template}=await prompts5({type:"select",message:"\u{1F308} Select the template",name:"template",choices:choices.map(toChoices)},{onCancel:()=>{logger22.log("Command cancelled by the user. Exiting..."),process.exit(1)}});return template||null}import fse6 from"fs-extra";import path15 from"path";import{sync as spawnSync5}from"cross-spawn";import{logger as logger23}from"@storybook/node-logger";var link=async({target,local,start})=>{let storybookDir=process.cwd();try{if((await fse6.readJSON("package.json")).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=path15.basename(target);if(!local){let reprosDir=path15.join(storybookDir,"../storybook-repros");logger23.info(`Ensuring directory ${reprosDir}`),await fse6.ensureDir(reprosDir),logger23.info(`Cloning ${target}`),await exec(`git clone ${target}`,{cwd:reprosDir}),reproName=path15.basename(target,path15.extname(target)),reproDir=path15.join(reprosDir,reproName)}let reproPackageJson=await fse6.readJSON(path15.join(reproDir,"package.json")),version=spawnSync5("yarn",["--version"],{cwd:reproDir,stdio:"pipe",shell:!0}).stdout.toString();if(!/^[23]\./.test(version)){logger23.warn(`\u{1F6A8} Expected yarn 2 or 3 in ${reproDir}!`),logger23.warn(""),logger23.warn("Please set it up with `yarn set version berry`,"),logger23.warn(`then link '${reproDir}' with the '--local' flag.`);return}logger23.info(`Linking ${reproDir}`),await exec(`yarn link --all ${storybookDir}`,{cwd:reproDir}),logger23.info(`Installing ${reproName}`),await exec("yarn install",{cwd:reproDir}),logger23.info("Magic stuff related to @storybook/preset-create-react-app, we need to fix peerDependencies"),reproPackageJson.devDependencies?.vite||await exec("yarn add -D webpack-hot-middleware",{cwd:reproDir}),await exec("yarn add @types/node@16",{cwd:reproDir}),start&&(logger23.info(`Running ${reproName} storybook`),await exec("yarn run storybook",{cwd:reproDir}))};import{dedent as dedent23}from"ts-dedent";import{sync as readUpSync}from"read-pkg-up";import{logger as logger24,instance as npmLog}from"@storybook/node-logger";import{buildDevStandalone,withTelemetry as withTelemetry3}from"@storybook/core-server";import{cache}from"@storybook/core-common";var dev=async cliOptions=>{process.env.NODE_ENV=process.env.NODE_ENV||"development";try{let options={...cliOptions,configDir:cliOptions.configDir||"./.storybook",configType:"DEVELOPMENT",ignorePreview:!!cliOptions.previewUrl&&!cliOptions.forceBuildPreview,docsMode:!!cliOptions.docs,cache,packageJson:readUpSync({cwd:__dirname}).packageJson};await withTelemetry3("dev",{cliOptions,presetOptions:options},()=>buildDevStandalone(options))}catch(error){npmLog.heading="",error instanceof Error?error.error?logger24.error(error.error):error.stats&&error.stats.compilation.errors?error.stats.compilation.errors.forEach(e=>logger24.plain(e)):logger24.error(error):error.compilation?.errors&&error.compilation.errors.forEach(e=>logger24.plain(e)),logger24.line(),logger24.warn(error.close?dedent23`
|
|
428
429
|
FATAL broken build!, will close the process,
|
|
429
430
|
Fix the error below and restart storybook.
|
|
430
431
|
`:dedent23`
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@storybook/cli",
|
|
3
|
-
"version": "7.0.0-beta.
|
|
3
|
+
"version": "7.0.0-beta.26",
|
|
4
4
|
"description": "Storybook's CLI - easiest method of adding storybook to your projects",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"cli",
|
|
@@ -43,13 +43,13 @@
|
|
|
43
43
|
"dependencies": {
|
|
44
44
|
"@babel/core": "^7.20.2",
|
|
45
45
|
"@babel/preset-env": "^7.20.2",
|
|
46
|
-
"@storybook/codemod": "7.0.0-beta.
|
|
47
|
-
"@storybook/core-common": "7.0.0-beta.
|
|
48
|
-
"@storybook/core-server": "7.0.0-beta.
|
|
49
|
-
"@storybook/csf-tools": "7.0.0-beta.
|
|
50
|
-
"@storybook/node-logger": "7.0.0-beta.
|
|
51
|
-
"@storybook/telemetry": "7.0.0-beta.
|
|
52
|
-
"@storybook/types": "7.0.0-beta.
|
|
46
|
+
"@storybook/codemod": "7.0.0-beta.26",
|
|
47
|
+
"@storybook/core-common": "7.0.0-beta.26",
|
|
48
|
+
"@storybook/core-server": "7.0.0-beta.26",
|
|
49
|
+
"@storybook/csf-tools": "7.0.0-beta.26",
|
|
50
|
+
"@storybook/node-logger": "7.0.0-beta.26",
|
|
51
|
+
"@storybook/telemetry": "7.0.0-beta.26",
|
|
52
|
+
"@storybook/types": "7.0.0-beta.26",
|
|
53
53
|
"@types/semver": "^7.3.4",
|
|
54
54
|
"boxen": "^5.1.2",
|
|
55
55
|
"chalk": "^4.1.0",
|
|
@@ -78,7 +78,7 @@
|
|
|
78
78
|
"util-deprecate": "^1.0.2"
|
|
79
79
|
},
|
|
80
80
|
"devDependencies": {
|
|
81
|
-
"@storybook/client-api": "7.0.0-beta.
|
|
81
|
+
"@storybook/client-api": "7.0.0-beta.26",
|
|
82
82
|
"@types/cross-spawn": "^6.0.2",
|
|
83
83
|
"@types/prompts": "^2.0.9",
|
|
84
84
|
"@types/puppeteer-core": "^2.1.0",
|
|
@@ -97,5 +97,5 @@
|
|
|
97
97
|
],
|
|
98
98
|
"platform": "node"
|
|
99
99
|
},
|
|
100
|
-
"gitHead": "
|
|
100
|
+
"gitHead": "4d3ed5ec2eb8db3e688955e2820001def09621c1"
|
|
101
101
|
}
|