@storybook/cli 6.5.4 → 6.5.5-alpha.3
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/automigrate/index.js +27 -11
- package/dist/cjs/initiate.js +49 -47
- package/dist/cjs/versions.js +57 -57
- package/dist/esm/automigrate/index.js +27 -11
- package/dist/esm/initiate.js +49 -47
- package/dist/esm/versions.js +57 -57
- package/dist/modern/automigrate/index.js +27 -11
- package/dist/modern/initiate.js +49 -47
- package/dist/modern/versions.js +57 -57
- package/package.json +8 -8
|
@@ -30,28 +30,40 @@ const automigrate = async ({
|
|
|
30
30
|
const packageManager = _jsPackageManager.JsPackageManagerFactory.getPackageManager();
|
|
31
31
|
|
|
32
32
|
const filtered = fixId ? _fixes.fixes.filter(f => f.id === fixId) : _fixes.fixes;
|
|
33
|
+
logger.info('🔎 checking possible migrations..');
|
|
33
34
|
|
|
34
35
|
for (let i = 0; i < filtered.length; i += 1) {
|
|
35
36
|
const f = _fixes.fixes[i];
|
|
36
|
-
logger.info(`🔎 checking '${_chalk.default.cyan(f.id)}'`);
|
|
37
37
|
const result = await f.check({
|
|
38
38
|
packageManager
|
|
39
39
|
});
|
|
40
40
|
|
|
41
41
|
if (result) {
|
|
42
|
+
logger.info(`🔎 found a '${_chalk.default.cyan(f.id)}' migration:`);
|
|
43
|
+
logger.info();
|
|
42
44
|
const message = f.prompt(result);
|
|
43
45
|
logger.info((0, _boxen.default)(message, {
|
|
44
46
|
borderStyle: 'round',
|
|
45
47
|
padding: 1,
|
|
46
48
|
borderColor: '#F1618C'
|
|
47
49
|
}));
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
}
|
|
50
|
+
let runAnswer;
|
|
51
|
+
|
|
52
|
+
if (dryRun) {
|
|
53
|
+
runAnswer = {
|
|
54
|
+
fix: false
|
|
55
|
+
};
|
|
56
|
+
} else if (yes) {
|
|
57
|
+
runAnswer = {
|
|
58
|
+
fix: true
|
|
59
|
+
};
|
|
60
|
+
} else {
|
|
61
|
+
runAnswer = await (0, _prompts.default)({
|
|
62
|
+
type: 'confirm',
|
|
63
|
+
name: 'fix',
|
|
64
|
+
message: `Do you want to run the '${_chalk.default.cyan(f.id)}' migration on your project?`
|
|
65
|
+
});
|
|
66
|
+
}
|
|
55
67
|
|
|
56
68
|
if (runAnswer.fix) {
|
|
57
69
|
try {
|
|
@@ -60,19 +72,23 @@ const automigrate = async ({
|
|
|
60
72
|
packageManager,
|
|
61
73
|
dryRun
|
|
62
74
|
});
|
|
63
|
-
logger.info(`✅
|
|
75
|
+
logger.info(`✅ ran ${_chalk.default.cyan(f.id)} migration`);
|
|
64
76
|
} catch (error) {
|
|
65
|
-
logger.info(`❌ error
|
|
77
|
+
logger.info(`❌ error when running ${_chalk.default.cyan(f.id)} migration:`);
|
|
66
78
|
logger.info(error.message);
|
|
67
79
|
logger.info();
|
|
68
80
|
}
|
|
69
81
|
} else {
|
|
70
|
-
logger.info(`Skipping the ${_chalk.default.cyan(f.id)}
|
|
82
|
+
logger.info(`Skipping the ${_chalk.default.cyan(f.id)} migration.`);
|
|
71
83
|
logger.info();
|
|
72
84
|
logger.info(`If you change your mind, run '${_chalk.default.cyan('npx storybook@next automigrate')}'`);
|
|
73
85
|
}
|
|
74
86
|
}
|
|
75
87
|
}
|
|
88
|
+
|
|
89
|
+
logger.info();
|
|
90
|
+
logger.info('✅ migration check successfully ran');
|
|
91
|
+
logger.info();
|
|
76
92
|
};
|
|
77
93
|
|
|
78
94
|
exports.automigrate = automigrate;
|
package/dist/cjs/initiate.js
CHANGED
|
@@ -88,20 +88,6 @@ const installStorybook = (projectType, packageManager, options) => {
|
|
|
88
88
|
commonJs: options.commonJs
|
|
89
89
|
};
|
|
90
90
|
|
|
91
|
-
const end = () => {
|
|
92
|
-
if (!options.skipInstall) {
|
|
93
|
-
packageManager.installDependencies();
|
|
94
|
-
}
|
|
95
|
-
|
|
96
|
-
logger.log('\nTo run your Storybook, type:\n');
|
|
97
|
-
(0, _helpers.codeLog)([packageManager.getRunStorybookCommand()]);
|
|
98
|
-
logger.log('\nFor more information visit:', _chalk.default.cyan('https://storybook.js.org')); // Add a new line for the clear visibility.
|
|
99
|
-
|
|
100
|
-
logger.log();
|
|
101
|
-
};
|
|
102
|
-
|
|
103
|
-
const REACT_NATIVE_REPO = 'https://github.com/storybookjs/react-native';
|
|
104
|
-
|
|
105
91
|
const runGenerator = () => {
|
|
106
92
|
switch (projectType) {
|
|
107
93
|
case _project_types.ProjectType.ALREADY_HAS_STORYBOOK:
|
|
@@ -115,13 +101,13 @@ const installStorybook = (projectType, packageManager, options) => {
|
|
|
115
101
|
|
|
116
102
|
case _project_types.ProjectType.UPDATE_PACKAGE_ORGANIZATIONS:
|
|
117
103
|
return (0, _UPDATE_PACKAGE_ORGANIZATIONS.default)(packageManager, options.parser, npmOptions).then(() => null) // commandLog doesn't like to see output
|
|
118
|
-
.then((0, _helpers.commandLog)('Upgrading your project to the new Storybook packages.\n'))
|
|
104
|
+
.then((0, _helpers.commandLog)('Upgrading your project to the new Storybook packages.\n'));
|
|
119
105
|
|
|
120
106
|
case _project_types.ProjectType.REACT_SCRIPTS:
|
|
121
|
-
return (0, _REACT_SCRIPTS.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Create React App" based project'))
|
|
107
|
+
return (0, _REACT_SCRIPTS.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Create React App" based project'));
|
|
122
108
|
|
|
123
109
|
case _project_types.ProjectType.REACT:
|
|
124
|
-
return (0, _REACT.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "React" app\n'))
|
|
110
|
+
return (0, _REACT.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "React" app\n'));
|
|
125
111
|
|
|
126
112
|
case _project_types.ProjectType.REACT_NATIVE:
|
|
127
113
|
{
|
|
@@ -134,72 +120,65 @@ const installStorybook = (projectType, packageManager, options) => {
|
|
|
134
120
|
initial: false
|
|
135
121
|
}])).then(({
|
|
136
122
|
server
|
|
137
|
-
}) => (0, _REACT_NATIVE.default)(packageManager, npmOptions, server)).then((0, _helpers.commandLog)('Adding Storybook support to your "React Native" app\n'))
|
|
138
|
-
logger.log(_chalk.default.red('NOTE: installation is not 100% automated.'));
|
|
139
|
-
logger.log(`To quickly run Storybook, replace contents of your app entry with:\n`);
|
|
140
|
-
(0, _helpers.codeLog)(["export {default} from './storybook';"]);
|
|
141
|
-
logger.log('\n For more in information, see the github readme:\n');
|
|
142
|
-
logger.log(_chalk.default.cyan(REACT_NATIVE_REPO));
|
|
143
|
-
logger.log();
|
|
144
|
-
});
|
|
123
|
+
}) => (0, _REACT_NATIVE.default)(packageManager, npmOptions, server)).then((0, _helpers.commandLog)('Adding Storybook support to your "React Native" app\n'));
|
|
145
124
|
}
|
|
146
125
|
|
|
147
126
|
case _project_types.ProjectType.METEOR:
|
|
148
|
-
return (0, _METEOR.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Meteor" app\n'))
|
|
127
|
+
return (0, _METEOR.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Meteor" app\n'));
|
|
149
128
|
|
|
150
129
|
case _project_types.ProjectType.WEBPACK_REACT:
|
|
151
|
-
return (0, _WEBPACK_REACT.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Webpack React" app\n'))
|
|
130
|
+
return (0, _WEBPACK_REACT.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Webpack React" app\n'));
|
|
152
131
|
|
|
153
132
|
case _project_types.ProjectType.REACT_PROJECT:
|
|
154
|
-
return (0, _REACT.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "React" library\n'))
|
|
133
|
+
return (0, _REACT.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "React" library\n'));
|
|
155
134
|
|
|
156
135
|
case _project_types.ProjectType.SFC_VUE:
|
|
157
|
-
return (0, _SFC_VUE.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Single File Components Vue" app\n'))
|
|
136
|
+
return (0, _SFC_VUE.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Single File Components Vue" app\n'));
|
|
158
137
|
|
|
159
138
|
case _project_types.ProjectType.VUE:
|
|
160
|
-
return (0, _VUE.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Vue" app\n'))
|
|
139
|
+
return (0, _VUE.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Vue" app\n'));
|
|
161
140
|
|
|
162
141
|
case _project_types.ProjectType.VUE3:
|
|
163
|
-
return (0, _VUE2.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Vue 3" app\n'))
|
|
142
|
+
return (0, _VUE2.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Vue 3" app\n'));
|
|
164
143
|
|
|
165
144
|
case _project_types.ProjectType.ANGULAR:
|
|
166
|
-
return (0, _ANGULAR.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Angular" app\n'))
|
|
145
|
+
return (0, _ANGULAR.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Angular" app\n'));
|
|
167
146
|
|
|
168
147
|
case _project_types.ProjectType.EMBER:
|
|
169
|
-
return (0, _EMBER.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Ember" app\n'))
|
|
148
|
+
return (0, _EMBER.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Ember" app\n'));
|
|
170
149
|
|
|
171
150
|
case _project_types.ProjectType.MITHRIL:
|
|
172
|
-
return (0, _MITHRIL.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Mithril" app\n'))
|
|
151
|
+
return (0, _MITHRIL.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Mithril" app\n'));
|
|
173
152
|
|
|
174
153
|
case _project_types.ProjectType.MARIONETTE:
|
|
175
|
-
return (0, _MARIONETTE.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Marionette.js" app\n'))
|
|
154
|
+
return (0, _MARIONETTE.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Marionette.js" app\n'));
|
|
176
155
|
|
|
177
156
|
case _project_types.ProjectType.MARKO:
|
|
178
|
-
return (0, _MARKO.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Marko" app\n'))
|
|
157
|
+
return (0, _MARKO.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Marko" app\n'));
|
|
179
158
|
|
|
180
159
|
case _project_types.ProjectType.HTML:
|
|
181
|
-
return (0, _HTML.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "HTML" app\n'))
|
|
160
|
+
return (0, _HTML.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "HTML" app\n'));
|
|
182
161
|
|
|
183
162
|
case _project_types.ProjectType.WEB_COMPONENTS:
|
|
184
|
-
return (0, _WEBCOMPONENTS.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "web components" app\n'))
|
|
163
|
+
return (0, _WEBCOMPONENTS.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "web components" app\n'));
|
|
185
164
|
|
|
186
165
|
case _project_types.ProjectType.RIOT:
|
|
187
|
-
return (0, _RIOT.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "riot.js" app\n'))
|
|
166
|
+
return (0, _RIOT.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "riot.js" app\n'));
|
|
188
167
|
|
|
189
168
|
case _project_types.ProjectType.PREACT:
|
|
190
|
-
return (0, _PREACT.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Preact" app\n'))
|
|
169
|
+
return (0, _PREACT.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Preact" app\n'));
|
|
191
170
|
|
|
192
171
|
case _project_types.ProjectType.SVELTE:
|
|
193
|
-
return (0, _SVELTE.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Svelte" app\n'))
|
|
172
|
+
return (0, _SVELTE.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Svelte" app\n'));
|
|
194
173
|
|
|
195
174
|
case _project_types.ProjectType.RAX:
|
|
196
|
-
return (0, _RAX.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Rax" app\n'))
|
|
175
|
+
return (0, _RAX.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Rax" app\n'));
|
|
197
176
|
|
|
198
177
|
case _project_types.ProjectType.AURELIA:
|
|
199
|
-
return (0, _AURELIA.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Aurelia" app\n'))
|
|
178
|
+
return (0, _AURELIA.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Aurelia" app\n'));
|
|
200
179
|
|
|
201
180
|
case _project_types.ProjectType.SERVER:
|
|
202
|
-
return (0, _SERVER.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Server" app\n'))
|
|
181
|
+
return (0, _SERVER.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Server" app\n'));
|
|
203
182
|
|
|
204
183
|
case _project_types.ProjectType.UNSUPPORTED:
|
|
205
184
|
(0, _helpers.paddedLog)(`We detected a project type that we don't support yet.`);
|
|
@@ -249,7 +228,7 @@ const projectTypeInquirer = async (options, packageManager) => {
|
|
|
249
228
|
async function initiate(options, pkg) {
|
|
250
229
|
const packageManager = _jsPackageManager.JsPackageManagerFactory.getPackageManager(options.useNpm);
|
|
251
230
|
|
|
252
|
-
const welcomeMessage = '
|
|
231
|
+
const welcomeMessage = 'storybook init - the simplest way to add a Storybook to your project.';
|
|
253
232
|
logger.log(_chalk.default.inverse(`\n ${welcomeMessage} \n`));
|
|
254
233
|
|
|
255
234
|
if (!options.disableTelemetry) {
|
|
@@ -289,12 +268,35 @@ async function initiate(options, pkg) {
|
|
|
289
268
|
} catch (ex) {
|
|
290
269
|
done(ex.message);
|
|
291
270
|
process.exit(1);
|
|
292
|
-
return;
|
|
293
271
|
}
|
|
294
272
|
|
|
295
273
|
done();
|
|
296
274
|
await installStorybook(projectType, packageManager, Object.assign({}, options, isEsm ? {
|
|
297
275
|
commonJs: true
|
|
298
276
|
} : undefined));
|
|
299
|
-
|
|
277
|
+
|
|
278
|
+
if (!options.skipInstall) {
|
|
279
|
+
packageManager.installDependencies();
|
|
280
|
+
}
|
|
281
|
+
|
|
282
|
+
await (0, _automigrate.automigrate)({
|
|
283
|
+
yes: process.env.CI === 'true'
|
|
284
|
+
});
|
|
285
|
+
logger.log('\nTo run your Storybook, type:\n');
|
|
286
|
+
(0, _helpers.codeLog)([packageManager.getRunStorybookCommand()]);
|
|
287
|
+
logger.log('\nFor more information visit:', _chalk.default.cyan('https://storybook.js.org'));
|
|
288
|
+
|
|
289
|
+
if (projectType === _project_types.ProjectType.REACT_NATIVE) {
|
|
290
|
+
const REACT_NATIVE_REPO = 'https://github.com/storybookjs/react-native';
|
|
291
|
+
logger.log();
|
|
292
|
+
logger.log(_chalk.default.red('NOTE: installation is not 100% automated.'));
|
|
293
|
+
logger.log(`To quickly run Storybook, replace contents of your app entry with:\n`);
|
|
294
|
+
(0, _helpers.codeLog)(["export {default} from './storybook';"]);
|
|
295
|
+
logger.log('\n For more in information, see the github readme:\n');
|
|
296
|
+
logger.log(_chalk.default.cyan(REACT_NATIVE_REPO));
|
|
297
|
+
logger.log();
|
|
298
|
+
} // Add a new line for the clear visibility.
|
|
299
|
+
|
|
300
|
+
|
|
301
|
+
logger.log();
|
|
300
302
|
}
|
package/dist/cjs/versions.js
CHANGED
|
@@ -6,62 +6,62 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
// auto generated file, do not edit
|
|
8
8
|
var _default = {
|
|
9
|
-
'@storybook/addon-a11y': '6.5.
|
|
10
|
-
'@storybook/addon-actions': '6.5.
|
|
11
|
-
'@storybook/addon-backgrounds': '6.5.
|
|
12
|
-
'@storybook/addon-controls': '6.5.
|
|
13
|
-
'@storybook/addon-docs': '6.5.
|
|
14
|
-
'@storybook/addon-essentials': '6.5.
|
|
15
|
-
'@storybook/addon-interactions': '6.5.
|
|
16
|
-
'@storybook/addon-jest': '6.5.
|
|
17
|
-
'@storybook/addon-links': '6.5.
|
|
18
|
-
'@storybook/addon-measure': '6.5.
|
|
19
|
-
'@storybook/addon-outline': '6.5.
|
|
20
|
-
'@storybook/addon-storyshots': '6.5.
|
|
21
|
-
'@storybook/addon-storyshots-puppeteer': '6.5.
|
|
22
|
-
'@storybook/addon-storysource': '6.5.
|
|
23
|
-
'@storybook/addon-toolbars': '6.5.
|
|
24
|
-
'@storybook/addon-viewport': '6.5.
|
|
25
|
-
'@storybook/addons': '6.5.
|
|
26
|
-
'@storybook/angular': '6.5.
|
|
27
|
-
'@storybook/api': '6.5.
|
|
28
|
-
'@storybook/builder-webpack4': '6.5.
|
|
29
|
-
'@storybook/builder-webpack5': '6.5.
|
|
30
|
-
'@storybook/channel-postmessage': '6.5.
|
|
31
|
-
'@storybook/channel-websocket': '6.5.
|
|
32
|
-
'@storybook/channels': '6.5.
|
|
33
|
-
'@storybook/cli': '6.5.
|
|
34
|
-
'@storybook/client-api': '6.5.
|
|
35
|
-
'@storybook/client-logger': '6.5.
|
|
36
|
-
'@storybook/codemod': '6.5.
|
|
37
|
-
'@storybook/components': '6.5.
|
|
38
|
-
'@storybook/core': '6.5.
|
|
39
|
-
'@storybook/core-client': '6.5.
|
|
40
|
-
'@storybook/core-common': '6.5.
|
|
41
|
-
'@storybook/core-events': '6.5.
|
|
42
|
-
'@storybook/core-server': '6.5.
|
|
43
|
-
'@storybook/csf-tools': '6.5.
|
|
44
|
-
'@storybook/docs-tools': '6.5.
|
|
45
|
-
'@storybook/ember': '6.5.
|
|
46
|
-
'@storybook/html': '6.5.
|
|
47
|
-
'@storybook/instrumenter': '6.5.
|
|
48
|
-
'@storybook/manager-webpack4': '6.5.
|
|
49
|
-
'@storybook/manager-webpack5': '6.5.
|
|
50
|
-
'@storybook/node-logger': '6.5.
|
|
51
|
-
'@storybook/postinstall': '6.5.
|
|
52
|
-
'@storybook/preact': '6.5.
|
|
53
|
-
'@storybook/preview-web': '6.5.
|
|
54
|
-
'@storybook/react': '6.5.
|
|
55
|
-
'@storybook/router': '6.5.
|
|
56
|
-
'@storybook/server': '6.5.
|
|
57
|
-
'@storybook/source-loader': '6.5.
|
|
58
|
-
'@storybook/store': '6.5.
|
|
59
|
-
'@storybook/svelte': '6.5.
|
|
60
|
-
'@storybook/telemetry': '6.5.
|
|
61
|
-
'@storybook/theming': '6.5.
|
|
62
|
-
'@storybook/ui': '6.5.
|
|
63
|
-
'@storybook/vue': '6.5.
|
|
64
|
-
'@storybook/vue3': '6.5.
|
|
65
|
-
'@storybook/web-components': '6.5.
|
|
9
|
+
'@storybook/addon-a11y': '6.5.5-alpha.3',
|
|
10
|
+
'@storybook/addon-actions': '6.5.5-alpha.3',
|
|
11
|
+
'@storybook/addon-backgrounds': '6.5.5-alpha.3',
|
|
12
|
+
'@storybook/addon-controls': '6.5.5-alpha.3',
|
|
13
|
+
'@storybook/addon-docs': '6.5.5-alpha.3',
|
|
14
|
+
'@storybook/addon-essentials': '6.5.5-alpha.3',
|
|
15
|
+
'@storybook/addon-interactions': '6.5.5-alpha.3',
|
|
16
|
+
'@storybook/addon-jest': '6.5.5-alpha.3',
|
|
17
|
+
'@storybook/addon-links': '6.5.5-alpha.3',
|
|
18
|
+
'@storybook/addon-measure': '6.5.5-alpha.3',
|
|
19
|
+
'@storybook/addon-outline': '6.5.5-alpha.3',
|
|
20
|
+
'@storybook/addon-storyshots': '6.5.5-alpha.3',
|
|
21
|
+
'@storybook/addon-storyshots-puppeteer': '6.5.5-alpha.3',
|
|
22
|
+
'@storybook/addon-storysource': '6.5.5-alpha.3',
|
|
23
|
+
'@storybook/addon-toolbars': '6.5.5-alpha.3',
|
|
24
|
+
'@storybook/addon-viewport': '6.5.5-alpha.3',
|
|
25
|
+
'@storybook/addons': '6.5.5-alpha.3',
|
|
26
|
+
'@storybook/angular': '6.5.5-alpha.3',
|
|
27
|
+
'@storybook/api': '6.5.5-alpha.3',
|
|
28
|
+
'@storybook/builder-webpack4': '6.5.5-alpha.3',
|
|
29
|
+
'@storybook/builder-webpack5': '6.5.5-alpha.3',
|
|
30
|
+
'@storybook/channel-postmessage': '6.5.5-alpha.3',
|
|
31
|
+
'@storybook/channel-websocket': '6.5.5-alpha.3',
|
|
32
|
+
'@storybook/channels': '6.5.5-alpha.3',
|
|
33
|
+
'@storybook/cli': '6.5.5-alpha.3',
|
|
34
|
+
'@storybook/client-api': '6.5.5-alpha.3',
|
|
35
|
+
'@storybook/client-logger': '6.5.5-alpha.3',
|
|
36
|
+
'@storybook/codemod': '6.5.5-alpha.3',
|
|
37
|
+
'@storybook/components': '6.5.5-alpha.3',
|
|
38
|
+
'@storybook/core': '6.5.5-alpha.3',
|
|
39
|
+
'@storybook/core-client': '6.5.5-alpha.3',
|
|
40
|
+
'@storybook/core-common': '6.5.5-alpha.3',
|
|
41
|
+
'@storybook/core-events': '6.5.5-alpha.3',
|
|
42
|
+
'@storybook/core-server': '6.5.5-alpha.3',
|
|
43
|
+
'@storybook/csf-tools': '6.5.5-alpha.3',
|
|
44
|
+
'@storybook/docs-tools': '6.5.5-alpha.3',
|
|
45
|
+
'@storybook/ember': '6.5.5-alpha.3',
|
|
46
|
+
'@storybook/html': '6.5.5-alpha.3',
|
|
47
|
+
'@storybook/instrumenter': '6.5.5-alpha.3',
|
|
48
|
+
'@storybook/manager-webpack4': '6.5.5-alpha.3',
|
|
49
|
+
'@storybook/manager-webpack5': '6.5.5-alpha.3',
|
|
50
|
+
'@storybook/node-logger': '6.5.5-alpha.3',
|
|
51
|
+
'@storybook/postinstall': '6.5.5-alpha.3',
|
|
52
|
+
'@storybook/preact': '6.5.5-alpha.3',
|
|
53
|
+
'@storybook/preview-web': '6.5.5-alpha.3',
|
|
54
|
+
'@storybook/react': '6.5.5-alpha.3',
|
|
55
|
+
'@storybook/router': '6.5.5-alpha.3',
|
|
56
|
+
'@storybook/server': '6.5.5-alpha.3',
|
|
57
|
+
'@storybook/source-loader': '6.5.5-alpha.3',
|
|
58
|
+
'@storybook/store': '6.5.5-alpha.3',
|
|
59
|
+
'@storybook/svelte': '6.5.5-alpha.3',
|
|
60
|
+
'@storybook/telemetry': '6.5.5-alpha.3',
|
|
61
|
+
'@storybook/theming': '6.5.5-alpha.3',
|
|
62
|
+
'@storybook/ui': '6.5.5-alpha.3',
|
|
63
|
+
'@storybook/vue': '6.5.5-alpha.3',
|
|
64
|
+
'@storybook/vue3': '6.5.5-alpha.3',
|
|
65
|
+
'@storybook/web-components': '6.5.5-alpha.3'
|
|
66
66
|
};
|
|
67
67
|
exports.default = _default;
|
|
@@ -30,28 +30,40 @@ const automigrate = async ({
|
|
|
30
30
|
const packageManager = _jsPackageManager.JsPackageManagerFactory.getPackageManager();
|
|
31
31
|
|
|
32
32
|
const filtered = fixId ? _fixes.fixes.filter(f => f.id === fixId) : _fixes.fixes;
|
|
33
|
+
logger.info('🔎 checking possible migrations..');
|
|
33
34
|
|
|
34
35
|
for (let i = 0; i < filtered.length; i += 1) {
|
|
35
36
|
const f = _fixes.fixes[i];
|
|
36
|
-
logger.info(`🔎 checking '${_chalk.default.cyan(f.id)}'`);
|
|
37
37
|
const result = await f.check({
|
|
38
38
|
packageManager
|
|
39
39
|
});
|
|
40
40
|
|
|
41
41
|
if (result) {
|
|
42
|
+
logger.info(`🔎 found a '${_chalk.default.cyan(f.id)}' migration:`);
|
|
43
|
+
logger.info();
|
|
42
44
|
const message = f.prompt(result);
|
|
43
45
|
logger.info((0, _boxen.default)(message, {
|
|
44
46
|
borderStyle: 'round',
|
|
45
47
|
padding: 1,
|
|
46
48
|
borderColor: '#F1618C'
|
|
47
49
|
}));
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
}
|
|
50
|
+
let runAnswer;
|
|
51
|
+
|
|
52
|
+
if (dryRun) {
|
|
53
|
+
runAnswer = {
|
|
54
|
+
fix: false
|
|
55
|
+
};
|
|
56
|
+
} else if (yes) {
|
|
57
|
+
runAnswer = {
|
|
58
|
+
fix: true
|
|
59
|
+
};
|
|
60
|
+
} else {
|
|
61
|
+
runAnswer = await (0, _prompts.default)({
|
|
62
|
+
type: 'confirm',
|
|
63
|
+
name: 'fix',
|
|
64
|
+
message: `Do you want to run the '${_chalk.default.cyan(f.id)}' migration on your project?`
|
|
65
|
+
});
|
|
66
|
+
}
|
|
55
67
|
|
|
56
68
|
if (runAnswer.fix) {
|
|
57
69
|
try {
|
|
@@ -60,19 +72,23 @@ const automigrate = async ({
|
|
|
60
72
|
packageManager,
|
|
61
73
|
dryRun
|
|
62
74
|
});
|
|
63
|
-
logger.info(`✅
|
|
75
|
+
logger.info(`✅ ran ${_chalk.default.cyan(f.id)} migration`);
|
|
64
76
|
} catch (error) {
|
|
65
|
-
logger.info(`❌ error
|
|
77
|
+
logger.info(`❌ error when running ${_chalk.default.cyan(f.id)} migration:`);
|
|
66
78
|
logger.info(error.message);
|
|
67
79
|
logger.info();
|
|
68
80
|
}
|
|
69
81
|
} else {
|
|
70
|
-
logger.info(`Skipping the ${_chalk.default.cyan(f.id)}
|
|
82
|
+
logger.info(`Skipping the ${_chalk.default.cyan(f.id)} migration.`);
|
|
71
83
|
logger.info();
|
|
72
84
|
logger.info(`If you change your mind, run '${_chalk.default.cyan('npx storybook@next automigrate')}'`);
|
|
73
85
|
}
|
|
74
86
|
}
|
|
75
87
|
}
|
|
88
|
+
|
|
89
|
+
logger.info();
|
|
90
|
+
logger.info('✅ migration check successfully ran');
|
|
91
|
+
logger.info();
|
|
76
92
|
};
|
|
77
93
|
|
|
78
94
|
exports.automigrate = automigrate;
|
package/dist/esm/initiate.js
CHANGED
|
@@ -88,20 +88,6 @@ const installStorybook = (projectType, packageManager, options) => {
|
|
|
88
88
|
commonJs: options.commonJs
|
|
89
89
|
};
|
|
90
90
|
|
|
91
|
-
const end = () => {
|
|
92
|
-
if (!options.skipInstall) {
|
|
93
|
-
packageManager.installDependencies();
|
|
94
|
-
}
|
|
95
|
-
|
|
96
|
-
logger.log('\nTo run your Storybook, type:\n');
|
|
97
|
-
(0, _helpers.codeLog)([packageManager.getRunStorybookCommand()]);
|
|
98
|
-
logger.log('\nFor more information visit:', _chalk.default.cyan('https://storybook.js.org')); // Add a new line for the clear visibility.
|
|
99
|
-
|
|
100
|
-
logger.log();
|
|
101
|
-
};
|
|
102
|
-
|
|
103
|
-
const REACT_NATIVE_REPO = 'https://github.com/storybookjs/react-native';
|
|
104
|
-
|
|
105
91
|
const runGenerator = () => {
|
|
106
92
|
switch (projectType) {
|
|
107
93
|
case _project_types.ProjectType.ALREADY_HAS_STORYBOOK:
|
|
@@ -115,13 +101,13 @@ const installStorybook = (projectType, packageManager, options) => {
|
|
|
115
101
|
|
|
116
102
|
case _project_types.ProjectType.UPDATE_PACKAGE_ORGANIZATIONS:
|
|
117
103
|
return (0, _UPDATE_PACKAGE_ORGANIZATIONS.default)(packageManager, options.parser, npmOptions).then(() => null) // commandLog doesn't like to see output
|
|
118
|
-
.then((0, _helpers.commandLog)('Upgrading your project to the new Storybook packages.\n'))
|
|
104
|
+
.then((0, _helpers.commandLog)('Upgrading your project to the new Storybook packages.\n'));
|
|
119
105
|
|
|
120
106
|
case _project_types.ProjectType.REACT_SCRIPTS:
|
|
121
|
-
return (0, _REACT_SCRIPTS.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Create React App" based project'))
|
|
107
|
+
return (0, _REACT_SCRIPTS.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Create React App" based project'));
|
|
122
108
|
|
|
123
109
|
case _project_types.ProjectType.REACT:
|
|
124
|
-
return (0, _REACT.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "React" app\n'))
|
|
110
|
+
return (0, _REACT.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "React" app\n'));
|
|
125
111
|
|
|
126
112
|
case _project_types.ProjectType.REACT_NATIVE:
|
|
127
113
|
{
|
|
@@ -134,72 +120,65 @@ const installStorybook = (projectType, packageManager, options) => {
|
|
|
134
120
|
initial: false
|
|
135
121
|
}])).then(({
|
|
136
122
|
server
|
|
137
|
-
}) => (0, _REACT_NATIVE.default)(packageManager, npmOptions, server)).then((0, _helpers.commandLog)('Adding Storybook support to your "React Native" app\n'))
|
|
138
|
-
logger.log(_chalk.default.red('NOTE: installation is not 100% automated.'));
|
|
139
|
-
logger.log(`To quickly run Storybook, replace contents of your app entry with:\n`);
|
|
140
|
-
(0, _helpers.codeLog)(["export {default} from './storybook';"]);
|
|
141
|
-
logger.log('\n For more in information, see the github readme:\n');
|
|
142
|
-
logger.log(_chalk.default.cyan(REACT_NATIVE_REPO));
|
|
143
|
-
logger.log();
|
|
144
|
-
});
|
|
123
|
+
}) => (0, _REACT_NATIVE.default)(packageManager, npmOptions, server)).then((0, _helpers.commandLog)('Adding Storybook support to your "React Native" app\n'));
|
|
145
124
|
}
|
|
146
125
|
|
|
147
126
|
case _project_types.ProjectType.METEOR:
|
|
148
|
-
return (0, _METEOR.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Meteor" app\n'))
|
|
127
|
+
return (0, _METEOR.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Meteor" app\n'));
|
|
149
128
|
|
|
150
129
|
case _project_types.ProjectType.WEBPACK_REACT:
|
|
151
|
-
return (0, _WEBPACK_REACT.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Webpack React" app\n'))
|
|
130
|
+
return (0, _WEBPACK_REACT.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Webpack React" app\n'));
|
|
152
131
|
|
|
153
132
|
case _project_types.ProjectType.REACT_PROJECT:
|
|
154
|
-
return (0, _REACT.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "React" library\n'))
|
|
133
|
+
return (0, _REACT.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "React" library\n'));
|
|
155
134
|
|
|
156
135
|
case _project_types.ProjectType.SFC_VUE:
|
|
157
|
-
return (0, _SFC_VUE.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Single File Components Vue" app\n'))
|
|
136
|
+
return (0, _SFC_VUE.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Single File Components Vue" app\n'));
|
|
158
137
|
|
|
159
138
|
case _project_types.ProjectType.VUE:
|
|
160
|
-
return (0, _VUE.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Vue" app\n'))
|
|
139
|
+
return (0, _VUE.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Vue" app\n'));
|
|
161
140
|
|
|
162
141
|
case _project_types.ProjectType.VUE3:
|
|
163
|
-
return (0, _VUE2.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Vue 3" app\n'))
|
|
142
|
+
return (0, _VUE2.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Vue 3" app\n'));
|
|
164
143
|
|
|
165
144
|
case _project_types.ProjectType.ANGULAR:
|
|
166
|
-
return (0, _ANGULAR.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Angular" app\n'))
|
|
145
|
+
return (0, _ANGULAR.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Angular" app\n'));
|
|
167
146
|
|
|
168
147
|
case _project_types.ProjectType.EMBER:
|
|
169
|
-
return (0, _EMBER.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Ember" app\n'))
|
|
148
|
+
return (0, _EMBER.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Ember" app\n'));
|
|
170
149
|
|
|
171
150
|
case _project_types.ProjectType.MITHRIL:
|
|
172
|
-
return (0, _MITHRIL.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Mithril" app\n'))
|
|
151
|
+
return (0, _MITHRIL.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Mithril" app\n'));
|
|
173
152
|
|
|
174
153
|
case _project_types.ProjectType.MARIONETTE:
|
|
175
|
-
return (0, _MARIONETTE.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Marionette.js" app\n'))
|
|
154
|
+
return (0, _MARIONETTE.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Marionette.js" app\n'));
|
|
176
155
|
|
|
177
156
|
case _project_types.ProjectType.MARKO:
|
|
178
|
-
return (0, _MARKO.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Marko" app\n'))
|
|
157
|
+
return (0, _MARKO.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Marko" app\n'));
|
|
179
158
|
|
|
180
159
|
case _project_types.ProjectType.HTML:
|
|
181
|
-
return (0, _HTML.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "HTML" app\n'))
|
|
160
|
+
return (0, _HTML.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "HTML" app\n'));
|
|
182
161
|
|
|
183
162
|
case _project_types.ProjectType.WEB_COMPONENTS:
|
|
184
|
-
return (0, _WEBCOMPONENTS.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "web components" app\n'))
|
|
163
|
+
return (0, _WEBCOMPONENTS.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "web components" app\n'));
|
|
185
164
|
|
|
186
165
|
case _project_types.ProjectType.RIOT:
|
|
187
|
-
return (0, _RIOT.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "riot.js" app\n'))
|
|
166
|
+
return (0, _RIOT.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "riot.js" app\n'));
|
|
188
167
|
|
|
189
168
|
case _project_types.ProjectType.PREACT:
|
|
190
|
-
return (0, _PREACT.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Preact" app\n'))
|
|
169
|
+
return (0, _PREACT.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Preact" app\n'));
|
|
191
170
|
|
|
192
171
|
case _project_types.ProjectType.SVELTE:
|
|
193
|
-
return (0, _SVELTE.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Svelte" app\n'))
|
|
172
|
+
return (0, _SVELTE.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Svelte" app\n'));
|
|
194
173
|
|
|
195
174
|
case _project_types.ProjectType.RAX:
|
|
196
|
-
return (0, _RAX.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Rax" app\n'))
|
|
175
|
+
return (0, _RAX.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Rax" app\n'));
|
|
197
176
|
|
|
198
177
|
case _project_types.ProjectType.AURELIA:
|
|
199
|
-
return (0, _AURELIA.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Aurelia" app\n'))
|
|
178
|
+
return (0, _AURELIA.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Aurelia" app\n'));
|
|
200
179
|
|
|
201
180
|
case _project_types.ProjectType.SERVER:
|
|
202
|
-
return (0, _SERVER.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Server" app\n'))
|
|
181
|
+
return (0, _SERVER.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Server" app\n'));
|
|
203
182
|
|
|
204
183
|
case _project_types.ProjectType.UNSUPPORTED:
|
|
205
184
|
(0, _helpers.paddedLog)(`We detected a project type that we don't support yet.`);
|
|
@@ -249,7 +228,7 @@ const projectTypeInquirer = async (options, packageManager) => {
|
|
|
249
228
|
async function initiate(options, pkg) {
|
|
250
229
|
const packageManager = _jsPackageManager.JsPackageManagerFactory.getPackageManager(options.useNpm);
|
|
251
230
|
|
|
252
|
-
const welcomeMessage = '
|
|
231
|
+
const welcomeMessage = 'storybook init - the simplest way to add a Storybook to your project.';
|
|
253
232
|
logger.log(_chalk.default.inverse(`\n ${welcomeMessage} \n`));
|
|
254
233
|
|
|
255
234
|
if (!options.disableTelemetry) {
|
|
@@ -289,12 +268,35 @@ async function initiate(options, pkg) {
|
|
|
289
268
|
} catch (ex) {
|
|
290
269
|
done(ex.message);
|
|
291
270
|
process.exit(1);
|
|
292
|
-
return;
|
|
293
271
|
}
|
|
294
272
|
|
|
295
273
|
done();
|
|
296
274
|
await installStorybook(projectType, packageManager, Object.assign({}, options, isEsm ? {
|
|
297
275
|
commonJs: true
|
|
298
276
|
} : undefined));
|
|
299
|
-
|
|
277
|
+
|
|
278
|
+
if (!options.skipInstall) {
|
|
279
|
+
packageManager.installDependencies();
|
|
280
|
+
}
|
|
281
|
+
|
|
282
|
+
await (0, _automigrate.automigrate)({
|
|
283
|
+
yes: process.env.CI === 'true'
|
|
284
|
+
});
|
|
285
|
+
logger.log('\nTo run your Storybook, type:\n');
|
|
286
|
+
(0, _helpers.codeLog)([packageManager.getRunStorybookCommand()]);
|
|
287
|
+
logger.log('\nFor more information visit:', _chalk.default.cyan('https://storybook.js.org'));
|
|
288
|
+
|
|
289
|
+
if (projectType === _project_types.ProjectType.REACT_NATIVE) {
|
|
290
|
+
const REACT_NATIVE_REPO = 'https://github.com/storybookjs/react-native';
|
|
291
|
+
logger.log();
|
|
292
|
+
logger.log(_chalk.default.red('NOTE: installation is not 100% automated.'));
|
|
293
|
+
logger.log(`To quickly run Storybook, replace contents of your app entry with:\n`);
|
|
294
|
+
(0, _helpers.codeLog)(["export {default} from './storybook';"]);
|
|
295
|
+
logger.log('\n For more in information, see the github readme:\n');
|
|
296
|
+
logger.log(_chalk.default.cyan(REACT_NATIVE_REPO));
|
|
297
|
+
logger.log();
|
|
298
|
+
} // Add a new line for the clear visibility.
|
|
299
|
+
|
|
300
|
+
|
|
301
|
+
logger.log();
|
|
300
302
|
}
|
package/dist/esm/versions.js
CHANGED
|
@@ -6,62 +6,62 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
// auto generated file, do not edit
|
|
8
8
|
var _default = {
|
|
9
|
-
'@storybook/addon-a11y': '6.5.
|
|
10
|
-
'@storybook/addon-actions': '6.5.
|
|
11
|
-
'@storybook/addon-backgrounds': '6.5.
|
|
12
|
-
'@storybook/addon-controls': '6.5.
|
|
13
|
-
'@storybook/addon-docs': '6.5.
|
|
14
|
-
'@storybook/addon-essentials': '6.5.
|
|
15
|
-
'@storybook/addon-interactions': '6.5.
|
|
16
|
-
'@storybook/addon-jest': '6.5.
|
|
17
|
-
'@storybook/addon-links': '6.5.
|
|
18
|
-
'@storybook/addon-measure': '6.5.
|
|
19
|
-
'@storybook/addon-outline': '6.5.
|
|
20
|
-
'@storybook/addon-storyshots': '6.5.
|
|
21
|
-
'@storybook/addon-storyshots-puppeteer': '6.5.
|
|
22
|
-
'@storybook/addon-storysource': '6.5.
|
|
23
|
-
'@storybook/addon-toolbars': '6.5.
|
|
24
|
-
'@storybook/addon-viewport': '6.5.
|
|
25
|
-
'@storybook/addons': '6.5.
|
|
26
|
-
'@storybook/angular': '6.5.
|
|
27
|
-
'@storybook/api': '6.5.
|
|
28
|
-
'@storybook/builder-webpack4': '6.5.
|
|
29
|
-
'@storybook/builder-webpack5': '6.5.
|
|
30
|
-
'@storybook/channel-postmessage': '6.5.
|
|
31
|
-
'@storybook/channel-websocket': '6.5.
|
|
32
|
-
'@storybook/channels': '6.5.
|
|
33
|
-
'@storybook/cli': '6.5.
|
|
34
|
-
'@storybook/client-api': '6.5.
|
|
35
|
-
'@storybook/client-logger': '6.5.
|
|
36
|
-
'@storybook/codemod': '6.5.
|
|
37
|
-
'@storybook/components': '6.5.
|
|
38
|
-
'@storybook/core': '6.5.
|
|
39
|
-
'@storybook/core-client': '6.5.
|
|
40
|
-
'@storybook/core-common': '6.5.
|
|
41
|
-
'@storybook/core-events': '6.5.
|
|
42
|
-
'@storybook/core-server': '6.5.
|
|
43
|
-
'@storybook/csf-tools': '6.5.
|
|
44
|
-
'@storybook/docs-tools': '6.5.
|
|
45
|
-
'@storybook/ember': '6.5.
|
|
46
|
-
'@storybook/html': '6.5.
|
|
47
|
-
'@storybook/instrumenter': '6.5.
|
|
48
|
-
'@storybook/manager-webpack4': '6.5.
|
|
49
|
-
'@storybook/manager-webpack5': '6.5.
|
|
50
|
-
'@storybook/node-logger': '6.5.
|
|
51
|
-
'@storybook/postinstall': '6.5.
|
|
52
|
-
'@storybook/preact': '6.5.
|
|
53
|
-
'@storybook/preview-web': '6.5.
|
|
54
|
-
'@storybook/react': '6.5.
|
|
55
|
-
'@storybook/router': '6.5.
|
|
56
|
-
'@storybook/server': '6.5.
|
|
57
|
-
'@storybook/source-loader': '6.5.
|
|
58
|
-
'@storybook/store': '6.5.
|
|
59
|
-
'@storybook/svelte': '6.5.
|
|
60
|
-
'@storybook/telemetry': '6.5.
|
|
61
|
-
'@storybook/theming': '6.5.
|
|
62
|
-
'@storybook/ui': '6.5.
|
|
63
|
-
'@storybook/vue': '6.5.
|
|
64
|
-
'@storybook/vue3': '6.5.
|
|
65
|
-
'@storybook/web-components': '6.5.
|
|
9
|
+
'@storybook/addon-a11y': '6.5.5-alpha.3',
|
|
10
|
+
'@storybook/addon-actions': '6.5.5-alpha.3',
|
|
11
|
+
'@storybook/addon-backgrounds': '6.5.5-alpha.3',
|
|
12
|
+
'@storybook/addon-controls': '6.5.5-alpha.3',
|
|
13
|
+
'@storybook/addon-docs': '6.5.5-alpha.3',
|
|
14
|
+
'@storybook/addon-essentials': '6.5.5-alpha.3',
|
|
15
|
+
'@storybook/addon-interactions': '6.5.5-alpha.3',
|
|
16
|
+
'@storybook/addon-jest': '6.5.5-alpha.3',
|
|
17
|
+
'@storybook/addon-links': '6.5.5-alpha.3',
|
|
18
|
+
'@storybook/addon-measure': '6.5.5-alpha.3',
|
|
19
|
+
'@storybook/addon-outline': '6.5.5-alpha.3',
|
|
20
|
+
'@storybook/addon-storyshots': '6.5.5-alpha.3',
|
|
21
|
+
'@storybook/addon-storyshots-puppeteer': '6.5.5-alpha.3',
|
|
22
|
+
'@storybook/addon-storysource': '6.5.5-alpha.3',
|
|
23
|
+
'@storybook/addon-toolbars': '6.5.5-alpha.3',
|
|
24
|
+
'@storybook/addon-viewport': '6.5.5-alpha.3',
|
|
25
|
+
'@storybook/addons': '6.5.5-alpha.3',
|
|
26
|
+
'@storybook/angular': '6.5.5-alpha.3',
|
|
27
|
+
'@storybook/api': '6.5.5-alpha.3',
|
|
28
|
+
'@storybook/builder-webpack4': '6.5.5-alpha.3',
|
|
29
|
+
'@storybook/builder-webpack5': '6.5.5-alpha.3',
|
|
30
|
+
'@storybook/channel-postmessage': '6.5.5-alpha.3',
|
|
31
|
+
'@storybook/channel-websocket': '6.5.5-alpha.3',
|
|
32
|
+
'@storybook/channels': '6.5.5-alpha.3',
|
|
33
|
+
'@storybook/cli': '6.5.5-alpha.3',
|
|
34
|
+
'@storybook/client-api': '6.5.5-alpha.3',
|
|
35
|
+
'@storybook/client-logger': '6.5.5-alpha.3',
|
|
36
|
+
'@storybook/codemod': '6.5.5-alpha.3',
|
|
37
|
+
'@storybook/components': '6.5.5-alpha.3',
|
|
38
|
+
'@storybook/core': '6.5.5-alpha.3',
|
|
39
|
+
'@storybook/core-client': '6.5.5-alpha.3',
|
|
40
|
+
'@storybook/core-common': '6.5.5-alpha.3',
|
|
41
|
+
'@storybook/core-events': '6.5.5-alpha.3',
|
|
42
|
+
'@storybook/core-server': '6.5.5-alpha.3',
|
|
43
|
+
'@storybook/csf-tools': '6.5.5-alpha.3',
|
|
44
|
+
'@storybook/docs-tools': '6.5.5-alpha.3',
|
|
45
|
+
'@storybook/ember': '6.5.5-alpha.3',
|
|
46
|
+
'@storybook/html': '6.5.5-alpha.3',
|
|
47
|
+
'@storybook/instrumenter': '6.5.5-alpha.3',
|
|
48
|
+
'@storybook/manager-webpack4': '6.5.5-alpha.3',
|
|
49
|
+
'@storybook/manager-webpack5': '6.5.5-alpha.3',
|
|
50
|
+
'@storybook/node-logger': '6.5.5-alpha.3',
|
|
51
|
+
'@storybook/postinstall': '6.5.5-alpha.3',
|
|
52
|
+
'@storybook/preact': '6.5.5-alpha.3',
|
|
53
|
+
'@storybook/preview-web': '6.5.5-alpha.3',
|
|
54
|
+
'@storybook/react': '6.5.5-alpha.3',
|
|
55
|
+
'@storybook/router': '6.5.5-alpha.3',
|
|
56
|
+
'@storybook/server': '6.5.5-alpha.3',
|
|
57
|
+
'@storybook/source-loader': '6.5.5-alpha.3',
|
|
58
|
+
'@storybook/store': '6.5.5-alpha.3',
|
|
59
|
+
'@storybook/svelte': '6.5.5-alpha.3',
|
|
60
|
+
'@storybook/telemetry': '6.5.5-alpha.3',
|
|
61
|
+
'@storybook/theming': '6.5.5-alpha.3',
|
|
62
|
+
'@storybook/ui': '6.5.5-alpha.3',
|
|
63
|
+
'@storybook/vue': '6.5.5-alpha.3',
|
|
64
|
+
'@storybook/vue3': '6.5.5-alpha.3',
|
|
65
|
+
'@storybook/web-components': '6.5.5-alpha.3'
|
|
66
66
|
};
|
|
67
67
|
exports.default = _default;
|
|
@@ -30,28 +30,40 @@ const automigrate = async ({
|
|
|
30
30
|
const packageManager = _jsPackageManager.JsPackageManagerFactory.getPackageManager();
|
|
31
31
|
|
|
32
32
|
const filtered = fixId ? _fixes.fixes.filter(f => f.id === fixId) : _fixes.fixes;
|
|
33
|
+
logger.info('🔎 checking possible migrations..');
|
|
33
34
|
|
|
34
35
|
for (let i = 0; i < filtered.length; i += 1) {
|
|
35
36
|
const f = _fixes.fixes[i];
|
|
36
|
-
logger.info(`🔎 checking '${_chalk.default.cyan(f.id)}'`);
|
|
37
37
|
const result = await f.check({
|
|
38
38
|
packageManager
|
|
39
39
|
});
|
|
40
40
|
|
|
41
41
|
if (result) {
|
|
42
|
+
logger.info(`🔎 found a '${_chalk.default.cyan(f.id)}' migration:`);
|
|
43
|
+
logger.info();
|
|
42
44
|
const message = f.prompt(result);
|
|
43
45
|
logger.info((0, _boxen.default)(message, {
|
|
44
46
|
borderStyle: 'round',
|
|
45
47
|
padding: 1,
|
|
46
48
|
borderColor: '#F1618C'
|
|
47
49
|
}));
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
}
|
|
50
|
+
let runAnswer;
|
|
51
|
+
|
|
52
|
+
if (dryRun) {
|
|
53
|
+
runAnswer = {
|
|
54
|
+
fix: false
|
|
55
|
+
};
|
|
56
|
+
} else if (yes) {
|
|
57
|
+
runAnswer = {
|
|
58
|
+
fix: true
|
|
59
|
+
};
|
|
60
|
+
} else {
|
|
61
|
+
runAnswer = await (0, _prompts.default)({
|
|
62
|
+
type: 'confirm',
|
|
63
|
+
name: 'fix',
|
|
64
|
+
message: `Do you want to run the '${_chalk.default.cyan(f.id)}' migration on your project?`
|
|
65
|
+
});
|
|
66
|
+
}
|
|
55
67
|
|
|
56
68
|
if (runAnswer.fix) {
|
|
57
69
|
try {
|
|
@@ -60,19 +72,23 @@ const automigrate = async ({
|
|
|
60
72
|
packageManager,
|
|
61
73
|
dryRun
|
|
62
74
|
});
|
|
63
|
-
logger.info(`✅
|
|
75
|
+
logger.info(`✅ ran ${_chalk.default.cyan(f.id)} migration`);
|
|
64
76
|
} catch (error) {
|
|
65
|
-
logger.info(`❌ error
|
|
77
|
+
logger.info(`❌ error when running ${_chalk.default.cyan(f.id)} migration:`);
|
|
66
78
|
logger.info(error.message);
|
|
67
79
|
logger.info();
|
|
68
80
|
}
|
|
69
81
|
} else {
|
|
70
|
-
logger.info(`Skipping the ${_chalk.default.cyan(f.id)}
|
|
82
|
+
logger.info(`Skipping the ${_chalk.default.cyan(f.id)} migration.`);
|
|
71
83
|
logger.info();
|
|
72
84
|
logger.info(`If you change your mind, run '${_chalk.default.cyan('npx storybook@next automigrate')}'`);
|
|
73
85
|
}
|
|
74
86
|
}
|
|
75
87
|
}
|
|
88
|
+
|
|
89
|
+
logger.info();
|
|
90
|
+
logger.info('✅ migration check successfully ran');
|
|
91
|
+
logger.info();
|
|
76
92
|
};
|
|
77
93
|
|
|
78
94
|
exports.automigrate = automigrate;
|
package/dist/modern/initiate.js
CHANGED
|
@@ -88,20 +88,6 @@ const installStorybook = (projectType, packageManager, options) => {
|
|
|
88
88
|
commonJs: options.commonJs
|
|
89
89
|
};
|
|
90
90
|
|
|
91
|
-
const end = () => {
|
|
92
|
-
if (!options.skipInstall) {
|
|
93
|
-
packageManager.installDependencies();
|
|
94
|
-
}
|
|
95
|
-
|
|
96
|
-
logger.log('\nTo run your Storybook, type:\n');
|
|
97
|
-
(0, _helpers.codeLog)([packageManager.getRunStorybookCommand()]);
|
|
98
|
-
logger.log('\nFor more information visit:', _chalk.default.cyan('https://storybook.js.org')); // Add a new line for the clear visibility.
|
|
99
|
-
|
|
100
|
-
logger.log();
|
|
101
|
-
};
|
|
102
|
-
|
|
103
|
-
const REACT_NATIVE_REPO = 'https://github.com/storybookjs/react-native';
|
|
104
|
-
|
|
105
91
|
const runGenerator = () => {
|
|
106
92
|
switch (projectType) {
|
|
107
93
|
case _project_types.ProjectType.ALREADY_HAS_STORYBOOK:
|
|
@@ -115,13 +101,13 @@ const installStorybook = (projectType, packageManager, options) => {
|
|
|
115
101
|
|
|
116
102
|
case _project_types.ProjectType.UPDATE_PACKAGE_ORGANIZATIONS:
|
|
117
103
|
return (0, _UPDATE_PACKAGE_ORGANIZATIONS.default)(packageManager, options.parser, npmOptions).then(() => null) // commandLog doesn't like to see output
|
|
118
|
-
.then((0, _helpers.commandLog)('Upgrading your project to the new Storybook packages.\n'))
|
|
104
|
+
.then((0, _helpers.commandLog)('Upgrading your project to the new Storybook packages.\n'));
|
|
119
105
|
|
|
120
106
|
case _project_types.ProjectType.REACT_SCRIPTS:
|
|
121
|
-
return (0, _REACT_SCRIPTS.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Create React App" based project'))
|
|
107
|
+
return (0, _REACT_SCRIPTS.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Create React App" based project'));
|
|
122
108
|
|
|
123
109
|
case _project_types.ProjectType.REACT:
|
|
124
|
-
return (0, _REACT.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "React" app\n'))
|
|
110
|
+
return (0, _REACT.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "React" app\n'));
|
|
125
111
|
|
|
126
112
|
case _project_types.ProjectType.REACT_NATIVE:
|
|
127
113
|
{
|
|
@@ -134,72 +120,65 @@ const installStorybook = (projectType, packageManager, options) => {
|
|
|
134
120
|
initial: false
|
|
135
121
|
}])).then(({
|
|
136
122
|
server
|
|
137
|
-
}) => (0, _REACT_NATIVE.default)(packageManager, npmOptions, server)).then((0, _helpers.commandLog)('Adding Storybook support to your "React Native" app\n'))
|
|
138
|
-
logger.log(_chalk.default.red('NOTE: installation is not 100% automated.'));
|
|
139
|
-
logger.log(`To quickly run Storybook, replace contents of your app entry with:\n`);
|
|
140
|
-
(0, _helpers.codeLog)(["export {default} from './storybook';"]);
|
|
141
|
-
logger.log('\n For more in information, see the github readme:\n');
|
|
142
|
-
logger.log(_chalk.default.cyan(REACT_NATIVE_REPO));
|
|
143
|
-
logger.log();
|
|
144
|
-
});
|
|
123
|
+
}) => (0, _REACT_NATIVE.default)(packageManager, npmOptions, server)).then((0, _helpers.commandLog)('Adding Storybook support to your "React Native" app\n'));
|
|
145
124
|
}
|
|
146
125
|
|
|
147
126
|
case _project_types.ProjectType.METEOR:
|
|
148
|
-
return (0, _METEOR.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Meteor" app\n'))
|
|
127
|
+
return (0, _METEOR.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Meteor" app\n'));
|
|
149
128
|
|
|
150
129
|
case _project_types.ProjectType.WEBPACK_REACT:
|
|
151
|
-
return (0, _WEBPACK_REACT.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Webpack React" app\n'))
|
|
130
|
+
return (0, _WEBPACK_REACT.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Webpack React" app\n'));
|
|
152
131
|
|
|
153
132
|
case _project_types.ProjectType.REACT_PROJECT:
|
|
154
|
-
return (0, _REACT.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "React" library\n'))
|
|
133
|
+
return (0, _REACT.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "React" library\n'));
|
|
155
134
|
|
|
156
135
|
case _project_types.ProjectType.SFC_VUE:
|
|
157
|
-
return (0, _SFC_VUE.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Single File Components Vue" app\n'))
|
|
136
|
+
return (0, _SFC_VUE.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Single File Components Vue" app\n'));
|
|
158
137
|
|
|
159
138
|
case _project_types.ProjectType.VUE:
|
|
160
|
-
return (0, _VUE.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Vue" app\n'))
|
|
139
|
+
return (0, _VUE.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Vue" app\n'));
|
|
161
140
|
|
|
162
141
|
case _project_types.ProjectType.VUE3:
|
|
163
|
-
return (0, _VUE2.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Vue 3" app\n'))
|
|
142
|
+
return (0, _VUE2.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Vue 3" app\n'));
|
|
164
143
|
|
|
165
144
|
case _project_types.ProjectType.ANGULAR:
|
|
166
|
-
return (0, _ANGULAR.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Angular" app\n'))
|
|
145
|
+
return (0, _ANGULAR.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Angular" app\n'));
|
|
167
146
|
|
|
168
147
|
case _project_types.ProjectType.EMBER:
|
|
169
|
-
return (0, _EMBER.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Ember" app\n'))
|
|
148
|
+
return (0, _EMBER.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Ember" app\n'));
|
|
170
149
|
|
|
171
150
|
case _project_types.ProjectType.MITHRIL:
|
|
172
|
-
return (0, _MITHRIL.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Mithril" app\n'))
|
|
151
|
+
return (0, _MITHRIL.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Mithril" app\n'));
|
|
173
152
|
|
|
174
153
|
case _project_types.ProjectType.MARIONETTE:
|
|
175
|
-
return (0, _MARIONETTE.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Marionette.js" app\n'))
|
|
154
|
+
return (0, _MARIONETTE.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Marionette.js" app\n'));
|
|
176
155
|
|
|
177
156
|
case _project_types.ProjectType.MARKO:
|
|
178
|
-
return (0, _MARKO.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Marko" app\n'))
|
|
157
|
+
return (0, _MARKO.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Marko" app\n'));
|
|
179
158
|
|
|
180
159
|
case _project_types.ProjectType.HTML:
|
|
181
|
-
return (0, _HTML.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "HTML" app\n'))
|
|
160
|
+
return (0, _HTML.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "HTML" app\n'));
|
|
182
161
|
|
|
183
162
|
case _project_types.ProjectType.WEB_COMPONENTS:
|
|
184
|
-
return (0, _WEBCOMPONENTS.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "web components" app\n'))
|
|
163
|
+
return (0, _WEBCOMPONENTS.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "web components" app\n'));
|
|
185
164
|
|
|
186
165
|
case _project_types.ProjectType.RIOT:
|
|
187
|
-
return (0, _RIOT.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "riot.js" app\n'))
|
|
166
|
+
return (0, _RIOT.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "riot.js" app\n'));
|
|
188
167
|
|
|
189
168
|
case _project_types.ProjectType.PREACT:
|
|
190
|
-
return (0, _PREACT.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Preact" app\n'))
|
|
169
|
+
return (0, _PREACT.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Preact" app\n'));
|
|
191
170
|
|
|
192
171
|
case _project_types.ProjectType.SVELTE:
|
|
193
|
-
return (0, _SVELTE.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Svelte" app\n'))
|
|
172
|
+
return (0, _SVELTE.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Svelte" app\n'));
|
|
194
173
|
|
|
195
174
|
case _project_types.ProjectType.RAX:
|
|
196
|
-
return (0, _RAX.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Rax" app\n'))
|
|
175
|
+
return (0, _RAX.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Rax" app\n'));
|
|
197
176
|
|
|
198
177
|
case _project_types.ProjectType.AURELIA:
|
|
199
|
-
return (0, _AURELIA.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Aurelia" app\n'))
|
|
178
|
+
return (0, _AURELIA.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Aurelia" app\n'));
|
|
200
179
|
|
|
201
180
|
case _project_types.ProjectType.SERVER:
|
|
202
|
-
return (0, _SERVER.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Server" app\n'))
|
|
181
|
+
return (0, _SERVER.default)(packageManager, npmOptions, generatorOptions).then((0, _helpers.commandLog)('Adding Storybook support to your "Server" app\n'));
|
|
203
182
|
|
|
204
183
|
case _project_types.ProjectType.UNSUPPORTED:
|
|
205
184
|
(0, _helpers.paddedLog)(`We detected a project type that we don't support yet.`);
|
|
@@ -249,7 +228,7 @@ const projectTypeInquirer = async (options, packageManager) => {
|
|
|
249
228
|
async function initiate(options, pkg) {
|
|
250
229
|
const packageManager = _jsPackageManager.JsPackageManagerFactory.getPackageManager(options.useNpm);
|
|
251
230
|
|
|
252
|
-
const welcomeMessage = '
|
|
231
|
+
const welcomeMessage = 'storybook init - the simplest way to add a Storybook to your project.';
|
|
253
232
|
logger.log(_chalk.default.inverse(`\n ${welcomeMessage} \n`));
|
|
254
233
|
|
|
255
234
|
if (!options.disableTelemetry) {
|
|
@@ -289,12 +268,35 @@ async function initiate(options, pkg) {
|
|
|
289
268
|
} catch (ex) {
|
|
290
269
|
done(ex.message);
|
|
291
270
|
process.exit(1);
|
|
292
|
-
return;
|
|
293
271
|
}
|
|
294
272
|
|
|
295
273
|
done();
|
|
296
274
|
await installStorybook(projectType, packageManager, Object.assign({}, options, isEsm ? {
|
|
297
275
|
commonJs: true
|
|
298
276
|
} : undefined));
|
|
299
|
-
|
|
277
|
+
|
|
278
|
+
if (!options.skipInstall) {
|
|
279
|
+
packageManager.installDependencies();
|
|
280
|
+
}
|
|
281
|
+
|
|
282
|
+
await (0, _automigrate.automigrate)({
|
|
283
|
+
yes: process.env.CI === 'true'
|
|
284
|
+
});
|
|
285
|
+
logger.log('\nTo run your Storybook, type:\n');
|
|
286
|
+
(0, _helpers.codeLog)([packageManager.getRunStorybookCommand()]);
|
|
287
|
+
logger.log('\nFor more information visit:', _chalk.default.cyan('https://storybook.js.org'));
|
|
288
|
+
|
|
289
|
+
if (projectType === _project_types.ProjectType.REACT_NATIVE) {
|
|
290
|
+
const REACT_NATIVE_REPO = 'https://github.com/storybookjs/react-native';
|
|
291
|
+
logger.log();
|
|
292
|
+
logger.log(_chalk.default.red('NOTE: installation is not 100% automated.'));
|
|
293
|
+
logger.log(`To quickly run Storybook, replace contents of your app entry with:\n`);
|
|
294
|
+
(0, _helpers.codeLog)(["export {default} from './storybook';"]);
|
|
295
|
+
logger.log('\n For more in information, see the github readme:\n');
|
|
296
|
+
logger.log(_chalk.default.cyan(REACT_NATIVE_REPO));
|
|
297
|
+
logger.log();
|
|
298
|
+
} // Add a new line for the clear visibility.
|
|
299
|
+
|
|
300
|
+
|
|
301
|
+
logger.log();
|
|
300
302
|
}
|
package/dist/modern/versions.js
CHANGED
|
@@ -6,62 +6,62 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
// auto generated file, do not edit
|
|
8
8
|
var _default = {
|
|
9
|
-
'@storybook/addon-a11y': '6.5.
|
|
10
|
-
'@storybook/addon-actions': '6.5.
|
|
11
|
-
'@storybook/addon-backgrounds': '6.5.
|
|
12
|
-
'@storybook/addon-controls': '6.5.
|
|
13
|
-
'@storybook/addon-docs': '6.5.
|
|
14
|
-
'@storybook/addon-essentials': '6.5.
|
|
15
|
-
'@storybook/addon-interactions': '6.5.
|
|
16
|
-
'@storybook/addon-jest': '6.5.
|
|
17
|
-
'@storybook/addon-links': '6.5.
|
|
18
|
-
'@storybook/addon-measure': '6.5.
|
|
19
|
-
'@storybook/addon-outline': '6.5.
|
|
20
|
-
'@storybook/addon-storyshots': '6.5.
|
|
21
|
-
'@storybook/addon-storyshots-puppeteer': '6.5.
|
|
22
|
-
'@storybook/addon-storysource': '6.5.
|
|
23
|
-
'@storybook/addon-toolbars': '6.5.
|
|
24
|
-
'@storybook/addon-viewport': '6.5.
|
|
25
|
-
'@storybook/addons': '6.5.
|
|
26
|
-
'@storybook/angular': '6.5.
|
|
27
|
-
'@storybook/api': '6.5.
|
|
28
|
-
'@storybook/builder-webpack4': '6.5.
|
|
29
|
-
'@storybook/builder-webpack5': '6.5.
|
|
30
|
-
'@storybook/channel-postmessage': '6.5.
|
|
31
|
-
'@storybook/channel-websocket': '6.5.
|
|
32
|
-
'@storybook/channels': '6.5.
|
|
33
|
-
'@storybook/cli': '6.5.
|
|
34
|
-
'@storybook/client-api': '6.5.
|
|
35
|
-
'@storybook/client-logger': '6.5.
|
|
36
|
-
'@storybook/codemod': '6.5.
|
|
37
|
-
'@storybook/components': '6.5.
|
|
38
|
-
'@storybook/core': '6.5.
|
|
39
|
-
'@storybook/core-client': '6.5.
|
|
40
|
-
'@storybook/core-common': '6.5.
|
|
41
|
-
'@storybook/core-events': '6.5.
|
|
42
|
-
'@storybook/core-server': '6.5.
|
|
43
|
-
'@storybook/csf-tools': '6.5.
|
|
44
|
-
'@storybook/docs-tools': '6.5.
|
|
45
|
-
'@storybook/ember': '6.5.
|
|
46
|
-
'@storybook/html': '6.5.
|
|
47
|
-
'@storybook/instrumenter': '6.5.
|
|
48
|
-
'@storybook/manager-webpack4': '6.5.
|
|
49
|
-
'@storybook/manager-webpack5': '6.5.
|
|
50
|
-
'@storybook/node-logger': '6.5.
|
|
51
|
-
'@storybook/postinstall': '6.5.
|
|
52
|
-
'@storybook/preact': '6.5.
|
|
53
|
-
'@storybook/preview-web': '6.5.
|
|
54
|
-
'@storybook/react': '6.5.
|
|
55
|
-
'@storybook/router': '6.5.
|
|
56
|
-
'@storybook/server': '6.5.
|
|
57
|
-
'@storybook/source-loader': '6.5.
|
|
58
|
-
'@storybook/store': '6.5.
|
|
59
|
-
'@storybook/svelte': '6.5.
|
|
60
|
-
'@storybook/telemetry': '6.5.
|
|
61
|
-
'@storybook/theming': '6.5.
|
|
62
|
-
'@storybook/ui': '6.5.
|
|
63
|
-
'@storybook/vue': '6.5.
|
|
64
|
-
'@storybook/vue3': '6.5.
|
|
65
|
-
'@storybook/web-components': '6.5.
|
|
9
|
+
'@storybook/addon-a11y': '6.5.5-alpha.3',
|
|
10
|
+
'@storybook/addon-actions': '6.5.5-alpha.3',
|
|
11
|
+
'@storybook/addon-backgrounds': '6.5.5-alpha.3',
|
|
12
|
+
'@storybook/addon-controls': '6.5.5-alpha.3',
|
|
13
|
+
'@storybook/addon-docs': '6.5.5-alpha.3',
|
|
14
|
+
'@storybook/addon-essentials': '6.5.5-alpha.3',
|
|
15
|
+
'@storybook/addon-interactions': '6.5.5-alpha.3',
|
|
16
|
+
'@storybook/addon-jest': '6.5.5-alpha.3',
|
|
17
|
+
'@storybook/addon-links': '6.5.5-alpha.3',
|
|
18
|
+
'@storybook/addon-measure': '6.5.5-alpha.3',
|
|
19
|
+
'@storybook/addon-outline': '6.5.5-alpha.3',
|
|
20
|
+
'@storybook/addon-storyshots': '6.5.5-alpha.3',
|
|
21
|
+
'@storybook/addon-storyshots-puppeteer': '6.5.5-alpha.3',
|
|
22
|
+
'@storybook/addon-storysource': '6.5.5-alpha.3',
|
|
23
|
+
'@storybook/addon-toolbars': '6.5.5-alpha.3',
|
|
24
|
+
'@storybook/addon-viewport': '6.5.5-alpha.3',
|
|
25
|
+
'@storybook/addons': '6.5.5-alpha.3',
|
|
26
|
+
'@storybook/angular': '6.5.5-alpha.3',
|
|
27
|
+
'@storybook/api': '6.5.5-alpha.3',
|
|
28
|
+
'@storybook/builder-webpack4': '6.5.5-alpha.3',
|
|
29
|
+
'@storybook/builder-webpack5': '6.5.5-alpha.3',
|
|
30
|
+
'@storybook/channel-postmessage': '6.5.5-alpha.3',
|
|
31
|
+
'@storybook/channel-websocket': '6.5.5-alpha.3',
|
|
32
|
+
'@storybook/channels': '6.5.5-alpha.3',
|
|
33
|
+
'@storybook/cli': '6.5.5-alpha.3',
|
|
34
|
+
'@storybook/client-api': '6.5.5-alpha.3',
|
|
35
|
+
'@storybook/client-logger': '6.5.5-alpha.3',
|
|
36
|
+
'@storybook/codemod': '6.5.5-alpha.3',
|
|
37
|
+
'@storybook/components': '6.5.5-alpha.3',
|
|
38
|
+
'@storybook/core': '6.5.5-alpha.3',
|
|
39
|
+
'@storybook/core-client': '6.5.5-alpha.3',
|
|
40
|
+
'@storybook/core-common': '6.5.5-alpha.3',
|
|
41
|
+
'@storybook/core-events': '6.5.5-alpha.3',
|
|
42
|
+
'@storybook/core-server': '6.5.5-alpha.3',
|
|
43
|
+
'@storybook/csf-tools': '6.5.5-alpha.3',
|
|
44
|
+
'@storybook/docs-tools': '6.5.5-alpha.3',
|
|
45
|
+
'@storybook/ember': '6.5.5-alpha.3',
|
|
46
|
+
'@storybook/html': '6.5.5-alpha.3',
|
|
47
|
+
'@storybook/instrumenter': '6.5.5-alpha.3',
|
|
48
|
+
'@storybook/manager-webpack4': '6.5.5-alpha.3',
|
|
49
|
+
'@storybook/manager-webpack5': '6.5.5-alpha.3',
|
|
50
|
+
'@storybook/node-logger': '6.5.5-alpha.3',
|
|
51
|
+
'@storybook/postinstall': '6.5.5-alpha.3',
|
|
52
|
+
'@storybook/preact': '6.5.5-alpha.3',
|
|
53
|
+
'@storybook/preview-web': '6.5.5-alpha.3',
|
|
54
|
+
'@storybook/react': '6.5.5-alpha.3',
|
|
55
|
+
'@storybook/router': '6.5.5-alpha.3',
|
|
56
|
+
'@storybook/server': '6.5.5-alpha.3',
|
|
57
|
+
'@storybook/source-loader': '6.5.5-alpha.3',
|
|
58
|
+
'@storybook/store': '6.5.5-alpha.3',
|
|
59
|
+
'@storybook/svelte': '6.5.5-alpha.3',
|
|
60
|
+
'@storybook/telemetry': '6.5.5-alpha.3',
|
|
61
|
+
'@storybook/theming': '6.5.5-alpha.3',
|
|
62
|
+
'@storybook/ui': '6.5.5-alpha.3',
|
|
63
|
+
'@storybook/vue': '6.5.5-alpha.3',
|
|
64
|
+
'@storybook/vue3': '6.5.5-alpha.3',
|
|
65
|
+
'@storybook/web-components': '6.5.5-alpha.3'
|
|
66
66
|
};
|
|
67
67
|
exports.default = _default;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@storybook/cli",
|
|
3
|
-
"version": "6.5.
|
|
3
|
+
"version": "6.5.5-alpha.3",
|
|
4
4
|
"description": "Storybook's CLI - easiest method of adding storybook to your projects",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"cli",
|
|
@@ -47,12 +47,12 @@
|
|
|
47
47
|
"dependencies": {
|
|
48
48
|
"@babel/core": "^7.12.10",
|
|
49
49
|
"@babel/preset-env": "^7.12.11",
|
|
50
|
-
"@storybook/codemod": "6.5.
|
|
51
|
-
"@storybook/core-common": "6.5.
|
|
52
|
-
"@storybook/csf-tools": "6.5.
|
|
53
|
-
"@storybook/node-logger": "6.5.
|
|
50
|
+
"@storybook/codemod": "6.5.5-alpha.3",
|
|
51
|
+
"@storybook/core-common": "6.5.5-alpha.3",
|
|
52
|
+
"@storybook/csf-tools": "6.5.5-alpha.3",
|
|
53
|
+
"@storybook/node-logger": "6.5.5-alpha.3",
|
|
54
54
|
"@storybook/semver": "^7.3.2",
|
|
55
|
-
"@storybook/telemetry": "6.5.
|
|
55
|
+
"@storybook/telemetry": "6.5.5-alpha.3",
|
|
56
56
|
"boxen": "^5.1.2",
|
|
57
57
|
"chalk": "^4.1.0",
|
|
58
58
|
"commander": "^6.2.1",
|
|
@@ -76,7 +76,7 @@
|
|
|
76
76
|
"update-notifier": "^5.0.1"
|
|
77
77
|
},
|
|
78
78
|
"devDependencies": {
|
|
79
|
-
"@storybook/client-api": "6.5.
|
|
79
|
+
"@storybook/client-api": "6.5.5-alpha.3",
|
|
80
80
|
"@types/cross-spawn": "^6.0.2",
|
|
81
81
|
"@types/prompts": "^2.0.9",
|
|
82
82
|
"@types/puppeteer-core": "^2.1.0",
|
|
@@ -89,5 +89,5 @@
|
|
|
89
89
|
"publishConfig": {
|
|
90
90
|
"access": "public"
|
|
91
91
|
},
|
|
92
|
-
"gitHead": "
|
|
92
|
+
"gitHead": "24d23c8d634d2ef3e4aca503ad995dc92669a33c"
|
|
93
93
|
}
|