loom.config.ts

import fs from 'fs';

import {createPackage} from '@shopify/loom';
import {babel, buildLibrary} from '@shopify/loom-plugin-build-library';

export default createPackage((pkg) => {
  pkg.entry({root: './src/server/index.ts'});
  pkg.entry({root: './src/react/index.ts'});

  const basePath = `${__dirname}/src/server/adapters`;
  fs.readdirSync(basePath, {withFileTypes: true})
    .filter((dirent) => dirent.isDirectory())
    .forEach((dirent) => {
      pkg.entry({root: `./src/server/adapters/${dirent.name}/index.ts`});
    });

  pkg.use(
    buildLibrary({
      // Required. A browserslist string for specifying your target output.
      // Use browser targets (e.g. `'defaults'`) if your package targets the browser,
      // node targets (e.g. `'node 12.22'`) if your package targets node
      // or both (e.g.`'defaults, node 12.22'`) if your package targets both
      targets: 'node 16',
      // Optional. Defaults to false. Defines if commonjs outputs should be generated.
      commonjs: true,
      // Optional. Defaults to false. Defines if esmodules outputs should be generated.
      esmodules: false,
      // Optional. Defaults to false. Defines if esnext outputs should be generated.
      esnext: false,
      // Optional. Defaults to true. Defines if entrypoints should be written at
      // the root of the repository. You can disable this if you have a single
      // entrypoint or if your package uses the `exports` key in package.json
      rootEntrypoints: false,
      // Optional. Defaults to 'node'. Defines if the jest environment should be 'node' or 'jsdom'.
      jestTestEnvironment: 'node',
    }),
    babel({
      config(babelConfig) {
        const presets = babelConfig.presets!;
        const babelPresetIndex = presets.findIndex((preset) =>
          String(preset[0]).includes('@shopify/babel-preset'),
        );
        const existingConfig = presets[babelPresetIndex][1];
        presets[babelPresetIndex][1] = {
          ...existingConfig,
          reactOptions: {
            ...existingConfig.reactOptions,
            // This is required to support React 17
            runtime: 'automatic',
          },
        };

        return babelConfig;
      },
    }),
  );
});