radicle-explorer/vite.config.ts

///<reference types="vitest" />
import path from "path";
import type { UserConfig } from "vite";
import { svelte } from "@sveltejs/vite-plugin-svelte";
import type { ViteDevServer } from "vite";
import IstanbulPlugin from "vite-plugin-istanbul";
import history from "connect-history-api-fallback";
import type { Request, Response } from "express-serve-static-core";

const config: UserConfig = {
  optimizeDeps: {
    exclude: [
      "svelte-routing",
      "@pedrouid/environment",
      "@pedrouid/iso-crypto",
    ],
  },
  test: {
    deps: {
      inline: ["@ethersproject/signing-key", "@ethersproject/basex"],
    },
    environment: "happy-dom",
    include: ["**/*.test.ts"],
    reporters: "verbose",
    coverage: {
      reporter: ["html"],
      all: true,
      excludeNodeModules: true,
      extension: [".svelte", ".ts", ".js"],
    },
  },
  plugins: [
    svelte({
      hot: !process.env.VITEST,
      compilerOptions: {
        dev: process.env.NODE_ENV !== "production",
      },
    }),
    rewriteAll(),
    IstanbulPlugin({
      include: "src/**/*",
      exclude: ["node_modules"],
      extension: [".ts", ".svelte"],
      cypress: true,
    }),
  ],
  server: {
    port: 3000,
  },
  resolve: {
    alias: {
      // This is needed for vite not to choke.
      caip: path.resolve("./node_modules/caip/dist/umd/index.min.js"),
      "@public": path.resolve("./public"),
      "@app": path.resolve("./src"),
      // Polyfill for Node.js 'stream' library.
      stream: path.resolve("./src/polyfills/stream.ts"),
      "typedarray-to-buffer": path.resolve(
        "./src/polyfills/typedarray-to-buffer.js",
      ),
      // "Buffer" is not defined in the published package..
      "@walletconnect/encoding": path.resolve("./src/polyfills/enc-utils.js"),
      "enc-utils": path.resolve("./src/polyfills/enc-utils.js"),
    },
  },
  define: {
    // eslint-disable-next-line @typescript-eslint/naming-convention
    "process.env": { READABLE_STREAM: "disable" },
  },
  build: {
    outDir: "build",
    sourcemap: true,
  },
};

// For Vitest to work we need to unset READABLE_STREAM.
if (process.env.VITEST || process.env.Cypress) {
  config.define = undefined;
}

export default config;

function rewriteAll() {
  return {
    name: "rewrite-all",
    configureServer(server: ViteDevServer) {
      return () => {
        const handler = history({
          disableDotRule: true,
          rewrites: [{ from: /\/$/, to: () => "/index.html" }],
        });

        server.middlewares.use((req, res, next) => {
          handler(req as Request, res as Response, next);
        });
      };
    },
  };
}