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

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 (293) 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/eslint-plugin.js +3 -3
  5. package/dist/cjs/automigrate/fixes/index.js +3 -1
  6. package/dist/cjs/automigrate/fixes/mainjsFramework.js +2 -2
  7. package/dist/cjs/automigrate/fixes/webpack5.js +2 -2
  8. package/dist/cjs/automigrate/types.js +5 -1
  9. package/dist/cjs/babel-config.js +1 -1
  10. package/dist/cjs/detect.js +67 -4
  11. package/dist/cjs/extract.js +7 -2
  12. package/dist/cjs/frameworks/angular/Header.stories.ts +8 -3
  13. package/dist/cjs/frameworks/angular/Page.stories.ts +12 -10
  14. package/dist/cjs/frameworks/angular/header.component.ts +30 -19
  15. package/dist/cjs/frameworks/angular/page.component.ts +13 -27
  16. package/dist/cjs/frameworks/common/header.css +6 -0
  17. package/dist/cjs/frameworks/html/js/Header.js +2 -0
  18. package/dist/cjs/frameworks/html/js/Header.stories.js +8 -1
  19. package/dist/cjs/frameworks/html/js/Page.js +29 -2
  20. package/dist/cjs/frameworks/html/js/Page.stories.js +12 -13
  21. package/dist/cjs/frameworks/html/ts/Header.stories.ts +5 -0
  22. package/dist/cjs/frameworks/html/ts/Header.ts +3 -1
  23. package/dist/cjs/frameworks/html/ts/Page.stories.ts +12 -14
  24. package/dist/cjs/frameworks/html/ts/Page.ts +32 -8
  25. package/dist/cjs/frameworks/preact/Header.jsx +6 -1
  26. package/dist/cjs/frameworks/preact/Header.stories.jsx +7 -1
  27. package/dist/cjs/frameworks/preact/Page.jsx +62 -63
  28. package/dist/cjs/frameworks/preact/Page.stories.jsx +12 -9
  29. package/dist/cjs/frameworks/react/js/Header.jsx +6 -1
  30. package/dist/cjs/frameworks/react/js/Header.stories.jsx +7 -1
  31. package/dist/cjs/frameworks/react/js/Page.jsx +61 -63
  32. package/dist/cjs/frameworks/react/js/Page.stories.jsx +12 -9
  33. package/dist/cjs/frameworks/react/ts/Header.stories.tsx +7 -1
  34. package/dist/cjs/frameworks/react/ts/Header.tsx +11 -2
  35. package/dist/cjs/frameworks/react/ts/Page.stories.tsx +12 -9
  36. package/dist/cjs/frameworks/react/ts/Page.tsx +66 -60
  37. package/dist/cjs/frameworks/svelte/Button.stories.js +51 -0
  38. package/dist/cjs/frameworks/svelte/Header.stories.js +35 -0
  39. package/dist/cjs/frameworks/svelte/Header.svelte +3 -0
  40. package/dist/cjs/frameworks/svelte/Page.stories.js +27 -0
  41. package/dist/cjs/frameworks/svelte/Page.svelte +2 -16
  42. package/dist/cjs/frameworks/vue/Header.stories.js +7 -1
  43. package/dist/cjs/frameworks/vue/Header.vue +1 -0
  44. package/dist/cjs/frameworks/vue/Page.stories.js +15 -13
  45. package/dist/cjs/frameworks/vue/Page.vue +7 -7
  46. package/dist/cjs/frameworks/vue3/Header.stories.js +7 -1
  47. package/dist/cjs/frameworks/vue3/Header.vue +1 -0
  48. package/dist/cjs/frameworks/vue3/Page.stories.js +16 -17
  49. package/dist/cjs/frameworks/vue3/Page.vue +18 -8
  50. package/dist/cjs/frameworks/web-components/js/Page.js +2 -2
  51. package/dist/cjs/frameworks/web-components/ts/Page.ts +2 -2
  52. package/dist/cjs/generate.js +5 -0
  53. package/dist/cjs/generators/ANGULAR/angular-helpers.js +5 -5
  54. package/dist/cjs/generators/ANGULAR/index.js +2 -2
  55. package/dist/cjs/generators/ANGULAR/template-csf/.storybook/tsconfig.json +17 -5
  56. package/dist/cjs/generators/AURELIA/index.js +1 -1
  57. package/dist/cjs/generators/AURELIA/template-csf/.storybook/tsconfig.json +16 -5
  58. package/dist/cjs/generators/EMBER/index.js +1 -1
  59. package/dist/cjs/generators/HTML/index.js +1 -1
  60. package/dist/cjs/generators/METEOR/index.js +1 -1
  61. package/dist/cjs/generators/MITHRIL/index.js +1 -1
  62. package/dist/cjs/generators/PREACT/index.js +1 -1
  63. package/dist/cjs/generators/RAX/index.js +1 -1
  64. package/dist/cjs/generators/REACT_NATIVE/template-csf/storybook/addons.js +3 -3
  65. package/dist/cjs/generators/REACT_NATIVE/template-csf/storybook/rn-addons.js +2 -2
  66. package/dist/cjs/generators/REACT_SCRIPTS/index.js +9 -1
  67. package/dist/cjs/generators/RIOT/index.js +1 -1
  68. package/dist/cjs/generators/SERVER/index.js +1 -1
  69. package/dist/cjs/generators/SFC_VUE/index.js +1 -1
  70. package/dist/cjs/generators/SVELTE/index.js +0 -1
  71. package/dist/cjs/generators/VUE/index.js +1 -1
  72. package/dist/cjs/generators/VUE3/index.js +1 -1
  73. package/dist/cjs/generators/WEBPACK_REACT/index.js +1 -1
  74. package/dist/cjs/generators/baseGenerator.js +38 -4
  75. package/dist/cjs/generators/configure.js +3 -1
  76. package/dist/cjs/helpers.js +9 -8
  77. package/dist/cjs/initiate.js +44 -34
  78. package/dist/cjs/js-package-manager/JsPackageManager.js +8 -8
  79. package/dist/cjs/js-package-manager/PackageJson.js +5 -1
  80. package/dist/cjs/js-package-manager/PackageJsonHelper.js +1 -1
  81. package/dist/cjs/project_types.js +2 -1
  82. package/dist/cjs/repro-generators/configs.js +51 -8
  83. package/dist/cjs/repro-generators/scripts.js +46 -14
  84. package/dist/cjs/repro.js +3 -2
  85. package/dist/cjs/typings.d.ts +3 -0
  86. package/dist/cjs/upgrade.js +27 -9
  87. package/dist/cjs/versions.js +67 -0
  88. package/dist/cjs/window.d.js +5 -1
  89. package/dist/esm/add.js +3 -3
  90. package/dist/esm/automigrate/fixes/builder-vite.js +122 -0
  91. package/dist/esm/automigrate/fixes/eslint-plugin.js +3 -3
  92. package/dist/esm/automigrate/fixes/index.js +3 -1
  93. package/dist/esm/automigrate/fixes/mainjsFramework.js +2 -2
  94. package/dist/esm/automigrate/fixes/webpack5.js +2 -2
  95. package/dist/esm/automigrate/types.js +5 -1
  96. package/dist/esm/babel-config.js +1 -1
  97. package/dist/esm/detect.js +67 -4
  98. package/dist/esm/extract.js +7 -2
  99. package/dist/esm/frameworks/angular/Header.stories.ts +8 -3
  100. package/dist/esm/frameworks/angular/Page.stories.ts +12 -10
  101. package/dist/esm/frameworks/angular/header.component.ts +30 -19
  102. package/dist/esm/frameworks/angular/page.component.ts +13 -27
  103. package/dist/esm/frameworks/common/header.css +6 -0
  104. package/dist/esm/frameworks/html/js/Header.js +2 -0
  105. package/dist/esm/frameworks/html/js/Header.stories.js +8 -1
  106. package/dist/esm/frameworks/html/js/Page.js +29 -2
  107. package/dist/esm/frameworks/html/js/Page.stories.js +12 -13
  108. package/dist/esm/frameworks/html/ts/Header.stories.ts +5 -0
  109. package/dist/esm/frameworks/html/ts/Header.ts +3 -1
  110. package/dist/esm/frameworks/html/ts/Page.stories.ts +12 -14
  111. package/dist/esm/frameworks/html/ts/Page.ts +32 -8
  112. package/dist/esm/frameworks/preact/Header.jsx +6 -1
  113. package/dist/esm/frameworks/preact/Header.stories.jsx +7 -1
  114. package/dist/esm/frameworks/preact/Page.jsx +62 -63
  115. package/dist/esm/frameworks/preact/Page.stories.jsx +12 -9
  116. package/dist/esm/frameworks/react/js/Header.jsx +6 -1
  117. package/dist/esm/frameworks/react/js/Header.stories.jsx +7 -1
  118. package/dist/esm/frameworks/react/js/Page.jsx +61 -63
  119. package/dist/esm/frameworks/react/js/Page.stories.jsx +12 -9
  120. package/dist/esm/frameworks/react/ts/Header.stories.tsx +7 -1
  121. package/dist/esm/frameworks/react/ts/Header.tsx +11 -2
  122. package/dist/esm/frameworks/react/ts/Page.stories.tsx +12 -9
  123. package/dist/esm/frameworks/react/ts/Page.tsx +66 -60
  124. package/dist/esm/frameworks/svelte/Button.stories.js +51 -0
  125. package/dist/esm/frameworks/svelte/Header.stories.js +35 -0
  126. package/dist/esm/frameworks/svelte/Header.svelte +3 -0
  127. package/dist/esm/frameworks/svelte/Page.stories.js +27 -0
  128. package/dist/esm/frameworks/svelte/Page.svelte +2 -16
  129. package/dist/esm/frameworks/vue/Header.stories.js +7 -1
  130. package/dist/esm/frameworks/vue/Header.vue +1 -0
  131. package/dist/esm/frameworks/vue/Page.stories.js +15 -13
  132. package/dist/esm/frameworks/vue/Page.vue +7 -7
  133. package/dist/esm/frameworks/vue3/Header.stories.js +7 -1
  134. package/dist/esm/frameworks/vue3/Header.vue +1 -0
  135. package/dist/esm/frameworks/vue3/Page.stories.js +16 -17
  136. package/dist/esm/frameworks/vue3/Page.vue +18 -8
  137. package/dist/esm/frameworks/web-components/js/Page.js +2 -2
  138. package/dist/esm/frameworks/web-components/ts/Page.ts +2 -2
  139. package/dist/esm/generate.js +5 -0
  140. package/dist/esm/generators/ANGULAR/angular-helpers.js +5 -5
  141. package/dist/esm/generators/ANGULAR/index.js +2 -2
  142. package/dist/esm/generators/ANGULAR/template-csf/.storybook/tsconfig.json +17 -5
  143. package/dist/esm/generators/AURELIA/index.js +1 -1
  144. package/dist/esm/generators/AURELIA/template-csf/.storybook/tsconfig.json +16 -5
  145. package/dist/esm/generators/EMBER/index.js +1 -1
  146. package/dist/esm/generators/HTML/index.js +1 -1
  147. package/dist/esm/generators/METEOR/index.js +1 -1
  148. package/dist/esm/generators/MITHRIL/index.js +1 -1
  149. package/dist/esm/generators/PREACT/index.js +1 -1
  150. package/dist/esm/generators/RAX/index.js +1 -1
  151. package/dist/esm/generators/REACT_NATIVE/template-csf/storybook/addons.js +3 -3
  152. package/dist/esm/generators/REACT_NATIVE/template-csf/storybook/rn-addons.js +2 -2
  153. package/dist/esm/generators/REACT_SCRIPTS/index.js +9 -1
  154. package/dist/esm/generators/RIOT/index.js +1 -1
  155. package/dist/esm/generators/SERVER/index.js +1 -1
  156. package/dist/esm/generators/SFC_VUE/index.js +1 -1
  157. package/dist/esm/generators/SVELTE/index.js +0 -1
  158. package/dist/esm/generators/VUE/index.js +1 -1
  159. package/dist/esm/generators/VUE3/index.js +1 -1
  160. package/dist/esm/generators/WEBPACK_REACT/index.js +1 -1
  161. package/dist/esm/generators/baseGenerator.js +38 -4
  162. package/dist/esm/generators/configure.js +3 -1
  163. package/dist/esm/helpers.js +9 -8
  164. package/dist/esm/initiate.js +44 -34
  165. package/dist/esm/js-package-manager/JsPackageManager.js +8 -8
  166. package/dist/esm/js-package-manager/PackageJson.js +5 -1
  167. package/dist/esm/js-package-manager/PackageJsonHelper.js +1 -1
  168. package/dist/esm/project_types.js +2 -1
  169. package/dist/esm/repro-generators/configs.js +51 -8
  170. package/dist/esm/repro-generators/scripts.js +46 -14
  171. package/dist/esm/repro.js +3 -2
  172. package/dist/esm/typings.d.ts +3 -0
  173. package/dist/esm/upgrade.js +27 -9
  174. package/dist/esm/versions.js +67 -0
  175. package/dist/esm/window.d.js +5 -1
  176. package/dist/modern/add.js +3 -3
  177. package/dist/modern/automigrate/fixes/builder-vite.js +122 -0
  178. package/dist/modern/automigrate/fixes/eslint-plugin.js +3 -3
  179. package/dist/modern/automigrate/fixes/index.js +3 -1
  180. package/dist/modern/automigrate/fixes/mainjsFramework.js +2 -2
  181. package/dist/modern/automigrate/fixes/webpack5.js +2 -2
  182. package/dist/modern/automigrate/types.js +5 -1
  183. package/dist/modern/babel-config.js +1 -1
  184. package/dist/modern/detect.js +67 -4
  185. package/dist/modern/extract.js +7 -2
  186. package/dist/modern/frameworks/common/header.css +6 -0
  187. package/dist/modern/frameworks/html/js/Header.js +2 -0
  188. package/dist/modern/frameworks/html/js/Header.stories.js +8 -1
  189. package/dist/modern/frameworks/html/js/Page.js +29 -2
  190. package/dist/modern/frameworks/html/js/Page.stories.js +12 -13
  191. package/dist/modern/frameworks/preact/Header.jsx +6 -1
  192. package/dist/modern/frameworks/preact/Header.stories.jsx +7 -1
  193. package/dist/modern/frameworks/preact/Page.jsx +62 -63
  194. package/dist/modern/frameworks/preact/Page.stories.jsx +12 -9
  195. package/dist/modern/frameworks/react/js/Header.jsx +6 -1
  196. package/dist/modern/frameworks/react/js/Header.stories.jsx +7 -1
  197. package/dist/modern/frameworks/react/js/Page.jsx +61 -63
  198. package/dist/modern/frameworks/react/js/Page.stories.jsx +12 -9
  199. package/dist/modern/frameworks/svelte/Button.stories.js +51 -0
  200. package/dist/modern/frameworks/svelte/Header.stories.js +35 -0
  201. package/dist/modern/frameworks/svelte/Header.svelte +3 -0
  202. package/dist/modern/frameworks/svelte/Page.stories.js +27 -0
  203. package/dist/modern/frameworks/svelte/Page.svelte +2 -16
  204. package/dist/modern/frameworks/vue/Header.stories.js +7 -1
  205. package/dist/modern/frameworks/vue/Header.vue +1 -0
  206. package/dist/modern/frameworks/vue/Page.stories.js +15 -13
  207. package/dist/modern/frameworks/vue/Page.vue +7 -7
  208. package/dist/modern/frameworks/vue3/Header.stories.js +7 -1
  209. package/dist/modern/frameworks/vue3/Header.vue +1 -0
  210. package/dist/modern/frameworks/vue3/Page.stories.js +16 -17
  211. package/dist/modern/frameworks/vue3/Page.vue +18 -8
  212. package/dist/modern/frameworks/web-components/js/Page.js +2 -2
  213. package/dist/modern/generate.js +5 -0
  214. package/dist/modern/generators/ANGULAR/angular-helpers.js +5 -5
  215. package/dist/modern/generators/ANGULAR/index.js +2 -2
  216. package/dist/modern/generators/ANGULAR/template-csf/.storybook/tsconfig.json +17 -5
  217. package/dist/modern/generators/AURELIA/index.js +1 -1
  218. package/dist/modern/generators/AURELIA/template-csf/.storybook/tsconfig.json +16 -5
  219. package/dist/modern/generators/EMBER/index.js +1 -1
  220. package/dist/modern/generators/HTML/index.js +1 -1
  221. package/dist/modern/generators/METEOR/index.js +1 -1
  222. package/dist/modern/generators/MITHRIL/index.js +1 -1
  223. package/dist/modern/generators/PREACT/index.js +1 -1
  224. package/dist/modern/generators/RAX/index.js +1 -1
  225. package/dist/modern/generators/REACT_NATIVE/template-csf/storybook/addons.js +3 -3
  226. package/dist/modern/generators/REACT_NATIVE/template-csf/storybook/rn-addons.js +2 -2
  227. package/dist/modern/generators/REACT_SCRIPTS/index.js +9 -1
  228. package/dist/modern/generators/RIOT/index.js +1 -1
  229. package/dist/modern/generators/SERVER/index.js +1 -1
  230. package/dist/modern/generators/SFC_VUE/index.js +1 -1
  231. package/dist/modern/generators/SVELTE/index.js +0 -1
  232. package/dist/modern/generators/VUE/index.js +1 -1
  233. package/dist/modern/generators/VUE3/index.js +1 -1
  234. package/dist/modern/generators/WEBPACK_REACT/index.js +1 -1
  235. package/dist/modern/generators/baseGenerator.js +38 -4
  236. package/dist/modern/generators/configure.js +3 -1
  237. package/dist/modern/helpers.js +9 -8
  238. package/dist/modern/initiate.js +44 -34
  239. package/dist/modern/js-package-manager/JsPackageManager.js +8 -8
  240. package/dist/modern/js-package-manager/PackageJson.js +5 -1
  241. package/dist/modern/js-package-manager/PackageJsonHelper.js +1 -1
  242. package/dist/modern/project_types.js +2 -1
  243. package/dist/modern/repro-generators/configs.js +51 -8
  244. package/dist/modern/repro-generators/scripts.js +46 -14
  245. package/dist/modern/repro.js +3 -2
  246. package/dist/modern/typings.d.ts +3 -0
  247. package/dist/modern/upgrade.js +27 -9
  248. package/dist/modern/versions.js +67 -0
  249. package/dist/modern/window.d.js +5 -1
  250. package/dist/ts3.4/automigrate/fixes/builder-vite.d.ts +19 -0
  251. package/dist/ts3.4/detect.d.ts +10 -3
  252. package/dist/ts3.4/initiate.d.ts +1 -0
  253. package/dist/ts3.4/js-package-manager/PackageJson.d.ts +2 -8
  254. package/dist/ts3.4/js-package-manager/PackageJsonHelper.d.ts +2 -2
  255. package/dist/ts3.4/project_types.d.ts +2 -1
  256. package/dist/ts3.4/repro-generators/configs.d.ts +8 -0
  257. package/dist/ts3.4/upgrade.d.ts +2 -1
  258. package/dist/ts3.4/versions.d.ts +60 -0
  259. package/dist/ts3.9/automigrate/fixes/builder-vite.d.ts +19 -0
  260. package/dist/ts3.9/detect.d.ts +10 -3
  261. package/dist/ts3.9/initiate.d.ts +1 -0
  262. package/dist/ts3.9/js-package-manager/PackageJson.d.ts +2 -8
  263. package/dist/ts3.9/js-package-manager/PackageJsonHelper.d.ts +2 -2
  264. package/dist/ts3.9/project_types.d.ts +2 -1
  265. package/dist/ts3.9/repro-generators/configs.d.ts +9 -1
  266. package/dist/ts3.9/upgrade.d.ts +2 -1
  267. package/dist/ts3.9/versions.d.ts +60 -0
  268. package/package.json +12 -12
  269. package/dist/cjs/automigrate/helpers/getStorybookConfiguration.js +0 -27
  270. package/dist/cjs/automigrate/helpers/getStorybookInfo.js +0 -94
  271. package/dist/cjs/frameworks/svelte/Button.stories.svelte +0 -57
  272. package/dist/cjs/frameworks/svelte/Header.stories.svelte +0 -32
  273. package/dist/cjs/frameworks/svelte/Page.stories.svelte +0 -32
  274. package/dist/cjs/typings.d.js +0 -1
  275. package/dist/cjs/versions.json +0 -59
  276. package/dist/esm/automigrate/helpers/getStorybookConfiguration.js +0 -27
  277. package/dist/esm/automigrate/helpers/getStorybookInfo.js +0 -94
  278. package/dist/esm/frameworks/svelte/Button.stories.svelte +0 -57
  279. package/dist/esm/frameworks/svelte/Header.stories.svelte +0 -32
  280. package/dist/esm/frameworks/svelte/Page.stories.svelte +0 -32
  281. package/dist/esm/typings.d.js +0 -1
  282. package/dist/esm/versions.json +0 -59
  283. package/dist/modern/automigrate/helpers/getStorybookConfiguration.js +0 -27
  284. package/dist/modern/automigrate/helpers/getStorybookInfo.js +0 -94
  285. package/dist/modern/frameworks/svelte/Button.stories.svelte +0 -57
  286. package/dist/modern/frameworks/svelte/Header.stories.svelte +0 -32
  287. package/dist/modern/frameworks/svelte/Page.stories.svelte +0 -32
  288. package/dist/modern/typings.d.js +0 -1
  289. package/dist/modern/versions.json +0 -59
  290. package/dist/ts3.4/automigrate/helpers/getStorybookConfiguration.d.ts +0 -1
  291. package/dist/ts3.4/automigrate/helpers/getStorybookInfo.d.ts +0 -11
  292. package/dist/ts3.9/automigrate/helpers/getStorybookConfiguration.d.ts +0 -1
  293. package/dist/ts3.9/automigrate/helpers/getStorybookInfo.d.ts +0 -11
@@ -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,27 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.getStorybookConfiguration = getStorybookConfiguration;
7
-
8
- /*
9
- * Lifted from chromatic-cli
10
- *
11
- * This is not exactly clever but it works most of the time
12
- * we receive the full text of the npm script, and we look if we can find the cli flag
13
- */
14
- function getStorybookConfiguration(storybookScript, shortName, longName) {
15
- const parts = storybookScript.split(/[\s='"]+/);
16
- let index = parts.indexOf(longName);
17
-
18
- if (index === -1) {
19
- index = parts.indexOf(shortName);
20
- }
21
-
22
- if (index === -1) {
23
- return null;
24
- }
25
-
26
- return parts[index + 1];
27
- }
@@ -1,94 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.getStorybookInfo = void 0;
7
-
8
- var _path = _interopRequireDefault(require("path"));
9
-
10
- var _fsExtra = _interopRequireDefault(require("fs-extra"));
11
-
12
- var _getStorybookConfiguration = require("./getStorybookConfiguration");
13
-
14
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
-
16
- const viewLayers = {
17
- '@storybook/react': 'react',
18
- '@storybook/vue': 'vue',
19
- '@storybook/vue3': 'vue3',
20
- '@storybook/angular': 'angular',
21
- '@storybook/html': 'html',
22
- '@storybook/web-components': 'web-components',
23
- '@storybook/polymer': 'polymer',
24
- '@storybook/ember': 'ember',
25
- '@storybook/marko': 'marko',
26
- '@storybook/mithril': 'mithril',
27
- '@storybook/riot': 'riot',
28
- '@storybook/svelte': 'svelte',
29
- '@storybook/preact': 'preact',
30
- '@storybook/rax': 'rax'
31
- };
32
- const logger = console;
33
-
34
- const findDependency = ({
35
- dependencies,
36
- devDependencies,
37
- peerDependencies
38
- }, predicate) => [Object.entries(dependencies || {}).find(predicate), Object.entries(devDependencies || {}).find(predicate), Object.entries(peerDependencies || {}).find(predicate)];
39
-
40
- const getFrameworkInfo = packageJson => {
41
- // Pull the viewlayer from dependencies in package.json
42
- const [dep, devDep, peerDep] = findDependency(packageJson, ([key]) => viewLayers[key]);
43
- const [pkg, version] = dep || devDep || peerDep || [];
44
- const framework = viewLayers[pkg];
45
-
46
- if (dep && devDep && dep[0] === devDep[0]) {
47
- logger.warn(`Found "${dep[0]}" in both "dependencies" and "devDependencies". This is probably a mistake.`);
48
- }
49
-
50
- if (dep && peerDep && dep[0] === peerDep[0]) {
51
- logger.warn(`Found "${dep[0]}" in both "dependencies" and "peerDependencies". This is probably a mistake.`);
52
- }
53
-
54
- return {
55
- framework,
56
- version
57
- };
58
- };
59
-
60
- const validConfigExtensions = ['ts', 'js', 'tsx', 'jsx', 'mjs', 'cjs'];
61
-
62
- const findConfigFile = (prefix, configDir) => {
63
- const filePrefix = _path.default.join(configDir, prefix);
64
-
65
- const extension = validConfigExtensions.find(ext => _fsExtra.default.existsSync(`${filePrefix}.${ext}`));
66
- return extension ? `${filePrefix}.${extension}` : null;
67
- };
68
-
69
- const getConfigInfo = packageJson => {
70
- var _packageJson$scripts;
71
-
72
- let configDir = '.storybook';
73
- const storybookScript = (_packageJson$scripts = packageJson.scripts) === null || _packageJson$scripts === void 0 ? void 0 : _packageJson$scripts.storybook;
74
-
75
- if (storybookScript) {
76
- const configParam = (0, _getStorybookConfiguration.getStorybookConfiguration)(storybookScript, '-c', '--config-dir');
77
- if (configParam) configDir = configParam;
78
- }
79
-
80
- return {
81
- configDir,
82
- mainConfig: findConfigFile('main', configDir),
83
- previewConfig: findConfigFile('preview', configDir),
84
- managerConfig: findConfigFile('manager', configDir)
85
- };
86
- };
87
-
88
- const getStorybookInfo = packageJson => {
89
- const frameworkInfo = getFrameworkInfo(packageJson);
90
- const configInfo = getConfigInfo(packageJson);
91
- return Object.assign({}, frameworkInfo, configInfo);
92
- };
93
-
94
- exports.getStorybookInfo = getStorybookInfo;
@@ -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,27 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.getStorybookConfiguration = getStorybookConfiguration;
7
-
8
- /*
9
- * Lifted from chromatic-cli
10
- *
11
- * This is not exactly clever but it works most of the time
12
- * we receive the full text of the npm script, and we look if we can find the cli flag
13
- */
14
- function getStorybookConfiguration(storybookScript, shortName, longName) {
15
- const parts = storybookScript.split(/[\s='"]+/);
16
- let index = parts.indexOf(longName);
17
-
18
- if (index === -1) {
19
- index = parts.indexOf(shortName);
20
- }
21
-
22
- if (index === -1) {
23
- return null;
24
- }
25
-
26
- return parts[index + 1];
27
- }
@@ -1,94 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.getStorybookInfo = void 0;
7
-
8
- var _path = _interopRequireDefault(require("path"));
9
-
10
- var _fsExtra = _interopRequireDefault(require("fs-extra"));
11
-
12
- var _getStorybookConfiguration = require("./getStorybookConfiguration");
13
-
14
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
-
16
- const viewLayers = {
17
- '@storybook/react': 'react',
18
- '@storybook/vue': 'vue',
19
- '@storybook/vue3': 'vue3',
20
- '@storybook/angular': 'angular',
21
- '@storybook/html': 'html',
22
- '@storybook/web-components': 'web-components',
23
- '@storybook/polymer': 'polymer',
24
- '@storybook/ember': 'ember',
25
- '@storybook/marko': 'marko',
26
- '@storybook/mithril': 'mithril',
27
- '@storybook/riot': 'riot',
28
- '@storybook/svelte': 'svelte',
29
- '@storybook/preact': 'preact',
30
- '@storybook/rax': 'rax'
31
- };
32
- const logger = console;
33
-
34
- const findDependency = ({
35
- dependencies,
36
- devDependencies,
37
- peerDependencies
38
- }, predicate) => [Object.entries(dependencies || {}).find(predicate), Object.entries(devDependencies || {}).find(predicate), Object.entries(peerDependencies || {}).find(predicate)];
39
-
40
- const getFrameworkInfo = packageJson => {
41
- // Pull the viewlayer from dependencies in package.json
42
- const [dep, devDep, peerDep] = findDependency(packageJson, ([key]) => viewLayers[key]);
43
- const [pkg, version] = dep || devDep || peerDep || [];
44
- const framework = viewLayers[pkg];
45
-
46
- if (dep && devDep && dep[0] === devDep[0]) {
47
- logger.warn(`Found "${dep[0]}" in both "dependencies" and "devDependencies". This is probably a mistake.`);
48
- }
49
-
50
- if (dep && peerDep && dep[0] === peerDep[0]) {
51
- logger.warn(`Found "${dep[0]}" in both "dependencies" and "peerDependencies". This is probably a mistake.`);
52
- }
53
-
54
- return {
55
- framework,
56
- version
57
- };
58
- };
59
-
60
- const validConfigExtensions = ['ts', 'js', 'tsx', 'jsx', 'mjs', 'cjs'];
61
-
62
- const findConfigFile = (prefix, configDir) => {
63
- const filePrefix = _path.default.join(configDir, prefix);
64
-
65
- const extension = validConfigExtensions.find(ext => _fsExtra.default.existsSync(`${filePrefix}.${ext}`));
66
- return extension ? `${filePrefix}.${extension}` : null;
67
- };
68
-
69
- const getConfigInfo = packageJson => {
70
- var _packageJson$scripts;
71
-
72
- let configDir = '.storybook';
73
- const storybookScript = (_packageJson$scripts = packageJson.scripts) === null || _packageJson$scripts === void 0 ? void 0 : _packageJson$scripts.storybook;
74
-
75
- if (storybookScript) {
76
- const configParam = (0, _getStorybookConfiguration.getStorybookConfiguration)(storybookScript, '-c', '--config-dir');
77
- if (configParam) configDir = configParam;
78
- }
79
-
80
- return {
81
- configDir,
82
- mainConfig: findConfigFile('main', configDir),
83
- previewConfig: findConfigFile('preview', configDir),
84
- managerConfig: findConfigFile('manager', configDir)
85
- };
86
- };
87
-
88
- const getStorybookInfo = packageJson => {
89
- const frameworkInfo = getFrameworkInfo(packageJson);
90
- const configInfo = getConfigInfo(packageJson);
91
- return Object.assign({}, frameworkInfo, configInfo);
92
- };
93
-
94
- exports.getStorybookInfo = getStorybookInfo;
@@ -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
- />