// @ts-check
const PluginPostCSS = require('esbuild-plugin-postcss').default

/**
 * @type { import('f2e-middle-esbuild').BuildOptions }
 */
let config = {
    sourcemap: 'external',
    entryPoints: {
      background: 'src/scope/background/index.ts',
      content: 'src/scope/content/index.tsx',
      main: 'src/scope/main/index.tsx',
      popup: 'src/scope/popup/index.tsx',
    },
    inject: ['./config/inject.js'],
    outdir: 'js',
    target: 'chrome70',
    jsxFactory: 'React.createElement',
    bundle: true,
    format: 'iife',
    // plugins: [PluginPostCSS()],
    plugins: [
        PluginPostCSS({
          lessOptions: {},
        }),
      ],
    loader: {
        '.tsx': 'tsx',
        '.ts': 'ts',
        '.png': 'file',
        '.jpg': 'file',
        '.svg': 'dataurl',
        '.json': 'json',
        '.txt': 'text',
    },
    tsconfig: './tsconfig.json',
};

module.exports = config