@storybook/cli 7.0.0-alpha.55 → 7.0.0-alpha.56
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 +7 -4
- package/dist/generate.mjs +7 -4
- package/package.json +10 -10
package/dist/generate.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var as=Object.create,Ct=Object.freeze,_e=Object.defineProperty;var is=Object.getOwnPropertyDescriptor;var cs=Object.getOwnPropertyNames;var ps=Object.getPrototypeOf,ls=Object.prototype.hasOwnProperty;var ds=(e,o)=>{for(var t in o)_e(e,t,{get:o[t],enumerable:!0})},ms=(e,o,t,r)=>{if(o&&typeof o=="object"||typeof o=="function")for(let n of cs(o))!ls.call(e,n)&&n!==t&&_e(e,n,{get:()=>o[n],enumerable:!(r=is(o,n))||r.enumerable});return e};var p=(e,o,t)=>(t=e!=null?as(ps(e)):{},ms(o||!e||!e.__esModule?_e(t,"default",{value:e,enumerable:!0}):t,e));var jt=(e,o)=>Ct(_e(e,"raw",{value:Ct(o||e.slice())}));var k=p(require("commander")),qn=p(require("path")),Je=p(require("chalk")),Xn=p(require("envinfo")),zn=p(require("leven")),Zn=require("read-pkg-up"),_=require("@storybook/node-logger");var be=p(require("chalk")),fo=p(require("prompts")),kn=require("@storybook/telemetry"),hn=require("@storybook/core-server");var K=require("semver");function Ve(e,o){return(0,K.validRange)(e)&&(0,K.minVersion)(e).major<o}function us(e,o){return(0,K.validRange)(e)&&(0,K.minVersion)(e).major>o}function Ao(e,o){return(0,K.validRange)(e)&&(0,K.minVersion)(e).major===o}var Tt=["react","react-native","vue","vue3","angular","mithril","riot","ember","marionette","marko","preact","svelte","rax","aurelia"],Me=(b=>(b.UNDETECTED="UNDETECTED",b.UNSUPPORTED="UNSUPPORTED",b.REACT_SCRIPTS="REACT_SCRIPTS",b.REACT="REACT",b.REACT_NATIVE="REACT_NATIVE",b.REACT_PROJECT="REACT_PROJECT",b.WEBPACK_REACT="WEBPACK_REACT",b.NEXTJS="NEXTJS",b.VUE="VUE",b.VUE3="VUE3",b.SFC_VUE="SFC_VUE",b.ANGULAR="ANGULAR",b.EMBER="EMBER",b.ALREADY_HAS_STORYBOOK="ALREADY_HAS_STORYBOOK",b.WEB_COMPONENTS="WEB_COMPONENTS",b.MITHRIL="MITHRIL",b.MARIONETTE="MARIONETTE",b.MARKO="MARKO",b.HTML="HTML",b.RIOT="RIOT",b.PREACT="PREACT",b.SVELTE="SVELTE",b.RAX="RAX",b.AURELIA="AURELIA",b.SERVER="SERVER",b))(Me||{});var Dt=[{preset:"SFC_VUE",dependencies:{"vue-loader":e=>Ve(e,16),vuetify:e=>Ve(e,3)},matcherFunction:({dependencies:e})=>e.some(Boolean)},{preset:"VUE",dependencies:{vue:e=>Ve(e,3),nuxt:e=>Ve(e,3)},matcherFunction:({dependencies:e})=>e.some(Boolean)},{preset:"VUE3",dependencies:{vue:e=>e==="next"||Ao(e,3)},matcherFunction:({dependencies:e})=>e.some(Boolean)},{preset:"EMBER",dependencies:["ember-cli"],matcherFunction:({dependencies:e})=>e.every(Boolean)},{preset:"NEXTJS",dependencies:{next:e=>Ao(e,9)||us(e,9)},matcherFunction:({dependencies:e})=>e.every(Boolean)},{preset:"REACT_PROJECT",peerDependencies:["react"],matcherFunction:({peerDependencies:e})=>e.every(Boolean)},{preset:"REACT_NATIVE",dependencies:["react-native","react-native-scripts"],matcherFunction:({dependencies:e})=>e.some(Boolean)},{preset:"REACT_SCRIPTS",files:["/node_modules/.bin/react-scripts"],dependencies:["react-scripts"],matcherFunction:({dependencies:e,files:o})=>e.every(Boolean)||o.every(Boolean)},{preset:"WEBPACK_REACT",dependencies:["react","webpack"],matcherFunction:({dependencies:e})=>e.every(Boolean)},{preset:"REACT",dependencies:["react"],matcherFunction:({dependencies:e})=>e.every(Boolean)},{preset:"ANGULAR",dependencies:["@angular/core"],matcherFunction:({dependencies:e})=>e.every(Boolean)},{preset:"WEB_COMPONENTS",dependencies:["lit-element","lit-html","lit"],matcherFunction:({dependencies:e})=>e.some(Boolean)},{preset:"MITHRIL",dependencies:["mithril"],matcherFunction:({dependencies:e})=>e.every(Boolean)},{preset:"MARIONETTE",dependencies:["backbone.marionette"],matcherFunction:({dependencies:e})=>e.every(Boolean)},{preset:"MARKO",dependencies:["marko"],matcherFunction:({dependencies:e})=>e.every(Boolean)},{preset:"RIOT",dependencies:["riot"],matcherFunction:({dependencies:e})=>e.every(Boolean)},{preset:"PREACT",dependencies:["preact"],matcherFunction:({dependencies:e})=>e.every(Boolean)},{preset:"SVELTE",dependencies:["svelte"],matcherFunction:({dependencies:e})=>e.every(Boolean)},{preset:"RAX",dependencies:["rax"],matcherFunction:({dependencies:e})=>e.every(Boolean)},{preset:"AURELIA",dependencies:["aurelia-bootstrapper"],matcherFunction:({dependencies:e})=>e.every(Boolean)}],Rt={preset:"UNSUPPORTED",dependencies:{nuxt:e=>Ao(e,3)},matcherFunction:({dependencies:e})=>e.some(Boolean)},gs=["UNDETECTED","UNSUPPORTED","ALREADY_HAS_STORYBOOK"],Ge=Object.values(Me).filter(e=>!gs.includes(e)).map(e=>e.toLowerCase());var Nt=p(require("path")),_t=p(require("fs")),Vt=p(require("find-up")),M=p(require("semver"));var C=p(require("path")),q=p(require("fs")),F=p(require("fs-extra")),H=p(require("chalk")),Ot=require("semver"),Ft=p(require("strip-json-comments"));var Eo=require("path");function O(){return(0,Eo.dirname)(require.resolve("@storybook/cli/package.json"))}function At(e){return(0,Eo.dirname)(require.resolve(`@storybook/${e}/package.json`,{paths:[process.cwd()]}))}var R={"@storybook/addon-a11y":"7.0.0-alpha.
|
|
1
|
+
var as=Object.create,Ct=Object.freeze,_e=Object.defineProperty;var is=Object.getOwnPropertyDescriptor;var cs=Object.getOwnPropertyNames;var ps=Object.getPrototypeOf,ls=Object.prototype.hasOwnProperty;var ds=(e,o)=>{for(var t in o)_e(e,t,{get:o[t],enumerable:!0})},ms=(e,o,t,r)=>{if(o&&typeof o=="object"||typeof o=="function")for(let n of cs(o))!ls.call(e,n)&&n!==t&&_e(e,n,{get:()=>o[n],enumerable:!(r=is(o,n))||r.enumerable});return e};var p=(e,o,t)=>(t=e!=null?as(ps(e)):{},ms(o||!e||!e.__esModule?_e(t,"default",{value:e,enumerable:!0}):t,e));var jt=(e,o)=>Ct(_e(e,"raw",{value:Ct(o||e.slice())}));var k=p(require("commander")),qn=p(require("path")),Je=p(require("chalk")),Xn=p(require("envinfo")),zn=p(require("leven")),Zn=require("read-pkg-up"),_=require("@storybook/node-logger");var be=p(require("chalk")),fo=p(require("prompts")),kn=require("@storybook/telemetry"),hn=require("@storybook/core-server");var K=require("semver");function Ve(e,o){return(0,K.validRange)(e)&&(0,K.minVersion)(e).major<o}function us(e,o){return(0,K.validRange)(e)&&(0,K.minVersion)(e).major>o}function Ao(e,o){return(0,K.validRange)(e)&&(0,K.minVersion)(e).major===o}var Tt=["react","react-native","vue","vue3","angular","mithril","riot","ember","marionette","marko","preact","svelte","rax","aurelia"],Me=(b=>(b.UNDETECTED="UNDETECTED",b.UNSUPPORTED="UNSUPPORTED",b.REACT_SCRIPTS="REACT_SCRIPTS",b.REACT="REACT",b.REACT_NATIVE="REACT_NATIVE",b.REACT_PROJECT="REACT_PROJECT",b.WEBPACK_REACT="WEBPACK_REACT",b.NEXTJS="NEXTJS",b.VUE="VUE",b.VUE3="VUE3",b.SFC_VUE="SFC_VUE",b.ANGULAR="ANGULAR",b.EMBER="EMBER",b.ALREADY_HAS_STORYBOOK="ALREADY_HAS_STORYBOOK",b.WEB_COMPONENTS="WEB_COMPONENTS",b.MITHRIL="MITHRIL",b.MARIONETTE="MARIONETTE",b.MARKO="MARKO",b.HTML="HTML",b.RIOT="RIOT",b.PREACT="PREACT",b.SVELTE="SVELTE",b.RAX="RAX",b.AURELIA="AURELIA",b.SERVER="SERVER",b))(Me||{});var Dt=[{preset:"SFC_VUE",dependencies:{"vue-loader":e=>Ve(e,16),vuetify:e=>Ve(e,3)},matcherFunction:({dependencies:e})=>e.some(Boolean)},{preset:"VUE",dependencies:{vue:e=>Ve(e,3),nuxt:e=>Ve(e,3)},matcherFunction:({dependencies:e})=>e.some(Boolean)},{preset:"VUE3",dependencies:{vue:e=>e==="next"||Ao(e,3)},matcherFunction:({dependencies:e})=>e.some(Boolean)},{preset:"EMBER",dependencies:["ember-cli"],matcherFunction:({dependencies:e})=>e.every(Boolean)},{preset:"NEXTJS",dependencies:{next:e=>Ao(e,9)||us(e,9)},matcherFunction:({dependencies:e})=>e.every(Boolean)},{preset:"REACT_PROJECT",peerDependencies:["react"],matcherFunction:({peerDependencies:e})=>e.every(Boolean)},{preset:"REACT_NATIVE",dependencies:["react-native","react-native-scripts"],matcherFunction:({dependencies:e})=>e.some(Boolean)},{preset:"REACT_SCRIPTS",files:["/node_modules/.bin/react-scripts"],dependencies:["react-scripts"],matcherFunction:({dependencies:e,files:o})=>e.every(Boolean)||o.every(Boolean)},{preset:"WEBPACK_REACT",dependencies:["react","webpack"],matcherFunction:({dependencies:e})=>e.every(Boolean)},{preset:"REACT",dependencies:["react"],matcherFunction:({dependencies:e})=>e.every(Boolean)},{preset:"ANGULAR",dependencies:["@angular/core"],matcherFunction:({dependencies:e})=>e.every(Boolean)},{preset:"WEB_COMPONENTS",dependencies:["lit-element","lit-html","lit"],matcherFunction:({dependencies:e})=>e.some(Boolean)},{preset:"MITHRIL",dependencies:["mithril"],matcherFunction:({dependencies:e})=>e.every(Boolean)},{preset:"MARIONETTE",dependencies:["backbone.marionette"],matcherFunction:({dependencies:e})=>e.every(Boolean)},{preset:"MARKO",dependencies:["marko"],matcherFunction:({dependencies:e})=>e.every(Boolean)},{preset:"RIOT",dependencies:["riot"],matcherFunction:({dependencies:e})=>e.every(Boolean)},{preset:"PREACT",dependencies:["preact"],matcherFunction:({dependencies:e})=>e.every(Boolean)},{preset:"SVELTE",dependencies:["svelte"],matcherFunction:({dependencies:e})=>e.every(Boolean)},{preset:"RAX",dependencies:["rax"],matcherFunction:({dependencies:e})=>e.every(Boolean)},{preset:"AURELIA",dependencies:["aurelia-bootstrapper"],matcherFunction:({dependencies:e})=>e.every(Boolean)}],Rt={preset:"UNSUPPORTED",dependencies:{nuxt:e=>Ao(e,3)},matcherFunction:({dependencies:e})=>e.some(Boolean)},gs=["UNDETECTED","UNSUPPORTED","ALREADY_HAS_STORYBOOK"],Ge=Object.values(Me).filter(e=>!gs.includes(e)).map(e=>e.toLowerCase());var Nt=p(require("path")),_t=p(require("fs")),Vt=p(require("find-up")),M=p(require("semver"));var C=p(require("path")),q=p(require("fs")),F=p(require("fs-extra")),H=p(require("chalk")),Ot=require("semver"),Ft=p(require("strip-json-comments"));var Eo=require("path");function O(){return(0,Eo.dirname)(require.resolve("@storybook/cli/package.json"))}function At(e){return(0,Eo.dirname)(require.resolve(`@storybook/${e}/package.json`,{paths:[process.cwd()]}))}var R={"@storybook/addon-a11y":"7.0.0-alpha.56","@storybook/addon-actions":"7.0.0-alpha.56","@storybook/addon-backgrounds":"7.0.0-alpha.56","@storybook/addon-controls":"7.0.0-alpha.56","@storybook/addon-docs":"7.0.0-alpha.56","@storybook/addon-essentials":"7.0.0-alpha.56","@storybook/addon-highlight":"7.0.0-alpha.56","@storybook/addon-interactions":"7.0.0-alpha.56","@storybook/addon-jest":"7.0.0-alpha.56","@storybook/addon-links":"7.0.0-alpha.56","@storybook/addon-measure":"7.0.0-alpha.56","@storybook/addon-outline":"7.0.0-alpha.56","@storybook/addon-storyshots":"7.0.0-alpha.56","@storybook/addon-storyshots-puppeteer":"7.0.0-alpha.56","@storybook/addon-storysource":"7.0.0-alpha.56","@storybook/addon-toolbars":"7.0.0-alpha.56","@storybook/addon-viewport":"7.0.0-alpha.56","@storybook/addons":"7.0.0-alpha.56","@storybook/angular":"7.0.0-alpha.56","@storybook/manager-api":"7.0.0-alpha.56","@storybook/blocks":"7.0.0-alpha.56","@storybook/builder-manager":"7.0.0-alpha.56","@storybook/builder-vite":"7.0.0-alpha.56","@storybook/builder-webpack5":"7.0.0-alpha.56","@storybook/channel-postmessage":"7.0.0-alpha.56","@storybook/channel-websocket":"7.0.0-alpha.56","@storybook/channels":"7.0.0-alpha.56","@storybook/cli":"7.0.0-alpha.56","@storybook/client-api":"7.0.0-alpha.56","@storybook/client-logger":"7.0.0-alpha.56","@storybook/codemod":"7.0.0-alpha.56","@storybook/components":"7.0.0-alpha.56","@storybook/core-client":"7.0.0-alpha.56","@storybook/core-common":"7.0.0-alpha.56","@storybook/core-events":"7.0.0-alpha.56","@storybook/core-server":"7.0.0-alpha.56","@storybook/core-webpack":"7.0.0-alpha.56","@storybook/csf-tools":"7.0.0-alpha.56","@storybook/docs-tools":"7.0.0-alpha.56","@storybook/ember":"7.0.0-alpha.56","@storybook/html":"7.0.0-alpha.56","@storybook/html-webpack5":"7.0.0-alpha.56","@storybook/instrumenter":"7.0.0-alpha.56","@storybook/nextjs":"7.0.0-alpha.56","@storybook/node-logger":"7.0.0-alpha.56","@storybook/postinstall":"7.0.0-alpha.56","@storybook/preact":"7.0.0-alpha.56","@storybook/preact-webpack5":"7.0.0-alpha.56","@storybook/preset-html-webpack":"7.0.0-alpha.56","@storybook/preset-preact-webpack":"7.0.0-alpha.56","@storybook/preset-react-webpack":"7.0.0-alpha.56","@storybook/preset-server-webpack":"7.0.0-alpha.56","@storybook/preset-svelte-webpack":"7.0.0-alpha.56","@storybook/preset-vue-webpack":"7.0.0-alpha.56","@storybook/preset-vue3-webpack":"7.0.0-alpha.56","@storybook/preset-web-components-webpack":"7.0.0-alpha.56","@storybook/preview":"7.0.0-alpha.56","@storybook/preview-api":"7.0.0-alpha.56","@storybook/preview-web":"7.0.0-alpha.56","@storybook/react":"7.0.0-alpha.56","@storybook/react-vite":"7.0.0-alpha.56","@storybook/react-webpack5":"7.0.0-alpha.56","@storybook/router":"7.0.0-alpha.56","@storybook/server":"7.0.0-alpha.56","@storybook/server-webpack5":"7.0.0-alpha.56","@storybook/source-loader":"7.0.0-alpha.56","@storybook/store":"7.0.0-alpha.56","@storybook/svelte":"7.0.0-alpha.56","@storybook/svelte-vite":"7.0.0-alpha.56","@storybook/svelte-webpack5":"7.0.0-alpha.56","@storybook/telemetry":"7.0.0-alpha.56","@storybook/theming":"7.0.0-alpha.56","@storybook/manager":"7.0.0-alpha.56","@storybook/vue":"7.0.0-alpha.56","@storybook/vue-vite":"7.0.0-alpha.56","@storybook/vue-webpack5":"7.0.0-alpha.56","@storybook/vue3":"7.0.0-alpha.56","@storybook/vue3-vite":"7.0.0-alpha.56","@storybook/vue3-webpack5":"7.0.0-alpha.56","@storybook/web-components":"7.0.0-alpha.56","@storybook/web-components-webpack5":"7.0.0-alpha.56","@storybook/web-components-vite":"7.0.0-alpha.56",sb:"7.0.0-alpha.56",storybook:"7.0.0-alpha.56"};var ve=console;function $t(){let e=C.default.resolve("bower.json");if(!q.default.existsSync(e))return!1;let o=q.default.readFileSync(e,"utf8");return JSON.parse(o)}function oe(e,o){let t=C.default.resolve(e);if(!q.default.existsSync(t))return!1;let r=q.default.readFileSync(t,"utf8"),n=o?(0,Ft.default)(r):r;try{return JSON.parse(n)}catch(s){throw ve.error(H.default.red(`Invalid json in file: ${t}`)),s}}var le=(e,o)=>{let t=C.default.resolve(e);return q.default.existsSync(t)?(q.default.writeFileSync(t,`${JSON.stringify(o,null,2)}
|
|
2
2
|
`),!0):!1},f=e=>(process.stdout.write(H.default.cyan(" \u2022 ")+e),(o,t)=>{if(o){if(process.stdout.write(`. ${H.default.red("\u2716")}
|
|
3
3
|
`),ve.error(`
|
|
4
4
|
${H.default.red(o)}`),!t)return;let r=t.split(`
|
|
@@ -162,7 +162,9 @@ Add a project and re-run the installation`)}async function qt(){return await(0,W
|
|
|
162
162
|
To learn more about migrating from Webpack4, see: ${Z.default.yellow("https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#webpack4-support-discontinued")}
|
|
163
163
|
`},async run({result:{dependenciesToAdd:e,dependenciesToRemove:o,main:t,frameworkPackage:r,frameworkOptions:n,builderInfo:s,packageJson:a},packageManager:c,dryRun:i}){if(fe.info(`\u2705 Removing legacy dependencies: ${o.join(", ")}`),i||c.removeDependencies({skipInstall:e.length>0,packageJson:a},o),e.length>0&&(fe.info(`\u2705 Installing new dependencies: ${e.join(", ")}`),!i)){let l=Ue(a),d=e.map(m=>`${m}@${l}`);c.addDependencies({installAsDevDependencies:!0},d)}if(!i){fe.info("\u2705 Updating framework field in main.js");let l=t.getFieldValue(["core"]);t.setFieldValue(["framework","name"],r),t.setFieldValue(["framework","options"],n),l!=null&&l.builder&&delete l.builder,Object.keys(s.options).length>0&&t.setFieldValue(["framework","options","builder"],s.options),l&&(Object.keys(l).length===0?t.setFieldValue(["core"],{}):t.setFieldValue(["core"],l)),await(0,mo.writeConfig)(t)}}};var Oe=p(require("chalk")),tn=p(require("ts-dedent")),rn=require("@storybook/core-common"),nn=require("fs-extra"),sn=(a=>(a.addDecorator="addDecorator",a.addParameters="addParameters",a.addLoader="addLoader",a.getStorybook="getStorybook",a.setAddon="setAddon",a.clearDecorators="clearDecorators",a))(sn||{}),an={id:"removedglobalclientapis",async check({packageManager:e}){let o=e.retrievePackageJson(),{previewConfig:t}=(0,rn.getStorybookInfo)(o);if(t){let r=await(0,nn.readFile)(t,"utf8"),n=Object.values(sn).reduce((s,a)=>(r.includes(a)&&s.push(a),s),[]);if(n.length)return{usedAPIs:n,previewPath:t}}return null},prompt({usedAPIs:e,previewPath:o}){return tn.default`
|
|
164
164
|
The following APIs (used in "${Oe.default.yellow(o)}") have been removed from Storybook:
|
|
165
|
-
|
|
165
|
+
|
|
166
|
+
${e.map(t=>`- ${Oe.default.cyan(t)}`).join(`
|
|
167
|
+
`)}
|
|
166
168
|
|
|
167
169
|
You'll need to update "${Oe.default.yellow(o)}" manually.
|
|
168
170
|
|
|
@@ -186,7 +188,7 @@ Add a project and re-run the installation`)}async function qt(){return await(0,W
|
|
|
186
188
|
${e}
|
|
187
189
|
|
|
188
190
|
More info: ${tt.default.yellow("https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#docs-page")}
|
|
189
|
-
`},async run({result:{main:e},dryRun:o}){mn.info("\u2705 Setting 'docs.docsPage' to 'automatic' in main.js"),o||(e.setFieldValue(["
|
|
191
|
+
`},async run({result:{main:e},dryRun:o}){mn.info("\u2705 Setting 'docs.docsPage' to 'automatic' in main.js"),o||(e.setFieldValue(["docs","docsPage"],"automatic"),await(0,uo.writeConfig)(e))}};var go=[Fr,A,Jr,Nr,Vr,Ur,Kr,qr,Zr,on,an,dn,fn];var x=console,ye=async({fixId:e,dryRun:o,yes:t,useNpm:r,force:n}={})=>{let s=J.getPackageManager({useNpm:r,force:n}),a=e?go.filter(c=>c.id===e):go;x.info("\u{1F50E} checking possible migrations..");for(let c=0;c<a.length;c+=1){let i=go[c],l;try{l=await i.check({packageManager:s})}catch{x.info(`failed to check fix: ${i.id}`)}if(l){x.info(`\u{1F50E} found a '${se.default.cyan(i.id)}' migration:`),x.info();let d=i.prompt(l);x.info((0,bn.default)(d,{borderStyle:"round",padding:1,borderColor:"#F1618C"}));let m;if(o?m={fix:!1}:t?m={fix:!0}:m=await(0,yn.default)({type:"confirm",name:"fix",message:`Do you want to run the '${se.default.cyan(i.id)}' migration on your project?`}),m.fix)try{await i.run({result:l,packageManager:s,dryRun:o}),x.info(`\u2705 ran ${se.default.cyan(i.id)} migration`)}catch(y){x.info(`\u274C error when running ${se.default.cyan(i.id)} migration:`),x.info(y),x.info()}else x.info(`Skipping the ${se.default.cyan(i.id)} migration.`),x.info(),x.info(`If you change your mind, run '${se.default.cyan("npx storybook@next automigrate")}'`)}}x.info(),x.info("\u2705 migration check successfully ran"),x.info()};var v=console,wn=(e,o,t)=>{let r={installAsDevDependencies:!0,skipInstall:t.skipInstall},n;try{n=o.readPackageJson()}catch{}let a={language:Gt(n),builder:t.builder||Mt(o),linkable:!!t.linkable,commonJs:t.commonJs,pnp:t.usePnp};return(async()=>{switch(e){case"ALREADY_HAS_STORYBOOK":return v.log(),j("There seems to be a Storybook already available in this project."),j(`Apply following command to force:
|
|
190
192
|
`),Be(["sb init [options] -f"]),v.log(),Promise.resolve();case"REACT_SCRIPTS":return gr(o,r,a).then(f('Adding Storybook support to your "Create React App" based project'));case"REACT":return _o(o,r,a).then(f(`Adding Storybook support to your "React" app
|
|
191
193
|
`));case"REACT_NATIVE":return(t.yes?Promise.resolve({server:!0}):(0,fo.default)([{type:"confirm",name:"server",message:"Do you want to install dependencies necessary to run Storybook server? You can manually do it later by install @storybook/react-native-server",initial:!1}])).then(({server:i})=>mr(o,r,i)).then(f(`Adding Storybook support to your "React Native" app
|
|
192
194
|
`));case"WEBPACK_REACT":return hr(o,r,a).then(f(`Adding Storybook support to your "Webpack React" app
|
|
@@ -269,7 +271,8 @@ export default {
|
|
|
269
271
|
2. select a location for the reproduction, outside of your project.
|
|
270
272
|
|
|
271
273
|
After the reproduction is ready, we'll guide you through the next steps.
|
|
272
|
-
`.trim(),{borderStyle:"round",padding:1,borderColor:"#F1618C"})),a=await ci(s)),!!!(a??null)){W.error("Somehow we got no templates. Please rerun this command!");return}let i=$e[a];if(!i)throw new Error("\u{1F6A8} Repro: please specify a valid template type");let l=e,d=e||a;if(l&&(0,kt.existsSync)(`${l}`)&&W.info(`\u26A0\uFE0F ${l} already exists! Overwriting...`),!l){let{directory:m}=await(0,ht.default)({type:"text",message:"Enter the output directory",name:"directory",initial:d,validate:async y=>(0,kt.existsSync)(y)?`${y} already exists. Please choose another name.`:!0});l=m}try{let m=bt.default.isAbsolute(l)?l:bt.default.join(process.cwd(),l);W.info(`\u{1F3C3} Adding ${i.name} into ${m}`),W.log("\u{1F4E6} Downloading repro template...");try{await(0,_n.downloadTemplate)(`github:storybookjs/repro-templates-temp/${a}/${r?"after-storybook":"before-storybook"}#${t}`,{force:!0,dir:m})}catch(u){throw W.error(`\u{1F6A8} Failed to download repro template: ${u.message}`),u}let y=r?Y.default.yellow(
|
|
274
|
+
`.trim(),{borderStyle:"round",padding:1,borderColor:"#F1618C"})),a=await ci(s)),!!!(a??null)){W.error("Somehow we got no templates. Please rerun this command!");return}let i=$e[a];if(!i)throw new Error("\u{1F6A8} Repro: please specify a valid template type");let l=e,d=e||a;if(l&&(0,kt.existsSync)(`${l}`)&&W.info(`\u26A0\uFE0F ${l} already exists! Overwriting...`),!l){let{directory:m}=await(0,ht.default)({type:"text",message:"Enter the output directory",name:"directory",initial:d,validate:async y=>(0,kt.existsSync)(y)?`${y} already exists. Please choose another name.`:!0});l=m}try{let m=bt.default.isAbsolute(l)?l:bt.default.join(process.cwd(),l);W.info(`\u{1F3C3} Adding ${i.name} into ${m}`),W.log("\u{1F4E6} Downloading repro template...");try{await(0,_n.downloadTemplate)(`github:storybookjs/repro-templates-temp/${a}/${r?"after-storybook":"before-storybook"}#${t}`,{force:!0,dir:m})}catch(u){throw W.error(`\u{1F6A8} Failed to download repro template: ${u.message}`),u}let y=r?Y.default.yellow(`yarn install
|
|
275
|
+
yarn storybook`):`Recreate your setup, then ${Y.default.yellow("run npx storybook init")}`;W.info((0,xo.default)(Po.dedent`
|
|
273
276
|
🎉 Your Storybook reproduction project is ready to use! 🎉
|
|
274
277
|
|
|
275
278
|
${Y.default.yellow(`cd ${l}`)}
|
package/dist/generate.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var __freeze=Object.freeze,__defProp=Object.defineProperty;var __require=(x=>typeof require!="undefined"?require:typeof Proxy!="undefined"?new Proxy(x,{get:(a,b)=>(typeof require!="undefined"?require:a)[b]}):x)(function(x){if(typeof require!="undefined")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})};var __template=(cooked,raw)=>__freeze(__defProp(cooked,"raw",{value:__freeze(raw||cooked.slice())}));import program from"commander";import path15 from"path";import chalk22 from"chalk";import envinfo from"envinfo";import leven from"leven";import{sync as readUpSync3}from"read-pkg-up";import{logger as logger23}from"@storybook/node-logger";import chalk18 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.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:"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-alpha.55","@storybook/addon-actions":"7.0.0-alpha.55","@storybook/addon-backgrounds":"7.0.0-alpha.55","@storybook/addon-controls":"7.0.0-alpha.55","@storybook/addon-docs":"7.0.0-alpha.55","@storybook/addon-essentials":"7.0.0-alpha.55","@storybook/addon-highlight":"7.0.0-alpha.55","@storybook/addon-interactions":"7.0.0-alpha.55","@storybook/addon-jest":"7.0.0-alpha.55","@storybook/addon-links":"7.0.0-alpha.55","@storybook/addon-measure":"7.0.0-alpha.55","@storybook/addon-outline":"7.0.0-alpha.55","@storybook/addon-storyshots":"7.0.0-alpha.55","@storybook/addon-storyshots-puppeteer":"7.0.0-alpha.55","@storybook/addon-storysource":"7.0.0-alpha.55","@storybook/addon-toolbars":"7.0.0-alpha.55","@storybook/addon-viewport":"7.0.0-alpha.55","@storybook/addons":"7.0.0-alpha.55","@storybook/angular":"7.0.0-alpha.55","@storybook/manager-api":"7.0.0-alpha.55","@storybook/blocks":"7.0.0-alpha.55","@storybook/builder-manager":"7.0.0-alpha.55","@storybook/builder-vite":"7.0.0-alpha.55","@storybook/builder-webpack5":"7.0.0-alpha.55","@storybook/channel-postmessage":"7.0.0-alpha.55","@storybook/channel-websocket":"7.0.0-alpha.55","@storybook/channels":"7.0.0-alpha.55","@storybook/cli":"7.0.0-alpha.55","@storybook/client-api":"7.0.0-alpha.55","@storybook/client-logger":"7.0.0-alpha.55","@storybook/codemod":"7.0.0-alpha.55","@storybook/components":"7.0.0-alpha.55","@storybook/core-client":"7.0.0-alpha.55","@storybook/core-common":"7.0.0-alpha.55","@storybook/core-events":"7.0.0-alpha.55","@storybook/core-server":"7.0.0-alpha.55","@storybook/core-webpack":"7.0.0-alpha.55","@storybook/csf-tools":"7.0.0-alpha.55","@storybook/docs-tools":"7.0.0-alpha.55","@storybook/ember":"7.0.0-alpha.55","@storybook/html":"7.0.0-alpha.55","@storybook/html-webpack5":"7.0.0-alpha.55","@storybook/instrumenter":"7.0.0-alpha.55","@storybook/nextjs":"7.0.0-alpha.55","@storybook/node-logger":"7.0.0-alpha.55","@storybook/postinstall":"7.0.0-alpha.55","@storybook/preact":"7.0.0-alpha.55","@storybook/preact-webpack5":"7.0.0-alpha.55","@storybook/preset-html-webpack":"7.0.0-alpha.55","@storybook/preset-preact-webpack":"7.0.0-alpha.55","@storybook/preset-react-webpack":"7.0.0-alpha.55","@storybook/preset-server-webpack":"7.0.0-alpha.55","@storybook/preset-svelte-webpack":"7.0.0-alpha.55","@storybook/preset-vue-webpack":"7.0.0-alpha.55","@storybook/preset-vue3-webpack":"7.0.0-alpha.55","@storybook/preset-web-components-webpack":"7.0.0-alpha.55","@storybook/preview":"7.0.0-alpha.55","@storybook/preview-api":"7.0.0-alpha.55","@storybook/preview-web":"7.0.0-alpha.55","@storybook/react":"7.0.0-alpha.55","@storybook/react-vite":"7.0.0-alpha.55","@storybook/react-webpack5":"7.0.0-alpha.55","@storybook/router":"7.0.0-alpha.55","@storybook/server":"7.0.0-alpha.55","@storybook/server-webpack5":"7.0.0-alpha.55","@storybook/source-loader":"7.0.0-alpha.55","@storybook/store":"7.0.0-alpha.55","@storybook/svelte":"7.0.0-alpha.55","@storybook/svelte-vite":"7.0.0-alpha.55","@storybook/svelte-webpack5":"7.0.0-alpha.55","@storybook/telemetry":"7.0.0-alpha.55","@storybook/theming":"7.0.0-alpha.55","@storybook/manager":"7.0.0-alpha.55","@storybook/vue":"7.0.0-alpha.55","@storybook/vue-vite":"7.0.0-alpha.55","@storybook/vue-webpack5":"7.0.0-alpha.55","@storybook/vue3":"7.0.0-alpha.55","@storybook/vue3-vite":"7.0.0-alpha.55","@storybook/vue3-webpack5":"7.0.0-alpha.55","@storybook/web-components":"7.0.0-alpha.55","@storybook/web-components-webpack5":"7.0.0-alpha.55","@storybook/web-components-vite":"7.0.0-alpha.55",sb:"7.0.0-alpha.55",storybook:"7.0.0-alpha.55"};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 __freeze=Object.freeze,__defProp=Object.defineProperty;var __require=(x=>typeof require!="undefined"?require:typeof Proxy!="undefined"?new Proxy(x,{get:(a,b)=>(typeof require!="undefined"?require:a)[b]}):x)(function(x){if(typeof require!="undefined")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})};var __template=(cooked,raw)=>__freeze(__defProp(cooked,"raw",{value:__freeze(raw||cooked.slice())}));import program from"commander";import path15 from"path";import chalk22 from"chalk";import envinfo from"envinfo";import leven from"leven";import{sync as readUpSync3}from"read-pkg-up";import{logger as logger23}from"@storybook/node-logger";import chalk18 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.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:"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-alpha.56","@storybook/addon-actions":"7.0.0-alpha.56","@storybook/addon-backgrounds":"7.0.0-alpha.56","@storybook/addon-controls":"7.0.0-alpha.56","@storybook/addon-docs":"7.0.0-alpha.56","@storybook/addon-essentials":"7.0.0-alpha.56","@storybook/addon-highlight":"7.0.0-alpha.56","@storybook/addon-interactions":"7.0.0-alpha.56","@storybook/addon-jest":"7.0.0-alpha.56","@storybook/addon-links":"7.0.0-alpha.56","@storybook/addon-measure":"7.0.0-alpha.56","@storybook/addon-outline":"7.0.0-alpha.56","@storybook/addon-storyshots":"7.0.0-alpha.56","@storybook/addon-storyshots-puppeteer":"7.0.0-alpha.56","@storybook/addon-storysource":"7.0.0-alpha.56","@storybook/addon-toolbars":"7.0.0-alpha.56","@storybook/addon-viewport":"7.0.0-alpha.56","@storybook/addons":"7.0.0-alpha.56","@storybook/angular":"7.0.0-alpha.56","@storybook/manager-api":"7.0.0-alpha.56","@storybook/blocks":"7.0.0-alpha.56","@storybook/builder-manager":"7.0.0-alpha.56","@storybook/builder-vite":"7.0.0-alpha.56","@storybook/builder-webpack5":"7.0.0-alpha.56","@storybook/channel-postmessage":"7.0.0-alpha.56","@storybook/channel-websocket":"7.0.0-alpha.56","@storybook/channels":"7.0.0-alpha.56","@storybook/cli":"7.0.0-alpha.56","@storybook/client-api":"7.0.0-alpha.56","@storybook/client-logger":"7.0.0-alpha.56","@storybook/codemod":"7.0.0-alpha.56","@storybook/components":"7.0.0-alpha.56","@storybook/core-client":"7.0.0-alpha.56","@storybook/core-common":"7.0.0-alpha.56","@storybook/core-events":"7.0.0-alpha.56","@storybook/core-server":"7.0.0-alpha.56","@storybook/core-webpack":"7.0.0-alpha.56","@storybook/csf-tools":"7.0.0-alpha.56","@storybook/docs-tools":"7.0.0-alpha.56","@storybook/ember":"7.0.0-alpha.56","@storybook/html":"7.0.0-alpha.56","@storybook/html-webpack5":"7.0.0-alpha.56","@storybook/instrumenter":"7.0.0-alpha.56","@storybook/nextjs":"7.0.0-alpha.56","@storybook/node-logger":"7.0.0-alpha.56","@storybook/postinstall":"7.0.0-alpha.56","@storybook/preact":"7.0.0-alpha.56","@storybook/preact-webpack5":"7.0.0-alpha.56","@storybook/preset-html-webpack":"7.0.0-alpha.56","@storybook/preset-preact-webpack":"7.0.0-alpha.56","@storybook/preset-react-webpack":"7.0.0-alpha.56","@storybook/preset-server-webpack":"7.0.0-alpha.56","@storybook/preset-svelte-webpack":"7.0.0-alpha.56","@storybook/preset-vue-webpack":"7.0.0-alpha.56","@storybook/preset-vue3-webpack":"7.0.0-alpha.56","@storybook/preset-web-components-webpack":"7.0.0-alpha.56","@storybook/preview":"7.0.0-alpha.56","@storybook/preview-api":"7.0.0-alpha.56","@storybook/preview-web":"7.0.0-alpha.56","@storybook/react":"7.0.0-alpha.56","@storybook/react-vite":"7.0.0-alpha.56","@storybook/react-webpack5":"7.0.0-alpha.56","@storybook/router":"7.0.0-alpha.56","@storybook/server":"7.0.0-alpha.56","@storybook/server-webpack5":"7.0.0-alpha.56","@storybook/source-loader":"7.0.0-alpha.56","@storybook/store":"7.0.0-alpha.56","@storybook/svelte":"7.0.0-alpha.56","@storybook/svelte-vite":"7.0.0-alpha.56","@storybook/svelte-webpack5":"7.0.0-alpha.56","@storybook/telemetry":"7.0.0-alpha.56","@storybook/theming":"7.0.0-alpha.56","@storybook/manager":"7.0.0-alpha.56","@storybook/vue":"7.0.0-alpha.56","@storybook/vue-vite":"7.0.0-alpha.56","@storybook/vue-webpack5":"7.0.0-alpha.56","@storybook/vue3":"7.0.0-alpha.56","@storybook/vue3-vite":"7.0.0-alpha.56","@storybook/vue3-webpack5":"7.0.0-alpha.56","@storybook/web-components":"7.0.0-alpha.56","@storybook/web-components-webpack5":"7.0.0-alpha.56","@storybook/web-components-vite":"7.0.0-alpha.56",sb:"7.0.0-alpha.56",storybook:"7.0.0-alpha.56"};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(`
|
|
@@ -162,7 +162,9 @@ Add a project and re-run the installation`)}async function getBaseTsConfigName()
|
|
|
162
162
|
To learn more about migrating from Webpack4, see: ${chalk13.yellow("https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#webpack4-support-discontinued")}
|
|
163
163
|
`},async run({result:{dependenciesToAdd,dependenciesToRemove,main,frameworkPackage,frameworkOptions,builderInfo,packageJson},packageManager,dryRun}){if(logger9.info(`\u2705 Removing legacy dependencies: ${dependenciesToRemove.join(", ")}`),dryRun||packageManager.removeDependencies({skipInstall:dependenciesToAdd.length>0,packageJson},dependenciesToRemove),dependenciesToAdd.length>0&&(logger9.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){logger9.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,Object.keys(builderInfo.options).length>0&&main.setFieldValue(["framework","options","builder"],builderInfo.options),currentCore&&(Object.keys(currentCore).length===0?main.setFieldValue(["core"],{}):main.setFieldValue(["core"],currentCore)),await writeConfig5(main)}}};import chalk14 from"chalk";import dedent13 from"ts-dedent";import{getStorybookInfo as getStorybookInfo7}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}=getStorybookInfo7(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 dedent13`
|
|
164
164
|
The following APIs (used in "${chalk14.yellow(previewPath)}") have been removed from Storybook:
|
|
165
|
-
|
|
165
|
+
|
|
166
|
+
${usedAPIs.map(api=>`- ${chalk14.cyan(api)}`).join(`
|
|
167
|
+
`)}
|
|
166
168
|
|
|
167
169
|
You'll need to update "${chalk14.yellow(previewPath)}" manually.
|
|
168
170
|
|
|
@@ -186,7 +188,7 @@ Add a project and re-run the installation`)}async function getBaseTsConfigName()
|
|
|
186
188
|
${docsPageAutomaticFormatted}
|
|
187
189
|
|
|
188
190
|
More info: ${chalk16.yellow("https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#docs-page")}
|
|
189
|
-
`},async run({result:{main},dryRun}){logger11.info("\u2705 Setting 'docs.docsPage' to 'automatic' in main.js"),dryRun||(main.setFieldValue(["
|
|
191
|
+
`},async run({result:{main},dryRun}){logger11.info("\u2705 Setting 'docs.docsPage' to 'automatic' in main.js"),dryRun||(main.setFieldValue(["docs","docsPage"],"automatic"),await writeConfig6(main))}};var fixes=[cra5,webpack5,angular12,vue3,mainjsFramework,eslintPlugin,builderVite,npm7,sbScripts,newFrameworks,removedGlobalClientAPIs,mdx1to2,docsPageAutomatic];var logger12=console,automigrate=async({fixId,dryRun,yes,useNpm,force}={})=>{let packageManager=JsPackageManagerFactory.getPackageManager({useNpm,force}),filtered=fixId?fixes.filter(f=>f.id===fixId):fixes;logger12.info("\u{1F50E} checking possible migrations..");for(let i=0;i<filtered.length;i+=1){let f=fixes[i],result;try{result=await f.check({packageManager})}catch{logger12.info(`failed to check fix: ${f.id}`)}if(result){logger12.info(`\u{1F50E} found a '${chalk17.cyan(f.id)}' migration:`),logger12.info();let message=f.prompt(result);logger12.info(boxen(message,{borderStyle:"round",padding:1,borderColor:"#F1618C"}));let runAnswer;if(dryRun?runAnswer={fix:!1}:yes?runAnswer={fix:!0}:runAnswer=await prompts2({type:"confirm",name:"fix",message:`Do you want to run the '${chalk17.cyan(f.id)}' migration on your project?`}),runAnswer.fix)try{await f.run({result,packageManager,dryRun}),logger12.info(`\u2705 ran ${chalk17.cyan(f.id)} migration`)}catch(error){logger12.info(`\u274C error when running ${chalk17.cyan(f.id)} migration:`),logger12.info(error),logger12.info()}else logger12.info(`Skipping the ${chalk17.cyan(f.id)} migration.`),logger12.info(),logger12.info(`If you change your mind, run '${chalk17.cyan("npx storybook@next automigrate")}'`)}}logger12.info(),logger12.info("\u2705 migration check successfully ran"),logger12.info()};var logger13=console,installStorybook=(projectType,packageManager,options)=>{let npmOptions={installAsDevDependencies:!0,skipInstall:options.skipInstall},packageJson;try{packageJson=packageManager.readPackageJson()}catch{}let generatorOptions={language:detectLanguage(packageJson),builder:options.builder||detectBuilder(packageManager),linkable:!!options.linkable,commonJs:options.commonJs,pnp:options.usePnp};return(async()=>{switch(projectType){case"ALREADY_HAS_STORYBOOK":return logger13.log(),paddedLog("There seems to be a Storybook already available in this project."),paddedLog(`Apply following command to force:
|
|
190
192
|
`),codeLog(["sb init [options] -f"]),logger13.log(),Promise.resolve();case"REACT_SCRIPTS":return REACT_SCRIPTS_default(packageManager,npmOptions,generatorOptions).then(commandLog('Adding Storybook support to your "Create React App" based project'));case"REACT":return REACT_default(packageManager,npmOptions,generatorOptions).then(commandLog(`Adding Storybook support to your "React" app
|
|
191
193
|
`));case"REACT_NATIVE":return(options.yes?Promise.resolve({server:!0}):prompts3([{type:"confirm",name:"server",message:"Do you want to install dependencies necessary to run Storybook server? You can manually do it later by install @storybook/react-native-server",initial:!1}])).then(({server})=>REACT_NATIVE_default(packageManager,npmOptions,server)).then(commandLog(`Adding Storybook support to your "React Native" app
|
|
192
194
|
`));case"WEBPACK_REACT":return WEBPACK_REACT_default(packageManager,npmOptions,generatorOptions).then(commandLog(`Adding Storybook support to your "Webpack React" app
|
|
@@ -269,7 +271,8 @@ export default {
|
|
|
269
271
|
2. select a location for the reproduction, outside of your project.
|
|
270
272
|
|
|
271
273
|
After the reproduction is ready, we'll guide you through the next steps.
|
|
272
|
-
`.trim(),{borderStyle:"round",padding:1,borderColor:"#F1618C"})),selectedTemplate=await promptSelectedTemplate(choices)),!!!(selectedTemplate??null)){logger19.error("Somehow we got no templates. Please rerun this command!");return}let selectedConfig=allTemplates[selectedTemplate];if(!selectedConfig)throw new Error("\u{1F6A8} Repro: please specify a valid template type");let selectedDirectory=outputDirectory,outputDirectoryName=outputDirectory||selectedTemplate;if(selectedDirectory&&existsSync2(`${selectedDirectory}`)&&logger19.info(`\u26A0\uFE0F ${selectedDirectory} already exists! Overwriting...`),!selectedDirectory){let{directory}=await prompts5({type:"text",message:"Enter the output directory",name:"directory",initial:outputDirectoryName,validate:async directoryName=>existsSync2(directoryName)?`${directoryName} already exists. Please choose another name.`:!0});selectedDirectory=directory}try{let templateDestination=path13.isAbsolute(selectedDirectory)?selectedDirectory:path13.join(process.cwd(),selectedDirectory);logger19.info(`\u{1F3C3} Adding ${selectedConfig.name} into ${templateDestination}`),logger19.log("\u{1F4E6} Downloading repro template...");try{await downloadTemplate(`github:storybookjs/repro-templates-temp/${selectedTemplate}/${init?"after-storybook":"before-storybook"}#${branch}`,{force:!0,dir:templateDestination})}catch(err){throw logger19.error(`\u{1F6A8} Failed to download repro template: ${err.message}`),err}let initMessage=init?chalk21.yellow(
|
|
274
|
+
`.trim(),{borderStyle:"round",padding:1,borderColor:"#F1618C"})),selectedTemplate=await promptSelectedTemplate(choices)),!!!(selectedTemplate??null)){logger19.error("Somehow we got no templates. Please rerun this command!");return}let selectedConfig=allTemplates[selectedTemplate];if(!selectedConfig)throw new Error("\u{1F6A8} Repro: please specify a valid template type");let selectedDirectory=outputDirectory,outputDirectoryName=outputDirectory||selectedTemplate;if(selectedDirectory&&existsSync2(`${selectedDirectory}`)&&logger19.info(`\u26A0\uFE0F ${selectedDirectory} already exists! Overwriting...`),!selectedDirectory){let{directory}=await prompts5({type:"text",message:"Enter the output directory",name:"directory",initial:outputDirectoryName,validate:async directoryName=>existsSync2(directoryName)?`${directoryName} already exists. Please choose another name.`:!0});selectedDirectory=directory}try{let templateDestination=path13.isAbsolute(selectedDirectory)?selectedDirectory:path13.join(process.cwd(),selectedDirectory);logger19.info(`\u{1F3C3} Adding ${selectedConfig.name} into ${templateDestination}`),logger19.log("\u{1F4E6} Downloading repro template...");try{await downloadTemplate(`github:storybookjs/repro-templates-temp/${selectedTemplate}/${init?"after-storybook":"before-storybook"}#${branch}`,{force:!0,dir:templateDestination})}catch(err){throw logger19.error(`\u{1F6A8} Failed to download repro template: ${err.message}`),err}let initMessage=init?chalk21.yellow(`yarn install
|
|
275
|
+
yarn storybook`):`Recreate your setup, then ${chalk21.yellow("run npx storybook init")}`;logger19.info(boxen3(dedent17`
|
|
273
276
|
🎉 Your Storybook reproduction project is ready to use! 🎉
|
|
274
277
|
|
|
275
278
|
${chalk21.yellow(`cd ${selectedDirectory}`)}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@storybook/cli",
|
|
3
|
-
"version": "7.0.0-alpha.
|
|
3
|
+
"version": "7.0.0-alpha.56",
|
|
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-alpha.
|
|
47
|
-
"@storybook/core-common": "7.0.0-alpha.
|
|
48
|
-
"@storybook/core-server": "7.0.0-alpha.
|
|
49
|
-
"@storybook/csf-tools": "7.0.0-alpha.
|
|
50
|
-
"@storybook/node-logger": "7.0.0-alpha.
|
|
51
|
-
"@storybook/telemetry": "7.0.0-alpha.
|
|
52
|
-
"@storybook/types": "7.0.0-alpha.
|
|
46
|
+
"@storybook/codemod": "7.0.0-alpha.56",
|
|
47
|
+
"@storybook/core-common": "7.0.0-alpha.56",
|
|
48
|
+
"@storybook/core-server": "7.0.0-alpha.56",
|
|
49
|
+
"@storybook/csf-tools": "7.0.0-alpha.56",
|
|
50
|
+
"@storybook/node-logger": "7.0.0-alpha.56",
|
|
51
|
+
"@storybook/telemetry": "7.0.0-alpha.56",
|
|
52
|
+
"@storybook/types": "7.0.0-alpha.56",
|
|
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-alpha.
|
|
80
|
+
"@storybook/client-api": "7.0.0-alpha.56",
|
|
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": "c8e9a862bb83c4a0d6b5975e795b4ca7f7ff7bc2"
|
|
102
102
|
}
|