@storybook/cli 8.2.0-alpha.9 → 8.2.0-beta.0

package/README.md

@@ -1,70 +1,3 @@
 # Storybook CLI
 
-Storybook CLI (_Command Line Interface_) is the easiest way to add [Storybook](https://github.com/storybookjs/storybook) to your project.
-
-![Screenshot](docs/getstorybook.png)
-
-Go to your project and run:
-
-```sh
-cd my-app
-npx sb init
-```
-
-In addition to `init`, the CLI also has other commands:
-
-- `add` - add an addon and register it
-- `info` - print out system information for bug reports
-- `migrate` - run codemods to migrate your code
-
-See the command-line help with `-h` for details.
-
----
-
-## [Yarn](https://github.com/yarnpkg/yarn) support
-
-The CLI supports yarn. If you have installed yarn in your system and your project has a `yarn.lock` file, it'll detect it and use `yarn` to install dependencies.
-
-If you don't want to use `yarn` always you can use the `--package-manager` option like this:
-
-```sh
-npx sb init --package-manager=npm
-```
-
-If you would like to force a particular version of yarn, you can use the `--package-manager` flag with a value of `yarn1` or `yarn2`.
-
----
-
-## [PNPM](https://pnpm.io/) support
-
-The CLI supports pnpm. If you have installed pnpm in your system and your project has a `pnpm-lock.yaml` file, it'll detect it and use `pnpm` to install dependencies.
-
-If you don't have a lock file and would like to force pnpm to be used, you can use the `--package-manager` option like this:
-
-```sh
-npx sb init --package-manager=pnpm
-```
-
----
-
-## [Flow](https://flow.org/) support
-
-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
-npx sb init --parser flow
-```
-
-For more information visit: [storybook.js.org](https://storybook.js.org)
-
----
-
-## Manually specify project type
-
-If the CLI cannot detect your project type, it will ask you. You can also force it to use a particular project type:
-
-```sh
-npx sb init --type <type>
-```
-
-Where type is one of the project types defined in [project_types.ts](https://github.com/storybookjs/storybook/blob/next/code/lib/cli/src/project_types.ts)
+This is a wrapper for <https://www.npmjs.com/package/@storybook/cli>

package/index.js

@@ -0,0 +1,3 @@
+#!/usr/bin/env node
+
+require('storybook/bin/index.cjs');

package/package.json

@@ -1,13 +1,9 @@
 {
   "name": "@storybook/cli",
-  "version": "8.2.0-alpha.9",
-  "description": "Storybook's CLI - install, dev, build, upgrade, and more",
+  "version": "8.2.0-beta.0",
+  "description": "Storybook CLI",
   "keywords": [
-    "cli",
-    "generator",
-    "dev",
-    "build",
-    "upgrade"
+    "storybook"
   ],
   "homepage": "https://github.com/storybookjs/storybook/tree/next/code/lib/cli",
   "bugs": {
@@ -23,95 +19,15 @@
     "url": "https://opencollective.com/storybook"
   },
   "license": "MIT",
-  "author": "Storybook Team",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "node": "./dist/index.js",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
-    },
-    "./package.json": "./package.json",
-    "./bin/index": "./bin/index.js"
-  },
-  "main": "dist/index.js",
-  "module": "dist/index.mjs",
-  "types": "dist/index.d.ts",
   "bin": {
-    "getstorybook": "./bin/index.js",
-    "sb": "./bin/index.js"
-  },
-  "files": [
-    "bin/**/*",
-    "dist/**/*",
-    "rendererAssets/**/*",
-    "templates/**/*",
-    "README.md",
-    "*.js",
-    "*.d.ts",
-    "!src/**/*"
-  ],
-  "scripts": {
-    "check": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/check.ts",
-    "prep": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/bundle.ts"
+    "sb": "./index.js",
+    "storybook": "./index.js"
   },
   "dependencies": {
-    "@babel/core": "^7.24.4",
-    "@babel/types": "^7.24.0",
-    "@ndelangen/get-tarball": "^3.0.7",
-    "@storybook/codemod": "8.2.0-alpha.9",
-    "@storybook/core-common": "8.2.0-alpha.9",
-    "@storybook/core-events": "8.2.0-alpha.9",
-    "@storybook/core-server": "8.2.0-alpha.9",
-    "@storybook/csf-tools": "8.2.0-alpha.9",
-    "@storybook/node-logger": "8.2.0-alpha.9",
-    "@storybook/telemetry": "8.2.0-alpha.9",
-    "@storybook/types": "8.2.0-alpha.9",
-    "@types/semver": "^7.3.4",
-    "@yarnpkg/fslib": "2.10.3",
-    "@yarnpkg/libzip": "2.3.0",
-    "chalk": "^4.1.0",
-    "commander": "^6.2.1",
-    "cross-spawn": "^7.0.3",
-    "detect-indent": "^6.1.0",
-    "envinfo": "^7.7.3",
-    "execa": "^5.0.0",
-    "find-up": "^5.0.0",
-    "fs-extra": "^11.1.0",
-    "get-npm-tarball-url": "^2.0.3",
-    "giget": "^1.0.0",
-    "globby": "^14.0.1",
-    "jscodeshift": "^0.15.1",
-    "leven": "^3.1.0",
-    "ora": "^5.4.1",
-    "prettier": "^3.1.1",
-    "prompts": "^2.4.0",
-    "read-pkg-up": "^7.0.1",
-    "semver": "^7.3.7",
-    "strip-json-comments": "^3.0.1",
-    "tempy": "^3.1.0",
-    "tiny-invariant": "^1.3.1",
-    "ts-dedent": "^2.0.0"
-  },
-  "devDependencies": {
-    "@types/cross-spawn": "^6.0.2",
-    "@types/prompts": "^2.0.9",
-    "@types/util-deprecate": "^1.0.0",
-    "boxen": "^7.1.1",
-    "slash": "^5.0.0",
-    "strip-ansi": "^7.1.0",
-    "strip-json-comments": "^3.1.1",
-    "typescript": "^5.3.2"
+    "storybook": "8.2.0-beta.0"
   },
   "publishConfig": {
     "access": "public"
   },
-  "bundler": {
-    "entries": [
-      "./src/generate.ts",
-      "./src/index.ts"
-    ],
-    "platform": "node"
-  },
   "gitHead": "e6a7fd8a655c69780bc20b9749c2699e44beae16"
 }

package/project.json

@@ -0,0 +1,6 @@
+{
+  "name": "cli-storybook",
+  "$schema": "../../node_modules/nx/schemas/project-schema.json",
+  "projectType": "library",
+  "targets": {}
+}

package/vitest.config.ts

@@ -0,0 +1,9 @@
+import { defineConfig, mergeConfig } from 'vitest/config';
+import { vitestCommonConfig } from '../../vitest.workspace';
+
+export default mergeConfig(
+  vitestCommonConfig,
+  defineConfig({
+    // Add custom config here
+  })
+);

package/.eslintrc.js

@@ -1,36 +0,0 @@
-const ignore = 0;
-
-module.exports = {
-  overrides: [
-    {
-      files: 'templates/**/*',
-      env: {
-        browser: true,
-      },
-      rules: {
-        'react/no-this-in-sfc': ignore,
-        'import/no-unresolved': ignore,
-        'react/react-in-jsx-scope': ignore,
-        'import/no-extraneous-dependencies': ignore,
-        'global-require': ignore,
-        'no-redeclare': ignore,
-        'react/prop-types': ignore,
-      },
-    },
-    {
-      files: 'rendererAssets/**/*',
-      env: {
-        browser: true,
-      },
-      rules: {
-        'jsx-a11y/anchor-is-valid': ignore,
-        'import/no-unresolved': ignore,
-        'react/prop-types': ignore,
-        'react/react-in-jsx-scope': ignore,
-        'import/no-extraneous-dependencies': ignore,
-        'import/extensions': ignore,
-        'import/named': ignore,
-      },
-    },
-  ],
-};

package/__mocks__/@aw-web-design/x-default-browser.js

@@ -1,2 +0,0 @@
-// TODO: Once we upgrade to Jest 28/29 we can probably remove this entire mock.
-module.exports = {};

package/bin/index.js

@@ -1,26 +0,0 @@
-#!/usr/bin/env node
-
-const majorNodeVersion = parseInt(process.versions.node, 10);
-if (majorNodeVersion < 18) {
-  console.error('To run Storybook you need to have Node.js 18 or higher');
-  process.exit(1);
-}
-
-// The Storybook CLI has a catch block for all of its commands, but if an error
-// occurs before the command even runs, for instance, if an import fails, then
-// such error will fall under the uncaughtException handler.
-// This is the earliest moment we can catch such errors.
-process.once('uncaughtException', (error) => {
-  if (error.message.includes('string-width')) {
-    console.error(
-      [
-        '🔴 Error: It looks like you are having a known issue with package hoisting.',
-        'Please check the following issue for details and solutions: https://github.com/storybookjs/storybook/issues/22431#issuecomment-1630086092\n\n',
-      ].join('\n')
-    );
-  }
-
-  throw error;
-});
-
-require('../dist/generate.js');

package/dist/block-dependencies-versions-ONWPA5NK.mjs

@@ -1,38 +0,0 @@
-import './chunk-WUKYLWAZ.mjs';
-import './chunk-LGGOBZAG.mjs';
-import { dedent } from 'ts-dedent';
-import { lt } from 'semver';
-import chalk from 'chalk';
-
-var minimalVersionsMap={"@angular/core":"15.0.0","react-scripts":"5.0.0",next:"13.5.0",preact:"10.0.0",svelte:"4.0.0",vue:"3.0.0",vite:"4.0.0"},typedKeys=obj=>Object.keys(obj),blocker={id:"dependenciesVersions",async check({packageManager}){return (await Promise.all(typedKeys(minimalVersionsMap).map(async packageName=>({packageName,installedVersion:await packageManager.getPackageVersion(packageName),minimumVersion:minimalVersionsMap[packageName]})))).reduce((acc,{installedVersion,minimumVersion,packageName})=>acc||(packageName&&installedVersion&&lt(installedVersion,minimumVersion)?{installedVersion,packageName,minimumVersion}:acc),!1)},log(options,data){switch(data.packageName){case"react-scripts":return dedent`
-          Support for react-script < 5.0.0 has been removed.
-          Please see the migration guide for more information:
-          ${chalk.yellow("https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#create-react-app-dropped-cra4-support")}
-          
-          Upgrade to the latest version of react-scripts.
-        `;case"vue":return dedent`
-          Support for Vue 2 has been removed.
-          Please see the migration guide for more information:
-          ${chalk.yellow("https://v3-migration.vuejs.org/")}
-
-          Please upgrade to the latest version of Vue.
-        `;case"@angular/core":return dedent`
-          Support for Angular < 15 has been removed.
-          Please see the migration guide for more information:
-          ${chalk.yellow("https://angular.io/guide/update-to-version-15")}
-
-          Please upgrade to the latest version of Angular.
-        `;case"next":return dedent`
-          Support for Next.js < 13.5 has been removed.
-          Please see the migration guide for more information:
-          ${chalk.yellow("https://nextjs.org/docs/pages/building-your-application/upgrading/version-13")}
-
-          Please upgrade to the latest version of Next.js.
-        `;default:return dedent`
-          Support for ${data.packageName} version < ${data.minimumVersion} has been removed.
-          Since version 8, Storybook needs a minimum version of ${data.minimumVersion}, but you have version ${data.installedVersion}.
-
-          Please update this dependency.
-        `}}};
-
-export { blocker };

package/dist/block-node-version-GDD4HW5I.mjs

@@ -1,14 +0,0 @@
-import './chunk-WUKYLWAZ.mjs';
-import './chunk-LGGOBZAG.mjs';
-import { dedent } from 'ts-dedent';
-import { lt } from 'semver';
-import chalk from 'chalk';
-
-var blocker={id:"minimumNode16",async check(){let nodeVersion=process.versions.node;return nodeVersion&&lt(nodeVersion,"18.0.0")?{nodeVersion}:!1},log(options,data){return dedent`
-      We've detected you're using Node.js v${data.nodeVersion}.
-      Storybook needs Node.js 18 or higher.
-
-      ${chalk.yellow("https://nodejs.org/en/download")}
-    `}};
-
-export { blocker };

package/dist/block-storystorev6-N6QNOLBD.mjs

@@ -1,23 +0,0 @@
-import './chunk-WUKYLWAZ.mjs';
-import './chunk-LGGOBZAG.mjs';
-import { dedent } from 'ts-dedent';
-import chalk from 'chalk';
-
-var blocker={id:"storyStoreV7removal",async check({mainConfig}){let features=mainConfig?.features;return features===void 0?!1:!!Object.hasOwn(features,"storyStoreV7")},log(){return dedent`
-      StoryStoreV7 feature must be removed from your Storybook configuration.
-      This feature was removed in Storybook 8.0.0.
-      Please see the migration guide for more information:
-      ${chalk.yellow("https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#storystorev6-and-storiesof-is-deprecated")}
-      
-      In your Storybook configuration we found storyStoryV7 feature defined. For instance:
-
-      export default = {
-          features: {
-              ${chalk.cyan("storyStoreV7: false")}, <--- ${chalk.bold("remove this line")}
-          },
-      };
-
-      You need to remove the storyStoreV7 property.
-    `}};
-
-export { blocker };

package/dist/chunk-LGGOBZAG.mjs

@@ -1,3 +0,0 @@
-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 __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 Error('Dynamic require of "'+x+'" is not supported')});var __commonJS=(cb,mod)=>function(){return mod||(0, cb[__getOwnPropNames(cb)[0]])((mod={exports:{}}).exports,mod),mod.exports};var __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));
-
-export { __commonJS, __require, __toESM };

package/dist/chunk-WUKYLWAZ.mjs

@@ -1 +0,0 @@
-

package/dist/generate.d.ts

@@ -1,2 +0,0 @@
-
-export { }