creevey 0.8.1-beta.0 → 0.8.1-sb7.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 (242) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/package.json +22 -19
  3. package/lib/cjs/cli.js +0 -5
  4. package/lib/cjs/client/addon/Manager.js +0 -264
  5. package/lib/cjs/client/addon/components/Addon.js +0 -55
  6. package/lib/cjs/client/addon/components/Icons.js +0 -46
  7. package/lib/cjs/client/addon/components/Panel.js +0 -72
  8. package/lib/cjs/client/addon/components/TestSelect.js +0 -65
  9. package/lib/cjs/client/addon/components/Tools.js +0 -95
  10. package/lib/cjs/client/addon/decorator.js +0 -11
  11. package/lib/cjs/client/addon/index.js +0 -31
  12. package/lib/cjs/client/addon/preset.ie11.js +0 -74
  13. package/lib/cjs/client/addon/preset.js +0 -62
  14. package/lib/cjs/client/addon/readyForCapture.js +0 -12
  15. package/lib/cjs/client/addon/register.js +0 -72
  16. package/lib/cjs/client/addon/utils.js +0 -42
  17. package/lib/cjs/client/addon/withCreevey.js +0 -350
  18. package/lib/cjs/client/shared/components/ImagesView/BlendView.js +0 -87
  19. package/lib/cjs/client/shared/components/ImagesView/ImagesView.js +0 -92
  20. package/lib/cjs/client/shared/components/ImagesView/SideBySideView.js +0 -154
  21. package/lib/cjs/client/shared/components/ImagesView/SlideView.js +0 -166
  22. package/lib/cjs/client/shared/components/ImagesView/SwapView.js +0 -91
  23. package/lib/cjs/client/shared/components/ImagesView/index.js +0 -45
  24. package/lib/cjs/client/shared/components/PageFooter/PageFooter.js +0 -50
  25. package/lib/cjs/client/shared/components/PageFooter/Paging.js +0 -94
  26. package/lib/cjs/client/shared/components/PageHeader/ImagePreview.js +0 -82
  27. package/lib/cjs/client/shared/components/PageHeader/PageHeader.js +0 -119
  28. package/lib/cjs/client/shared/components/ResultsPage.js +0 -143
  29. package/lib/cjs/client/shared/creeveyClientApi.js +0 -76
  30. package/lib/cjs/client/shared/helpers.js +0 -411
  31. package/lib/cjs/client/shared/viewMode.js +0 -17
  32. package/lib/cjs/client/web/142.js +0 -2
  33. package/lib/cjs/client/web/142.js.LICENSE.txt +0 -12
  34. package/lib/cjs/client/web/32.js +0 -1
  35. package/lib/cjs/client/web/551.js +0 -1
  36. package/lib/cjs/client/web/566.js +0 -2
  37. package/lib/cjs/client/web/566.js.LICENSE.txt +0 -31
  38. package/lib/cjs/client/web/691.js +0 -2
  39. package/lib/cjs/client/web/691.js.LICENSE.txt +0 -8
  40. package/lib/cjs/client/web/725.js +0 -1
  41. package/lib/cjs/client/web/index.html +0 -19
  42. package/lib/cjs/client/web/main.js +0 -2
  43. package/lib/cjs/client/web/main.js.LICENSE.txt +0 -49
  44. package/lib/cjs/creevey.js +0 -69
  45. package/lib/cjs/index.js +0 -39
  46. package/lib/cjs/server/config.js +0 -93
  47. package/lib/cjs/server/docker.js +0 -146
  48. package/lib/cjs/server/extract.js +0 -46
  49. package/lib/cjs/server/index.js +0 -83
  50. package/lib/cjs/server/loaders/babel/creevey-plugin.js +0 -86
  51. package/lib/cjs/server/loaders/babel/helpers.js +0 -469
  52. package/lib/cjs/server/loaders/babel/register.js +0 -124
  53. package/lib/cjs/server/loaders/hooks/mdx.js +0 -30
  54. package/lib/cjs/server/loaders/hooks/svelte.js +0 -65
  55. package/lib/cjs/server/loaders/webpack/compile.js +0 -269
  56. package/lib/cjs/server/loaders/webpack/creevey-loader.js +0 -172
  57. package/lib/cjs/server/loaders/webpack/dummy-hmr.js +0 -39
  58. package/lib/cjs/server/loaders/webpack/mdx-loader.js +0 -72
  59. package/lib/cjs/server/loaders/webpack/start.js +0 -41
  60. package/lib/cjs/server/logger.js +0 -48
  61. package/lib/cjs/server/master/api.js +0 -71
  62. package/lib/cjs/server/master/index.js +0 -152
  63. package/lib/cjs/server/master/master.js +0 -57
  64. package/lib/cjs/server/master/pool.js +0 -197
  65. package/lib/cjs/server/master/runner.js +0 -281
  66. package/lib/cjs/server/master/server.js +0 -131
  67. package/lib/cjs/server/messages.js +0 -264
  68. package/lib/cjs/server/selenium/browser.js +0 -656
  69. package/lib/cjs/server/selenium/index.js +0 -31
  70. package/lib/cjs/server/selenium/selenoid.js +0 -172
  71. package/lib/cjs/server/stories.js +0 -153
  72. package/lib/cjs/server/storybook/entry.js +0 -53
  73. package/lib/cjs/server/storybook/helpers.js +0 -158
  74. package/lib/cjs/server/storybook/providers/browser.js +0 -74
  75. package/lib/cjs/server/storybook/providers/nodejs.js +0 -237
  76. package/lib/cjs/server/update.js +0 -79
  77. package/lib/cjs/server/utils.js +0 -169
  78. package/lib/cjs/server/worker/chai-image.js +0 -142
  79. package/lib/cjs/server/worker/helpers.js +0 -69
  80. package/lib/cjs/server/worker/index.js +0 -15
  81. package/lib/cjs/server/worker/reporter.js +0 -108
  82. package/lib/cjs/server/worker/worker.js +0 -268
  83. package/lib/cjs/shared/index.js +0 -101
  84. package/lib/cjs/shared/serializeRegExp.js +0 -42
  85. package/lib/cjs/types.js +0 -74
  86. package/lib/esm/cli.js +0 -4
  87. package/lib/esm/client/addon/Manager.js +0 -248
  88. package/lib/esm/client/addon/components/Addon.js +0 -39
  89. package/lib/esm/client/addon/components/Icons.js +0 -31
  90. package/lib/esm/client/addon/components/Panel.js +0 -53
  91. package/lib/esm/client/addon/components/TestSelect.js +0 -51
  92. package/lib/esm/client/addon/components/Tools.js +0 -74
  93. package/lib/esm/client/addon/decorator.js +0 -2
  94. package/lib/esm/client/addon/index.js +0 -2
  95. package/lib/esm/client/addon/preset.ie11.js +0 -59
  96. package/lib/esm/client/addon/preset.js +0 -41
  97. package/lib/esm/client/addon/readyForCapture.js +0 -5
  98. package/lib/esm/client/addon/register.js +0 -51
  99. package/lib/esm/client/addon/utils.js +0 -32
  100. package/lib/esm/client/addon/withCreevey.js +0 -323
  101. package/lib/esm/client/shared/components/ImagesView/BlendView.js +0 -67
  102. package/lib/esm/client/shared/components/ImagesView/ImagesView.js +0 -69
  103. package/lib/esm/client/shared/components/ImagesView/SideBySideView.js +0 -131
  104. package/lib/esm/client/shared/components/ImagesView/SlideView.js +0 -143
  105. package/lib/esm/client/shared/components/ImagesView/SwapView.js +0 -71
  106. package/lib/esm/client/shared/components/ImagesView/index.js +0 -5
  107. package/lib/esm/client/shared/components/PageFooter/PageFooter.js +0 -36
  108. package/lib/esm/client/shared/components/PageFooter/Paging.js +0 -80
  109. package/lib/esm/client/shared/components/PageHeader/ImagePreview.js +0 -68
  110. package/lib/esm/client/shared/components/PageHeader/PageHeader.js +0 -97
  111. package/lib/esm/client/shared/components/ResultsPage.js +0 -115
  112. package/lib/esm/client/shared/creeveyClientApi.js +0 -67
  113. package/lib/esm/client/shared/helpers.js +0 -353
  114. package/lib/esm/client/shared/viewMode.js +0 -6
  115. package/lib/esm/creevey.js +0 -54
  116. package/lib/esm/index.js +0 -3
  117. package/lib/esm/server/config.js +0 -70
  118. package/lib/esm/server/docker.js +0 -123
  119. package/lib/esm/server/extract.js +0 -32
  120. package/lib/esm/server/index.js +0 -64
  121. package/lib/esm/server/loaders/babel/creevey-plugin.js +0 -72
  122. package/lib/esm/server/loaders/babel/helpers.js +0 -452
  123. package/lib/esm/server/loaders/babel/register.js +0 -103
  124. package/lib/esm/server/loaders/hooks/mdx.js +0 -15
  125. package/lib/esm/server/loaders/hooks/svelte.js +0 -49
  126. package/lib/esm/server/loaders/webpack/compile.js +0 -246
  127. package/lib/esm/server/loaders/webpack/creevey-loader.js +0 -152
  128. package/lib/esm/server/loaders/webpack/dummy-hmr.js +0 -32
  129. package/lib/esm/server/loaders/webpack/mdx-loader.js +0 -58
  130. package/lib/esm/server/loaders/webpack/start.js +0 -27
  131. package/lib/esm/server/logger.js +0 -20
  132. package/lib/esm/server/master/api.js +0 -60
  133. package/lib/esm/server/master/index.js +0 -131
  134. package/lib/esm/server/master/master.js +0 -38
  135. package/lib/esm/server/master/pool.js +0 -176
  136. package/lib/esm/server/master/runner.js +0 -259
  137. package/lib/esm/server/master/server.js +0 -107
  138. package/lib/esm/server/messages.js +0 -232
  139. package/lib/esm/server/selenium/browser.js +0 -623
  140. package/lib/esm/server/selenium/index.js +0 -2
  141. package/lib/esm/server/selenium/selenoid.js +0 -149
  142. package/lib/esm/server/stories.js +0 -135
  143. package/lib/esm/server/storybook/entry.js +0 -27
  144. package/lib/esm/server/storybook/helpers.js +0 -97
  145. package/lib/esm/server/storybook/providers/browser.js +0 -60
  146. package/lib/esm/server/storybook/providers/nodejs.js +0 -216
  147. package/lib/esm/server/update.js +0 -61
  148. package/lib/esm/server/utils.js +0 -128
  149. package/lib/esm/server/worker/chai-image.js +0 -130
  150. package/lib/esm/server/worker/helpers.js +0 -60
  151. package/lib/esm/server/worker/index.js +0 -1
  152. package/lib/esm/server/worker/reporter.js +0 -86
  153. package/lib/esm/server/worker/worker.js +0 -238
  154. package/lib/esm/shared/index.js +0 -78
  155. package/lib/esm/shared/serializeRegExp.js +0 -24
  156. package/lib/esm/types.js +0 -43
  157. package/lib/types/cli.d.ts +0 -1
  158. package/lib/types/client/addon/Manager.d.ts +0 -37
  159. package/lib/types/client/addon/components/Addon.d.ts +0 -8
  160. package/lib/types/client/addon/components/Icons.d.ts +0 -7
  161. package/lib/types/client/addon/components/Panel.d.ts +0 -9
  162. package/lib/types/client/addon/components/TestSelect.d.ts +0 -8
  163. package/lib/types/client/addon/components/Tools.d.ts +0 -6
  164. package/lib/types/client/addon/decorator.d.ts +0 -1
  165. package/lib/types/client/addon/index.d.ts +0 -2
  166. package/lib/types/client/addon/preset.d.ts +0 -23
  167. package/lib/types/client/addon/preset.ie11.d.ts +0 -10
  168. package/lib/types/client/addon/readyForCapture.d.ts +0 -6
  169. package/lib/types/client/addon/register.d.ts +0 -3
  170. package/lib/types/client/addon/utils.d.ts +0 -3
  171. package/lib/types/client/addon/withCreevey.d.ts +0 -24
  172. package/lib/types/client/shared/components/ImagesView/BlendView.d.ts +0 -3
  173. package/lib/types/client/shared/components/ImagesView/ImagesView.d.ts +0 -24
  174. package/lib/types/client/shared/components/ImagesView/SideBySideView.d.ts +0 -3
  175. package/lib/types/client/shared/components/ImagesView/SlideView.d.ts +0 -3
  176. package/lib/types/client/shared/components/ImagesView/SwapView.d.ts +0 -3
  177. package/lib/types/client/shared/components/ImagesView/index.d.ts +0 -5
  178. package/lib/types/client/shared/components/PageFooter/PageFooter.d.ts +0 -8
  179. package/lib/types/client/shared/components/PageFooter/Paging.d.ts +0 -7
  180. package/lib/types/client/shared/components/PageHeader/ImagePreview.d.ts +0 -12
  181. package/lib/types/client/shared/components/PageHeader/PageHeader.d.ts +0 -16
  182. package/lib/types/client/shared/components/ResultsPage.d.ts +0 -18
  183. package/lib/types/client/shared/creeveyClientApi.d.ts +0 -9
  184. package/lib/types/client/shared/helpers.d.ts +0 -46
  185. package/lib/types/client/shared/viewMode.d.ts +0 -4
  186. package/lib/types/client/web/CreeveyApp.d.ts +0 -11
  187. package/lib/types/client/web/CreeveyContext.d.ts +0 -11
  188. package/lib/types/client/web/CreeveyLoader.d.ts +0 -2
  189. package/lib/types/client/web/CreeveyView/SideBar/Checkbox.d.ts +0 -19
  190. package/lib/types/client/web/CreeveyView/SideBar/Search.d.ts +0 -6
  191. package/lib/types/client/web/CreeveyView/SideBar/SideBar.d.ts +0 -14
  192. package/lib/types/client/web/CreeveyView/SideBar/SideBarHeader.d.ts +0 -12
  193. package/lib/types/client/web/CreeveyView/SideBar/SuiteLink.d.ts +0 -33
  194. package/lib/types/client/web/CreeveyView/SideBar/TestLink.d.ts +0 -7
  195. package/lib/types/client/web/CreeveyView/SideBar/TestStatusIcon.d.ts +0 -10
  196. package/lib/types/client/web/CreeveyView/SideBar/TestsStatus.d.ts +0 -9
  197. package/lib/types/client/web/CreeveyView/SideBar/Toggle.d.ts +0 -6
  198. package/lib/types/client/web/CreeveyView/SideBar/index.d.ts +0 -1
  199. package/lib/types/client/web/KeyboardEventsContext.d.ts +0 -13
  200. package/lib/types/client/web/index.d.ts +0 -4
  201. package/lib/types/creevey.d.ts +0 -1
  202. package/lib/types/index.d.ts +0 -2
  203. package/lib/types/server/config.d.ts +0 -4
  204. package/lib/types/server/docker.d.ts +0 -7
  205. package/lib/types/server/extract.d.ts +0 -2
  206. package/lib/types/server/index.d.ts +0 -2
  207. package/lib/types/server/loaders/babel/creevey-plugin.d.ts +0 -1
  208. package/lib/types/server/loaders/babel/helpers.d.ts +0 -19
  209. package/lib/types/server/loaders/babel/register.d.ts +0 -5
  210. package/lib/types/server/loaders/hooks/mdx.d.ts +0 -1
  211. package/lib/types/server/loaders/hooks/svelte.d.ts +0 -1
  212. package/lib/types/server/loaders/webpack/compile.d.ts +0 -2
  213. package/lib/types/server/loaders/webpack/creevey-loader.d.ts +0 -4
  214. package/lib/types/server/loaders/webpack/dummy-hmr.d.ts +0 -10
  215. package/lib/types/server/loaders/webpack/mdx-loader.d.ts +0 -6
  216. package/lib/types/server/loaders/webpack/start.d.ts +0 -1
  217. package/lib/types/server/logger.d.ts +0 -10
  218. package/lib/types/server/master/api.d.ts +0 -7
  219. package/lib/types/server/master/index.d.ts +0 -3
  220. package/lib/types/server/master/master.d.ts +0 -7
  221. package/lib/types/server/master/pool.d.ts +0 -31
  222. package/lib/types/server/master/runner.d.ts +0 -26
  223. package/lib/types/server/master/server.d.ts +0 -2
  224. package/lib/types/server/messages.d.ts +0 -29
  225. package/lib/types/server/selenium/browser.d.ts +0 -17
  226. package/lib/types/server/selenium/index.d.ts +0 -2
  227. package/lib/types/server/selenium/selenoid.d.ts +0 -3
  228. package/lib/types/server/stories.d.ts +0 -8
  229. package/lib/types/server/storybook/entry.d.ts +0 -17
  230. package/lib/types/server/storybook/helpers.d.ts +0 -24
  231. package/lib/types/server/storybook/providers/browser.d.ts +0 -4
  232. package/lib/types/server/storybook/providers/nodejs.d.ts +0 -9
  233. package/lib/types/server/update.d.ts +0 -2
  234. package/lib/types/server/utils.d.ts +0 -23
  235. package/lib/types/server/worker/chai-image.d.ts +0 -6
  236. package/lib/types/server/worker/helpers.d.ts +0 -8
  237. package/lib/types/server/worker/index.d.ts +0 -1
  238. package/lib/types/server/worker/reporter.d.ts +0 -8
  239. package/lib/types/server/worker/worker.d.ts +0 -4
  240. package/lib/types/shared/index.d.ts +0 -7
  241. package/lib/types/shared/serializeRegExp.d.ts +0 -9
  242. package/lib/types/types.d.ts +0 -486
@@ -1,15 +0,0 @@
1
- import { addHook } from 'pirates';
2
- import { resolveFromStorybookAddonDocs } from '../../storybook/helpers';
3
- export const addMDXHook = async getStory => {
4
- const mdx = (await import(resolveFromStorybookAddonDocs('@mdx-js/mdx'))).default;
5
- const {
6
- mdxOptions
7
- } = await import('../webpack/mdx-loader');
8
- addHook((code, filename) => {
9
- const story = getStory();
10
- if (!story || !filename.startsWith(story)) return code;
11
- return mdx.sync(code, mdxOptions());
12
- }, {
13
- exts: ['.mdx']
14
- });
15
- };
@@ -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,246 +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, 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
- var _stats$toJson$warning;
15
-
16
- dumpStats(stats);
17
-
18
- if (error || !stats || stats.hasErrors()) {
19
- emitWebpackMessage({
20
- type: isInitiated ? 'rebuild failed' : 'fail'
21
- });
22
- console.error('=> Failed to build the Storybook preview bundle');
23
- if (error) return console.error(error.message);
24
-
25
- if (stats && (stats.hasErrors() || stats.hasWarnings())) {
26
- var _statsJson$errors, _statsJson$warnings;
27
-
28
- const statsJson = stats.toJson();
29
- (_statsJson$errors = statsJson.errors) === null || _statsJson$errors === void 0 ? void 0 : _statsJson$errors.forEach(e => console.error(e));
30
- (_statsJson$warnings = statsJson.warnings) === null || _statsJson$warnings === void 0 ? void 0 : _statsJson$warnings.forEach(e => console.error(e));
31
- return;
32
- }
33
- }
34
-
35
- stats === null || stats === void 0 ? void 0 : (_stats$toJson$warning = stats.toJson().warnings) === null || _stats$toJson$warning === void 0 ? void 0 : _stats$toJson$warning.forEach(e => console.warn(e));
36
-
37
- if (!isInitiated) {
38
- isInitiated = true;
39
- emitWebpackMessage({
40
- type: 'success'
41
- });
42
- } else {
43
- emitWebpackMessage({
44
- type: 'rebuild succeeded'
45
- });
46
- }
47
-
48
- return;
49
- }
50
-
51
- async function applyMdxLoader(config, areAddonsRemoved, loader) {
52
- const {
53
- mdxLoaders
54
- } = await import('./mdx-loader');
55
- mdxLoaders.splice(1, 0, loader);
56
- const mdxRegexps = [/(stories|story)\.mdx$/]; // NOTE replace md/mdx to null loader
57
-
58
- const mdRegexps = [/\.md$/, /\.mdx$/];
59
-
60
- if (areAddonsRemoved) {
61
- var _config$module2, _config$module2$rules;
62
-
63
- mdRegexps.forEach(test => {
64
- var _config$module, _config$module$rules;
65
-
66
- return (_config$module = config.module) === null || _config$module === void 0 ? void 0 : (_config$module$rules = _config$module.rules) === null || _config$module$rules === void 0 ? void 0 : _config$module$rules.unshift({
67
- test,
68
- exclude: /(stories|story)\.mdx$/,
69
- use: require.resolve('null-loader')
70
- });
71
- });
72
- (_config$module2 = config.module) === null || _config$module2 === void 0 ? void 0 : (_config$module2$rules = _config$module2.rules) === null || _config$module2$rules === void 0 ? void 0 : _config$module2$rules.unshift({
73
- test: /(stories|story)\.mdx$/,
74
- use: mdxLoaders
75
- });
76
- } else {
77
- var _config$module3, _config$module3$rules, _config$module4, _config$module4$rules, _config$module5, _config$module5$rules;
78
-
79
- // NOTE Exclude addons' entry points
80
- config.entry = Array.isArray(config.entry) ? config.entry.filter(entry => !/@storybook(\/|\\)addon/.test(entry)) : config.entry;
81
- (_config$module3 = config.module) === null || _config$module3 === void 0 ? void 0 : (_config$module3$rules = _config$module3.rules) === null || _config$module3$rules === void 0 ? void 0 : _config$module3$rules.flatMap(rule => typeof rule == 'object' && 'test' in rule ? rule : []).filter(rule => mdRegexps.some(test => {
82
- var _rule$test;
83
-
84
- return ((_rule$test = rule.test) === null || _rule$test === void 0 ? void 0 : _rule$test.toString()) == test.toString();
85
- })).forEach(rule => rule.use = require.resolve('null-loader'));
86
- (_config$module4 = config.module) === null || _config$module4 === void 0 ? void 0 : (_config$module4$rules = _config$module4.rules) === null || _config$module4$rules === void 0 ? void 0 : _config$module4$rules.flatMap(rule => typeof rule == 'object' && 'test' in rule ? rule : []).filter(rule => mdxRegexps.some(test => {
87
- var _rule$test2;
88
-
89
- return ((_rule$test2 = rule.test) === null || _rule$test2 === void 0 ? void 0 : _rule$test2.toString()) == test.toString();
90
- })).forEach(rule => rule.use = mdxLoaders); // NOTE Exclude source-loader
91
-
92
- config.module = { ...config.module,
93
- rules: ((_config$module5 = config.module) === null || _config$module5 === void 0 ? void 0 : (_config$module5$rules = _config$module5.rules) === null || _config$module5$rules === void 0 ? void 0 : _config$module5$rules.flatMap(rule => typeof rule == 'object' && 'test' in rule ? rule : []).filter(rule => !(typeof rule.loader == 'string' && /@storybook(\/|\\)source-loader/.test(rule.loader)))) ?? []
94
- };
95
- }
96
- }
97
-
98
- async function getWebpackConfigForStorybook_6_2(framework, configDir, outputDir) {
99
- const {
100
- default: storybookFrameworkOptions
101
- } = await import(resolveFromStorybook(`@storybook/${framework}/dist/cjs/server/options`));
102
- const options = {
103
- quiet: true,
104
- configType: 'PRODUCTION',
105
- outputDir,
106
- configDir,
107
- ...storybookFrameworkOptions
108
- }; // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
109
-
110
- const {
111
- getPreviewBuilder
112
- } = await import(resolveFromStorybook('@storybook/core-server/dist/cjs/utils/get-preview-builder')); // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
113
-
114
- const {
115
- loadAllPresets
116
- } = await import(resolveFromStorybook('@storybook/core-common')); // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-call
117
-
118
- const builder = await getPreviewBuilder(configDir); // NOTE: Copy-paste from storybook/lib/core-server/src/build-dev.ts
119
- // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-call
120
-
121
- const presets = loadAllPresets({
122
- corePresets: [// eslint-disable-next-line node/no-missing-require
123
- resolveFromStorybook('@storybook/core-server/dist/cjs/presets/common-preset'), // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access
124
- ...builder.corePresets, // eslint-disable-next-line node/no-missing-require
125
- resolveFromStorybook('@storybook/core-server/dist/cjs/presets/babel-cache-preset')],
126
- // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access
127
- overridePresets: [...(hasDocsAddon() ? [require.resolve('./mdx-loader')] : []), // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access
128
- ...builder.overridePresets],
129
- ...options
130
- }); // 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
131
-
132
- return builder.getConfig({ ...options,
133
- presets
134
- });
135
- }
136
-
137
- async function removeAddons() {
138
- try {
139
- var _config$core;
140
-
141
- const config = await importStorybookConfig();
142
-
143
- if (((_config$core = config.core) === null || _config$core === void 0 ? void 0 : _config$core.builder) == 'webpack5') {
144
- logger.warn("Be aware Creevey doesn't fully support webpack@5, some feature might not work well");
145
- }
146
-
147
- if (config.addons && config.stories) {
148
- config.addons = [];
149
- return true;
150
- }
151
- } catch (_) {
152
- /* noop */
153
- }
154
-
155
- return false;
156
- }
157
-
158
- export default async function compile(config, {
159
- debug,
160
- ui
161
- }) {
162
- var _storybookWebpackConf, _storybookWebpackConf2, _storybookWebpackConf3, _extensions$map, _storybookWebpackConf4, _storybookWebpackConf5;
163
-
164
- const storybookFramework = getStorybookFramework();
165
- const outputDir = path.join(getCreeveyCache(), 'storybook');
166
-
167
- try {
168
- rmdirSync(outputDir, {
169
- recursive: true
170
- });
171
- } catch (_) {
172
- /* noop */
173
- }
174
-
175
- const creeveyLoader = {
176
- loader: require.resolve('./creevey-loader'),
177
- options: {
178
- debug,
179
- storybookDir: config.storybookDir
180
- }
181
- };
182
- process.env.NODE_ENV = 'production'; // NOTE Remove addons by monkey patching, only for new config file (main.js)
183
-
184
- const areAddonsRemoved = await removeAddons();
185
- const getWebpackConfig = getWebpackConfigForStorybook_6_2;
186
- const storybookWebpackConfig = await getWebpackConfig(storybookFramework, config.storybookDir, outputDir);
187
- const extensions = ((_storybookWebpackConf = storybookWebpackConfig.resolve) === null || _storybookWebpackConf === void 0 ? void 0 : _storybookWebpackConf.extensions) ?? fallbackExtensions;
188
- delete storybookWebpackConfig.optimization;
189
- storybookWebpackConfig.devtool = false;
190
- storybookWebpackConfig.performance = false;
191
- storybookWebpackConfig.profile = debug;
192
- storybookWebpackConfig.mode = 'development';
193
- storybookWebpackConfig.target = 'node';
194
- storybookWebpackConfig.output = { ...storybookWebpackConfig.output,
195
- filename: 'main.js'
196
- }; // NOTE Add hack to allow stories HMR work in nodejs
197
-
198
- Array.isArray(storybookWebpackConfig.entry) && storybookWebpackConfig.entry.unshift(require.resolve('./dummy-hmr')); // NOTE apply creevey loader to output from mdx loader
199
-
200
- if (hasDocsAddon()) await applyMdxLoader(storybookWebpackConfig, areAddonsRemoved, creeveyLoader); // NOTE Add creevey-loader to cut off all unnecessary code except stories meta and tests
201
-
202
- (_storybookWebpackConf2 = storybookWebpackConfig.module) === null || _storybookWebpackConf2 === void 0 ? void 0 : (_storybookWebpackConf3 = _storybookWebpackConf2.rules) === null || _storybookWebpackConf3 === void 0 ? void 0 : _storybookWebpackConf3.unshift({
203
- enforce: 'pre',
204
- test: new RegExp(`\\.(${(_extensions$map = extensions.map(x => x.slice(1))) === null || _extensions$map === void 0 ? void 0 : _extensions$map.join('|')})$`),
205
- exclude: /node_modules/,
206
- use: creeveyLoader
207
- });
208
- const aliases = ((_storybookWebpackConf4 = storybookWebpackConfig.resolve) === null || _storybookWebpackConf4 === void 0 ? void 0 : _storybookWebpackConf4.alias) ?? {};
209
- 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
210
-
211
- storybookWebpackConfig.externals = [...(Array.isArray(aliases) ? aliases.map(({
212
- name,
213
- alias
214
- }) => [name, alias]) : Object.entries(aliases)).filter(([alias]) => excluded.includes(alias)).flatMap(([, aliasPath]) => aliasPath == false ? [] : (Array.isArray(aliasPath) ? aliasPath : [aliasPath]).map(x => ({
215
- [x]: `commonjs ${x}`
216
- }))), // NOTE Replace `@storybook/${framework}` to ../../storybook.ts
217
- {
218
- [`@storybook/${storybookFramework}`]: `commonjs ${require.resolve('../../storybook/entry')}`
219
- }, nodeExternals({
220
- includeAbsolutePaths: true,
221
- allowlist: /(webpack|dummy-hmr|generated-stories-entry|generated-config-entry|generated-other-entry)/
222
- }), // TODO Don't work well with monorepos
223
- nodeExternals({
224
- modulesDir: resolveFromStorybook('@storybook/core-client').split('@storybook')[0],
225
- includeAbsolutePaths: true,
226
- allowlist: /(webpack|dummy-hmr|generated-stories-entry|generated-config-entry|generated-other-entry)/
227
- })]; // NOTE Exclude some plugins
228
-
229
- const excludedPlugins = ['DocgenPlugin', 'ForkTsCheckerWebpackPlugin'];
230
- storybookWebpackConfig.plugins = (_storybookWebpackConf5 = storybookWebpackConfig.plugins) === null || _storybookWebpackConf5 === void 0 ? void 0 : _storybookWebpackConf5.filter(plugin => !excludedPlugins.includes(plugin.constructor.name));
231
- const storybookWebpackCompiler = webpack(storybookWebpackConfig);
232
-
233
- if (debug) {
234
- dumpStats = stats => {
235
- if (!stats) return;
236
- writeFile(path.join(config.reportDir, 'stats.json'), JSON.stringify(stats.toJson(), null, 2), noop);
237
- };
238
- }
239
-
240
- if (ui) {
241
- const watcher = storybookWebpackCompiler.watch({}, handleWebpackBuild);
242
- subscribeOn('shutdown', () => watcher.close(noop));
243
- } else {
244
- storybookWebpackCompiler.run(handleWebpackBuild);
245
- }
246
- }
@@ -1,152 +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 { commonVisitor, mdxVisitor, previewVisitor, storyVisitor, FileType } from '../babel/helpers';
9
- import { logger } from '../../logger';
10
-
11
- function transform(ast) {
12
- traverse(ast, { ...commonVisitor,
13
- ...(fileType == FileType.Preview ? previewVisitor : undefined),
14
- ...(fileType == FileType.Story ? storyVisitor : undefined),
15
- ...(isMDX ? mdxVisitor : undefined)
16
- }, undefined, {
17
- resourcePath,
18
- fileType,
19
- isMDX,
20
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
21
- visitedTopPaths: new Set(),
22
- visitedBindings: new Set(),
23
- reexportedStories
24
- });
25
- return generate(ast, {
26
- retainLines: true
27
- }).code;
28
- }
29
-
30
- function toPosix(filePath) {
31
- return filePath.split(path.win32.sep).join(path.posix.sep).replace(/^[a-z]:/i, '');
32
- }
33
-
34
- function getIssuerResource(context) {
35
- var _context$_module, _context$_module$issu;
36
-
37
- // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-return
38
- 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;
39
- }
40
-
41
- function getIssuerConstructorName(context) {
42
- var _context$_module2, _context$_module2$iss, _context$_module2$iss2;
43
-
44
- // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-return
45
- 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;
46
- }
47
-
48
- function isEntry(context) {
49
- return getIssuerConstructorName(context) == 'MultiModule';
50
- }
51
-
52
- function isPreview(context, options) {
53
- const {
54
- dir: resourceDir,
55
- name: resourceName
56
- } = path.posix.parse(toPosix(context.resourcePath));
57
- const storybookDir = typeof options.storybookDir == 'string' ? toPosix(options.storybookDir) : '';
58
- const isConfigFile = resourceDir == storybookDir && (resourceName == 'preview' || resourceName == 'config');
59
- const issuerResource = getIssuerResource(context);
60
- return Boolean(issuerResource && entries.has(issuerResource) && isConfigFile);
61
- }
62
-
63
- function isStoryFile(context) {
64
- var _reexportedStories$ge, _context$_module3;
65
-
66
- const issuerResource = getIssuerResource(context);
67
- return getIssuerConstructorName(context) == 'ContextModule' || // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
68
- 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';
69
- } // NOTE: non-story files before preview => issuer.resource is entry
70
-
71
-
72
- const schema = {
73
- type: 'object',
74
- properties: {
75
- debug: {
76
- type: 'boolean'
77
- },
78
- storybookDir: {
79
- type: 'string'
80
- }
81
- }
82
- };
83
- let fileType = FileType.Invalid;
84
- let isMDX = false;
85
- let previewPath = '';
86
- let resourcePath = '';
87
- const entries = new Set();
88
- const stories = new Set();
89
- const reexportedStories = new Map();
90
-
91
- const isTest = () => process.env.__CREEVEY_ENV__ == 'test';
92
-
93
- const defaultOptions = {
94
- get debug() {
95
- return isTest();
96
- },
97
-
98
- storybookDir: process.cwd()
99
- };
100
- export default function loader(source) {
101
- const options = this ? getOptions(this) || defaultOptions : defaultOptions;
102
- validate(schema, options, {
103
- name: 'Creevey Stories Loader'
104
- });
105
- fileType = FileType.Invalid;
106
-
107
- if (this) {
108
- const issuerResource = getIssuerResource(this);
109
- resourcePath = this.resourcePath;
110
-
111
- if (isStoryFile(this)) {
112
- fileType = FileType.Story;
113
- isMDX = path.parse(resourcePath).ext == '.mdx';
114
- stories.add(this.resourcePath);
115
- } else if (isPreview(this, options)) {
116
- fileType = FileType.Preview;
117
- previewPath = this.resourcePath;
118
- } else if (isEntry(this)) {
119
- fileType = FileType.Entry;
120
- entries.add(this.resourcePath);
121
- return source;
122
- } else if (issuerResource && stories.has(issuerResource) && options.debug) {
123
- 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
124
- }
125
- }
126
-
127
- if (isTest() && !Number.isNaN(Number(process.env.CREEVEY_LOADER_FILE_TYPE))) {
128
- fileType = Number(process.env.CREEVEY_LOADER_FILE_TYPE);
129
- }
130
-
131
- try {
132
- const ast = parse(source, {
133
- sourceType: 'module',
134
- plugins: ['classProperties', 'decorators-legacy', 'jsx', 'typescript']
135
- });
136
- return transform(ast);
137
- } catch (error) {
138
- this && logger.warn('Failed to transform file', this.resourcePath);
139
-
140
- if (typeof error == 'object' && error && 'loc' in error) {
141
- logger.warn(codeFrameColumns(source, {
142
- start: error.loc
143
- }, {
144
- highlightCode: true
145
- }));
146
- } else {
147
- logger.warn(error);
148
- }
149
-
150
- return source;
151
- }
152
- }
@@ -1,32 +0,0 @@
1
- global.__CREEVEY_HMR_DATA__ = global.__CREEVEY_HMR_DATA__ ?? {};
2
- Object.entries(__webpack_require__.m).forEach(([key, moduleFn]) => {
3
- __webpack_require__.m[key] = new Proxy(moduleFn, {
4
- apply(target, thisArg, args) {
5
- const [module] = args;
6
- const {
7
- data
8
- } = global.__CREEVEY_HMR_DATA__[module.i] = global.__CREEVEY_HMR_DATA__[module.i] ?? {
9
- data: {}
10
- };
11
- Object.assign(module, {
12
- hot: {
13
- accept() {
14
- /* noop */
15
- },
16
-
17
- get data() {
18
- return data;
19
- },
20
-
21
- dispose(callback) {
22
- global.__CREEVEY_HMR_DATA__[module.i].callback = callback;
23
- }
24
-
25
- }
26
- });
27
- return target.apply(thisArg, args);
28
- }
29
-
30
- });
31
- });
32
- export default {};
@@ -1,58 +0,0 @@
1
- /* eslint-disable */
2
-
3
- /* Copy-paste from storybook/addons/docs/src/frameworks/common/preset.ts */
4
- import { resolveFromStorybook, resolveFromStorybookAddonDocs, resolveFromStorybookBuilderWebpack4 } 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: 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,20 +0,0 @@
1
- import chalk from 'chalk';
2
- import { default as Logger } from 'loglevel';
3
- import prefix from 'loglevel-plugin-prefix';
4
- export { getLogger } from 'loglevel';
5
- export const colors = {
6
- TRACE: chalk.magenta,
7
- DEBUG: chalk.cyan,
8
- INFO: chalk.blue,
9
- WARN: chalk.yellow,
10
- ERROR: chalk.red
11
- };
12
- prefix.reg(Logger);
13
- prefix.apply(Logger, {
14
- format(level, name = 'Creevey') {
15
- const levelColor = colors[level.toUpperCase()];
16
- return `[${name}:${chalk.gray(process.pid)}] ${levelColor(level)} =>`;
17
- }
18
-
19
- });
20
- export const logger = Logger.getLogger('Creevey');
@@ -1,60 +0,0 @@
1
- import WebSocket from 'ws';
2
- import { logger } from '../logger';
3
-
4
- function broadcast(wss, message) {
5
- wss.clients.forEach(ws => {
6
- if (ws.readyState === WebSocket.OPEN) {
7
- ws.send(JSON.stringify(message));
8
- }
9
- });
10
- }
11
-
12
- export default function creeveyApi(runner) {
13
- return {
14
- subscribe(wss) {
15
- runner.on('update', payload => broadcast(wss, {
16
- type: 'update',
17
- payload
18
- }));
19
- },
20
-
21
- handleMessage(ws, message) {
22
- if (typeof message != 'string') {
23
- logger.info('unhandled message', message);
24
- return;
25
- }
26
-
27
- const command = JSON.parse(message);
28
-
29
- switch (command.type) {
30
- case 'status':
31
- {
32
- ws.send(JSON.stringify({
33
- type: 'status',
34
- payload: runner.status
35
- }));
36
- return;
37
- }
38
-
39
- case 'start':
40
- {
41
- runner.start(command.payload);
42
- return;
43
- }
44
-
45
- case 'stop':
46
- {
47
- runner.stop();
48
- return;
49
- }
50
-
51
- case 'approve':
52
- {
53
- void runner.approve(command.payload);
54
- return;
55
- }
56
- }
57
- }
58
-
59
- };
60
- }