vite.config.ts

/// <reference types="vitest" />
/// <reference types="vite/client" />

import { defineConfig } from "vite"
import react from "@vitejs/plugin-react"
import { resolve } from "path"
import eslint from "vite-plugin-eslint"
import dts from "vite-plugin-dts"
import { configDefaults } from "vitest/config"
import replace from "rollup-plugin-re"

export default defineConfig({
  plugins: [
    react(),
    eslint({
      exclude: ["**/node_modules/**", "dist", "examples/**/*"],
    }),
    dts({
      insertTypesEntry: true,
    }),
  ],
  define: {
    // near-api-js uses process.env.NODE_ENV to determine...something
    "process.env.NODE_ENV": JSON.stringify(process.env.NODE_ENV),
    "process.env.NEAR_NO_LOGS": JSON.stringify(false),
  },
  resolve: {
    alias: {
      "@Pages": resolve(__dirname, "./src/pages/"),
      "@Components": resolve(__dirname, "./src/components/"),
      "@App": resolve(__dirname, "./src/app/"),
      "@Utils": resolve(__dirname, "./src/utils/"),
      "@Hooks": resolve(__dirname, "./src/hooks/"),
      "@Assets": resolve(__dirname, "./src/assets/"),
      stream: "stream-browserify",
      http: "agent-base",
      https: "agent-base",
    },
  },
  optimizeDeps: {
    esbuildOptions: {
      // Node.js global to browser globalThis
      define: {
        global: "globalThis",
      },
    },
  },
  build: {
    sourcemap: true,
    lib: {
      entry: resolve(__dirname, "src/index.ts"),
      name: "KycDaoWidget",
      fileName: "index",
      formats: ["es", "iife", "cjs"],
    },
    commonjsOptions: {
      // See https://github.com/justinmahar/react-social-media-embed/issues/24
      transformMixedEsModules: true,
    },
    rollupOptions: {
      external: ["near-api-js", "react", "react-dom"],
      output: {
        globals: {
          react: "React",
          "react-dom": "ReactDOM",
        },
      },
      plugins: [
        replace({
          patterns: [
            {
              match: /js-sha256/,
              test: `eval("require('crypto')")`,
              replace: `require('crypto')`,
            },
            {
              match: /js-sha256/,
              test: `eval("require('buffer').Buffer")`,
              replace: `require('buffer').Buffer`,
            },
          ],
        }),
      ],
    },
  },
  test: {
    globals: true,
    environment: "jsdom",
    setupFiles: "./vitest-setup.ts",
    // you might want to disable it, if you don't have tests that rely on CSS
    // since parsing CSS is slow
    css: true,
    exclude: [...configDefaults.exclude, "examples/**/*"],
  },
})