vite.scripts.config.js

import { NodeGlobalsPolyfillPlugin } from '@esbuild-plugins/node-globals-polyfill';
import inject from '@rollup/plugin-inject';
import { nodeResolve } from '@rollup/plugin-node-resolve';
import vue from '@vitejs/plugin-vue';
import * as path from 'path';
import manifestJson from 'rollup-plugin-manifest-json';
import { dynamicImport } from 'vite-plugin-dynamic-import';
import envCompatible from 'vite-plugin-env-compatible';
import { defineConfig } from 'vitest/config';

import * as pkg from './package.json';

// https://vitejs.dev/config/
// eslint-disable-next-line max-lines-per-function
export default () => {
  // Do Node stuff here:
  process.env.VITE_GIT_VERSION = pkg.version;
  process.env.VITE_VERSION = pkg.version;
  return defineConfig({
    css: { preprocessorOptions: { scss: { charset: false } } },
    build: {
      chunkSizeWarningLimit: 1000,
      sourcemap: process.env.NODE_ENV != 'production' ? 'inline' : false,
      emptyOutDir: false,
      lib: {
        entry: path.resolve(__dirname, 'src/background.ts'),
        name: 'background',
      },
      rollupOptions: {
        input: {
          background: path.resolve(__dirname, 'src/background.ts'),
          'content-script': path.resolve(__dirname, 'src/content-scripts/content-script.ts'),
          'inject-emeris': path.resolve(__dirname, 'src/content-scripts/inject-emeris.ts'),
        },
        output: [
          {
            entryFileNames: ({ facadeModuleId }) =>
              facadeModuleId.includes('background')
                ? 'background.js'
                : facadeModuleId.includes('inject-emeris')
                ? 'inject-emeris.js'
                : 'content-script.js',
            format: 'esm',
            manualChunks: {},
            dir: path.resolve(__dirname, 'dist'),
          },
        ],
        plugins: [
          inject({
            Buffer: ['buffer', 'Buffer'],
          }),
          manifestJson({
            input: 'public/manifest.json', // Required
            minify: true,
            manifest: {
              jessetest: process.env.EXTENSION_ID,
              ...((process.env.NODE_ENV != 'production' ||
                process.env.EXTENSION_ID === 'cklkpejioojjeiigffappdlcmnonmjek') && {
                key: 'MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAvWWKi8PPH3u+bDCFJWTyvCwc9+kUt1l3WBt9vd3cQY7dpmEWGmFaeTNLLVWEE6+cwcUl4sOS9Jgj3J+svRtK8+CupAjL5RMRUh3v9amRZ4Gn0QT+x8K4Cg+KN+3fP6YnTw/QQI0laU2oEIpDbltuYz8x7zcZgmVtAeCo+55YNuR4q1hfc/ciSH5/wvkBplP8D0h4bhNAHNFUwmr39mTBhprr4KocMez09QcDIj7/5XGcaprLf0HpQx1rxD05ajxjUuM266Xz6uy5u6TvnqQoYZmPNo0zJoJIPiJ/qL+McQ6H8FzDs3Lhjv3OePbA+TOyx8uOCG0gNnyHlRAP5uPVzQIDAQAB',
              }),
            },
          }),
        ],
      },
    },
    plugins: [vue(), nodeResolve(), dynamicImport(), envCompatible()],
    resolve: {
      preserveSymlinks: true,
      alias: {
        '@starport/vuex': path.resolve(__dirname, './demeris/src/utils/EmerisError.ts'),
        'vue-i18n': 'vue-i18n/dist/vue-i18n.runtime.esm-bundler.js',
        stream: 'rollup-plugin-node-polyfills/polyfills/stream',
        '@': path.resolve(__dirname, './demeris/src'),
        '@@': path.resolve(__dirname, './src'),
      },
      extensions: ['.ts', '.vue', '.js', '.json', '.tsx'],
    },
    define: {
      'process.env': process.env,
      ...(process.env.NODE_ENV !== 'test' && { 'process.platform': {} }),
    },
    server: {
      port: 8080,
    },
    optimizeDeps: {
      include: ['bip39'],
      esbuildOptions: {
        sourcemap: process.env.NODE_ENV != 'production' ? 'inline' : false,
        define: {
          global: 'globalThis',
        },
        plugins: [
          NodeGlobalsPolyfillPlugin({
            buffer: true,
          }),
        ],
      },
    },
    test: {
      globals: true,
      environment: 'jsdom',
      transformMode: {
        web: [/\.[jt]sx$/],
      },
      exclude: ['**/node_modules/**', '**/dist/**', '**/e2e/**'],
    },
  });
};