@storybook/core-server 6.4.0-alpha.7 → 6.4.0-beta.1

package/dist/cjs/build-dev.js

@@ -62,7 +62,9 @@ async function buildDevStandalone(options) {
   var packageJson = options.packageJson,
       versionUpdates = options.versionUpdates,
       releaseNotes = options.releaseNotes;
-  var version = packageJson.version; // updateInfo and releaseNotesData are cached, so this is typically pretty fast
+  var version = packageJson.version,
+      _packageJson$name = packageJson.name,
+      name = _packageJson$name === void 0 ? '' : _packageJson$name; // updateInfo and releaseNotesData are cached, so this is typically pretty fast
 
   var _await$Promise$all = await Promise.all([(0, _serverAddress.getServerPort)(options.port), versionUpdates ? (0, _updateCheck.updateCheck)(version) : Promise.resolve({
     success: false,
@@ -135,11 +137,15 @@ async function buildDevStandalone(options) {
     if (previewWarnings.length > 0) _nodeLogger.logger.warn(`preview: ${previewWarnings}`);
     process.exit(managerWarnings.length > 0 || previewWarnings.length > 0 && !options.ignorePreview ? 1 : 0);
     return;
-  }
+  } // Get package name and capitalize it e.g. @storybook/react -> React
+
 
+  var packageName = name.split('@storybook/').length > 0 ? name.split('@storybook/')[1] : name;
+  var frameworkName = packageName.charAt(0).toUpperCase() + packageName.slice(1);
   (0, _outputStartupInformation.outputStartupInformation)({
     updateInfo: versionCheck,
     version: version,
+    name: frameworkName,
     address: address,
     networkAddress: networkAddress,
     managerTotalTime: managerTotalTime,

package/dist/cjs/build-static.js

@@ -99,11 +99,12 @@ async function buildStaticStandalone(options) {
   }, options));
   var features = await presets.apply('features');
 
-  if (features !== null && features !== void 0 && features.buildStoriesJson) {
-    var stories = (0, _coreCommon.normalizeStories)(await presets.apply('stories'), options.configDir);
-    await (0, _storiesJson.extractStoriesJson)(_path.default.join(options.outputDir, 'stories.json'), stories.map(function (s) {
-      return s.glob;
-    }), options.configDir);
+  if (features !== null && features !== void 0 && features.buildStoriesJson || features !== null && features !== void 0 && features.storyStoreV7) {
+    var stories = (0, _coreCommon.normalizeStories)(await presets.apply('stories'), {
+      configDir: options.configDir,
+      workingDir: process.cwd()
+    });
+    await (0, _storiesJson.extractStoriesJson)(_path.default.join(options.outputDir, 'stories.json'), stories, options.configDir);
   }
 
   var fullOptions = _objectSpread(_objectSpread({}, options), {}, {
@@ -111,6 +112,11 @@ async function buildStaticStandalone(options) {
     features: features
   });
 
+  if (options.debugWebpack) {
+    (0, _coreCommon.logConfig)('Preview webpack config', await previewBuilder.getConfig(fullOptions));
+    (0, _coreCommon.logConfig)('Manager webpack config', await managerBuilder.getConfig(fullOptions));
+  }
+
   var core = await presets.apply('core');
 
   var _ref = (core === null || core === void 0 ? void 0 : core.builder) === 'webpack5' ? await Promise.resolve().then(function () {

package/dist/cjs/cli/dev.js

@@ -28,7 +28,7 @@ async function getDevCli(packageJson) {
 
   _commander.default.version(packageJson.version).option('-p, --port <number>', 'Port to run Storybook', function (str) {
     return parseInt(str, 10);
-  }).option('-h, --host <string>', 'Host to run Storybook').option('-s, --static-dir <dir-names>', 'Directory where to load static files from', _utils.parseList).option('-c, --config-dir <dir-name>', 'Directory where to load Storybook configurations from').option('--https', 'Serve Storybook over HTTPS. Note: You must provide your own certificate information.').option('--ssl-ca <ca>', 'Provide an SSL certificate authority. (Optional with --https, required if using a self-signed certificate)', _utils.parseList).option('--ssl-cert <cert>', 'Provide an SSL certificate. (Required with --https)').option('--ssl-key <key>', 'Provide an SSL key. (Required with --https)').option('--smoke-test', 'Exit after successful start').option('--ci', "CI mode (skip interactive prompts, don't open browser)").option('--loglevel <level>', 'Control level of logging during build').option('--quiet', 'Suppress verbose build output').option('--no-version-updates', 'Suppress update check', true).option('--no-release-notes', 'Suppress automatic redirects to the release notes after upgrading', true).option('--no-manager-cache', 'Do not cache the manager UI').option('--no-dll', 'Do not use dll references (no-op)').option('--docs-dll', 'Use Docs dll reference (legacy)').option('--ui-dll', 'Use UI dll reference (legacy)').option('--debug-webpack', 'Display final webpack configurations for debugging purposes').option('--webpack-stats-json [directory]', 'Write Webpack Stats JSON to disk').option('--preview-url <string>', 'Disables the default storybook preview and lets your use your own').option('--force-build-preview', 'Build the preview iframe even if you are using --preview-url').option('--docs', 'Build a documentation-only site using addon-docs').option('--modern', 'Use modern browser modules').parse(process.argv);
+  }).option('-h, --host <string>', 'Host to run Storybook').option('-s, --static-dir <dir-names>', 'Directory where to load static files from', _utils.parseList).option('-c, --config-dir <dir-name>', 'Directory where to load Storybook configurations from').option('--https', 'Serve Storybook over HTTPS. Note: You must provide your own certificate information.').option('--ssl-ca <ca>', 'Provide an SSL certificate authority. (Optional with --https, required if using a self-signed certificate)', _utils.parseList).option('--ssl-cert <cert>', 'Provide an SSL certificate. (Required with --https)').option('--ssl-key <key>', 'Provide an SSL key. (Required with --https)').option('--smoke-test', 'Exit after successful start').option('--ci', "CI mode (skip interactive prompts, don't open browser)").option('--no-open', 'Do not open Storybook automatically in the browser').option('--loglevel <level>', 'Control level of logging during build').option('--quiet', 'Suppress verbose build output').option('--no-version-updates', 'Suppress update check', true).option('--no-release-notes', 'Suppress automatic redirects to the release notes after upgrading', true).option('--no-manager-cache', 'Do not cache the manager UI').option('--no-dll', 'Do not use dll references (no-op)').option('--docs-dll', 'Use Docs dll reference (legacy)').option('--ui-dll', 'Use UI dll reference (legacy)').option('--debug-webpack', 'Display final webpack configurations for debugging purposes').option('--webpack-stats-json [directory]', 'Write Webpack Stats JSON to disk').option('--preview-url <string>', 'Disables the default storybook preview and lets your use your own').option('--force-build-preview', 'Build the preview iframe even if you are using --preview-url').option('--docs', 'Build a documentation-only site using addon-docs').option('--modern', 'Use modern browser modules').parse(process.argv);
 
   _nodeLogger.logger.setLevel(_commander.default.loglevel); // Workaround the `-h` shorthand conflict.
   // Output the help if `-h` is called without any value.

package/dist/cjs/cli/utils.js

@@ -14,7 +14,11 @@ var _tsDedent = _interopRequireDefault(require("ts-dedent"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function parseList(str) {
-  return str.split(',');
+  return str.split(',').map(function (item) {
+    return item.trim();
+  }).filter(function (item) {
+    return item.length > 0;
+  });
 }
 
 function getEnvConfig(program, configEnv) {

package/dist/cjs/dev-server.js

@@ -75,7 +75,7 @@ async function storybookDevServer(options) {
   await (0, _serverStatics.useStatics)(router, options);
   var features = await options.presets.apply('features');
 
-  if (features !== null && features !== void 0 && features.buildStoriesJson) {
+  if (features !== null && features !== void 0 && features.buildStoriesJson || features !== null && features !== void 0 && features.storyStoreV7) {
     await (0, _storiesJson.useStoriesJson)(router, options);
   }
 
@@ -131,7 +131,10 @@ async function storybookDevServer(options) {
       managerResult = _await$Promise$all2[1]; // TODO #13083 Remove this when compiling the preview is fast enough
 
 
-  if (!options.ci && !options.smokeTest) (0, _openInBrowser.openInBrowser)(host ? networkAddress : address);
+  if (!options.ci && !options.smokeTest && options.open) {
+    (0, _openInBrowser.openInBrowser)(host ? networkAddress : address);
+  }
+
   return {
     previewResult: previewResult,
     managerResult: managerResult,

package/dist/cjs/presets/common-preset.js

@@ -16,10 +16,17 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 var babel = async function (_, options) {
+  var _options$features;
+
   var configDir = options.configDir,
       presets = options.presets;
+
+  if ((_options$features = options.features) !== null && _options$features !== void 0 && _options$features.babelModeV7) {
+    return presets.apply('babelDefault', {}, options);
+  }
+
   return (0, _coreCommon.loadCustomBabelConfig)(configDir, function () {
-    return presets.apply('babelDefault', (0, _coreCommon.babelConfig)(), options);
+    return presets.apply('babelDefault', (0, _coreCommon.getStorybookBabelConfig)(), options);
   });
 };
 

package/dist/cjs/utils/StoryIndexGenerator.js

@@ -0,0 +1,163 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StoryIndexGenerator = void 0;
+
+require("core-js/modules/es.promise.js");
+
+require("core-js/modules/es.array.flat-map.js");
+
+require("core-js/modules/es.array.unscopables.flat-map.js");
+
+var _path = _interopRequireDefault(require("path"));
+
+var _fsExtra = _interopRequireDefault(require("fs-extra"));
+
+var _globby = _interopRequireDefault(require("globby"));
+
+var _store = require("@storybook/store");
+
+var _nodeLogger = require("@storybook/node-logger");
+
+var _csfTools = require("@storybook/csf-tools");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function sortExtractedStories(stories, storySortParameter, fileNameOrder) {
+  var sortableStories = Object.values(stories);
+  (0, _store.sortStoriesV7)(sortableStories, storySortParameter, fileNameOrder);
+  return sortableStories.reduce(function (acc, item) {
+    acc[item.id] = item;
+    return acc;
+  }, {});
+}
+
+class StoryIndexGenerator {
+  // An internal cache mapping specifiers to a set of path=><set of stories>
+  // Later, we'll combine each of these subsets together to form the full index
+  constructor(specifiers, configDir) {
+    this.specifiers = specifiers;
+    this.configDir = configDir;
+    this.storyIndexEntries = void 0;
+    this.storyIndexEntries = new Map();
+  }
+
+  async initialize() {
+    var _this = this;
+
+    // Find all matching paths for each specifier
+    await Promise.all(this.specifiers.map(async function (specifier) {
+      var pathToSubIndex = {};
+      var files = await (0, _globby.default)(_path.default.join(_this.configDir, specifier.glob));
+      files.forEach(function (fileName) {
+        pathToSubIndex[fileName] = false;
+      });
+
+      _this.storyIndexEntries.set(specifier, pathToSubIndex);
+    })); // Extract stories for each file
+
+    await this.ensureExtracted();
+  }
+
+  async ensureExtracted() {
+    var _this2 = this;
+
+    await Promise.all(this.specifiers.map(async function (specifier) {
+      var entry = _this2.storyIndexEntries.get(specifier);
+
+      await Promise.all(Object.keys(entry).map(async function (fileName) {
+        if (!entry[fileName]) await _this2.extractStories(specifier, fileName);
+      }));
+    }));
+  }
+
+  async extractStories(specifier, absolutePath) {
+    var ext = _path.default.extname(absolutePath);
+
+    var relativePath = _path.default.relative(this.configDir, absolutePath);
+
+    if (!['.js', '.jsx', '.ts', '.tsx', '.mdx'].includes(ext)) {
+      _nodeLogger.logger.info(`Skipping ${ext} file ${relativePath}`);
+
+      return;
+    }
+
+    try {
+      var entry = this.storyIndexEntries.get(specifier);
+      var fileStories = {};
+      var importPath = relativePath[0] === '.' ? relativePath : `./${relativePath}`;
+      var defaultTitle = (0, _store.autoTitleFromSpecifier)(importPath, specifier);
+      var csf = (await (0, _csfTools.readCsfOrMdx)(absolutePath, {
+        defaultTitle: defaultTitle
+      })).parse();
+      csf.stories.forEach(function ({
+        id: id,
+        name: name
+      }) {
+        fileStories[id] = {
+          id: id,
+          title: csf.meta.title,
+          name: name,
+          importPath: importPath
+        };
+      });
+      entry[absolutePath] = fileStories;
+    } catch (err) {
+      _nodeLogger.logger.warn(`🚨 Extraction error on ${relativePath}: ${err}`);
+
+      _nodeLogger.logger.warn(`🚨 ${err.stack}`);
+
+      throw err;
+    }
+  }
+
+  async getIndex() {
+    var _this3 = this;
+
+    // Extract any entries that are currently missing
+    await this.ensureExtracted();
+    var stories = {}; // Check each entry and compose into stories, extracting if needed
+
+    this.specifiers.map(async function (specifier) {
+      Object.values(_this3.storyIndexEntries.get(specifier)).map(function (subStories) {
+        return Object.assign(stories, subStories);
+      });
+    });
+    var storySortParameter = await this.getStorySortParameter();
+    var sorted = sortExtractedStories(stories, storySortParameter, this.storyFileNames());
+    return {
+      v: 3,
+      stories: sorted
+    };
+  }
+
+  async getStorySortParameter() {
+    var _this4 = this;
+
+    var previewFile = ['js', 'jsx', 'ts', 'tsx'].map(function (ext) {
+      return _path.default.join(_this4.configDir, `preview.${ext}`);
+    }).find(function (fname) {
+      return _fsExtra.default.existsSync(fname);
+    });
+    var storySortParameter;
+
+    if (previewFile) {
+      var previewCode = (await _fsExtra.default.readFile(previewFile, 'utf-8')).toString();
+      storySortParameter = await (0, _csfTools.getStorySortParameter)(previewCode);
+    }
+
+    return storySortParameter;
+  } // Get the story file names in "imported order"
+
+
+  storyFileNames() {
+    return Array.from(this.storyIndexEntries.values()).flatMap(function (r) {
+      return Object.keys(r);
+    });
+  }
+
+}
+
+exports.StoryIndexGenerator = StoryIndexGenerator;

package/dist/cjs/utils/output-startup-information.js

@@ -24,6 +24,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function outputStartupInformation(options) {
   var updateInfo = options.updateInfo,
       version = options.version,
+      name = options.name,
       address = options.address,
       networkAddress = options.networkAddress,
       managerTotalTime = options.managerTotalTime,
@@ -57,7 +58,7 @@ function outputStartupInformation(options) {
   var timeStatement = [managerTotalTime && `${_chalk.default.underline((0, _prettyHrtime.default)(managerTotalTime))} for manager`, previewTotalTime && `${_chalk.default.underline((0, _prettyHrtime.default)(previewTotalTime))} for preview`].filter(Boolean).join(' and '); // eslint-disable-next-line no-console
 
   console.log((0, _boxen.default)((0, _tsDedent.default)`
-          ${_nodeLogger.colors.green(`Storybook ${_chalk.default.bold(version)} started`)}
+          ${_nodeLogger.colors.green(`Storybook ${_chalk.default.bold(version)} for ${_chalk.default.bold(name)} started`)}
           ${_chalk.default.gray(timeStatement)}
 
           ${serveMessage.toString()}${updateMessage ? `\n\n${updateMessage}` : ''}

package/dist/cjs/utils/output-stats.js

@@ -8,16 +8,22 @@ exports.writeStats = void 0;
 
 require("core-js/modules/es.promise.js");
 
-var _chalk = _interopRequireDefault(require("chalk"));
-
-var _path = _interopRequireDefault(require("path"));
+var _jsonExt = require("@discoveryjs/json-ext");
 
 var _nodeLogger = require("@storybook/node-logger");
 
+var _chalk = _interopRequireDefault(require("chalk"));
+
 var _fsExtra = _interopRequireDefault(require("fs-extra"));
 
+var _path = _interopRequireDefault(require("path"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
 async function outputStats(directory, previewStats, managerStats) {
   if (previewStats) {
     var filePath = await writeStats(directory, 'preview', previewStats);
@@ -35,7 +41,14 @@ async function outputStats(directory, previewStats, managerStats) {
 var writeStats = async function (directory, name, stats) {
   var filePath = _path.default.join(directory, `${name}-stats.json`);
 
-  await _fsExtra.default.outputFile(filePath, JSON.stringify(stats.toJson(), null, 2), 'utf8');
+  var _stats$toJson = stats.toJson(),
+      chunks = _stats$toJson.chunks,
+      data = _objectWithoutProperties(_stats$toJson, ["chunks"]); // omit chunks, which is about half of the total data
+
+
+  await new Promise(function (resolve, reject) {
+    (0, _jsonExt.stringifyStream)(data, null, 2).on('error', reject).pipe(_fsExtra.default.createWriteStream(filePath)).on('error', reject).on('finish', resolve);
+  });
   return filePath;
 };
 

package/dist/cjs/utils/stories-json.js

@@ -8,100 +8,36 @@ exports.useStoriesJson = useStoriesJson;
 
 require("core-js/modules/es.promise.js");
 
-var _path = _interopRequireDefault(require("path"));
-
 var _fsExtra = _interopRequireDefault(require("fs-extra"));
 
-var _globby = _interopRequireDefault(require("globby"));
-
-var _nodeLogger = require("@storybook/node-logger");
-
 var _coreCommon = require("@storybook/core-common");
 
-var _csfTools = require("@storybook/csf-tools");
+var _StoryIndexGenerator = require("./StoryIndexGenerator");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-async function extractStoriesJson(ouputFile, storiesGlobs, configDir) {
-  if (!storiesGlobs) {
-    throw new Error('No stories glob');
-  }
-
-  var storyFiles = [];
-  await Promise.all(storiesGlobs.map(async function (storiesGlob) {
-    var files = await (0, _globby.default)(_path.default.join(configDir, storiesGlob));
-    storyFiles.push(...files);
-  }));
-
-  _nodeLogger.logger.info(`⚙️ Processing ${storyFiles.length} story files from ${storiesGlobs}`);
-
-  var stories = {};
-  await Promise.all(storyFiles.map(async function (absolutePath) {
-    var ext = _path.default.extname(absolutePath);
-
-    var relativePath = _path.default.relative(configDir, absolutePath);
-
-    if (!['.js', '.jsx', '.ts', '.tsx'].includes(ext)) {
-      _nodeLogger.logger.info(`Skipping ${ext} file ${relativePath}`);
-
-      return;
-    }
-
-    try {
-      var csf = (await (0, _csfTools.readCsf)(absolutePath)).parse();
-      csf.stories.forEach(function (story) {
-        stories[story.id] = _objectSpread(_objectSpread({}, story), {}, {
-          kind: csf.meta.title,
-          parameters: _objectSpread(_objectSpread({}, story.parameters), {}, {
-            fileName: relativePath
-          })
-        });
-      });
-    } catch (err) {
-      _nodeLogger.logger.error(`🚨 Extraction error on ${relativePath}`);
-
-      throw err;
-    }
-  }));
-  await _fsExtra.default.writeJson(ouputFile, {
-    v: 3,
-    stories: stories
-  });
+async function extractStoriesJson(outputFile, normalizedStories, configDir) {
+  var generator = new _StoryIndexGenerator.StoryIndexGenerator(normalizedStories, configDir);
+  await generator.initialize();
+  var index = await generator.getIndex();
+  await _fsExtra.default.writeJson(outputFile, index);
 }
 
-var timeout = 30000; // 30s
-
-var step = 100; // .1s
-
 async function useStoriesJson(router, options) {
-  var storiesJson = (0, _coreCommon.resolvePathInStorybookCache)('stories.json');
-  await _fsExtra.default.remove(storiesJson);
-  var stories = (0, _coreCommon.normalizeStories)(await options.presets.apply('stories'), options.configDir);
-  var globs = stories.map(function (s) {
-    return s.glob;
+  var normalized = (0, _coreCommon.normalizeStories)(await options.presets.apply('stories'), {
+    configDir: options.configDir,
+    workingDir: process.cwd()
   });
-  extractStoriesJson(storiesJson, globs, options.configDir);
   router.use('/stories.json', async function (_req, res) {
-    for (var i = 0; i < timeout / step; i += 1) {
-      if (_fsExtra.default.existsSync(storiesJson)) {
-        // eslint-disable-next-line no-await-in-loop
-        var json = await _fsExtra.default.readFile(storiesJson, 'utf-8');
-        res.header('Content-Type', 'application/json');
-        return res.send(json);
-      } // eslint-disable-next-line no-await-in-loop
-
+    var generator = new _StoryIndexGenerator.StoryIndexGenerator(normalized, options.configDir);
+    await generator.initialize();
 
-      await new Promise(function (r) {
-        return setTimeout(r, step);
-      });
+    try {
+      var index = await generator.getIndex();
+      res.header('Content-Type', 'application/json');
+      return res.send(JSON.stringify(index));
+    } catch (err) {
+      return res.status(500).send(err.message);
     }
-
-    return res.status(408).send('stories.json timeout');
   });
 }

package/dist/esm/build-dev.js

@@ -36,7 +36,9 @@ export async function buildDevStandalone(options) {
   var packageJson = options.packageJson,
       versionUpdates = options.versionUpdates,
       releaseNotes = options.releaseNotes;
-  var version = packageJson.version; // updateInfo and releaseNotesData are cached, so this is typically pretty fast
+  var version = packageJson.version,
+      _packageJson$name = packageJson.name,
+      name = _packageJson$name === void 0 ? '' : _packageJson$name; // updateInfo and releaseNotesData are cached, so this is typically pretty fast
 
   var _await$Promise$all = await Promise.all([getServerPort(options.port), versionUpdates ? updateCheck(version) : Promise.resolve({
     success: false,
@@ -109,11 +111,15 @@ export async function buildDevStandalone(options) {
     if (previewWarnings.length > 0) logger.warn(`preview: ${previewWarnings}`);
     process.exit(managerWarnings.length > 0 || previewWarnings.length > 0 && !options.ignorePreview ? 1 : 0);
     return;
-  }
+  } // Get package name and capitalize it e.g. @storybook/react -> React
+
 
+  var packageName = name.split('@storybook/').length > 0 ? name.split('@storybook/')[1] : name;
+  var frameworkName = packageName.charAt(0).toUpperCase() + packageName.slice(1);
   outputStartupInformation({
     updateInfo: versionCheck,
     version: version,
+    name: frameworkName,
     address: address,
     networkAddress: networkAddress,
     managerTotalTime: managerTotalTime,

package/dist/esm/build-static.js

@@ -27,7 +27,7 @@ import cpy from 'cpy';
 import fs from 'fs-extra';
 import path from 'path';
 import { logger } from '@storybook/node-logger';
-import { loadAllPresets, cache, normalizeStories } from '@storybook/core-common';
+import { loadAllPresets, cache, normalizeStories, logConfig } from '@storybook/core-common';
 import { getProdCli } from './cli';
 import { outputStats } from './utils/output-stats';
 import { copyAllStaticFiles } from './utils/copy-all-static-files';
@@ -71,11 +71,12 @@ export async function buildStaticStandalone(options) {
   }, options));
   var features = await presets.apply('features');
 
-  if (features !== null && features !== void 0 && features.buildStoriesJson) {
-    var stories = normalizeStories(await presets.apply('stories'), options.configDir);
-    await extractStoriesJson(path.join(options.outputDir, 'stories.json'), stories.map(function (s) {
-      return s.glob;
-    }), options.configDir);
+  if (features !== null && features !== void 0 && features.buildStoriesJson || features !== null && features !== void 0 && features.storyStoreV7) {
+    var stories = normalizeStories(await presets.apply('stories'), {
+      configDir: options.configDir,
+      workingDir: process.cwd()
+    });
+    await extractStoriesJson(path.join(options.outputDir, 'stories.json'), stories, options.configDir);
   }
 
   var fullOptions = _objectSpread(_objectSpread({}, options), {}, {
@@ -83,6 +84,11 @@ export async function buildStaticStandalone(options) {
     features: features
   });
 
+  if (options.debugWebpack) {
+    logConfig('Preview webpack config', await previewBuilder.getConfig(fullOptions));
+    logConfig('Manager webpack config', await managerBuilder.getConfig(fullOptions));
+  }
+
   var core = await presets.apply('core');
 
   var _ref = (core === null || core === void 0 ? void 0 : core.builder) === 'webpack5' ? await import('@storybook/manager-webpack5/prebuilt-manager') : await import('@storybook/manager-webpack4/prebuilt-manager'),

package/dist/esm/cli/dev.js

@@ -13,7 +13,7 @@ export async function getDevCli(packageJson) {
   process.env.NODE_ENV = process.env.NODE_ENV || 'development';
   program.version(packageJson.version).option('-p, --port <number>', 'Port to run Storybook', function (str) {
     return parseInt(str, 10);
-  }).option('-h, --host <string>', 'Host to run Storybook').option('-s, --static-dir <dir-names>', 'Directory where to load static files from', parseList).option('-c, --config-dir <dir-name>', 'Directory where to load Storybook configurations from').option('--https', 'Serve Storybook over HTTPS. Note: You must provide your own certificate information.').option('--ssl-ca <ca>', 'Provide an SSL certificate authority. (Optional with --https, required if using a self-signed certificate)', parseList).option('--ssl-cert <cert>', 'Provide an SSL certificate. (Required with --https)').option('--ssl-key <key>', 'Provide an SSL key. (Required with --https)').option('--smoke-test', 'Exit after successful start').option('--ci', "CI mode (skip interactive prompts, don't open browser)").option('--loglevel <level>', 'Control level of logging during build').option('--quiet', 'Suppress verbose build output').option('--no-version-updates', 'Suppress update check', true).option('--no-release-notes', 'Suppress automatic redirects to the release notes after upgrading', true).option('--no-manager-cache', 'Do not cache the manager UI').option('--no-dll', 'Do not use dll references (no-op)').option('--docs-dll', 'Use Docs dll reference (legacy)').option('--ui-dll', 'Use UI dll reference (legacy)').option('--debug-webpack', 'Display final webpack configurations for debugging purposes').option('--webpack-stats-json [directory]', 'Write Webpack Stats JSON to disk').option('--preview-url <string>', 'Disables the default storybook preview and lets your use your own').option('--force-build-preview', 'Build the preview iframe even if you are using --preview-url').option('--docs', 'Build a documentation-only site using addon-docs').option('--modern', 'Use modern browser modules').parse(process.argv);
+  }).option('-h, --host <string>', 'Host to run Storybook').option('-s, --static-dir <dir-names>', 'Directory where to load static files from', parseList).option('-c, --config-dir <dir-name>', 'Directory where to load Storybook configurations from').option('--https', 'Serve Storybook over HTTPS. Note: You must provide your own certificate information.').option('--ssl-ca <ca>', 'Provide an SSL certificate authority. (Optional with --https, required if using a self-signed certificate)', parseList).option('--ssl-cert <cert>', 'Provide an SSL certificate. (Required with --https)').option('--ssl-key <key>', 'Provide an SSL key. (Required with --https)').option('--smoke-test', 'Exit after successful start').option('--ci', "CI mode (skip interactive prompts, don't open browser)").option('--no-open', 'Do not open Storybook automatically in the browser').option('--loglevel <level>', 'Control level of logging during build').option('--quiet', 'Suppress verbose build output').option('--no-version-updates', 'Suppress update check', true).option('--no-release-notes', 'Suppress automatic redirects to the release notes after upgrading', true).option('--no-manager-cache', 'Do not cache the manager UI').option('--no-dll', 'Do not use dll references (no-op)').option('--docs-dll', 'Use Docs dll reference (legacy)').option('--ui-dll', 'Use UI dll reference (legacy)').option('--debug-webpack', 'Display final webpack configurations for debugging purposes').option('--webpack-stats-json [directory]', 'Write Webpack Stats JSON to disk').option('--preview-url <string>', 'Disables the default storybook preview and lets your use your own').option('--force-build-preview', 'Build the preview iframe even if you are using --preview-url').option('--docs', 'Build a documentation-only site using addon-docs').option('--modern', 'Use modern browser modules').parse(process.argv);
   logger.setLevel(program.loglevel); // Workaround the `-h` shorthand conflict.
   // Output the help if `-h` is called without any value.
   // See storybookjs/storybook#5360

package/dist/esm/cli/utils.js

@@ -1,7 +1,11 @@
 import deprecate from 'util-deprecate';
 import dedent from 'ts-dedent';
 export function parseList(str) {
-  return str.split(',');
+  return str.split(',').map(function (item) {
+    return item.trim();
+  }).filter(function (item) {
+    return item.length > 0;
+  });
 }
 export function getEnvConfig(program, configEnv) {
   Object.keys(configEnv).forEach(function (fieldName) {

package/dist/esm/dev-server.js

@@ -46,7 +46,7 @@ export async function storybookDevServer(options) {
   await useStatics(router, options);
   var features = await options.presets.apply('features');
 
-  if (features !== null && features !== void 0 && features.buildStoriesJson) {
+  if (features !== null && features !== void 0 && features.buildStoriesJson || features !== null && features !== void 0 && features.storyStoreV7) {
     await useStoriesJson(router, options);
   }
 
@@ -102,7 +102,10 @@ export async function storybookDevServer(options) {
       managerResult = _await$Promise$all2[1]; // TODO #13083 Remove this when compiling the preview is fast enough
 
 
-  if (!options.ci && !options.smokeTest) openInBrowser(host ? networkAddress : address);
+  if (!options.ci && !options.smokeTest && options.open) {
+    openInBrowser(host ? networkAddress : address);
+  }
+
   return {
     previewResult: previewResult,
     managerResult: managerResult,

package/dist/esm/presets/common-preset.js

@@ -5,12 +5,19 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 import "core-js/modules/es.promise.js";
-import { getPreviewBodyTemplate, getPreviewHeadTemplate, getManagerMainTemplate, getPreviewMainTemplate, loadCustomBabelConfig, babelConfig, loadEnvs } from '@storybook/core-common';
+import { getPreviewBodyTemplate, getPreviewHeadTemplate, getManagerMainTemplate, getPreviewMainTemplate, loadCustomBabelConfig, getStorybookBabelConfig, loadEnvs } from '@storybook/core-common';
 export var babel = async function (_, options) {
+  var _options$features;
+
   var configDir = options.configDir,
       presets = options.presets;
+
+  if ((_options$features = options.features) !== null && _options$features !== void 0 && _options$features.babelModeV7) {
+    return presets.apply('babelDefault', {}, options);
+  }
+
   return loadCustomBabelConfig(configDir, function () {
-    return presets.apply('babelDefault', babelConfig(), options);
+    return presets.apply('babelDefault', getStorybookBabelConfig(), options);
   });
 };
 export var logLevel = function (previous, options) {