@storybook/cli 7.0.0-beta.19 → 7.0.0-beta.20
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 +18 -5
- package/dist/generate.mjs +18 -5
- 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_logger8=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.19","@storybook/addon-actions":"7.0.0-beta.19","@storybook/addon-backgrounds":"7.0.0-beta.19","@storybook/addon-controls":"7.0.0-beta.19","@storybook/addon-docs":"7.0.0-beta.19","@storybook/addon-essentials":"7.0.0-beta.19","@storybook/addon-highlight":"7.0.0-beta.19","@storybook/addon-interactions":"7.0.0-beta.19","@storybook/addon-jest":"7.0.0-beta.19","@storybook/addon-links":"7.0.0-beta.19","@storybook/addon-measure":"7.0.0-beta.19","@storybook/addon-outline":"7.0.0-beta.19","@storybook/addon-storyshots":"7.0.0-beta.19","@storybook/addon-storyshots-puppeteer":"7.0.0-beta.19","@storybook/addon-storysource":"7.0.0-beta.19","@storybook/addon-toolbars":"7.0.0-beta.19","@storybook/addon-viewport":"7.0.0-beta.19","@storybook/addons":"7.0.0-beta.19","@storybook/angular":"7.0.0-beta.19","@storybook/manager-api":"7.0.0-beta.19","@storybook/blocks":"7.0.0-beta.19","@storybook/builder-manager":"7.0.0-beta.19","@storybook/builder-vite":"7.0.0-beta.19","@storybook/builder-webpack5":"7.0.0-beta.19","@storybook/channel-postmessage":"7.0.0-beta.19","@storybook/channel-websocket":"7.0.0-beta.19","@storybook/channels":"7.0.0-beta.19","@storybook/cli":"7.0.0-beta.19","@storybook/client-api":"7.0.0-beta.19","@storybook/client-logger":"7.0.0-beta.19","@storybook/codemod":"7.0.0-beta.19","@storybook/components":"7.0.0-beta.19","@storybook/core-client":"7.0.0-beta.19","@storybook/core-common":"7.0.0-beta.19","@storybook/core-events":"7.0.0-beta.19","@storybook/core-server":"7.0.0-beta.19","@storybook/core-webpack":"7.0.0-beta.19","@storybook/csf-tools":"7.0.0-beta.19","@storybook/docs-tools":"7.0.0-beta.19","@storybook/ember":"7.0.0-beta.19","@storybook/html":"7.0.0-beta.19","@storybook/html-webpack5":"7.0.0-beta.19","@storybook/html-vite":"7.0.0-beta.19","@storybook/instrumenter":"7.0.0-beta.19","@storybook/nextjs":"7.0.0-beta.19","@storybook/node-logger":"7.0.0-beta.19","@storybook/postinstall":"7.0.0-beta.19","@storybook/preact":"7.0.0-beta.19","@storybook/preact-vite":"7.0.0-beta.19","@storybook/preact-webpack5":"7.0.0-beta.19","@storybook/preset-html-webpack":"7.0.0-beta.19","@storybook/preset-preact-webpack":"7.0.0-beta.19","@storybook/preset-react-webpack":"7.0.0-beta.19","@storybook/preset-server-webpack":"7.0.0-beta.19","@storybook/preset-svelte-webpack":"7.0.0-beta.19","@storybook/preset-vue-webpack":"7.0.0-beta.19","@storybook/preset-vue3-webpack":"7.0.0-beta.19","@storybook/preset-web-components-webpack":"7.0.0-beta.19","@storybook/preview":"7.0.0-beta.19","@storybook/preview-api":"7.0.0-beta.19","@storybook/preview-web":"7.0.0-beta.19","@storybook/react":"7.0.0-beta.19","@storybook/react-vite":"7.0.0-beta.19","@storybook/react-webpack5":"7.0.0-beta.19","@storybook/router":"7.0.0-beta.19","@storybook/server":"7.0.0-beta.19","@storybook/server-webpack5":"7.0.0-beta.19","@storybook/source-loader":"7.0.0-beta.19","@storybook/store":"7.0.0-beta.19","@storybook/svelte":"7.0.0-beta.19","@storybook/sveltekit":"7.0.0-beta.19","@storybook/svelte-vite":"7.0.0-beta.19","@storybook/svelte-webpack5":"7.0.0-beta.19","@storybook/telemetry":"7.0.0-beta.19","@storybook/theming":"7.0.0-beta.19","@storybook/manager":"7.0.0-beta.19","@storybook/vue":"7.0.0-beta.19","@storybook/vue-vite":"7.0.0-beta.19","@storybook/vue-webpack5":"7.0.0-beta.19","@storybook/vue3":"7.0.0-beta.19","@storybook/vue3-vite":"7.0.0-beta.19","@storybook/vue3-webpack5":"7.0.0-beta.19","@storybook/web-components":"7.0.0-beta.19","@storybook/web-components-webpack5":"7.0.0-beta.19","@storybook/web-components-vite":"7.0.0-beta.19",sb:"7.0.0-beta.19",storybook:"7.0.0-beta.19"};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_logger8=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.20","@storybook/addon-actions":"7.0.0-beta.20","@storybook/addon-backgrounds":"7.0.0-beta.20","@storybook/addon-controls":"7.0.0-beta.20","@storybook/addon-docs":"7.0.0-beta.20","@storybook/addon-essentials":"7.0.0-beta.20","@storybook/addon-highlight":"7.0.0-beta.20","@storybook/addon-interactions":"7.0.0-beta.20","@storybook/addon-jest":"7.0.0-beta.20","@storybook/addon-links":"7.0.0-beta.20","@storybook/addon-measure":"7.0.0-beta.20","@storybook/addon-outline":"7.0.0-beta.20","@storybook/addon-storyshots":"7.0.0-beta.20","@storybook/addon-storyshots-puppeteer":"7.0.0-beta.20","@storybook/addon-storysource":"7.0.0-beta.20","@storybook/addon-toolbars":"7.0.0-beta.20","@storybook/addon-viewport":"7.0.0-beta.20","@storybook/addons":"7.0.0-beta.20","@storybook/angular":"7.0.0-beta.20","@storybook/manager-api":"7.0.0-beta.20","@storybook/blocks":"7.0.0-beta.20","@storybook/builder-manager":"7.0.0-beta.20","@storybook/builder-vite":"7.0.0-beta.20","@storybook/builder-webpack5":"7.0.0-beta.20","@storybook/channel-postmessage":"7.0.0-beta.20","@storybook/channel-websocket":"7.0.0-beta.20","@storybook/channels":"7.0.0-beta.20","@storybook/cli":"7.0.0-beta.20","@storybook/client-api":"7.0.0-beta.20","@storybook/client-logger":"7.0.0-beta.20","@storybook/codemod":"7.0.0-beta.20","@storybook/components":"7.0.0-beta.20","@storybook/core-client":"7.0.0-beta.20","@storybook/core-common":"7.0.0-beta.20","@storybook/core-events":"7.0.0-beta.20","@storybook/core-server":"7.0.0-beta.20","@storybook/core-webpack":"7.0.0-beta.20","@storybook/csf-tools":"7.0.0-beta.20","@storybook/docs-tools":"7.0.0-beta.20","@storybook/ember":"7.0.0-beta.20","@storybook/html":"7.0.0-beta.20","@storybook/html-webpack5":"7.0.0-beta.20","@storybook/html-vite":"7.0.0-beta.20","@storybook/instrumenter":"7.0.0-beta.20","@storybook/nextjs":"7.0.0-beta.20","@storybook/node-logger":"7.0.0-beta.20","@storybook/postinstall":"7.0.0-beta.20","@storybook/preact":"7.0.0-beta.20","@storybook/preact-vite":"7.0.0-beta.20","@storybook/preact-webpack5":"7.0.0-beta.20","@storybook/preset-html-webpack":"7.0.0-beta.20","@storybook/preset-preact-webpack":"7.0.0-beta.20","@storybook/preset-react-webpack":"7.0.0-beta.20","@storybook/preset-server-webpack":"7.0.0-beta.20","@storybook/preset-svelte-webpack":"7.0.0-beta.20","@storybook/preset-vue-webpack":"7.0.0-beta.20","@storybook/preset-vue3-webpack":"7.0.0-beta.20","@storybook/preset-web-components-webpack":"7.0.0-beta.20","@storybook/preview":"7.0.0-beta.20","@storybook/preview-api":"7.0.0-beta.20","@storybook/preview-web":"7.0.0-beta.20","@storybook/react":"7.0.0-beta.20","@storybook/react-vite":"7.0.0-beta.20","@storybook/react-webpack5":"7.0.0-beta.20","@storybook/router":"7.0.0-beta.20","@storybook/server":"7.0.0-beta.20","@storybook/server-webpack5":"7.0.0-beta.20","@storybook/source-loader":"7.0.0-beta.20","@storybook/store":"7.0.0-beta.20","@storybook/svelte":"7.0.0-beta.20","@storybook/sveltekit":"7.0.0-beta.20","@storybook/svelte-vite":"7.0.0-beta.20","@storybook/svelte-webpack5":"7.0.0-beta.20","@storybook/telemetry":"7.0.0-beta.20","@storybook/theming":"7.0.0-beta.20","@storybook/manager":"7.0.0-beta.20","@storybook/vue":"7.0.0-beta.20","@storybook/vue-vite":"7.0.0-beta.20","@storybook/vue-webpack5":"7.0.0-beta.20","@storybook/vue3":"7.0.0-beta.20","@storybook/vue3-vite":"7.0.0-beta.20","@storybook/vue3-webpack5":"7.0.0-beta.20","@storybook/web-components":"7.0.0-beta.20","@storybook/web-components-webpack5":"7.0.0-beta.20","@storybook/web-components-vite":"7.0.0-beta.20",sb:"7.0.0-beta.20",storybook:"7.0.0-beta.20"};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(`
|
|
@@ -217,15 +217,28 @@ 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=fixMdxScript(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"]);return(docs==null?void 0:docs.autodocs)===void 0?{main}:null},prompt(){let
|
|
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=fixMdxScript(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
|
+
We've changed the configuration of autodocs (previous docsPage), so now the value:
|
|
222
|
+
- docs.autodocs: true -- means automatically create docs for every CSF file
|
|
223
|
+
- docs.autodocs: 'tag' -- means only create autodocs for CSF files with the 'autodocs' tag
|
|
224
|
+
- docs.autodocs: false -- means never create autodocs
|
|
225
|
+
|
|
226
|
+
Based on your prior configuration, we can set the \`docs.autodocs\` to keep your old behaviour:
|
|
227
|
+
|
|
228
|
+
${autodocsFormatted}
|
|
229
|
+
|
|
230
|
+
${value==="tag"&&"NOTE: it is important you change all CSF files to use the 'autodocs' tag rather than the 'docsPage' tag."}
|
|
231
|
+
|
|
232
|
+
More info: ${import_chalk17.default.yellow("https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#autodocs")}
|
|
233
|
+
`:import_ts_dedent16.dedent`
|
|
221
234
|
We've detected that your main.js configuration file has not configured autodocs. In 6.x we
|
|
222
235
|
we defaulted to having a autodocs for every story, in 7.x you need to opt in per-component.
|
|
223
236
|
However, we can set the \`docs.autodocs\` to true to approximate the old behaviour:
|
|
224
237
|
|
|
225
|
-
${
|
|
238
|
+
${autodocsFormatted}
|
|
226
239
|
|
|
227
240
|
More info: ${import_chalk17.default.yellow("https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#autodocs")}
|
|
228
|
-
`},async run({result:{main},dryRun}){logger13.info("\u2705 Setting 'docs.autodocs' to true in main.js"),dryRun||(main.setFieldValue(["docs","autodocs"]
|
|
241
|
+
`},async run({result:{main,value},dryRun}){logger13.info("\u2705 Setting 'docs.autodocs' to true in main.js"),dryRun||(main.removeField(["docs","docsPage"]),main.setFieldValue(["docs","autodocs"],value??!0),await(0,import_csf_tools7.writeConfig)(main))}};var import_chalk18=__toESM(require("chalk")),import_ts_dedent17=__toESM(require("ts-dedent")),import_semver16=__toESM(require("semver")),import_csf_tools8=require("@storybook/csf-tools"),import_core_common11=require("@storybook/core-common");var logger14=console,fixId="sveltekitFramework",sveltekitFramework={id:fixId,async check({packageManager}){var _a;let packageJson=packageManager.retrievePackageJson();if(!{...packageJson.dependencies,...packageJson.devDependencies}["@sveltejs/kit"])return null;let{mainConfig,version:storybookVersion}=(0,import_core_common11.getStorybookInfo)(packageJson);if(!mainConfig)return logger14.warn("Unable to find storybook main.js config, skipping"),null;let sbVersionCoerced=storybookVersion&&((_a=import_semver16.default.coerce(storybookVersion))==null?void 0:_a.version);if(!sbVersionCoerced)throw new Error(import_ts_dedent17.default`
|
|
229
242
|
❌ Unable to determine storybook version.
|
|
230
243
|
🤔 Are you running automigrate from your project directory?
|
|
231
244
|
`);if(!import_semver16.default.gte(sbVersionCoerced,"7.0.0"))return null;let main=await(0,import_csf_tools8.readConfig)(mainConfig),frameworkConfig=main.getFieldValue(["framework"]);if(!frameworkConfig)return logger14.warn(import_ts_dedent17.default`
|
|
@@ -380,7 +393,7 @@ For more information visit:`,import_chalk22.default.cyan("https://storybook.js.o
|
|
|
380
393
|
|
|
381
394
|
export default {
|
|
382
395
|
plugins: [vue2()]
|
|
383
|
-
};" > 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",
|
|
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`
|
|
384
397
|
🔎 You filtered out all templates. 🔍
|
|
385
398
|
|
|
386
399
|
After filtering all the templates with "${import_chalk25.default.yellow(filterValue)}", we found no results. Please try again with a different filter.
|
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 logger27}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.19","@storybook/addon-actions":"7.0.0-beta.19","@storybook/addon-backgrounds":"7.0.0-beta.19","@storybook/addon-controls":"7.0.0-beta.19","@storybook/addon-docs":"7.0.0-beta.19","@storybook/addon-essentials":"7.0.0-beta.19","@storybook/addon-highlight":"7.0.0-beta.19","@storybook/addon-interactions":"7.0.0-beta.19","@storybook/addon-jest":"7.0.0-beta.19","@storybook/addon-links":"7.0.0-beta.19","@storybook/addon-measure":"7.0.0-beta.19","@storybook/addon-outline":"7.0.0-beta.19","@storybook/addon-storyshots":"7.0.0-beta.19","@storybook/addon-storyshots-puppeteer":"7.0.0-beta.19","@storybook/addon-storysource":"7.0.0-beta.19","@storybook/addon-toolbars":"7.0.0-beta.19","@storybook/addon-viewport":"7.0.0-beta.19","@storybook/addons":"7.0.0-beta.19","@storybook/angular":"7.0.0-beta.19","@storybook/manager-api":"7.0.0-beta.19","@storybook/blocks":"7.0.0-beta.19","@storybook/builder-manager":"7.0.0-beta.19","@storybook/builder-vite":"7.0.0-beta.19","@storybook/builder-webpack5":"7.0.0-beta.19","@storybook/channel-postmessage":"7.0.0-beta.19","@storybook/channel-websocket":"7.0.0-beta.19","@storybook/channels":"7.0.0-beta.19","@storybook/cli":"7.0.0-beta.19","@storybook/client-api":"7.0.0-beta.19","@storybook/client-logger":"7.0.0-beta.19","@storybook/codemod":"7.0.0-beta.19","@storybook/components":"7.0.0-beta.19","@storybook/core-client":"7.0.0-beta.19","@storybook/core-common":"7.0.0-beta.19","@storybook/core-events":"7.0.0-beta.19","@storybook/core-server":"7.0.0-beta.19","@storybook/core-webpack":"7.0.0-beta.19","@storybook/csf-tools":"7.0.0-beta.19","@storybook/docs-tools":"7.0.0-beta.19","@storybook/ember":"7.0.0-beta.19","@storybook/html":"7.0.0-beta.19","@storybook/html-webpack5":"7.0.0-beta.19","@storybook/html-vite":"7.0.0-beta.19","@storybook/instrumenter":"7.0.0-beta.19","@storybook/nextjs":"7.0.0-beta.19","@storybook/node-logger":"7.0.0-beta.19","@storybook/postinstall":"7.0.0-beta.19","@storybook/preact":"7.0.0-beta.19","@storybook/preact-vite":"7.0.0-beta.19","@storybook/preact-webpack5":"7.0.0-beta.19","@storybook/preset-html-webpack":"7.0.0-beta.19","@storybook/preset-preact-webpack":"7.0.0-beta.19","@storybook/preset-react-webpack":"7.0.0-beta.19","@storybook/preset-server-webpack":"7.0.0-beta.19","@storybook/preset-svelte-webpack":"7.0.0-beta.19","@storybook/preset-vue-webpack":"7.0.0-beta.19","@storybook/preset-vue3-webpack":"7.0.0-beta.19","@storybook/preset-web-components-webpack":"7.0.0-beta.19","@storybook/preview":"7.0.0-beta.19","@storybook/preview-api":"7.0.0-beta.19","@storybook/preview-web":"7.0.0-beta.19","@storybook/react":"7.0.0-beta.19","@storybook/react-vite":"7.0.0-beta.19","@storybook/react-webpack5":"7.0.0-beta.19","@storybook/router":"7.0.0-beta.19","@storybook/server":"7.0.0-beta.19","@storybook/server-webpack5":"7.0.0-beta.19","@storybook/source-loader":"7.0.0-beta.19","@storybook/store":"7.0.0-beta.19","@storybook/svelte":"7.0.0-beta.19","@storybook/sveltekit":"7.0.0-beta.19","@storybook/svelte-vite":"7.0.0-beta.19","@storybook/svelte-webpack5":"7.0.0-beta.19","@storybook/telemetry":"7.0.0-beta.19","@storybook/theming":"7.0.0-beta.19","@storybook/manager":"7.0.0-beta.19","@storybook/vue":"7.0.0-beta.19","@storybook/vue-vite":"7.0.0-beta.19","@storybook/vue-webpack5":"7.0.0-beta.19","@storybook/vue3":"7.0.0-beta.19","@storybook/vue3-vite":"7.0.0-beta.19","@storybook/vue3-webpack5":"7.0.0-beta.19","@storybook/web-components":"7.0.0-beta.19","@storybook/web-components-webpack5":"7.0.0-beta.19","@storybook/web-components-vite":"7.0.0-beta.19",sb:"7.0.0-beta.19",storybook:"7.0.0-beta.19"};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 logger27}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.20","@storybook/addon-actions":"7.0.0-beta.20","@storybook/addon-backgrounds":"7.0.0-beta.20","@storybook/addon-controls":"7.0.0-beta.20","@storybook/addon-docs":"7.0.0-beta.20","@storybook/addon-essentials":"7.0.0-beta.20","@storybook/addon-highlight":"7.0.0-beta.20","@storybook/addon-interactions":"7.0.0-beta.20","@storybook/addon-jest":"7.0.0-beta.20","@storybook/addon-links":"7.0.0-beta.20","@storybook/addon-measure":"7.0.0-beta.20","@storybook/addon-outline":"7.0.0-beta.20","@storybook/addon-storyshots":"7.0.0-beta.20","@storybook/addon-storyshots-puppeteer":"7.0.0-beta.20","@storybook/addon-storysource":"7.0.0-beta.20","@storybook/addon-toolbars":"7.0.0-beta.20","@storybook/addon-viewport":"7.0.0-beta.20","@storybook/addons":"7.0.0-beta.20","@storybook/angular":"7.0.0-beta.20","@storybook/manager-api":"7.0.0-beta.20","@storybook/blocks":"7.0.0-beta.20","@storybook/builder-manager":"7.0.0-beta.20","@storybook/builder-vite":"7.0.0-beta.20","@storybook/builder-webpack5":"7.0.0-beta.20","@storybook/channel-postmessage":"7.0.0-beta.20","@storybook/channel-websocket":"7.0.0-beta.20","@storybook/channels":"7.0.0-beta.20","@storybook/cli":"7.0.0-beta.20","@storybook/client-api":"7.0.0-beta.20","@storybook/client-logger":"7.0.0-beta.20","@storybook/codemod":"7.0.0-beta.20","@storybook/components":"7.0.0-beta.20","@storybook/core-client":"7.0.0-beta.20","@storybook/core-common":"7.0.0-beta.20","@storybook/core-events":"7.0.0-beta.20","@storybook/core-server":"7.0.0-beta.20","@storybook/core-webpack":"7.0.0-beta.20","@storybook/csf-tools":"7.0.0-beta.20","@storybook/docs-tools":"7.0.0-beta.20","@storybook/ember":"7.0.0-beta.20","@storybook/html":"7.0.0-beta.20","@storybook/html-webpack5":"7.0.0-beta.20","@storybook/html-vite":"7.0.0-beta.20","@storybook/instrumenter":"7.0.0-beta.20","@storybook/nextjs":"7.0.0-beta.20","@storybook/node-logger":"7.0.0-beta.20","@storybook/postinstall":"7.0.0-beta.20","@storybook/preact":"7.0.0-beta.20","@storybook/preact-vite":"7.0.0-beta.20","@storybook/preact-webpack5":"7.0.0-beta.20","@storybook/preset-html-webpack":"7.0.0-beta.20","@storybook/preset-preact-webpack":"7.0.0-beta.20","@storybook/preset-react-webpack":"7.0.0-beta.20","@storybook/preset-server-webpack":"7.0.0-beta.20","@storybook/preset-svelte-webpack":"7.0.0-beta.20","@storybook/preset-vue-webpack":"7.0.0-beta.20","@storybook/preset-vue3-webpack":"7.0.0-beta.20","@storybook/preset-web-components-webpack":"7.0.0-beta.20","@storybook/preview":"7.0.0-beta.20","@storybook/preview-api":"7.0.0-beta.20","@storybook/preview-web":"7.0.0-beta.20","@storybook/react":"7.0.0-beta.20","@storybook/react-vite":"7.0.0-beta.20","@storybook/react-webpack5":"7.0.0-beta.20","@storybook/router":"7.0.0-beta.20","@storybook/server":"7.0.0-beta.20","@storybook/server-webpack5":"7.0.0-beta.20","@storybook/source-loader":"7.0.0-beta.20","@storybook/store":"7.0.0-beta.20","@storybook/svelte":"7.0.0-beta.20","@storybook/sveltekit":"7.0.0-beta.20","@storybook/svelte-vite":"7.0.0-beta.20","@storybook/svelte-webpack5":"7.0.0-beta.20","@storybook/telemetry":"7.0.0-beta.20","@storybook/theming":"7.0.0-beta.20","@storybook/manager":"7.0.0-beta.20","@storybook/vue":"7.0.0-beta.20","@storybook/vue-vite":"7.0.0-beta.20","@storybook/vue-webpack5":"7.0.0-beta.20","@storybook/vue3":"7.0.0-beta.20","@storybook/vue3-vite":"7.0.0-beta.20","@storybook/vue3-webpack5":"7.0.0-beta.20","@storybook/web-components":"7.0.0-beta.20","@storybook/web-components-webpack5":"7.0.0-beta.20","@storybook/web-components-vite":"7.0.0-beta.20",sb:"7.0.0-beta.20",storybook:"7.0.0-beta.20"};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(`
|
|
@@ -217,15 +217,28 @@ 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=fixMdxScript(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)
|
|
220
|
+
`},async run({result:{storiesMdxFiles},dryRun}){await Promise.all(storiesMdxFiles.map(async fname=>{let contents=await fse5.readFile(fname,"utf-8"),updated=fixMdxScript(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
|
+
We've changed the configuration of autodocs (previous docsPage), so now the value:
|
|
222
|
+
- docs.autodocs: true -- means automatically create docs for every CSF file
|
|
223
|
+
- docs.autodocs: 'tag' -- means only create autodocs for CSF files with the 'autodocs' tag
|
|
224
|
+
- docs.autodocs: false -- means never create autodocs
|
|
225
|
+
|
|
226
|
+
Based on your prior configuration, we can set the \`docs.autodocs\` to keep your old behaviour:
|
|
227
|
+
|
|
228
|
+
${autodocsFormatted}
|
|
229
|
+
|
|
230
|
+
${value==="tag"&&"NOTE: it is important you change all CSF files to use the 'autodocs' tag rather than the 'docsPage' tag."}
|
|
231
|
+
|
|
232
|
+
More info: ${chalk17.yellow("https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#autodocs")}
|
|
233
|
+
`:dedent16`
|
|
221
234
|
We've detected that your main.js configuration file has not configured autodocs. In 6.x we
|
|
222
235
|
we defaulted to having a autodocs for every story, in 7.x you need to opt in per-component.
|
|
223
236
|
However, we can set the \`docs.autodocs\` to true to approximate the old behaviour:
|
|
224
237
|
|
|
225
|
-
${
|
|
238
|
+
${autodocsFormatted}
|
|
226
239
|
|
|
227
240
|
More info: ${chalk17.yellow("https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#autodocs")}
|
|
228
|
-
`},async run({result:{main},dryRun}){logger13.info("\u2705 Setting 'docs.autodocs' to true in main.js"),dryRun||(main.setFieldValue(["docs","autodocs"]
|
|
241
|
+
`},async run({result:{main,value},dryRun}){logger13.info("\u2705 Setting 'docs.autodocs' to true in main.js"),dryRun||(main.removeField(["docs","docsPage"]),main.setFieldValue(["docs","autodocs"],value??!0),await writeConfig7(main))}};import chalk18 from"chalk";import dedent17 from"ts-dedent";import semver13 from"semver";import{readConfig as readConfig8,writeConfig as writeConfig8}from"@storybook/csf-tools";import{getStorybookInfo as getStorybookInfo11}from"@storybook/core-common";var logger14=console,fixId="sveltekitFramework",sveltekitFramework={id:fixId,async check({packageManager}){let packageJson=packageManager.retrievePackageJson();if(!{...packageJson.dependencies,...packageJson.devDependencies}["@sveltejs/kit"])return null;let{mainConfig,version:storybookVersion}=getStorybookInfo11(packageJson);if(!mainConfig)return logger14.warn("Unable to find storybook main.js config, skipping"),null;let sbVersionCoerced=storybookVersion&&semver13.coerce(storybookVersion)?.version;if(!sbVersionCoerced)throw new Error(dedent17`
|
|
229
242
|
❌ Unable to determine storybook version.
|
|
230
243
|
🤔 Are you running automigrate from your project directory?
|
|
231
244
|
`);if(!semver13.gte(sbVersionCoerced,"7.0.0"))return null;let main=await readConfig8(mainConfig),frameworkConfig=main.getFieldValue(["framework"]);if(!frameworkConfig)return logger14.warn(dedent17`
|
|
@@ -380,7 +393,7 @@ For more information visit:`,chalk22.cyan("https://storybook.js.org")),projectTy
|
|
|
380
393
|
|
|
381
394
|
export default {
|
|
382
395
|
plugins: [vue2()]
|
|
383
|
-
};" > 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",
|
|
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`
|
|
384
397
|
🔎 You filtered out all templates. 🔍
|
|
385
398
|
|
|
386
399
|
After filtering all the templates with "${chalk25.yellow(filterValue)}", we found no results. Please try again with a different filter.
|
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.20",
|
|
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.20",
|
|
47
|
+
"@storybook/core-common": "7.0.0-beta.20",
|
|
48
|
+
"@storybook/core-server": "7.0.0-beta.20",
|
|
49
|
+
"@storybook/csf-tools": "7.0.0-beta.20",
|
|
50
|
+
"@storybook/node-logger": "7.0.0-beta.20",
|
|
51
|
+
"@storybook/telemetry": "7.0.0-beta.20",
|
|
52
|
+
"@storybook/types": "7.0.0-beta.20",
|
|
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.20",
|
|
82
82
|
"@types/cross-spawn": "^6.0.2",
|
|
83
83
|
"@types/prompts": "^2.0.9",
|
|
84
84
|
"@types/puppeteer-core": "^2.1.0",
|
|
@@ -101,5 +101,5 @@
|
|
|
101
101
|
],
|
|
102
102
|
"platform": "node"
|
|
103
103
|
},
|
|
104
|
-
"gitHead": "
|
|
104
|
+
"gitHead": "22701aedf564e467511887eb041f32ae0c96bcde"
|
|
105
105
|
}
|