vite.config.ts

/* eslint-disable */
import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';
import tailwindcss from '@tailwindcss/vite';
import { viteStaticCopy } from 'vite-plugin-static-copy';
import { resolve } from 'path';
import fs from 'fs';
import dotenv from 'dotenv';

export default defineConfig(({ mode }) => {
  dotenv.config();
  const isDev = mode === 'development';
  const manifestSrc = isDev
    ? resolve(__dirname, 'public', 'manifest.dev.json')
    : resolve(__dirname, 'public', 'manifest.prod.json');
  const API_URL = process.env.VITE_API_URL!;

  return {
    plugins: [
      react(),
      tailwindcss(),
      viteStaticCopy({
        targets: [
          {
            src: manifestSrc,
            dest: '.',
            rename: 'manifest.json',
            transform: (content) =>
              content.toString().replace(/__API_URL__/g, API_URL),
          },
          {
            src: resolve(__dirname, 'public', 'background.js'),
            dest: '.',
            rename: 'background.js',
            transform: (content) =>
              content.toString().replace(/__API_URL__/g, API_URL),
          },
        ],
      }),
    ],
    rollupOptions: {
      external: [/\.stories\.(js|jsx|ts|tsx)$/],
    },
    resolve: {
      alias: {
        '@': resolve(__dirname, 'src'),
      },
    },
    root: resolve(__dirname, 'src'),
    publicDir: resolve(__dirname, 'public'),
    build: {
      emptyOutDir: true,
      outDir: resolve(__dirname, 'memoir-extension'),
      rollupOptions: {
        input: {
          newtab: resolve(__dirname, 'src/newtab/index.html'),
          popup: resolve(__dirname, 'src/popup/index.html'),
        },
      },
    },
    server: {
      port: 3000,
      https: {
        key: fs.readFileSync(resolve(__dirname, 'localhost-key.pem')),
        cert: fs.readFileSync(resolve(__dirname, 'localhost.pem')),
      },
    },
  };
});