creevey 0.9.0-beta.2 → 0.9.0-beta.20

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 (226) hide show
  1. package/.yarn/install-state.gz +0 -0
  2. package/.yarnrc.yml +1 -0
  3. package/CHANGELOG.md +51 -0
  4. package/README.md +9 -1
  5. package/addon/README.md +3 -0
  6. package/addon/package.json +5 -0
  7. package/docs/config.md +29 -26
  8. package/jest.config.js +6 -0
  9. package/lib/cjs/cli.js +1 -0
  10. package/lib/cjs/client/addon/Manager.js +170 -390
  11. package/lib/cjs/client/addon/components/Addon.js +17 -45
  12. package/lib/cjs/client/addon/components/Icons.js +12 -14
  13. package/lib/cjs/client/addon/components/Panel.js +21 -30
  14. package/lib/cjs/client/addon/components/TestSelect.js +20 -31
  15. package/lib/cjs/client/addon/components/Tools.js +35 -65
  16. package/lib/cjs/client/addon/decorator.js +1 -4
  17. package/lib/cjs/client/addon/index.js +27 -0
  18. package/lib/cjs/client/addon/preset.js +3 -76
  19. package/lib/cjs/client/addon/preview.js +11 -0
  20. package/lib/cjs/client/addon/readyForCapture.js +1 -4
  21. package/lib/cjs/client/addon/register.js +43 -82
  22. package/lib/cjs/client/addon/utils.js +4 -8
  23. package/lib/cjs/client/addon/withCreevey.js +145 -404
  24. package/lib/cjs/client/shared/components/ImagesView/BlendView.js +25 -35
  25. package/lib/cjs/client/shared/components/ImagesView/ImagesView.js +29 -41
  26. package/lib/cjs/client/shared/components/ImagesView/SideBySideView.js +46 -83
  27. package/lib/cjs/client/shared/components/ImagesView/SlideView.js +39 -67
  28. package/lib/cjs/client/shared/components/ImagesView/SwapView.js +26 -57
  29. package/lib/cjs/client/shared/components/ImagesView/index.js +9 -14
  30. package/lib/cjs/client/shared/components/PageFooter/PageFooter.js +13 -16
  31. package/lib/cjs/client/shared/components/PageFooter/Paging.js +16 -37
  32. package/lib/cjs/client/shared/components/PageHeader/ImagePreview.js +42 -34
  33. package/lib/cjs/client/shared/components/PageHeader/PageHeader.js +40 -84
  34. package/lib/cjs/client/shared/components/ResultsPage.js +42 -99
  35. package/lib/cjs/client/shared/creeveyClientApi.js +56 -93
  36. package/lib/cjs/client/shared/helpers.js +149 -274
  37. package/lib/cjs/client/shared/viewMode.js +5 -9
  38. package/lib/cjs/client/web/192.js +1 -0
  39. package/lib/cjs/client/web/632.js +43 -0
  40. package/lib/cjs/client/web/794.js +1 -0
  41. package/lib/cjs/client/web/main.js +79 -38
  42. package/lib/cjs/client/web/main.js.LICENSE.txt +34 -0
  43. package/lib/cjs/creevey.js +15 -30
  44. package/lib/cjs/index.js +0 -15
  45. package/lib/cjs/server/config.js +16 -36
  46. package/lib/cjs/server/docker.js +8 -34
  47. package/lib/cjs/server/index.js +9 -34
  48. package/lib/cjs/server/logger.js +7 -20
  49. package/lib/cjs/server/master/api.js +1 -14
  50. package/lib/cjs/server/master/index.js +25 -49
  51. package/lib/cjs/server/master/master.js +6 -21
  52. package/lib/cjs/server/master/pool.js +10 -53
  53. package/lib/cjs/server/master/runner.js +65 -105
  54. package/lib/cjs/server/master/server.js +10 -29
  55. package/lib/cjs/server/messages.js +14 -62
  56. package/lib/cjs/server/selenium/browser.js +149 -185
  57. package/lib/cjs/server/selenium/index.js +0 -4
  58. package/lib/cjs/server/selenium/selenoid.js +18 -44
  59. package/lib/cjs/server/stories.js +35 -57
  60. package/lib/cjs/server/storybook/providers/browser.js +15 -29
  61. package/lib/cjs/server/storybook/providers/hybrid.js +16 -37
  62. package/lib/cjs/server/telemetry.js +167 -0
  63. package/lib/cjs/server/testsFiles/parser.js +3 -19
  64. package/lib/cjs/server/testsFiles/register.js +8 -14
  65. package/lib/cjs/server/update.js +4 -25
  66. package/lib/cjs/server/utils.js +35 -76
  67. package/lib/cjs/server/worker/chai-image.js +1 -27
  68. package/lib/cjs/server/worker/helpers.js +2 -12
  69. package/lib/cjs/server/worker/index.js +1 -3
  70. package/lib/cjs/server/worker/reporter.js +16 -43
  71. package/lib/cjs/server/worker/worker.js +32 -72
  72. package/lib/cjs/shared/index.js +87 -0
  73. package/lib/cjs/shared/serializeRegExp.js +34 -0
  74. package/lib/cjs/types.js +11 -20
  75. package/lib/esm/cli.js +1 -1
  76. package/lib/esm/client/addon/Manager.js +170 -381
  77. package/lib/esm/client/addon/components/Addon.js +15 -34
  78. package/lib/esm/client/addon/components/Icons.js +10 -6
  79. package/lib/esm/client/addon/components/Panel.js +20 -18
  80. package/lib/esm/client/addon/components/TestSelect.js +19 -23
  81. package/lib/esm/client/addon/components/Tools.js +33 -49
  82. package/lib/esm/client/addon/decorator.js +1 -1
  83. package/lib/esm/client/addon/index.js +2 -0
  84. package/lib/esm/client/addon/preset.js +2 -56
  85. package/lib/esm/client/addon/preview.js +5 -0
  86. package/lib/esm/client/addon/readyForCapture.js +1 -3
  87. package/lib/esm/client/addon/register.js +41 -67
  88. package/lib/esm/client/addon/utils.js +3 -7
  89. package/lib/esm/client/addon/withCreevey.js +142 -388
  90. package/lib/esm/client/shared/components/ImagesView/BlendView.js +22 -18
  91. package/lib/esm/client/shared/components/ImagesView/ImagesView.js +27 -25
  92. package/lib/esm/client/shared/components/ImagesView/SideBySideView.js +43 -63
  93. package/lib/esm/client/shared/components/ImagesView/SlideView.js +36 -47
  94. package/lib/esm/client/shared/components/ImagesView/SwapView.js +23 -40
  95. package/lib/esm/client/shared/components/PageFooter/PageFooter.js +12 -8
  96. package/lib/esm/client/shared/components/PageFooter/Paging.js +15 -29
  97. package/lib/esm/client/shared/components/PageHeader/ImagePreview.js +40 -25
  98. package/lib/esm/client/shared/components/PageHeader/PageHeader.js +38 -66
  99. package/lib/esm/client/shared/components/ResultsPage.js +39 -75
  100. package/lib/esm/client/shared/creeveyClientApi.js +56 -90
  101. package/lib/esm/client/shared/helpers.js +133 -230
  102. package/lib/esm/client/shared/viewMode.js +4 -4
  103. package/lib/esm/client/web/192.js +1 -0
  104. package/lib/esm/client/web/632.js +43 -0
  105. package/lib/esm/client/web/794.js +1 -0
  106. package/lib/esm/client/web/index.html +19 -0
  107. package/lib/esm/client/web/main.js +79 -0
  108. package/lib/esm/client/web/main.js.LICENSE.txt +34 -0
  109. package/lib/esm/creevey.js +13 -16
  110. package/lib/esm/index.js +1 -4
  111. package/lib/esm/server/config.js +9 -16
  112. package/lib/esm/server/docker.js +6 -14
  113. package/lib/esm/server/index.js +8 -22
  114. package/lib/esm/server/logger.js +0 -1
  115. package/lib/esm/server/master/api.js +0 -9
  116. package/lib/esm/server/master/index.js +25 -35
  117. package/lib/esm/server/master/master.js +2 -7
  118. package/lib/esm/server/master/pool.js +8 -41
  119. package/lib/esm/server/master/runner.js +64 -90
  120. package/lib/esm/server/master/server.js +9 -11
  121. package/lib/esm/server/messages.js +8 -42
  122. package/lib/esm/server/selenium/browser.js +147 -163
  123. package/lib/esm/server/selenium/selenoid.js +16 -27
  124. package/lib/esm/server/stories.js +34 -46
  125. package/lib/esm/server/storybook/providers/browser.js +12 -17
  126. package/lib/esm/server/storybook/providers/hybrid.js +11 -22
  127. package/lib/esm/server/telemetry.js +160 -0
  128. package/lib/esm/server/testsFiles/parser.js +0 -6
  129. package/lib/esm/server/testsFiles/register.js +6 -7
  130. package/lib/esm/server/update.js +1 -13
  131. package/lib/esm/server/utils.js +20 -41
  132. package/lib/esm/server/worker/chai-image.js +0 -21
  133. package/lib/esm/server/worker/helpers.js +2 -9
  134. package/lib/esm/server/worker/reporter.js +15 -29
  135. package/lib/esm/server/worker/worker.js +31 -48
  136. package/lib/esm/shared/index.js +77 -0
  137. package/lib/esm/shared/serializeRegExp.js +24 -0
  138. package/lib/esm/types.js +5 -1
  139. package/lib/types/client/addon/Manager.d.ts +3 -3
  140. package/lib/types/client/addon/components/Addon.d.ts +1 -0
  141. package/lib/types/client/addon/components/Icons.d.ts +1 -0
  142. package/lib/types/client/addon/components/Panel.d.ts +1 -0
  143. package/lib/types/client/addon/components/Tools.d.ts +1 -0
  144. package/lib/types/client/addon/decorator.d.ts +1 -1
  145. package/lib/types/client/addon/index.d.ts +2 -0
  146. package/lib/types/client/addon/preset.d.ts +2 -24
  147. package/lib/types/client/addon/preview.d.ts +4 -0
  148. package/lib/types/client/addon/utils.d.ts +1 -0
  149. package/lib/types/client/addon/withCreevey.d.ts +4 -3
  150. package/lib/types/client/shared/components/ImagesView/BlendView.d.ts +3 -1
  151. package/lib/types/client/shared/components/ImagesView/SideBySideView.d.ts +3 -1
  152. package/lib/types/client/shared/components/ImagesView/SlideView.d.ts +3 -1
  153. package/lib/types/client/shared/components/ImagesView/SwapView.d.ts +3 -1
  154. package/lib/types/client/shared/components/PageHeader/ImagePreview.d.ts +3 -1
  155. package/lib/types/client/shared/components/ResultsPage.d.ts +3 -1
  156. package/lib/types/client/web/CreeveyLoader.d.ts +1 -1
  157. package/lib/types/client/web/CreeveyView/SideBar/Checkbox.d.ts +6 -3
  158. package/lib/types/client/web/CreeveyView/SideBar/Search.d.ts +1 -0
  159. package/lib/types/client/web/CreeveyView/SideBar/SuiteLink.d.ts +19 -14
  160. package/lib/types/client/web/CreeveyView/SideBar/TestStatusIcon.d.ts +3 -1
  161. package/lib/types/client/web/CreeveyView/SideBar/TestsStatus.d.ts +3 -1
  162. package/lib/types/client/web/CreeveyView/SideBar/Toggle.d.ts +1 -0
  163. package/lib/types/client/web/KeyboardEventsContext.d.ts +4 -2
  164. package/lib/types/index.d.ts +4 -1
  165. package/lib/types/server/logger.d.ts +6 -2
  166. package/lib/types/server/messages.d.ts +14 -12
  167. package/lib/types/server/selenium/browser.d.ts +5 -3
  168. package/lib/types/server/storybook/providers/browser.d.ts +2 -4
  169. package/lib/types/server/storybook/providers/hybrid.d.ts +2 -4
  170. package/lib/types/server/telemetry.d.ts +2 -0
  171. package/lib/types/server/utils.d.ts +5 -1
  172. package/lib/types/shared/index.d.ts +7 -0
  173. package/lib/types/shared/serializeRegExp.d.ts +9 -0
  174. package/lib/types/types.d.ts +29 -36
  175. package/package.json +132 -133
  176. package/types/global.d.ts +5 -0
  177. package/lib/cjs/client/web/1.js +0 -13
  178. package/lib/cjs/client/web/2.js +0 -1
  179. package/lib/cjs/server/extract.js +0 -50
  180. package/lib/cjs/server/loaders/babel/creevey-plugin.js +0 -88
  181. package/lib/cjs/server/loaders/babel/helpers.js +0 -479
  182. package/lib/cjs/server/loaders/babel/register.js +0 -126
  183. package/lib/cjs/server/loaders/hooks/mdx.js +0 -30
  184. package/lib/cjs/server/loaders/hooks/svelte.js +0 -65
  185. package/lib/cjs/server/loaders/webpack/compile.js +0 -286
  186. package/lib/cjs/server/loaders/webpack/creevey-loader.js +0 -174
  187. package/lib/cjs/server/loaders/webpack/dummy-hmr.js +0 -44
  188. package/lib/cjs/server/loaders/webpack/mdx-loader.js +0 -72
  189. package/lib/cjs/server/loaders/webpack/start.js +0 -41
  190. package/lib/cjs/server/storybook/entry.js +0 -68
  191. package/lib/cjs/server/storybook/helpers.js +0 -165
  192. package/lib/cjs/server/storybook/providers/nodejs.js +0 -239
  193. package/lib/cjs/shared.js +0 -124
  194. package/lib/esm/server/extract.js +0 -34
  195. package/lib/esm/server/loaders/babel/creevey-plugin.js +0 -74
  196. package/lib/esm/server/loaders/babel/helpers.js +0 -462
  197. package/lib/esm/server/loaders/babel/register.js +0 -105
  198. package/lib/esm/server/loaders/hooks/mdx.js +0 -15
  199. package/lib/esm/server/loaders/hooks/svelte.js +0 -49
  200. package/lib/esm/server/loaders/webpack/compile.js +0 -263
  201. package/lib/esm/server/loaders/webpack/creevey-loader.js +0 -153
  202. package/lib/esm/server/loaders/webpack/dummy-hmr.js +0 -36
  203. package/lib/esm/server/loaders/webpack/mdx-loader.js +0 -58
  204. package/lib/esm/server/loaders/webpack/start.js +0 -27
  205. package/lib/esm/server/storybook/entry.js +0 -44
  206. package/lib/esm/server/storybook/helpers.js +0 -106
  207. package/lib/esm/server/storybook/providers/nodejs.js +0 -217
  208. package/lib/esm/shared.js +0 -93
  209. package/lib/types/server/extract.d.ts +0 -2
  210. package/lib/types/server/loaders/babel/creevey-plugin.d.ts +0 -1
  211. package/lib/types/server/loaders/babel/helpers.d.ts +0 -19
  212. package/lib/types/server/loaders/babel/register.d.ts +0 -5
  213. package/lib/types/server/loaders/hooks/mdx.d.ts +0 -1
  214. package/lib/types/server/loaders/hooks/svelte.d.ts +0 -1
  215. package/lib/types/server/loaders/webpack/compile.d.ts +0 -2
  216. package/lib/types/server/loaders/webpack/creevey-loader.d.ts +0 -2
  217. package/lib/types/server/loaders/webpack/dummy-hmr.d.ts +0 -10
  218. package/lib/types/server/loaders/webpack/mdx-loader.d.ts +0 -6
  219. package/lib/types/server/loaders/webpack/start.d.ts +0 -1
  220. package/lib/types/server/storybook/entry.d.ts +0 -18
  221. package/lib/types/server/storybook/helpers.d.ts +0 -24
  222. package/lib/types/server/storybook/providers/nodejs.d.ts +0 -9
  223. package/lib/types/shared.d.ts +0 -16
  224. package/preset.js +0 -9
  225. package/storybook-static/stories.json +0 -21
  226. package/types/mdx.d.ts +0 -6
@@ -1,49 +0,0 @@
1
- import { addHook } from 'pirates';
2
- import { logger } from '../../logger';
3
- import { resolveFromStorybook, storybookConfigRef } from '../../storybook/helpers';
4
- export const addSvelteHook = async getStory => {
5
- const {
6
- compile,
7
- preprocess
8
- } = await import(resolveFromStorybook('svelte/compiler'));
9
- const {
10
- default: svelteCSFLoader
11
- } = await import(resolveFromStorybook('@storybook/addon-svelte-csf/dist/cjs/parser/svelte-stories-loader'));
12
- addHook((code, filename) => {
13
- var _options$compilerOpti;
14
-
15
- const story = getStory();
16
- const config = storybookConfigRef.current;
17
- const {
18
- svelteOptions: options = {}
19
- } = config; // NOTE: Copy-paste compiling code from https://github.com/sveltejs/svelte-loader/blob/3c4d66d/index.js
20
-
21
- const compileOptions = {
22
- filename,
23
- css: false,
24
- ...options.compilerOptions,
25
- format: ((_options$compilerOpti = options.compilerOptions) === null || _options$compilerOpti === void 0 ? void 0 : _options$compilerOpti.format) || 'esm'
26
- }; // TODO Can't use preprocess here because it async and hook must be sync
27
- // The only way to fix it, load stories by using `import()` instead of require
28
- // And write native nodejs `.svelte` resolver https://nodejs.org/api/esm.html#esm_resolve_specifier_context_defaultresolve
29
- // const processed = await preprocess(code, options.preprocess, { filename });
30
-
31
- void preprocess;
32
- const {
33
- js: {
34
- code: compiledCode
35
- },
36
- warnings
37
- } = compile(code, compileOptions);
38
- warnings.forEach(warning => logger.warn(warning));
39
- if (!story || !filename.startsWith(story)) return compiledCode;
40
- return svelteCSFLoader.call({
41
- _module: {
42
- resource: filename
43
- }
44
- }, compiledCode); // TODO Extract parameters from `create_fragment` that created by compiler
45
- // TODO Write babel transformation for it
46
- }, {
47
- exts: ['.svelte']
48
- });
49
- };
@@ -1,263 +0,0 @@
1
- import { rmdirSync, writeFile } from 'fs';
2
- import path from 'path';
3
- import webpack from 'webpack';
4
- import nodeExternals from 'webpack-node-externals';
5
- import { extensions as fallbackExtensions, getCreeveyCache } from '../../utils';
6
- import { getStorybookFramework, hasDocsAddon, importStorybookConfig, isStorybookVersionLessThan, resolveFromStorybook } from '../../storybook/helpers';
7
- import { noop } from '../../../types';
8
- import { emitWebpackMessage, subscribeOn } from '../../messages';
9
- import { logger } from '../../logger';
10
- let isInitiated = false;
11
- let dumpStats = noop;
12
-
13
- function handleWebpackBuild(error, stats) {
14
- dumpStats(stats);
15
-
16
- if (error || !stats || stats.hasErrors()) {
17
- emitWebpackMessage({
18
- type: isInitiated ? 'rebuild failed' : 'fail'
19
- });
20
- console.error('=> Failed to build the Storybook preview bundle');
21
- if (error) return console.error(error.message);
22
-
23
- if (stats && (stats.hasErrors() || stats.hasWarnings())) {
24
- const {
25
- warnings,
26
- errors
27
- } = stats.toJson();
28
- errors.forEach(e => console.error(e));
29
- warnings.forEach(e => console.error(e));
30
- return;
31
- }
32
- }
33
-
34
- stats.toJson().warnings.forEach(e => console.warn(e));
35
-
36
- if (!isInitiated) {
37
- isInitiated = true;
38
- emitWebpackMessage({
39
- type: 'success'
40
- });
41
- } else {
42
- emitWebpackMessage({
43
- type: 'rebuild succeeded'
44
- });
45
- }
46
-
47
- return;
48
- }
49
-
50
- async function applyMdxLoader(config, areAddonsRemoved, loader) {
51
- const {
52
- mdxLoaders
53
- } = await import('./mdx-loader');
54
- mdxLoaders.splice(1, 0, loader);
55
- const mdxRegexps = isStorybookVersionLessThan(6, 2) ? [/\.(stories|story).mdx$/, /\.(stories|story)\.mdx$/] : [/(stories|story)\.mdx$/]; // NOTE replace md/mdx to null loader
56
-
57
- const mdRegexps = [/\.md$/, /\.mdx$/];
58
-
59
- if (areAddonsRemoved) {
60
- var _config$module2;
61
-
62
- mdRegexps.forEach(test => {
63
- var _config$module;
64
-
65
- return (_config$module = config.module) === null || _config$module === void 0 ? void 0 : _config$module.rules.unshift({
66
- test,
67
- exclude: /(stories|story)\.mdx$/,
68
- use: require.resolve('null-loader')
69
- });
70
- });
71
- (_config$module2 = config.module) === null || _config$module2 === void 0 ? void 0 : _config$module2.rules.unshift({
72
- test: /(stories|story)\.mdx$/,
73
- use: mdxLoaders
74
- });
75
- } else {
76
- var _config$module3, _config$module4, _config$module$rules$, _config$module5;
77
-
78
- // NOTE Exclude addons' entry points
79
- config.entry = Array.isArray(config.entry) ? config.entry.filter(entry => !/@storybook(\/|\\)addon/.test(entry)) : config.entry;
80
- (_config$module3 = config.module) === null || _config$module3 === void 0 ? void 0 : _config$module3.rules.filter(rule => mdRegexps.some(test => {
81
- var _rule$test;
82
-
83
- return ((_rule$test = rule.test) === null || _rule$test === void 0 ? void 0 : _rule$test.toString()) == test.toString();
84
- })).forEach(rule => rule.use = require.resolve('null-loader'));
85
- (_config$module4 = config.module) === null || _config$module4 === void 0 ? void 0 : _config$module4.rules.filter(rule => mdxRegexps.some(test => {
86
- var _rule$test2;
87
-
88
- return ((_rule$test2 = rule.test) === null || _rule$test2 === void 0 ? void 0 : _rule$test2.toString()) == test.toString();
89
- })).forEach(rule => rule.use = mdxLoaders); // NOTE Exclude source-loader
90
-
91
- config.module = { ...config.module,
92
- rules: (_config$module$rules$ = (_config$module5 = config.module) === null || _config$module5 === void 0 ? void 0 : _config$module5.rules.filter(rule => !(typeof rule.loader == 'string' && /@storybook(\/|\\)source-loader/.test(rule.loader)))) !== null && _config$module$rules$ !== void 0 ? _config$module$rules$ : []
93
- };
94
- }
95
- }
96
-
97
- async function getWebpackConfigForStorybook_pre6_2(framework, configDir, outputDir) {
98
- const {
99
- default: storybookFrameworkOptions
100
- } = await import(resolveFromStorybook(`@storybook/${framework}/dist/server/options`)); // eslint-disable-next-line node/no-missing-import, @typescript-eslint/no-unsafe-assignment, import/no-unresolved
101
-
102
- const {
103
- default: getConfig
104
- } = await import(resolveFromStorybook('@storybook/core/dist/server/config')); // eslint-disable-next-line @typescript-eslint/no-unsafe-return, @typescript-eslint/no-unsafe-call
105
-
106
- return getConfig({
107
- // NOTE: 6.1 storybook don't support quite any more. But we still have older versions
108
- quiet: true,
109
- configType: 'PRODUCTION',
110
- outputDir,
111
- cache: {},
112
- // eslint-disable-next-line node/no-missing-require
113
- corePresets: [resolveFromStorybook('@storybook/core/dist/server/preview/preview-preset')],
114
- overridePresets: [...(hasDocsAddon() ? [require.resolve('./mdx-loader')] : []), // eslint-disable-next-line node/no-missing-require
115
- resolveFromStorybook('@storybook/core/dist/server/preview/custom-webpack-preset')],
116
- ...storybookFrameworkOptions,
117
- configDir
118
- });
119
- }
120
-
121
- async function getWebpackConfigForStorybook_6_2(framework, configDir, outputDir) {
122
- const {
123
- default: storybookFrameworkOptions
124
- } = await import(resolveFromStorybook(`@storybook/${framework}/dist/cjs/server/options`));
125
- const options = {
126
- quiet: true,
127
- configType: 'PRODUCTION',
128
- outputDir,
129
- configDir,
130
- ...storybookFrameworkOptions
131
- }; // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
132
-
133
- const {
134
- getPreviewBuilder
135
- } = await import(resolveFromStorybook('@storybook/core-server/dist/cjs/utils/get-preview-builder')); // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
136
-
137
- const {
138
- loadAllPresets
139
- } = await import(resolveFromStorybook('@storybook/core-common')); // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-call
140
-
141
- const builder = await getPreviewBuilder(configDir); // NOTE: Copy-paste from storybook/lib/core-server/src/build-dev.ts
142
- // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-call
143
-
144
- const presets = loadAllPresets({
145
- corePresets: [// eslint-disable-next-line node/no-missing-require
146
- resolveFromStorybook('@storybook/core-server/dist/cjs/presets/common-preset'), // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access
147
- ...builder.corePresets, // eslint-disable-next-line node/no-missing-require
148
- resolveFromStorybook('@storybook/core-server/dist/cjs/presets/babel-cache-preset')],
149
- // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access
150
- overridePresets: [...(hasDocsAddon() ? [require.resolve('./mdx-loader')] : []), // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access
151
- ...builder.overridePresets],
152
- ...options
153
- }); // eslint-disable-next-line @typescript-eslint/no-unsafe-return, @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-assignment
154
-
155
- return builder.getConfig({ ...options,
156
- presets
157
- });
158
- }
159
-
160
- async function removeAddons() {
161
- try {
162
- var _config$core;
163
-
164
- const config = await importStorybookConfig();
165
-
166
- if (((_config$core = config.core) === null || _config$core === void 0 ? void 0 : _config$core.builder) == 'webpack5') {
167
- logger.warn("Be aware Creevey doesn't fully support webpack@5, some feature might not work well");
168
- }
169
-
170
- if (config.addons && config.stories) {
171
- config.addons = [];
172
- return true;
173
- }
174
- } catch (_) {
175
- /* noop */
176
- }
177
-
178
- return false;
179
- }
180
-
181
- export default async function compile(config, {
182
- debug,
183
- ui
184
- }) {
185
- var _storybookWebpackConf, _storybookWebpackConf2, _storybookWebpackConf3, _extensions$map, _storybookWebpackConf4, _storybookWebpackConf5, _storybookWebpackConf6;
186
-
187
- const storybookFramework = getStorybookFramework();
188
- const outputDir = path.join(getCreeveyCache(), 'storybook');
189
-
190
- try {
191
- rmdirSync(outputDir, {
192
- recursive: true
193
- });
194
- } catch (_) {
195
- /* noop */
196
- }
197
-
198
- const creeveyLoader = {
199
- loader: require.resolve('./creevey-loader'),
200
- options: {
201
- debug,
202
- storybookDir: config.storybookDir
203
- }
204
- };
205
- process.env.NODE_ENV = 'production'; // NOTE Remove addons by monkey patching, only for new config file (main.js)
206
-
207
- const areAddonsRemoved = await removeAddons();
208
- const getWebpackConfig = isStorybookVersionLessThan(6, 2) ? getWebpackConfigForStorybook_pre6_2 : getWebpackConfigForStorybook_6_2;
209
- const storybookWebpackConfig = await getWebpackConfig(storybookFramework, config.storybookDir, outputDir);
210
- const extensions = (_storybookWebpackConf = (_storybookWebpackConf2 = storybookWebpackConfig.resolve) === null || _storybookWebpackConf2 === void 0 ? void 0 : _storybookWebpackConf2.extensions) !== null && _storybookWebpackConf !== void 0 ? _storybookWebpackConf : fallbackExtensions;
211
- delete storybookWebpackConfig.optimization;
212
- storybookWebpackConfig.devtool = false;
213
- storybookWebpackConfig.performance = false;
214
- storybookWebpackConfig.profile = debug;
215
- storybookWebpackConfig.mode = 'development';
216
- storybookWebpackConfig.target = 'node';
217
- storybookWebpackConfig.output = { ...storybookWebpackConfig.output,
218
- filename: 'main.js'
219
- }; // NOTE Add hack to allow stories HMR work in nodejs
220
-
221
- Array.isArray(storybookWebpackConfig.entry) && storybookWebpackConfig.entry.unshift(require.resolve('./dummy-hmr')); // NOTE apply creevey loader to output from mdx loader
222
-
223
- if (hasDocsAddon()) await applyMdxLoader(storybookWebpackConfig, areAddonsRemoved, creeveyLoader); // NOTE Add creevey-loader to cut off all unnecessary code except stories meta and tests
224
-
225
- (_storybookWebpackConf3 = storybookWebpackConfig.module) === null || _storybookWebpackConf3 === void 0 ? void 0 : _storybookWebpackConf3.rules.unshift({
226
- enforce: 'pre',
227
- test: new RegExp(`\\.(${(_extensions$map = extensions.map(x => x.slice(1))) === null || _extensions$map === void 0 ? void 0 : _extensions$map.join('|')})$`),
228
- exclude: /node_modules/,
229
- use: creeveyLoader
230
- });
231
- const aliases = (_storybookWebpackConf4 = (_storybookWebpackConf5 = storybookWebpackConfig.resolve) === null || _storybookWebpackConf5 === void 0 ? void 0 : _storybookWebpackConf5.alias) !== null && _storybookWebpackConf4 !== void 0 ? _storybookWebpackConf4 : {};
232
- const excluded = ['@storybook/addons', '@storybook/api', '@storybook/channel-postmessage', '@storybook/channels', '@storybook/client-api', '@storybook/client-logger', '@storybook/components', '@storybook/core-events', '@storybook/router', '@storybook/semver', '@storybook/theming']; // NOTE Exclude from bundle all modules from node_modules
233
-
234
- storybookWebpackConfig.externals = [...Object.entries(aliases).filter(([alias]) => excluded.includes(alias)).map(([, aliasPath]) => ({
235
- [aliasPath]: `commonjs ${aliasPath}`
236
- })), // NOTE Replace `@storybook/${framework}` to ../../storybook.ts
237
- {
238
- [`@storybook/${storybookFramework}`]: `commonjs ${require.resolve('../../storybook/entry')}`
239
- }, nodeExternals({
240
- includeAbsolutePaths: true,
241
- allowlist: /(webpack|dummy-hmr|generated-stories-entry|generated-config-entry|generated-other-entry)/
242
- }), // TODO Don't work well with monorepos
243
- nodeExternals({
244
- modulesDir: resolveFromStorybook('@storybook/core').split('@storybook')[0],
245
- includeAbsolutePaths: true,
246
- allowlist: /(webpack|dummy-hmr|generated-stories-entry|generated-config-entry|generated-other-entry)/
247
- })]; // NOTE Exclude some plugins
248
-
249
- const excludedPlugins = ['DocgenPlugin', 'ForkTsCheckerWebpackPlugin'];
250
- storybookWebpackConfig.plugins = (_storybookWebpackConf6 = storybookWebpackConfig.plugins) === null || _storybookWebpackConf6 === void 0 ? void 0 : _storybookWebpackConf6.filter(plugin => !excludedPlugins.includes(plugin.constructor.name));
251
- const storybookWebpackCompiler = webpack(storybookWebpackConfig);
252
-
253
- if (debug) {
254
- dumpStats = stats => writeFile(path.join(config.reportDir, 'stats.json'), JSON.stringify(stats.toJson(), null, 2), noop);
255
- }
256
-
257
- if (ui) {
258
- const watcher = storybookWebpackCompiler.watch({}, handleWebpackBuild);
259
- subscribeOn('shutdown', () => watcher.close(noop));
260
- } else {
261
- storybookWebpackCompiler.run(handleWebpackBuild);
262
- }
263
- }
@@ -1,153 +0,0 @@
1
- import path from 'path';
2
- import { codeFrameColumns } from '@babel/code-frame';
3
- import { getOptions } from 'loader-utils';
4
- import { validate } from 'schema-utils';
5
- import { parse } from '@babel/parser';
6
- import traverse from '@babel/traverse';
7
- import generate from '@babel/generator';
8
- import { isStorybookVersionLessThan } from '../../storybook/helpers';
9
- import { commonVisitor, mdxVisitor, previewVisitor, storyVisitor, FileType } from '../babel/helpers';
10
- import { logger } from '../../logger';
11
-
12
- function transform(ast) {
13
- traverse(ast, { ...commonVisitor,
14
- ...(fileType == FileType.Preview ? previewVisitor : undefined),
15
- ...(fileType == FileType.Story ? storyVisitor : undefined),
16
- ...(isMDX ? mdxVisitor : undefined)
17
- }, undefined, {
18
- resourcePath,
19
- fileType,
20
- isMDX,
21
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
22
- visitedTopPaths: new Set(),
23
- visitedBindings: new Set(),
24
- reexportedStories
25
- });
26
- return generate(ast, {
27
- retainLines: true
28
- }).code;
29
- }
30
-
31
- function toPosix(filePath) {
32
- return filePath.split(path.win32.sep).join(path.posix.sep).replace(/^[a-z]:/i, '');
33
- }
34
-
35
- function getIssuerResource(context) {
36
- var _context$_module, _context$_module$issu;
37
-
38
- // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-return
39
- return (_context$_module = context._module) === null || _context$_module === void 0 ? void 0 : (_context$_module$issu = _context$_module.issuer) === null || _context$_module$issu === void 0 ? void 0 : _context$_module$issu.resource;
40
- }
41
-
42
- function getIssuerConstructorName(context) {
43
- var _context$_module2, _context$_module2$iss, _context$_module2$iss2;
44
-
45
- // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-return
46
- return (_context$_module2 = context._module) === null || _context$_module2 === void 0 ? void 0 : (_context$_module2$iss = _context$_module2.issuer) === null || _context$_module2$iss === void 0 ? void 0 : (_context$_module2$iss2 = _context$_module2$iss.constructor) === null || _context$_module2$iss2 === void 0 ? void 0 : _context$_module2$iss2.name;
47
- }
48
-
49
- function isEntry(context) {
50
- return getIssuerConstructorName(context) == 'MultiModule';
51
- }
52
-
53
- function isPreview(context, options) {
54
- const {
55
- dir: resourceDir,
56
- name: resourceName
57
- } = path.posix.parse(toPosix(context.resourcePath));
58
- const storybookDir = typeof options.storybookDir == 'string' ? toPosix(options.storybookDir) : '';
59
- const isConfigFile = resourceDir == storybookDir && (resourceName == 'preview' || resourceName == 'config');
60
-
61
- if (isStorybookVersionLessThan(6)) {
62
- return isEntry(context) && isConfigFile;
63
- }
64
-
65
- const issuerResource = getIssuerResource(context);
66
- return Boolean(issuerResource && entries.has(issuerResource) && isConfigFile);
67
- }
68
-
69
- function isStoryFile(context) {
70
- var _reexportedStories$ge, _context$_module3;
71
-
72
- const issuerResource = getIssuerResource(context);
73
- return getIssuerConstructorName(context) == 'ContextModule' || // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
74
- Boolean(issuerResource && ((_reexportedStories$ge = reexportedStories.get(issuerResource)) === null || _reexportedStories$ge === void 0 ? void 0 : _reexportedStories$ge.has((_context$_module3 = context._module) === null || _context$_module3 === void 0 ? void 0 : _context$_module3.rawRequest))) || issuerResource == previewPath && path.posix.parse(toPosix(previewPath)).name == 'config';
75
- } // NOTE: non-story files before preview => issuer.resource is entry
76
-
77
-
78
- const schema = {
79
- type: 'object',
80
- properties: {
81
- debug: {
82
- type: 'boolean'
83
- },
84
- storybookDir: {
85
- type: 'string'
86
- }
87
- }
88
- };
89
- let fileType = FileType.Invalid;
90
- let isMDX = false;
91
- let previewPath = '';
92
- let resourcePath = '';
93
- const entries = new Set();
94
- const stories = new Set();
95
- const reexportedStories = new Map();
96
- const isTest = process.env.__CREEVEY_ENV__ == 'test';
97
- const defaultOptions = {
98
- debug: isTest,
99
- storybookDir: process.cwd()
100
- };
101
- export default function (source) {
102
- const options = this ? getOptions(this) || defaultOptions : defaultOptions;
103
- validate(schema, options, {
104
- name: 'Creevey Stories Loader'
105
- });
106
- fileType = FileType.Invalid;
107
-
108
- if (this) {
109
- const issuerResource = getIssuerResource(this);
110
- resourcePath = this.resourcePath;
111
-
112
- if (isStoryFile(this)) {
113
- fileType = FileType.Story;
114
- isMDX = path.parse(resourcePath).ext == '.mdx';
115
- stories.add(this.resourcePath);
116
- } else if (isPreview(this, options)) {
117
- fileType = FileType.Preview;
118
- previewPath = this.resourcePath;
119
- } else if (isEntry(this)) {
120
- fileType = FileType.Entry;
121
- entries.add(this.resourcePath);
122
- return source;
123
- } else if (issuerResource && stories.has(issuerResource) && options.debug) {
124
- logger.warn('Trying to transform possible non-story file', this.resourcePath, 'Please check the', issuerResource); // TODO Add link to docs, how creevey works and what user should do in this situation
125
- }
126
- }
127
-
128
- if (isTest && !Number.isNaN(Number(process.env.CREEVEY_LOADER_FILE_TYPE))) {
129
- fileType = Number(process.env.CREEVEY_LOADER_FILE_TYPE);
130
- }
131
-
132
- try {
133
- const ast = parse(source, {
134
- sourceType: 'module',
135
- plugins: ['classProperties', 'decorators-legacy', 'jsx', 'typescript']
136
- });
137
- return transform(ast);
138
- } catch (error) {
139
- this && logger.warn('Failed to transform file', this.resourcePath);
140
-
141
- if (typeof error == 'object' && error && 'loc' in error) {
142
- logger.warn(codeFrameColumns(source, {
143
- start: error.loc
144
- }, {
145
- highlightCode: true
146
- }));
147
- } else {
148
- logger.warn(error);
149
- }
150
-
151
- return source;
152
- }
153
- }
@@ -1,36 +0,0 @@
1
- var _global$__CREEVEY_HMR;
2
-
3
- global.__CREEVEY_HMR_DATA__ = (_global$__CREEVEY_HMR = global.__CREEVEY_HMR_DATA__) !== null && _global$__CREEVEY_HMR !== void 0 ? _global$__CREEVEY_HMR : {};
4
- Object.entries(__webpack_require__.m).forEach(([key, moduleFn]) => {
5
- __webpack_require__.m[key] = new Proxy(moduleFn, {
6
- apply(target, thisArg, args) {
7
- var _global$__CREEVEY_HMR2;
8
-
9
- const [module] = args;
10
- const {
11
- data
12
- } = global.__CREEVEY_HMR_DATA__[module.i] = (_global$__CREEVEY_HMR2 = global.__CREEVEY_HMR_DATA__[module.i]) !== null && _global$__CREEVEY_HMR2 !== void 0 ? _global$__CREEVEY_HMR2 : {
13
- data: {}
14
- };
15
- Object.assign(module, {
16
- hot: {
17
- accept() {
18
- /* noop */
19
- },
20
-
21
- get data() {
22
- return data;
23
- },
24
-
25
- dispose(callback) {
26
- global.__CREEVEY_HMR_DATA__[module.i].callback = callback;
27
- }
28
-
29
- }
30
- });
31
- return target.apply(thisArg, args);
32
- }
33
-
34
- });
35
- });
36
- export default {};
@@ -1,58 +0,0 @@
1
- /* eslint-disable */
2
-
3
- /* Copy-paste from storybook/addons/docs/src/frameworks/common/preset.ts */
4
- import { isStorybookVersionLessThan, resolveFromStorybook, resolveFromStorybookAddonDocs, resolveFromStorybookBuilderWebpack4, resolveFromStorybookCore } from '../../storybook/helpers';
5
- export let mdxLoaders = []; // for frameworks that are not working with react, we need to configure
6
- // the jsx to transpile mdx, for now there will be a flag for that
7
- // for more complex solutions we can find alone that we need to add '@babel/plugin-transform-react-jsx'
8
-
9
- function createBabelOptions({
10
- babelOptions,
11
- mdxBabelOptions,
12
- configureJSX
13
- }) {
14
- const babelPlugins = (mdxBabelOptions === null || mdxBabelOptions === void 0 ? void 0 : mdxBabelOptions.plugins) || (babelOptions === null || babelOptions === void 0 ? void 0 : babelOptions.plugins) || [];
15
- const jsxPlugin = [resolveFromStorybookAddonDocs('@babel/plugin-transform-react-jsx'), {
16
- pragma: 'React.createElement',
17
- pragmaFrag: 'React.Fragment'
18
- }];
19
- const plugins = configureJSX ? [...babelPlugins, jsxPlugin] : babelPlugins;
20
- return {
21
- // don't use the root babelrc by default (users can override this in mdxBabelOptions)
22
- babelrc: false,
23
- configFile: false,
24
- ...babelOptions,
25
- ...mdxBabelOptions,
26
- plugins
27
- };
28
- }
29
-
30
- const remarkPlugins = ['remark-slug', 'remark-external-links'].map(plugin => require(resolveFromStorybookAddonDocs(plugin)));
31
-
32
- const createCompiler = require(resolveFromStorybook('@storybook/addon-docs/mdx-compiler-plugin'));
33
-
34
- export const mdxOptions = (options = {}) => ({
35
- compilers: [createCompiler(options)],
36
- remarkPlugins
37
- });
38
- export function webpack(webpackConfig = {}, options = {}) {
39
- // it will reuse babel options that are already in use in storybook
40
- // also, these babel options are chained with other presets.
41
- const {
42
- babelOptions,
43
- mdxBabelOptions,
44
- configureJSX = true
45
- } = options;
46
- mdxLoaders = [{
47
- loader: isStorybookVersionLessThan(6, 2) ? resolveFromStorybookCore('babel-loader') : resolveFromStorybookBuilderWebpack4('babel-loader'),
48
- options: createBabelOptions({
49
- babelOptions,
50
- mdxBabelOptions,
51
- configureJSX
52
- })
53
- }, {
54
- loader: resolveFromStorybookAddonDocs('@mdx-js/loader'),
55
- options: mdxOptions(options)
56
- }];
57
- return webpackConfig;
58
- }
@@ -1,27 +0,0 @@
1
- import cluster from 'cluster';
2
- import { isWebpackMessage } from '../../../types';
3
- import { emitWebpackMessage } from '../../messages';
4
- export function startWebpackCompiler() {
5
- return new Promise((resolve, reject) => {
6
- cluster.setupMaster({
7
- args: ['--webpack', ...process.argv.slice(2)]
8
- });
9
- const webpackCompiler = cluster.fork();
10
- webpackCompiler.on('message', message => {
11
- if (!isWebpackMessage(message)) return;
12
- Object.values(cluster.workers).filter(worker => worker != webpackCompiler).forEach(worker => worker === null || worker === void 0 ? void 0 : worker.send(message));
13
-
14
- switch (message.type) {
15
- case 'success':
16
- return resolve();
17
-
18
- case 'fail':
19
- return reject();
20
-
21
- case 'rebuild succeeded':
22
- case 'rebuild failed':
23
- return emitWebpackMessage(message);
24
- }
25
- });
26
- });
27
- }
@@ -1,44 +0,0 @@
1
- var _api$channel, _api$context;
2
-
3
- import { addons } from '@storybook/addons';
4
- import { getStorybookFramework, isStorybookVersionLessThan, resolveFromStorybook } from './helpers';
5
- const framework = getStorybookFramework(); // eslint-disable-next-line @typescript-eslint/no-var-requires
6
-
7
- const core = require(resolveFromStorybook('@storybook/core')); //@ts-expect-error: 6.2 use named exports
8
- // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
9
-
10
-
11
- const start = isStorybookVersionLessThan(6, 2) ? core.default.start : core.start;
12
- const api = start(() => void 0);
13
- export const channel = isStorybookVersionLessThan(6, 4) ? (_api$channel = api.channel) !== null && _api$channel !== void 0 ? _api$channel : (_api$context = api.context) === null || _api$context === void 0 ? void 0 : _api$context.channel : addons.getChannel();
14
- export const clientApi = api.clientApi;
15
- export const forceReRender = api.forceReRender;
16
- export const storiesOf = (kind, m) => {
17
- return clientApi.storiesOf(kind, m).addParameters({
18
- framework
19
- });
20
- };
21
- export const configure = (...args) => {
22
- if (isStorybookVersionLessThan(5, 2)) {
23
- //NOTE: Storybook <= 5.1 pass args as is
24
- //@ts-expect-error: ignore it
25
- // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call
26
- return api.configApi.configure(...args);
27
- }
28
-
29
- if (isStorybookVersionLessThan(6)) {
30
- //NOTE: Storybook <= 5.3 pass `framework` as last argument
31
- //@ts-expect-error: ignore it
32
- return api.configure(...args, framework);
33
- } //NOTE Storybook 6.x pass `framework` as first argument
34
- //@ts-expect-error: ignore it
35
-
36
-
37
- return api.configure(framework, ...args);
38
- };
39
- export const addDecorator = clientApi.addDecorator;
40
- export const addParameters = clientApi.addParameters;
41
- export const clearDecorators = clientApi.clearDecorators;
42
- export const setAddon = clientApi.setAddon;
43
- export const getStorybook = clientApi.getStorybook;
44
- export const raw = clientApi.raw;