@storybook/core-server 6.4.0-beta.3 → 6.4.0-beta.33

package/dist/cjs/build-dev.js

@@ -96,6 +96,7 @@ async function buildDevStandalone(options) {
   options.configType = 'DEVELOPMENT';
   options.configDir = _path.default.resolve(options.configDir);
   options.outputDir = options.smokeTest ? (0, _coreCommon.resolvePathInStorybookCache)('public') : _path.default.resolve(options.outputDir || (0, _coreCommon.resolvePathInStorybookCache)('public'));
+  options.serverChannelUrl = (0, _serverAddress.getServerChannelUrl)(port, options);
   /* eslint-enable no-param-reassign */
 
   var previewBuilder = await (0, _getPreviewBuilder.getPreviewBuilder)(options.configDir);

package/dist/cjs/build-static.js

@@ -18,6 +18,8 @@ var _fsExtra = _interopRequireDefault(require("fs-extra"));
 
 var _path = _interopRequireDefault(require("path"));
 
+var _tsDedent = _interopRequireDefault(require("ts-dedent"));
+
 var _nodeLogger = require("@storybook/node-logger");
 
 var _coreCommon = require("@storybook/core-common");
@@ -90,21 +92,43 @@ async function buildStaticStandalone(options) {
 
   await _fsExtra.default.emptyDir(options.outputDir);
   await (0, _cpy.default)(defaultFavIcon, options.outputDir);
-  await (0, _copyAllStaticFiles.copyAllStaticFiles)(options.staticDir, options.outputDir);
   var previewBuilder = await (0, _getPreviewBuilder.getPreviewBuilder)(options.configDir);
   var managerBuilder = await (0, _getManagerBuilder.getManagerBuilder)(options.configDir);
   var presets = (0, _coreCommon.loadAllPresets)(_objectSpread({
     corePresets: [require.resolve('./presets/common-preset'), ...managerBuilder.corePresets, ...previewBuilder.corePresets, require.resolve('./presets/babel-cache-preset')],
     overridePresets: previewBuilder.overridePresets
   }, options));
+  var staticDirs = await presets.apply('staticDirs');
+
+  if (staticDirs && options.staticDir) {
+    throw new Error((0, _tsDedent.default)`
+      Conflict when trying to read staticDirs:
+      * Storybook's configuration option: 'staticDirs'
+      * Storybook's CLI flag: '--staticDir' or '-s'
+      
+      Choose one of them, but not both.
+    `);
+  }
+
+  if (staticDirs) {
+    await (0, _copyAllStaticFiles.copyAllStaticFilesRelativeToMain)(staticDirs, options.outputDir, options.configDir);
+  }
+
+  if (options.staticDir) {
+    await (0, _copyAllStaticFiles.copyAllStaticFiles)(options.staticDir, options.outputDir);
+  }
+
   var features = await presets.apply('features');
 
   if (features !== null && features !== void 0 && features.buildStoriesJson || features !== null && features !== void 0 && features.storyStoreV7) {
-    var stories = (0, _coreCommon.normalizeStories)(await presets.apply('stories'), {
+    var directories = {
       configDir: options.configDir,
       workingDir: process.cwd()
-    });
-    await (0, _storiesJson.extractStoriesJson)(_path.default.join(options.outputDir, 'stories.json'), stories, options.configDir);
+    };
+    var stories = (0, _coreCommon.normalizeStories)(await presets.apply('stories'), directories);
+    await (0, _storiesJson.extractStoriesJson)(_path.default.join(options.outputDir, 'stories.json'), stories, _objectSpread(_objectSpread({}, directories), {}, {
+      storiesV2Compatibility: !(features !== null && features !== void 0 && features.breakingChangesV7) && !(features !== null && features !== void 0 && features.storyStoreV7)
+    }));
   }
 
   var fullOptions = _objectSpread(_objectSpread({}, options), {}, {

package/dist/cjs/cli/prod.js

@@ -24,7 +24,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 function getProdCli(packageJson) {
   process.env.NODE_ENV = process.env.NODE_ENV || 'production';
 
-  _commander.default.version(packageJson.version).option('-s, --static-dir <dir-names>', 'Directory where to load static files from', _utils.parseList).option('-o, --output-dir <dir-name>', 'Directory where to store built files').option('-c, --config-dir <dir-name>', 'Directory where to load Storybook configurations from').option('-w, --watch', 'Enable watch mode').option('--quiet', 'Suppress verbose build output').option('--loglevel <level>', 'Control level of logging during build').option('--no-dll', 'Do not use dll reference (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);
+  _commander.default.version(packageJson.version).option('-s, --static-dir <dir-names>', 'Directory where to load static files from', _utils.parseList).option('-o, --output-dir <dir-name>', 'Directory where to store built files').option('-c, --config-dir <dir-name>', 'Directory where to load Storybook configurations from').option('--quiet', 'Suppress verbose build output').option('--loglevel <level>', 'Control level of logging during build').option('--no-dll', 'Do not use dll reference (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);
 

package/dist/cjs/cli/utils.js

@@ -32,14 +32,32 @@ function getEnvConfig(program, configEnv) {
   });
 }
 
-var warnDLLsDeprecated = (0, _utilDeprecate.default)(function () {}, (0, _tsDedent.default)`
+var warnDeprecatedFlag = function (message) {
+  return (0, _utilDeprecate.default)(function () {}, (0, _tsDedent.default)(message));
+};
+
+var warnDLLsDeprecated = warnDeprecatedFlag(`
     DLL-related CLI flags are deprecated, see:
     
     https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-dll-flags
   `);
+var warnStaticDirDeprecated = warnDeprecatedFlag(`
+    --static-dir CLI flag is deprecated, see:
+
+    https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-static-dir-flag
+  `);
 
-function checkDeprecatedFlags(options) {
-  if (!options.dll || options.uiDll || options.docsDll) {
+function checkDeprecatedFlags({
+  dll: dll,
+  uiDll: uiDll,
+  docsDll: docsDll,
+  staticDir: staticDir
+}) {
+  if (!dll || uiDll || docsDll) {
     warnDLLsDeprecated();
   }
+
+  if (staticDir) {
+    warnStaticDirDeprecated();
+  }
 }

package/dist/cjs/dev-server.js

@@ -26,6 +26,8 @@ var _serverStatics = require("./utils/server-statics");
 
 var _storiesJson = require("./utils/stories-json");
 
+var _getServerChannel = require("./utils/get-server-channel");
+
 var _openInBrowser = require("./utils/open-in-browser");
 
 var _getPreviewBuilder = require("./utils/get-preview-builder");
@@ -58,6 +60,7 @@ async function storybookDevServer(options) {
   var startTime = process.hrtime();
   var app = (0, _express.default)();
   var server = await (0, _serverInit.getServer)(app, options);
+  var serverChannel = (0, _getServerChannel.getServerChannel)(server);
   app.use((0, _compression.default)({
     level: 1
   }));
@@ -76,7 +79,7 @@ async function storybookDevServer(options) {
   var features = await options.presets.apply('features');
 
   if (features !== null && features !== void 0 && features.buildStoriesJson || features !== null && features !== void 0 && features.storyStoreV7) {
-    await (0, _storiesJson.useStoriesJson)(router, options);
+    await (0, _storiesJson.useStoriesJson)(router, serverChannel, options);
   }
 
   (0, _middleware.getMiddleware)(options.configDir)(router);

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

@@ -107,7 +107,8 @@ exports.typescript = typescript;
 
 var features = async function (existing) {
   return _objectSpread(_objectSpread({}, existing), {}, {
-    postcss: true
+    postcss: true,
+    emotionAlias: true
   });
 };
 

package/dist/cjs/utils/StoryIndexGenerator.js

@@ -1,5 +1,7 @@
 "use strict";
 
+require("core-js/modules/es.symbol.description.js");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -17,6 +19,8 @@ var _fsExtra = _interopRequireDefault(require("fs-extra"));
 
 var _globby = _interopRequireDefault(require("globby"));
 
+var _slash = _interopRequireDefault(require("slash"));
+
 var _store = require("@storybook/store");
 
 var _nodeLogger = require("@storybook/node-logger");
@@ -25,6 +29,24 @@ var _csfTools = require("@storybook/csf-tools");
 
 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; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 function sortExtractedStories(stories, storySortParameter, fileNameOrder) {
   var sortableStories = Object.values(stories);
   (0, _store.sortStoriesV7)(sortableStories, storySortParameter, fileNameOrder);
@@ -37,10 +59,14 @@ function sortExtractedStories(stories, storySortParameter, fileNameOrder) {
 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) {
+  // Cache the last value of `getStoryIndex`. We invalidate (by unsetting) when:
+  //  - any file changes, including deletions
+  //  - the preview changes [not yet implemented]
+  constructor(specifiers, options) {
     this.specifiers = specifiers;
-    this.configDir = configDir;
+    this.options = options;
     this.storyIndexEntries = void 0;
+    this.lastIndex = void 0;
     this.storyIndexEntries = new Map();
   }
 
@@ -50,9 +76,20 @@ class StoryIndexGenerator {
     // 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;
+      var fullGlob = (0, _slash.default)(_path.default.join(_this.options.workingDir, specifier.directory, specifier.files));
+      var files = await (0, _globby.default)(fullGlob);
+      files.forEach(function (absolutePath) {
+        var ext = _path.default.extname(absolutePath);
+
+        var relativePath = _path.default.relative(_this.options.workingDir, absolutePath);
+
+        if (!['.js', '.jsx', '.ts', '.tsx', '.mdx'].includes(ext)) {
+          _nodeLogger.logger.info(`Skipping ${ext} file ${relativePath}`);
+
+          return;
+        }
+
+        pathToSubIndex[absolutePath] = false;
       });
 
       _this.storyIndexEntries.set(specifier, pathToSubIndex);
@@ -64,30 +101,23 @@ class StoryIndexGenerator {
   async ensureExtracted() {
     var _this2 = this;
 
-    await Promise.all(this.specifiers.map(async function (specifier) {
+    return (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);
+      return Promise.all(Object.keys(entry).map(async function (absolutePath) {
+        return entry[absolutePath] || _this2.extractStories(specifier, absolutePath);
       }));
-    }));
+    }))).flat();
   }
 
   async extractStories(specifier, absolutePath) {
-    var ext = _path.default.extname(absolutePath);
-
-    var relativePath = _path.default.relative(this.configDir, absolutePath);
+    var relativePath = _path.default.relative(this.options.workingDir, absolutePath);
 
-    if (!['.js', '.jsx', '.ts', '.tsx', '.mdx'].includes(ext)) {
-      _nodeLogger.logger.info(`Skipping ${ext} file ${relativePath}`);
-
-      return;
-    }
+    var fileStories = {};
+    var entry = this.storyIndexEntries.get(specifier);
 
     try {
-      var entry = this.storyIndexEntries.get(specifier);
-      var fileStories = {};
-      var importPath = relativePath[0] === '.' ? relativePath : `./${relativePath}`;
+      var importPath = (0, _slash.default)(relativePath[0] === '.' ? relativePath : `./${relativePath}`);
       var defaultTitle = (0, _store.autoTitleFromSpecifier)(importPath, specifier);
       var csf = (await (0, _csfTools.readCsfOrMdx)(absolutePath, {
         defaultTitle: defaultTitle
@@ -103,41 +133,87 @@ class StoryIndexGenerator {
           importPath: importPath
         };
       });
-      entry[absolutePath] = fileStories;
     } catch (err) {
-      _nodeLogger.logger.warn(`🚨 Extraction error on ${relativePath}: ${err}`);
-
-      _nodeLogger.logger.warn(`🚨 ${err.stack}`);
+      if (err.name === 'NoMetaError') {
+        _nodeLogger.logger.info(`💡 Skipping ${relativePath}: ${err}`);
+      } else {
+        _nodeLogger.logger.warn(`🚨 Extraction error on ${relativePath}: ${err}`);
 
-      throw err;
+        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
+    entry[absolutePath] = fileStories;
+    return fileStories;
+  }
 
-    this.specifiers.map(async function (specifier) {
-      Object.values(_this3.storyIndexEntries.get(specifier)).map(function (subStories) {
-        return Object.assign(stories, subStories);
-      });
+  async sortStories(storiesList) {
+    var stories = {};
+    storiesList.forEach(function (subStories) {
+      Object.assign(stories, subStories);
     });
     var storySortParameter = await this.getStorySortParameter();
-    var sorted = sortExtractedStories(stories, storySortParameter, this.storyFileNames());
-    return {
+    return sortExtractedStories(stories, storySortParameter, this.storyFileNames());
+  }
+
+  async getIndex() {
+    if (this.lastIndex) return this.lastIndex; // Extract any entries that are currently missing
+    // Pull out each file's stories into a list of stories, to be composed and sorted
+
+    var storiesList = await this.ensureExtracted();
+    var sorted = await this.sortStories(storiesList);
+    var compat = sorted;
+
+    if (this.options.storiesV2Compatibility) {
+      var titleToStoryCount = Object.values(sorted).reduce(function (acc, story) {
+        acc[story.title] = (acc[story.title] || 0) + 1;
+        return acc;
+      }, {});
+      compat = Object.entries(sorted).reduce(function (acc, entry) {
+        var _entry = _slicedToArray(entry, 2),
+            id = _entry[0],
+            story = _entry[1];
+
+        acc[id] = _objectSpread(_objectSpread({}, story), {}, {
+          id: id,
+          kind: story.title,
+          story: story.name,
+          parameters: {
+            __id: story.id,
+            docsOnly: titleToStoryCount[story.title] === 1 && story.name === 'Page',
+            fileName: story.importPath
+          }
+        });
+        return acc;
+      }, {});
+    }
+
+    this.lastIndex = {
       v: 3,
-      stories: sorted
+      stories: compat
     };
+    return this.lastIndex;
+  }
+
+  invalidate(specifier, importPath, removed) {
+    var absolutePath = _path.default.resolve(this.options.workingDir, importPath);
+
+    var pathToEntries = this.storyIndexEntries.get(specifier);
+
+    if (removed) {
+      delete pathToEntries[absolutePath];
+    } else {
+      pathToEntries[absolutePath] = false;
+    }
+
+    this.lastIndex = null;
   }
 
   async getStorySortParameter() {
-    var _this4 = this;
+    var _this3 = this;
 
     var previewFile = ['js', 'jsx', 'ts', 'tsx'].map(function (ext) {
-      return _path.default.join(_this4.configDir, `preview.${ext}`);
+      return _path.default.join(_this3.options.configDir, `preview.${ext}`);
     }).find(function (fname) {
       return _fsExtra.default.existsSync(fname);
     });

package/dist/cjs/utils/__mockdata__/E.stories.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StoryOne = exports.default = void 0;
+var component = {};
+var _default = {
+  component: component
+};
+exports.default = _default;
+var StoryOne = {};
+exports.StoryOne = StoryOne;

package/dist/cjs/utils/__mockdata__/deeply/nested/single/File.stories.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StoryOne = exports.default = void 0;
+var _default = {
+  component: {}
+};
+exports.default = _default;
+var StoryOne = {};
+exports.StoryOne = StoryOne;

package/dist/cjs/utils/__mockdata__/preview.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.parameters = void 0;
+var parameters = {};
+exports.parameters = parameters;

package/dist/cjs/utils/__mockdata__/src/A.stories.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StoryOne = exports.default = void 0;
+var component = {};
+var _default = {
+  component: component
+};
+exports.default = _default;
+var StoryOne = {};
+exports.StoryOne = StoryOne;

package/dist/cjs/utils/__mockdata__/src/B.stories.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StoryOne = exports.default = void 0;
+var component = {};
+var _default = {
+  component: component
+};
+exports.default = _default;
+var StoryOne = {};
+exports.StoryOne = StoryOne;

package/dist/cjs/utils/__mockdata__/src/C.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.C = void 0;
+var C = {};
+exports.C = C;

package/dist/cjs/utils/__mockdata__/src/D.stories.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StoryOne = exports.default = void 0;
+var component = {};
+var _default = {
+  component: component
+};
+exports.default = _default;
+var StoryOne = {};
+exports.StoryOne = StoryOne;

package/dist/cjs/utils/__mockdata__/src/NoMeta.stories.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StoryOne = void 0;
+
+/* eslint-disable storybook/default-exports */
+// no default export
+// e.g. https://github.com/storybookjs/storybook/issues/16421
+var StoryOne = {};
+exports.StoryOne = StoryOne;

package/dist/cjs/utils/__mockdata__/src/nested/Button.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Button = void 0;
+var Button = {};
+exports.Button = Button;

package/dist/cjs/utils/__mockdata__/src/nested/Button.stories.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StoryOne = exports.default = void 0;
+var component = {};
+var _default = {
+  component: component
+};
+exports.default = _default;
+var StoryOne = {};
+exports.StoryOne = StoryOne;

package/dist/cjs/utils/__mockdata__/src/nested/Page.mdx

@@ -0,0 +1 @@
+<h1>Some MDX</h1>

package/dist/cjs/utils/__mockdata__/src/nested/Page.stories.mdx

@@ -0,0 +1,5 @@
+import { Meta, Story } from '@storybook/addon-docs';
+
+<Meta component={{}} />;
+
+<Story name="StoryOne" />

package/dist/cjs/utils/__mockdata__/src/second-nested/F.stories.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StoryOne = exports.default = void 0;
+var component = {};
+var _default = {
+  component: component
+};
+exports.default = _default;
+var StoryOne = {};
+exports.StoryOne = StoryOne;

package/dist/cjs/utils/copy-all-static-files.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.copyAllStaticFiles = copyAllStaticFiles;
+exports.copyAllStaticFilesRelativeToMain = copyAllStaticFilesRelativeToMain;
 
 require("core-js/modules/es.promise.js");
 
@@ -15,6 +16,8 @@ var _path = _interopRequireDefault(require("path"));
 
 var _nodeLogger = require("@storybook/node-logger");
 
+var _coreCommon = require("@storybook/core-common");
+
 var _serverStatics = require("./server-statics");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -50,4 +53,34 @@ async function copyAllStaticFiles(staticDirs, outputDir) {
       }
     }));
   }
+}
+
+async function copyAllStaticFilesRelativeToMain(staticDirs, outputDir, configDir) {
+  staticDirs.forEach(async function (dir) {
+    var staticDirAndTarget = typeof dir === 'string' ? dir : `${dir.from}:${dir.to}`;
+
+    var _await$parseStaticDir2 = await (0, _serverStatics.parseStaticDir)((0, _coreCommon.getDirectoryFromWorkingDir)({
+      configDir: configDir,
+      workingDir: process.cwd(),
+      directory: staticDirAndTarget
+    })),
+        from = _await$parseStaticDir2.staticPath,
+        to = _await$parseStaticDir2.targetEndpoint;
+
+    var targetPath = _path.default.join(outputDir, to);
+
+    var skipPaths = ['index.html', 'iframe.html'].map(function (f) {
+      return _path.default.join(targetPath, f);
+    });
+
+    _nodeLogger.logger.info((0, _chalk.default)`=> Copying static files: {cyan ${from}} at {cyan ${targetPath}}`);
+
+    await _fsExtra.default.copy(from, targetPath, {
+      dereference: true,
+      preserveTimestamps: true,
+      filter: function (_, dest) {
+        return !skipPaths.includes(dest);
+      }
+    });
+  });
 }

package/dist/cjs/utils/get-server-channel.js

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getServerChannel = getServerChannel;
+exports.ServerChannel = void 0;
+
+var _ws = _interopRequireWildcard(require("ws"));
+
+var _telejson = require("telejson");
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+class ServerChannel {
+  constructor(server) {
+    var _this = this;
+
+    this.webSocketServer = void 0;
+    this.webSocketServer = new _ws.WebSocketServer({
+      noServer: true
+    });
+    server.on('upgrade', function (request, socket, head) {
+      if (request.url === '/storybook-server-channel') {
+        _this.webSocketServer.handleUpgrade(request, socket, head, function (ws) {
+          _this.webSocketServer.emit('connection', ws, request);
+        });
+      }
+    });
+  }
+
+  emit(type, args = []) {
+    var event = {
+      type: type,
+      args: args
+    };
+    var data = (0, _telejson.stringify)(event, {
+      maxDepth: 15,
+      allowFunction: true
+    });
+    Array.from(this.webSocketServer.clients).filter(function (c) {
+      return c.readyState === _ws.default.OPEN;
+    }).forEach(function (client) {
+      return client.send(data);
+    });
+  }
+
+}
+
+exports.ServerChannel = ServerChannel;
+
+function getServerChannel(server) {
+  return new ServerChannel(server);
+}