@storybook/cli 6.5.0-alpha.9 → 6.5.0-beta.0

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 (186) hide show
  1. package/bin/index.js +1 -0
  2. package/dist/cjs/add.js +3 -3
  3. package/dist/cjs/automigrate/fixes/builder-vite.js +122 -0
  4. package/dist/cjs/automigrate/fixes/index.js +3 -1
  5. package/dist/cjs/automigrate/types.js +5 -1
  6. package/dist/cjs/babel-config.js +1 -1
  7. package/dist/cjs/detect.js +53 -2
  8. package/dist/cjs/extract.js +7 -2
  9. package/dist/cjs/frameworks/angular/Header.stories.ts +8 -3
  10. package/dist/cjs/frameworks/angular/Page.stories.ts +12 -10
  11. package/dist/cjs/frameworks/angular/header.component.ts +30 -19
  12. package/dist/cjs/frameworks/angular/page.component.ts +13 -27
  13. package/dist/cjs/frameworks/common/header.css +6 -0
  14. package/dist/cjs/frameworks/preact/Header.jsx +6 -1
  15. package/dist/cjs/frameworks/preact/Header.stories.jsx +7 -1
  16. package/dist/cjs/frameworks/preact/Page.jsx +62 -63
  17. package/dist/cjs/frameworks/preact/Page.stories.jsx +12 -9
  18. package/dist/cjs/frameworks/react/js/Header.jsx +6 -1
  19. package/dist/cjs/frameworks/react/js/Header.stories.jsx +7 -1
  20. package/dist/cjs/frameworks/react/js/Page.jsx +61 -63
  21. package/dist/cjs/frameworks/react/js/Page.stories.jsx +12 -9
  22. package/dist/cjs/frameworks/react/ts/Header.stories.tsx +7 -1
  23. package/dist/cjs/frameworks/react/ts/Header.tsx +11 -2
  24. package/dist/cjs/frameworks/react/ts/Page.stories.tsx +12 -9
  25. package/dist/cjs/frameworks/react/ts/Page.tsx +66 -60
  26. package/dist/cjs/frameworks/svelte/Button.stories.js +51 -0
  27. package/dist/cjs/frameworks/svelte/Header.stories.js +35 -0
  28. package/dist/cjs/frameworks/svelte/Header.svelte +3 -0
  29. package/dist/cjs/frameworks/svelte/Page.stories.js +27 -0
  30. package/dist/cjs/frameworks/svelte/Page.svelte +2 -16
  31. package/dist/cjs/frameworks/vue3/Header.stories.js +7 -1
  32. package/dist/cjs/frameworks/vue3/Header.vue +1 -0
  33. package/dist/cjs/frameworks/vue3/Page.stories.js +16 -17
  34. package/dist/cjs/frameworks/vue3/Page.vue +18 -8
  35. package/dist/cjs/frameworks/web-components/js/Page.js +2 -2
  36. package/dist/cjs/frameworks/web-components/ts/Page.ts +2 -2
  37. package/dist/cjs/generators/ANGULAR/angular-helpers.js +5 -5
  38. package/dist/cjs/generators/ANGULAR/index.js +1 -1
  39. package/dist/cjs/generators/ANGULAR/template-csf/.storybook/tsconfig.json +17 -5
  40. package/dist/cjs/generators/AURELIA/template-csf/.storybook/tsconfig.json +16 -5
  41. package/dist/cjs/generators/REACT_NATIVE/template-csf/storybook/addons.js +3 -3
  42. package/dist/cjs/generators/REACT_NATIVE/template-csf/storybook/rn-addons.js +2 -2
  43. package/dist/cjs/generators/REACT_SCRIPTS/index.js +9 -1
  44. package/dist/cjs/generators/SVELTE/index.js +0 -1
  45. package/dist/cjs/generators/baseGenerator.js +38 -4
  46. package/dist/cjs/generators/configure.js +3 -1
  47. package/dist/cjs/helpers.js +9 -8
  48. package/dist/cjs/initiate.js +27 -24
  49. package/dist/cjs/js-package-manager/JsPackageManager.js +2 -2
  50. package/dist/cjs/project_types.js +2 -1
  51. package/dist/cjs/repro-generators/configs.js +51 -8
  52. package/dist/cjs/repro-generators/scripts.js +46 -14
  53. package/dist/cjs/repro.js +3 -2
  54. package/dist/cjs/typings.d.ts +3 -0
  55. package/dist/cjs/upgrade.js +4 -2
  56. package/dist/cjs/versions.js +66 -0
  57. package/dist/cjs/window.d.js +5 -1
  58. package/dist/esm/add.js +3 -3
  59. package/dist/esm/automigrate/fixes/builder-vite.js +122 -0
  60. package/dist/esm/automigrate/fixes/index.js +3 -1
  61. package/dist/esm/automigrate/types.js +5 -1
  62. package/dist/esm/babel-config.js +1 -1
  63. package/dist/esm/detect.js +53 -2
  64. package/dist/esm/extract.js +7 -2
  65. package/dist/esm/frameworks/angular/Header.stories.ts +8 -3
  66. package/dist/esm/frameworks/angular/Page.stories.ts +12 -10
  67. package/dist/esm/frameworks/angular/header.component.ts +30 -19
  68. package/dist/esm/frameworks/angular/page.component.ts +13 -27
  69. package/dist/esm/frameworks/common/header.css +6 -0
  70. package/dist/esm/frameworks/preact/Header.jsx +6 -1
  71. package/dist/esm/frameworks/preact/Header.stories.jsx +7 -1
  72. package/dist/esm/frameworks/preact/Page.jsx +62 -63
  73. package/dist/esm/frameworks/preact/Page.stories.jsx +12 -9
  74. package/dist/esm/frameworks/react/js/Header.jsx +6 -1
  75. package/dist/esm/frameworks/react/js/Header.stories.jsx +7 -1
  76. package/dist/esm/frameworks/react/js/Page.jsx +61 -63
  77. package/dist/esm/frameworks/react/js/Page.stories.jsx +12 -9
  78. package/dist/esm/frameworks/react/ts/Header.stories.tsx +7 -1
  79. package/dist/esm/frameworks/react/ts/Header.tsx +11 -2
  80. package/dist/esm/frameworks/react/ts/Page.stories.tsx +12 -9
  81. package/dist/esm/frameworks/react/ts/Page.tsx +66 -60
  82. package/dist/esm/frameworks/svelte/Button.stories.js +51 -0
  83. package/dist/esm/frameworks/svelte/Header.stories.js +35 -0
  84. package/dist/esm/frameworks/svelte/Header.svelte +3 -0
  85. package/dist/esm/frameworks/svelte/Page.stories.js +27 -0
  86. package/dist/esm/frameworks/svelte/Page.svelte +2 -16
  87. package/dist/esm/frameworks/vue3/Header.stories.js +7 -1
  88. package/dist/esm/frameworks/vue3/Header.vue +1 -0
  89. package/dist/esm/frameworks/vue3/Page.stories.js +16 -17
  90. package/dist/esm/frameworks/vue3/Page.vue +18 -8
  91. package/dist/esm/frameworks/web-components/js/Page.js +2 -2
  92. package/dist/esm/frameworks/web-components/ts/Page.ts +2 -2
  93. package/dist/esm/generators/ANGULAR/angular-helpers.js +5 -5
  94. package/dist/esm/generators/ANGULAR/index.js +1 -1
  95. package/dist/esm/generators/ANGULAR/template-csf/.storybook/tsconfig.json +17 -5
  96. package/dist/esm/generators/AURELIA/template-csf/.storybook/tsconfig.json +16 -5
  97. package/dist/esm/generators/REACT_NATIVE/template-csf/storybook/addons.js +3 -3
  98. package/dist/esm/generators/REACT_NATIVE/template-csf/storybook/rn-addons.js +2 -2
  99. package/dist/esm/generators/REACT_SCRIPTS/index.js +9 -1
  100. package/dist/esm/generators/SVELTE/index.js +0 -1
  101. package/dist/esm/generators/baseGenerator.js +38 -4
  102. package/dist/esm/generators/configure.js +3 -1
  103. package/dist/esm/helpers.js +9 -8
  104. package/dist/esm/initiate.js +27 -24
  105. package/dist/esm/js-package-manager/JsPackageManager.js +2 -2
  106. package/dist/esm/project_types.js +2 -1
  107. package/dist/esm/repro-generators/configs.js +51 -8
  108. package/dist/esm/repro-generators/scripts.js +46 -14
  109. package/dist/esm/repro.js +3 -2
  110. package/dist/esm/typings.d.ts +3 -0
  111. package/dist/esm/upgrade.js +4 -2
  112. package/dist/esm/versions.js +66 -0
  113. package/dist/esm/window.d.js +5 -1
  114. package/dist/modern/add.js +3 -3
  115. package/dist/modern/automigrate/fixes/builder-vite.js +122 -0
  116. package/dist/modern/automigrate/fixes/index.js +3 -1
  117. package/dist/modern/automigrate/types.js +5 -1
  118. package/dist/modern/babel-config.js +1 -1
  119. package/dist/modern/detect.js +53 -2
  120. package/dist/modern/extract.js +7 -2
  121. package/dist/modern/frameworks/common/header.css +6 -0
  122. package/dist/modern/frameworks/preact/Header.jsx +6 -1
  123. package/dist/modern/frameworks/preact/Header.stories.jsx +7 -1
  124. package/dist/modern/frameworks/preact/Page.jsx +62 -63
  125. package/dist/modern/frameworks/preact/Page.stories.jsx +12 -9
  126. package/dist/modern/frameworks/react/js/Header.jsx +6 -1
  127. package/dist/modern/frameworks/react/js/Header.stories.jsx +7 -1
  128. package/dist/modern/frameworks/react/js/Page.jsx +61 -63
  129. package/dist/modern/frameworks/react/js/Page.stories.jsx +12 -9
  130. package/dist/modern/frameworks/svelte/Button.stories.js +51 -0
  131. package/dist/modern/frameworks/svelte/Header.stories.js +35 -0
  132. package/dist/modern/frameworks/svelte/Header.svelte +3 -0
  133. package/dist/modern/frameworks/svelte/Page.stories.js +27 -0
  134. package/dist/modern/frameworks/svelte/Page.svelte +2 -16
  135. package/dist/modern/frameworks/vue3/Header.stories.js +7 -1
  136. package/dist/modern/frameworks/vue3/Header.vue +1 -0
  137. package/dist/modern/frameworks/vue3/Page.stories.js +16 -17
  138. package/dist/modern/frameworks/vue3/Page.vue +18 -8
  139. package/dist/modern/frameworks/web-components/js/Page.js +2 -2
  140. package/dist/modern/generators/ANGULAR/angular-helpers.js +5 -5
  141. package/dist/modern/generators/ANGULAR/index.js +1 -1
  142. package/dist/modern/generators/ANGULAR/template-csf/.storybook/tsconfig.json +17 -5
  143. package/dist/modern/generators/AURELIA/template-csf/.storybook/tsconfig.json +16 -5
  144. package/dist/modern/generators/REACT_NATIVE/template-csf/storybook/addons.js +3 -3
  145. package/dist/modern/generators/REACT_NATIVE/template-csf/storybook/rn-addons.js +2 -2
  146. package/dist/modern/generators/REACT_SCRIPTS/index.js +9 -1
  147. package/dist/modern/generators/SVELTE/index.js +0 -1
  148. package/dist/modern/generators/baseGenerator.js +38 -4
  149. package/dist/modern/generators/configure.js +3 -1
  150. package/dist/modern/helpers.js +9 -8
  151. package/dist/modern/initiate.js +27 -24
  152. package/dist/modern/js-package-manager/JsPackageManager.js +2 -2
  153. package/dist/modern/project_types.js +2 -1
  154. package/dist/modern/repro-generators/configs.js +51 -8
  155. package/dist/modern/repro-generators/scripts.js +46 -14
  156. package/dist/modern/repro.js +3 -2
  157. package/dist/modern/typings.d.ts +3 -0
  158. package/dist/modern/upgrade.js +4 -2
  159. package/dist/modern/versions.js +66 -0
  160. package/dist/modern/window.d.js +5 -1
  161. package/dist/ts3.4/automigrate/fixes/builder-vite.d.ts +19 -0
  162. package/dist/ts3.4/detect.d.ts +9 -2
  163. package/dist/ts3.4/project_types.d.ts +2 -1
  164. package/dist/ts3.4/repro-generators/configs.d.ts +8 -0
  165. package/dist/ts3.4/versions.d.ts +59 -0
  166. package/dist/ts3.9/automigrate/fixes/builder-vite.d.ts +19 -0
  167. package/dist/ts3.9/detect.d.ts +9 -2
  168. package/dist/ts3.9/project_types.d.ts +2 -1
  169. package/dist/ts3.9/repro-generators/configs.d.ts +9 -1
  170. package/dist/ts3.9/versions.d.ts +59 -0
  171. package/package.json +11 -12
  172. package/dist/cjs/frameworks/svelte/Button.stories.svelte +0 -57
  173. package/dist/cjs/frameworks/svelte/Header.stories.svelte +0 -32
  174. package/dist/cjs/frameworks/svelte/Page.stories.svelte +0 -32
  175. package/dist/cjs/typings.d.js +0 -1
  176. package/dist/cjs/versions.json +0 -59
  177. package/dist/esm/frameworks/svelte/Button.stories.svelte +0 -57
  178. package/dist/esm/frameworks/svelte/Header.stories.svelte +0 -32
  179. package/dist/esm/frameworks/svelte/Page.stories.svelte +0 -32
  180. package/dist/esm/typings.d.js +0 -1
  181. package/dist/esm/versions.json +0 -59
  182. package/dist/modern/frameworks/svelte/Button.stories.svelte +0 -57
  183. package/dist/modern/frameworks/svelte/Header.stories.svelte +0 -32
  184. package/dist/modern/frameworks/svelte/Page.stories.svelte +0 -32
  185. package/dist/modern/typings.d.js +0 -1
  186. package/dist/modern/versions.json +0 -59
@@ -0,0 +1,66 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ // auto generated file, do not edit
8
+ var _default = {
9
+ '@storybook/addon-a11y': '6.5.0-beta.0',
10
+ '@storybook/addon-actions': '6.5.0-beta.0',
11
+ '@storybook/addon-backgrounds': '6.5.0-beta.0',
12
+ '@storybook/addon-controls': '6.5.0-beta.0',
13
+ '@storybook/addon-docs': '6.5.0-beta.0',
14
+ '@storybook/addon-essentials': '6.5.0-beta.0',
15
+ '@storybook/addon-interactions': '6.5.0-beta.0',
16
+ '@storybook/addon-jest': '6.5.0-beta.0',
17
+ '@storybook/addon-links': '6.5.0-beta.0',
18
+ '@storybook/addon-measure': '6.5.0-beta.0',
19
+ '@storybook/addon-outline': '6.5.0-beta.0',
20
+ '@storybook/addon-storyshots': '6.5.0-beta.0',
21
+ '@storybook/addon-storyshots-puppeteer': '6.5.0-beta.0',
22
+ '@storybook/addon-storysource': '6.5.0-beta.0',
23
+ '@storybook/addon-toolbars': '6.5.0-beta.0',
24
+ '@storybook/addon-viewport': '6.5.0-beta.0',
25
+ '@storybook/addons': '6.5.0-beta.0',
26
+ '@storybook/angular': '6.5.0-beta.0',
27
+ '@storybook/api': '6.5.0-beta.0',
28
+ '@storybook/builder-webpack4': '6.5.0-beta.0',
29
+ '@storybook/builder-webpack5': '6.5.0-beta.0',
30
+ '@storybook/channel-postmessage': '6.5.0-beta.0',
31
+ '@storybook/channel-websocket': '6.5.0-beta.0',
32
+ '@storybook/channels': '6.5.0-beta.0',
33
+ '@storybook/cli': '6.5.0-beta.0',
34
+ '@storybook/client-api': '6.5.0-beta.0',
35
+ '@storybook/client-logger': '6.5.0-beta.0',
36
+ '@storybook/codemod': '6.5.0-beta.0',
37
+ '@storybook/components': '6.5.0-beta.0',
38
+ '@storybook/core': '6.5.0-beta.0',
39
+ '@storybook/core-client': '6.5.0-beta.0',
40
+ '@storybook/core-common': '6.5.0-beta.0',
41
+ '@storybook/core-events': '6.5.0-beta.0',
42
+ '@storybook/core-server': '6.5.0-beta.0',
43
+ '@storybook/csf-tools': '6.5.0-beta.0',
44
+ '@storybook/docs-tools': '6.5.0-beta.0',
45
+ '@storybook/ember': '6.5.0-beta.0',
46
+ '@storybook/html': '6.5.0-beta.0',
47
+ '@storybook/instrumenter': '6.5.0-beta.0',
48
+ '@storybook/manager-webpack4': '6.5.0-beta.0',
49
+ '@storybook/manager-webpack5': '6.5.0-beta.0',
50
+ '@storybook/node-logger': '6.5.0-beta.0',
51
+ '@storybook/postinstall': '6.5.0-beta.0',
52
+ '@storybook/preact': '6.5.0-beta.0',
53
+ '@storybook/preview-web': '6.5.0-beta.0',
54
+ '@storybook/react': '6.5.0-beta.0',
55
+ '@storybook/router': '6.5.0-beta.0',
56
+ '@storybook/server': '6.5.0-beta.0',
57
+ '@storybook/source-loader': '6.5.0-beta.0',
58
+ '@storybook/store': '6.5.0-beta.0',
59
+ '@storybook/svelte': '6.5.0-beta.0',
60
+ '@storybook/theming': '6.5.0-beta.0',
61
+ '@storybook/ui': '6.5.0-beta.0',
62
+ '@storybook/vue': '6.5.0-beta.0',
63
+ '@storybook/vue3': '6.5.0-beta.0',
64
+ '@storybook/web-components': '6.5.0-beta.0'
65
+ };
66
+ exports.default = _default;
@@ -1 +1,5 @@
1
- "use strict";
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
@@ -0,0 +1,19 @@
1
+ import { ConfigFile } from '@storybook/csf-tools';
2
+ import { Fix } from '../types';
3
+ import { PackageJson } from '../../js-package-manager';
4
+ interface BuilderViteOptions {
5
+ builder: any;
6
+ main: ConfigFile;
7
+ packageJson: PackageJson;
8
+ }
9
+ /**
10
+ * Is the user using 'storybook-builder-vite' in their project?
11
+ *
12
+ * If so, prompt them to upgrade to '@storybook/builder-vite'.
13
+ *
14
+ * - Add '@storybook/builder-vite' as dev dependency
15
+ * - Remove 'storybook-builder-vite' dependency
16
+ * - Add core.builder = '@storybook/builder-vite' to main.js
17
+ */
18
+ export declare const builderVite: Fix<BuilderViteOptions>;
19
+ export {};
@@ -1,6 +1,13 @@
1
- import { ProjectType, SupportedLanguage } from './project_types';
2
- import { PackageJson } from './js-package-manager';
1
+ import { ProjectType, SupportedLanguage, CoreBuilder } from './project_types';
2
+ import { PackageJson, JsPackageManager } from './js-package-manager';
3
3
  export declare function detectFrameworkPreset(packageJson?: {}): ProjectType.UNDETECTED | ProjectType;
4
+ /**
5
+ * Attempts to detect which builder to use, by searching for a vite config file. If one is found, the vite builder
6
+ * will be used, otherwise, webpack4 is the default.
7
+ *
8
+ * @returns CoreBuilder
9
+ */
10
+ export declare function detectBuilder(packageManager: JsPackageManager): CoreBuilder;
4
11
  export declare function isStorybookInstalled(dependencies: PackageJson | false, force?: boolean): false | ProjectType.ALREADY_HAS_STORYBOOK | ProjectType.UPDATE_PACKAGE_ORGANIZATIONS;
5
12
  export declare function detectLanguage(): SupportedLanguage;
6
13
  export declare function detect(options?: {
@@ -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 {
@@ -1,3 +1,4 @@
1
+ import { StorybookConfig } from '@storybook/core-common';
1
2
  import { SupportedFrameworks } from '../project_types';
2
3
  export interface Parameters {
3
4
  framework: SupportedFrameworks;
@@ -13,16 +14,23 @@ export interface Parameters {
13
14
  additionalDeps?: string[];
14
15
  /** Add typescript dependency and creates a tsconfig.json file */
15
16
  typescript?: boolean;
17
+ /** Merge configurations to main.js before running the tests */
18
+ mainOverrides?: Partial<StorybookConfig> & Record<string, any>;
16
19
  }
17
20
  export declare const cra: Parameters;
18
21
  export declare const cra_typescript: Parameters;
19
22
  export declare const react: Parameters;
23
+ export declare const react_legacy_root_api: Parameters;
20
24
  export declare const react_typescript: Parameters;
21
25
  export declare const webpack_react: Parameters;
26
+ export declare const vite_react: Parameters;
22
27
  export declare const react_in_yarn_workspace: Parameters;
23
28
  export declare const angular10: Parameters;
24
29
  export declare const angular11: Parameters;
25
30
  export declare const angular12: Parameters;
31
+ export declare const angular130: Parameters;
32
+ export declare const angular13: Parameters;
33
+ export declare const angular_modern_inline_rendering: Parameters;
26
34
  export declare const angular: Parameters;
27
35
  export declare const web_components: Parameters;
28
36
  export declare const web_components_typescript: Parameters;
@@ -0,0 +1,59 @@
1
+ declare const _default: {
2
+ '@storybook/addon-a11y': string;
3
+ '@storybook/addon-actions': string;
4
+ '@storybook/addon-backgrounds': string;
5
+ '@storybook/addon-controls': string;
6
+ '@storybook/addon-docs': string;
7
+ '@storybook/addon-essentials': string;
8
+ '@storybook/addon-interactions': string;
9
+ '@storybook/addon-jest': string;
10
+ '@storybook/addon-links': string;
11
+ '@storybook/addon-measure': string;
12
+ '@storybook/addon-outline': string;
13
+ '@storybook/addon-storyshots': string;
14
+ '@storybook/addon-storyshots-puppeteer': string;
15
+ '@storybook/addon-storysource': string;
16
+ '@storybook/addon-toolbars': string;
17
+ '@storybook/addon-viewport': string;
18
+ '@storybook/addons': string;
19
+ '@storybook/angular': string;
20
+ '@storybook/api': string;
21
+ '@storybook/builder-webpack4': string;
22
+ '@storybook/builder-webpack5': string;
23
+ '@storybook/channel-postmessage': string;
24
+ '@storybook/channel-websocket': string;
25
+ '@storybook/channels': string;
26
+ '@storybook/cli': string;
27
+ '@storybook/client-api': string;
28
+ '@storybook/client-logger': string;
29
+ '@storybook/codemod': string;
30
+ '@storybook/components': string;
31
+ '@storybook/core': string;
32
+ '@storybook/core-client': string;
33
+ '@storybook/core-common': string;
34
+ '@storybook/core-events': string;
35
+ '@storybook/core-server': string;
36
+ '@storybook/csf-tools': string;
37
+ '@storybook/docs-tools': string;
38
+ '@storybook/ember': string;
39
+ '@storybook/html': string;
40
+ '@storybook/instrumenter': string;
41
+ '@storybook/manager-webpack4': string;
42
+ '@storybook/manager-webpack5': string;
43
+ '@storybook/node-logger': string;
44
+ '@storybook/postinstall': string;
45
+ '@storybook/preact': string;
46
+ '@storybook/preview-web': string;
47
+ '@storybook/react': string;
48
+ '@storybook/router': string;
49
+ '@storybook/server': string;
50
+ '@storybook/source-loader': string;
51
+ '@storybook/store': string;
52
+ '@storybook/svelte': string;
53
+ '@storybook/theming': string;
54
+ '@storybook/ui': string;
55
+ '@storybook/vue': string;
56
+ '@storybook/vue3': string;
57
+ '@storybook/web-components': string;
58
+ };
59
+ export default _default;
@@ -0,0 +1,19 @@
1
+ import { ConfigFile } from '@storybook/csf-tools';
2
+ import { Fix } from '../types';
3
+ import { PackageJson } from '../../js-package-manager';
4
+ interface BuilderViteOptions {
5
+ builder: any;
6
+ main: ConfigFile;
7
+ packageJson: PackageJson;
8
+ }
9
+ /**
10
+ * Is the user using 'storybook-builder-vite' in their project?
11
+ *
12
+ * If so, prompt them to upgrade to '@storybook/builder-vite'.
13
+ *
14
+ * - Add '@storybook/builder-vite' as dev dependency
15
+ * - Remove 'storybook-builder-vite' dependency
16
+ * - Add core.builder = '@storybook/builder-vite' to main.js
17
+ */
18
+ export declare const builderVite: Fix<BuilderViteOptions>;
19
+ export {};
@@ -1,6 +1,13 @@
1
- import { ProjectType, SupportedLanguage } from './project_types';
2
- import { PackageJson } from './js-package-manager';
1
+ import { ProjectType, SupportedLanguage, CoreBuilder } from './project_types';
2
+ import { PackageJson, JsPackageManager } from './js-package-manager';
3
3
  export declare function detectFrameworkPreset(packageJson?: {}): ProjectType.UNDETECTED | ProjectType;
4
+ /**
5
+ * Attempts to detect which builder to use, by searching for a vite config file. If one is found, the vite builder
6
+ * will be used, otherwise, webpack4 is the default.
7
+ *
8
+ * @returns CoreBuilder
9
+ */
10
+ export declare function detectBuilder(packageManager: JsPackageManager): CoreBuilder;
4
11
  export declare function isStorybookInstalled(dependencies: PackageJson | false, force?: boolean): false | ProjectType.ALREADY_HAS_STORYBOOK | ProjectType.UPDATE_PACKAGE_ORGANIZATIONS;
5
12
  export declare function detectLanguage(): SupportedLanguage;
6
13
  export declare function detect(options?: {
@@ -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 {
@@ -1,4 +1,5 @@
1
- import { SupportedFrameworks } from '../project_types';
1
+ import type { StorybookConfig } from '@storybook/core-common';
2
+ import type { SupportedFrameworks } from '../project_types';
2
3
  export interface Parameters {
3
4
  framework: SupportedFrameworks;
4
5
  /** E2E configuration name */
@@ -13,16 +14,23 @@ export interface Parameters {
13
14
  additionalDeps?: string[];
14
15
  /** Add typescript dependency and creates a tsconfig.json file */
15
16
  typescript?: boolean;
17
+ /** Merge configurations to main.js before running the tests */
18
+ mainOverrides?: Partial<StorybookConfig> & Record<string, any>;
16
19
  }
17
20
  export declare const cra: Parameters;
18
21
  export declare const cra_typescript: Parameters;
19
22
  export declare const react: Parameters;
23
+ export declare const react_legacy_root_api: Parameters;
20
24
  export declare const react_typescript: Parameters;
21
25
  export declare const webpack_react: Parameters;
26
+ export declare const vite_react: Parameters;
22
27
  export declare const react_in_yarn_workspace: Parameters;
23
28
  export declare const angular10: Parameters;
24
29
  export declare const angular11: Parameters;
25
30
  export declare const angular12: Parameters;
31
+ export declare const angular130: Parameters;
32
+ export declare const angular13: Parameters;
33
+ export declare const angular_modern_inline_rendering: Parameters;
26
34
  export declare const angular: Parameters;
27
35
  export declare const web_components: Parameters;
28
36
  export declare const web_components_typescript: Parameters;
@@ -0,0 +1,59 @@
1
+ declare const _default: {
2
+ '@storybook/addon-a11y': string;
3
+ '@storybook/addon-actions': string;
4
+ '@storybook/addon-backgrounds': string;
5
+ '@storybook/addon-controls': string;
6
+ '@storybook/addon-docs': string;
7
+ '@storybook/addon-essentials': string;
8
+ '@storybook/addon-interactions': string;
9
+ '@storybook/addon-jest': string;
10
+ '@storybook/addon-links': string;
11
+ '@storybook/addon-measure': string;
12
+ '@storybook/addon-outline': string;
13
+ '@storybook/addon-storyshots': string;
14
+ '@storybook/addon-storyshots-puppeteer': string;
15
+ '@storybook/addon-storysource': string;
16
+ '@storybook/addon-toolbars': string;
17
+ '@storybook/addon-viewport': string;
18
+ '@storybook/addons': string;
19
+ '@storybook/angular': string;
20
+ '@storybook/api': string;
21
+ '@storybook/builder-webpack4': string;
22
+ '@storybook/builder-webpack5': string;
23
+ '@storybook/channel-postmessage': string;
24
+ '@storybook/channel-websocket': string;
25
+ '@storybook/channels': string;
26
+ '@storybook/cli': string;
27
+ '@storybook/client-api': string;
28
+ '@storybook/client-logger': string;
29
+ '@storybook/codemod': string;
30
+ '@storybook/components': string;
31
+ '@storybook/core': string;
32
+ '@storybook/core-client': string;
33
+ '@storybook/core-common': string;
34
+ '@storybook/core-events': string;
35
+ '@storybook/core-server': string;
36
+ '@storybook/csf-tools': string;
37
+ '@storybook/docs-tools': string;
38
+ '@storybook/ember': string;
39
+ '@storybook/html': string;
40
+ '@storybook/instrumenter': string;
41
+ '@storybook/manager-webpack4': string;
42
+ '@storybook/manager-webpack5': string;
43
+ '@storybook/node-logger': string;
44
+ '@storybook/postinstall': string;
45
+ '@storybook/preact': string;
46
+ '@storybook/preview-web': string;
47
+ '@storybook/react': string;
48
+ '@storybook/router': string;
49
+ '@storybook/server': string;
50
+ '@storybook/source-loader': string;
51
+ '@storybook/store': string;
52
+ '@storybook/svelte': string;
53
+ '@storybook/theming': string;
54
+ '@storybook/ui': string;
55
+ '@storybook/vue': string;
56
+ '@storybook/vue3': string;
57
+ '@storybook/web-components': string;
58
+ };
59
+ export default _default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@storybook/cli",
3
- "version": "6.5.0-alpha.9",
3
+ "version": "6.5.0-beta.0",
4
4
  "description": "Storybook's CLI - easiest method of adding storybook to your projects",
5
5
  "keywords": [
6
6
  "cli",
@@ -38,8 +38,7 @@
38
38
  "dist/**/*",
39
39
  "README.md",
40
40
  "*.js",
41
- "*.d.ts",
42
- "versions.json"
41
+ "*.d.ts"
43
42
  ],
44
43
  "scripts": {
45
44
  "prepare": "node ../../scripts/prepare.js",
@@ -48,10 +47,10 @@
48
47
  "dependencies": {
49
48
  "@babel/core": "^7.12.10",
50
49
  "@babel/preset-env": "^7.12.11",
51
- "@storybook/codemod": "6.5.0-alpha.9",
52
- "@storybook/core-common": "6.5.0-alpha.9",
53
- "@storybook/csf-tools": "6.5.0-alpha.9",
54
- "@storybook/node-logger": "6.5.0-alpha.9",
50
+ "@storybook/codemod": "6.5.0-beta.0",
51
+ "@storybook/core-common": "6.5.0-beta.0",
52
+ "@storybook/csf-tools": "6.5.0-beta.0",
53
+ "@storybook/node-logger": "6.5.0-beta.0",
55
54
  "@storybook/semver": "^7.3.2",
56
55
  "boxen": "^5.1.2",
57
56
  "chalk": "^4.1.0",
@@ -64,19 +63,19 @@
64
63
  "fs-extra": "^9.0.1",
65
64
  "get-port": "^5.1.1",
66
65
  "globby": "^11.0.2",
67
- "jscodeshift": "^0.11.0",
66
+ "jscodeshift": "^0.13.1",
68
67
  "json5": "^2.1.3",
69
68
  "leven": "^3.1.0",
70
69
  "prompts": "^2.4.0",
71
70
  "puppeteer-core": "^2.1.1",
72
71
  "read-pkg-up": "^7.0.1",
73
- "shelljs": "^0.8.4",
72
+ "shelljs": "^0.8.5",
74
73
  "strip-json-comments": "^3.0.1",
75
74
  "ts-dedent": "^2.0.0",
76
75
  "update-notifier": "^5.0.1"
77
76
  },
78
77
  "devDependencies": {
79
- "@storybook/client-api": "6.5.0-alpha.9",
78
+ "@storybook/client-api": "6.5.0-beta.0",
80
79
  "@types/cross-spawn": "^6.0.2",
81
80
  "@types/prompts": "^2.0.9",
82
81
  "@types/puppeteer-core": "^2.1.0",
@@ -84,7 +83,7 @@
84
83
  "@types/shelljs": "^0.8.7",
85
84
  "@types/update-notifier": "^5.0.0",
86
85
  "strip-json-comments": "^3.1.1",
87
- "update-notifier": "^4.1.3"
86
+ "update-notifier": "^5.0.1"
88
87
  },
89
88
  "peerDependencies": {
90
89
  "jest": "*"
@@ -92,5 +91,5 @@
92
91
  "publishConfig": {
93
92
  "access": "public"
94
93
  },
95
- "gitHead": "fb124ab94e8b5ed0920bc7954e6f6a70bf79c37a"
94
+ "gitHead": "b2e85f3599c043815b18bbfc5ca563bf1c6e4add"
96
95
  }
@@ -1,57 +0,0 @@
1
- <script>
2
- import { Meta, Template, Story } from "@storybook/addon-svelte-csf";
3
- import Button from "./Button.svelte";
4
- </script>
5
-
6
- <!-- More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export -->
7
- <!-- More on argTypes: https://storybook.js.org/docs/svelte/api/argtypes -->
8
- <Meta
9
- title="Example/Button"
10
- component={Button}
11
- argTypes={{
12
- backgroundColor: { control: "color" },
13
- label: { control: "text" },
14
- onClick: { action: "onClick" },
15
- primary: { control: "boolean" },
16
- size: {
17
- control: { type: 'select' },
18
- options: ['small', 'medium', 'large'],
19
- },
20
- }}
21
- />
22
-
23
- <!-- More on component templates: https://storybook.js.org/docs/svelte/writing-stories/introduction#using-args -->
24
- <Template let:args>
25
- <Button {...args} on:click={args.onClick} />
26
- </Template>
27
-
28
- <!-- More on args: https://storybook.js.org/docs/svelte/writing-stories/args -->
29
- <Story
30
- name="Primary"
31
- args={{
32
- primary: true,
33
- label: "Button",
34
- }}
35
- />
36
-
37
- <Story
38
- name="Secondary"
39
- args={{
40
- label: "Button",
41
- }}
42
- />
43
- <Story
44
- name="Large"
45
- args={{
46
- size: "large",
47
- label: "Button",
48
- }}
49
- />
50
-
51
- <Story
52
- name="Small"
53
- args={{
54
- size: "small",
55
- label: "Button",
56
- }}
57
- />
@@ -1,32 +0,0 @@
1
- <script>
2
- import { Meta, Template, Story } from "@storybook/addon-svelte-csf";
3
- import Header from "./Header.svelte";
4
- </script>
5
-
6
- <Meta
7
- title="Example/Header"
8
- component={Header}
9
- argTypes={{
10
- onLogin: { action: "onLogin" },
11
- onLogout: { action: "onLogout" },
12
- onCreateAccount: { action: "onCreateAccount" },
13
- }}
14
- />
15
-
16
- <Template let:args>
17
- <Header
18
- {...args}
19
- on:login={args.onLogin}
20
- on:logout={args.onLogout}
21
- on:createAccount={args.onCreateAccount}
22
- />
23
- </Template>
24
-
25
- <Story
26
- name="LoggedIn"
27
- args={{
28
- user: {},
29
- }}
30
- />
31
-
32
- <Story name="LoggedOut" args={{}} />
@@ -1,32 +0,0 @@
1
- <script>
2
- import { Meta, Template, Story } from "@storybook/addon-svelte-csf";
3
- import Page from "./Page.svelte";
4
- </script>
5
-
6
- <Meta
7
- title="Example/Page"
8
- component={Page}
9
- argTypes={{
10
- onLogin: { action: "onLogin" },
11
- onLogout: { action: "onLogout" },
12
- onCreateAccount: { action: "onCreateAccount" },
13
- }}
14
- />
15
-
16
- <Template let:args>
17
- <Page
18
- {...args}
19
- on:login={args.onLogin}
20
- on:logout={args.onLogout}
21
- on:createAccount={args.onCreateAccount}
22
- />
23
- </Template>
24
-
25
- <Story
26
- name="LoggedIn"
27
- args={{
28
- user: {},
29
- }}
30
- />
31
-
32
- <Story name="LoggedOut" args={{}} />
@@ -1 +0,0 @@
1
- "use strict";
@@ -1,59 +0,0 @@
1
- {
2
- "@storybook/addon-a11y": "6.5.0-alpha.9",
3
- "@storybook/addon-actions": "6.5.0-alpha.9",
4
- "@storybook/addon-backgrounds": "6.5.0-alpha.9",
5
- "@storybook/addon-controls": "6.5.0-alpha.9",
6
- "@storybook/addon-docs": "6.5.0-alpha.9",
7
- "@storybook/addon-essentials": "6.5.0-alpha.9",
8
- "@storybook/addon-interactions": "6.5.0-alpha.9",
9
- "@storybook/addon-jest": "6.5.0-alpha.9",
10
- "@storybook/addon-links": "6.5.0-alpha.9",
11
- "@storybook/addon-storyshots": "6.5.0-alpha.9",
12
- "@storybook/addon-storyshots-puppeteer": "6.5.0-alpha.9",
13
- "@storybook/addon-storysource": "6.5.0-alpha.9",
14
- "@storybook/addon-toolbars": "6.5.0-alpha.9",
15
- "@storybook/addon-viewport": "6.5.0-alpha.9",
16
- "@storybook/addons": "6.5.0-alpha.9",
17
- "@storybook/angular": "6.5.0-alpha.9",
18
- "@storybook/api": "6.5.0-alpha.9",
19
- "@storybook/aurelia": "6.5.0-alpha.9",
20
- "@storybook/builder-webpack4": "6.5.0-alpha.9",
21
- "@storybook/builder-webpack5": "6.5.0-alpha.9",
22
- "@storybook/channel-postmessage": "6.5.0-alpha.9",
23
- "@storybook/channel-websocket": "6.5.0-alpha.9",
24
- "@storybook/channels": "6.5.0-alpha.9",
25
- "@storybook/cli": "6.5.0-alpha.9",
26
- "@storybook/client-api": "6.5.0-alpha.9",
27
- "@storybook/client-logger": "6.5.0-alpha.9",
28
- "@storybook/codemod": "6.5.0-alpha.9",
29
- "@storybook/components": "6.5.0-alpha.9",
30
- "@storybook/core": "6.5.0-alpha.9",
31
- "@storybook/core-client": "6.5.0-alpha.9",
32
- "@storybook/core-common": "6.5.0-alpha.9",
33
- "@storybook/core-events": "6.5.0-alpha.9",
34
- "@storybook/core-server": "6.5.0-alpha.9",
35
- "@storybook/csf-tools": "6.5.0-alpha.9",
36
- "@storybook/ember": "6.5.0-alpha.9",
37
- "@storybook/html": "6.5.0-alpha.9",
38
- "@storybook/instrumenter": "6.5.0-alpha.9",
39
- "@storybook/manager-webpack4": "6.5.0-alpha.9",
40
- "@storybook/manager-webpack5": "6.5.0-alpha.9",
41
- "@storybook/marionette": "6.5.0-alpha.9",
42
- "@storybook/marko": "6.5.0-alpha.9",
43
- "@storybook/mithril": "6.5.0-alpha.9",
44
- "@storybook/node-logger": "6.5.0-alpha.9",
45
- "@storybook/postinstall": "6.5.0-alpha.9",
46
- "@storybook/preact": "6.5.0-alpha.9",
47
- "@storybook/rax": "6.5.0-alpha.9",
48
- "@storybook/react": "6.5.0-alpha.9",
49
- "@storybook/riot": "6.5.0-alpha.9",
50
- "@storybook/router": "6.5.0-alpha.9",
51
- "@storybook/server": "6.5.0-alpha.9",
52
- "@storybook/source-loader": "6.5.0-alpha.9",
53
- "@storybook/svelte": "6.5.0-alpha.9",
54
- "@storybook/theming": "6.5.0-alpha.9",
55
- "@storybook/ui": "6.5.0-alpha.9",
56
- "@storybook/vue": "6.5.0-alpha.9",
57
- "@storybook/vue3": "6.5.0-alpha.9",
58
- "@storybook/web-components": "6.5.0-alpha.9"
59
- }
@@ -1,57 +0,0 @@
1
- <script>
2
- import { Meta, Template, Story } from "@storybook/addon-svelte-csf";
3
- import Button from "./Button.svelte";
4
- </script>
5
-
6
- <!-- More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export -->
7
- <!-- More on argTypes: https://storybook.js.org/docs/svelte/api/argtypes -->
8
- <Meta
9
- title="Example/Button"
10
- component={Button}
11
- argTypes={{
12
- backgroundColor: { control: "color" },
13
- label: { control: "text" },
14
- onClick: { action: "onClick" },
15
- primary: { control: "boolean" },
16
- size: {
17
- control: { type: 'select' },
18
- options: ['small', 'medium', 'large'],
19
- },
20
- }}
21
- />
22
-
23
- <!-- More on component templates: https://storybook.js.org/docs/svelte/writing-stories/introduction#using-args -->
24
- <Template let:args>
25
- <Button {...args} on:click={args.onClick} />
26
- </Template>
27
-
28
- <!-- More on args: https://storybook.js.org/docs/svelte/writing-stories/args -->
29
- <Story
30
- name="Primary"
31
- args={{
32
- primary: true,
33
- label: "Button",
34
- }}
35
- />
36
-
37
- <Story
38
- name="Secondary"
39
- args={{
40
- label: "Button",
41
- }}
42
- />
43
- <Story
44
- name="Large"
45
- args={{
46
- size: "large",
47
- label: "Button",
48
- }}
49
- />
50
-
51
- <Story
52
- name="Small"
53
- args={{
54
- size: "small",
55
- label: "Button",
56
- }}
57
- />