next.config.mjs

import fs from "fs";
import webpack from "webpack";
import rehypeSlug from "rehype-slug";
import remarkGfm from "remark-gfm";
import remarkComment from "remark-comment";
import remarkFrontmatter from "remark-frontmatter";
import remarkMdxFrontmatter from "remark-mdx-frontmatter";
import { createLoader } from "simple-functional-loader";

const bsconfig = JSON.parse(fs.readFileSync("./rescript.json"));

const { ProvidePlugin } = webpack;

const transpileModules = ["rescript"].concat(bsconfig["bs-dependencies"]);

const config = {
  output: process.env.BUILD_STATIC === 'true' ? 'export' : undefined,
  pageExtensions: ["jsx", "js", "bs.js", "mdx", "mjs"],
  env: {
    ENV: process.env.NODE_ENV,
  },
  swcMinify: false,
  webpack: (config, options) => {
    const { isServer } = options;
    if (!isServer) {
      // We shim fs for things like the blog slugs component
      // where we need fs access in the server-side part
      config.resolve.fallback = {
        fs: false,
        path: false,
      };
    }
    // We need this additional rule to make sure that mjs files are
    // correctly detected within our src/ folder
    config.module.rules.push({
      test: /\.m?js$/,
      // v-- currently using an experimental setting with esbuild-loader
      //use: options.defaultLoaders.babel,
      use: [{ loader: "esbuild-loader", options: { loader: "jsx" } }],
      exclude: /node_modules/,
      type: "javascript/auto",
      resolve: {
        fullySpecified: false,
      },
    });

    function mainMdxLoader(plugins) {
      return [
        createLoader(function(source) {
          const result = `${source}\n\nMDXContent.frontmatter = frontmatter`;
          return result;
        }),
      ];
    }

    config.module.rules.push({
      test: /\.mdx?$/,
      use: mainMdxLoader(),
    });

    config.module.rules.push({
      test: /\.mdx?$/,
      use: [
        {
          loader: "@mdx-js/loader",
          /** @type {import('@mdx-js/loader').Options} */
          options: {
            remarkPlugins: [
              remarkComment,
              remarkGfm,
              remarkFrontmatter,
              remarkMdxFrontmatter,
            ],
            providerImportSource: "@mdx-js/react",
            rehypePlugins: [rehypeSlug],
          },
        },
      ],
    });

    config.plugins.push(new ProvidePlugin({ React: "react" }));
    return config;
  },
  async redirects() {
    return [
      {
        source: "/community",
        destination: "/community/overview",
        permanent: true,
      },
      {
        source: "/bucklescript-rebranding",
        destination: "/blog/bucklescript-is-rebranding",
        permanent: true,
      },
      {
        source: "/docs/manual/latest/migrate-from-bucklescript-reason",
        destination: "/docs/manual/v10.0.0/migrate-from-bucklescript-reason",
        permanent: true,
      },
      {
        source: "/docs/manual/latest/unboxed",
        destination: "/docs/manual/v10.0.0/unboxed",
        permanent: true,
      },
      {
        source: "/docs/gentype/latest/introduction",
        destination: "/docs/manual/latest/typescript-integration",
        permanent: true,
      },
      {
        source: "/docs/gentype/latest/getting-started",
        destination: "/docs/manual/latest/typescript-integration",
        permanent: true,
      },
      {
        source: "/docs/gentype/latest/usage",
        destination: "/docs/manual/latest/typescript-integration",
        permanent: true,
      },
      {
        source: "/docs/gentype/latest/supported-types",
        destination: "/docs/manual/latest/typescript-integration",
        permanent: true,
      },
    ];
  },
};

export default {
  transpilePackages: transpileModules,
  ...config,
};