@storybook/cli 6.5.0-alpha.52 → 6.5.0-alpha.53

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.
Files changed (21) hide show
  1. package/dist/cjs/add.js +2 -2
  2. package/dist/cjs/generators/REACT_NATIVE/template-csf/storybook/addons.js +3 -3
  3. package/dist/cjs/generators/REACT_NATIVE/template-csf/storybook/rn-addons.js +2 -2
  4. package/dist/cjs/generators/baseGenerator.js +20 -1
  5. package/dist/cjs/project_types.js +1 -0
  6. package/dist/cjs/versions.js +56 -56
  7. package/dist/esm/add.js +2 -2
  8. package/dist/esm/generators/REACT_NATIVE/template-csf/storybook/addons.js +3 -3
  9. package/dist/esm/generators/REACT_NATIVE/template-csf/storybook/rn-addons.js +2 -2
  10. package/dist/esm/generators/baseGenerator.js +20 -1
  11. package/dist/esm/project_types.js +1 -0
  12. package/dist/esm/versions.js +56 -56
  13. package/dist/modern/add.js +2 -2
  14. package/dist/modern/generators/REACT_NATIVE/template-csf/storybook/addons.js +3 -3
  15. package/dist/modern/generators/REACT_NATIVE/template-csf/storybook/rn-addons.js +2 -2
  16. package/dist/modern/generators/baseGenerator.js +20 -1
  17. package/dist/modern/project_types.js +1 -0
  18. package/dist/modern/versions.js +56 -56
  19. package/dist/ts3.4/project_types.d.ts +2 -1
  20. package/dist/ts3.9/project_types.d.ts +2 -1
  21. package/package.json +7 -7
package/dist/cjs/add.js CHANGED
@@ -77,14 +77,14 @@ const installAddon = (packageManager, addonName, isOfficialAddon) => {
77
77
 
78
78
  const addStorybookAddonToFile = (addonName, addonsFile, isOfficialAddon) => {
79
79
  const addonNameNoTag = addonName.split('@')[0];
80
- const alreadyRegistered = addonsFile.find(line => line.includes(`${addonNameNoTag}/register`));
80
+ const alreadyRegistered = addonsFile.find(line => line.includes(`${addonNameNoTag}/manager`));
81
81
 
82
82
  if (alreadyRegistered) {
83
83
  return addonsFile;
84
84
  }
85
85
 
86
86
  const latestImportIndex = addonsFile.reduce((prev, curr, currIndex) => curr.startsWith('import') && curr.includes('register') ? currIndex : prev, -1);
87
- return [...addonsFile.slice(0, latestImportIndex + 1), `import '${getPackageName(addonNameNoTag, isOfficialAddon)}/register';`, ...addonsFile.slice(latestImportIndex + 1)];
87
+ return [...addonsFile.slice(0, latestImportIndex + 1), `import '${getPackageName(addonNameNoTag, isOfficialAddon)}/manager';`, ...addonsFile.slice(latestImportIndex + 1)];
88
88
  };
89
89
 
90
90
  exports.addStorybookAddonToFile = addStorybookAddonToFile;
package/dist/cjs/generators/REACT_NATIVE/template-csf/storybook/addons.js CHANGED
@@ -1,3 +1,3 @@
1
- import '@storybook/addon-actions/register';
2
- import '@storybook/addon-links/register';
3
- import '@storybook/addon-knobs/register';
1
+ import '@storybook/addon-actions/manager';
2
+ import '@storybook/addon-links/manager';
3
+ import '@storybook/addon-knobs/manager';
package/dist/cjs/generators/REACT_NATIVE/template-csf/storybook/rn-addons.js CHANGED
@@ -1,2 +1,2 @@
1
- import '@storybook/addon-ondevice-actions/register';
2
- import '@storybook/addon-ondevice-knobs/register';
1
+ import '@storybook/addon-ondevice-actions/manager';
2
+ import '@storybook/addon-ondevice-knobs/manager';
package/dist/cjs/generators/baseGenerator.js CHANGED
@@ -9,6 +9,8 @@ require("core-js/modules/es.promise.js");
9
9
 
10
10
  var _fsExtra = _interopRequireDefault(require("fs-extra"));
11
11
 
12
+ var _tsDedent = _interopRequireDefault(require("ts-dedent"));
13
+
12
14
  var _coreCommon = require("@storybook/core-common");
13
15
 
14
16
  var _project_types = require("../project_types");
@@ -44,6 +46,9 @@ const builderDependencies = builder => {
44
46
  case _project_types.CoreBuilder.Webpack5:
45
47
  return ['@storybook/builder-webpack5', '@storybook/manager-webpack5'];
46
48
 
49
+ case _project_types.CoreBuilder.Vite:
50
+ return ['@storybook/builder-vite'];
51
+
47
52
  default:
48
53
  return [builder];
49
54
  }
@@ -87,9 +92,11 @@ async function baseGenerator(packageManager, npmOptions, {
87
92
  const frameworkPackage = `@storybook/${framework}`;
88
93
  const packages = [frameworkPackage, ...addonPackages, ...extraPackages, ...extraAddons, ...yarn2Dependencies, ...builderDependencies(builder)].filter(Boolean).filter(packageToInstall => !installedDependencies.has((0, _jsPackageManager.getPackageDetails)(packageToInstall)[0]));
89
94
  const versionedPackages = await packageManager.getVersionedPackages(...packages);
95
+ const coreBuilders = [_project_types.CoreBuilder.Webpack4, _project_types.CoreBuilder.Webpack5, _project_types.CoreBuilder.Vite];
96
+ const expandedBuilder = coreBuilders.includes(builder) ? `@storybook/builder-${builder}` : builder;
90
97
  const mainOptions = builder !== _project_types.CoreBuilder.Webpack4 ? Object.assign({
91
98
  core: {
92
- builder
99
+ builder: expandedBuilder
93
100
  }
94
101
  }, extraMain) : extraMain;
95
102
  (0, _configure.configure)(framework, Object.assign({
@@ -101,6 +108,18 @@ async function baseGenerator(packageManager, npmOptions, {
101
108
 
102
109
  if (addComponents) {
103
110
  (0, _helpers.copyComponents)(framework, language);
111
+ } // FIXME: temporary workaround for https://github.com/storybookjs/storybook/issues/17516
112
+
113
+
114
+ if (expandedBuilder === '@storybook/builder-vite') {
115
+ const previewHead = (0, _tsDedent.default)`
116
+ <script>
117
+ window.global = window;
118
+ </script>
119
+ `;
120
+ await _fsExtra.default.writeFile(`.storybook/preview-head.html`, previewHead, {
121
+ encoding: 'utf8'
122
+ });
104
123
  }
105
124
 
106
125
  const babelDependencies = addBabel ? await (0, _helpers.getBabelDependencies)(packageManager, packageJson) : [];
package/dist/cjs/project_types.js CHANGED
@@ -59,6 +59,7 @@ exports.CoreBuilder = CoreBuilder;
59
59
  (function (CoreBuilder) {
60
60
  CoreBuilder["Webpack4"] = "webpack4";
61
61
  CoreBuilder["Webpack5"] = "webpack5";
62
+ CoreBuilder["Vite"] = "vite";
62
63
  })(CoreBuilder || (exports.CoreBuilder = CoreBuilder = {}));
63
64
 
64
65
  let SupportedLanguage;
package/dist/cjs/versions.js CHANGED
@@ -6,61 +6,61 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.default = void 0;
7
7
  // auto generated file, do not edit
8
8
  var _default = {
9
- "@storybook/addon-a11y": "6.5.0-alpha.52",
10
- "@storybook/addon-actions": "6.5.0-alpha.52",
11
- "@storybook/addon-backgrounds": "6.5.0-alpha.52",
12
- "@storybook/addon-controls": "6.5.0-alpha.52",
13
- "@storybook/addon-docs": "6.5.0-alpha.52",
14
- "@storybook/addon-essentials": "6.5.0-alpha.52",
15
- "@storybook/addon-interactions": "6.5.0-alpha.52",
16
- "@storybook/addon-jest": "6.5.0-alpha.52",
17
- "@storybook/addon-links": "6.5.0-alpha.52",
18
- "@storybook/addon-measure": "6.5.0-alpha.52",
19
- "@storybook/addon-outline": "6.5.0-alpha.52",
20
- "@storybook/addon-storyshots": "6.5.0-alpha.52",
21
- "@storybook/addon-storyshots-puppeteer": "6.5.0-alpha.52",
22
- "@storybook/addon-storysource": "6.5.0-alpha.52",
23
- "@storybook/addon-toolbars": "6.5.0-alpha.52",
24
- "@storybook/addon-viewport": "6.5.0-alpha.52",
25
- "@storybook/addons": "6.5.0-alpha.52",
26
- "@storybook/angular": "6.5.0-alpha.52",
27
- "@storybook/api": "6.5.0-alpha.52",
28
- "@storybook/builder-webpack4": "6.5.0-alpha.52",
29
- "@storybook/builder-webpack5": "6.5.0-alpha.52",
30
- "@storybook/channel-postmessage": "6.5.0-alpha.52",
31
- "@storybook/channel-websocket": "6.5.0-alpha.52",
32
- "@storybook/channels": "6.5.0-alpha.52",
33
- "@storybook/cli": "6.5.0-alpha.52",
34
- "@storybook/client-api": "6.5.0-alpha.52",
35
- "@storybook/client-logger": "6.5.0-alpha.52",
36
- "@storybook/codemod": "6.5.0-alpha.52",
37
- "@storybook/components": "6.5.0-alpha.52",
38
- "@storybook/core": "6.5.0-alpha.52",
39
- "@storybook/core-client": "6.5.0-alpha.52",
40
- "@storybook/core-common": "6.5.0-alpha.52",
41
- "@storybook/core-events": "6.5.0-alpha.52",
42
- "@storybook/core-server": "6.5.0-alpha.52",
43
- "@storybook/csf-tools": "6.5.0-alpha.52",
44
- "@storybook/docs-tools": "6.5.0-alpha.52",
45
- "@storybook/ember": "6.5.0-alpha.52",
46
- "@storybook/html": "6.5.0-alpha.52",
47
- "@storybook/instrumenter": "6.5.0-alpha.52",
48
- "@storybook/manager-webpack4": "6.5.0-alpha.52",
49
- "@storybook/manager-webpack5": "6.5.0-alpha.52",
50
- "@storybook/node-logger": "6.5.0-alpha.52",
51
- "@storybook/postinstall": "6.5.0-alpha.52",
52
- "@storybook/preact": "6.5.0-alpha.52",
53
- "@storybook/preview-web": "6.5.0-alpha.52",
54
- "@storybook/react": "6.5.0-alpha.52",
55
- "@storybook/router": "6.5.0-alpha.52",
56
- "@storybook/server": "6.5.0-alpha.52",
57
- "@storybook/source-loader": "6.5.0-alpha.52",
58
- "@storybook/store": "6.5.0-alpha.52",
59
- "@storybook/svelte": "6.5.0-alpha.52",
60
- "@storybook/theming": "6.5.0-alpha.52",
61
- "@storybook/ui": "6.5.0-alpha.52",
62
- "@storybook/vue": "6.5.0-alpha.52",
63
- "@storybook/vue3": "6.5.0-alpha.52",
64
- "@storybook/web-components": "6.5.0-alpha.52"
9
+ "@storybook/addon-a11y": "6.5.0-alpha.53",
10
+ "@storybook/addon-actions": "6.5.0-alpha.53",
11
+ "@storybook/addon-backgrounds": "6.5.0-alpha.53",
12
+ "@storybook/addon-controls": "6.5.0-alpha.53",
13
+ "@storybook/addon-docs": "6.5.0-alpha.53",
14
+ "@storybook/addon-essentials": "6.5.0-alpha.53",
15
+ "@storybook/addon-interactions": "6.5.0-alpha.53",
16
+ "@storybook/addon-jest": "6.5.0-alpha.53",
17
+ "@storybook/addon-links": "6.5.0-alpha.53",
18
+ "@storybook/addon-measure": "6.5.0-alpha.53",
19
+ "@storybook/addon-outline": "6.5.0-alpha.53",
20
+ "@storybook/addon-storyshots": "6.5.0-alpha.53",
21
+ "@storybook/addon-storyshots-puppeteer": "6.5.0-alpha.53",
22
+ "@storybook/addon-storysource": "6.5.0-alpha.53",
23
+ "@storybook/addon-toolbars": "6.5.0-alpha.53",
24
+ "@storybook/addon-viewport": "6.5.0-alpha.53",
25
+ "@storybook/addons": "6.5.0-alpha.53",
26
+ "@storybook/angular": "6.5.0-alpha.53",
27
+ "@storybook/api": "6.5.0-alpha.53",
28
+ "@storybook/builder-webpack4": "6.5.0-alpha.53",
29
+ "@storybook/builder-webpack5": "6.5.0-alpha.53",
30
+ "@storybook/channel-postmessage": "6.5.0-alpha.53",
31
+ "@storybook/channel-websocket": "6.5.0-alpha.53",
32
+ "@storybook/channels": "6.5.0-alpha.53",
33
+ "@storybook/cli": "6.5.0-alpha.53",
34
+ "@storybook/client-api": "6.5.0-alpha.53",
35
+ "@storybook/client-logger": "6.5.0-alpha.53",
36
+ "@storybook/codemod": "6.5.0-alpha.53",
37
+ "@storybook/components": "6.5.0-alpha.53",
38
+ "@storybook/core": "6.5.0-alpha.53",
39
+ "@storybook/core-client": "6.5.0-alpha.53",
40
+ "@storybook/core-common": "6.5.0-alpha.53",
41
+ "@storybook/core-events": "6.5.0-alpha.53",
42
+ "@storybook/core-server": "6.5.0-alpha.53",
43
+ "@storybook/csf-tools": "6.5.0-alpha.53",
44
+ "@storybook/docs-tools": "6.5.0-alpha.53",
45
+ "@storybook/ember": "6.5.0-alpha.53",
46
+ "@storybook/html": "6.5.0-alpha.53",
47
+ "@storybook/instrumenter": "6.5.0-alpha.53",
48
+ "@storybook/manager-webpack4": "6.5.0-alpha.53",
49
+ "@storybook/manager-webpack5": "6.5.0-alpha.53",
50
+ "@storybook/node-logger": "6.5.0-alpha.53",
51
+ "@storybook/postinstall": "6.5.0-alpha.53",
52
+ "@storybook/preact": "6.5.0-alpha.53",
53
+ "@storybook/preview-web": "6.5.0-alpha.53",
54
+ "@storybook/react": "6.5.0-alpha.53",
55
+ "@storybook/router": "6.5.0-alpha.53",
56
+ "@storybook/server": "6.5.0-alpha.53",
57
+ "@storybook/source-loader": "6.5.0-alpha.53",
58
+ "@storybook/store": "6.5.0-alpha.53",
59
+ "@storybook/svelte": "6.5.0-alpha.53",
60
+ "@storybook/theming": "6.5.0-alpha.53",
61
+ "@storybook/ui": "6.5.0-alpha.53",
62
+ "@storybook/vue": "6.5.0-alpha.53",
63
+ "@storybook/vue3": "6.5.0-alpha.53",
64
+ "@storybook/web-components": "6.5.0-alpha.53"
65
65
  };
66
66
  exports.default = _default;
package/dist/esm/add.js CHANGED
@@ -77,14 +77,14 @@ const installAddon = (packageManager, addonName, isOfficialAddon) => {
77
77
 
78
78
  const addStorybookAddonToFile = (addonName, addonsFile, isOfficialAddon) => {
79
79
  const addonNameNoTag = addonName.split('@')[0];
80
- const alreadyRegistered = addonsFile.find(line => line.includes(`${addonNameNoTag}/register`));
80
+ const alreadyRegistered = addonsFile.find(line => line.includes(`${addonNameNoTag}/manager`));
81
81
 
82
82
  if (alreadyRegistered) {
83
83
  return addonsFile;
84
84
  }
85
85
 
86
86
  const latestImportIndex = addonsFile.reduce((prev, curr, currIndex) => curr.startsWith('import') && curr.includes('register') ? currIndex : prev, -1);
87
- return [...addonsFile.slice(0, latestImportIndex + 1), `import '${getPackageName(addonNameNoTag, isOfficialAddon)}/register';`, ...addonsFile.slice(latestImportIndex + 1)];
87
+ return [...addonsFile.slice(0, latestImportIndex + 1), `import '${getPackageName(addonNameNoTag, isOfficialAddon)}/manager';`, ...addonsFile.slice(latestImportIndex + 1)];
88
88
  };
89
89
 
90
90
  exports.addStorybookAddonToFile = addStorybookAddonToFile;
package/dist/esm/generators/REACT_NATIVE/template-csf/storybook/addons.js CHANGED
@@ -1,3 +1,3 @@
1
- import '@storybook/addon-actions/register';
2
- import '@storybook/addon-links/register';
3
- import '@storybook/addon-knobs/register';
1
+ import '@storybook/addon-actions/manager';
2
+ import '@storybook/addon-links/manager';
3
+ import '@storybook/addon-knobs/manager';
package/dist/esm/generators/REACT_NATIVE/template-csf/storybook/rn-addons.js CHANGED
@@ -1,2 +1,2 @@
1
- import '@storybook/addon-ondevice-actions/register';
2
- import '@storybook/addon-ondevice-knobs/register';
1
+ import '@storybook/addon-ondevice-actions/manager';
2
+ import '@storybook/addon-ondevice-knobs/manager';
package/dist/esm/generators/baseGenerator.js CHANGED
@@ -9,6 +9,8 @@ require("core-js/modules/es.promise.js");
9
9
 
10
10
  var _fsExtra = _interopRequireDefault(require("fs-extra"));
11
11
 
12
+ var _tsDedent = _interopRequireDefault(require("ts-dedent"));
13
+
12
14
  var _coreCommon = require("@storybook/core-common");
13
15
 
14
16
  var _project_types = require("../project_types");
@@ -44,6 +46,9 @@ const builderDependencies = builder => {
44
46
  case _project_types.CoreBuilder.Webpack5:
45
47
  return ['@storybook/builder-webpack5', '@storybook/manager-webpack5'];
46
48
 
49
+ case _project_types.CoreBuilder.Vite:
50
+ return ['@storybook/builder-vite'];
51
+
47
52
  default:
48
53
  return [builder];
49
54
  }
@@ -87,9 +92,11 @@ async function baseGenerator(packageManager, npmOptions, {
87
92
  const frameworkPackage = `@storybook/${framework}`;
88
93
  const packages = [frameworkPackage, ...addonPackages, ...extraPackages, ...extraAddons, ...yarn2Dependencies, ...builderDependencies(builder)].filter(Boolean).filter(packageToInstall => !installedDependencies.has((0, _jsPackageManager.getPackageDetails)(packageToInstall)[0]));
89
94
  const versionedPackages = await packageManager.getVersionedPackages(...packages);
95
+ const coreBuilders = [_project_types.CoreBuilder.Webpack4, _project_types.CoreBuilder.Webpack5, _project_types.CoreBuilder.Vite];
96
+ const expandedBuilder = coreBuilders.includes(builder) ? `@storybook/builder-${builder}` : builder;
90
97
  const mainOptions = builder !== _project_types.CoreBuilder.Webpack4 ? Object.assign({
91
98
  core: {
92
- builder
99
+ builder: expandedBuilder
93
100
  }
94
101
  }, extraMain) : extraMain;
95
102
  (0, _configure.configure)(framework, Object.assign({
@@ -101,6 +108,18 @@ async function baseGenerator(packageManager, npmOptions, {
101
108
 
102
109
  if (addComponents) {
103
110
  (0, _helpers.copyComponents)(framework, language);
111
+ } // FIXME: temporary workaround for https://github.com/storybookjs/storybook/issues/17516
112
+
113
+
114
+ if (expandedBuilder === '@storybook/builder-vite') {
115
+ const previewHead = (0, _tsDedent.default)`
116
+ <script>
117
+ window.global = window;
118
+ </script>
119
+ `;
120
+ await _fsExtra.default.writeFile(`.storybook/preview-head.html`, previewHead, {
121
+ encoding: 'utf8'
122
+ });
104
123
  }
105
124
 
106
125
  const babelDependencies = addBabel ? await (0, _helpers.getBabelDependencies)(packageManager, packageJson) : [];
package/dist/esm/project_types.js CHANGED
@@ -59,6 +59,7 @@ exports.CoreBuilder = CoreBuilder;
59
59
  (function (CoreBuilder) {
60
60
  CoreBuilder["Webpack4"] = "webpack4";
61
61
  CoreBuilder["Webpack5"] = "webpack5";
62
+ CoreBuilder["Vite"] = "vite";
62
63
  })(CoreBuilder || (exports.CoreBuilder = CoreBuilder = {}));
63
64
 
64
65
  let SupportedLanguage;
package/dist/esm/versions.js CHANGED
@@ -6,61 +6,61 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.default = void 0;
7
7
  // auto generated file, do not edit
8
8
  var _default = {
9
- "@storybook/addon-a11y": "6.5.0-alpha.52",
10
- "@storybook/addon-actions": "6.5.0-alpha.52",
11
- "@storybook/addon-backgrounds": "6.5.0-alpha.52",
12
- "@storybook/addon-controls": "6.5.0-alpha.52",
13
- "@storybook/addon-docs": "6.5.0-alpha.52",
14
- "@storybook/addon-essentials": "6.5.0-alpha.52",
15
- "@storybook/addon-interactions": "6.5.0-alpha.52",
16
- "@storybook/addon-jest": "6.5.0-alpha.52",
17
- "@storybook/addon-links": "6.5.0-alpha.52",
18
- "@storybook/addon-measure": "6.5.0-alpha.52",
19
- "@storybook/addon-outline": "6.5.0-alpha.52",
20
- "@storybook/addon-storyshots": "6.5.0-alpha.52",
21
- "@storybook/addon-storyshots-puppeteer": "6.5.0-alpha.52",
22
- "@storybook/addon-storysource": "6.5.0-alpha.52",
23
- "@storybook/addon-toolbars": "6.5.0-alpha.52",
24
- "@storybook/addon-viewport": "6.5.0-alpha.52",
25
- "@storybook/addons": "6.5.0-alpha.52",
26
- "@storybook/angular": "6.5.0-alpha.52",
27
- "@storybook/api": "6.5.0-alpha.52",
28
- "@storybook/builder-webpack4": "6.5.0-alpha.52",
29
- "@storybook/builder-webpack5": "6.5.0-alpha.52",
30
- "@storybook/channel-postmessage": "6.5.0-alpha.52",
31
- "@storybook/channel-websocket": "6.5.0-alpha.52",
32
- "@storybook/channels": "6.5.0-alpha.52",
33
- "@storybook/cli": "6.5.0-alpha.52",
34
- "@storybook/client-api": "6.5.0-alpha.52",
35
- "@storybook/client-logger": "6.5.0-alpha.52",
36
- "@storybook/codemod": "6.5.0-alpha.52",
37
- "@storybook/components": "6.5.0-alpha.52",
38
- "@storybook/core": "6.5.0-alpha.52",
39
- "@storybook/core-client": "6.5.0-alpha.52",
40
- "@storybook/core-common": "6.5.0-alpha.52",
41
- "@storybook/core-events": "6.5.0-alpha.52",
42
- "@storybook/core-server": "6.5.0-alpha.52",
43
- "@storybook/csf-tools": "6.5.0-alpha.52",
44
- "@storybook/docs-tools": "6.5.0-alpha.52",
45
- "@storybook/ember": "6.5.0-alpha.52",
46
- "@storybook/html": "6.5.0-alpha.52",
47
- "@storybook/instrumenter": "6.5.0-alpha.52",
48
- "@storybook/manager-webpack4": "6.5.0-alpha.52",
49
- "@storybook/manager-webpack5": "6.5.0-alpha.52",
50
- "@storybook/node-logger": "6.5.0-alpha.52",
51
- "@storybook/postinstall": "6.5.0-alpha.52",
52
- "@storybook/preact": "6.5.0-alpha.52",
53
- "@storybook/preview-web": "6.5.0-alpha.52",
54
- "@storybook/react": "6.5.0-alpha.52",
55
- "@storybook/router": "6.5.0-alpha.52",
56
- "@storybook/server": "6.5.0-alpha.52",
57
- "@storybook/source-loader": "6.5.0-alpha.52",
58
- "@storybook/store": "6.5.0-alpha.52",
59
- "@storybook/svelte": "6.5.0-alpha.52",
60
- "@storybook/theming": "6.5.0-alpha.52",
61
- "@storybook/ui": "6.5.0-alpha.52",
62
- "@storybook/vue": "6.5.0-alpha.52",
63
- "@storybook/vue3": "6.5.0-alpha.52",
64
- "@storybook/web-components": "6.5.0-alpha.52"
9
+ "@storybook/addon-a11y": "6.5.0-alpha.53",
10
+ "@storybook/addon-actions": "6.5.0-alpha.53",
11
+ "@storybook/addon-backgrounds": "6.5.0-alpha.53",
12
+ "@storybook/addon-controls": "6.5.0-alpha.53",
13
+ "@storybook/addon-docs": "6.5.0-alpha.53",
14
+ "@storybook/addon-essentials": "6.5.0-alpha.53",
15
+ "@storybook/addon-interactions": "6.5.0-alpha.53",
16
+ "@storybook/addon-jest": "6.5.0-alpha.53",
17
+ "@storybook/addon-links": "6.5.0-alpha.53",
18
+ "@storybook/addon-measure": "6.5.0-alpha.53",
19
+ "@storybook/addon-outline": "6.5.0-alpha.53",
20
+ "@storybook/addon-storyshots": "6.5.0-alpha.53",
21
+ "@storybook/addon-storyshots-puppeteer": "6.5.0-alpha.53",
22
+ "@storybook/addon-storysource": "6.5.0-alpha.53",
23
+ "@storybook/addon-toolbars": "6.5.0-alpha.53",
24
+ "@storybook/addon-viewport": "6.5.0-alpha.53",
25
+ "@storybook/addons": "6.5.0-alpha.53",
26
+ "@storybook/angular": "6.5.0-alpha.53",
27
+ "@storybook/api": "6.5.0-alpha.53",
28
+ "@storybook/builder-webpack4": "6.5.0-alpha.53",
29
+ "@storybook/builder-webpack5": "6.5.0-alpha.53",
30
+ "@storybook/channel-postmessage": "6.5.0-alpha.53",
31
+ "@storybook/channel-websocket": "6.5.0-alpha.53",
32
+ "@storybook/channels": "6.5.0-alpha.53",
33
+ "@storybook/cli": "6.5.0-alpha.53",
34
+ "@storybook/client-api": "6.5.0-alpha.53",
35
+ "@storybook/client-logger": "6.5.0-alpha.53",
36
+ "@storybook/codemod": "6.5.0-alpha.53",
37
+ "@storybook/components": "6.5.0-alpha.53",
38
+ "@storybook/core": "6.5.0-alpha.53",
39
+ "@storybook/core-client": "6.5.0-alpha.53",
40
+ "@storybook/core-common": "6.5.0-alpha.53",
41
+ "@storybook/core-events": "6.5.0-alpha.53",
42
+ "@storybook/core-server": "6.5.0-alpha.53",
43
+ "@storybook/csf-tools": "6.5.0-alpha.53",
44
+ "@storybook/docs-tools": "6.5.0-alpha.53",
45
+ "@storybook/ember": "6.5.0-alpha.53",
46
+ "@storybook/html": "6.5.0-alpha.53",
47
+ "@storybook/instrumenter": "6.5.0-alpha.53",
48
+ "@storybook/manager-webpack4": "6.5.0-alpha.53",
49
+ "@storybook/manager-webpack5": "6.5.0-alpha.53",
50
+ "@storybook/node-logger": "6.5.0-alpha.53",
51
+ "@storybook/postinstall": "6.5.0-alpha.53",
52
+ "@storybook/preact": "6.5.0-alpha.53",
53
+ "@storybook/preview-web": "6.5.0-alpha.53",
54
+ "@storybook/react": "6.5.0-alpha.53",
55
+ "@storybook/router": "6.5.0-alpha.53",
56
+ "@storybook/server": "6.5.0-alpha.53",
57
+ "@storybook/source-loader": "6.5.0-alpha.53",
58
+ "@storybook/store": "6.5.0-alpha.53",
59
+ "@storybook/svelte": "6.5.0-alpha.53",
60
+ "@storybook/theming": "6.5.0-alpha.53",
61
+ "@storybook/ui": "6.5.0-alpha.53",
62
+ "@storybook/vue": "6.5.0-alpha.53",
63
+ "@storybook/vue3": "6.5.0-alpha.53",
64
+ "@storybook/web-components": "6.5.0-alpha.53"
65
65
  };
66
66
  exports.default = _default;
package/dist/modern/add.js CHANGED
@@ -77,14 +77,14 @@ const installAddon = (packageManager, addonName, isOfficialAddon) => {
77
77
 
78
78
  const addStorybookAddonToFile = (addonName, addonsFile, isOfficialAddon) => {
79
79
  const addonNameNoTag = addonName.split('@')[0];
80
- const alreadyRegistered = addonsFile.find(line => line.includes(`${addonNameNoTag}/register`));
80
+ const alreadyRegistered = addonsFile.find(line => line.includes(`${addonNameNoTag}/manager`));
81
81
 
82
82
  if (alreadyRegistered) {
83
83
  return addonsFile;
84
84
  }
85
85
 
86
86
  const latestImportIndex = addonsFile.reduce((prev, curr, currIndex) => curr.startsWith('import') && curr.includes('register') ? currIndex : prev, -1);
87
- return [...addonsFile.slice(0, latestImportIndex + 1), `import '${getPackageName(addonNameNoTag, isOfficialAddon)}/register';`, ...addonsFile.slice(latestImportIndex + 1)];
87
+ return [...addonsFile.slice(0, latestImportIndex + 1), `import '${getPackageName(addonNameNoTag, isOfficialAddon)}/manager';`, ...addonsFile.slice(latestImportIndex + 1)];
88
88
  };
89
89
 
90
90
  exports.addStorybookAddonToFile = addStorybookAddonToFile;
package/dist/modern/generators/REACT_NATIVE/template-csf/storybook/addons.js CHANGED
@@ -1,3 +1,3 @@
1
- import '@storybook/addon-actions/register';
2
- import '@storybook/addon-links/register';
3
- import '@storybook/addon-knobs/register';
1
+ import '@storybook/addon-actions/manager';
2
+ import '@storybook/addon-links/manager';
3
+ import '@storybook/addon-knobs/manager';
package/dist/modern/generators/REACT_NATIVE/template-csf/storybook/rn-addons.js CHANGED
@@ -1,2 +1,2 @@
1
- import '@storybook/addon-ondevice-actions/register';
2
- import '@storybook/addon-ondevice-knobs/register';
1
+ import '@storybook/addon-ondevice-actions/manager';
2
+ import '@storybook/addon-ondevice-knobs/manager';
package/dist/modern/generators/baseGenerator.js CHANGED
@@ -9,6 +9,8 @@ require("core-js/modules/es.promise.js");
9
9
 
10
10
  var _fsExtra = _interopRequireDefault(require("fs-extra"));
11
11
 
12
+ var _tsDedent = _interopRequireDefault(require("ts-dedent"));
13
+
12
14
  var _coreCommon = require("@storybook/core-common");
13
15
 
14
16
  var _project_types = require("../project_types");
@@ -44,6 +46,9 @@ const builderDependencies = builder => {
44
46
  case _project_types.CoreBuilder.Webpack5:
45
47
  return ['@storybook/builder-webpack5', '@storybook/manager-webpack5'];
46
48
 
49
+ case _project_types.CoreBuilder.Vite:
50
+ return ['@storybook/builder-vite'];
51
+
47
52
  default:
48
53
  return [builder];
49
54
  }
@@ -87,9 +92,11 @@ async function baseGenerator(packageManager, npmOptions, {
87
92
  const frameworkPackage = `@storybook/${framework}`;
88
93
  const packages = [frameworkPackage, ...addonPackages, ...extraPackages, ...extraAddons, ...yarn2Dependencies, ...builderDependencies(builder)].filter(Boolean).filter(packageToInstall => !installedDependencies.has((0, _jsPackageManager.getPackageDetails)(packageToInstall)[0]));
89
94
  const versionedPackages = await packageManager.getVersionedPackages(...packages);
95
+ const coreBuilders = [_project_types.CoreBuilder.Webpack4, _project_types.CoreBuilder.Webpack5, _project_types.CoreBuilder.Vite];
96
+ const expandedBuilder = coreBuilders.includes(builder) ? `@storybook/builder-${builder}` : builder;
90
97
  const mainOptions = builder !== _project_types.CoreBuilder.Webpack4 ? Object.assign({
91
98
  core: {
92
- builder
99
+ builder: expandedBuilder
93
100
  }
94
101
  }, extraMain) : extraMain;
95
102
  (0, _configure.configure)(framework, Object.assign({
@@ -101,6 +108,18 @@ async function baseGenerator(packageManager, npmOptions, {
101
108
 
102
109
  if (addComponents) {
103
110
  (0, _helpers.copyComponents)(framework, language);
111
+ } // FIXME: temporary workaround for https://github.com/storybookjs/storybook/issues/17516
112
+
113
+
114
+ if (expandedBuilder === '@storybook/builder-vite') {
115
+ const previewHead = (0, _tsDedent.default)`
116
+ <script>
117
+ window.global = window;
118
+ </script>
119
+ `;
120
+ await _fsExtra.default.writeFile(`.storybook/preview-head.html`, previewHead, {
121
+ encoding: 'utf8'
122
+ });
104
123
  }
105
124
 
106
125
  const babelDependencies = addBabel ? await (0, _helpers.getBabelDependencies)(packageManager, packageJson) : [];
package/dist/modern/project_types.js CHANGED
@@ -59,6 +59,7 @@ exports.CoreBuilder = CoreBuilder;
59
59
  (function (CoreBuilder) {
60
60
  CoreBuilder["Webpack4"] = "webpack4";
61
61
  CoreBuilder["Webpack5"] = "webpack5";
62
+ CoreBuilder["Vite"] = "vite";
62
63
  })(CoreBuilder || (exports.CoreBuilder = CoreBuilder = {}));
63
64
 
64
65
  let SupportedLanguage;
package/dist/modern/versions.js CHANGED
@@ -6,61 +6,61 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.default = void 0;
7
7
  // auto generated file, do not edit
8
8
  var _default = {
9
- "@storybook/addon-a11y": "6.5.0-alpha.52",
10
- "@storybook/addon-actions": "6.5.0-alpha.52",
11
- "@storybook/addon-backgrounds": "6.5.0-alpha.52",
12
- "@storybook/addon-controls": "6.5.0-alpha.52",
13
- "@storybook/addon-docs": "6.5.0-alpha.52",
14
- "@storybook/addon-essentials": "6.5.0-alpha.52",
15
- "@storybook/addon-interactions": "6.5.0-alpha.52",
16
- "@storybook/addon-jest": "6.5.0-alpha.52",
17
- "@storybook/addon-links": "6.5.0-alpha.52",
18
- "@storybook/addon-measure": "6.5.0-alpha.52",
19
- "@storybook/addon-outline": "6.5.0-alpha.52",
20
- "@storybook/addon-storyshots": "6.5.0-alpha.52",
21
- "@storybook/addon-storyshots-puppeteer": "6.5.0-alpha.52",
22
- "@storybook/addon-storysource": "6.5.0-alpha.52",
23
- "@storybook/addon-toolbars": "6.5.0-alpha.52",
24
- "@storybook/addon-viewport": "6.5.0-alpha.52",
25
- "@storybook/addons": "6.5.0-alpha.52",
26
- "@storybook/angular": "6.5.0-alpha.52",
27
- "@storybook/api": "6.5.0-alpha.52",
28
- "@storybook/builder-webpack4": "6.5.0-alpha.52",
29
- "@storybook/builder-webpack5": "6.5.0-alpha.52",
30
- "@storybook/channel-postmessage": "6.5.0-alpha.52",
31
- "@storybook/channel-websocket": "6.5.0-alpha.52",
32
- "@storybook/channels": "6.5.0-alpha.52",
33
- "@storybook/cli": "6.5.0-alpha.52",
34
- "@storybook/client-api": "6.5.0-alpha.52",
35
- "@storybook/client-logger": "6.5.0-alpha.52",
36
- "@storybook/codemod": "6.5.0-alpha.52",
37
- "@storybook/components": "6.5.0-alpha.52",
38
- "@storybook/core": "6.5.0-alpha.52",
39
- "@storybook/core-client": "6.5.0-alpha.52",
40
- "@storybook/core-common": "6.5.0-alpha.52",
41
- "@storybook/core-events": "6.5.0-alpha.52",
42
- "@storybook/core-server": "6.5.0-alpha.52",
43
- "@storybook/csf-tools": "6.5.0-alpha.52",
44
- "@storybook/docs-tools": "6.5.0-alpha.52",
45
- "@storybook/ember": "6.5.0-alpha.52",
46
- "@storybook/html": "6.5.0-alpha.52",
47
- "@storybook/instrumenter": "6.5.0-alpha.52",
48
- "@storybook/manager-webpack4": "6.5.0-alpha.52",
49
- "@storybook/manager-webpack5": "6.5.0-alpha.52",
50
- "@storybook/node-logger": "6.5.0-alpha.52",
51
- "@storybook/postinstall": "6.5.0-alpha.52",
52
- "@storybook/preact": "6.5.0-alpha.52",
53
- "@storybook/preview-web": "6.5.0-alpha.52",
54
- "@storybook/react": "6.5.0-alpha.52",
55
- "@storybook/router": "6.5.0-alpha.52",
56
- "@storybook/server": "6.5.0-alpha.52",
57
- "@storybook/source-loader": "6.5.0-alpha.52",
58
- "@storybook/store": "6.5.0-alpha.52",
59
- "@storybook/svelte": "6.5.0-alpha.52",
60
- "@storybook/theming": "6.5.0-alpha.52",
61
- "@storybook/ui": "6.5.0-alpha.52",
62
- "@storybook/vue": "6.5.0-alpha.52",
63
- "@storybook/vue3": "6.5.0-alpha.52",
64
- "@storybook/web-components": "6.5.0-alpha.52"
9
+ "@storybook/addon-a11y": "6.5.0-alpha.53",
10
+ "@storybook/addon-actions": "6.5.0-alpha.53",
11
+ "@storybook/addon-backgrounds": "6.5.0-alpha.53",
12
+ "@storybook/addon-controls": "6.5.0-alpha.53",
13
+ "@storybook/addon-docs": "6.5.0-alpha.53",
14
+ "@storybook/addon-essentials": "6.5.0-alpha.53",
15
+ "@storybook/addon-interactions": "6.5.0-alpha.53",
16
+ "@storybook/addon-jest": "6.5.0-alpha.53",
17
+ "@storybook/addon-links": "6.5.0-alpha.53",
18
+ "@storybook/addon-measure": "6.5.0-alpha.53",
19
+ "@storybook/addon-outline": "6.5.0-alpha.53",
20
+ "@storybook/addon-storyshots": "6.5.0-alpha.53",
21
+ "@storybook/addon-storyshots-puppeteer": "6.5.0-alpha.53",
22
+ "@storybook/addon-storysource": "6.5.0-alpha.53",
23
+ "@storybook/addon-toolbars": "6.5.0-alpha.53",
24
+ "@storybook/addon-viewport": "6.5.0-alpha.53",
25
+ "@storybook/addons": "6.5.0-alpha.53",
26
+ "@storybook/angular": "6.5.0-alpha.53",
27
+ "@storybook/api": "6.5.0-alpha.53",
28
+ "@storybook/builder-webpack4": "6.5.0-alpha.53",
29
+ "@storybook/builder-webpack5": "6.5.0-alpha.53",
30
+ "@storybook/channel-postmessage": "6.5.0-alpha.53",
31
+ "@storybook/channel-websocket": "6.5.0-alpha.53",
32
+ "@storybook/channels": "6.5.0-alpha.53",
33
+ "@storybook/cli": "6.5.0-alpha.53",
34
+ "@storybook/client-api": "6.5.0-alpha.53",
35
+ "@storybook/client-logger": "6.5.0-alpha.53",
36
+ "@storybook/codemod": "6.5.0-alpha.53",
37
+ "@storybook/components": "6.5.0-alpha.53",
38
+ "@storybook/core": "6.5.0-alpha.53",
39
+ "@storybook/core-client": "6.5.0-alpha.53",
40
+ "@storybook/core-common": "6.5.0-alpha.53",
41
+ "@storybook/core-events": "6.5.0-alpha.53",
42
+ "@storybook/core-server": "6.5.0-alpha.53",
43
+ "@storybook/csf-tools": "6.5.0-alpha.53",
44
+ "@storybook/docs-tools": "6.5.0-alpha.53",
45
+ "@storybook/ember": "6.5.0-alpha.53",
46
+ "@storybook/html": "6.5.0-alpha.53",
47
+ "@storybook/instrumenter": "6.5.0-alpha.53",
48
+ "@storybook/manager-webpack4": "6.5.0-alpha.53",
49
+ "@storybook/manager-webpack5": "6.5.0-alpha.53",
50
+ "@storybook/node-logger": "6.5.0-alpha.53",
51
+ "@storybook/postinstall": "6.5.0-alpha.53",
52
+ "@storybook/preact": "6.5.0-alpha.53",
53
+ "@storybook/preview-web": "6.5.0-alpha.53",
54
+ "@storybook/react": "6.5.0-alpha.53",
55
+ "@storybook/router": "6.5.0-alpha.53",
56
+ "@storybook/server": "6.5.0-alpha.53",
57
+ "@storybook/source-loader": "6.5.0-alpha.53",
58
+ "@storybook/store": "6.5.0-alpha.53",
59
+ "@storybook/svelte": "6.5.0-alpha.53",
60
+ "@storybook/theming": "6.5.0-alpha.53",
61
+ "@storybook/ui": "6.5.0-alpha.53",
62
+ "@storybook/vue": "6.5.0-alpha.53",
63
+ "@storybook/vue3": "6.5.0-alpha.53",
64
+ "@storybook/web-components": "6.5.0-alpha.53"
65
65
  };
66
66
  exports.default = _default;
package/dist/ts3.4/project_types.d.ts CHANGED
@@ -30,7 +30,8 @@ export declare enum ProjectType {
30
30
  export declare const SUPPORTED_FRAMEWORKS: SupportedFrameworks[];
31
31
  export declare enum CoreBuilder {
32
32
  Webpack4 = "webpack4",
33
- Webpack5 = "webpack5"
33
+ Webpack5 = "webpack5",
34
+ Vite = "vite"
34
35
  }
35
36
  export declare type Builder = CoreBuilder | (string & {});
36
37
  export declare enum SupportedLanguage {
package/dist/ts3.9/project_types.d.ts CHANGED
@@ -30,7 +30,8 @@ export declare enum ProjectType {
30
30
  export declare const SUPPORTED_FRAMEWORKS: SupportedFrameworks[];
31
31
  export declare enum CoreBuilder {
32
32
  Webpack4 = "webpack4",
33
- Webpack5 = "webpack5"
33
+ Webpack5 = "webpack5",
34
+ Vite = "vite"
34
35
  }
35
36
  export declare type Builder = CoreBuilder | (string & {});
36
37
  export declare enum SupportedLanguage {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@storybook/cli",
3
- "version": "6.5.0-alpha.52",
3
+ "version": "6.5.0-alpha.53",
4
4
  "description": "Storybook's CLI - easiest method of adding storybook to your projects",
5
5
  "keywords": [
6
6
  "cli",
@@ -47,10 +47,10 @@
47
47
  "dependencies": {
48
48
  "@babel/core": "^7.12.10",
49
49
  "@babel/preset-env": "^7.12.11",
50
- "@storybook/codemod": "6.5.0-alpha.52",
51
- "@storybook/core-common": "6.5.0-alpha.52",
52
- "@storybook/csf-tools": "6.5.0-alpha.52",
53
- "@storybook/node-logger": "6.5.0-alpha.52",
50
+ "@storybook/codemod": "6.5.0-alpha.53",
51
+ "@storybook/core-common": "6.5.0-alpha.53",
52
+ "@storybook/csf-tools": "6.5.0-alpha.53",
53
+ "@storybook/node-logger": "6.5.0-alpha.53",
54
54
  "@storybook/semver": "^7.3.2",
55
55
  "boxen": "^5.1.2",
56
56
  "chalk": "^4.1.0",
@@ -75,7 +75,7 @@
75
75
  "update-notifier": "^5.0.1"
76
76
  },
77
77
  "devDependencies": {
78
- "@storybook/client-api": "6.5.0-alpha.52",
78
+ "@storybook/client-api": "6.5.0-alpha.53",
79
79
  "@types/cross-spawn": "^6.0.2",
80
80
  "@types/prompts": "^2.0.9",
81
81
  "@types/puppeteer-core": "^2.1.0",
@@ -91,5 +91,5 @@
91
91
  "publishConfig": {
92
92
  "access": "public"
93
93
  },
94
- "gitHead": "863b3811b24a4703645a09286059bc6d95bd2e65"
94
+ "gitHead": "652768b3ff83a355651d5636ccc4d78bee2cdbf9"
95
95
  }