@storybook/cli 6.4.0-alpha.32 → 6.4.0-alpha.36
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/generate.js +6 -2
- package/dist/cjs/generators/baseGenerator.js +16 -0
- package/dist/cjs/initiate.js +2 -2
- package/dist/cjs/link.js +2 -2
- package/dist/cjs/project_types.js +1 -1
- 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/generate.js +6 -2
- package/dist/esm/generators/baseGenerator.js +16 -0
- package/dist/esm/initiate.js +2 -2
- package/dist/esm/link.js +2 -2
- package/dist/esm/project_types.js +1 -1
- 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/generate.js +6 -2
- package/dist/modern/generators/baseGenerator.js +16 -0
- package/dist/modern/initiate.js +2 -2
- package/dist/modern/link.js +2 -2
- package/dist/modern/project_types.js +1 -1
- 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.9/babel-config.d.ts +4 -0
- package/dist/ts3.9/initiate.d.ts +1 -1
- package/package.json +6 -5
|
@@ -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/cjs/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/cjs/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
|
|
package/dist/cjs/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
|
|
|
@@ -259,7 +259,7 @@ const supportedTemplates = [{
|
|
|
259
259
|
return dependencies.every(Boolean);
|
|
260
260
|
}
|
|
261
261
|
}]; // A TemplateConfiguration that matches unsupported frameworks
|
|
262
|
-
//
|
|
262
|
+
// AnyFramework matchers can be added to this object to give
|
|
263
263
|
// users an "Unsupported framework" message
|
|
264
264
|
|
|
265
265
|
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/cjs/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.36",
|
|
3
|
+
"@storybook/addon-actions": "6.4.0-alpha.36",
|
|
4
|
+
"@storybook/addon-backgrounds": "6.4.0-alpha.36",
|
|
5
|
+
"@storybook/addon-controls": "6.4.0-alpha.36",
|
|
6
|
+
"@storybook/addon-docs": "6.4.0-alpha.36",
|
|
7
|
+
"@storybook/addon-essentials": "6.4.0-alpha.36",
|
|
8
|
+
"@storybook/addon-jest": "6.4.0-alpha.36",
|
|
9
|
+
"@storybook/addon-links": "6.4.0-alpha.36",
|
|
10
|
+
"@storybook/addon-storyshots": "6.4.0-alpha.36",
|
|
11
|
+
"@storybook/addon-storyshots-puppeteer": "6.4.0-alpha.36",
|
|
12
|
+
"@storybook/addon-storysource": "6.4.0-alpha.36",
|
|
13
|
+
"@storybook/addon-toolbars": "6.4.0-alpha.36",
|
|
14
|
+
"@storybook/addon-viewport": "6.4.0-alpha.36",
|
|
15
|
+
"@storybook/addons": "6.4.0-alpha.36",
|
|
16
|
+
"@storybook/angular": "6.4.0-alpha.36",
|
|
17
|
+
"@storybook/api": "6.4.0-alpha.36",
|
|
18
|
+
"@storybook/aurelia": "6.4.0-alpha.36",
|
|
19
|
+
"@storybook/builder-webpack4": "6.4.0-alpha.36",
|
|
20
|
+
"@storybook/builder-webpack5": "6.4.0-alpha.36",
|
|
21
|
+
"@storybook/channel-postmessage": "6.4.0-alpha.36",
|
|
22
|
+
"@storybook/channel-websocket": "6.4.0-alpha.36",
|
|
23
|
+
"@storybook/channels": "6.4.0-alpha.36",
|
|
24
|
+
"@storybook/cli": "6.4.0-alpha.36",
|
|
25
|
+
"@storybook/client-api": "6.4.0-alpha.36",
|
|
26
|
+
"@storybook/client-logger": "6.4.0-alpha.36",
|
|
27
|
+
"@storybook/codemod": "6.4.0-alpha.36",
|
|
28
|
+
"@storybook/components": "6.4.0-alpha.36",
|
|
29
|
+
"@storybook/core": "6.4.0-alpha.36",
|
|
30
|
+
"@storybook/core-client": "6.4.0-alpha.36",
|
|
31
|
+
"@storybook/core-common": "6.4.0-alpha.36",
|
|
32
|
+
"@storybook/core-events": "6.4.0-alpha.36",
|
|
33
|
+
"@storybook/core-server": "6.4.0-alpha.36",
|
|
34
|
+
"@storybook/csf-tools": "6.4.0-alpha.36",
|
|
35
|
+
"@storybook/ember": "6.4.0-alpha.36",
|
|
36
|
+
"@storybook/html": "6.4.0-alpha.36",
|
|
37
|
+
"@storybook/manager-webpack4": "6.4.0-alpha.36",
|
|
38
|
+
"@storybook/manager-webpack5": "6.4.0-alpha.36",
|
|
39
|
+
"@storybook/marionette": "6.4.0-alpha.36",
|
|
40
|
+
"@storybook/marko": "6.4.0-alpha.36",
|
|
41
|
+
"@storybook/mithril": "6.4.0-alpha.36",
|
|
42
|
+
"@storybook/node-logger": "6.4.0-alpha.36",
|
|
43
|
+
"@storybook/postinstall": "6.4.0-alpha.36",
|
|
44
|
+
"@storybook/preact": "6.4.0-alpha.36",
|
|
45
|
+
"@storybook/rax": "6.4.0-alpha.36",
|
|
46
|
+
"@storybook/react": "6.4.0-alpha.36",
|
|
47
|
+
"@storybook/riot": "6.4.0-alpha.36",
|
|
48
|
+
"@storybook/router": "6.4.0-alpha.36",
|
|
49
|
+
"@storybook/server": "6.4.0-alpha.36",
|
|
50
|
+
"@storybook/source-loader": "6.4.0-alpha.36",
|
|
51
|
+
"@storybook/svelte": "6.4.0-alpha.36",
|
|
52
|
+
"@storybook/theming": "6.4.0-alpha.36",
|
|
53
|
+
"@storybook/ui": "6.4.0-alpha.36",
|
|
54
|
+
"@storybook/vue": "6.4.0-alpha.36",
|
|
55
|
+
"@storybook/vue3": "6.4.0-alpha.36",
|
|
56
|
+
"@storybook/web-components": "6.4.0-alpha.36"
|
|
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/esm/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/esm/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
|
|
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
|
|
|
@@ -259,7 +259,7 @@ const supportedTemplates = [{
|
|
|
259
259
|
return dependencies.every(Boolean);
|
|
260
260
|
}
|
|
261
261
|
}]; // A TemplateConfiguration that matches unsupported frameworks
|
|
262
|
-
//
|
|
262
|
+
// AnyFramework matchers can be added to this object to give
|
|
263
263
|
// users an "Unsupported framework" message
|
|
264
264
|
|
|
265
265
|
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.36",
|
|
3
|
+
"@storybook/addon-actions": "6.4.0-alpha.36",
|
|
4
|
+
"@storybook/addon-backgrounds": "6.4.0-alpha.36",
|
|
5
|
+
"@storybook/addon-controls": "6.4.0-alpha.36",
|
|
6
|
+
"@storybook/addon-docs": "6.4.0-alpha.36",
|
|
7
|
+
"@storybook/addon-essentials": "6.4.0-alpha.36",
|
|
8
|
+
"@storybook/addon-jest": "6.4.0-alpha.36",
|
|
9
|
+
"@storybook/addon-links": "6.4.0-alpha.36",
|
|
10
|
+
"@storybook/addon-storyshots": "6.4.0-alpha.36",
|
|
11
|
+
"@storybook/addon-storyshots-puppeteer": "6.4.0-alpha.36",
|
|
12
|
+
"@storybook/addon-storysource": "6.4.0-alpha.36",
|
|
13
|
+
"@storybook/addon-toolbars": "6.4.0-alpha.36",
|
|
14
|
+
"@storybook/addon-viewport": "6.4.0-alpha.36",
|
|
15
|
+
"@storybook/addons": "6.4.0-alpha.36",
|
|
16
|
+
"@storybook/angular": "6.4.0-alpha.36",
|
|
17
|
+
"@storybook/api": "6.4.0-alpha.36",
|
|
18
|
+
"@storybook/aurelia": "6.4.0-alpha.36",
|
|
19
|
+
"@storybook/builder-webpack4": "6.4.0-alpha.36",
|
|
20
|
+
"@storybook/builder-webpack5": "6.4.0-alpha.36",
|
|
21
|
+
"@storybook/channel-postmessage": "6.4.0-alpha.36",
|
|
22
|
+
"@storybook/channel-websocket": "6.4.0-alpha.36",
|
|
23
|
+
"@storybook/channels": "6.4.0-alpha.36",
|
|
24
|
+
"@storybook/cli": "6.4.0-alpha.36",
|
|
25
|
+
"@storybook/client-api": "6.4.0-alpha.36",
|
|
26
|
+
"@storybook/client-logger": "6.4.0-alpha.36",
|
|
27
|
+
"@storybook/codemod": "6.4.0-alpha.36",
|
|
28
|
+
"@storybook/components": "6.4.0-alpha.36",
|
|
29
|
+
"@storybook/core": "6.4.0-alpha.36",
|
|
30
|
+
"@storybook/core-client": "6.4.0-alpha.36",
|
|
31
|
+
"@storybook/core-common": "6.4.0-alpha.36",
|
|
32
|
+
"@storybook/core-events": "6.4.0-alpha.36",
|
|
33
|
+
"@storybook/core-server": "6.4.0-alpha.36",
|
|
34
|
+
"@storybook/csf-tools": "6.4.0-alpha.36",
|
|
35
|
+
"@storybook/ember": "6.4.0-alpha.36",
|
|
36
|
+
"@storybook/html": "6.4.0-alpha.36",
|
|
37
|
+
"@storybook/manager-webpack4": "6.4.0-alpha.36",
|
|
38
|
+
"@storybook/manager-webpack5": "6.4.0-alpha.36",
|
|
39
|
+
"@storybook/marionette": "6.4.0-alpha.36",
|
|
40
|
+
"@storybook/marko": "6.4.0-alpha.36",
|
|
41
|
+
"@storybook/mithril": "6.4.0-alpha.36",
|
|
42
|
+
"@storybook/node-logger": "6.4.0-alpha.36",
|
|
43
|
+
"@storybook/postinstall": "6.4.0-alpha.36",
|
|
44
|
+
"@storybook/preact": "6.4.0-alpha.36",
|
|
45
|
+
"@storybook/rax": "6.4.0-alpha.36",
|
|
46
|
+
"@storybook/react": "6.4.0-alpha.36",
|
|
47
|
+
"@storybook/riot": "6.4.0-alpha.36",
|
|
48
|
+
"@storybook/router": "6.4.0-alpha.36",
|
|
49
|
+
"@storybook/server": "6.4.0-alpha.36",
|
|
50
|
+
"@storybook/source-loader": "6.4.0-alpha.36",
|
|
51
|
+
"@storybook/svelte": "6.4.0-alpha.36",
|
|
52
|
+
"@storybook/theming": "6.4.0-alpha.36",
|
|
53
|
+
"@storybook/ui": "6.4.0-alpha.36",
|
|
54
|
+
"@storybook/vue": "6.4.0-alpha.36",
|
|
55
|
+
"@storybook/vue3": "6.4.0-alpha.36",
|
|
56
|
+
"@storybook/web-components": "6.4.0-alpha.36"
|
|
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/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
|
|
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
|
|
|
@@ -259,7 +259,7 @@ const supportedTemplates = [{
|
|
|
259
259
|
return dependencies.every(Boolean);
|
|
260
260
|
}
|
|
261
261
|
}]; // A TemplateConfiguration that matches unsupported frameworks
|
|
262
|
-
//
|
|
262
|
+
// AnyFramework matchers can be added to this object to give
|
|
263
263
|
// users an "Unsupported framework" message
|
|
264
264
|
|
|
265
265
|
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.36",
|
|
3
|
+
"@storybook/addon-actions": "6.4.0-alpha.36",
|
|
4
|
+
"@storybook/addon-backgrounds": "6.4.0-alpha.36",
|
|
5
|
+
"@storybook/addon-controls": "6.4.0-alpha.36",
|
|
6
|
+
"@storybook/addon-docs": "6.4.0-alpha.36",
|
|
7
|
+
"@storybook/addon-essentials": "6.4.0-alpha.36",
|
|
8
|
+
"@storybook/addon-jest": "6.4.0-alpha.36",
|
|
9
|
+
"@storybook/addon-links": "6.4.0-alpha.36",
|
|
10
|
+
"@storybook/addon-storyshots": "6.4.0-alpha.36",
|
|
11
|
+
"@storybook/addon-storyshots-puppeteer": "6.4.0-alpha.36",
|
|
12
|
+
"@storybook/addon-storysource": "6.4.0-alpha.36",
|
|
13
|
+
"@storybook/addon-toolbars": "6.4.0-alpha.36",
|
|
14
|
+
"@storybook/addon-viewport": "6.4.0-alpha.36",
|
|
15
|
+
"@storybook/addons": "6.4.0-alpha.36",
|
|
16
|
+
"@storybook/angular": "6.4.0-alpha.36",
|
|
17
|
+
"@storybook/api": "6.4.0-alpha.36",
|
|
18
|
+
"@storybook/aurelia": "6.4.0-alpha.36",
|
|
19
|
+
"@storybook/builder-webpack4": "6.4.0-alpha.36",
|
|
20
|
+
"@storybook/builder-webpack5": "6.4.0-alpha.36",
|
|
21
|
+
"@storybook/channel-postmessage": "6.4.0-alpha.36",
|
|
22
|
+
"@storybook/channel-websocket": "6.4.0-alpha.36",
|
|
23
|
+
"@storybook/channels": "6.4.0-alpha.36",
|
|
24
|
+
"@storybook/cli": "6.4.0-alpha.36",
|
|
25
|
+
"@storybook/client-api": "6.4.0-alpha.36",
|
|
26
|
+
"@storybook/client-logger": "6.4.0-alpha.36",
|
|
27
|
+
"@storybook/codemod": "6.4.0-alpha.36",
|
|
28
|
+
"@storybook/components": "6.4.0-alpha.36",
|
|
29
|
+
"@storybook/core": "6.4.0-alpha.36",
|
|
30
|
+
"@storybook/core-client": "6.4.0-alpha.36",
|
|
31
|
+
"@storybook/core-common": "6.4.0-alpha.36",
|
|
32
|
+
"@storybook/core-events": "6.4.0-alpha.36",
|
|
33
|
+
"@storybook/core-server": "6.4.0-alpha.36",
|
|
34
|
+
"@storybook/csf-tools": "6.4.0-alpha.36",
|
|
35
|
+
"@storybook/ember": "6.4.0-alpha.36",
|
|
36
|
+
"@storybook/html": "6.4.0-alpha.36",
|
|
37
|
+
"@storybook/manager-webpack4": "6.4.0-alpha.36",
|
|
38
|
+
"@storybook/manager-webpack5": "6.4.0-alpha.36",
|
|
39
|
+
"@storybook/marionette": "6.4.0-alpha.36",
|
|
40
|
+
"@storybook/marko": "6.4.0-alpha.36",
|
|
41
|
+
"@storybook/mithril": "6.4.0-alpha.36",
|
|
42
|
+
"@storybook/node-logger": "6.4.0-alpha.36",
|
|
43
|
+
"@storybook/postinstall": "6.4.0-alpha.36",
|
|
44
|
+
"@storybook/preact": "6.4.0-alpha.36",
|
|
45
|
+
"@storybook/rax": "6.4.0-alpha.36",
|
|
46
|
+
"@storybook/react": "6.4.0-alpha.36",
|
|
47
|
+
"@storybook/riot": "6.4.0-alpha.36",
|
|
48
|
+
"@storybook/router": "6.4.0-alpha.36",
|
|
49
|
+
"@storybook/server": "6.4.0-alpha.36",
|
|
50
|
+
"@storybook/source-loader": "6.4.0-alpha.36",
|
|
51
|
+
"@storybook/svelte": "6.4.0-alpha.36",
|
|
52
|
+
"@storybook/theming": "6.4.0-alpha.36",
|
|
53
|
+
"@storybook/ui": "6.4.0-alpha.36",
|
|
54
|
+
"@storybook/vue": "6.4.0-alpha.36",
|
|
55
|
+
"@storybook/vue3": "6.4.0-alpha.36",
|
|
56
|
+
"@storybook/web-components": "6.4.0-alpha.36"
|
|
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 {};
|
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 {};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@storybook/cli",
|
|
3
|
-
"version": "6.4.0-alpha.
|
|
3
|
+
"version": "6.4.0-alpha.36",
|
|
4
4
|
"description": "Storybook's CLI - easiest method of adding storybook to your projects",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"cli",
|
|
@@ -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.36",
|
|
52
|
+
"@storybook/core-common": "6.4.0-alpha.36",
|
|
53
|
+
"@storybook/node-logger": "6.4.0-alpha.36",
|
|
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.36",
|
|
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": "cc13af28a7ea2042d63075ff94e542c99fdc4aad"
|
|
94
95
|
}
|