@storybook/cli 6.4.0-alpha.4 → 6.4.0-alpha.40
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/babel-config.js +68 -0
- package/dist/cjs/extract.js +2 -1
- package/dist/cjs/frameworks/angular/User.ts +2 -0
- package/dist/cjs/frameworks/angular/header.component.ts +2 -1
- package/dist/cjs/frameworks/angular/page.component.ts +2 -1
- package/dist/cjs/frameworks/svelte/Header.svelte +1 -1
- package/dist/cjs/frameworks/svelte/Page.svelte +1 -1
- package/dist/cjs/generate.js +6 -2
- package/dist/cjs/generators/baseGenerator.js +16 -0
- package/dist/cjs/initiate.js +2 -2
- package/dist/cjs/js-package-manager/NPMProxy.js +1 -1
- package/dist/cjs/link.js +2 -2
- package/dist/cjs/project_types.js +3 -2
- package/dist/cjs/repro-generators/scripts.js +1 -1
- package/dist/cjs/versions.json +55 -55
- package/dist/esm/babel-config.js +68 -0
- package/dist/esm/extract.js +2 -1
- package/dist/esm/frameworks/angular/User.ts +2 -0
- package/dist/esm/frameworks/angular/header.component.ts +2 -1
- package/dist/esm/frameworks/angular/page.component.ts +2 -1
- package/dist/esm/frameworks/svelte/Header.svelte +1 -1
- package/dist/esm/frameworks/svelte/Page.svelte +1 -1
- package/dist/esm/generate.js +6 -2
- package/dist/esm/generators/baseGenerator.js +16 -0
- package/dist/esm/initiate.js +2 -2
- package/dist/esm/js-package-manager/NPMProxy.js +1 -1
- package/dist/esm/link.js +2 -2
- package/dist/esm/project_types.js +3 -2
- package/dist/esm/repro-generators/scripts.js +1 -1
- package/dist/esm/versions.json +55 -55
- package/dist/modern/babel-config.js +68 -0
- package/dist/modern/extract.js +2 -1
- package/dist/modern/frameworks/svelte/Header.svelte +1 -1
- package/dist/modern/frameworks/svelte/Page.svelte +1 -1
- package/dist/modern/generate.js +6 -2
- package/dist/modern/generators/baseGenerator.js +16 -0
- package/dist/modern/initiate.js +2 -2
- package/dist/modern/js-package-manager/NPMProxy.js +1 -1
- package/dist/modern/link.js +2 -2
- package/dist/modern/project_types.js +3 -2
- package/dist/modern/repro-generators/scripts.js +1 -1
- package/dist/modern/versions.json +55 -55
- package/dist/ts3.4/babel-config.d.ts +4 -0
- package/dist/ts3.4/initiate.d.ts +1 -1
- package/dist/ts3.4/project_types.d.ts +1 -1
- package/dist/ts3.9/babel-config.d.ts +4 -0
- package/dist/ts3.9/initiate.d.ts +1 -1
- package/dist/ts3.9/project_types.d.ts +1 -1
- package/package.json +7 -6
package/dist/esm/link.js
CHANGED
|
@@ -58,8 +58,8 @@ const link = async ({
|
|
|
58
58
|
stdio: 'pipe'
|
|
59
59
|
}).stdout.toString();
|
|
60
60
|
|
|
61
|
-
if (
|
|
62
|
-
_nodeLogger.logger.warn(`🚨 Expected yarn 2 in ${reproDir}!`);
|
|
61
|
+
if (!/^[23]\./.test(version)) {
|
|
62
|
+
_nodeLogger.logger.warn(`🚨 Expected yarn 2 or 3 in ${reproDir}!`);
|
|
63
63
|
|
|
64
64
|
_nodeLogger.logger.warn('');
|
|
65
65
|
|
|
@@ -61,7 +61,8 @@ exports.StoryFormat = StoryFormat;
|
|
|
61
61
|
StoryFormat["MDX"] = "mdx";
|
|
62
62
|
})(StoryFormat || (exports.StoryFormat = StoryFormat = {}));
|
|
63
63
|
|
|
64
|
-
let CoreBuilder;
|
|
64
|
+
let CoreBuilder; // The `& {}` bit allows for auto-complete, see: https://github.com/microsoft/TypeScript/issues/29729
|
|
65
|
+
|
|
65
66
|
exports.CoreBuilder = CoreBuilder;
|
|
66
67
|
|
|
67
68
|
(function (CoreBuilder) {
|
|
@@ -259,7 +260,7 @@ const supportedTemplates = [{
|
|
|
259
260
|
return dependencies.every(Boolean);
|
|
260
261
|
}
|
|
261
262
|
}]; // A TemplateConfiguration that matches unsupported frameworks
|
|
262
|
-
//
|
|
263
|
+
// AnyFramework matchers can be added to this object to give
|
|
263
264
|
// users an "Unsupported framework" message
|
|
264
265
|
|
|
265
266
|
exports.supportedTemplates = supportedTemplates;
|
|
@@ -124,7 +124,7 @@ const addRequiredDeps = async ({
|
|
|
124
124
|
additionalDeps
|
|
125
125
|
}) => {
|
|
126
126
|
// Remove any lockfile generated without Yarn 2
|
|
127
|
-
_shelljs.default.rm(_path.default.join(cwd, 'package-lock.json'), _path.default.join(cwd, 'yarn.lock'));
|
|
127
|
+
_shelljs.default.rm('-f', _path.default.join(cwd, 'package-lock.json'), _path.default.join(cwd, 'yarn.lock'));
|
|
128
128
|
|
|
129
129
|
const command = additionalDeps && additionalDeps.length > 0 ? `yarn add -D ${additionalDeps.join(' ')}` : `yarn install`;
|
|
130
130
|
await exec(command, {
|
package/dist/esm/versions.json
CHANGED
|
@@ -1,57 +1,57 @@
|
|
|
1
1
|
{
|
|
2
|
-
"@storybook/addon-a11y": "6.4.0-alpha.
|
|
3
|
-
"@storybook/addon-actions": "6.4.0-alpha.
|
|
4
|
-
"@storybook/addon-backgrounds": "6.4.0-alpha.
|
|
5
|
-
"@storybook/addon-controls": "6.4.0-alpha.
|
|
6
|
-
"@storybook/addon-docs": "6.4.0-alpha.
|
|
7
|
-
"@storybook/addon-essentials": "6.4.0-alpha.
|
|
8
|
-
"@storybook/addon-jest": "6.4.0-alpha.
|
|
9
|
-
"@storybook/addon-links": "6.4.0-alpha.
|
|
10
|
-
"@storybook/addon-storyshots": "6.4.0-alpha.
|
|
11
|
-
"@storybook/addon-storyshots-puppeteer": "6.4.0-alpha.
|
|
12
|
-
"@storybook/addon-storysource": "6.4.0-alpha.
|
|
13
|
-
"@storybook/addon-toolbars": "6.4.0-alpha.
|
|
14
|
-
"@storybook/addon-viewport": "6.4.0-alpha.
|
|
15
|
-
"@storybook/addons": "6.4.0-alpha.
|
|
16
|
-
"@storybook/angular": "6.4.0-alpha.
|
|
17
|
-
"@storybook/api": "6.4.0-alpha.
|
|
18
|
-
"@storybook/aurelia": "6.4.0-alpha.
|
|
19
|
-
"@storybook/builder-webpack4": "6.4.0-alpha.
|
|
20
|
-
"@storybook/builder-webpack5": "6.4.0-alpha.
|
|
21
|
-
"@storybook/channel-postmessage": "6.4.0-alpha.
|
|
22
|
-
"@storybook/channel-websocket": "6.4.0-alpha.
|
|
23
|
-
"@storybook/channels": "6.4.0-alpha.
|
|
24
|
-
"@storybook/cli": "6.4.0-alpha.
|
|
25
|
-
"@storybook/client-api": "6.4.0-alpha.
|
|
26
|
-
"@storybook/client-logger": "6.4.0-alpha.
|
|
27
|
-
"@storybook/codemod": "6.4.0-alpha.
|
|
28
|
-
"@storybook/components": "6.4.0-alpha.
|
|
29
|
-
"@storybook/core": "6.4.0-alpha.
|
|
30
|
-
"@storybook/core-client": "6.4.0-alpha.
|
|
31
|
-
"@storybook/core-common": "6.4.0-alpha.
|
|
32
|
-
"@storybook/core-events": "6.4.0-alpha.
|
|
33
|
-
"@storybook/core-server": "6.4.0-alpha.
|
|
34
|
-
"@storybook/csf-tools": "6.4.0-alpha.
|
|
35
|
-
"@storybook/ember": "6.4.0-alpha.
|
|
36
|
-
"@storybook/html": "6.4.0-alpha.
|
|
37
|
-
"@storybook/manager-webpack4": "6.4.0-alpha.
|
|
38
|
-
"@storybook/manager-webpack5": "6.4.0-alpha.
|
|
39
|
-
"@storybook/marionette": "6.4.0-alpha.
|
|
40
|
-
"@storybook/marko": "6.4.0-alpha.
|
|
41
|
-
"@storybook/mithril": "6.4.0-alpha.
|
|
42
|
-
"@storybook/node-logger": "6.4.0-alpha.
|
|
43
|
-
"@storybook/postinstall": "6.4.0-alpha.
|
|
44
|
-
"@storybook/preact": "6.4.0-alpha.
|
|
45
|
-
"@storybook/rax": "6.4.0-alpha.
|
|
46
|
-
"@storybook/react": "6.4.0-alpha.
|
|
47
|
-
"@storybook/riot": "6.4.0-alpha.
|
|
48
|
-
"@storybook/router": "6.4.0-alpha.
|
|
49
|
-
"@storybook/server": "6.4.0-alpha.
|
|
50
|
-
"@storybook/source-loader": "6.4.0-alpha.
|
|
51
|
-
"@storybook/svelte": "6.4.0-alpha.
|
|
52
|
-
"@storybook/theming": "6.4.0-alpha.
|
|
53
|
-
"@storybook/ui": "6.4.0-alpha.
|
|
54
|
-
"@storybook/vue": "6.4.0-alpha.
|
|
55
|
-
"@storybook/vue3": "6.4.0-alpha.
|
|
56
|
-
"@storybook/web-components": "6.4.0-alpha.
|
|
2
|
+
"@storybook/addon-a11y": "6.4.0-alpha.40",
|
|
3
|
+
"@storybook/addon-actions": "6.4.0-alpha.40",
|
|
4
|
+
"@storybook/addon-backgrounds": "6.4.0-alpha.40",
|
|
5
|
+
"@storybook/addon-controls": "6.4.0-alpha.40",
|
|
6
|
+
"@storybook/addon-docs": "6.4.0-alpha.40",
|
|
7
|
+
"@storybook/addon-essentials": "6.4.0-alpha.40",
|
|
8
|
+
"@storybook/addon-jest": "6.4.0-alpha.40",
|
|
9
|
+
"@storybook/addon-links": "6.4.0-alpha.40",
|
|
10
|
+
"@storybook/addon-storyshots": "6.4.0-alpha.40",
|
|
11
|
+
"@storybook/addon-storyshots-puppeteer": "6.4.0-alpha.40",
|
|
12
|
+
"@storybook/addon-storysource": "6.4.0-alpha.40",
|
|
13
|
+
"@storybook/addon-toolbars": "6.4.0-alpha.40",
|
|
14
|
+
"@storybook/addon-viewport": "6.4.0-alpha.40",
|
|
15
|
+
"@storybook/addons": "6.4.0-alpha.40",
|
|
16
|
+
"@storybook/angular": "6.4.0-alpha.40",
|
|
17
|
+
"@storybook/api": "6.4.0-alpha.40",
|
|
18
|
+
"@storybook/aurelia": "6.4.0-alpha.40",
|
|
19
|
+
"@storybook/builder-webpack4": "6.4.0-alpha.40",
|
|
20
|
+
"@storybook/builder-webpack5": "6.4.0-alpha.40",
|
|
21
|
+
"@storybook/channel-postmessage": "6.4.0-alpha.40",
|
|
22
|
+
"@storybook/channel-websocket": "6.4.0-alpha.40",
|
|
23
|
+
"@storybook/channels": "6.4.0-alpha.40",
|
|
24
|
+
"@storybook/cli": "6.4.0-alpha.40",
|
|
25
|
+
"@storybook/client-api": "6.4.0-alpha.40",
|
|
26
|
+
"@storybook/client-logger": "6.4.0-alpha.40",
|
|
27
|
+
"@storybook/codemod": "6.4.0-alpha.40",
|
|
28
|
+
"@storybook/components": "6.4.0-alpha.40",
|
|
29
|
+
"@storybook/core": "6.4.0-alpha.40",
|
|
30
|
+
"@storybook/core-client": "6.4.0-alpha.40",
|
|
31
|
+
"@storybook/core-common": "6.4.0-alpha.40",
|
|
32
|
+
"@storybook/core-events": "6.4.0-alpha.40",
|
|
33
|
+
"@storybook/core-server": "6.4.0-alpha.40",
|
|
34
|
+
"@storybook/csf-tools": "6.4.0-alpha.40",
|
|
35
|
+
"@storybook/ember": "6.4.0-alpha.40",
|
|
36
|
+
"@storybook/html": "6.4.0-alpha.40",
|
|
37
|
+
"@storybook/manager-webpack4": "6.4.0-alpha.40",
|
|
38
|
+
"@storybook/manager-webpack5": "6.4.0-alpha.40",
|
|
39
|
+
"@storybook/marionette": "6.4.0-alpha.40",
|
|
40
|
+
"@storybook/marko": "6.4.0-alpha.40",
|
|
41
|
+
"@storybook/mithril": "6.4.0-alpha.40",
|
|
42
|
+
"@storybook/node-logger": "6.4.0-alpha.40",
|
|
43
|
+
"@storybook/postinstall": "6.4.0-alpha.40",
|
|
44
|
+
"@storybook/preact": "6.4.0-alpha.40",
|
|
45
|
+
"@storybook/rax": "6.4.0-alpha.40",
|
|
46
|
+
"@storybook/react": "6.4.0-alpha.40",
|
|
47
|
+
"@storybook/riot": "6.4.0-alpha.40",
|
|
48
|
+
"@storybook/router": "6.4.0-alpha.40",
|
|
49
|
+
"@storybook/server": "6.4.0-alpha.40",
|
|
50
|
+
"@storybook/source-loader": "6.4.0-alpha.40",
|
|
51
|
+
"@storybook/svelte": "6.4.0-alpha.40",
|
|
52
|
+
"@storybook/theming": "6.4.0-alpha.40",
|
|
53
|
+
"@storybook/ui": "6.4.0-alpha.40",
|
|
54
|
+
"@storybook/vue": "6.4.0-alpha.40",
|
|
55
|
+
"@storybook/vue3": "6.4.0-alpha.40",
|
|
56
|
+
"@storybook/web-components": "6.4.0-alpha.40"
|
|
57
57
|
}
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.generateStorybookBabelConfig = exports.generateStorybookBabelConfigInCWD = void 0;
|
|
7
|
+
|
|
8
|
+
require("core-js/modules/es.promise.js");
|
|
9
|
+
|
|
10
|
+
var _fsExtra = require("fs-extra");
|
|
11
|
+
|
|
12
|
+
var _nodeLogger = require("@storybook/node-logger");
|
|
13
|
+
|
|
14
|
+
var _coreCommon = require("@storybook/core-common");
|
|
15
|
+
|
|
16
|
+
var _path = _interopRequireDefault(require("path"));
|
|
17
|
+
|
|
18
|
+
var _prompts = _interopRequireDefault(require("prompts"));
|
|
19
|
+
|
|
20
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
21
|
+
|
|
22
|
+
const generateStorybookBabelConfigInCWD = async () => {
|
|
23
|
+
const target = process.cwd();
|
|
24
|
+
return generateStorybookBabelConfig({
|
|
25
|
+
target
|
|
26
|
+
});
|
|
27
|
+
};
|
|
28
|
+
|
|
29
|
+
exports.generateStorybookBabelConfigInCWD = generateStorybookBabelConfigInCWD;
|
|
30
|
+
|
|
31
|
+
const generateStorybookBabelConfig = async ({
|
|
32
|
+
target
|
|
33
|
+
}) => {
|
|
34
|
+
_nodeLogger.logger.info(`Generating the storybook default babel config at ${target}`);
|
|
35
|
+
|
|
36
|
+
const config = (0, _coreCommon.getStorybookBabelConfig)({
|
|
37
|
+
local: true
|
|
38
|
+
});
|
|
39
|
+
const contents = JSON.stringify(config, null, 2);
|
|
40
|
+
const fileName = '.babelrc.json';
|
|
41
|
+
|
|
42
|
+
const location = _path.default.join(target, fileName);
|
|
43
|
+
|
|
44
|
+
const exists = await (0, _fsExtra.access)(location).then(() => true, () => false);
|
|
45
|
+
|
|
46
|
+
if (exists) {
|
|
47
|
+
const {
|
|
48
|
+
overwrite
|
|
49
|
+
} = await (0, _prompts.default)({
|
|
50
|
+
type: 'confirm',
|
|
51
|
+
initial: true,
|
|
52
|
+
name: 'overwrite',
|
|
53
|
+
message: `${fileName} already exists. Would you like overwrite it?`
|
|
54
|
+
});
|
|
55
|
+
|
|
56
|
+
if (overwrite === false) {
|
|
57
|
+
_nodeLogger.logger.warn(`Cancelled, babel config file was NOT written to file-system.`);
|
|
58
|
+
|
|
59
|
+
return;
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
_nodeLogger.logger.info(`Writing file to ${location}`);
|
|
64
|
+
|
|
65
|
+
await (0, _fsExtra.writeFile)(location, contents);
|
|
66
|
+
};
|
|
67
|
+
|
|
68
|
+
exports.generateStorybookBabelConfig = generateStorybookBabelConfig;
|
package/dist/modern/extract.js
CHANGED
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
<div class="wrapper">
|
|
24
24
|
<div>
|
|
25
25
|
<svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
|
|
26
|
-
<g fill="none"
|
|
26
|
+
<g fill="none" fill-rule="evenodd">
|
|
27
27
|
<path
|
|
28
28
|
d="M10 0h12a10 10 0 0110 10v12a10 10 0 01-10 10H10A10 10 0 010 22V10A10 10 0 0110 0z"
|
|
29
29
|
fill="#FFF" />
|
|
@@ -62,7 +62,7 @@
|
|
|
62
62
|
<span class="tip">Tip</span>
|
|
63
63
|
Adjust the width of the canvas with the
|
|
64
64
|
<svg width="10" height="10" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
|
|
65
|
-
<g fill="none"
|
|
65
|
+
<g fill="none" fill-rule="evenodd">
|
|
66
66
|
<path
|
|
67
67
|
d="M1.5 5.2h4.8c.3 0 .5.2.5.4v5.1c-.1.2-.3.3-.4.3H1.4a.5.5 0
|
|
68
68
|
01-.5-.4V5.7c0-.3.2-.5.5-.5zm0-2.1h6.9c.3 0 .5.2.5.4v7a.5.5 0 01-1 0V4H1.5a.5.5 0
|
package/dist/modern/generate.js
CHANGED
|
@@ -14,7 +14,7 @@ var _leven = _interopRequireDefault(require("leven"));
|
|
|
14
14
|
|
|
15
15
|
var _readPkgUp = require("read-pkg-up");
|
|
16
16
|
|
|
17
|
-
var _initiate =
|
|
17
|
+
var _initiate = require("./initiate");
|
|
18
18
|
|
|
19
19
|
var _add = require("./add");
|
|
20
20
|
|
|
@@ -28,6 +28,8 @@ var _repro = require("./repro");
|
|
|
28
28
|
|
|
29
29
|
var _link = require("./link");
|
|
30
30
|
|
|
31
|
+
var _babelConfig = require("./babel-config");
|
|
32
|
+
|
|
31
33
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
32
34
|
|
|
33
35
|
const pkg = (0, _readPkgUp.sync)({
|
|
@@ -35,10 +37,12 @@ const pkg = (0, _readPkgUp.sync)({
|
|
|
35
37
|
}).packageJson;
|
|
36
38
|
const logger = console;
|
|
37
39
|
|
|
38
|
-
_commander.default.command('init').description('Initialize Storybook into your project.').option('-f --force', 'Force add Storybook').option('-s --skip-install', 'Skip installing deps').option('-N --use-npm', 'Use npm to install deps').option('-p --parser <babel | babylon | flow | ts | tsx>', 'jscodeshift parser').option('-t --type <type>', 'Add Storybook for a specific project type').option('--story-format <csf | csf-ts | mdx >', 'Generate stories in a specified format').option('-y --yes', 'Answer yes to all prompts').option('-b --builder <builder>', 'Builder library').option('-l --linkable', 'Prepare installation for link (contributor helper)').action(options => (0, _initiate.
|
|
40
|
+
_commander.default.command('init').description('Initialize Storybook into your project.').option('-f --force', 'Force add Storybook').option('-s --skip-install', 'Skip installing deps').option('-N --use-npm', 'Use npm to install deps').option('-p --parser <babel | babylon | flow | ts | tsx>', 'jscodeshift parser').option('-t --type <type>', 'Add Storybook for a specific project type').option('--story-format <csf | csf-ts | mdx >', 'Generate stories in a specified format').option('-y --yes', 'Answer yes to all prompts').option('-b --builder <builder>', 'Builder library').option('-l --linkable', 'Prepare installation for link (contributor helper)').action(options => (0, _initiate.initiate)(options, pkg));
|
|
39
41
|
|
|
40
42
|
_commander.default.command('add <addon>').description('Add an addon to your Storybook').option('-N --use-npm', 'Use NPM to build the Storybook server').option('-s --skip-postinstall', 'Skip package specific postinstall config modifications').action((addonName, options) => (0, _add.add)(addonName, options));
|
|
41
43
|
|
|
44
|
+
_commander.default.command('babelrc').description('generate the default storybook babel config into your current working directory').action(() => (0, _babelConfig.generateStorybookBabelConfigInCWD)());
|
|
45
|
+
|
|
42
46
|
_commander.default.command('upgrade').description('Upgrade your Storybook packages to the latest').option('-N --use-npm', 'Use NPM to build the Storybook server').option('-n --dry-run', 'Only check for upgrades, do not install').option('-p --prerelease', 'Upgrade to the pre-release packages').option('-s --skip-check', 'Skip postinstall version consistency checks').action(options => (0, _upgrade.upgrade)(options));
|
|
43
47
|
|
|
44
48
|
_commander.default.command('info').description('Prints debugging information about the local environment').action(() => {
|
|
@@ -7,6 +7,10 @@ exports.baseGenerator = baseGenerator;
|
|
|
7
7
|
|
|
8
8
|
require("core-js/modules/es.promise.js");
|
|
9
9
|
|
|
10
|
+
var _fsExtra = _interopRequireDefault(require("fs-extra"));
|
|
11
|
+
|
|
12
|
+
var _coreCommon = require("@storybook/core-common");
|
|
13
|
+
|
|
10
14
|
var _project_types = require("../project_types");
|
|
11
15
|
|
|
12
16
|
var _helpers = require("../helpers");
|
|
@@ -15,6 +19,10 @@ var _configure = require("./configure");
|
|
|
15
19
|
|
|
16
20
|
var _jsPackageManager = require("../js-package-manager");
|
|
17
21
|
|
|
22
|
+
var _babelConfig = require("../babel-config");
|
|
23
|
+
|
|
24
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
25
|
+
|
|
18
26
|
const defaultOptions = {
|
|
19
27
|
extraPackages: [],
|
|
20
28
|
extraAddons: [],
|
|
@@ -62,6 +70,8 @@ async function baseGenerator(packageManager, npmOptions, {
|
|
|
62
70
|
|
|
63
71
|
const addonPackages = [...addons, '@storybook/addon-actions'];
|
|
64
72
|
const yarn2Dependencies = packageManager.type === 'yarn2' ? ['@storybook/addon-docs', '@mdx-js/react'] : [];
|
|
73
|
+
const files = await _fsExtra.default.readdir(process.cwd());
|
|
74
|
+
const isNewFolder = !files.some(fname => fname.startsWith('.babel') || fname.startsWith('babel') || fname === 'package.json');
|
|
65
75
|
const packageJson = packageManager.retrievePackageJson();
|
|
66
76
|
const installedDependencies = new Set(Object.keys(packageJson.dependencies));
|
|
67
77
|
const packages = [`@storybook/${framework}`, ...addonPackages, ...extraPackages, ...extraAddons, ...yarn2Dependencies, ...builderDependencies(builder)].filter(Boolean).filter(packageToInstall => !installedDependencies.has((0, _jsPackageManager.getPackageDetails)(packageToInstall)[0]));
|
|
@@ -82,6 +92,12 @@ async function baseGenerator(packageManager, npmOptions, {
|
|
|
82
92
|
}
|
|
83
93
|
|
|
84
94
|
const babelDependencies = addBabel ? await (0, _helpers.getBabelDependencies)(packageManager, packageJson) : [];
|
|
95
|
+
|
|
96
|
+
if (isNewFolder) {
|
|
97
|
+
babelDependencies.push(...(0, _coreCommon.getStorybookBabelDependencies)());
|
|
98
|
+
await (0, _babelConfig.generateStorybookBabelConfigInCWD)();
|
|
99
|
+
}
|
|
100
|
+
|
|
85
101
|
packageManager.addDependencies(Object.assign({}, npmOptions, {
|
|
86
102
|
packageJson
|
|
87
103
|
}), [...versionedPackages, ...babelDependencies]);
|
package/dist/modern/initiate.js
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.
|
|
6
|
+
exports.initiate = initiate;
|
|
7
7
|
|
|
8
8
|
require("core-js/modules/es.promise.js");
|
|
9
9
|
|
|
@@ -249,7 +249,7 @@ const projectTypeInquirer = async options => {
|
|
|
249
249
|
return Promise.resolve();
|
|
250
250
|
};
|
|
251
251
|
|
|
252
|
-
function
|
|
252
|
+
function initiate(options, pkg) {
|
|
253
253
|
const welcomeMessage = 'sb init - the simplest way to add a Storybook to your project.';
|
|
254
254
|
logger.log(_chalk.default.inverse(`\n ${welcomeMessage} \n`)); // Update notify code.
|
|
255
255
|
|
|
@@ -67,7 +67,7 @@ class NPMProxy extends _JsPackageManager.JsPackageManager {
|
|
|
67
67
|
return parsedOutput;
|
|
68
68
|
}
|
|
69
69
|
} catch (e) {
|
|
70
|
-
throw new Error(`Unable to find versions of ${packageName} using
|
|
70
|
+
throw new Error(`Unable to find versions of ${packageName} using npm`);
|
|
71
71
|
}
|
|
72
72
|
}
|
|
73
73
|
|
package/dist/modern/link.js
CHANGED
|
@@ -58,8 +58,8 @@ const link = async ({
|
|
|
58
58
|
stdio: 'pipe'
|
|
59
59
|
}).stdout.toString();
|
|
60
60
|
|
|
61
|
-
if (
|
|
62
|
-
_nodeLogger.logger.warn(`🚨 Expected yarn 2 in ${reproDir}!`);
|
|
61
|
+
if (!/^[23]\./.test(version)) {
|
|
62
|
+
_nodeLogger.logger.warn(`🚨 Expected yarn 2 or 3 in ${reproDir}!`);
|
|
63
63
|
|
|
64
64
|
_nodeLogger.logger.warn('');
|
|
65
65
|
|
|
@@ -61,7 +61,8 @@ exports.StoryFormat = StoryFormat;
|
|
|
61
61
|
StoryFormat["MDX"] = "mdx";
|
|
62
62
|
})(StoryFormat || (exports.StoryFormat = StoryFormat = {}));
|
|
63
63
|
|
|
64
|
-
let CoreBuilder;
|
|
64
|
+
let CoreBuilder; // The `& {}` bit allows for auto-complete, see: https://github.com/microsoft/TypeScript/issues/29729
|
|
65
|
+
|
|
65
66
|
exports.CoreBuilder = CoreBuilder;
|
|
66
67
|
|
|
67
68
|
(function (CoreBuilder) {
|
|
@@ -259,7 +260,7 @@ const supportedTemplates = [{
|
|
|
259
260
|
return dependencies.every(Boolean);
|
|
260
261
|
}
|
|
261
262
|
}]; // A TemplateConfiguration that matches unsupported frameworks
|
|
262
|
-
//
|
|
263
|
+
// AnyFramework matchers can be added to this object to give
|
|
263
264
|
// users an "Unsupported framework" message
|
|
264
265
|
|
|
265
266
|
exports.supportedTemplates = supportedTemplates;
|
|
@@ -124,7 +124,7 @@ const addRequiredDeps = async ({
|
|
|
124
124
|
additionalDeps
|
|
125
125
|
}) => {
|
|
126
126
|
// Remove any lockfile generated without Yarn 2
|
|
127
|
-
_shelljs.default.rm(_path.default.join(cwd, 'package-lock.json'), _path.default.join(cwd, 'yarn.lock'));
|
|
127
|
+
_shelljs.default.rm('-f', _path.default.join(cwd, 'package-lock.json'), _path.default.join(cwd, 'yarn.lock'));
|
|
128
128
|
|
|
129
129
|
const command = additionalDeps && additionalDeps.length > 0 ? `yarn add -D ${additionalDeps.join(' ')}` : `yarn install`;
|
|
130
130
|
await exec(command, {
|
|
@@ -1,57 +1,57 @@
|
|
|
1
1
|
{
|
|
2
|
-
"@storybook/addon-a11y": "6.4.0-alpha.
|
|
3
|
-
"@storybook/addon-actions": "6.4.0-alpha.
|
|
4
|
-
"@storybook/addon-backgrounds": "6.4.0-alpha.
|
|
5
|
-
"@storybook/addon-controls": "6.4.0-alpha.
|
|
6
|
-
"@storybook/addon-docs": "6.4.0-alpha.
|
|
7
|
-
"@storybook/addon-essentials": "6.4.0-alpha.
|
|
8
|
-
"@storybook/addon-jest": "6.4.0-alpha.
|
|
9
|
-
"@storybook/addon-links": "6.4.0-alpha.
|
|
10
|
-
"@storybook/addon-storyshots": "6.4.0-alpha.
|
|
11
|
-
"@storybook/addon-storyshots-puppeteer": "6.4.0-alpha.
|
|
12
|
-
"@storybook/addon-storysource": "6.4.0-alpha.
|
|
13
|
-
"@storybook/addon-toolbars": "6.4.0-alpha.
|
|
14
|
-
"@storybook/addon-viewport": "6.4.0-alpha.
|
|
15
|
-
"@storybook/addons": "6.4.0-alpha.
|
|
16
|
-
"@storybook/angular": "6.4.0-alpha.
|
|
17
|
-
"@storybook/api": "6.4.0-alpha.
|
|
18
|
-
"@storybook/aurelia": "6.4.0-alpha.
|
|
19
|
-
"@storybook/builder-webpack4": "6.4.0-alpha.
|
|
20
|
-
"@storybook/builder-webpack5": "6.4.0-alpha.
|
|
21
|
-
"@storybook/channel-postmessage": "6.4.0-alpha.
|
|
22
|
-
"@storybook/channel-websocket": "6.4.0-alpha.
|
|
23
|
-
"@storybook/channels": "6.4.0-alpha.
|
|
24
|
-
"@storybook/cli": "6.4.0-alpha.
|
|
25
|
-
"@storybook/client-api": "6.4.0-alpha.
|
|
26
|
-
"@storybook/client-logger": "6.4.0-alpha.
|
|
27
|
-
"@storybook/codemod": "6.4.0-alpha.
|
|
28
|
-
"@storybook/components": "6.4.0-alpha.
|
|
29
|
-
"@storybook/core": "6.4.0-alpha.
|
|
30
|
-
"@storybook/core-client": "6.4.0-alpha.
|
|
31
|
-
"@storybook/core-common": "6.4.0-alpha.
|
|
32
|
-
"@storybook/core-events": "6.4.0-alpha.
|
|
33
|
-
"@storybook/core-server": "6.4.0-alpha.
|
|
34
|
-
"@storybook/csf-tools": "6.4.0-alpha.
|
|
35
|
-
"@storybook/ember": "6.4.0-alpha.
|
|
36
|
-
"@storybook/html": "6.4.0-alpha.
|
|
37
|
-
"@storybook/manager-webpack4": "6.4.0-alpha.
|
|
38
|
-
"@storybook/manager-webpack5": "6.4.0-alpha.
|
|
39
|
-
"@storybook/marionette": "6.4.0-alpha.
|
|
40
|
-
"@storybook/marko": "6.4.0-alpha.
|
|
41
|
-
"@storybook/mithril": "6.4.0-alpha.
|
|
42
|
-
"@storybook/node-logger": "6.4.0-alpha.
|
|
43
|
-
"@storybook/postinstall": "6.4.0-alpha.
|
|
44
|
-
"@storybook/preact": "6.4.0-alpha.
|
|
45
|
-
"@storybook/rax": "6.4.0-alpha.
|
|
46
|
-
"@storybook/react": "6.4.0-alpha.
|
|
47
|
-
"@storybook/riot": "6.4.0-alpha.
|
|
48
|
-
"@storybook/router": "6.4.0-alpha.
|
|
49
|
-
"@storybook/server": "6.4.0-alpha.
|
|
50
|
-
"@storybook/source-loader": "6.4.0-alpha.
|
|
51
|
-
"@storybook/svelte": "6.4.0-alpha.
|
|
52
|
-
"@storybook/theming": "6.4.0-alpha.
|
|
53
|
-
"@storybook/ui": "6.4.0-alpha.
|
|
54
|
-
"@storybook/vue": "6.4.0-alpha.
|
|
55
|
-
"@storybook/vue3": "6.4.0-alpha.
|
|
56
|
-
"@storybook/web-components": "6.4.0-alpha.
|
|
2
|
+
"@storybook/addon-a11y": "6.4.0-alpha.40",
|
|
3
|
+
"@storybook/addon-actions": "6.4.0-alpha.40",
|
|
4
|
+
"@storybook/addon-backgrounds": "6.4.0-alpha.40",
|
|
5
|
+
"@storybook/addon-controls": "6.4.0-alpha.40",
|
|
6
|
+
"@storybook/addon-docs": "6.4.0-alpha.40",
|
|
7
|
+
"@storybook/addon-essentials": "6.4.0-alpha.40",
|
|
8
|
+
"@storybook/addon-jest": "6.4.0-alpha.40",
|
|
9
|
+
"@storybook/addon-links": "6.4.0-alpha.40",
|
|
10
|
+
"@storybook/addon-storyshots": "6.4.0-alpha.40",
|
|
11
|
+
"@storybook/addon-storyshots-puppeteer": "6.4.0-alpha.40",
|
|
12
|
+
"@storybook/addon-storysource": "6.4.0-alpha.40",
|
|
13
|
+
"@storybook/addon-toolbars": "6.4.0-alpha.40",
|
|
14
|
+
"@storybook/addon-viewport": "6.4.0-alpha.40",
|
|
15
|
+
"@storybook/addons": "6.4.0-alpha.40",
|
|
16
|
+
"@storybook/angular": "6.4.0-alpha.40",
|
|
17
|
+
"@storybook/api": "6.4.0-alpha.40",
|
|
18
|
+
"@storybook/aurelia": "6.4.0-alpha.40",
|
|
19
|
+
"@storybook/builder-webpack4": "6.4.0-alpha.40",
|
|
20
|
+
"@storybook/builder-webpack5": "6.4.0-alpha.40",
|
|
21
|
+
"@storybook/channel-postmessage": "6.4.0-alpha.40",
|
|
22
|
+
"@storybook/channel-websocket": "6.4.0-alpha.40",
|
|
23
|
+
"@storybook/channels": "6.4.0-alpha.40",
|
|
24
|
+
"@storybook/cli": "6.4.0-alpha.40",
|
|
25
|
+
"@storybook/client-api": "6.4.0-alpha.40",
|
|
26
|
+
"@storybook/client-logger": "6.4.0-alpha.40",
|
|
27
|
+
"@storybook/codemod": "6.4.0-alpha.40",
|
|
28
|
+
"@storybook/components": "6.4.0-alpha.40",
|
|
29
|
+
"@storybook/core": "6.4.0-alpha.40",
|
|
30
|
+
"@storybook/core-client": "6.4.0-alpha.40",
|
|
31
|
+
"@storybook/core-common": "6.4.0-alpha.40",
|
|
32
|
+
"@storybook/core-events": "6.4.0-alpha.40",
|
|
33
|
+
"@storybook/core-server": "6.4.0-alpha.40",
|
|
34
|
+
"@storybook/csf-tools": "6.4.0-alpha.40",
|
|
35
|
+
"@storybook/ember": "6.4.0-alpha.40",
|
|
36
|
+
"@storybook/html": "6.4.0-alpha.40",
|
|
37
|
+
"@storybook/manager-webpack4": "6.4.0-alpha.40",
|
|
38
|
+
"@storybook/manager-webpack5": "6.4.0-alpha.40",
|
|
39
|
+
"@storybook/marionette": "6.4.0-alpha.40",
|
|
40
|
+
"@storybook/marko": "6.4.0-alpha.40",
|
|
41
|
+
"@storybook/mithril": "6.4.0-alpha.40",
|
|
42
|
+
"@storybook/node-logger": "6.4.0-alpha.40",
|
|
43
|
+
"@storybook/postinstall": "6.4.0-alpha.40",
|
|
44
|
+
"@storybook/preact": "6.4.0-alpha.40",
|
|
45
|
+
"@storybook/rax": "6.4.0-alpha.40",
|
|
46
|
+
"@storybook/react": "6.4.0-alpha.40",
|
|
47
|
+
"@storybook/riot": "6.4.0-alpha.40",
|
|
48
|
+
"@storybook/router": "6.4.0-alpha.40",
|
|
49
|
+
"@storybook/server": "6.4.0-alpha.40",
|
|
50
|
+
"@storybook/source-loader": "6.4.0-alpha.40",
|
|
51
|
+
"@storybook/svelte": "6.4.0-alpha.40",
|
|
52
|
+
"@storybook/theming": "6.4.0-alpha.40",
|
|
53
|
+
"@storybook/ui": "6.4.0-alpha.40",
|
|
54
|
+
"@storybook/vue": "6.4.0-alpha.40",
|
|
55
|
+
"@storybook/vue3": "6.4.0-alpha.40",
|
|
56
|
+
"@storybook/web-components": "6.4.0-alpha.40"
|
|
57
57
|
}
|
package/dist/ts3.4/initiate.d.ts
CHANGED
|
@@ -12,5 +12,5 @@ declare type CommandOptions = {
|
|
|
12
12
|
builder?: Builder;
|
|
13
13
|
linkable?: boolean;
|
|
14
14
|
};
|
|
15
|
-
export
|
|
15
|
+
export declare function initiate(options: CommandOptions, pkg: Package): Promise<void>;
|
|
16
16
|
export {};
|
|
@@ -39,7 +39,7 @@ export declare enum CoreBuilder {
|
|
|
39
39
|
Webpack4 = "webpack4",
|
|
40
40
|
Webpack5 = "webpack5"
|
|
41
41
|
}
|
|
42
|
-
export declare type Builder = CoreBuilder | string;
|
|
42
|
+
export declare type Builder = CoreBuilder | (string & {});
|
|
43
43
|
export declare enum SupportedLanguage {
|
|
44
44
|
JAVASCRIPT = "javascript",
|
|
45
45
|
TYPESCRIPT = "typescript"
|
package/dist/ts3.9/initiate.d.ts
CHANGED
|
@@ -12,5 +12,5 @@ declare type CommandOptions = {
|
|
|
12
12
|
builder?: Builder;
|
|
13
13
|
linkable?: boolean;
|
|
14
14
|
};
|
|
15
|
-
export
|
|
15
|
+
export declare function initiate(options: CommandOptions, pkg: Package): Promise<void>;
|
|
16
16
|
export {};
|
|
@@ -39,7 +39,7 @@ export declare enum CoreBuilder {
|
|
|
39
39
|
Webpack4 = "webpack4",
|
|
40
40
|
Webpack5 = "webpack5"
|
|
41
41
|
}
|
|
42
|
-
export declare type Builder = CoreBuilder | string;
|
|
42
|
+
export declare type Builder = CoreBuilder | (string & {});
|
|
43
43
|
export declare enum SupportedLanguage {
|
|
44
44
|
JAVASCRIPT = "javascript",
|
|
45
45
|
TYPESCRIPT = "typescript"
|
package/package.json
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@storybook/cli",
|
|
3
|
-
"version": "6.4.0-alpha.
|
|
3
|
+
"version": "6.4.0-alpha.40",
|
|
4
4
|
"description": "Storybook's CLI - easiest method of adding storybook to your projects",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"cli",
|
|
7
7
|
"generator",
|
|
8
8
|
"storybook"
|
|
9
9
|
],
|
|
10
|
-
"homepage": "https://github.com/storybookjs/storybook/tree/
|
|
10
|
+
"homepage": "https://github.com/storybookjs/storybook/tree/main/lib/cli",
|
|
11
11
|
"bugs": {
|
|
12
12
|
"url": "https://github.com/storybookjs/storybook/issues"
|
|
13
13
|
},
|
|
@@ -48,8 +48,9 @@
|
|
|
48
48
|
"dependencies": {
|
|
49
49
|
"@babel/core": "^7.12.10",
|
|
50
50
|
"@babel/preset-env": "^7.12.11",
|
|
51
|
-
"@storybook/codemod": "6.4.0-alpha.
|
|
52
|
-
"@storybook/
|
|
51
|
+
"@storybook/codemod": "6.4.0-alpha.40",
|
|
52
|
+
"@storybook/core-common": "6.4.0-alpha.40",
|
|
53
|
+
"@storybook/node-logger": "6.4.0-alpha.40",
|
|
53
54
|
"@storybook/semver": "^7.3.2",
|
|
54
55
|
"boxen": "^4.2.0",
|
|
55
56
|
"chalk": "^4.1.0",
|
|
@@ -74,7 +75,7 @@
|
|
|
74
75
|
"update-notifier": "^5.0.1"
|
|
75
76
|
},
|
|
76
77
|
"devDependencies": {
|
|
77
|
-
"@storybook/client-api": "6.4.0-alpha.
|
|
78
|
+
"@storybook/client-api": "6.4.0-alpha.40",
|
|
78
79
|
"@types/cross-spawn": "^6.0.2",
|
|
79
80
|
"@types/prompts": "^2.0.9",
|
|
80
81
|
"@types/puppeteer-core": "^2.1.0",
|
|
@@ -90,5 +91,5 @@
|
|
|
90
91
|
"publishConfig": {
|
|
91
92
|
"access": "public"
|
|
92
93
|
},
|
|
93
|
-
"gitHead": "
|
|
94
|
+
"gitHead": "6b767d7c8f81b45cccd89a224223963fa751ad91"
|
|
94
95
|
}
|