@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.
- package/dist/cjs/build-dev.js +1 -1
- package/dist/cjs/build-static.js +52 -77
- package/dist/cjs/dev-server.js +1 -2
- package/dist/cjs/index.js +0 -14
- package/dist/cjs/presets/common-preset.js +7 -15
- package/dist/cjs/utils/StoryIndexGenerator.js +222 -38
- package/dist/cjs/utils/copy-all-static-files.js +1 -1
- package/dist/cjs/utils/get-builders.js +4 -9
- package/dist/cjs/utils/metadata.js +2 -4
- package/dist/cjs/utils/open-in-browser.js +5 -3
- package/dist/cjs/utils/output-startup-information.js +2 -2
- package/dist/cjs/utils/server-statics.js +3 -3
- package/dist/cjs/utils/stories-json.js +61 -9
- package/dist/cjs/utils/update-check.js +2 -2
- package/dist/cjs/utils/watch-story-specifiers.js +5 -2
- package/dist/esm/build-dev.js +1 -1
- package/dist/esm/build-static.js +52 -71
- package/dist/esm/dev-server.js +1 -2
- package/dist/esm/index.js +3 -2
- package/dist/esm/presets/common-preset.js +5 -13
- package/dist/esm/utils/StoryIndexGenerator.js +221 -36
- package/dist/esm/utils/copy-all-static-files.js +1 -1
- package/dist/esm/utils/get-builders.js +3 -8
- package/dist/esm/utils/metadata.js +2 -2
- package/dist/esm/utils/open-in-browser.js +6 -4
- package/dist/esm/utils/output-startup-information.js +1 -1
- package/dist/esm/utils/server-statics.js +1 -1
- package/dist/esm/utils/stories-json.js +56 -7
- package/dist/esm/utils/update-check.js +1 -1
- package/dist/esm/utils/watch-story-specifiers.js +4 -2
- package/dist/types/build-static.d.ts +3 -1
- package/dist/types/dev-server.d.ts +1 -1
- package/dist/types/index.d.ts +2 -2
- package/dist/types/presets/common-preset.d.ts +2 -2
- package/dist/types/utils/StoryIndexGenerator.d.ts +20 -5
- package/dist/types/utils/stories-json.d.ts +3 -1
- package/package.json +18 -20
- package/typings.d.ts +0 -14
package/dist/cjs/build-dev.js
CHANGED
|
@@ -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
|
|
146
|
+
await (0, _outputStats.outputStats)(target, previewStats);
|
|
147
147
|
}
|
|
148
148
|
|
|
149
149
|
if (options.smokeTest) {
|
package/dist/cjs/build-static.js
CHANGED
|
@@ -11,13 +11,11 @@ require("core-js/modules/es.promise.js");
|
|
|
11
11
|
|
|
12
12
|
var _chalk = _interopRequireDefault(require("chalk"));
|
|
13
13
|
|
|
14
|
-
var
|
|
14
|
+
var _fsExtra = require("fs-extra");
|
|
15
15
|
|
|
16
|
-
var
|
|
16
|
+
var _path = require("path");
|
|
17
17
|
|
|
18
|
-
var
|
|
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.
|
|
81
|
-
options.configDir = _path.
|
|
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
|
-
|
|
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.
|
|
93
|
-
await (0,
|
|
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
|
-
|
|
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.
|
|
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
|
-
|
|
149
|
+
effects.push((0, _copyAllStaticFiles.copyAllStaticFilesRelativeToMain)(staticDirs, options.outputDir, options.configDir));
|
|
144
150
|
}
|
|
145
151
|
|
|
146
152
|
if (options.staticDir) {
|
|
147
|
-
|
|
153
|
+
effects.push((0, _copyAllStaticFiles.copyAllStaticFiles)(options.staticDir, options.outputDir));
|
|
148
154
|
}
|
|
149
155
|
|
|
150
|
-
var
|
|
151
|
-
|
|
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)(
|
|
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
|
|
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
|
-
|
|
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.
|
|
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
|
-
|
|
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
|
-
|
|
225
|
-
startTime:
|
|
210
|
+
await Promise.all([...(options.ignorePreview ? [] : [previewBuilder.build({
|
|
211
|
+
startTime: process.hrtime(),
|
|
226
212
|
options: fullOptions
|
|
227
|
-
})
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
}),
|
|
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
|
}
|
package/dist/cjs/dev-server.js
CHANGED
|
@@ -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.
|
|
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.
|
|
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
|
-
|
|
30
|
-
return presets.apply('babelDefault', {}, options);
|
|
31
|
-
}
|
|
29
|
+
exports.babel = babel;
|
|
32
30
|
|
|
33
|
-
|
|
31
|
+
var title = function (previous, options) {
|
|
32
|
+
return previous || options.packageJson.name || false;
|
|
34
33
|
};
|
|
35
34
|
|
|
36
|
-
exports.
|
|
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,
|