@storybook/cli 7.0.0-alpha.10 → 7.0.0-alpha.13
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/fixes/angular12.js +2 -2
- package/dist/cjs/automigrate/fixes/builder-vite.js +2 -2
- package/dist/cjs/automigrate/fixes/cra5.js +2 -2
- package/dist/cjs/automigrate/fixes/eslint-plugin.js +3 -3
- package/dist/cjs/automigrate/fixes/mainjsFramework.js +3 -3
- package/dist/cjs/automigrate/fixes/npm7.js +2 -2
- package/dist/cjs/automigrate/fixes/vue3.js +2 -2
- package/dist/cjs/automigrate/fixes/webpack5.js +5 -5
- package/dist/cjs/dev.js +3 -5
- package/dist/cjs/generators/baseGenerator.js +4 -5
- package/dist/cjs/generators/configure.js +4 -4
- package/dist/cjs/repro.js +3 -3
- package/dist/cjs/versions.js +75 -75
- package/dist/esm/automigrate/fixes/angular12.js +2 -2
- package/dist/esm/automigrate/fixes/builder-vite.js +2 -2
- package/dist/esm/automigrate/fixes/cra5.js +2 -2
- package/dist/esm/automigrate/fixes/eslint-plugin.js +3 -3
- package/dist/esm/automigrate/fixes/mainjsFramework.js +3 -3
- package/dist/esm/automigrate/fixes/npm7.js +2 -2
- package/dist/esm/automigrate/fixes/vue3.js +2 -2
- package/dist/esm/automigrate/fixes/webpack5.js +5 -5
- package/dist/esm/dev.js +3 -5
- package/dist/esm/generators/baseGenerator.js +4 -5
- package/dist/esm/generators/configure.js +4 -4
- package/dist/esm/repro.js +3 -3
- package/dist/esm/versions.js +75 -75
- package/dist/types/versions.d.ts +1 -1
- package/package.json +11 -9
|
@@ -9,7 +9,7 @@ require("core-js/modules/es.promise.js");
|
|
|
9
9
|
|
|
10
10
|
var _chalk = _interopRequireDefault(require("chalk"));
|
|
11
11
|
|
|
12
|
-
var _tsDedent =
|
|
12
|
+
var _tsDedent = require("ts-dedent");
|
|
13
13
|
|
|
14
14
|
var _semver = _interopRequireDefault(require("@storybook/semver"));
|
|
15
15
|
|
|
@@ -54,7 +54,7 @@ const angular12 = {
|
|
|
54
54
|
}) {
|
|
55
55
|
const angularFormatted = _chalk.default.cyan(`Angular ${angularVersion}`);
|
|
56
56
|
|
|
57
|
-
return (0, _tsDedent.
|
|
57
|
+
return (0, _tsDedent.dedent)`
|
|
58
58
|
We've detected you are running ${angularFormatted} which is powered by webpack5.
|
|
59
59
|
Your Storybook's main.js files specifies webpack4, which is incompatible.
|
|
60
60
|
|
|
@@ -9,7 +9,7 @@ require("core-js/modules/es.promise.js");
|
|
|
9
9
|
|
|
10
10
|
var _chalk = _interopRequireDefault(require("chalk"));
|
|
11
11
|
|
|
12
|
-
var _tsDedent =
|
|
12
|
+
var _tsDedent = require("ts-dedent");
|
|
13
13
|
|
|
14
14
|
var _csfTools = require("@storybook/csf-tools");
|
|
15
15
|
|
|
@@ -66,7 +66,7 @@ const builderVite = {
|
|
|
66
66
|
}) {
|
|
67
67
|
const builderFormatted = _chalk.default.cyan(JSON.stringify(builder, null, 2));
|
|
68
68
|
|
|
69
|
-
return (0, _tsDedent.
|
|
69
|
+
return (0, _tsDedent.dedent)`
|
|
70
70
|
We've detected you're using the community vite builder: ${builderFormatted}
|
|
71
71
|
|
|
72
72
|
'storybook-builder-vite' is deprecated and now located at ${_chalk.default.cyan('@storybook/builder-vite')}.
|
|
@@ -9,7 +9,7 @@ require("core-js/modules/es.promise.js");
|
|
|
9
9
|
|
|
10
10
|
var _chalk = _interopRequireDefault(require("chalk"));
|
|
11
11
|
|
|
12
|
-
var _tsDedent =
|
|
12
|
+
var _tsDedent = require("ts-dedent");
|
|
13
13
|
|
|
14
14
|
var _semver = _interopRequireDefault(require("@storybook/semver"));
|
|
15
15
|
|
|
@@ -62,7 +62,7 @@ const cra5 = {
|
|
|
62
62
|
const craFormatted = _chalk.default.cyan(`Create React App (CRA) ${craVersion}`);
|
|
63
63
|
|
|
64
64
|
console.log(Object.assign({}, rest));
|
|
65
|
-
return (0, _tsDedent.
|
|
65
|
+
return (0, _tsDedent.dedent)`
|
|
66
66
|
We've detected you are running ${craFormatted} which is powered by webpack5.
|
|
67
67
|
Your Storybook's main.js files specifies webpack4, which is incompatible.
|
|
68
68
|
|
|
@@ -9,7 +9,7 @@ require("core-js/modules/es.promise.js");
|
|
|
9
9
|
|
|
10
10
|
var _chalk = _interopRequireDefault(require("chalk"));
|
|
11
11
|
|
|
12
|
-
var _tsDedent =
|
|
12
|
+
var _tsDedent = require("ts-dedent");
|
|
13
13
|
|
|
14
14
|
var _csfTools = require("@storybook/csf-tools");
|
|
15
15
|
|
|
@@ -79,7 +79,7 @@ const eslintPlugin = {
|
|
|
79
79
|
},
|
|
80
80
|
|
|
81
81
|
prompt() {
|
|
82
|
-
return (0, _tsDedent.
|
|
82
|
+
return (0, _tsDedent.dedent)`
|
|
83
83
|
We've detected you are not using our eslint-plugin.
|
|
84
84
|
|
|
85
85
|
In order to have the best experience with Storybook and follow best practices, we advise you to install eslint-plugin-storybook.
|
|
@@ -103,7 +103,7 @@ const eslintPlugin = {
|
|
|
103
103
|
}, deps);
|
|
104
104
|
|
|
105
105
|
if (!dryRun && unsupportedExtension) {
|
|
106
|
-
throw new Error((0, _tsDedent.
|
|
106
|
+
throw new Error((0, _tsDedent.dedent)`
|
|
107
107
|
⚠️ The plugin was successfuly installed but failed to configure.
|
|
108
108
|
|
|
109
109
|
Found an .eslintrc config file with an unsupported automigration format: ${unsupportedExtension}.
|
|
@@ -9,7 +9,7 @@ require("core-js/modules/es.promise.js");
|
|
|
9
9
|
|
|
10
10
|
var _chalk = _interopRequireDefault(require("chalk"));
|
|
11
11
|
|
|
12
|
-
var _tsDedent =
|
|
12
|
+
var _tsDedent = require("ts-dedent");
|
|
13
13
|
|
|
14
14
|
var _semver = _interopRequireDefault(require("@storybook/semver"));
|
|
15
15
|
|
|
@@ -43,7 +43,7 @@ const mainjsFramework = {
|
|
|
43
43
|
const storybookCoerced = storybookVersion && ((_semver$coerce = _semver.default.coerce(storybookVersion)) === null || _semver$coerce === void 0 ? void 0 : _semver$coerce.version);
|
|
44
44
|
|
|
45
45
|
if (!storybookCoerced) {
|
|
46
|
-
logger.warn((0, _tsDedent.
|
|
46
|
+
logger.warn((0, _tsDedent.dedent)`
|
|
47
47
|
❌ Unable to determine storybook version, skipping ${_chalk.default.cyan('mainjsFramework')} fix.
|
|
48
48
|
🤔 Are you running automigrate from your project directory?
|
|
49
49
|
`);
|
|
@@ -65,7 +65,7 @@ const mainjsFramework = {
|
|
|
65
65
|
}) {
|
|
66
66
|
const frameworkFormatted = _chalk.default.cyan(`framework: '${framework}'`);
|
|
67
67
|
|
|
68
|
-
return (0, _tsDedent.
|
|
68
|
+
return (0, _tsDedent.dedent)`
|
|
69
69
|
We've detected that your main.js configuration file does not specify the
|
|
70
70
|
'framework' field, which is a requirement in SB7.0 and above. We can add one
|
|
71
71
|
for you automatically:
|
|
@@ -9,7 +9,7 @@ require("core-js/modules/es.promise.js");
|
|
|
9
9
|
|
|
10
10
|
var _chalk = _interopRequireDefault(require("chalk"));
|
|
11
11
|
|
|
12
|
-
var _tsDedent =
|
|
12
|
+
var _tsDedent = require("ts-dedent");
|
|
13
13
|
|
|
14
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
15
|
|
|
@@ -39,7 +39,7 @@ const npm7 = {
|
|
|
39
39
|
}) {
|
|
40
40
|
const npmFormatted = _chalk.default.cyan(`npm ${npmVersion}`);
|
|
41
41
|
|
|
42
|
-
return (0, _tsDedent.
|
|
42
|
+
return (0, _tsDedent.dedent)`
|
|
43
43
|
We've detected you are running ${npmFormatted} which has peer dependency semantics which Storybook is incompatible with.
|
|
44
44
|
|
|
45
45
|
In order to work with Storybook's package structure, you'll need to run \`npm\` with the
|
|
@@ -9,7 +9,7 @@ require("core-js/modules/es.promise.js");
|
|
|
9
9
|
|
|
10
10
|
var _chalk = _interopRequireDefault(require("chalk"));
|
|
11
11
|
|
|
12
|
-
var _tsDedent =
|
|
12
|
+
var _tsDedent = require("ts-dedent");
|
|
13
13
|
|
|
14
14
|
var _semver = _interopRequireDefault(require("@storybook/semver"));
|
|
15
15
|
|
|
@@ -57,7 +57,7 @@ const vue3 = {
|
|
|
57
57
|
|
|
58
58
|
const sbFormatted = _chalk.default.cyan(`Storybook ${storybookVersion}`);
|
|
59
59
|
|
|
60
|
-
return (0, _tsDedent.
|
|
60
|
+
return (0, _tsDedent.dedent)`
|
|
61
61
|
We've detected you are running ${vueFormatted} with Storybook.
|
|
62
62
|
${sbFormatted} runs webpack4 by default, which is incompatible.
|
|
63
63
|
|
|
@@ -9,7 +9,7 @@ require("core-js/modules/es.promise.js");
|
|
|
9
9
|
|
|
10
10
|
var _chalk = _interopRequireDefault(require("chalk"));
|
|
11
11
|
|
|
12
|
-
var _tsDedent =
|
|
12
|
+
var _tsDedent = require("ts-dedent");
|
|
13
13
|
|
|
14
14
|
var _semver = _interopRequireDefault(require("@storybook/semver"));
|
|
15
15
|
|
|
@@ -44,7 +44,7 @@ const webpack5 = {
|
|
|
44
44
|
const storybookCoerced = storybookVersion && ((_semver$coerce = _semver.default.coerce(storybookVersion)) === null || _semver$coerce === void 0 ? void 0 : _semver$coerce.version);
|
|
45
45
|
|
|
46
46
|
if (!storybookCoerced) {
|
|
47
|
-
logger.warn((0, _tsDedent.
|
|
47
|
+
logger.warn((0, _tsDedent.dedent)`
|
|
48
48
|
❌ Unable to determine storybook version, skipping ${_chalk.default.cyan('webpack5')} fix.
|
|
49
49
|
🤔 Are you running automigrate from your project directory?
|
|
50
50
|
`);
|
|
@@ -52,7 +52,7 @@ const webpack5 = {
|
|
|
52
52
|
}
|
|
53
53
|
|
|
54
54
|
if (_semver.default.lt(storybookCoerced, '6.3.0')) {
|
|
55
|
-
logger.warn((0, _tsDedent.
|
|
55
|
+
logger.warn((0, _tsDedent.dedent)`
|
|
56
56
|
Detected SB 6.3 or below, please upgrade storybook to use webpack5.
|
|
57
57
|
|
|
58
58
|
To upgrade to the latest stable release, run this from your project directory:
|
|
@@ -111,7 +111,7 @@ const webpack5 = {
|
|
|
111
111
|
}) {
|
|
112
112
|
const webpackFormatted = _chalk.default.cyan(`webpack ${webpackVersion}`);
|
|
113
113
|
|
|
114
|
-
return (0, _tsDedent.
|
|
114
|
+
return (0, _tsDedent.dedent)`
|
|
115
115
|
We've detected you're running ${webpackFormatted}.
|
|
116
116
|
Your Storybook's main.js files specifies webpack4, which is incompatible.
|
|
117
117
|
|
|
@@ -130,7 +130,7 @@ const webpack5 = {
|
|
|
130
130
|
packageManager,
|
|
131
131
|
dryRun
|
|
132
132
|
}) {
|
|
133
|
-
const deps = [`@storybook/
|
|
133
|
+
const deps = [`@storybook/builder-webpack5@${storybookVersion}`]; // this also gets called by 'cra5' fix so we need to add
|
|
134
134
|
// webpack5 at the project root so that it gets hoisted
|
|
135
135
|
|
|
136
136
|
if (!webpackVersion) {
|
package/dist/cjs/dev.js
CHANGED
|
@@ -7,7 +7,7 @@ exports.dev = void 0;
|
|
|
7
7
|
|
|
8
8
|
require("core-js/modules/es.promise.js");
|
|
9
9
|
|
|
10
|
-
var _tsDedent =
|
|
10
|
+
var _tsDedent = require("ts-dedent");
|
|
11
11
|
|
|
12
12
|
var _readPkgUp = require("read-pkg-up");
|
|
13
13
|
|
|
@@ -17,8 +17,6 @@ var _coreServer = require("@storybook/core-server");
|
|
|
17
17
|
|
|
18
18
|
var _coreCommon = require("@storybook/core-common");
|
|
19
19
|
|
|
20
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
21
|
-
|
|
22
20
|
const dev = async cliOptions => {
|
|
23
21
|
process.env.NODE_ENV = process.env.NODE_ENV || 'development';
|
|
24
22
|
|
|
@@ -53,10 +51,10 @@ const dev = async cliOptions => {
|
|
|
53
51
|
|
|
54
52
|
_nodeLogger.logger.line();
|
|
55
53
|
|
|
56
|
-
_nodeLogger.logger.warn(error.close ? (0, _tsDedent.
|
|
54
|
+
_nodeLogger.logger.warn(error.close ? (0, _tsDedent.dedent)`
|
|
57
55
|
FATAL broken build!, will close the process,
|
|
58
56
|
Fix the error below and restart storybook.
|
|
59
|
-
` : (0, _tsDedent.
|
|
57
|
+
` : (0, _tsDedent.dedent)`
|
|
60
58
|
Broken build, fix the error above.
|
|
61
59
|
You may need to refresh the browser.
|
|
62
60
|
`);
|
|
@@ -9,7 +9,7 @@ require("core-js/modules/es.promise.js");
|
|
|
9
9
|
|
|
10
10
|
var _fsExtra = _interopRequireDefault(require("fs-extra"));
|
|
11
11
|
|
|
12
|
-
var _tsDedent =
|
|
12
|
+
var _tsDedent = require("ts-dedent");
|
|
13
13
|
|
|
14
14
|
var _project_types = require("../project_types");
|
|
15
15
|
|
|
@@ -115,11 +115,10 @@ async function baseGenerator(packageManager, npmOptions, {
|
|
|
115
115
|
extraMain,
|
|
116
116
|
extensions
|
|
117
117
|
} = Object.assign({}, defaultOptions, options); // added to main.js
|
|
118
|
-
// make sure to update `canUsePrebuiltManager` in dev-server.js and build-manager-config/main.js when this list changes
|
|
119
118
|
|
|
120
119
|
const addons = ['@storybook/addon-links', '@storybook/addon-essentials', ...stripVersions(extraAddonPackages)]; // added to package.json
|
|
121
120
|
|
|
122
|
-
const addonPackages = ['@storybook/addon-links', '@storybook/addon-essentials',
|
|
121
|
+
const addonPackages = ['@storybook/addon-links', '@storybook/addon-essentials', ...extraAddonPackages];
|
|
123
122
|
|
|
124
123
|
if (hasInteractiveStories(renderer)) {
|
|
125
124
|
addons.push('@storybook/addon-interactions');
|
|
@@ -141,7 +140,7 @@ async function baseGenerator(packageManager, npmOptions, {
|
|
|
141
140
|
} = getFrameworkDetails(renderer, builder, pnp); // TODO: We need to start supporting this at some point
|
|
142
141
|
|
|
143
142
|
if (type === 'renderer') {
|
|
144
|
-
throw new Error((0, _tsDedent.
|
|
143
|
+
throw new Error((0, _tsDedent.dedent)`
|
|
145
144
|
Sorry, for now, you can not do this, please use a framework such as @storybook/react-webpack5
|
|
146
145
|
|
|
147
146
|
https://github.com/storybookjs/storybook/issues/18360
|
|
@@ -172,7 +171,7 @@ async function baseGenerator(packageManager, npmOptions, {
|
|
|
172
171
|
|
|
173
172
|
|
|
174
173
|
if (frameworkPackages.includes('@storybook/builder-vite')) {
|
|
175
|
-
const previewHead = (0, _tsDedent.
|
|
174
|
+
const previewHead = (0, _tsDedent.dedent)`
|
|
176
175
|
<script>
|
|
177
176
|
window.global = window;
|
|
178
177
|
</script>
|
|
@@ -10,7 +10,7 @@ require("core-js/modules/es.promise.js");
|
|
|
10
10
|
|
|
11
11
|
var _fsExtra = _interopRequireDefault(require("fs-extra"));
|
|
12
12
|
|
|
13
|
-
var _tsDedent =
|
|
13
|
+
var _tsDedent = require("ts-dedent");
|
|
14
14
|
|
|
15
15
|
const _excluded = ["addons", "extensions", "commonJs"];
|
|
16
16
|
|
|
@@ -36,7 +36,7 @@ async function configureMain(_ref) {
|
|
|
36
36
|
// un-stringify the value for referencing packages by string
|
|
37
37
|
// .replaceAll(/"(path\.dirname\(require\.resolve\(path\.join\('.*\))"/g, (_, a) => a)}`;
|
|
38
38
|
|
|
39
|
-
await _fsExtra.default.writeFile(`./.storybook/main.${commonJs ? 'cjs' : 'js'}`, (0, _tsDedent.
|
|
39
|
+
await _fsExtra.default.writeFile(`./.storybook/main.${commonJs ? 'cjs' : 'js'}`, (0, _tsDedent.dedent)`
|
|
40
40
|
const path = require('path');
|
|
41
41
|
${stringified}
|
|
42
42
|
`, {
|
|
@@ -46,7 +46,7 @@ async function configureMain(_ref) {
|
|
|
46
46
|
|
|
47
47
|
const frameworkToPreviewParts = {
|
|
48
48
|
angular: {
|
|
49
|
-
prefix: (0, _tsDedent.
|
|
49
|
+
prefix: (0, _tsDedent.dedent)`
|
|
50
50
|
import { setCompodocJson } from "@storybook/addon-docs/angular";
|
|
51
51
|
import docJson from "../documentation.json";
|
|
52
52
|
setCompodocJson(docJson);
|
|
@@ -67,7 +67,7 @@ async function configurePreview(framework, commonJs) {
|
|
|
67
67
|
return;
|
|
68
68
|
}
|
|
69
69
|
|
|
70
|
-
const preview = (0, _tsDedent.
|
|
70
|
+
const preview = (0, _tsDedent.dedent)`
|
|
71
71
|
${prefix}
|
|
72
72
|
export const parameters = {
|
|
73
73
|
actions: { argTypesRegex: "^on[A-Z].*" },
|
package/dist/cjs/repro.js
CHANGED
|
@@ -19,7 +19,7 @@ var _chalk = _interopRequireDefault(require("chalk"));
|
|
|
19
19
|
|
|
20
20
|
var _boxen = _interopRequireDefault(require("boxen"));
|
|
21
21
|
|
|
22
|
-
var _tsDedent =
|
|
22
|
+
var _tsDedent = require("ts-dedent");
|
|
23
23
|
|
|
24
24
|
var _scripts = require("./repro-generators/scripts");
|
|
25
25
|
|
|
@@ -51,7 +51,7 @@ const repro = async ({
|
|
|
51
51
|
local,
|
|
52
52
|
pnp
|
|
53
53
|
}) => {
|
|
54
|
-
logger.info((0, _boxen.default)((0, _tsDedent.
|
|
54
|
+
logger.info((0, _boxen.default)((0, _tsDedent.dedent)`
|
|
55
55
|
🤗 Welcome to ${_chalk.default.yellow('sb repro')}! 🤗
|
|
56
56
|
|
|
57
57
|
Create a ${_chalk.default.green('new project')} to minimally reproduce Storybook issues.
|
|
@@ -151,7 +151,7 @@ const repro = async ({
|
|
|
151
151
|
await initGitRepo(cwd);
|
|
152
152
|
}
|
|
153
153
|
|
|
154
|
-
logger.info((0, _boxen.default)((0, _tsDedent.
|
|
154
|
+
logger.info((0, _boxen.default)((0, _tsDedent.dedent)`
|
|
155
155
|
🎉 Your Storybook reproduction project is ready to use! 🎉
|
|
156
156
|
|
|
157
157
|
${_chalk.default.yellow(`cd ${selectedDirectory}`)}
|
package/dist/cjs/versions.js
CHANGED
|
@@ -6,80 +6,80 @@ 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': '7.0.0-alpha.
|
|
10
|
-
'@storybook/addon-actions': '7.0.0-alpha.
|
|
11
|
-
'@storybook/addon-backgrounds': '7.0.0-alpha.
|
|
12
|
-
'@storybook/addon-controls': '7.0.0-alpha.
|
|
13
|
-
'@storybook/addon-docs': '7.0.0-alpha.
|
|
14
|
-
'@storybook/addon-essentials': '7.0.0-alpha.
|
|
15
|
-
'@storybook/addon-highlight': '7.0.0-alpha.
|
|
16
|
-
'@storybook/addon-interactions': '7.0.0-alpha.
|
|
17
|
-
'@storybook/addon-jest': '7.0.0-alpha.
|
|
18
|
-
'@storybook/addon-links': '7.0.0-alpha.
|
|
19
|
-
'@storybook/addon-measure': '7.0.0-alpha.
|
|
20
|
-
'@storybook/addon-outline': '7.0.0-alpha.
|
|
21
|
-
'@storybook/addon-storyshots': '7.0.0-alpha.
|
|
22
|
-
'@storybook/addon-storyshots-puppeteer': '7.0.0-alpha.
|
|
23
|
-
'@storybook/addon-storysource': '7.0.0-alpha.
|
|
24
|
-
'@storybook/addon-toolbars': '7.0.0-alpha.
|
|
25
|
-
'@storybook/addon-viewport': '7.0.0-alpha.
|
|
26
|
-
'@storybook/addons': '7.0.0-alpha.
|
|
27
|
-
'@storybook/angular': '7.0.0-alpha.
|
|
28
|
-
'@storybook/api': '7.0.0-alpha.
|
|
29
|
-
'@storybook/blocks': '7.0.0-alpha.
|
|
30
|
-
'@storybook/builder-
|
|
31
|
-
'@storybook/
|
|
32
|
-
'@storybook/channel-
|
|
33
|
-
'@storybook/
|
|
34
|
-
'@storybook/
|
|
35
|
-
'@storybook/
|
|
36
|
-
'@storybook/client-
|
|
37
|
-
'@storybook/
|
|
38
|
-
'@storybook/
|
|
39
|
-
'@storybook/
|
|
40
|
-
'@storybook/core-
|
|
41
|
-
'@storybook/core-
|
|
42
|
-
'@storybook/core-
|
|
43
|
-
'@storybook/core-
|
|
44
|
-
'@storybook/
|
|
45
|
-
'@storybook/
|
|
46
|
-
'@storybook/
|
|
47
|
-
'@storybook/
|
|
48
|
-
'@storybook/html
|
|
49
|
-
'@storybook/
|
|
50
|
-
'@storybook/
|
|
51
|
-
'@storybook/node-logger': '7.0.0-alpha.
|
|
52
|
-
'@storybook/postinstall': '7.0.0-alpha.
|
|
53
|
-
'@storybook/preact': '7.0.0-alpha.
|
|
54
|
-
'@storybook/preact-webpack5': '7.0.0-alpha.
|
|
55
|
-
'@storybook/preset-html-webpack': '7.0.0-alpha.
|
|
56
|
-
'@storybook/preset-preact-webpack': '7.0.0-alpha.
|
|
57
|
-
'@storybook/preset-react-webpack': '7.0.0-alpha.
|
|
58
|
-
'@storybook/preset-server-webpack': '7.0.0-alpha.
|
|
59
|
-
'@storybook/preset-svelte-webpack': '7.0.0-alpha.
|
|
60
|
-
'@storybook/preset-vue-webpack': '7.0.0-alpha.
|
|
61
|
-
'@storybook/preset-vue3-webpack': '7.0.0-alpha.
|
|
62
|
-
'@storybook/preset-web-components-webpack': '7.0.0-alpha.
|
|
63
|
-
'@storybook/preview-web': '7.0.0-alpha.
|
|
64
|
-
'@storybook/react': '7.0.0-alpha.
|
|
65
|
-
'@storybook/react-webpack5': '7.0.0-alpha.
|
|
66
|
-
'@storybook/router': '7.0.0-alpha.
|
|
67
|
-
'@storybook/server': '7.0.0-alpha.
|
|
68
|
-
'@storybook/server-webpack5': '7.0.0-alpha.
|
|
69
|
-
'@storybook/source-loader': '7.0.0-alpha.
|
|
70
|
-
'@storybook/store': '7.0.0-alpha.
|
|
71
|
-
'@storybook/svelte': '7.0.0-alpha.
|
|
72
|
-
'@storybook/svelte-webpack5': '7.0.0-alpha.
|
|
73
|
-
'@storybook/telemetry': '7.0.0-alpha.
|
|
74
|
-
'@storybook/theming': '7.0.0-alpha.
|
|
75
|
-
'@storybook/ui': '7.0.0-alpha.
|
|
76
|
-
'@storybook/vue': '7.0.0-alpha.
|
|
77
|
-
'@storybook/vue-webpack5': '7.0.0-alpha.
|
|
78
|
-
'@storybook/vue3': '7.0.0-alpha.
|
|
79
|
-
'@storybook/vue3-webpack5': '7.0.0-alpha.
|
|
80
|
-
'@storybook/web-components': '7.0.0-alpha.
|
|
81
|
-
'@storybook/web-components-webpack5': '7.0.0-alpha.
|
|
82
|
-
sb: '7.0.0-alpha.
|
|
83
|
-
storybook: '7.0.0-alpha.
|
|
9
|
+
'@storybook/addon-a11y': '7.0.0-alpha.13',
|
|
10
|
+
'@storybook/addon-actions': '7.0.0-alpha.13',
|
|
11
|
+
'@storybook/addon-backgrounds': '7.0.0-alpha.13',
|
|
12
|
+
'@storybook/addon-controls': '7.0.0-alpha.13',
|
|
13
|
+
'@storybook/addon-docs': '7.0.0-alpha.13',
|
|
14
|
+
'@storybook/addon-essentials': '7.0.0-alpha.13',
|
|
15
|
+
'@storybook/addon-highlight': '7.0.0-alpha.13',
|
|
16
|
+
'@storybook/addon-interactions': '7.0.0-alpha.13',
|
|
17
|
+
'@storybook/addon-jest': '7.0.0-alpha.13',
|
|
18
|
+
'@storybook/addon-links': '7.0.0-alpha.13',
|
|
19
|
+
'@storybook/addon-measure': '7.0.0-alpha.13',
|
|
20
|
+
'@storybook/addon-outline': '7.0.0-alpha.13',
|
|
21
|
+
'@storybook/addon-storyshots': '7.0.0-alpha.13',
|
|
22
|
+
'@storybook/addon-storyshots-puppeteer': '7.0.0-alpha.13',
|
|
23
|
+
'@storybook/addon-storysource': '7.0.0-alpha.13',
|
|
24
|
+
'@storybook/addon-toolbars': '7.0.0-alpha.13',
|
|
25
|
+
'@storybook/addon-viewport': '7.0.0-alpha.13',
|
|
26
|
+
'@storybook/addons': '7.0.0-alpha.13',
|
|
27
|
+
'@storybook/angular': '7.0.0-alpha.13',
|
|
28
|
+
'@storybook/api': '7.0.0-alpha.13',
|
|
29
|
+
'@storybook/blocks': '7.0.0-alpha.13',
|
|
30
|
+
'@storybook/builder-manager': '7.0.0-alpha.13',
|
|
31
|
+
'@storybook/builder-webpack5': '7.0.0-alpha.13',
|
|
32
|
+
'@storybook/channel-postmessage': '7.0.0-alpha.13',
|
|
33
|
+
'@storybook/channel-websocket': '7.0.0-alpha.13',
|
|
34
|
+
'@storybook/channels': '7.0.0-alpha.13',
|
|
35
|
+
'@storybook/cli': '7.0.0-alpha.13',
|
|
36
|
+
'@storybook/client-api': '7.0.0-alpha.13',
|
|
37
|
+
'@storybook/client-logger': '7.0.0-alpha.13',
|
|
38
|
+
'@storybook/codemod': '7.0.0-alpha.13',
|
|
39
|
+
'@storybook/components': '7.0.0-alpha.13',
|
|
40
|
+
'@storybook/core-client': '7.0.0-alpha.13',
|
|
41
|
+
'@storybook/core-common': '7.0.0-alpha.13',
|
|
42
|
+
'@storybook/core-events': '7.0.0-alpha.13',
|
|
43
|
+
'@storybook/core-server': '7.0.0-alpha.13',
|
|
44
|
+
'@storybook/core-webpack': '7.0.0-alpha.13',
|
|
45
|
+
'@storybook/csf-tools': '7.0.0-alpha.13',
|
|
46
|
+
'@storybook/docs-tools': '7.0.0-alpha.13',
|
|
47
|
+
'@storybook/ember': '7.0.0-alpha.13',
|
|
48
|
+
'@storybook/html': '7.0.0-alpha.13',
|
|
49
|
+
'@storybook/html-webpack5': '7.0.0-alpha.13',
|
|
50
|
+
'@storybook/instrumenter': '7.0.0-alpha.13',
|
|
51
|
+
'@storybook/node-logger': '7.0.0-alpha.13',
|
|
52
|
+
'@storybook/postinstall': '7.0.0-alpha.13',
|
|
53
|
+
'@storybook/preact': '7.0.0-alpha.13',
|
|
54
|
+
'@storybook/preact-webpack5': '7.0.0-alpha.13',
|
|
55
|
+
'@storybook/preset-html-webpack': '7.0.0-alpha.13',
|
|
56
|
+
'@storybook/preset-preact-webpack': '7.0.0-alpha.13',
|
|
57
|
+
'@storybook/preset-react-webpack': '7.0.0-alpha.13',
|
|
58
|
+
'@storybook/preset-server-webpack': '7.0.0-alpha.13',
|
|
59
|
+
'@storybook/preset-svelte-webpack': '7.0.0-alpha.13',
|
|
60
|
+
'@storybook/preset-vue-webpack': '7.0.0-alpha.13',
|
|
61
|
+
'@storybook/preset-vue3-webpack': '7.0.0-alpha.13',
|
|
62
|
+
'@storybook/preset-web-components-webpack': '7.0.0-alpha.13',
|
|
63
|
+
'@storybook/preview-web': '7.0.0-alpha.13',
|
|
64
|
+
'@storybook/react': '7.0.0-alpha.13',
|
|
65
|
+
'@storybook/react-webpack5': '7.0.0-alpha.13',
|
|
66
|
+
'@storybook/router': '7.0.0-alpha.13',
|
|
67
|
+
'@storybook/server': '7.0.0-alpha.13',
|
|
68
|
+
'@storybook/server-webpack5': '7.0.0-alpha.13',
|
|
69
|
+
'@storybook/source-loader': '7.0.0-alpha.13',
|
|
70
|
+
'@storybook/store': '7.0.0-alpha.13',
|
|
71
|
+
'@storybook/svelte': '7.0.0-alpha.13',
|
|
72
|
+
'@storybook/svelte-webpack5': '7.0.0-alpha.13',
|
|
73
|
+
'@storybook/telemetry': '7.0.0-alpha.13',
|
|
74
|
+
'@storybook/theming': '7.0.0-alpha.13',
|
|
75
|
+
'@storybook/ui': '7.0.0-alpha.13',
|
|
76
|
+
'@storybook/vue': '7.0.0-alpha.13',
|
|
77
|
+
'@storybook/vue-webpack5': '7.0.0-alpha.13',
|
|
78
|
+
'@storybook/vue3': '7.0.0-alpha.13',
|
|
79
|
+
'@storybook/vue3-webpack5': '7.0.0-alpha.13',
|
|
80
|
+
'@storybook/web-components': '7.0.0-alpha.13',
|
|
81
|
+
'@storybook/web-components-webpack5': '7.0.0-alpha.13',
|
|
82
|
+
sb: '7.0.0-alpha.13',
|
|
83
|
+
storybook: '7.0.0-alpha.13'
|
|
84
84
|
};
|
|
85
85
|
exports.default = _default;
|
|
@@ -9,7 +9,7 @@ require("core-js/modules/es.promise.js");
|
|
|
9
9
|
|
|
10
10
|
var _chalk = _interopRequireDefault(require("chalk"));
|
|
11
11
|
|
|
12
|
-
var _tsDedent =
|
|
12
|
+
var _tsDedent = require("ts-dedent");
|
|
13
13
|
|
|
14
14
|
var _semver = _interopRequireDefault(require("@storybook/semver"));
|
|
15
15
|
|
|
@@ -54,7 +54,7 @@ const angular12 = {
|
|
|
54
54
|
}) {
|
|
55
55
|
const angularFormatted = _chalk.default.cyan(`Angular ${angularVersion}`);
|
|
56
56
|
|
|
57
|
-
return (0, _tsDedent.
|
|
57
|
+
return (0, _tsDedent.dedent)`
|
|
58
58
|
We've detected you are running ${angularFormatted} which is powered by webpack5.
|
|
59
59
|
Your Storybook's main.js files specifies webpack4, which is incompatible.
|
|
60
60
|
|
|
@@ -9,7 +9,7 @@ require("core-js/modules/es.promise.js");
|
|
|
9
9
|
|
|
10
10
|
var _chalk = _interopRequireDefault(require("chalk"));
|
|
11
11
|
|
|
12
|
-
var _tsDedent =
|
|
12
|
+
var _tsDedent = require("ts-dedent");
|
|
13
13
|
|
|
14
14
|
var _csfTools = require("@storybook/csf-tools");
|
|
15
15
|
|
|
@@ -66,7 +66,7 @@ const builderVite = {
|
|
|
66
66
|
}) {
|
|
67
67
|
const builderFormatted = _chalk.default.cyan(JSON.stringify(builder, null, 2));
|
|
68
68
|
|
|
69
|
-
return (0, _tsDedent.
|
|
69
|
+
return (0, _tsDedent.dedent)`
|
|
70
70
|
We've detected you're using the community vite builder: ${builderFormatted}
|
|
71
71
|
|
|
72
72
|
'storybook-builder-vite' is deprecated and now located at ${_chalk.default.cyan('@storybook/builder-vite')}.
|
|
@@ -9,7 +9,7 @@ require("core-js/modules/es.promise.js");
|
|
|
9
9
|
|
|
10
10
|
var _chalk = _interopRequireDefault(require("chalk"));
|
|
11
11
|
|
|
12
|
-
var _tsDedent =
|
|
12
|
+
var _tsDedent = require("ts-dedent");
|
|
13
13
|
|
|
14
14
|
var _semver = _interopRequireDefault(require("@storybook/semver"));
|
|
15
15
|
|
|
@@ -62,7 +62,7 @@ const cra5 = {
|
|
|
62
62
|
const craFormatted = _chalk.default.cyan(`Create React App (CRA) ${craVersion}`);
|
|
63
63
|
|
|
64
64
|
console.log(Object.assign({}, rest));
|
|
65
|
-
return (0, _tsDedent.
|
|
65
|
+
return (0, _tsDedent.dedent)`
|
|
66
66
|
We've detected you are running ${craFormatted} which is powered by webpack5.
|
|
67
67
|
Your Storybook's main.js files specifies webpack4, which is incompatible.
|
|
68
68
|
|
|
@@ -9,7 +9,7 @@ require("core-js/modules/es.promise.js");
|
|
|
9
9
|
|
|
10
10
|
var _chalk = _interopRequireDefault(require("chalk"));
|
|
11
11
|
|
|
12
|
-
var _tsDedent =
|
|
12
|
+
var _tsDedent = require("ts-dedent");
|
|
13
13
|
|
|
14
14
|
var _csfTools = require("@storybook/csf-tools");
|
|
15
15
|
|
|
@@ -79,7 +79,7 @@ const eslintPlugin = {
|
|
|
79
79
|
},
|
|
80
80
|
|
|
81
81
|
prompt() {
|
|
82
|
-
return (0, _tsDedent.
|
|
82
|
+
return (0, _tsDedent.dedent)`
|
|
83
83
|
We've detected you are not using our eslint-plugin.
|
|
84
84
|
|
|
85
85
|
In order to have the best experience with Storybook and follow best practices, we advise you to install eslint-plugin-storybook.
|
|
@@ -103,7 +103,7 @@ const eslintPlugin = {
|
|
|
103
103
|
}, deps);
|
|
104
104
|
|
|
105
105
|
if (!dryRun && unsupportedExtension) {
|
|
106
|
-
throw new Error((0, _tsDedent.
|
|
106
|
+
throw new Error((0, _tsDedent.dedent)`
|
|
107
107
|
⚠️ The plugin was successfuly installed but failed to configure.
|
|
108
108
|
|
|
109
109
|
Found an .eslintrc config file with an unsupported automigration format: ${unsupportedExtension}.
|
|
@@ -9,7 +9,7 @@ require("core-js/modules/es.promise.js");
|
|
|
9
9
|
|
|
10
10
|
var _chalk = _interopRequireDefault(require("chalk"));
|
|
11
11
|
|
|
12
|
-
var _tsDedent =
|
|
12
|
+
var _tsDedent = require("ts-dedent");
|
|
13
13
|
|
|
14
14
|
var _semver = _interopRequireDefault(require("@storybook/semver"));
|
|
15
15
|
|
|
@@ -43,7 +43,7 @@ const mainjsFramework = {
|
|
|
43
43
|
const storybookCoerced = storybookVersion && ((_semver$coerce = _semver.default.coerce(storybookVersion)) === null || _semver$coerce === void 0 ? void 0 : _semver$coerce.version);
|
|
44
44
|
|
|
45
45
|
if (!storybookCoerced) {
|
|
46
|
-
logger.warn((0, _tsDedent.
|
|
46
|
+
logger.warn((0, _tsDedent.dedent)`
|
|
47
47
|
❌ Unable to determine storybook version, skipping ${_chalk.default.cyan('mainjsFramework')} fix.
|
|
48
48
|
🤔 Are you running automigrate from your project directory?
|
|
49
49
|
`);
|
|
@@ -65,7 +65,7 @@ const mainjsFramework = {
|
|
|
65
65
|
}) {
|
|
66
66
|
const frameworkFormatted = _chalk.default.cyan(`framework: '${framework}'`);
|
|
67
67
|
|
|
68
|
-
return (0, _tsDedent.
|
|
68
|
+
return (0, _tsDedent.dedent)`
|
|
69
69
|
We've detected that your main.js configuration file does not specify the
|
|
70
70
|
'framework' field, which is a requirement in SB7.0 and above. We can add one
|
|
71
71
|
for you automatically:
|
|
@@ -9,7 +9,7 @@ require("core-js/modules/es.promise.js");
|
|
|
9
9
|
|
|
10
10
|
var _chalk = _interopRequireDefault(require("chalk"));
|
|
11
11
|
|
|
12
|
-
var _tsDedent =
|
|
12
|
+
var _tsDedent = require("ts-dedent");
|
|
13
13
|
|
|
14
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
15
|
|
|
@@ -39,7 +39,7 @@ const npm7 = {
|
|
|
39
39
|
}) {
|
|
40
40
|
const npmFormatted = _chalk.default.cyan(`npm ${npmVersion}`);
|
|
41
41
|
|
|
42
|
-
return (0, _tsDedent.
|
|
42
|
+
return (0, _tsDedent.dedent)`
|
|
43
43
|
We've detected you are running ${npmFormatted} which has peer dependency semantics which Storybook is incompatible with.
|
|
44
44
|
|
|
45
45
|
In order to work with Storybook's package structure, you'll need to run \`npm\` with the
|
|
@@ -9,7 +9,7 @@ require("core-js/modules/es.promise.js");
|
|
|
9
9
|
|
|
10
10
|
var _chalk = _interopRequireDefault(require("chalk"));
|
|
11
11
|
|
|
12
|
-
var _tsDedent =
|
|
12
|
+
var _tsDedent = require("ts-dedent");
|
|
13
13
|
|
|
14
14
|
var _semver = _interopRequireDefault(require("@storybook/semver"));
|
|
15
15
|
|
|
@@ -57,7 +57,7 @@ const vue3 = {
|
|
|
57
57
|
|
|
58
58
|
const sbFormatted = _chalk.default.cyan(`Storybook ${storybookVersion}`);
|
|
59
59
|
|
|
60
|
-
return (0, _tsDedent.
|
|
60
|
+
return (0, _tsDedent.dedent)`
|
|
61
61
|
We've detected you are running ${vueFormatted} with Storybook.
|
|
62
62
|
${sbFormatted} runs webpack4 by default, which is incompatible.
|
|
63
63
|
|
|
@@ -9,7 +9,7 @@ require("core-js/modules/es.promise.js");
|
|
|
9
9
|
|
|
10
10
|
var _chalk = _interopRequireDefault(require("chalk"));
|
|
11
11
|
|
|
12
|
-
var _tsDedent =
|
|
12
|
+
var _tsDedent = require("ts-dedent");
|
|
13
13
|
|
|
14
14
|
var _semver = _interopRequireDefault(require("@storybook/semver"));
|
|
15
15
|
|
|
@@ -44,7 +44,7 @@ const webpack5 = {
|
|
|
44
44
|
const storybookCoerced = storybookVersion && ((_semver$coerce = _semver.default.coerce(storybookVersion)) === null || _semver$coerce === void 0 ? void 0 : _semver$coerce.version);
|
|
45
45
|
|
|
46
46
|
if (!storybookCoerced) {
|
|
47
|
-
logger.warn((0, _tsDedent.
|
|
47
|
+
logger.warn((0, _tsDedent.dedent)`
|
|
48
48
|
❌ Unable to determine storybook version, skipping ${_chalk.default.cyan('webpack5')} fix.
|
|
49
49
|
🤔 Are you running automigrate from your project directory?
|
|
50
50
|
`);
|
|
@@ -52,7 +52,7 @@ const webpack5 = {
|
|
|
52
52
|
}
|
|
53
53
|
|
|
54
54
|
if (_semver.default.lt(storybookCoerced, '6.3.0')) {
|
|
55
|
-
logger.warn((0, _tsDedent.
|
|
55
|
+
logger.warn((0, _tsDedent.dedent)`
|
|
56
56
|
Detected SB 6.3 or below, please upgrade storybook to use webpack5.
|
|
57
57
|
|
|
58
58
|
To upgrade to the latest stable release, run this from your project directory:
|
|
@@ -111,7 +111,7 @@ const webpack5 = {
|
|
|
111
111
|
}) {
|
|
112
112
|
const webpackFormatted = _chalk.default.cyan(`webpack ${webpackVersion}`);
|
|
113
113
|
|
|
114
|
-
return (0, _tsDedent.
|
|
114
|
+
return (0, _tsDedent.dedent)`
|
|
115
115
|
We've detected you're running ${webpackFormatted}.
|
|
116
116
|
Your Storybook's main.js files specifies webpack4, which is incompatible.
|
|
117
117
|
|
|
@@ -130,7 +130,7 @@ const webpack5 = {
|
|
|
130
130
|
packageManager,
|
|
131
131
|
dryRun
|
|
132
132
|
}) {
|
|
133
|
-
const deps = [`@storybook/
|
|
133
|
+
const deps = [`@storybook/builder-webpack5@${storybookVersion}`]; // this also gets called by 'cra5' fix so we need to add
|
|
134
134
|
// webpack5 at the project root so that it gets hoisted
|
|
135
135
|
|
|
136
136
|
if (!webpackVersion) {
|
package/dist/esm/dev.js
CHANGED
|
@@ -7,7 +7,7 @@ exports.dev = void 0;
|
|
|
7
7
|
|
|
8
8
|
require("core-js/modules/es.promise.js");
|
|
9
9
|
|
|
10
|
-
var _tsDedent =
|
|
10
|
+
var _tsDedent = require("ts-dedent");
|
|
11
11
|
|
|
12
12
|
var _readPkgUp = require("read-pkg-up");
|
|
13
13
|
|
|
@@ -17,8 +17,6 @@ var _coreServer = require("@storybook/core-server");
|
|
|
17
17
|
|
|
18
18
|
var _coreCommon = require("@storybook/core-common");
|
|
19
19
|
|
|
20
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
21
|
-
|
|
22
20
|
const dev = async cliOptions => {
|
|
23
21
|
process.env.NODE_ENV = process.env.NODE_ENV || 'development';
|
|
24
22
|
|
|
@@ -53,10 +51,10 @@ const dev = async cliOptions => {
|
|
|
53
51
|
|
|
54
52
|
_nodeLogger.logger.line();
|
|
55
53
|
|
|
56
|
-
_nodeLogger.logger.warn(error.close ? (0, _tsDedent.
|
|
54
|
+
_nodeLogger.logger.warn(error.close ? (0, _tsDedent.dedent)`
|
|
57
55
|
FATAL broken build!, will close the process,
|
|
58
56
|
Fix the error below and restart storybook.
|
|
59
|
-
` : (0, _tsDedent.
|
|
57
|
+
` : (0, _tsDedent.dedent)`
|
|
60
58
|
Broken build, fix the error above.
|
|
61
59
|
You may need to refresh the browser.
|
|
62
60
|
`);
|
|
@@ -9,7 +9,7 @@ require("core-js/modules/es.promise.js");
|
|
|
9
9
|
|
|
10
10
|
var _fsExtra = _interopRequireDefault(require("fs-extra"));
|
|
11
11
|
|
|
12
|
-
var _tsDedent =
|
|
12
|
+
var _tsDedent = require("ts-dedent");
|
|
13
13
|
|
|
14
14
|
var _project_types = require("../project_types");
|
|
15
15
|
|
|
@@ -115,11 +115,10 @@ async function baseGenerator(packageManager, npmOptions, {
|
|
|
115
115
|
extraMain,
|
|
116
116
|
extensions
|
|
117
117
|
} = Object.assign({}, defaultOptions, options); // added to main.js
|
|
118
|
-
// make sure to update `canUsePrebuiltManager` in dev-server.js and build-manager-config/main.js when this list changes
|
|
119
118
|
|
|
120
119
|
const addons = ['@storybook/addon-links', '@storybook/addon-essentials', ...stripVersions(extraAddonPackages)]; // added to package.json
|
|
121
120
|
|
|
122
|
-
const addonPackages = ['@storybook/addon-links', '@storybook/addon-essentials',
|
|
121
|
+
const addonPackages = ['@storybook/addon-links', '@storybook/addon-essentials', ...extraAddonPackages];
|
|
123
122
|
|
|
124
123
|
if (hasInteractiveStories(renderer)) {
|
|
125
124
|
addons.push('@storybook/addon-interactions');
|
|
@@ -141,7 +140,7 @@ async function baseGenerator(packageManager, npmOptions, {
|
|
|
141
140
|
} = getFrameworkDetails(renderer, builder, pnp); // TODO: We need to start supporting this at some point
|
|
142
141
|
|
|
143
142
|
if (type === 'renderer') {
|
|
144
|
-
throw new Error((0, _tsDedent.
|
|
143
|
+
throw new Error((0, _tsDedent.dedent)`
|
|
145
144
|
Sorry, for now, you can not do this, please use a framework such as @storybook/react-webpack5
|
|
146
145
|
|
|
147
146
|
https://github.com/storybookjs/storybook/issues/18360
|
|
@@ -172,7 +171,7 @@ async function baseGenerator(packageManager, npmOptions, {
|
|
|
172
171
|
|
|
173
172
|
|
|
174
173
|
if (frameworkPackages.includes('@storybook/builder-vite')) {
|
|
175
|
-
const previewHead = (0, _tsDedent.
|
|
174
|
+
const previewHead = (0, _tsDedent.dedent)`
|
|
176
175
|
<script>
|
|
177
176
|
window.global = window;
|
|
178
177
|
</script>
|
|
@@ -10,7 +10,7 @@ require("core-js/modules/es.promise.js");
|
|
|
10
10
|
|
|
11
11
|
var _fsExtra = _interopRequireDefault(require("fs-extra"));
|
|
12
12
|
|
|
13
|
-
var _tsDedent =
|
|
13
|
+
var _tsDedent = require("ts-dedent");
|
|
14
14
|
|
|
15
15
|
const _excluded = ["addons", "extensions", "commonJs"];
|
|
16
16
|
|
|
@@ -36,7 +36,7 @@ async function configureMain(_ref) {
|
|
|
36
36
|
// un-stringify the value for referencing packages by string
|
|
37
37
|
// .replaceAll(/"(path\.dirname\(require\.resolve\(path\.join\('.*\))"/g, (_, a) => a)}`;
|
|
38
38
|
|
|
39
|
-
await _fsExtra.default.writeFile(`./.storybook/main.${commonJs ? 'cjs' : 'js'}`, (0, _tsDedent.
|
|
39
|
+
await _fsExtra.default.writeFile(`./.storybook/main.${commonJs ? 'cjs' : 'js'}`, (0, _tsDedent.dedent)`
|
|
40
40
|
const path = require('path');
|
|
41
41
|
${stringified}
|
|
42
42
|
`, {
|
|
@@ -46,7 +46,7 @@ async function configureMain(_ref) {
|
|
|
46
46
|
|
|
47
47
|
const frameworkToPreviewParts = {
|
|
48
48
|
angular: {
|
|
49
|
-
prefix: (0, _tsDedent.
|
|
49
|
+
prefix: (0, _tsDedent.dedent)`
|
|
50
50
|
import { setCompodocJson } from "@storybook/addon-docs/angular";
|
|
51
51
|
import docJson from "../documentation.json";
|
|
52
52
|
setCompodocJson(docJson);
|
|
@@ -67,7 +67,7 @@ async function configurePreview(framework, commonJs) {
|
|
|
67
67
|
return;
|
|
68
68
|
}
|
|
69
69
|
|
|
70
|
-
const preview = (0, _tsDedent.
|
|
70
|
+
const preview = (0, _tsDedent.dedent)`
|
|
71
71
|
${prefix}
|
|
72
72
|
export const parameters = {
|
|
73
73
|
actions: { argTypesRegex: "^on[A-Z].*" },
|
package/dist/esm/repro.js
CHANGED
|
@@ -19,7 +19,7 @@ var _chalk = _interopRequireDefault(require("chalk"));
|
|
|
19
19
|
|
|
20
20
|
var _boxen = _interopRequireDefault(require("boxen"));
|
|
21
21
|
|
|
22
|
-
var _tsDedent =
|
|
22
|
+
var _tsDedent = require("ts-dedent");
|
|
23
23
|
|
|
24
24
|
var _scripts = require("./repro-generators/scripts");
|
|
25
25
|
|
|
@@ -51,7 +51,7 @@ const repro = async ({
|
|
|
51
51
|
local,
|
|
52
52
|
pnp
|
|
53
53
|
}) => {
|
|
54
|
-
logger.info((0, _boxen.default)((0, _tsDedent.
|
|
54
|
+
logger.info((0, _boxen.default)((0, _tsDedent.dedent)`
|
|
55
55
|
🤗 Welcome to ${_chalk.default.yellow('sb repro')}! 🤗
|
|
56
56
|
|
|
57
57
|
Create a ${_chalk.default.green('new project')} to minimally reproduce Storybook issues.
|
|
@@ -151,7 +151,7 @@ const repro = async ({
|
|
|
151
151
|
await initGitRepo(cwd);
|
|
152
152
|
}
|
|
153
153
|
|
|
154
|
-
logger.info((0, _boxen.default)((0, _tsDedent.
|
|
154
|
+
logger.info((0, _boxen.default)((0, _tsDedent.dedent)`
|
|
155
155
|
🎉 Your Storybook reproduction project is ready to use! 🎉
|
|
156
156
|
|
|
157
157
|
${_chalk.default.yellow(`cd ${selectedDirectory}`)}
|
package/dist/esm/versions.js
CHANGED
|
@@ -6,80 +6,80 @@ 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': '7.0.0-alpha.
|
|
10
|
-
'@storybook/addon-actions': '7.0.0-alpha.
|
|
11
|
-
'@storybook/addon-backgrounds': '7.0.0-alpha.
|
|
12
|
-
'@storybook/addon-controls': '7.0.0-alpha.
|
|
13
|
-
'@storybook/addon-docs': '7.0.0-alpha.
|
|
14
|
-
'@storybook/addon-essentials': '7.0.0-alpha.
|
|
15
|
-
'@storybook/addon-highlight': '7.0.0-alpha.
|
|
16
|
-
'@storybook/addon-interactions': '7.0.0-alpha.
|
|
17
|
-
'@storybook/addon-jest': '7.0.0-alpha.
|
|
18
|
-
'@storybook/addon-links': '7.0.0-alpha.
|
|
19
|
-
'@storybook/addon-measure': '7.0.0-alpha.
|
|
20
|
-
'@storybook/addon-outline': '7.0.0-alpha.
|
|
21
|
-
'@storybook/addon-storyshots': '7.0.0-alpha.
|
|
22
|
-
'@storybook/addon-storyshots-puppeteer': '7.0.0-alpha.
|
|
23
|
-
'@storybook/addon-storysource': '7.0.0-alpha.
|
|
24
|
-
'@storybook/addon-toolbars': '7.0.0-alpha.
|
|
25
|
-
'@storybook/addon-viewport': '7.0.0-alpha.
|
|
26
|
-
'@storybook/addons': '7.0.0-alpha.
|
|
27
|
-
'@storybook/angular': '7.0.0-alpha.
|
|
28
|
-
'@storybook/api': '7.0.0-alpha.
|
|
29
|
-
'@storybook/blocks': '7.0.0-alpha.
|
|
30
|
-
'@storybook/builder-
|
|
31
|
-
'@storybook/
|
|
32
|
-
'@storybook/channel-
|
|
33
|
-
'@storybook/
|
|
34
|
-
'@storybook/
|
|
35
|
-
'@storybook/
|
|
36
|
-
'@storybook/client-
|
|
37
|
-
'@storybook/
|
|
38
|
-
'@storybook/
|
|
39
|
-
'@storybook/
|
|
40
|
-
'@storybook/core-
|
|
41
|
-
'@storybook/core-
|
|
42
|
-
'@storybook/core-
|
|
43
|
-
'@storybook/core-
|
|
44
|
-
'@storybook/
|
|
45
|
-
'@storybook/
|
|
46
|
-
'@storybook/
|
|
47
|
-
'@storybook/
|
|
48
|
-
'@storybook/html
|
|
49
|
-
'@storybook/
|
|
50
|
-
'@storybook/
|
|
51
|
-
'@storybook/node-logger': '7.0.0-alpha.
|
|
52
|
-
'@storybook/postinstall': '7.0.0-alpha.
|
|
53
|
-
'@storybook/preact': '7.0.0-alpha.
|
|
54
|
-
'@storybook/preact-webpack5': '7.0.0-alpha.
|
|
55
|
-
'@storybook/preset-html-webpack': '7.0.0-alpha.
|
|
56
|
-
'@storybook/preset-preact-webpack': '7.0.0-alpha.
|
|
57
|
-
'@storybook/preset-react-webpack': '7.0.0-alpha.
|
|
58
|
-
'@storybook/preset-server-webpack': '7.0.0-alpha.
|
|
59
|
-
'@storybook/preset-svelte-webpack': '7.0.0-alpha.
|
|
60
|
-
'@storybook/preset-vue-webpack': '7.0.0-alpha.
|
|
61
|
-
'@storybook/preset-vue3-webpack': '7.0.0-alpha.
|
|
62
|
-
'@storybook/preset-web-components-webpack': '7.0.0-alpha.
|
|
63
|
-
'@storybook/preview-web': '7.0.0-alpha.
|
|
64
|
-
'@storybook/react': '7.0.0-alpha.
|
|
65
|
-
'@storybook/react-webpack5': '7.0.0-alpha.
|
|
66
|
-
'@storybook/router': '7.0.0-alpha.
|
|
67
|
-
'@storybook/server': '7.0.0-alpha.
|
|
68
|
-
'@storybook/server-webpack5': '7.0.0-alpha.
|
|
69
|
-
'@storybook/source-loader': '7.0.0-alpha.
|
|
70
|
-
'@storybook/store': '7.0.0-alpha.
|
|
71
|
-
'@storybook/svelte': '7.0.0-alpha.
|
|
72
|
-
'@storybook/svelte-webpack5': '7.0.0-alpha.
|
|
73
|
-
'@storybook/telemetry': '7.0.0-alpha.
|
|
74
|
-
'@storybook/theming': '7.0.0-alpha.
|
|
75
|
-
'@storybook/ui': '7.0.0-alpha.
|
|
76
|
-
'@storybook/vue': '7.0.0-alpha.
|
|
77
|
-
'@storybook/vue-webpack5': '7.0.0-alpha.
|
|
78
|
-
'@storybook/vue3': '7.0.0-alpha.
|
|
79
|
-
'@storybook/vue3-webpack5': '7.0.0-alpha.
|
|
80
|
-
'@storybook/web-components': '7.0.0-alpha.
|
|
81
|
-
'@storybook/web-components-webpack5': '7.0.0-alpha.
|
|
82
|
-
sb: '7.0.0-alpha.
|
|
83
|
-
storybook: '7.0.0-alpha.
|
|
9
|
+
'@storybook/addon-a11y': '7.0.0-alpha.13',
|
|
10
|
+
'@storybook/addon-actions': '7.0.0-alpha.13',
|
|
11
|
+
'@storybook/addon-backgrounds': '7.0.0-alpha.13',
|
|
12
|
+
'@storybook/addon-controls': '7.0.0-alpha.13',
|
|
13
|
+
'@storybook/addon-docs': '7.0.0-alpha.13',
|
|
14
|
+
'@storybook/addon-essentials': '7.0.0-alpha.13',
|
|
15
|
+
'@storybook/addon-highlight': '7.0.0-alpha.13',
|
|
16
|
+
'@storybook/addon-interactions': '7.0.0-alpha.13',
|
|
17
|
+
'@storybook/addon-jest': '7.0.0-alpha.13',
|
|
18
|
+
'@storybook/addon-links': '7.0.0-alpha.13',
|
|
19
|
+
'@storybook/addon-measure': '7.0.0-alpha.13',
|
|
20
|
+
'@storybook/addon-outline': '7.0.0-alpha.13',
|
|
21
|
+
'@storybook/addon-storyshots': '7.0.0-alpha.13',
|
|
22
|
+
'@storybook/addon-storyshots-puppeteer': '7.0.0-alpha.13',
|
|
23
|
+
'@storybook/addon-storysource': '7.0.0-alpha.13',
|
|
24
|
+
'@storybook/addon-toolbars': '7.0.0-alpha.13',
|
|
25
|
+
'@storybook/addon-viewport': '7.0.0-alpha.13',
|
|
26
|
+
'@storybook/addons': '7.0.0-alpha.13',
|
|
27
|
+
'@storybook/angular': '7.0.0-alpha.13',
|
|
28
|
+
'@storybook/api': '7.0.0-alpha.13',
|
|
29
|
+
'@storybook/blocks': '7.0.0-alpha.13',
|
|
30
|
+
'@storybook/builder-manager': '7.0.0-alpha.13',
|
|
31
|
+
'@storybook/builder-webpack5': '7.0.0-alpha.13',
|
|
32
|
+
'@storybook/channel-postmessage': '7.0.0-alpha.13',
|
|
33
|
+
'@storybook/channel-websocket': '7.0.0-alpha.13',
|
|
34
|
+
'@storybook/channels': '7.0.0-alpha.13',
|
|
35
|
+
'@storybook/cli': '7.0.0-alpha.13',
|
|
36
|
+
'@storybook/client-api': '7.0.0-alpha.13',
|
|
37
|
+
'@storybook/client-logger': '7.0.0-alpha.13',
|
|
38
|
+
'@storybook/codemod': '7.0.0-alpha.13',
|
|
39
|
+
'@storybook/components': '7.0.0-alpha.13',
|
|
40
|
+
'@storybook/core-client': '7.0.0-alpha.13',
|
|
41
|
+
'@storybook/core-common': '7.0.0-alpha.13',
|
|
42
|
+
'@storybook/core-events': '7.0.0-alpha.13',
|
|
43
|
+
'@storybook/core-server': '7.0.0-alpha.13',
|
|
44
|
+
'@storybook/core-webpack': '7.0.0-alpha.13',
|
|
45
|
+
'@storybook/csf-tools': '7.0.0-alpha.13',
|
|
46
|
+
'@storybook/docs-tools': '7.0.0-alpha.13',
|
|
47
|
+
'@storybook/ember': '7.0.0-alpha.13',
|
|
48
|
+
'@storybook/html': '7.0.0-alpha.13',
|
|
49
|
+
'@storybook/html-webpack5': '7.0.0-alpha.13',
|
|
50
|
+
'@storybook/instrumenter': '7.0.0-alpha.13',
|
|
51
|
+
'@storybook/node-logger': '7.0.0-alpha.13',
|
|
52
|
+
'@storybook/postinstall': '7.0.0-alpha.13',
|
|
53
|
+
'@storybook/preact': '7.0.0-alpha.13',
|
|
54
|
+
'@storybook/preact-webpack5': '7.0.0-alpha.13',
|
|
55
|
+
'@storybook/preset-html-webpack': '7.0.0-alpha.13',
|
|
56
|
+
'@storybook/preset-preact-webpack': '7.0.0-alpha.13',
|
|
57
|
+
'@storybook/preset-react-webpack': '7.0.0-alpha.13',
|
|
58
|
+
'@storybook/preset-server-webpack': '7.0.0-alpha.13',
|
|
59
|
+
'@storybook/preset-svelte-webpack': '7.0.0-alpha.13',
|
|
60
|
+
'@storybook/preset-vue-webpack': '7.0.0-alpha.13',
|
|
61
|
+
'@storybook/preset-vue3-webpack': '7.0.0-alpha.13',
|
|
62
|
+
'@storybook/preset-web-components-webpack': '7.0.0-alpha.13',
|
|
63
|
+
'@storybook/preview-web': '7.0.0-alpha.13',
|
|
64
|
+
'@storybook/react': '7.0.0-alpha.13',
|
|
65
|
+
'@storybook/react-webpack5': '7.0.0-alpha.13',
|
|
66
|
+
'@storybook/router': '7.0.0-alpha.13',
|
|
67
|
+
'@storybook/server': '7.0.0-alpha.13',
|
|
68
|
+
'@storybook/server-webpack5': '7.0.0-alpha.13',
|
|
69
|
+
'@storybook/source-loader': '7.0.0-alpha.13',
|
|
70
|
+
'@storybook/store': '7.0.0-alpha.13',
|
|
71
|
+
'@storybook/svelte': '7.0.0-alpha.13',
|
|
72
|
+
'@storybook/svelte-webpack5': '7.0.0-alpha.13',
|
|
73
|
+
'@storybook/telemetry': '7.0.0-alpha.13',
|
|
74
|
+
'@storybook/theming': '7.0.0-alpha.13',
|
|
75
|
+
'@storybook/ui': '7.0.0-alpha.13',
|
|
76
|
+
'@storybook/vue': '7.0.0-alpha.13',
|
|
77
|
+
'@storybook/vue-webpack5': '7.0.0-alpha.13',
|
|
78
|
+
'@storybook/vue3': '7.0.0-alpha.13',
|
|
79
|
+
'@storybook/vue3-webpack5': '7.0.0-alpha.13',
|
|
80
|
+
'@storybook/web-components': '7.0.0-alpha.13',
|
|
81
|
+
'@storybook/web-components-webpack5': '7.0.0-alpha.13',
|
|
82
|
+
sb: '7.0.0-alpha.13',
|
|
83
|
+
storybook: '7.0.0-alpha.13'
|
|
84
84
|
};
|
|
85
85
|
exports.default = _default;
|
package/dist/types/versions.d.ts
CHANGED
|
@@ -20,6 +20,7 @@ declare const _default: {
|
|
|
20
20
|
'@storybook/angular': string;
|
|
21
21
|
'@storybook/api': string;
|
|
22
22
|
'@storybook/blocks': string;
|
|
23
|
+
'@storybook/builder-manager': string;
|
|
23
24
|
'@storybook/builder-webpack5': string;
|
|
24
25
|
'@storybook/channel-postmessage': string;
|
|
25
26
|
'@storybook/channel-websocket': string;
|
|
@@ -40,7 +41,6 @@ declare const _default: {
|
|
|
40
41
|
'@storybook/html': string;
|
|
41
42
|
'@storybook/html-webpack5': string;
|
|
42
43
|
'@storybook/instrumenter': string;
|
|
43
|
-
'@storybook/manager-webpack5': string;
|
|
44
44
|
'@storybook/node-logger': string;
|
|
45
45
|
'@storybook/postinstall': string;
|
|
46
46
|
'@storybook/preact': string;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@storybook/cli",
|
|
3
|
-
"version": "7.0.0-alpha.
|
|
3
|
+
"version": "7.0.0-alpha.13",
|
|
4
4
|
"description": "Storybook's CLI - easiest method of adding storybook to your projects",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"cli",
|
|
@@ -41,19 +41,20 @@
|
|
|
41
41
|
"*.d.ts"
|
|
42
42
|
],
|
|
43
43
|
"scripts": {
|
|
44
|
+
"check": "tsc --noEmit",
|
|
44
45
|
"prepare": "node ../../scripts/prepare.js",
|
|
45
46
|
"test": "jest test/**/*.test.js"
|
|
46
47
|
},
|
|
47
48
|
"dependencies": {
|
|
48
49
|
"@babel/core": "^7.12.10",
|
|
49
50
|
"@babel/preset-env": "^7.12.11",
|
|
50
|
-
"@storybook/codemod": "7.0.0-alpha.
|
|
51
|
-
"@storybook/core-common": "7.0.0-alpha.
|
|
52
|
-
"@storybook/core-server": "7.0.0-alpha.
|
|
53
|
-
"@storybook/csf-tools": "7.0.0-alpha.
|
|
54
|
-
"@storybook/node-logger": "7.0.0-alpha.
|
|
51
|
+
"@storybook/codemod": "7.0.0-alpha.13",
|
|
52
|
+
"@storybook/core-common": "7.0.0-alpha.13",
|
|
53
|
+
"@storybook/core-server": "7.0.0-alpha.13",
|
|
54
|
+
"@storybook/csf-tools": "7.0.0-alpha.13",
|
|
55
|
+
"@storybook/node-logger": "7.0.0-alpha.13",
|
|
55
56
|
"@storybook/semver": "^7.3.2",
|
|
56
|
-
"@storybook/telemetry": "7.0.0-alpha.
|
|
57
|
+
"@storybook/telemetry": "7.0.0-alpha.13",
|
|
57
58
|
"boxen": "^5.1.2",
|
|
58
59
|
"chalk": "^4.1.0",
|
|
59
60
|
"commander": "^6.2.1",
|
|
@@ -78,7 +79,7 @@
|
|
|
78
79
|
"update-notifier": "^5.0.1"
|
|
79
80
|
},
|
|
80
81
|
"devDependencies": {
|
|
81
|
-
"@storybook/client-api": "7.0.0-alpha.
|
|
82
|
+
"@storybook/client-api": "7.0.0-alpha.13",
|
|
82
83
|
"@types/cross-spawn": "^6.0.2",
|
|
83
84
|
"@types/prompts": "^2.0.9",
|
|
84
85
|
"@types/puppeteer-core": "^2.1.0",
|
|
@@ -86,10 +87,11 @@
|
|
|
86
87
|
"@types/shelljs": "^0.8.7",
|
|
87
88
|
"@types/update-notifier": "^5.0.0",
|
|
88
89
|
"strip-json-comments": "^3.1.1",
|
|
90
|
+
"typescript": "~4.6.3",
|
|
89
91
|
"update-notifier": "^5.0.1"
|
|
90
92
|
},
|
|
91
93
|
"publishConfig": {
|
|
92
94
|
"access": "public"
|
|
93
95
|
},
|
|
94
|
-
"gitHead": "
|
|
96
|
+
"gitHead": "9ac4d2e0a05eb945713a0e6689abc3b12359e181"
|
|
95
97
|
}
|