@storybook/core-server 7.0.0-alpha.0 → 7.0.0-alpha.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (38) hide show
  1. package/dist/cjs/build-dev.js +1 -1
  2. package/dist/cjs/build-static.js +52 -77
  3. package/dist/cjs/dev-server.js +1 -2
  4. package/dist/cjs/index.js +0 -14
  5. package/dist/cjs/presets/common-preset.js +7 -15
  6. package/dist/cjs/utils/StoryIndexGenerator.js +222 -38
  7. package/dist/cjs/utils/copy-all-static-files.js +1 -1
  8. package/dist/cjs/utils/get-builders.js +4 -9
  9. package/dist/cjs/utils/metadata.js +2 -4
  10. package/dist/cjs/utils/open-in-browser.js +5 -3
  11. package/dist/cjs/utils/output-startup-information.js +2 -2
  12. package/dist/cjs/utils/server-statics.js +3 -3
  13. package/dist/cjs/utils/stories-json.js +61 -9
  14. package/dist/cjs/utils/update-check.js +2 -2
  15. package/dist/cjs/utils/watch-story-specifiers.js +5 -2
  16. package/dist/esm/build-dev.js +1 -1
  17. package/dist/esm/build-static.js +52 -71
  18. package/dist/esm/dev-server.js +1 -2
  19. package/dist/esm/index.js +3 -2
  20. package/dist/esm/presets/common-preset.js +5 -13
  21. package/dist/esm/utils/StoryIndexGenerator.js +221 -36
  22. package/dist/esm/utils/copy-all-static-files.js +1 -1
  23. package/dist/esm/utils/get-builders.js +3 -8
  24. package/dist/esm/utils/metadata.js +2 -2
  25. package/dist/esm/utils/open-in-browser.js +6 -4
  26. package/dist/esm/utils/output-startup-information.js +1 -1
  27. package/dist/esm/utils/server-statics.js +1 -1
  28. package/dist/esm/utils/stories-json.js +56 -7
  29. package/dist/esm/utils/update-check.js +1 -1
  30. package/dist/esm/utils/watch-story-specifiers.js +4 -2
  31. package/dist/types/build-static.d.ts +3 -1
  32. package/dist/types/dev-server.d.ts +1 -1
  33. package/dist/types/index.d.ts +2 -2
  34. package/dist/types/presets/common-preset.d.ts +2 -2
  35. package/dist/types/utils/StoryIndexGenerator.d.ts +20 -5
  36. package/dist/types/utils/stories-json.d.ts +3 -1
  37. package/package.json +18 -20
  38. package/typings.d.ts +0 -14
@@ -143,7 +143,7 @@ async function buildDevStandalone(options) {
143
143
 
144
144
  if (options.webpackStatsJson) {
145
145
  var target = options.webpackStatsJson === true ? options.outputDir : options.webpackStatsJson;
146
- await (0, _outputStats.outputStats)(target, previewStats, managerStats);
146
+ await (0, _outputStats.outputStats)(target, previewStats);
147
147
  }
148
148
 
149
149
  if (options.smokeTest) {
@@ -11,13 +11,11 @@ require("core-js/modules/es.promise.js");
11
11
 
12
12
  var _chalk = _interopRequireDefault(require("chalk"));
13
13
 
14
- var _cpy = _interopRequireDefault(require("cpy"));
14
+ var _fsExtra = require("fs-extra");
15
15
 
16
- var _fsExtra = _interopRequireDefault(require("fs-extra"));
16
+ var _path = require("path");
17
17
 
18
- var _path = _interopRequireWildcard(require("path"));
19
-
20
- var _tsDedent = _interopRequireDefault(require("ts-dedent"));
18
+ var _tsDedent = require("ts-dedent");
21
19
 
22
20
  var _global = _interopRequireDefault(require("global"));
23
21
 
@@ -59,10 +57,6 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
59
57
 
60
58
  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; }
61
59
 
62
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
63
-
64
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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; }
65
-
66
60
  async function buildStaticStandalone(options) {
67
61
  var _options$staticDir;
68
62
 
@@ -77,25 +71,18 @@ async function buildStaticStandalone(options) {
77
71
  throw new Error("Won't copy root directory. Check your staticDirs!");
78
72
  }
79
73
 
80
- options.outputDir = _path.default.isAbsolute(options.outputDir) ? options.outputDir : _path.default.join(process.cwd(), options.outputDir);
81
- options.configDir = _path.default.resolve(options.configDir);
74
+ options.outputDir = (0, _path.isAbsolute)(options.outputDir) ? options.outputDir : (0, _path.join)(process.cwd(), options.outputDir);
75
+ options.configDir = (0, _path.resolve)(options.configDir);
82
76
  /* eslint-enable no-param-reassign */
83
77
 
84
- var defaultFavIcon = require.resolve('@storybook/core-server/public/favicon.ico');
85
-
86
- _nodeLogger.logger.info((0, _chalk.default)`=> Cleaning outputDir: {cyan ${options.outputDir}}`);
78
+ _nodeLogger.logger.info((0, _chalk.default)`=> Cleaning outputDir: {cyan ${options.outputDir.replace(process.cwd(), '')}}`);
87
79
 
88
80
  if (options.outputDir === '/') {
89
81
  throw new Error("Won't remove directory '/'. Check your outputDir!");
90
82
  }
91
83
 
92
- await _fsExtra.default.emptyDir(options.outputDir);
93
- await (0, _cpy.default)(defaultFavIcon, options.outputDir);
94
-
95
- var _await$import = await Promise.resolve().then(function () {
96
- return _interopRequireWildcard(require('@storybook/manager-webpack5/prebuilt-manager'));
97
- }),
98
- getPrebuiltDir = _await$import.getPrebuiltDir;
84
+ await (0, _fsExtra.emptyDir)(options.outputDir);
85
+ await (0, _fsExtra.ensureDir)(options.outputDir);
99
86
 
100
87
  var _loadMainConfig = (0, _coreCommon.loadMainConfig)(options),
101
88
  framework = _loadMainConfig.framework;
@@ -124,13 +111,25 @@ async function buildStaticStandalone(options) {
124
111
  managerBuilder = _await$getBuilders2[1];
125
112
 
126
113
  presets = (0, _coreCommon.loadAllPresets)(_objectSpread({
127
- corePresets: [require.resolve('./presets/common-preset'), ...managerBuilder.corePresets, ...previewBuilder.corePresets, ...corePresets, require.resolve('./presets/babel-cache-preset')],
128
- overridePresets: previewBuilder.overridePresets
114
+ corePresets: [require.resolve('./presets/common-preset'), ...(managerBuilder.corePresets || []), ...(previewBuilder.corePresets || []), ...corePresets, require.resolve('./presets/babel-cache-preset')],
115
+ overridePresets: previewBuilder.overridePresets || []
129
116
  }, options));
130
- var staticDirs = await presets.apply('staticDirs');
117
+
118
+ var _await$Promise$all = await Promise.all([presets.apply('features'), presets.apply('core'), presets.apply('staticDirs'), presets.apply('storyIndexers', []), presets.apply('stories')]),
119
+ _await$Promise$all2 = _slicedToArray(_await$Promise$all, 5),
120
+ features = _await$Promise$all2[0],
121
+ core = _await$Promise$all2[1],
122
+ staticDirs = _await$Promise$all2[2],
123
+ storyIndexers = _await$Promise$all2[3],
124
+ stories = _await$Promise$all2[4];
125
+
126
+ var fullOptions = _objectSpread(_objectSpread({}, options), {}, {
127
+ presets: presets,
128
+ features: features
129
+ });
131
130
 
132
131
  if (staticDirs && options.staticDir) {
133
- throw new Error((0, _tsDedent.default)`
132
+ throw new Error((0, _tsDedent.dedent)`
134
133
  Conflict when trying to read staticDirs:
135
134
  * Storybook's configuration option: 'staticDirs'
136
135
  * Storybook's CLI flag: '--staticDir' or '-s'
@@ -139,17 +138,23 @@ async function buildStaticStandalone(options) {
139
138
  `);
140
139
  }
141
140
 
141
+ var effects = [];
142
+ _global.default.FEATURES = features;
143
+ await managerBuilder.build({
144
+ startTime: process.hrtime(),
145
+ options: fullOptions
146
+ });
147
+
142
148
  if (staticDirs) {
143
- await (0, _copyAllStaticFiles.copyAllStaticFilesRelativeToMain)(staticDirs, options.outputDir, options.configDir);
149
+ effects.push((0, _copyAllStaticFiles.copyAllStaticFilesRelativeToMain)(staticDirs, options.outputDir, options.configDir));
144
150
  }
145
151
 
146
152
  if (options.staticDir) {
147
- await (0, _copyAllStaticFiles.copyAllStaticFiles)(options.staticDir, options.outputDir);
153
+ effects.push((0, _copyAllStaticFiles.copyAllStaticFiles)(options.staticDir, options.outputDir));
148
154
  }
149
155
 
150
- var features = await presets.apply('features');
151
- _global.default.FEATURES = features;
152
- var extractTasks = [];
156
+ var coreServerPublicDir = (0, _path.join)((0, _path.dirname)(require.resolve('@storybook/core-server/package.json')), 'public');
157
+ effects.push((0, _fsExtra.copy)(coreServerPublicDir, options.outputDir));
153
158
  var initializedStoryIndexGenerator = Promise.resolve(undefined);
154
159
 
155
160
  if ((features !== null && features !== void 0 && features.buildStoriesJson || features !== null && features !== void 0 && features.storyStoreV7) && !options.ignorePreview) {
@@ -158,23 +163,21 @@ async function buildStaticStandalone(options) {
158
163
  configDir: options.configDir,
159
164
  workingDir: workingDir
160
165
  };
161
- var normalizedStories = (0, _coreCommon.normalizeStories)(await presets.apply('stories'), directories);
162
- var storyIndexers = await presets.apply('storyIndexers', []);
166
+ var normalizedStories = (0, _coreCommon.normalizeStories)(stories, directories);
163
167
  var generator = new _StoryIndexGenerator.StoryIndexGenerator(normalizedStories, _objectSpread(_objectSpread({}, directories), {}, {
164
168
  storyIndexers: storyIndexers,
165
169
  storiesV2Compatibility: !(features !== null && features !== void 0 && features.breakingChangesV7) && !(features !== null && features !== void 0 && features.storyStoreV7),
166
- storyStoreV7: features === null || features === void 0 ? void 0 : features.storyStoreV7
170
+ storyStoreV7: !!(features !== null && features !== void 0 && features.storyStoreV7)
167
171
  }));
168
172
  initializedStoryIndexGenerator = generator.initialize().then(function () {
169
173
  return generator;
170
174
  });
171
- extractTasks.push((0, _storiesJson.extractStoriesJson)(_path.default.join(options.outputDir, 'stories.json'), initializedStoryIndexGenerator));
175
+ effects.push((0, _storiesJson.extractStoriesJson)((0, _path.join)(options.outputDir, 'stories.json'), initializedStoryIndexGenerator, _storiesJson.convertToIndexV3));
176
+ effects.push((0, _storiesJson.extractStoriesJson)((0, _path.join)(options.outputDir, 'index.json'), initializedStoryIndexGenerator));
172
177
  }
173
178
 
174
- var core = await presets.apply('core');
175
-
176
179
  if (!(core !== null && core !== void 0 && core.disableTelemetry)) {
177
- initializedStoryIndexGenerator.then(async function (generator) {
180
+ effects.push(initializedStoryIndexGenerator.then(async function (generator) {
178
181
  if (!generator) {
179
182
  return;
180
183
  }
@@ -182,65 +185,37 @@ async function buildStaticStandalone(options) {
182
185
  var storyIndex = await generator.getIndex();
183
186
  var payload = storyIndex ? {
184
187
  storyIndex: {
185
- storyCount: Object.keys(storyIndex.stories).length,
188
+ storyCount: Object.keys(storyIndex.entries).length,
186
189
  version: storyIndex.v
187
190
  }
188
191
  } : undefined;
189
- (0, _telemetry.telemetry)('build', payload, {
192
+ await (0, _telemetry.telemetry)('build', payload, {
190
193
  configDir: options.configDir
191
194
  });
192
- });
195
+ }));
193
196
  }
194
197
 
195
198
  if (!(core !== null && core !== void 0 && core.disableProjectJson)) {
196
- extractTasks.push((0, _metadata.extractStorybookMetadata)(_path.default.join(options.outputDir, 'project.json'), options.configDir));
199
+ effects.push((0, _metadata.extractStorybookMetadata)((0, _path.join)(options.outputDir, 'project.json'), options.configDir));
197
200
  }
198
201
 
199
- var fullOptions = _objectSpread(_objectSpread({}, options), {}, {
200
- presets: presets,
201
- features: features
202
- });
203
-
204
202
  if (options.debugWebpack) {
205
203
  (0, _coreCommon.logConfig)('Preview webpack config', await previewBuilder.getConfig(fullOptions));
206
- (0, _coreCommon.logConfig)('Manager webpack config', await managerBuilder.getConfig(fullOptions));
207
204
  }
208
205
 
209
- var prebuiltDir = await getPrebuiltDir(fullOptions);
210
- var startTime = process.hrtime(); // When using the prebuilt manager, we straight up copy it into the outputDir instead of building it
211
-
212
- var manager = prebuiltDir ? (0, _cpy.default)('**', options.outputDir, {
213
- cwd: prebuiltDir,
214
- parents: true
215
- }).then(function () {}) : managerBuilder.build({
216
- startTime: startTime,
217
- options: fullOptions
218
- });
219
-
220
206
  if (options.ignorePreview) {
221
207
  _nodeLogger.logger.info(`=> Not building preview`);
222
208
  }
223
209
 
224
- var preview = options.ignorePreview ? Promise.resolve() : previewBuilder.build({
225
- startTime: startTime,
210
+ await Promise.all([...(options.ignorePreview ? [] : [previewBuilder.build({
211
+ startTime: process.hrtime(),
226
212
  options: fullOptions
227
- });
228
-
229
- var _await$Promise$all = await Promise.all([manager.catch(async function (err) {
230
- await (previewBuilder === null || previewBuilder === void 0 ? void 0 : previewBuilder.bail());
231
- throw err;
232
- }), preview.catch(async function (err) {
233
- await (managerBuilder === null || managerBuilder === void 0 ? void 0 : managerBuilder.bail());
234
- throw err;
235
- }), ...extractTasks]),
236
- _await$Promise$all2 = _slicedToArray(_await$Promise$all, 2),
237
- managerStats = _await$Promise$all2[0],
238
- previewStats = _await$Promise$all2[1];
239
-
240
- if (options.webpackStatsJson) {
241
- var target = options.webpackStatsJson === true ? options.outputDir : options.webpackStatsJson;
242
- await (0, _outputStats.outputStats)(target, previewStats, managerStats);
243
- }
213
+ }).then(async function (previewStats) {
214
+ if (options.webpackStatsJson) {
215
+ var target = options.webpackStatsJson === true ? options.outputDir : options.webpackStatsJson;
216
+ await (0, _outputStats.outputStats)(target, previewStats);
217
+ }
218
+ })]), ...effects]);
244
219
 
245
220
  _nodeLogger.logger.info(`=> Output directory: ${options.outputDir}`);
246
221
  }
@@ -121,7 +121,7 @@ async function storybookDevServer(options) {
121
121
  var storyIndex = await generator.getIndex();
122
122
  var payload = storyIndex ? {
123
123
  storyIndex: {
124
- storyCount: Object.keys(storyIndex.stories).length,
124
+ storyCount: Object.keys(storyIndex.entries).length,
125
125
  version: storyIndex.v
126
126
  }
127
127
  } : undefined;
@@ -191,7 +191,6 @@ async function storybookDevServer(options) {
191
191
 
192
192
  if (options.debugWebpack) {
193
193
  (0, _coreCommon.logConfig)('Preview webpack config', await previewBuilder.getConfig(options));
194
- (0, _coreCommon.logConfig)('Manager webpack config', await managerBuilder.getConfig(options));
195
194
  }
196
195
 
197
196
  var preview = options.ignorePreview ? Promise.resolve() : previewBuilder.start({
package/dist/cjs/index.js CHANGED
@@ -5,23 +5,9 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  var _exportNames = {
7
7
  getPreviewHeadTemplate: true,
8
- getManagerHeadTemplate: true,
9
- getManagerMainTemplate: true,
10
8
  getPreviewBodyTemplate: true,
11
9
  getPreviewMainTemplate: true
12
10
  };
13
- Object.defineProperty(exports, "getManagerHeadTemplate", {
14
- enumerable: true,
15
- get: function () {
16
- return _coreCommon.getManagerHeadTemplate;
17
- }
18
- });
19
- Object.defineProperty(exports, "getManagerMainTemplate", {
20
- enumerable: true,
21
- get: function () {
22
- return _coreCommon.getManagerMainTemplate;
23
- }
24
- });
25
11
  Object.defineProperty(exports, "getPreviewBodyTemplate", {
26
12
  enumerable: true,
27
13
  get: function () {
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.typescript = exports.storyIndexers = exports.previewMainTemplate = exports.previewHead = exports.previewEntries = exports.previewBody = exports.managerMainTemplate = exports.logLevel = exports.features = exports.env = exports.core = exports.config = exports.babel = void 0;
6
+ exports.typescript = exports.title = exports.storyIndexers = exports.previewMainTemplate = exports.previewHead = exports.previewEntries = exports.previewBody = exports.logLevel = exports.features = exports.env = exports.core = exports.config = exports.babel = void 0;
7
7
 
8
8
  require("core-js/modules/es.promise.js");
9
9
 
@@ -22,18 +22,17 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
22
22
  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; }
23
23
 
24
24
  var babel = async function (_, options) {
25
- var _options$features;
26
-
27
25
  var presets = options.presets;
26
+ return presets.apply('babelDefault', {}, options);
27
+ };
28
28
 
29
- if ((_options$features = options.features) !== null && _options$features !== void 0 && _options$features.babelModeV7) {
30
- return presets.apply('babelDefault', {}, options);
31
- }
29
+ exports.babel = babel;
32
30
 
33
- return presets.apply('babelDefault', (0, _coreCommon.getStorybookBabelConfig)(), options);
31
+ var title = function (previous, options) {
32
+ return previous || options.packageJson.name || false;
34
33
  };
35
34
 
36
- exports.babel = babel;
35
+ exports.title = title;
37
36
 
38
37
  var logLevel = function (previous, options) {
39
38
  return previous || options.loglevel || 'info';
@@ -75,12 +74,6 @@ var previewMainTemplate = function () {
75
74
 
76
75
  exports.previewMainTemplate = previewMainTemplate;
77
76
 
78
- var managerMainTemplate = function () {
79
- return (0, _coreCommon.getManagerMainTemplate)();
80
- };
81
-
82
- exports.managerMainTemplate = managerMainTemplate;
83
-
84
77
  var previewEntries = function (entries = []) {
85
78
  entries.push(require.resolve('@storybook/core-client/dist/esm/globals/globals'));
86
79
  return entries;
@@ -155,7 +148,6 @@ var features = async function (existing) {
155
148
  warnOnLegacyHierarchySeparator: true,
156
149
  buildStoriesJson: false,
157
150
  storyStoreV7: true,
158
- modernInlineRender: true,
159
151
  breakingChangesV7: true,
160
152
  interactionsDebugger: false,
161
153
  babelModeV7: true,