vite.config.ts

import { defineConfig } from 'vite'
import path from 'path'
import tailwindcss from '@tailwindcss/vite'
import react from '@vitejs/plugin-react'

export default defineConfig({
  // Required for Electron production (file://) so built asset paths stay relative.
  base: './',
  plugins: [
    // Resolve legacy figma:asset/ virtual imports to a transparent placeholder
    {
      name: 'figma-asset-resolver',
      enforce: 'pre',
      resolveId(id: string) {
        if (id.startsWith('figma:asset/')) {
          return '\0figma-asset:' + id;
        }
      },
      load(id: string) {
        if (id.startsWith('\0figma-asset:')) {
          return `export default "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+M9QDwADhgGAWjR9awAAAABJRU5ErkJggg=="`;
        }
      },
    },
    react(),
    tailwindcss(),
  ],
  resolve: {
    alias: {
      // Alias @ to the src directory
      '@': path.resolve(__dirname, './src'),
    },
  },

  // File types to support raw imports. Never add .css, .tsx, or .ts files to this.
  assetsInclude: ['**/*.svg', '**/*.csv'],
})