diff --git a/MIGRATION.md b/MIGRATION.md index 3b9d275ab845..1fb9f7965988 100644 --- a/MIGRATION.md +++ b/MIGRATION.md @@ -207,7 +207,7 @@ To update your app to use the new package names, you can use the cli: npm install --global @storybook/cli # if you run this inside a v2 app, it should perform the necessary codemods. -getstorybook +storybook init ``` #### Details diff --git a/app/angular/README.md b/app/angular/README.md index e32984638af8..03f1dfe7cf4d 100644 --- a/app/angular/README.md +++ b/app/angular/README.md @@ -13,7 +13,7 @@ So you can develop UI components in isolation without worrying about app specifi ```sh npm i -g @storybook/cli cd my-angular-app -getstorybook +storybook init ``` For more information visit: [storybook.js.org](https://storybook.js.org) diff --git a/app/html/README.md b/app/html/README.md index 3606de83db3d..ea16ea607de1 100644 --- a/app/html/README.md +++ b/app/html/README.md @@ -15,7 +15,7 @@ So you can develop UI components in isolation without worrying about app specifi ```sh npm i -g @storybook/cli cd my-app -getstorybook --html +storybook init --html ``` For more information visit: [storybook.js.org](https://storybook.js.org) diff --git a/app/marko/README.md b/app/marko/README.md index 028be8ae6c45..7883633b84ef 100644 --- a/app/marko/README.md +++ b/app/marko/README.md @@ -13,7 +13,7 @@ So you can develop UI components in isolation without worrying about app specifi ```sh npm i -g @storybook/cli cd my-marko-app -getstorybook +storybook init ``` For more information visit: [storybook.js.org](https://storybook.js.org) diff --git a/app/mithril/README.md b/app/mithril/README.md index 49ba9351a259..37c4a84a82dc 100644 --- a/app/mithril/README.md +++ b/app/mithril/README.md @@ -13,7 +13,7 @@ So you can develop UI components in isolation without worrying about app specifi ```sh npm i -g @storybook/cli cd my-mithril-app -getstorybook +storybook init ``` For more information visit: [storybook.js.org](https://storybook.js.org) diff --git a/app/polymer/README.md b/app/polymer/README.md index a1ab36165519..1876588041fc 100644 --- a/app/polymer/README.md +++ b/app/polymer/README.md @@ -15,7 +15,7 @@ So you can develop UI components in isolation without worrying about app specifi ```sh npm i -g @storybook/cli cd my-polymer-app -getstorybook +storybook init ``` For more information visit: [storybook.js.org](https://storybook.js.org) diff --git a/app/react-native/readme.md b/app/react-native/readme.md index 207b9989ab6f..a9d395801366 100644 --- a/app/react-native/readme.md +++ b/app/react-native/readme.md @@ -8,11 +8,11 @@ For more information visit: [storybook.js.org](https://storybook.js.org) ## Getting Started -The `getstorybook` tool can be used to add Storybook to your React Native app. Install the `getstorybook` tool if necessary and run it from your project directory with these commands: +The `storybook` CLI tool can be used to add Storybook to your React Native app. Install the `storybook` tool if necessary and run it from your project directory with these commands: ```shell npm -g i @storybook/cli -getstorybook +storybook init ``` After you have installed, there are additional steps for `create-react-native-app` apps. See the section for details, otherwise skip to [Start Storybook](#start-storybook) @@ -20,7 +20,7 @@ to see the next step. ## Create React Native App (CRNA) -If you run `getstorybook` inside a CRNA app, you'll be notified that there is an extra step required to use Storybook. +If you run `storybook init` inside a CRNA app, you'll be notified that there is an extra step required to use Storybook. The easiest way to use Storybook inside CRNA is to simply replace your App with the Storybook UI, which is possible by replacing `App.js` with a single line of code: diff --git a/app/react/README.md b/app/react/README.md index 6c2169937de1..d728b87fdb4c 100644 --- a/app/react/README.md +++ b/app/react/README.md @@ -13,7 +13,7 @@ So you can develop UI components in isolation without worrying about app specifi ```sh npm i -g @storybook/cli cd my-react-app -getstorybook +storybook init ``` For more information visit: [storybook.js.org](https://storybook.js.org) diff --git a/app/riot/README.md b/app/riot/README.md index 4cc388ad41f5..d08973a3f8d3 100644 --- a/app/riot/README.md +++ b/app/riot/README.md @@ -15,7 +15,7 @@ So you can develop UI components in isolation without worrying about app specifi ```sh npm i -g @storybook/cli cd my-app -getstorybook +storybook init ``` For more information visit: [storybook.js.org](https://storybook.js.org) diff --git a/app/svelte/README.md b/app/svelte/README.md index 6506a2651ebf..59b84379679d 100644 --- a/app/svelte/README.md +++ b/app/svelte/README.md @@ -13,7 +13,7 @@ So you can develop UI components in isolation without worrying about app specifi ```sh npm i -g @storybook/cli cd my-svelte-app -getstorybook +storybook init ``` For more information visit: [storybook.js.org](https://storybook.js.org) diff --git a/app/vue/README.md b/app/vue/README.md index eb3793e6f27d..807850ace52a 100644 --- a/app/vue/README.md +++ b/app/vue/README.md @@ -13,7 +13,7 @@ So you can develop UI components in isolation without worrying about app specifi ```sh npm i -g @storybook/cli cd my-vue-app -getstorybook +storybook init ``` For more information visit: [storybook.js.org](https://storybook.js.org) diff --git a/examples/crna-kitchen-sink/README.md b/examples/crna-kitchen-sink/README.md index 56849c877ef7..f0d4536961e2 100644 --- a/examples/crna-kitchen-sink/README.md +++ b/examples/crna-kitchen-sink/README.md @@ -1,3 +1,3 @@ # CRNA Kitchen Sink -This project was bootstrapped with [Create React Native App](https://github.com/react-community/create-react-native-app) and storybook using [getstorybook](https://www.npmjs.com/package/@storybook/cli). +This project was bootstrapped with [Create React Native App](https://github.com/react-community/create-react-native-app) and storybook using [storybook CLI](https://www.npmjs.com/package/@storybook/cli). diff --git a/examples/marko-cli/README.md b/examples/marko-cli/README.md index e7afcf64d688..775c5099ff09 100644 --- a/examples/marko-cli/README.md +++ b/examples/marko-cli/README.md @@ -1,3 +1,3 @@ # Marko Kitchen Sink -This project was bootstrapped with [Marko cli (create command)](https://github.com/marko-js/marko-cli) and storybook using [getstorybook](https://www.npmjs.com/package/@storybook/cli). +This project was bootstrapped with [Marko cli (create command)](https://github.com/marko-js/marko-cli) and storybook using [storybook CLI](https://www.npmjs.com/package/@storybook/cli). diff --git a/lib/cli/README.md b/lib/cli/README.md index bedda96b1ea0..e70128b09b07 100644 --- a/lib/cli/README.md +++ b/lib/cli/README.md @@ -15,7 +15,7 @@ npm i -g @storybook/cli Then go to your project run: ```sh -getstorybook +storybook init ``` That's all you've to do. @@ -30,7 +30,7 @@ If you have installed yarn in your system, it'll detect it and use `yarn` instea If you don't want to use `yarn` always you can use the `--use-npm` option like this: ```sh -getstorybook --use-npm +storybook init --use-npm ``` * * * @@ -40,7 +40,7 @@ getstorybook --use-npm It also supports flow files. By default, [jscodeshift](https://github.com/facebook/jscodeshift), the tool used to transform the source files, uses babel to read the files. To be able to transform any flow annotated file, you need to use the flow parser. ```sh -getstorybook --parser flow +storybook init --parser flow ``` For more information visit: [storybook.js.org](https://storybook.js.org) diff --git a/lib/cli/bin/generate.js b/lib/cli/bin/generate.js index 7e16c78a924b..7040af903a21 100644 --- a/lib/cli/bin/generate.js +++ b/lib/cli/bin/generate.js @@ -1,201 +1,50 @@ -import updateNotifier from 'update-notifier'; import program from 'commander'; import chalk from 'chalk'; -import detect from '../lib/detect'; -import hasYarn from '../lib/has_yarn'; -import types from '../lib/project_types'; -import { commandLog, codeLog, paddedLog, installDeps } from '../lib/helpers'; import pkg from '../package.json'; -import angularGenerator from '../generators/ANGULAR'; -import meteorGenerator from '../generators/METEOR'; -import reactGenerator from '../generators/REACT'; -import reactNativeGenerator from '../generators/REACT_NATIVE'; -import reactNativeScriptsGenerator from '../generators/REACT_NATIVE_SCRIPTS'; -import reactScriptsGenerator from '../generators/REACT_SCRIPTS'; -import sfcVueGenerator from '../generators/SFC_VUE'; -import updateOrganisationsGenerator from '../generators/UPDATE_PACKAGE_ORGANIZATIONS'; -import vueGenerator from '../generators/VUE'; -import polymerGenerator from '../generators/POLYMER'; -import webpackReactGenerator from '../generators/WEBPACK_REACT'; -import mithrilGenerator from '../generators/MITHRIL'; -import markoGenerator from '../generators/MARKO'; -import htmlGenerator from '../generators/HTML'; -import riotGenerator from '../generators/RIOT'; +import initiate from '../lib/initiate'; +import yarnSpawnSync from '../lib/yarn_spawn_sync'; +import { codeLog } from '../lib/helpers'; const logger = console; +if (process.argv[1].includes('getstorybook')) { + logger.log(chalk.yellow('WARNING: getstorybook is deprecated.')); + logger.log(chalk.yellow('The official command to install Storybook from now on is:\n')); + codeLog(['storybook init']); + logger.log(); + initiate({}, pkg); + process.exit(0); +} + program - .version(pkg.version) + .command('init') + .description('Initialize Storybook into your project.') .option('-f --force', 'Forcely add storybook') .option('-s --skip-install', 'Skip installing deps') .option('-N --use-npm', 'Use npm to install deps') .option('-p --parser ', 'jscodeshift parser') .option('-h --html', 'Add storybook for HTML') - .parse(process.argv); - -const welcomeMessage = 'getstorybook - the simplest way to add a storybook to your project.'; -logger.log(chalk.inverse(`\n ${welcomeMessage} \n`)); - -const useYarn = Boolean(program.useNpm !== true) && hasYarn(); + .action(options => initiate(options, pkg)); -const npmOptions = { - useYarn, -}; - -const runStorybookCommand = useYarn ? 'yarn run storybook' : 'npm run storybook'; - -// Update notify code. -updateNotifier({ - pkg, - updateCheckInterval: 1000 * 60 * 60, // every hour (we could increase this later on.) -}).notify(); +program + .command('start') + .description('Start the local Storybook server') + .option('-N --use-npm', 'Use NPM to start the Storybook server') + .action(options => yarnSpawnSync(options, ['run', 'storybook'])); -let projectType; +program + .command('build') + .description('Build the Storybook static application') + .option('-N --use-npm', 'Use NPM to build the Storybook server') + .action(options => yarnSpawnSync(options, ['build', 'storybook'])); -const done = commandLog('Detecting project type'); -try { - projectType = detect(program); -} catch (ex) { - done(ex.message); +program.command('*', { noHelp: true }).action(cmd => { + logger.error('Invalid command: %s.\nSee --help for a list of available commands.', cmd); process.exit(1); -} -done(); - -const end = () => { - if (!program.skipInstall) { - installDeps(npmOptions); - } - - logger.log('\nTo run your storybook, type:\n'); - codeLog([runStorybookCommand]); - logger.log('\nFor more information visit:', chalk.cyan('https://storybook.js.org')); - - // Add a new line for the clear visibility. - logger.log(); -}; - -const CRNA_DISCUSSION = - 'https://github.com/storybooks/storybook/blob/master/app/react-native/docs/manual-setup.md'; - -const runGenerator = () => { - switch (projectType) { - case types.ALREADY_HAS_STORYBOOK: - logger.log(); - paddedLog('There seems to be a storybook already available in this project.'); - paddedLog('Apply following command to force:\n'); - codeLog(['getstorybook -f']); - - // Add a new line for the clear visibility. - logger.log(); - return Promise.resolve(); - - case types.UPDATE_PACKAGE_ORGANIZATIONS: - return updateOrganisationsGenerator(program.parser, npmOptions) - .then(() => null) // commmandLog doesn't like to see output - .then(commandLog('Upgrading your project to the new storybook packages.')) - .then(end); - - case types.REACT_SCRIPTS: - return reactScriptsGenerator(npmOptions) - .then(commandLog('Adding storybook support to your "Create React App" based project')) - .then(end); - - case types.REACT: - return reactGenerator(npmOptions) - .then(commandLog('Adding storybook support to your "React" app')) - .then(end); - - case types.REACT_NATIVE_SCRIPTS: { - const app = chalk.bold('"./App.js"'); - return reactNativeScriptsGenerator(npmOptions) - .then(commandLog('Adding storybook support to your "Create React Native App" app')) - .then(end) - .then(() => { - logger.log(chalk.red('NOTE: CRNA app installation is not 100% automated.')); - logger.log(`To quickly run storybook, replace contents of ${app} with:\n`); - codeLog(["export default from './storybook';"]); - logger.log('\nFor a more complete discussion of options, see:\n'); - logger.log(chalk.cyan(CRNA_DISCUSSION)); - logger.log(); - }); - } - - case types.REACT_NATIVE: - return reactNativeGenerator(npmOptions) - .then(commandLog('Adding storybook support to your "React Native" app')) - .then(end); - - case types.METEOR: - return meteorGenerator(npmOptions) - .then(commandLog('Adding storybook support to your "Meteor" app')) - .then(end); - - case types.WEBPACK_REACT: - return webpackReactGenerator(npmOptions) - .then(commandLog('Adding storybook support to your "Webpack React" app')) - .then(end); - - case types.REACT_PROJECT: - return reactGenerator(npmOptions) - .then(commandLog('Adding storybook support to your "React" library')) - .then(end); - - case types.SFC_VUE: - return sfcVueGenerator(npmOptions) - .then(commandLog('Adding storybook support to your "Single File Components Vue" app')) - .then(end); - - case types.VUE: - return vueGenerator(npmOptions) - .then(commandLog('Adding storybook support to your "Vue" app')) - .then(end); - - case types.ANGULAR: - return angularGenerator(npmOptions) - .then(commandLog('Adding storybook support to your "Angular" app')) - .then(end); - - case types.POLYMER: - return polymerGenerator(npmOptions) - .then(commandLog('Adding storybook support to your "Polymer" app')) - .then(end); - - case types.MITHRIL: - return mithrilGenerator(npmOptions) - .then(commandLog('Adding storybook support to your "Mithril" app')) - .then(end); - - case types.MARKO: - return markoGenerator(npmOptions) - .then(commandLog('Adding storybook support to your "Marko" app')) - .then(end); - - case types.HTML: - return htmlGenerator(npmOptions) - .then(commandLog('Adding storybook support to your "HTML" app')) - .then(end); - - case types.RIOT: - return riotGenerator(npmOptions) - .then(commandLog('Adding storybook support to your "riot.js" app')) - .then(end); - - default: - paddedLog(`We couldn't detect your project type. (code: ${projectType})`); - paddedLog( - "Please make sure you are running the `getstorybook` command in your project's root directory." - ); - paddedLog( - 'You can also install storybook for plain HTML snippets with `getstorybook --html` or follow some of the slow start guides: https://storybook.js.org/basics/slow-start-guide/' - ); +}); - // Add a new line for the clear visibility. - logger.log(); - return Promise.resolve(); - } -}; +program.version(pkg.version).parse(process.argv); -runGenerator().catch(ex => { - logger.error(`\n ${chalk.red(ex.stack)}`); - process.exit(1); -}); +if (!program.args.length) { + program.help(); +} diff --git a/lib/cli/lib/initiate.js b/lib/cli/lib/initiate.js new file mode 100644 index 000000000000..5f019c21a96f --- /dev/null +++ b/lib/cli/lib/initiate.js @@ -0,0 +1,192 @@ +import updateNotifier from 'update-notifier'; +import chalk from 'chalk'; +import detect from './detect'; +import hasYarn from './has_yarn'; +import types from './project_types'; +import { commandLog, codeLog, paddedLog, installDeps } from './helpers'; +import angularGenerator from '../generators/ANGULAR'; +import meteorGenerator from '../generators/METEOR'; +import reactGenerator from '../generators/REACT'; +import reactNativeGenerator from '../generators/REACT_NATIVE'; +import reactNativeScriptsGenerator from '../generators/REACT_NATIVE_SCRIPTS'; +import reactScriptsGenerator from '../generators/REACT_SCRIPTS'; +import sfcVueGenerator from '../generators/SFC_VUE'; +import updateOrganisationsGenerator from '../generators/UPDATE_PACKAGE_ORGANIZATIONS'; +import vueGenerator from '../generators/VUE'; +import polymerGenerator from '../generators/POLYMER'; +import webpackReactGenerator from '../generators/WEBPACK_REACT'; +import mithrilGenerator from '../generators/MITHRIL'; +import markoGenerator from '../generators/MARKO'; +import htmlGenerator from '../generators/HTML'; +import riotGenerator from '../generators/RIOT'; + +const logger = console; + +export default function(options, pkg) { + const welcomeMessage = 'storybook init - the simplest way to add a storybook to your project.'; + logger.log(chalk.inverse(`\n ${welcomeMessage} \n`)); + + const useYarn = Boolean(options.useNpm !== true) && hasYarn(); + + const npmOptions = { + useYarn, + }; + + const runStorybookCommand = 'storybook start'; + + // Update notify code. + updateNotifier({ + pkg, + updateCheckInterval: 1000 * 60 * 60, // every hour (we could increase this later on.) + }).notify(); + + let projectType; + + const done = commandLog('Detecting project type'); + try { + projectType = detect(options); + } catch (ex) { + done(ex.message); + process.exit(1); + } + done(); + + const end = () => { + if (!options.skipInstall) { + installDeps(npmOptions); + } + + logger.log('\nTo run your storybook, type:\n'); + codeLog([runStorybookCommand]); + logger.log('\nFor more information visit:', chalk.cyan('https://storybook.js.org')); + + // Add a new line for the clear visibility. + logger.log(); + }; + + const CRNA_DISCUSSION = + 'https://github.com/storybooks/storybook/blob/master/app/react-native/docs/manual-setup.md'; + + const runGenerator = () => { + switch (projectType) { + case types.ALREADY_HAS_STORYBOOK: + logger.log(); + paddedLog('There seems to be a storybook already available in this project.'); + paddedLog('Apply following command to force:\n'); + codeLog(['storybook init -f']); + + // Add a new line for the clear visibility. + logger.log(); + return Promise.resolve(); + + case types.UPDATE_PACKAGE_ORGANIZATIONS: + return updateOrganisationsGenerator(options.parser, npmOptions) + .then(() => null) // commmandLog doesn't like to see output + .then(commandLog('Upgrading your project to the new storybook packages.')) + .then(end); + + case types.REACT_SCRIPTS: + return reactScriptsGenerator(npmOptions) + .then(commandLog('Adding storybook support to your "Create React App" based project')) + .then(end); + + case types.REACT: + return reactGenerator(npmOptions) + .then(commandLog('Adding storybook support to your "React" app')) + .then(end); + + case types.REACT_NATIVE_SCRIPTS: { + const app = chalk.bold('"./App.js"'); + return reactNativeScriptsGenerator(npmOptions) + .then(commandLog('Adding storybook support to your "Create React Native App" app')) + .then(end) + .then(() => { + logger.log(chalk.red('NOTE: CRNA app installation is not 100% automated.')); + logger.log(`To quickly run storybook, replace contents of ${app} with:\n`); + codeLog(["export default from './storybook';"]); + logger.log('\nFor a more complete discussion of options, see:\n'); + logger.log(chalk.cyan(CRNA_DISCUSSION)); + logger.log(); + }); + } + + case types.REACT_NATIVE: + return reactNativeGenerator(npmOptions) + .then(commandLog('Adding storybook support to your "React Native" app')) + .then(end); + + case types.METEOR: + return meteorGenerator(npmOptions) + .then(commandLog('Adding storybook support to your "Meteor" app')) + .then(end); + + case types.WEBPACK_REACT: + return webpackReactGenerator(npmOptions) + .then(commandLog('Adding storybook support to your "Webpack React" app')) + .then(end); + + case types.REACT_PROJECT: + return reactGenerator(npmOptions) + .then(commandLog('Adding storybook support to your "React" library')) + .then(end); + + case types.SFC_VUE: + return sfcVueGenerator(npmOptions) + .then(commandLog('Adding storybook support to your "Single File Components Vue" app')) + .then(end); + + case types.VUE: + return vueGenerator(npmOptions) + .then(commandLog('Adding storybook support to your "Vue" app')) + .then(end); + + case types.ANGULAR: + return angularGenerator(npmOptions) + .then(commandLog('Adding storybook support to your "Angular" app')) + .then(end); + + case types.POLYMER: + return polymerGenerator(npmOptions) + .then(commandLog('Adding storybook support to your "Polymer" app')) + .then(end); + + case types.MITHRIL: + return mithrilGenerator(npmOptions) + .then(commandLog('Adding storybook support to your "Mithril" app')) + .then(end); + + case types.MARKO: + return markoGenerator(npmOptions) + .then(commandLog('Adding storybook support to your "Marko" app')) + .then(end); + + case types.HTML: + return htmlGenerator(npmOptions) + .then(commandLog('Adding storybook support to your "HTML" app')) + .then(end); + + case types.RIOT: + return riotGenerator(npmOptions) + .then(commandLog('Adding storybook support to your "riot.js" app')) + .then(end); + + default: + paddedLog(`We couldn't detect your project type. (code: ${projectType})`); + paddedLog( + "Please make sure you are running the `storybook init` command in your project's root directory." + ); + paddedLog( + 'You can also install storybook for plain HTML snippets with `storybook init --html` or follow some of the slow start guides: https://storybook.js.org/basics/slow-start-guide/' + ); + + // Add a new line for the clear visibility. + logger.log(); + return Promise.resolve(); + } + }; + + runGenerator().catch(ex => { + logger.error(`\n ${chalk.red(ex.stack)}`); + process.exit(1); + }); +} diff --git a/lib/cli/lib/yarn_spawn_sync.js b/lib/cli/lib/yarn_spawn_sync.js new file mode 100644 index 000000000000..31c3ebb06a4e --- /dev/null +++ b/lib/cli/lib/yarn_spawn_sync.js @@ -0,0 +1,7 @@ +import { spawn as spawnSync } from 'cross-spawn'; +import hasYarn from './has_yarn'; + +export default function yarnSpawnSync(options, args) { + const pkgmgr = Boolean(options.useNpm !== true) && hasYarn() ? 'yarn' : 'npm'; + spawnSync(pkgmgr, args, { stdio: 'inherit' }); +} diff --git a/lib/cli/package.json b/lib/cli/package.json index 768aa45df36d..8122f86832ae 100644 --- a/lib/cli/package.json +++ b/lib/cli/package.json @@ -18,7 +18,8 @@ "license": "MIT", "author": "Storybook Team", "bin": { - "getstorybook": "./bin/index.js" + "getstorybook": "./bin/index.js", + "storybook": "./bin/index.js" }, "scripts": { "test": "cd test && ./run_tests.sh", diff --git a/lib/cli/test/fixtures/already_has_storybook/README.md b/lib/cli/test/fixtures/already_has_storybook/README.md index 364c62ae0a46..d58456fd2396 100644 --- a/lib/cli/test/fixtures/already_has_storybook/README.md +++ b/lib/cli/test/fixtures/already_has_storybook/README.md @@ -1514,7 +1514,7 @@ npm install -g @storybook/cli Then, run the following command inside your app’s directory: ```sh -getstorybook +storybook init ``` After that, follow the instructions on the screen. diff --git a/lib/cli/test/fixtures/react_scripts/README.md b/lib/cli/test/fixtures/react_scripts/README.md index 364c62ae0a46..d58456fd2396 100644 --- a/lib/cli/test/fixtures/react_scripts/README.md +++ b/lib/cli/test/fixtures/react_scripts/README.md @@ -1514,7 +1514,7 @@ npm install -g @storybook/cli Then, run the following command inside your app’s directory: ```sh -getstorybook +storybook init ``` After that, follow the instructions on the screen. diff --git a/lib/cli/test/fixtures/update_package_organisations/README.md b/lib/cli/test/fixtures/update_package_organisations/README.md index e7546c7d1977..e5108ea74327 100644 --- a/lib/cli/test/fixtures/update_package_organisations/README.md +++ b/lib/cli/test/fixtures/update_package_organisations/README.md @@ -1178,13 +1178,13 @@ You can also deploy your Storybook as a static app. This way, everyone in your t First, install the following npm package globally: ```sh -npm install -g getstorybook +npm install -g storybook ``` Then, run the following command inside your app’s directory: ```sh -getstorybook +storybook init ``` After that, follow the instructions on the screen. diff --git a/lib/cli/test/run_tests.sh b/lib/cli/test/run_tests.sh index 7c16a83545ef..96cb637b6134 100755 --- a/lib/cli/test/run_tests.sh +++ b/lib/cli/test/run_tests.sh @@ -48,7 +48,7 @@ do cd $dir # run @storybook/cli - ../../../bin/index.js --skip-install + ../../../bin/index.js init --skip-install cd .. done