import { sassPlugin } from 'esbuild-sass-plugin'

export default defineConfig(
  ({ watch }): Options => ({
    // Files-relared options
    entry: [
      'scripts/index.jsx',
      'style/colors.scss',
      'style/all.scss',
      'style/export.scss',
      'style/style.scss',
    ],
    outDir: '../public/dist',
    clean: true,
    // Build options
    splitting: false,
    sourcemap: true,
    platform: 'browser',

    // This is required to avoid really weird errors (but I don't know why)
    format: ['esm'],

    // Mark all NPM dependencies as internal
    noExternal: [/.*/],

    // Reduce bundle size when building for production (as too slow for dev mode)
    minify: !watch,
    treeshake: !watch,
    target: 'es2019',

    // Additional language support
    esbuildPlugins: [
      sassPlugin(),
    ],
  }),
)