electron.vite.config.mjs

import path from 'path'

import inject from '@rollup/plugin-inject'
import typescript from '@rollup/plugin-typescript'
import react from '@vitejs/plugin-react'
import { defineConfig, externalizeDepsPlugin } from 'electron-vite'
import simpleGit from 'simple-git'
import svgr from 'vite-plugin-svgr'
import wasm from 'vite-plugin-wasm'

import pkg from './package.json'

const git = simpleGit()

export default defineConfig(async ({ mode }) => {
  const commitHash = (await git.revparse(['--short', 'HEAD'])).trim()
  return {
    main: {
      build: {
        sourcemap: mode === 'development',
        outDir: 'build/main',
        lib: { entry: 'src/main/electron.ts' }
      },
      resolve: {
        extensions: ['.ts', '.js']
      },
      plugins: [
        typescript({ tsconfig: './tsconfig.main.json', outDir: 'build/main' }),
        externalizeDepsPlugin({
          include: ['@ledgerhq/hw-transport-node-hid-singleton', '@ledgerhq/hw-transport', 'node-hid', 'usb']
        })
      ],
      define: {
        $COMMIT_HASH: JSON.stringify(commitHash || 'dev'),
        $VERSION: JSON.stringify(pkg.version),
        $IS_DEV: JSON.stringify(process.env.NODE_ENV !== 'production')
      }
    },

    preload: {
      build: {
        lib: { entry: 'src/main/preload.ts' },
        outDir: 'build/preload',
        sourcemap: mode === 'development'
      },
      plugins: [externalizeDepsPlugin()],
      resolve: {
        extensions: ['.ts', '.js']
      }
    },

    renderer: {
      input: 'src/renderer/index.html',
      assetsInclude: ['**/*.wasm'],
      build: {
        sourcemap: mode === 'development',
        outDir: 'build/renderer',
        rollupOptions: {
          output: {
            manualChunks: {
              vendor: ['react', 'react-dom', 'react-router-dom'],
              crypto: ['crypto-browserify', 'stream-browserify', 'readable-stream']
            }
          },
          plugins: [
            inject({
              Buffer: ['buffer', 'Buffer']
            })
          ]
        },
        commonjsOptions: {
          transformMixedEsModules: true,
          include: [/node_modules/, /@xchainjs\/zcash-js/]
        }
      },
      resolve: {
        // NOTE: `crypto-browserify` and its deps `pbkdf2` / `browserify-sign` are
        // version-pinned in package.json → resolutions. Newer releases pull a
        // readable-stream 2.x build that crashes this renderer bundle at runtime
        // ("Cannot read properties of undefined (reading 'slice')"). `yarn build`
        // passes regardless, so launch `yarn dev` and confirm the app loads before
        // bumping these. See PR #1082.
        alias: {
          process: 'process/browser',
          stream: 'stream-browserify',
          crypto: 'crypto-browserify',
          assert: 'assert',
          path: path.resolve(__dirname, 'empty.js'),
          url: path.resolve(__dirname, 'empty.js'),
          https: path.resolve(__dirname, 'empty.js'),
          http: path.resolve(__dirname, 'empty.js'),
          zlib: path.resolve(__dirname, 'empty.js'),
          fs: path.resolve(__dirname, 'empty.js')
        }
      },
      optimizeDeps: {
        include: ['process', 'buffer', 'assert', '@xchainjs/zcash-js'],
        esbuildOptions: {
          inject: ['./src/shims/buffer-shim.js']
        }
      },
      plugins: [wasm(), react(), svgr(), typescript({ outDir: 'build/renderer' })],
      define: {
        'process.env': {}, // TODO: Fix from xchain
        global: 'globalThis',
        $COMMIT_HASH: JSON.stringify(commitHash || 'dev'),
        $VERSION: JSON.stringify(pkg.version),
        $IS_DEV: JSON.stringify(process.env.NODE_ENV !== 'production'),
        $LOG_LEVEL: JSON.stringify(process.env.VITE_LOG_LEVEL || '')
      },
      server: {
        port: 3000,
        host: true,
        watch: {
          ignored: ['**/.trunk/**']
        }
      }
    }
  }
})