@storybook/cli 7.0.0-beta.10 → 7.0.0-beta.11
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 +19 -12
- package/dist/generate.mjs +19 -12
- 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_path19=__toESM(require("path")),import_chalk25=__toESM(require("chalk")),import_envinfo=__toESM(require("envinfo")),import_leven=__toESM(require("leven")),import_read_pkg_up3=require("read-pkg-up"),import_node_logger8=require("@storybook/node-logger");var import_chalk21=__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.10","@storybook/addon-actions":"7.0.0-beta.10","@storybook/addon-backgrounds":"7.0.0-beta.10","@storybook/addon-controls":"7.0.0-beta.10","@storybook/addon-docs":"7.0.0-beta.10","@storybook/addon-essentials":"7.0.0-beta.10","@storybook/addon-highlight":"7.0.0-beta.10","@storybook/addon-interactions":"7.0.0-beta.10","@storybook/addon-jest":"7.0.0-beta.10","@storybook/addon-links":"7.0.0-beta.10","@storybook/addon-measure":"7.0.0-beta.10","@storybook/addon-outline":"7.0.0-beta.10","@storybook/addon-storyshots":"7.0.0-beta.10","@storybook/addon-storyshots-puppeteer":"7.0.0-beta.10","@storybook/addon-storysource":"7.0.0-beta.10","@storybook/addon-toolbars":"7.0.0-beta.10","@storybook/addon-viewport":"7.0.0-beta.10","@storybook/addons":"7.0.0-beta.10","@storybook/angular":"7.0.0-beta.10","@storybook/manager-api":"7.0.0-beta.10","@storybook/blocks":"7.0.0-beta.10","@storybook/builder-manager":"7.0.0-beta.10","@storybook/builder-vite":"7.0.0-beta.10","@storybook/builder-webpack5":"7.0.0-beta.10","@storybook/channel-postmessage":"7.0.0-beta.10","@storybook/channel-websocket":"7.0.0-beta.10","@storybook/channels":"7.0.0-beta.10","@storybook/cli":"7.0.0-beta.10","@storybook/client-api":"7.0.0-beta.10","@storybook/client-logger":"7.0.0-beta.10","@storybook/codemod":"7.0.0-beta.10","@storybook/components":"7.0.0-beta.10","@storybook/core-client":"7.0.0-beta.10","@storybook/core-common":"7.0.0-beta.10","@storybook/core-events":"7.0.0-beta.10","@storybook/core-server":"7.0.0-beta.10","@storybook/core-webpack":"7.0.0-beta.10","@storybook/csf-tools":"7.0.0-beta.10","@storybook/docs-tools":"7.0.0-beta.10","@storybook/ember":"7.0.0-beta.10","@storybook/html":"7.0.0-beta.10","@storybook/html-webpack5":"7.0.0-beta.10","@storybook/html-vite":"7.0.0-beta.10","@storybook/instrumenter":"7.0.0-beta.10","@storybook/nextjs":"7.0.0-beta.10","@storybook/node-logger":"7.0.0-beta.10","@storybook/postinstall":"7.0.0-beta.10","@storybook/preact":"7.0.0-beta.10","@storybook/preact-webpack5":"7.0.0-beta.10","@storybook/preset-html-webpack":"7.0.0-beta.10","@storybook/preset-preact-webpack":"7.0.0-beta.10","@storybook/preset-react-webpack":"7.0.0-beta.10","@storybook/preset-server-webpack":"7.0.0-beta.10","@storybook/preset-svelte-webpack":"7.0.0-beta.10","@storybook/preset-vue-webpack":"7.0.0-beta.10","@storybook/preset-vue3-webpack":"7.0.0-beta.10","@storybook/preset-web-components-webpack":"7.0.0-beta.10","@storybook/preview":"7.0.0-beta.10","@storybook/preview-api":"7.0.0-beta.10","@storybook/preview-web":"7.0.0-beta.10","@storybook/react":"7.0.0-beta.10","@storybook/react-vite":"7.0.0-beta.10","@storybook/react-webpack5":"7.0.0-beta.10","@storybook/router":"7.0.0-beta.10","@storybook/server":"7.0.0-beta.10","@storybook/server-webpack5":"7.0.0-beta.10","@storybook/source-loader":"7.0.0-beta.10","@storybook/store":"7.0.0-beta.10","@storybook/svelte":"7.0.0-beta.10","@storybook/sveltekit":"7.0.0-beta.10","@storybook/svelte-vite":"7.0.0-beta.10","@storybook/svelte-webpack5":"7.0.0-beta.10","@storybook/telemetry":"7.0.0-beta.10","@storybook/theming":"7.0.0-beta.10","@storybook/manager":"7.0.0-beta.10","@storybook/vue":"7.0.0-beta.10","@storybook/vue-vite":"7.0.0-beta.10","@storybook/vue-webpack5":"7.0.0-beta.10","@storybook/vue3":"7.0.0-beta.10","@storybook/vue3-vite":"7.0.0-beta.10","@storybook/vue3-webpack5":"7.0.0-beta.10","@storybook/web-components":"7.0.0-beta.10","@storybook/web-components-webpack5":"7.0.0-beta.10","@storybook/web-components-vite":"7.0.0-beta.10",sb:"7.0.0-beta.10",storybook:"7.0.0-beta.10"};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_path19=__toESM(require("path")),import_chalk25=__toESM(require("chalk")),import_envinfo=__toESM(require("envinfo")),import_leven=__toESM(require("leven")),import_read_pkg_up3=require("read-pkg-up"),import_node_logger8=require("@storybook/node-logger");var import_chalk21=__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.11","@storybook/addon-actions":"7.0.0-beta.11","@storybook/addon-backgrounds":"7.0.0-beta.11","@storybook/addon-controls":"7.0.0-beta.11","@storybook/addon-docs":"7.0.0-beta.11","@storybook/addon-essentials":"7.0.0-beta.11","@storybook/addon-highlight":"7.0.0-beta.11","@storybook/addon-interactions":"7.0.0-beta.11","@storybook/addon-jest":"7.0.0-beta.11","@storybook/addon-links":"7.0.0-beta.11","@storybook/addon-measure":"7.0.0-beta.11","@storybook/addon-outline":"7.0.0-beta.11","@storybook/addon-storyshots":"7.0.0-beta.11","@storybook/addon-storyshots-puppeteer":"7.0.0-beta.11","@storybook/addon-storysource":"7.0.0-beta.11","@storybook/addon-toolbars":"7.0.0-beta.11","@storybook/addon-viewport":"7.0.0-beta.11","@storybook/addons":"7.0.0-beta.11","@storybook/angular":"7.0.0-beta.11","@storybook/manager-api":"7.0.0-beta.11","@storybook/blocks":"7.0.0-beta.11","@storybook/builder-manager":"7.0.0-beta.11","@storybook/builder-vite":"7.0.0-beta.11","@storybook/builder-webpack5":"7.0.0-beta.11","@storybook/channel-postmessage":"7.0.0-beta.11","@storybook/channel-websocket":"7.0.0-beta.11","@storybook/channels":"7.0.0-beta.11","@storybook/cli":"7.0.0-beta.11","@storybook/client-api":"7.0.0-beta.11","@storybook/client-logger":"7.0.0-beta.11","@storybook/codemod":"7.0.0-beta.11","@storybook/components":"7.0.0-beta.11","@storybook/core-client":"7.0.0-beta.11","@storybook/core-common":"7.0.0-beta.11","@storybook/core-events":"7.0.0-beta.11","@storybook/core-server":"7.0.0-beta.11","@storybook/core-webpack":"7.0.0-beta.11","@storybook/csf-tools":"7.0.0-beta.11","@storybook/docs-tools":"7.0.0-beta.11","@storybook/ember":"7.0.0-beta.11","@storybook/html":"7.0.0-beta.11","@storybook/html-webpack5":"7.0.0-beta.11","@storybook/html-vite":"7.0.0-beta.11","@storybook/instrumenter":"7.0.0-beta.11","@storybook/nextjs":"7.0.0-beta.11","@storybook/node-logger":"7.0.0-beta.11","@storybook/postinstall":"7.0.0-beta.11","@storybook/preact":"7.0.0-beta.11","@storybook/preact-webpack5":"7.0.0-beta.11","@storybook/preset-html-webpack":"7.0.0-beta.11","@storybook/preset-preact-webpack":"7.0.0-beta.11","@storybook/preset-react-webpack":"7.0.0-beta.11","@storybook/preset-server-webpack":"7.0.0-beta.11","@storybook/preset-svelte-webpack":"7.0.0-beta.11","@storybook/preset-vue-webpack":"7.0.0-beta.11","@storybook/preset-vue3-webpack":"7.0.0-beta.11","@storybook/preset-web-components-webpack":"7.0.0-beta.11","@storybook/preview":"7.0.0-beta.11","@storybook/preview-api":"7.0.0-beta.11","@storybook/preview-web":"7.0.0-beta.11","@storybook/react":"7.0.0-beta.11","@storybook/react-vite":"7.0.0-beta.11","@storybook/react-webpack5":"7.0.0-beta.11","@storybook/router":"7.0.0-beta.11","@storybook/server":"7.0.0-beta.11","@storybook/server-webpack5":"7.0.0-beta.11","@storybook/source-loader":"7.0.0-beta.11","@storybook/store":"7.0.0-beta.11","@storybook/svelte":"7.0.0-beta.11","@storybook/sveltekit":"7.0.0-beta.11","@storybook/svelte-vite":"7.0.0-beta.11","@storybook/svelte-webpack5":"7.0.0-beta.11","@storybook/telemetry":"7.0.0-beta.11","@storybook/theming":"7.0.0-beta.11","@storybook/manager":"7.0.0-beta.11","@storybook/vue":"7.0.0-beta.11","@storybook/vue-vite":"7.0.0-beta.11","@storybook/vue-webpack5":"7.0.0-beta.11","@storybook/vue3":"7.0.0-beta.11","@storybook/vue3-vite":"7.0.0-beta.11","@storybook/vue3-webpack5":"7.0.0-beta.11","@storybook/web-components":"7.0.0-beta.11","@storybook/web-components-webpack5":"7.0.0-beta.11","@storybook/web-components-vite":"7.0.0-beta.11",sb:"7.0.0-beta.11",storybook:"7.0.0-beta.11"};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(`
|
|
@@ -197,17 +197,17 @@ Add a project and re-run the installation`)}async function getBaseTsConfigName()
|
|
|
197
197
|
change -- especially if your project has a custom webpack configuration.
|
|
198
198
|
|
|
199
199
|
To learn more about migrating from Webpack4, see: ${import_chalk14.default.yellow("https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#webpack4-support-discontinued")}
|
|
200
|
-
`},async run({result:{dependenciesToAdd,dependenciesToRemove,main,frameworkPackage,frameworkOptions,builderInfo,packageJson},packageManager,dryRun}){if(logger11.info(`\u2705 Removing legacy dependencies: ${dependenciesToRemove.join(", ")}`),dryRun||packageManager.removeDependencies({skipInstall:dependenciesToAdd.length>0,packageJson},dependenciesToRemove),dependenciesToAdd.length>0&&(logger11.info(`\u2705 Installing new dependencies: ${dependenciesToAdd.join(", ")}`),!dryRun)){let versionToInstall=getStorybookVersionSpecifier(packageJson),depsToAdd=dependenciesToAdd.map(dep=>`${dep}@${versionToInstall}`);packageManager.addDependencies({installAsDevDependencies:!0},depsToAdd)}if(!dryRun){logger11.info("\u2705 Updating framework field in main.js");let currentCore=main.getFieldValue(["core"]);main.setFieldValue(["framework","name"],frameworkPackage),main.setFieldValue(["framework","options"],frameworkOptions),currentCore!=null&¤tCore.builder&&delete currentCore.builder,frameworkPackage==="@storybook/svelte-vite"&&main.getFieldNode(["svelteOptions"])&&(logger11.info("\u2705 Removing svelteOptions field in main.js"),main.removeField(["svelteOptions"])),Object.keys(builderInfo.options).length>0&&main.setFieldValue(["framework","options","builder"],builderInfo.options),currentCore&&(Object.keys(currentCore).length===0?main.removeField(["core"]):main.setFieldValue(["core"],currentCore)),await(0,import_csf_tools6.writeConfig)(main)}}};var import_chalk15=__toESM(require("chalk")),import_ts_dedent14=__toESM(require("ts-dedent")),import_core_common9=require("@storybook/core-common"),import_fs_extra8=require("fs-extra"),RemovedAPIs=(RemovedAPIs2=>(RemovedAPIs2.addDecorator="addDecorator",RemovedAPIs2.addParameters="addParameters",RemovedAPIs2.addLoader="addLoader",RemovedAPIs2.getStorybook="getStorybook",RemovedAPIs2.setAddon="setAddon",RemovedAPIs2.clearDecorators="clearDecorators",RemovedAPIs2))(RemovedAPIs||{}),removedGlobalClientAPIs={id:"removedglobalclientapis",async check({packageManager}){let packageJson=packageManager.retrievePackageJson(),{previewConfig}=(0,import_core_common9.getStorybookInfo)(packageJson);if(previewConfig){let contents=await(0,import_fs_extra8.readFile)(previewConfig,"utf8"),usedAPIs=Object.values(RemovedAPIs).reduce((acc,item)=>(contents.includes(item)&&acc.push(item),acc),[]);if(usedAPIs.length)return{usedAPIs,previewPath:previewConfig}}return null},prompt({usedAPIs,previewPath}){return import_ts_dedent14.default`
|
|
200
|
+
`},async run({result:{dependenciesToAdd,dependenciesToRemove,main,frameworkPackage,frameworkOptions,builderInfo,packageJson},packageManager,dryRun}){if(logger11.info(`\u2705 Removing legacy dependencies: ${dependenciesToRemove.join(", ")}`),dryRun||packageManager.removeDependencies({skipInstall:dependenciesToAdd.length>0,packageJson},dependenciesToRemove),dependenciesToAdd.length>0&&(logger11.info(`\u2705 Installing new dependencies: ${dependenciesToAdd.join(", ")}`),!dryRun)){let versionToInstall=getStorybookVersionSpecifier(packageJson),depsToAdd=dependenciesToAdd.map(dep=>`${dep}@${versionToInstall}`);packageManager.addDependencies({installAsDevDependencies:!0},depsToAdd)}if(!dryRun){logger11.info("\u2705 Updating framework field in main.js");let currentCore=main.getFieldValue(["core"]);main.setFieldValue(["framework","name"],frameworkPackage),main.setFieldValue(["framework","options"],frameworkOptions),currentCore!=null&¤tCore.builder&&delete currentCore.builder,frameworkPackage==="@storybook/svelte-vite"&&main.getFieldNode(["svelteOptions"])&&(logger11.info("\u2705 Removing svelteOptions field in main.js"),main.removeField(["svelteOptions"])),Object.keys(builderInfo.options).length>0&&main.setFieldValue(["framework","options","builder"],builderInfo.options),currentCore&&(Object.keys(currentCore).length===0?main.removeField(["core"]):main.setFieldValue(["core"],currentCore)),await(0,import_csf_tools6.writeConfig)(main)}}};var import_chalk15=__toESM(require("chalk")),import_ts_dedent14=__toESM(require("ts-dedent")),import_core_common9=require("@storybook/core-common"),import_fs_extra8=require("fs-extra"),RemovedAPIs=(RemovedAPIs2=>(RemovedAPIs2.addDecorator="addDecorator",RemovedAPIs2.addParameters="addParameters",RemovedAPIs2.addLoader="addLoader",RemovedAPIs2.getStorybook="getStorybook",RemovedAPIs2.setAddon="setAddon",RemovedAPIs2.clearDecorators="clearDecorators",RemovedAPIs2))(RemovedAPIs||{}),removedGlobalClientAPIs={id:"removedglobalclientapis",promptOnly:!0,async check({packageManager}){let packageJson=packageManager.retrievePackageJson(),{previewConfig}=(0,import_core_common9.getStorybookInfo)(packageJson);if(previewConfig){let contents=await(0,import_fs_extra8.readFile)(previewConfig,"utf8"),usedAPIs=Object.values(RemovedAPIs).reduce((acc,item)=>(contents.includes(item)&&acc.push(item),acc),[]);if(usedAPIs.length)return{usedAPIs,previewPath:previewConfig}}return null},prompt({usedAPIs,previewPath}){return import_ts_dedent14.default`
|
|
201
|
+
${import_chalk15.default.bold(import_chalk15.default.red("Attention"))}: We could not automatically make this change. You'll need to do it manually.
|
|
202
|
+
|
|
201
203
|
The following APIs (used in "${import_chalk15.default.yellow(previewPath)}") have been removed from Storybook:
|
|
202
204
|
|
|
203
205
|
${usedAPIs.map(api=>`- ${import_chalk15.default.cyan(api)}`).join(`
|
|
204
206
|
`)}
|
|
205
207
|
|
|
206
|
-
You'll need to update "${import_chalk15.default.yellow(previewPath)}" manually.
|
|
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
|
-
`}
|
|
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_SCRIPT_START=/<style>{`/g,MDX1_SCRIPT_END=/`}<\/style>/g,fixMdxScript=mdx=>mdx.replace(MDX1_SCRIPT_START,"<style>\n {`").replace(MDX1_SCRIPT_END," `}\n</style>"),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.
|
|
@@ -267,20 +267,27 @@ Add a project and re-run the installation`)}async function getBaseTsConfigName()
|
|
|
267
267
|
We can add these for you automatically.
|
|
268
268
|
|
|
269
269
|
More info: ${import_chalk19.default.yellow("https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#react-peer-dependencies-required")}
|
|
270
|
-
`},async run({packageManager,result:{additionalDependencies},dryRun}){dryRun||packageManager.addDependencies({installAsDevDependencies:!0},additionalDependencies)}};var fixes=[cra5,webpack5,angular12,vue3,mainjsFramework,eslintPlugin,sveltekitFramework,builderVite,sbBinary,sbScripts,newFrameworks,nextjsFramework,removedGlobalClientAPIs,mdx1to2,docsPageAutomatic,addReact];var logger15=console;var automigrate=async({fixId:fixId2,dryRun,yes,useNpm,force}={})=>{let packageManager=JsPackageManagerFactory.getPackageManager({useNpm,force}),filtered=fixId2?fixes.filter(f=>f.id===fixId2):fixes;logger15.info("\u{1F50E} checking possible migrations..");let fixResults={},fixSummary={succeeded:[],failed:{}};for(let i=0;i<filtered.length;i+=1){let f=fixes[i],result
|
|
271
|
-
\u{1F50E} found a '${import_chalk20.default.cyan(f.id)}' migration:`);let message=f.prompt(result);logger15.info((0,import_boxen.default)(message,{borderStyle:"round",padding:1,borderColor:"#F1618C"}));let runAnswer;if(dryRun
|
|
272
|
-
${import_chalk20.default.bold("
|
|
270
|
+
`},async run({packageManager,result:{additionalDependencies},dryRun}){dryRun||packageManager.addDependencies({installAsDevDependencies:!0},additionalDependencies)}};var fixes=[cra5,webpack5,angular12,vue3,mainjsFramework,eslintPlugin,sveltekitFramework,builderVite,sbBinary,sbScripts,newFrameworks,nextjsFramework,removedGlobalClientAPIs,mdx1to2,docsPageAutomatic,addReact];var logger15=console;var automigrate=async({fixId:fixId2,dryRun,yes,useNpm,force}={})=>{let packageManager=JsPackageManagerFactory.getPackageManager({useNpm,force}),filtered=fixId2?fixes.filter(f=>f.id===fixId2):fixes;logger15.info("\u{1F50E} checking possible migrations..");let fixResults={},fixSummary={succeeded:[],failed:{},manual:[],skipped:[]};for(let i=0;i<filtered.length;i+=1){let f=fixes[i],result;try{result=await f.check({packageManager})}catch(error){logger15.info(`\u26A0\uFE0F failed to check fix ${import_chalk20.default.bold(f.id)}`),fixSummary.failed[f.id]=error.message,fixResults[f.id]="check_failed"}if(result){logger15.info(`
|
|
271
|
+
\u{1F50E} found a '${import_chalk20.default.cyan(f.id)}' migration:`);let message=f.prompt(result);logger15.info((0,import_boxen.default)(message,{borderStyle:"round",padding:1,borderColor:"#F1618C",title:f.promptOnly?"Manual migration detected":"Automigration detected"}));let runAnswer;try{if(dryRun)runAnswer={fix:!1};else if(yes)runAnswer={fix:!0};else if(f.promptOnly){fixResults[f.id]="manual_succeeded",fixSummary.manual.push(f.id),logger15.info();let{shouldContinue}=await(0,import_prompts2.default)({type:"toggle",name:"shouldContinue",message:"Select continue once you have made the required changes, or quit to exit the migration process",initial:!0,active:"continue",inactive:"quit"},{onCancel:()=>{throw new Error}});if(!shouldContinue){fixResults[f.id]="manual_skipped";break}}else runAnswer=await(0,import_prompts2.default)({type:"confirm",name:"fix",message:`Do you want to run the '${import_chalk20.default.cyan(f.id)}' migration on your project?`,initial:!0},{onCancel:()=>{throw new Error}})}catch{break}if(!f.promptOnly)if(runAnswer.fix)try{await f.run({result,packageManager,dryRun}),logger15.info(`\u2705 ran ${import_chalk20.default.cyan(f.id)} migration`),fixResults[f.id]="succeeded",fixSummary.succeeded.push(f.id)}catch(error){fixResults[f.id]="failed",fixSummary.failed[f.id]=error.message,logger15.info(`\u274C error when running ${import_chalk20.default.cyan(f.id)} migration`),logger15.info(error),logger15.info()}else fixResults[f.id]="skipped",fixSummary.skipped.push(f.id)}else fixResults[f.id]||="unnecessary"}return logger15.info(),logger15.info(getMigrationSummary(fixResults,fixSummary)),logger15.info(),fixResults};function getMigrationSummary(fixResults,fixSummary){let hasNoFixes=Object.values(fixResults).every(r=>r==="unnecessary"),hasFailures=Object.values(fixResults).some(r=>r==="failed"||r==="check_failed"),title=hasNoFixes?"No migrations were applicable to your project":hasFailures?"Migration check ran with failures":"Migration check ran successfully",successfulFixesMessage=fixSummary.succeeded.length>0?`
|
|
272
|
+
${import_chalk20.default.bold("Successful migrations:")}
|
|
273
273
|
|
|
274
274
|
${fixSummary.succeeded.map(m=>import_chalk20.default.green(m)).join(", ")}
|
|
275
275
|
`:"",failedFixesMessage=Object.keys(fixSummary.failed).length>0?`
|
|
276
|
-
${import_chalk20.default.bold("
|
|
276
|
+
${import_chalk20.default.bold("Failed migrations:")}
|
|
277
277
|
${Object.entries(fixSummary.failed).reduce((acc,[id,error])=>`${acc}
|
|
278
278
|
${import_chalk20.default.redBright(id)}:
|
|
279
279
|
${error}
|
|
280
280
|
`,"")}
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
281
|
+
`:"",manualFixesMessage=fixSummary.manual.length>0?`
|
|
282
|
+
${import_chalk20.default.bold("Manual migrations:")}
|
|
283
|
+
|
|
284
|
+
${fixSummary.manual.map(m=>fixResults[m]==="manual_succeeded"?import_chalk20.default.green(m):import_chalk20.default.blue(m)).join(", ")}
|
|
285
|
+
`:"",skippedFixesMessage=fixSummary.skipped.length>0?`
|
|
286
|
+
${import_chalk20.default.bold("Skipped migrations:")}
|
|
287
|
+
|
|
288
|
+
${fixSummary.skipped.map(m=>import_chalk20.default.cyan(m)).join(", ")}
|
|
289
|
+
`:"",summaryMessage=import_ts_dedent19.default`
|
|
290
|
+
${successfulFixesMessage}${manualFixesMessage}${failedFixesMessage}${skippedFixesMessage}${hasNoFixes?"":`
|
|
284
291
|
\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
|
|
285
292
|
|
|
286
293
|
`}If you'd like to run the migrations again, you can do so by running '${import_chalk20.default.cyan("npx storybook@next automigrate")}'
|
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 path15 from"path";import chalk25 from"chalk";import envinfo from"envinfo";import leven from"leven";import{sync as readUpSync3}from"read-pkg-up";import{logger as logger27}from"@storybook/node-logger";import chalk21 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.10","@storybook/addon-actions":"7.0.0-beta.10","@storybook/addon-backgrounds":"7.0.0-beta.10","@storybook/addon-controls":"7.0.0-beta.10","@storybook/addon-docs":"7.0.0-beta.10","@storybook/addon-essentials":"7.0.0-beta.10","@storybook/addon-highlight":"7.0.0-beta.10","@storybook/addon-interactions":"7.0.0-beta.10","@storybook/addon-jest":"7.0.0-beta.10","@storybook/addon-links":"7.0.0-beta.10","@storybook/addon-measure":"7.0.0-beta.10","@storybook/addon-outline":"7.0.0-beta.10","@storybook/addon-storyshots":"7.0.0-beta.10","@storybook/addon-storyshots-puppeteer":"7.0.0-beta.10","@storybook/addon-storysource":"7.0.0-beta.10","@storybook/addon-toolbars":"7.0.0-beta.10","@storybook/addon-viewport":"7.0.0-beta.10","@storybook/addons":"7.0.0-beta.10","@storybook/angular":"7.0.0-beta.10","@storybook/manager-api":"7.0.0-beta.10","@storybook/blocks":"7.0.0-beta.10","@storybook/builder-manager":"7.0.0-beta.10","@storybook/builder-vite":"7.0.0-beta.10","@storybook/builder-webpack5":"7.0.0-beta.10","@storybook/channel-postmessage":"7.0.0-beta.10","@storybook/channel-websocket":"7.0.0-beta.10","@storybook/channels":"7.0.0-beta.10","@storybook/cli":"7.0.0-beta.10","@storybook/client-api":"7.0.0-beta.10","@storybook/client-logger":"7.0.0-beta.10","@storybook/codemod":"7.0.0-beta.10","@storybook/components":"7.0.0-beta.10","@storybook/core-client":"7.0.0-beta.10","@storybook/core-common":"7.0.0-beta.10","@storybook/core-events":"7.0.0-beta.10","@storybook/core-server":"7.0.0-beta.10","@storybook/core-webpack":"7.0.0-beta.10","@storybook/csf-tools":"7.0.0-beta.10","@storybook/docs-tools":"7.0.0-beta.10","@storybook/ember":"7.0.0-beta.10","@storybook/html":"7.0.0-beta.10","@storybook/html-webpack5":"7.0.0-beta.10","@storybook/html-vite":"7.0.0-beta.10","@storybook/instrumenter":"7.0.0-beta.10","@storybook/nextjs":"7.0.0-beta.10","@storybook/node-logger":"7.0.0-beta.10","@storybook/postinstall":"7.0.0-beta.10","@storybook/preact":"7.0.0-beta.10","@storybook/preact-webpack5":"7.0.0-beta.10","@storybook/preset-html-webpack":"7.0.0-beta.10","@storybook/preset-preact-webpack":"7.0.0-beta.10","@storybook/preset-react-webpack":"7.0.0-beta.10","@storybook/preset-server-webpack":"7.0.0-beta.10","@storybook/preset-svelte-webpack":"7.0.0-beta.10","@storybook/preset-vue-webpack":"7.0.0-beta.10","@storybook/preset-vue3-webpack":"7.0.0-beta.10","@storybook/preset-web-components-webpack":"7.0.0-beta.10","@storybook/preview":"7.0.0-beta.10","@storybook/preview-api":"7.0.0-beta.10","@storybook/preview-web":"7.0.0-beta.10","@storybook/react":"7.0.0-beta.10","@storybook/react-vite":"7.0.0-beta.10","@storybook/react-webpack5":"7.0.0-beta.10","@storybook/router":"7.0.0-beta.10","@storybook/server":"7.0.0-beta.10","@storybook/server-webpack5":"7.0.0-beta.10","@storybook/source-loader":"7.0.0-beta.10","@storybook/store":"7.0.0-beta.10","@storybook/svelte":"7.0.0-beta.10","@storybook/sveltekit":"7.0.0-beta.10","@storybook/svelte-vite":"7.0.0-beta.10","@storybook/svelte-webpack5":"7.0.0-beta.10","@storybook/telemetry":"7.0.0-beta.10","@storybook/theming":"7.0.0-beta.10","@storybook/manager":"7.0.0-beta.10","@storybook/vue":"7.0.0-beta.10","@storybook/vue-vite":"7.0.0-beta.10","@storybook/vue-webpack5":"7.0.0-beta.10","@storybook/vue3":"7.0.0-beta.10","@storybook/vue3-vite":"7.0.0-beta.10","@storybook/vue3-webpack5":"7.0.0-beta.10","@storybook/web-components":"7.0.0-beta.10","@storybook/web-components-webpack5":"7.0.0-beta.10","@storybook/web-components-vite":"7.0.0-beta.10",sb:"7.0.0-beta.10",storybook:"7.0.0-beta.10"};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 path15 from"path";import chalk25 from"chalk";import envinfo from"envinfo";import leven from"leven";import{sync as readUpSync3}from"read-pkg-up";import{logger as logger27}from"@storybook/node-logger";import chalk21 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.11","@storybook/addon-actions":"7.0.0-beta.11","@storybook/addon-backgrounds":"7.0.0-beta.11","@storybook/addon-controls":"7.0.0-beta.11","@storybook/addon-docs":"7.0.0-beta.11","@storybook/addon-essentials":"7.0.0-beta.11","@storybook/addon-highlight":"7.0.0-beta.11","@storybook/addon-interactions":"7.0.0-beta.11","@storybook/addon-jest":"7.0.0-beta.11","@storybook/addon-links":"7.0.0-beta.11","@storybook/addon-measure":"7.0.0-beta.11","@storybook/addon-outline":"7.0.0-beta.11","@storybook/addon-storyshots":"7.0.0-beta.11","@storybook/addon-storyshots-puppeteer":"7.0.0-beta.11","@storybook/addon-storysource":"7.0.0-beta.11","@storybook/addon-toolbars":"7.0.0-beta.11","@storybook/addon-viewport":"7.0.0-beta.11","@storybook/addons":"7.0.0-beta.11","@storybook/angular":"7.0.0-beta.11","@storybook/manager-api":"7.0.0-beta.11","@storybook/blocks":"7.0.0-beta.11","@storybook/builder-manager":"7.0.0-beta.11","@storybook/builder-vite":"7.0.0-beta.11","@storybook/builder-webpack5":"7.0.0-beta.11","@storybook/channel-postmessage":"7.0.0-beta.11","@storybook/channel-websocket":"7.0.0-beta.11","@storybook/channels":"7.0.0-beta.11","@storybook/cli":"7.0.0-beta.11","@storybook/client-api":"7.0.0-beta.11","@storybook/client-logger":"7.0.0-beta.11","@storybook/codemod":"7.0.0-beta.11","@storybook/components":"7.0.0-beta.11","@storybook/core-client":"7.0.0-beta.11","@storybook/core-common":"7.0.0-beta.11","@storybook/core-events":"7.0.0-beta.11","@storybook/core-server":"7.0.0-beta.11","@storybook/core-webpack":"7.0.0-beta.11","@storybook/csf-tools":"7.0.0-beta.11","@storybook/docs-tools":"7.0.0-beta.11","@storybook/ember":"7.0.0-beta.11","@storybook/html":"7.0.0-beta.11","@storybook/html-webpack5":"7.0.0-beta.11","@storybook/html-vite":"7.0.0-beta.11","@storybook/instrumenter":"7.0.0-beta.11","@storybook/nextjs":"7.0.0-beta.11","@storybook/node-logger":"7.0.0-beta.11","@storybook/postinstall":"7.0.0-beta.11","@storybook/preact":"7.0.0-beta.11","@storybook/preact-webpack5":"7.0.0-beta.11","@storybook/preset-html-webpack":"7.0.0-beta.11","@storybook/preset-preact-webpack":"7.0.0-beta.11","@storybook/preset-react-webpack":"7.0.0-beta.11","@storybook/preset-server-webpack":"7.0.0-beta.11","@storybook/preset-svelte-webpack":"7.0.0-beta.11","@storybook/preset-vue-webpack":"7.0.0-beta.11","@storybook/preset-vue3-webpack":"7.0.0-beta.11","@storybook/preset-web-components-webpack":"7.0.0-beta.11","@storybook/preview":"7.0.0-beta.11","@storybook/preview-api":"7.0.0-beta.11","@storybook/preview-web":"7.0.0-beta.11","@storybook/react":"7.0.0-beta.11","@storybook/react-vite":"7.0.0-beta.11","@storybook/react-webpack5":"7.0.0-beta.11","@storybook/router":"7.0.0-beta.11","@storybook/server":"7.0.0-beta.11","@storybook/server-webpack5":"7.0.0-beta.11","@storybook/source-loader":"7.0.0-beta.11","@storybook/store":"7.0.0-beta.11","@storybook/svelte":"7.0.0-beta.11","@storybook/sveltekit":"7.0.0-beta.11","@storybook/svelte-vite":"7.0.0-beta.11","@storybook/svelte-webpack5":"7.0.0-beta.11","@storybook/telemetry":"7.0.0-beta.11","@storybook/theming":"7.0.0-beta.11","@storybook/manager":"7.0.0-beta.11","@storybook/vue":"7.0.0-beta.11","@storybook/vue-vite":"7.0.0-beta.11","@storybook/vue-webpack5":"7.0.0-beta.11","@storybook/vue3":"7.0.0-beta.11","@storybook/vue3-vite":"7.0.0-beta.11","@storybook/vue3-webpack5":"7.0.0-beta.11","@storybook/web-components":"7.0.0-beta.11","@storybook/web-components-webpack5":"7.0.0-beta.11","@storybook/web-components-vite":"7.0.0-beta.11",sb:"7.0.0-beta.11",storybook:"7.0.0-beta.11"};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(`
|
|
@@ -197,17 +197,17 @@ Add a project and re-run the installation`)}async function getBaseTsConfigName()
|
|
|
197
197
|
change -- especially if your project has a custom webpack configuration.
|
|
198
198
|
|
|
199
199
|
To learn more about migrating from Webpack4, see: ${chalk14.yellow("https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#webpack4-support-discontinued")}
|
|
200
|
-
`},async run({result:{dependenciesToAdd,dependenciesToRemove,main,frameworkPackage,frameworkOptions,builderInfo,packageJson},packageManager,dryRun}){if(logger11.info(`\u2705 Removing legacy dependencies: ${dependenciesToRemove.join(", ")}`),dryRun||packageManager.removeDependencies({skipInstall:dependenciesToAdd.length>0,packageJson},dependenciesToRemove),dependenciesToAdd.length>0&&(logger11.info(`\u2705 Installing new dependencies: ${dependenciesToAdd.join(", ")}`),!dryRun)){let versionToInstall=getStorybookVersionSpecifier(packageJson),depsToAdd=dependenciesToAdd.map(dep=>`${dep}@${versionToInstall}`);packageManager.addDependencies({installAsDevDependencies:!0},depsToAdd)}if(!dryRun){logger11.info("\u2705 Updating framework field in main.js");let currentCore=main.getFieldValue(["core"]);main.setFieldValue(["framework","name"],frameworkPackage),main.setFieldValue(["framework","options"],frameworkOptions),currentCore?.builder&&delete currentCore.builder,frameworkPackage==="@storybook/svelte-vite"&&main.getFieldNode(["svelteOptions"])&&(logger11.info("\u2705 Removing svelteOptions field in main.js"),main.removeField(["svelteOptions"])),Object.keys(builderInfo.options).length>0&&main.setFieldValue(["framework","options","builder"],builderInfo.options),currentCore&&(Object.keys(currentCore).length===0?main.removeField(["core"]):main.setFieldValue(["core"],currentCore)),await writeConfig6(main)}}};import chalk15 from"chalk";import dedent14 from"ts-dedent";import{getStorybookInfo as getStorybookInfo9}from"@storybook/core-common";import{readFile as readFile2}from"fs-extra";var RemovedAPIs=(RemovedAPIs2=>(RemovedAPIs2.addDecorator="addDecorator",RemovedAPIs2.addParameters="addParameters",RemovedAPIs2.addLoader="addLoader",RemovedAPIs2.getStorybook="getStorybook",RemovedAPIs2.setAddon="setAddon",RemovedAPIs2.clearDecorators="clearDecorators",RemovedAPIs2))(RemovedAPIs||{}),removedGlobalClientAPIs={id:"removedglobalclientapis",async check({packageManager}){let packageJson=packageManager.retrievePackageJson(),{previewConfig}=getStorybookInfo9(packageJson);if(previewConfig){let contents=await readFile2(previewConfig,"utf8"),usedAPIs=Object.values(RemovedAPIs).reduce((acc,item)=>(contents.includes(item)&&acc.push(item),acc),[]);if(usedAPIs.length)return{usedAPIs,previewPath:previewConfig}}return null},prompt({usedAPIs,previewPath}){return dedent14`
|
|
200
|
+
`},async run({result:{dependenciesToAdd,dependenciesToRemove,main,frameworkPackage,frameworkOptions,builderInfo,packageJson},packageManager,dryRun}){if(logger11.info(`\u2705 Removing legacy dependencies: ${dependenciesToRemove.join(", ")}`),dryRun||packageManager.removeDependencies({skipInstall:dependenciesToAdd.length>0,packageJson},dependenciesToRemove),dependenciesToAdd.length>0&&(logger11.info(`\u2705 Installing new dependencies: ${dependenciesToAdd.join(", ")}`),!dryRun)){let versionToInstall=getStorybookVersionSpecifier(packageJson),depsToAdd=dependenciesToAdd.map(dep=>`${dep}@${versionToInstall}`);packageManager.addDependencies({installAsDevDependencies:!0},depsToAdd)}if(!dryRun){logger11.info("\u2705 Updating framework field in main.js");let currentCore=main.getFieldValue(["core"]);main.setFieldValue(["framework","name"],frameworkPackage),main.setFieldValue(["framework","options"],frameworkOptions),currentCore?.builder&&delete currentCore.builder,frameworkPackage==="@storybook/svelte-vite"&&main.getFieldNode(["svelteOptions"])&&(logger11.info("\u2705 Removing svelteOptions field in main.js"),main.removeField(["svelteOptions"])),Object.keys(builderInfo.options).length>0&&main.setFieldValue(["framework","options","builder"],builderInfo.options),currentCore&&(Object.keys(currentCore).length===0?main.removeField(["core"]):main.setFieldValue(["core"],currentCore)),await writeConfig6(main)}}};import chalk15 from"chalk";import dedent14 from"ts-dedent";import{getStorybookInfo as getStorybookInfo9}from"@storybook/core-common";import{readFile as readFile2}from"fs-extra";var RemovedAPIs=(RemovedAPIs2=>(RemovedAPIs2.addDecorator="addDecorator",RemovedAPIs2.addParameters="addParameters",RemovedAPIs2.addLoader="addLoader",RemovedAPIs2.getStorybook="getStorybook",RemovedAPIs2.setAddon="setAddon",RemovedAPIs2.clearDecorators="clearDecorators",RemovedAPIs2))(RemovedAPIs||{}),removedGlobalClientAPIs={id:"removedglobalclientapis",promptOnly:!0,async check({packageManager}){let packageJson=packageManager.retrievePackageJson(),{previewConfig}=getStorybookInfo9(packageJson);if(previewConfig){let contents=await readFile2(previewConfig,"utf8"),usedAPIs=Object.values(RemovedAPIs).reduce((acc,item)=>(contents.includes(item)&&acc.push(item),acc),[]);if(usedAPIs.length)return{usedAPIs,previewPath:previewConfig}}return null},prompt({usedAPIs,previewPath}){return dedent14`
|
|
201
|
+
${chalk15.bold(chalk15.red("Attention"))}: We could not automatically make this change. You'll need to do it manually.
|
|
202
|
+
|
|
201
203
|
The following APIs (used in "${chalk15.yellow(previewPath)}") have been removed from Storybook:
|
|
202
204
|
|
|
203
205
|
${usedAPIs.map(api=>`- ${chalk15.cyan(api)}`).join(`
|
|
204
206
|
`)}
|
|
205
207
|
|
|
206
|
-
You'll need to update "${chalk15.yellow(previewPath)}" manually.
|
|
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
|
-
`}
|
|
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_SCRIPT_START=/<style>{`/g,MDX1_SCRIPT_END=/`}<\/style>/g,fixMdxScript=mdx=>mdx.replace(MDX1_SCRIPT_START,"<style>\n {`").replace(MDX1_SCRIPT_END," `}\n</style>"),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.
|
|
@@ -267,20 +267,27 @@ Add a project and re-run the installation`)}async function getBaseTsConfigName()
|
|
|
267
267
|
We can add these for you automatically.
|
|
268
268
|
|
|
269
269
|
More info: ${chalk19.yellow("https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#react-peer-dependencies-required")}
|
|
270
|
-
`},async run({packageManager,result:{additionalDependencies},dryRun}){dryRun||packageManager.addDependencies({installAsDevDependencies:!0},additionalDependencies)}};var fixes=[cra5,webpack5,angular12,vue3,mainjsFramework,eslintPlugin,sveltekitFramework,builderVite,sbBinary,sbScripts,newFrameworks,nextjsFramework,removedGlobalClientAPIs,mdx1to2,docsPageAutomatic,addReact];var logger15=console;var automigrate=async({fixId:fixId2,dryRun,yes,useNpm,force}={})=>{let packageManager=JsPackageManagerFactory.getPackageManager({useNpm,force}),filtered=fixId2?fixes.filter(f=>f.id===fixId2):fixes;logger15.info("\u{1F50E} checking possible migrations..");let fixResults={},fixSummary={succeeded:[],failed:{}};for(let i=0;i<filtered.length;i+=1){let f=fixes[i],result
|
|
271
|
-
\u{1F50E} found a '${chalk20.cyan(f.id)}' migration:`);let message=f.prompt(result);logger15.info(boxen(message,{borderStyle:"round",padding:1,borderColor:"#F1618C"}));let runAnswer;if(dryRun
|
|
272
|
-
${chalk20.bold("
|
|
270
|
+
`},async run({packageManager,result:{additionalDependencies},dryRun}){dryRun||packageManager.addDependencies({installAsDevDependencies:!0},additionalDependencies)}};var fixes=[cra5,webpack5,angular12,vue3,mainjsFramework,eslintPlugin,sveltekitFramework,builderVite,sbBinary,sbScripts,newFrameworks,nextjsFramework,removedGlobalClientAPIs,mdx1to2,docsPageAutomatic,addReact];var logger15=console;var automigrate=async({fixId:fixId2,dryRun,yes,useNpm,force}={})=>{let packageManager=JsPackageManagerFactory.getPackageManager({useNpm,force}),filtered=fixId2?fixes.filter(f=>f.id===fixId2):fixes;logger15.info("\u{1F50E} checking possible migrations..");let fixResults={},fixSummary={succeeded:[],failed:{},manual:[],skipped:[]};for(let i=0;i<filtered.length;i+=1){let f=fixes[i],result;try{result=await f.check({packageManager})}catch(error){logger15.info(`\u26A0\uFE0F failed to check fix ${chalk20.bold(f.id)}`),fixSummary.failed[f.id]=error.message,fixResults[f.id]="check_failed"}if(result){logger15.info(`
|
|
271
|
+
\u{1F50E} found a '${chalk20.cyan(f.id)}' migration:`);let message=f.prompt(result);logger15.info(boxen(message,{borderStyle:"round",padding:1,borderColor:"#F1618C",title:f.promptOnly?"Manual migration detected":"Automigration detected"}));let runAnswer;try{if(dryRun)runAnswer={fix:!1};else if(yes)runAnswer={fix:!0};else if(f.promptOnly){fixResults[f.id]="manual_succeeded",fixSummary.manual.push(f.id),logger15.info();let{shouldContinue}=await prompts2({type:"toggle",name:"shouldContinue",message:"Select continue once you have made the required changes, or quit to exit the migration process",initial:!0,active:"continue",inactive:"quit"},{onCancel:()=>{throw new Error}});if(!shouldContinue){fixResults[f.id]="manual_skipped";break}}else runAnswer=await prompts2({type:"confirm",name:"fix",message:`Do you want to run the '${chalk20.cyan(f.id)}' migration on your project?`,initial:!0},{onCancel:()=>{throw new Error}})}catch{break}if(!f.promptOnly)if(runAnswer.fix)try{await f.run({result,packageManager,dryRun}),logger15.info(`\u2705 ran ${chalk20.cyan(f.id)} migration`),fixResults[f.id]="succeeded",fixSummary.succeeded.push(f.id)}catch(error){fixResults[f.id]="failed",fixSummary.failed[f.id]=error.message,logger15.info(`\u274C error when running ${chalk20.cyan(f.id)} migration`),logger15.info(error),logger15.info()}else fixResults[f.id]="skipped",fixSummary.skipped.push(f.id)}else fixResults[f.id]||="unnecessary"}return logger15.info(),logger15.info(getMigrationSummary(fixResults,fixSummary)),logger15.info(),fixResults};function getMigrationSummary(fixResults,fixSummary){let hasNoFixes=Object.values(fixResults).every(r=>r==="unnecessary"),hasFailures=Object.values(fixResults).some(r=>r==="failed"||r==="check_failed"),title=hasNoFixes?"No migrations were applicable to your project":hasFailures?"Migration check ran with failures":"Migration check ran successfully",successfulFixesMessage=fixSummary.succeeded.length>0?`
|
|
272
|
+
${chalk20.bold("Successful migrations:")}
|
|
273
273
|
|
|
274
274
|
${fixSummary.succeeded.map(m=>chalk20.green(m)).join(", ")}
|
|
275
275
|
`:"",failedFixesMessage=Object.keys(fixSummary.failed).length>0?`
|
|
276
|
-
${chalk20.bold("
|
|
276
|
+
${chalk20.bold("Failed migrations:")}
|
|
277
277
|
${Object.entries(fixSummary.failed).reduce((acc,[id,error])=>`${acc}
|
|
278
278
|
${chalk20.redBright(id)}:
|
|
279
279
|
${error}
|
|
280
280
|
`,"")}
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
281
|
+
`:"",manualFixesMessage=fixSummary.manual.length>0?`
|
|
282
|
+
${chalk20.bold("Manual migrations:")}
|
|
283
|
+
|
|
284
|
+
${fixSummary.manual.map(m=>fixResults[m]==="manual_succeeded"?chalk20.green(m):chalk20.blue(m)).join(", ")}
|
|
285
|
+
`:"",skippedFixesMessage=fixSummary.skipped.length>0?`
|
|
286
|
+
${chalk20.bold("Skipped migrations:")}
|
|
287
|
+
|
|
288
|
+
${fixSummary.skipped.map(m=>chalk20.cyan(m)).join(", ")}
|
|
289
|
+
`:"",summaryMessage=dedent19`
|
|
290
|
+
${successfulFixesMessage}${manualFixesMessage}${failedFixesMessage}${skippedFixesMessage}${hasNoFixes?"":`
|
|
284
291
|
\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
|
|
285
292
|
|
|
286
293
|
`}If you'd like to run the migrations again, you can do so by running '${chalk20.cyan("npx storybook@next automigrate")}'
|
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.11",
|
|
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.11",
|
|
47
|
+
"@storybook/core-common": "7.0.0-beta.11",
|
|
48
|
+
"@storybook/core-server": "7.0.0-beta.11",
|
|
49
|
+
"@storybook/csf-tools": "7.0.0-beta.11",
|
|
50
|
+
"@storybook/node-logger": "7.0.0-beta.11",
|
|
51
|
+
"@storybook/telemetry": "7.0.0-beta.11",
|
|
52
|
+
"@storybook/types": "7.0.0-beta.11",
|
|
53
53
|
"@types/semver": "^7.3.4",
|
|
54
54
|
"boxen": "^5.1.2",
|
|
55
55
|
"chalk": "^4.1.0",
|
|
@@ -77,7 +77,7 @@
|
|
|
77
77
|
"util-deprecate": "^1.0.2"
|
|
78
78
|
},
|
|
79
79
|
"devDependencies": {
|
|
80
|
-
"@storybook/client-api": "7.0.0-beta.
|
|
80
|
+
"@storybook/client-api": "7.0.0-beta.11",
|
|
81
81
|
"@types/cross-spawn": "^6.0.2",
|
|
82
82
|
"@types/prompts": "^2.0.9",
|
|
83
83
|
"@types/puppeteer-core": "^2.1.0",
|
|
@@ -98,5 +98,5 @@
|
|
|
98
98
|
],
|
|
99
99
|
"platform": "node"
|
|
100
100
|
},
|
|
101
|
-
"gitHead": "
|
|
101
|
+
"gitHead": "f488007ad9e0ff9c4ade4837f584db87fa0d46eb"
|
|
102
102
|
}
|