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

package/lib/esm/server/loaders/babel/register.js

@@ -1,105 +0,0 @@
-import Module from 'module';
-import fs from 'fs';
-import { isAbsolute, join, relative, resolve } from 'path';
-import { addHook } from 'pirates';
-import { isDefined } from '../../../types';
-import { extensions } from '../../utils';
-import plugin from './creevey-plugin';
-import { hasDocsAddon, hasSvelteCSFAddon, isStorybookVersionLessThan } from '../../storybook/helpers';
-let parents = null;
-let story = null; //@ts-expect-error private field doesn't have types
-// eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-assignment
-
-const jsLoader = Module._extensions['.js']; //@ts-expect-error private field doesn't have types
-// eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
-
-Module._extensions['.js'] = function (mod, filename) {
-  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
-
-  jsLoader(mod, filename);
-  parents = null;
-};
-
-addHook(() => '', {
-  exts: ['.jpg', '.jpeg', '.png', '.gif', '.eot', '.otf', '.svg', '.ttf', '.woff', '.woff2', '.css', '.less', '.scss', '.styl'],
-  ignoreNodeModules: false
-});
-
-function getRequireContext(rootDir) {
-  return function requireContext(rootPath, deep, filter) {
-    const ids = [];
-    let contextPath; // Relative path
-
-    if (rootPath.startsWith('.')) contextPath = resolve(rootDir, rootPath); // Module path
-    else if (!isAbsolute(rootPath)) contextPath = require.resolve(rootPath); // Absolute path
-    else contextPath = rootPath;
-
-    const traverse = dirPath => {
-      fs.readdirSync(dirPath, {
-        withFileTypes: true
-      }).forEach(dirent => {
-        var _filter$test;
-
-        const filename = dirent.name;
-        const filePath = join(dirPath, filename);
-        if (dirent.isDirectory() && deep) return traverse(filePath);
-        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);
-      });
-    };
-
-    traverse(contextPath);
-
-    const context = id => {
-      story = id; // eslint-disable-next-line @typescript-eslint/no-var-requires
-
-      const storyModule = require(id);
-
-      story = null;
-      return storyModule;
-    };
-
-    context.id = contextPath;
-
-    context.keys = () => ids;
-
-    context.resolve = id => id;
-
-    return context;
-  };
-}
-
-export default async function register(config, debug = false) {
-  const rootDir = isStorybookVersionLessThan(6, 4) ? config.storybookDir : process.cwd();
-  const requireContext = getRequireContext(rootDir);
-  const preview = resolve(config.storybookDir, 'preview');
-  if (hasDocsAddon()) await (await import('../hooks/mdx')).addMDXHook(() => story);
-  if (hasSvelteCSFAddon()) await (await import('../hooks/svelte')).addSvelteHook(() => story); // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call
-
-  (await import('@babel/register')).default(config.babelOptions({
-    babelrc: false,
-    rootMode: 'upward-optional',
-    ignore: [/node_modules/],
-    extensions: [...extensions, ...(hasDocsAddon() ? ['.mdx'] : []), ...(hasSvelteCSFAddon() ? ['.svelte'] : [])],
-    parserOpts: {
-      sourceType: 'module',
-      plugins: ['classProperties', 'decorators-legacy', 'jsx', 'typescript']
-    },
-    plugins: [[plugin, {
-      debug,
-      preview,
-      parents: () => parents,
-      story: () => story
-    }], ['@babel/plugin-transform-runtime', {
-      // eslint-disable-next-line @typescript-eslint/no-var-requires
-      version: require('@babel/helpers/package.json').version,
-      absoluteRuntime: true,
-      corejs: 3
-    }]],
-    presets: [['@babel/preset-env', {
-      targets: {
-        node: '10'
-      }
-    }]]
-  }));
-  return requireContext;
-}

package/lib/esm/server/loaders/hooks/mdx.js

@@ -1,15 +0,0 @@
-import { addHook } from 'pirates';
-import { resolveFromStorybookAddonDocs } from '../../storybook/helpers';
-export const addMDXHook = async getStory => {
-  const mdx = (await import(resolveFromStorybookAddonDocs('@mdx-js/mdx'))).default;
-  const {
-    mdxOptions
-  } = await import('../webpack/mdx-loader');
-  addHook((code, filename) => {
-    const story = getStory();
-    if (!story || !filename.startsWith(story)) return code;
-    return mdx.sync(code, mdxOptions());
-  }, {
-    exts: ['.mdx']
-  });
-};

package/lib/esm/server/loaders/hooks/svelte.js

@@ -1,49 +0,0 @@
-import { addHook } from 'pirates';
-import { logger } from '../../logger';
-import { resolveFromStorybook, storybookConfigRef } from '../../storybook/helpers';
-export const addSvelteHook = async getStory => {
-  const {
-    compile,
-    preprocess
-  } = await import(resolveFromStorybook('svelte/compiler'));
-  const {
-    default: svelteCSFLoader
-  } = await import(resolveFromStorybook('@storybook/addon-svelte-csf/dist/cjs/parser/svelte-stories-loader'));
-  addHook((code, filename) => {
-    var _options$compilerOpti;
-
-    const story = getStory();
-    const config = storybookConfigRef.current;
-    const {
-      svelteOptions: options = {}
-    } = config; // NOTE: Copy-paste compiling code from https://github.com/sveltejs/svelte-loader/blob/3c4d66d/index.js
-
-    const compileOptions = {
-      filename,
-      css: false,
-      ...options.compilerOptions,
-      format: ((_options$compilerOpti = options.compilerOptions) === null || _options$compilerOpti === void 0 ? void 0 : _options$compilerOpti.format) || 'esm'
-    }; // TODO Can't use preprocess here because it async and hook must be sync
-    // The only way to fix it, load stories by using `import()` instead of require
-    // And write native nodejs `.svelte` resolver https://nodejs.org/api/esm.html#esm_resolve_specifier_context_defaultresolve
-    // const processed = await preprocess(code, options.preprocess, { filename });
-
-    void preprocess;
-    const {
-      js: {
-        code: compiledCode
-      },
-      warnings
-    } = compile(code, compileOptions);
-    warnings.forEach(warning => logger.warn(warning));
-    if (!story || !filename.startsWith(story)) return compiledCode;
-    return svelteCSFLoader.call({
-      _module: {
-        resource: filename
-      }
-    }, compiledCode); // TODO Extract parameters from `create_fragment` that created by compiler
-    // TODO Write babel transformation for it
-  }, {
-    exts: ['.svelte']
-  });
-};

package/lib/esm/server/loaders/webpack/compile.js

@@ -1,263 +0,0 @@
-import { rmdirSync, writeFile } from 'fs';
-import path from 'path';
-import webpack from 'webpack';
-import nodeExternals from 'webpack-node-externals';
-import { extensions as fallbackExtensions, getCreeveyCache } from '../../utils';
-import { getStorybookFramework, hasDocsAddon, importStorybookConfig, isStorybookVersionLessThan, resolveFromStorybook } from '../../storybook/helpers';
-import { noop } from '../../../types';
-import { emitWebpackMessage, subscribeOn } from '../../messages';
-import { logger } from '../../logger';
-let isInitiated = false;
-let dumpStats = noop;
-
-function handleWebpackBuild(error, stats) {
-  dumpStats(stats);
-
-  if (error || !stats || stats.hasErrors()) {
-    emitWebpackMessage({
-      type: isInitiated ? 'rebuild failed' : 'fail'
-    });
-    console.error('=> Failed to build the Storybook preview bundle');
-    if (error) return console.error(error.message);
-
-    if (stats && (stats.hasErrors() || stats.hasWarnings())) {
-      const {
-        warnings,
-        errors
-      } = stats.toJson();
-      errors.forEach(e => console.error(e));
-      warnings.forEach(e => console.error(e));
-      return;
-    }
-  }
-
-  stats.toJson().warnings.forEach(e => console.warn(e));
-
-  if (!isInitiated) {
-    isInitiated = true;
-    emitWebpackMessage({
-      type: 'success'
-    });
-  } else {
-    emitWebpackMessage({
-      type: 'rebuild succeeded'
-    });
-  }
-
-  return;
-}
-
-async function applyMdxLoader(config, areAddonsRemoved, loader) {
-  const {
-    mdxLoaders
-  } = await import('./mdx-loader');
-  mdxLoaders.splice(1, 0, loader);
-  const mdxRegexps = isStorybookVersionLessThan(6, 2) ? [/\.(stories|story).mdx$/, /\.(stories|story)\.mdx$/] : [/(stories|story)\.mdx$/]; // NOTE replace md/mdx to null loader
-
-  const mdRegexps = [/\.md$/, /\.mdx$/];
-
-  if (areAddonsRemoved) {
-    var _config$module2;
-
-    mdRegexps.forEach(test => {
-      var _config$module;
-
-      return (_config$module = config.module) === null || _config$module === void 0 ? void 0 : _config$module.rules.unshift({
-        test,
-        exclude: /(stories|story)\.mdx$/,
-        use: require.resolve('null-loader')
-      });
-    });
-    (_config$module2 = config.module) === null || _config$module2 === void 0 ? void 0 : _config$module2.rules.unshift({
-      test: /(stories|story)\.mdx$/,
-      use: mdxLoaders
-    });
-  } else {
-    var _config$module3, _config$module4, _config$module$rules$, _config$module5;
-
-    // NOTE Exclude addons' entry points
-    config.entry = Array.isArray(config.entry) ? config.entry.filter(entry => !/@storybook(\/|\\)addon/.test(entry)) : config.entry;
-    (_config$module3 = config.module) === null || _config$module3 === void 0 ? void 0 : _config$module3.rules.filter(rule => mdRegexps.some(test => {
-      var _rule$test;
-
-      return ((_rule$test = rule.test) === null || _rule$test === void 0 ? void 0 : _rule$test.toString()) == test.toString();
-    })).forEach(rule => rule.use = require.resolve('null-loader'));
-    (_config$module4 = config.module) === null || _config$module4 === void 0 ? void 0 : _config$module4.rules.filter(rule => mdxRegexps.some(test => {
-      var _rule$test2;
-
-      return ((_rule$test2 = rule.test) === null || _rule$test2 === void 0 ? void 0 : _rule$test2.toString()) == test.toString();
-    })).forEach(rule => rule.use = mdxLoaders); // NOTE Exclude source-loader
-
-    config.module = { ...config.module,
-      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$ : []
-    };
-  }
-}
-
-async function getWebpackConfigForStorybook_pre6_2(framework, configDir, outputDir) {
-  const {
-    default: storybookFrameworkOptions
-  } = await import(resolveFromStorybook(`@storybook/${framework}/dist/server/options`)); // eslint-disable-next-line node/no-missing-import, @typescript-eslint/no-unsafe-assignment, import/no-unresolved
-
-  const {
-    default: getConfig
-  } = await import(resolveFromStorybook('@storybook/core/dist/server/config')); // eslint-disable-next-line @typescript-eslint/no-unsafe-return, @typescript-eslint/no-unsafe-call
-
-  return getConfig({
-    // NOTE: 6.1 storybook don't support quite any more. But we still have older versions
-    quiet: true,
-    configType: 'PRODUCTION',
-    outputDir,
-    cache: {},
-    // eslint-disable-next-line node/no-missing-require
-    corePresets: [resolveFromStorybook('@storybook/core/dist/server/preview/preview-preset')],
-    overridePresets: [...(hasDocsAddon() ? [require.resolve('./mdx-loader')] : []), // eslint-disable-next-line node/no-missing-require
-    resolveFromStorybook('@storybook/core/dist/server/preview/custom-webpack-preset')],
-    ...storybookFrameworkOptions,
-    configDir
-  });
-}
-
-async function getWebpackConfigForStorybook_6_2(framework, configDir, outputDir) {
-  const {
-    default: storybookFrameworkOptions
-  } = await import(resolveFromStorybook(`@storybook/${framework}/dist/cjs/server/options`));
-  const options = {
-    quiet: true,
-    configType: 'PRODUCTION',
-    outputDir,
-    configDir,
-    ...storybookFrameworkOptions
-  }; // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-
-  const {
-    getPreviewBuilder
-  } = await import(resolveFromStorybook('@storybook/core-server/dist/cjs/utils/get-preview-builder')); // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-
-  const {
-    loadAllPresets
-  } = await import(resolveFromStorybook('@storybook/core-common')); // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-call
-
-  const builder = await getPreviewBuilder(configDir); // NOTE: Copy-paste from storybook/lib/core-server/src/build-dev.ts
-  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-call
-
-  const presets = loadAllPresets({
-    corePresets: [// eslint-disable-next-line node/no-missing-require
-    resolveFromStorybook('@storybook/core-server/dist/cjs/presets/common-preset'), // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access
-    ...builder.corePresets, // eslint-disable-next-line node/no-missing-require
-    resolveFromStorybook('@storybook/core-server/dist/cjs/presets/babel-cache-preset')],
-    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access
-    overridePresets: [...(hasDocsAddon() ? [require.resolve('./mdx-loader')] : []), // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access
-    ...builder.overridePresets],
-    ...options
-  }); // 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
-
-  return builder.getConfig({ ...options,
-    presets
-  });
-}
-
-async function removeAddons() {
-  try {
-    var _config$core;
-
-    const config = await importStorybookConfig();
-
-    if (((_config$core = config.core) === null || _config$core === void 0 ? void 0 : _config$core.builder) == 'webpack5') {
-      logger.warn("Be aware Creevey doesn't fully support webpack@5, some feature might not work well");
-    }
-
-    if (config.addons && config.stories) {
-      config.addons = [];
-      return true;
-    }
-  } catch (_) {
-    /* noop */
-  }
-
-  return false;
-}
-
-export default async function compile(config, {
-  debug,
-  ui
-}) {
-  var _storybookWebpackConf, _storybookWebpackConf2, _storybookWebpackConf3, _extensions$map, _storybookWebpackConf4, _storybookWebpackConf5, _storybookWebpackConf6;
-
-  const storybookFramework = getStorybookFramework();
-  const outputDir = path.join(getCreeveyCache(), 'storybook');
-
-  try {
-    rmdirSync(outputDir, {
-      recursive: true
-    });
-  } catch (_) {
-    /* noop */
-  }
-
-  const creeveyLoader = {
-    loader: require.resolve('./creevey-loader'),
-    options: {
-      debug,
-      storybookDir: config.storybookDir
-    }
-  };
-  process.env.NODE_ENV = 'production'; // NOTE Remove addons by monkey patching, only for new config file (main.js)
-
-  const areAddonsRemoved = await removeAddons();
-  const getWebpackConfig = isStorybookVersionLessThan(6, 2) ? getWebpackConfigForStorybook_pre6_2 : getWebpackConfigForStorybook_6_2;
-  const storybookWebpackConfig = await getWebpackConfig(storybookFramework, config.storybookDir, outputDir);
-  const extensions = (_storybookWebpackConf = (_storybookWebpackConf2 = storybookWebpackConfig.resolve) === null || _storybookWebpackConf2 === void 0 ? void 0 : _storybookWebpackConf2.extensions) !== null && _storybookWebpackConf !== void 0 ? _storybookWebpackConf : fallbackExtensions;
-  delete storybookWebpackConfig.optimization;
-  storybookWebpackConfig.devtool = false;
-  storybookWebpackConfig.performance = false;
-  storybookWebpackConfig.profile = debug;
-  storybookWebpackConfig.mode = 'development';
-  storybookWebpackConfig.target = 'node';
-  storybookWebpackConfig.output = { ...storybookWebpackConfig.output,
-    filename: 'main.js'
-  }; // NOTE Add hack to allow stories HMR work in nodejs
-
-  Array.isArray(storybookWebpackConfig.entry) && storybookWebpackConfig.entry.unshift(require.resolve('./dummy-hmr')); // NOTE apply creevey loader to output from mdx loader
-
-  if (hasDocsAddon()) await applyMdxLoader(storybookWebpackConfig, areAddonsRemoved, creeveyLoader); // NOTE Add creevey-loader to cut off all unnecessary code except stories meta and tests
-
-  (_storybookWebpackConf3 = storybookWebpackConfig.module) === null || _storybookWebpackConf3 === void 0 ? void 0 : _storybookWebpackConf3.rules.unshift({
-    enforce: 'pre',
-    test: new RegExp(`\\.(${(_extensions$map = extensions.map(x => x.slice(1))) === null || _extensions$map === void 0 ? void 0 : _extensions$map.join('|')})$`),
-    exclude: /node_modules/,
-    use: creeveyLoader
-  });
-  const aliases = (_storybookWebpackConf4 = (_storybookWebpackConf5 = storybookWebpackConfig.resolve) === null || _storybookWebpackConf5 === void 0 ? void 0 : _storybookWebpackConf5.alias) !== null && _storybookWebpackConf4 !== void 0 ? _storybookWebpackConf4 : {};
-  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
-
-  storybookWebpackConfig.externals = [...Object.entries(aliases).filter(([alias]) => excluded.includes(alias)).map(([, aliasPath]) => ({
-    [aliasPath]: `commonjs ${aliasPath}`
-  })), // NOTE Replace `@storybook/${framework}` to ../../storybook.ts
-  {
-    [`@storybook/${storybookFramework}`]: `commonjs ${require.resolve('../../storybook/entry')}`
-  }, nodeExternals({
-    includeAbsolutePaths: true,
-    allowlist: /(webpack|dummy-hmr|generated-stories-entry|generated-config-entry|generated-other-entry)/
-  }), // TODO Don't work well with monorepos
-  nodeExternals({
-    modulesDir: resolveFromStorybook('@storybook/core').split('@storybook')[0],
-    includeAbsolutePaths: true,
-    allowlist: /(webpack|dummy-hmr|generated-stories-entry|generated-config-entry|generated-other-entry)/
-  })]; // NOTE Exclude some plugins
-
-  const excludedPlugins = ['DocgenPlugin', 'ForkTsCheckerWebpackPlugin'];
-  storybookWebpackConfig.plugins = (_storybookWebpackConf6 = storybookWebpackConfig.plugins) === null || _storybookWebpackConf6 === void 0 ? void 0 : _storybookWebpackConf6.filter(plugin => !excludedPlugins.includes(plugin.constructor.name));
-  const storybookWebpackCompiler = webpack(storybookWebpackConfig);
-
-  if (debug) {
-    dumpStats = stats => writeFile(path.join(config.reportDir, 'stats.json'), JSON.stringify(stats.toJson(), null, 2), noop);
-  }
-
-  if (ui) {
-    const watcher = storybookWebpackCompiler.watch({}, handleWebpackBuild);
-    subscribeOn('shutdown', () => watcher.close(noop));
-  } else {
-    storybookWebpackCompiler.run(handleWebpackBuild);
-  }
-}

package/lib/esm/server/loaders/webpack/creevey-loader.js

@@ -1,153 +0,0 @@
-import path from 'path';
-import { codeFrameColumns } from '@babel/code-frame';
-import { getOptions } from 'loader-utils';
-import { validate } from 'schema-utils';
-import { parse } from '@babel/parser';
-import traverse from '@babel/traverse';
-import generate from '@babel/generator';
-import { isStorybookVersionLessThan } from '../../storybook/helpers';
-import { commonVisitor, mdxVisitor, previewVisitor, storyVisitor, FileType } from '../babel/helpers';
-import { logger } from '../../logger';
-
-function transform(ast) {
-  traverse(ast, { ...commonVisitor,
-    ...(fileType == FileType.Preview ? previewVisitor : undefined),
-    ...(fileType == FileType.Story ? storyVisitor : undefined),
-    ...(isMDX ? mdxVisitor : undefined)
-  }, undefined, {
-    resourcePath,
-    fileType,
-    isMDX,
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    visitedTopPaths: new Set(),
-    visitedBindings: new Set(),
-    reexportedStories
-  });
-  return generate(ast, {
-    retainLines: true
-  }).code;
-}
-
-function toPosix(filePath) {
-  return filePath.split(path.win32.sep).join(path.posix.sep).replace(/^[a-z]:/i, '');
-}
-
-function getIssuerResource(context) {
-  var _context$_module, _context$_module$issu;
-
-  // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-return
-  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;
-}
-
-function getIssuerConstructorName(context) {
-  var _context$_module2, _context$_module2$iss, _context$_module2$iss2;
-
-  // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-return
-  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;
-}
-
-function isEntry(context) {
-  return getIssuerConstructorName(context) == 'MultiModule';
-}
-
-function isPreview(context, options) {
-  const {
-    dir: resourceDir,
-    name: resourceName
-  } = path.posix.parse(toPosix(context.resourcePath));
-  const storybookDir = typeof options.storybookDir == 'string' ? toPosix(options.storybookDir) : '';
-  const isConfigFile = resourceDir == storybookDir && (resourceName == 'preview' || resourceName == 'config');
-
-  if (isStorybookVersionLessThan(6)) {
-    return isEntry(context) && isConfigFile;
-  }
-
-  const issuerResource = getIssuerResource(context);
-  return Boolean(issuerResource && entries.has(issuerResource) && isConfigFile);
-}
-
-function isStoryFile(context) {
-  var _reexportedStories$ge, _context$_module3;
-
-  const issuerResource = getIssuerResource(context);
-  return getIssuerConstructorName(context) == 'ContextModule' || // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
-  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';
-} // NOTE: non-story files before preview => issuer.resource is entry
-
-
-const schema = {
-  type: 'object',
-  properties: {
-    debug: {
-      type: 'boolean'
-    },
-    storybookDir: {
-      type: 'string'
-    }
-  }
-};
-let fileType = FileType.Invalid;
-let isMDX = false;
-let previewPath = '';
-let resourcePath = '';
-const entries = new Set();
-const stories = new Set();
-const reexportedStories = new Map();
-const isTest = process.env.__CREEVEY_ENV__ == 'test';
-const defaultOptions = {
-  debug: isTest,
-  storybookDir: process.cwd()
-};
-export default function (source) {
-  const options = this ? getOptions(this) || defaultOptions : defaultOptions;
-  validate(schema, options, {
-    name: 'Creevey Stories Loader'
-  });
-  fileType = FileType.Invalid;
-
-  if (this) {
-    const issuerResource = getIssuerResource(this);
-    resourcePath = this.resourcePath;
-
-    if (isStoryFile(this)) {
-      fileType = FileType.Story;
-      isMDX = path.parse(resourcePath).ext == '.mdx';
-      stories.add(this.resourcePath);
-    } else if (isPreview(this, options)) {
-      fileType = FileType.Preview;
-      previewPath = this.resourcePath;
-    } else if (isEntry(this)) {
-      fileType = FileType.Entry;
-      entries.add(this.resourcePath);
-      return source;
-    } else if (issuerResource && stories.has(issuerResource) && options.debug) {
-      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
-    }
-  }
-
-  if (isTest && !Number.isNaN(Number(process.env.CREEVEY_LOADER_FILE_TYPE))) {
-    fileType = Number(process.env.CREEVEY_LOADER_FILE_TYPE);
-  }
-
-  try {
-    const ast = parse(source, {
-      sourceType: 'module',
-      plugins: ['classProperties', 'decorators-legacy', 'jsx', 'typescript']
-    });
-    return transform(ast);
-  } catch (error) {
-    this && logger.warn('Failed to transform file', this.resourcePath);
-
-    if (typeof error == 'object' && error && 'loc' in error) {
-      logger.warn(codeFrameColumns(source, {
-        start: error.loc
-      }, {
-        highlightCode: true
-      }));
-    } else {
-      logger.warn(error);
-    }
-
-    return source;
-  }
-}

package/lib/esm/server/loaders/webpack/dummy-hmr.js

@@ -1,36 +0,0 @@
-var _global$__CREEVEY_HMR;
-
-global.__CREEVEY_HMR_DATA__ = (_global$__CREEVEY_HMR = global.__CREEVEY_HMR_DATA__) !== null && _global$__CREEVEY_HMR !== void 0 ? _global$__CREEVEY_HMR : {};
-Object.entries(__webpack_require__.m).forEach(([key, moduleFn]) => {
-  __webpack_require__.m[key] = new Proxy(moduleFn, {
-    apply(target, thisArg, args) {
-      var _global$__CREEVEY_HMR2;
-
-      const [module] = args;
-      const {
-        data
-      } = global.__CREEVEY_HMR_DATA__[module.i] = (_global$__CREEVEY_HMR2 = global.__CREEVEY_HMR_DATA__[module.i]) !== null && _global$__CREEVEY_HMR2 !== void 0 ? _global$__CREEVEY_HMR2 : {
-        data: {}
-      };
-      Object.assign(module, {
-        hot: {
-          accept() {
-            /* noop */
-          },
-
-          get data() {
-            return data;
-          },
-
-          dispose(callback) {
-            global.__CREEVEY_HMR_DATA__[module.i].callback = callback;
-          }
-
-        }
-      });
-      return target.apply(thisArg, args);
-    }
-
-  });
-});
-export default {};

package/lib/esm/server/loaders/webpack/mdx-loader.js

@@ -1,58 +0,0 @@
-/* eslint-disable */
-
-/* Copy-paste from storybook/addons/docs/src/frameworks/common/preset.ts */
-import { isStorybookVersionLessThan, resolveFromStorybook, resolveFromStorybookAddonDocs, resolveFromStorybookBuilderWebpack4, resolveFromStorybookCore } from '../../storybook/helpers';
-export let mdxLoaders = []; // for frameworks that are not working with react, we need to configure
-// the jsx to transpile mdx, for now there will be a flag for that
-// for more complex solutions we can find alone that we need to add '@babel/plugin-transform-react-jsx'
-
-function createBabelOptions({
-  babelOptions,
-  mdxBabelOptions,
-  configureJSX
-}) {
-  const babelPlugins = (mdxBabelOptions === null || mdxBabelOptions === void 0 ? void 0 : mdxBabelOptions.plugins) || (babelOptions === null || babelOptions === void 0 ? void 0 : babelOptions.plugins) || [];
-  const jsxPlugin = [resolveFromStorybookAddonDocs('@babel/plugin-transform-react-jsx'), {
-    pragma: 'React.createElement',
-    pragmaFrag: 'React.Fragment'
-  }];
-  const plugins = configureJSX ? [...babelPlugins, jsxPlugin] : babelPlugins;
-  return {
-    // don't use the root babelrc by default (users can override this in mdxBabelOptions)
-    babelrc: false,
-    configFile: false,
-    ...babelOptions,
-    ...mdxBabelOptions,
-    plugins
-  };
-}
-
-const remarkPlugins = ['remark-slug', 'remark-external-links'].map(plugin => require(resolveFromStorybookAddonDocs(plugin)));
-
-const createCompiler = require(resolveFromStorybook('@storybook/addon-docs/mdx-compiler-plugin'));
-
-export const mdxOptions = (options = {}) => ({
-  compilers: [createCompiler(options)],
-  remarkPlugins
-});
-export function webpack(webpackConfig = {}, options = {}) {
-  // it will reuse babel options that are already in use in storybook
-  // also, these babel options are chained with other presets.
-  const {
-    babelOptions,
-    mdxBabelOptions,
-    configureJSX = true
-  } = options;
-  mdxLoaders = [{
-    loader: isStorybookVersionLessThan(6, 2) ? resolveFromStorybookCore('babel-loader') : resolveFromStorybookBuilderWebpack4('babel-loader'),
-    options: createBabelOptions({
-      babelOptions,
-      mdxBabelOptions,
-      configureJSX
-    })
-  }, {
-    loader: resolveFromStorybookAddonDocs('@mdx-js/loader'),
-    options: mdxOptions(options)
-  }];
-  return webpackConfig;
-}