creevey 0.9.0-beta.0 → 0.9.0-beta.1

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 (148) hide show
  1. package/lib/types/index.d.ts +4 -3
  2. package/lib/types/server/config.d.ts +1 -1
  3. package/lib/types/server/messages.d.ts +0 -1
  4. package/lib/types/server/{parser.d.ts → testsFiles/parser.d.ts} +1 -1
  5. package/lib/types/server/testsFiles/register.d.ts +2 -0
  6. package/lib/types/types.d.ts +3 -2
  7. package/package.json +5 -2
  8. package/lib/cjs/cli.js +0 -5
  9. package/lib/cjs/client/addon/Manager.js +0 -412
  10. package/lib/cjs/client/addon/components/Addon.js +0 -76
  11. package/lib/cjs/client/addon/components/Icons.js +0 -42
  12. package/lib/cjs/client/addon/components/Panel.js +0 -68
  13. package/lib/cjs/client/addon/components/TestSelect.js +0 -63
  14. package/lib/cjs/client/addon/components/Tools.js +0 -114
  15. package/lib/cjs/client/addon/decorator.js +0 -11
  16. package/lib/cjs/client/addon/preset.js +0 -81
  17. package/lib/cjs/client/addon/readyForCapture.js +0 -12
  18. package/lib/cjs/client/addon/register.js +0 -96
  19. package/lib/cjs/client/addon/utils.js +0 -38
  20. package/lib/cjs/client/addon/withCreevey.js +0 -556
  21. package/lib/cjs/client/shared/components/ImagesView/BlendView.js +0 -85
  22. package/lib/cjs/client/shared/components/ImagesView/ImagesView.js +0 -88
  23. package/lib/cjs/client/shared/components/ImagesView/SideBySideView.js +0 -176
  24. package/lib/cjs/client/shared/components/ImagesView/SlideView.js +0 -179
  25. package/lib/cjs/client/shared/components/ImagesView/SwapView.js +0 -110
  26. package/lib/cjs/client/shared/components/ImagesView/index.js +0 -45
  27. package/lib/cjs/client/shared/components/PageFooter/PageFooter.js +0 -46
  28. package/lib/cjs/client/shared/components/PageFooter/Paging.js +0 -98
  29. package/lib/cjs/client/shared/components/PageHeader/ImagePreview.js +0 -78
  30. package/lib/cjs/client/shared/components/PageHeader/PageHeader.js +0 -144
  31. package/lib/cjs/client/shared/components/ResultsPage.js +0 -173
  32. package/lib/cjs/client/shared/creeveyClientApi.js +0 -103
  33. package/lib/cjs/client/shared/helpers.js +0 -482
  34. package/lib/cjs/client/shared/viewMode.js +0 -17
  35. package/lib/cjs/client/web/index.html +0 -19
  36. package/lib/cjs/creevey.js +0 -71
  37. package/lib/cjs/index.js +0 -62
  38. package/lib/cjs/server/config.js +0 -96
  39. package/lib/cjs/server/docker.js +0 -150
  40. package/lib/cjs/server/extract.js +0 -50
  41. package/lib/cjs/server/index.js +0 -83
  42. package/lib/cjs/server/loaders/babel/creevey-plugin.js +0 -88
  43. package/lib/cjs/server/loaders/babel/helpers.js +0 -479
  44. package/lib/cjs/server/loaders/babel/register.js +0 -126
  45. package/lib/cjs/server/loaders/hooks/mdx.js +0 -30
  46. package/lib/cjs/server/loaders/hooks/svelte.js +0 -65
  47. package/lib/cjs/server/loaders/webpack/compile.js +0 -286
  48. package/lib/cjs/server/loaders/webpack/creevey-loader.js +0 -174
  49. package/lib/cjs/server/loaders/webpack/dummy-hmr.js +0 -44
  50. package/lib/cjs/server/loaders/webpack/mdx-loader.js +0 -72
  51. package/lib/cjs/server/loaders/webpack/start.js +0 -41
  52. package/lib/cjs/server/logger.js +0 -47
  53. package/lib/cjs/server/master/api.js +0 -71
  54. package/lib/cjs/server/master/index.js +0 -146
  55. package/lib/cjs/server/master/master.js +0 -57
  56. package/lib/cjs/server/master/pool.js +0 -206
  57. package/lib/cjs/server/master/runner.js +0 -294
  58. package/lib/cjs/server/master/server.js +0 -129
  59. package/lib/cjs/server/messages.js +0 -266
  60. package/lib/cjs/server/parser.js +0 -85
  61. package/lib/cjs/server/selenium/browser.js +0 -680
  62. package/lib/cjs/server/selenium/index.js +0 -31
  63. package/lib/cjs/server/selenium/selenoid.js +0 -174
  64. package/lib/cjs/server/stories.js +0 -170
  65. package/lib/cjs/server/storybook/entry.js +0 -68
  66. package/lib/cjs/server/storybook/helpers.js +0 -165
  67. package/lib/cjs/server/storybook/providers/browser.js +0 -78
  68. package/lib/cjs/server/storybook/providers/hybrid.js +0 -79
  69. package/lib/cjs/server/storybook/providers/nodejs.js +0 -239
  70. package/lib/cjs/server/update.js +0 -83
  71. package/lib/cjs/server/utils.js +0 -185
  72. package/lib/cjs/server/worker/chai-image.js +0 -142
  73. package/lib/cjs/server/worker/helpers.js +0 -69
  74. package/lib/cjs/server/worker/index.js +0 -15
  75. package/lib/cjs/server/worker/reporter.js +0 -120
  76. package/lib/cjs/server/worker/worker.js +0 -278
  77. package/lib/cjs/shared.js +0 -107
  78. package/lib/cjs/types.js +0 -74
  79. package/lib/esm/cli.js +0 -4
  80. package/lib/esm/client/addon/Manager.js +0 -396
  81. package/lib/esm/client/addon/components/Addon.js +0 -58
  82. package/lib/esm/client/addon/components/Icons.js +0 -27
  83. package/lib/esm/client/addon/components/Panel.js +0 -49
  84. package/lib/esm/client/addon/components/TestSelect.js +0 -49
  85. package/lib/esm/client/addon/components/Tools.js +0 -91
  86. package/lib/esm/client/addon/decorator.js +0 -2
  87. package/lib/esm/client/addon/preset.js +0 -56
  88. package/lib/esm/client/addon/readyForCapture.js +0 -5
  89. package/lib/esm/client/addon/register.js +0 -75
  90. package/lib/esm/client/addon/utils.js +0 -31
  91. package/lib/esm/client/addon/withCreevey.js +0 -532
  92. package/lib/esm/client/shared/components/ImagesView/BlendView.js +0 -63
  93. package/lib/esm/client/shared/components/ImagesView/ImagesView.js +0 -65
  94. package/lib/esm/client/shared/components/ImagesView/SideBySideView.js +0 -151
  95. package/lib/esm/client/shared/components/ImagesView/SlideView.js +0 -154
  96. package/lib/esm/client/shared/components/ImagesView/SwapView.js +0 -88
  97. package/lib/esm/client/shared/components/ImagesView/index.js +0 -5
  98. package/lib/esm/client/shared/components/PageFooter/PageFooter.js +0 -32
  99. package/lib/esm/client/shared/components/PageFooter/Paging.js +0 -84
  100. package/lib/esm/client/shared/components/PageHeader/ImagePreview.js +0 -64
  101. package/lib/esm/client/shared/components/PageHeader/PageHeader.js +0 -120
  102. package/lib/esm/client/shared/components/ResultsPage.js +0 -143
  103. package/lib/esm/client/shared/creeveyClientApi.js +0 -94
  104. package/lib/esm/client/shared/helpers.js +0 -424
  105. package/lib/esm/client/shared/viewMode.js +0 -6
  106. package/lib/esm/creevey.js +0 -56
  107. package/lib/esm/index.js +0 -7
  108. package/lib/esm/server/config.js +0 -73
  109. package/lib/esm/server/docker.js +0 -123
  110. package/lib/esm/server/extract.js +0 -34
  111. package/lib/esm/server/index.js +0 -64
  112. package/lib/esm/server/loaders/babel/creevey-plugin.js +0 -74
  113. package/lib/esm/server/loaders/babel/helpers.js +0 -462
  114. package/lib/esm/server/loaders/babel/register.js +0 -105
  115. package/lib/esm/server/loaders/hooks/mdx.js +0 -15
  116. package/lib/esm/server/loaders/hooks/svelte.js +0 -49
  117. package/lib/esm/server/loaders/webpack/compile.js +0 -263
  118. package/lib/esm/server/loaders/webpack/creevey-loader.js +0 -153
  119. package/lib/esm/server/loaders/webpack/dummy-hmr.js +0 -36
  120. package/lib/esm/server/loaders/webpack/mdx-loader.js +0 -58
  121. package/lib/esm/server/loaders/webpack/start.js +0 -27
  122. package/lib/esm/server/logger.js +0 -20
  123. package/lib/esm/server/master/api.js +0 -60
  124. package/lib/esm/server/master/index.js +0 -125
  125. package/lib/esm/server/master/master.js +0 -38
  126. package/lib/esm/server/master/pool.js +0 -187
  127. package/lib/esm/server/master/runner.js +0 -272
  128. package/lib/esm/server/master/server.js +0 -105
  129. package/lib/esm/server/messages.js +0 -234
  130. package/lib/esm/server/parser.js +0 -63
  131. package/lib/esm/server/selenium/browser.js +0 -647
  132. package/lib/esm/server/selenium/index.js +0 -2
  133. package/lib/esm/server/selenium/selenoid.js +0 -151
  134. package/lib/esm/server/stories.js +0 -151
  135. package/lib/esm/server/storybook/entry.js +0 -44
  136. package/lib/esm/server/storybook/helpers.js +0 -106
  137. package/lib/esm/server/storybook/providers/browser.js +0 -61
  138. package/lib/esm/server/storybook/providers/hybrid.js +0 -63
  139. package/lib/esm/server/storybook/providers/nodejs.js +0 -217
  140. package/lib/esm/server/update.js +0 -65
  141. package/lib/esm/server/utils.js +0 -146
  142. package/lib/esm/server/worker/chai-image.js +0 -130
  143. package/lib/esm/server/worker/helpers.js +0 -60
  144. package/lib/esm/server/worker/index.js +0 -1
  145. package/lib/esm/server/worker/reporter.js +0 -98
  146. package/lib/esm/server/worker/worker.js +0 -248
  147. package/lib/esm/shared.js +0 -76
  148. package/lib/esm/types.js +0 -43
@@ -1,105 +0,0 @@
1
- import Module from 'module';
2
- import fs from 'fs';
3
- import { isAbsolute, join, relative, resolve } from 'path';
4
- import { addHook } from 'pirates';
5
- import { isDefined } from '../../../types';
6
- import { extensions } from '../../utils';
7
- import plugin from './creevey-plugin';
8
- import { hasDocsAddon, hasSvelteCSFAddon, isStorybookVersionLessThan } from '../../storybook/helpers';
9
- let parents = null;
10
- let story = null; //@ts-expect-error private field doesn't have types
11
- // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-assignment
12
-
13
- const jsLoader = Module._extensions['.js']; //@ts-expect-error private field doesn't have types
14
- // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
15
-
16
- Module._extensions['.js'] = function (mod, filename) {
17
- parents = Object.values(require.cache).filter(m => m === null || m === void 0 ? void 0 : m.children.includes(mod)).filter(isDefined).map(m => m.filename); // eslint-disable-next-line @typescript-eslint/no-unsafe-call
18
-
19
- jsLoader(mod, filename);
20
- parents = null;
21
- };
22
-
23
- addHook(() => '', {
24
- exts: ['.jpg', '.jpeg', '.png', '.gif', '.eot', '.otf', '.svg', '.ttf', '.woff', '.woff2', '.css', '.less', '.scss', '.styl'],
25
- ignoreNodeModules: false
26
- });
27
-
28
- function getRequireContext(rootDir) {
29
- return function requireContext(rootPath, deep, filter) {
30
- const ids = [];
31
- let contextPath; // Relative path
32
-
33
- if (rootPath.startsWith('.')) contextPath = resolve(rootDir, rootPath); // Module path
34
- else if (!isAbsolute(rootPath)) contextPath = require.resolve(rootPath); // Absolute path
35
- else contextPath = rootPath;
36
-
37
- const traverse = dirPath => {
38
- fs.readdirSync(dirPath, {
39
- withFileTypes: true
40
- }).forEach(dirent => {
41
- var _filter$test;
42
-
43
- const filename = dirent.name;
44
- const filePath = join(dirPath, filename);
45
- if (dirent.isDirectory() && deep) return traverse(filePath);
46
- if (dirent.isFile() && ((_filter$test = filter === null || filter === void 0 ? void 0 : filter.test(`./${relative(contextPath, filePath)}`)) !== null && _filter$test !== void 0 ? _filter$test : true)) return ids.push(filePath);
47
- });
48
- };
49
-
50
- traverse(contextPath);
51
-
52
- const context = id => {
53
- story = id; // eslint-disable-next-line @typescript-eslint/no-var-requires
54
-
55
- const storyModule = require(id);
56
-
57
- story = null;
58
- return storyModule;
59
- };
60
-
61
- context.id = contextPath;
62
-
63
- context.keys = () => ids;
64
-
65
- context.resolve = id => id;
66
-
67
- return context;
68
- };
69
- }
70
-
71
- export default async function register(config, debug = false) {
72
- const rootDir = isStorybookVersionLessThan(6, 4) ? config.storybookDir : process.cwd();
73
- const requireContext = getRequireContext(rootDir);
74
- const preview = resolve(config.storybookDir, 'preview');
75
- if (hasDocsAddon()) await (await import('../hooks/mdx')).addMDXHook(() => story);
76
- if (hasSvelteCSFAddon()) await (await import('../hooks/svelte')).addSvelteHook(() => story); // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call
77
-
78
- (await import('@babel/register')).default(config.babelOptions({
79
- babelrc: false,
80
- rootMode: 'upward-optional',
81
- ignore: [/node_modules/],
82
- extensions: [...extensions, ...(hasDocsAddon() ? ['.mdx'] : []), ...(hasSvelteCSFAddon() ? ['.svelte'] : [])],
83
- parserOpts: {
84
- sourceType: 'module',
85
- plugins: ['classProperties', 'decorators-legacy', 'jsx', 'typescript']
86
- },
87
- plugins: [[plugin, {
88
- debug,
89
- preview,
90
- parents: () => parents,
91
- story: () => story
92
- }], ['@babel/plugin-transform-runtime', {
93
- // eslint-disable-next-line @typescript-eslint/no-var-requires
94
- version: require('@babel/helpers/package.json').version,
95
- absoluteRuntime: true,
96
- corejs: 3
97
- }]],
98
- presets: [['@babel/preset-env', {
99
- targets: {
100
- node: '10'
101
- }
102
- }]]
103
- }));
104
- return requireContext;
105
- }
@@ -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,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
- }