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

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

@@ -0,0 +1,103 @@
+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 => {
+        const filename = dirent.name;
+        const filePath = join(dirPath, filename);
+        if (dirent.isDirectory() && deep) return traverse(filePath);
+        if (dirent.isFile() && ((filter === null || filter === void 0 ? void 0 : filter.test(`./${relative(contextPath, filePath)}`)) ?? 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

@@ -0,0 +1,15 @@
+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

@@ -0,0 +1,49 @@
+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

@@ -0,0 +1,270 @@
+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) {
+  var _stats$toJson$warning;
+
+  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())) {
+      var _statsJson$errors, _statsJson$warnings;
+
+      const statsJson = stats.toJson();
+      (_statsJson$errors = statsJson.errors) === null || _statsJson$errors === void 0 ? void 0 : _statsJson$errors.forEach(e => console.error(e));
+      (_statsJson$warnings = statsJson.warnings) === null || _statsJson$warnings === void 0 ? void 0 : _statsJson$warnings.forEach(e => console.error(e));
+      return;
+    }
+  }
+
+  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));
+
+  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, _config$module2$rules;
+
+    mdRegexps.forEach(test => {
+      var _config$module, _config$module$rules;
+
+      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({
+        test,
+        exclude: /(stories|story)\.mdx$/,
+        use: require.resolve('null-loader')
+      });
+    });
+    (_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({
+      test: /(stories|story)\.mdx$/,
+      use: mdxLoaders
+    });
+  } else {
+    var _config$module3, _config$module3$rules, _config$module4, _config$module4$rules, _config$module5, _config$module5$rules;
+
+    // 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 = _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 => {
+      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 = _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 => {
+      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$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)))) ?? []
+    };
+  }
+}
+
+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;
+
+  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 = storybookWebpackConfig.resolve) === null || _storybookWebpackConf === void 0 ? void 0 : _storybookWebpackConf.extensions) ?? 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
+
+  (_storybookWebpackConf2 = storybookWebpackConfig.module) === null || _storybookWebpackConf2 === void 0 ? void 0 : (_storybookWebpackConf3 = _storybookWebpackConf2.rules) === null || _storybookWebpackConf3 === void 0 ? void 0 : _storybookWebpackConf3.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 = storybookWebpackConfig.resolve) === null || _storybookWebpackConf4 === void 0 ? void 0 : _storybookWebpackConf4.alias) ?? {};
+  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 = [...(Array.isArray(aliases) ? aliases.map(({
+    name,
+    alias
+  }) => [name, alias]) : Object.entries(aliases)).filter(([alias]) => excluded.includes(alias)).flatMap(([, aliasPath]) => aliasPath == false ? [] : (Array.isArray(aliasPath) ? aliasPath : [aliasPath]).map(x => ({
+    [x]: `commonjs ${x}`
+  }))), // 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 = (_storybookWebpackConf5 = storybookWebpackConfig.plugins) === null || _storybookWebpackConf5 === void 0 ? void 0 : _storybookWebpackConf5.filter(plugin => !excludedPlugins.includes(plugin.constructor.name));
+  const storybookWebpackCompiler = webpack(storybookWebpackConfig);
+
+  if (debug) {
+    dumpStats = stats => {
+      if (!stats) return;
+      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

@@ -0,0 +1,158 @@
+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 = {
+  get debug() {
+    return isTest();
+  },
+
+  storybookDir: process.cwd()
+};
+export default function loader(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

@@ -0,0 +1,32 @@
+global.__CREEVEY_HMR_DATA__ = global.__CREEVEY_HMR_DATA__ ?? {};
+Object.entries(__webpack_require__.m).forEach(([key, moduleFn]) => {
+  __webpack_require__.m[key] = new Proxy(moduleFn, {
+    apply(target, thisArg, args) {
+      const [module] = args;
+      const {
+        data
+      } = global.__CREEVEY_HMR_DATA__[module.i] = global.__CREEVEY_HMR_DATA__[module.i] ?? {
+        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 {};