radicle-explorer/vite.config.ts

///<reference types="vitest" />
import path from 'path';
import { UserConfig } from 'vite';
import { svelte } from '@sveltejs/vite-plugin-svelte';
import { 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);
        });
      };
    }
  };
}