webpack.config.js

import fs from 'fs';
import path from 'path';
import { URL } from 'url';
import CopyWebpackPlugin from 'copy-webpack-plugin';

// ESM-compatible __dirname (fix for Windows)
const __dirname = path.dirname(
  new URL(import.meta.url).pathname.replace(/^\/([A-Za-z]:)/, '$1')
);

// Reusable function to generate patterns for all items in a folder
function copyFolder(srcDir, destDir) {
  const absSrcDir = path.resolve(__dirname, srcDir);
  if (!fs.existsSync(absSrcDir)) return [];
  return fs.readdirSync(absSrcDir).map(item => ({
    from: path.join(absSrcDir, item),
    to: path.join(destDir, item)
  }));
}

export default {
  mode: 'development', // Change to 'production' for minified output
  target: 'webworker',
  entry: {
    sidepanel: path.resolve(__dirname, 'src/sidepanel.ts'),
    background: path.resolve(__dirname, 'src/background.ts'),
    // modelWorker: path.resolve(__dirname, 'src/modelworker.ts'), // Removed as part of migration to background-based architecture
    scriptingReadabilityHelper: path.resolve(__dirname, 'src/scriptingReadabilityHelper.ts'),
    pageExtractor: path.resolve(__dirname, 'src/PageExtractor.ts'),
    db: path.resolve(__dirname, 'src/DB/db.ts'),
    content: path.resolve(__dirname, 'src/content.ts'),
    indexedDBBackendWorker: path.resolve(__dirname, 'src/DB/indexedDBBackendWorker.ts'),
  },
  output: {
    path: path.resolve(__dirname, 'TabAgentDist/Extension'),
    filename: (pathData) => {
      if (pathData.chunk && pathData.chunk.name === 'indexedDBBackendWorker') {
        return 'DB/[name].js'; // Output worker to dist/DB/indexedDBBackendWorker.js
      }
      return '[name].js'; // All others to dist/[name].js
    },
    chunkFilename: 'assets/[name]-[contenthash].js',
    assetModuleFilename: 'assets/[name]-[contenthash][ext]',
    clean: true,
  },
  devtool: 'source-map',
  optimization: {
    minimize: false,
  },
  plugins: [
    new CopyWebpackPlugin({
      patterns: [
        { from: 'manifest.json', to: '.' },      
        { from: 'src/sidepanel.html', to: '.' },
        { from: 'src/output.css', to: '.' },
        { from: 'src/sidepanel.css', to: '.' },
        { from: 'src/events', to: 'events' },
        { from: 'src/theme-loader.js', to: '.' },
        ...copyFolder('src/model', 'model'),
        ...copyFolder('src/assets', 'assets'),

      ],
    }),
  ],
  resolve: {
    extensions: ['.ts', '.js', '.json'],
    alias: {
      '@vendor': path.resolve(__dirname, 'src/vendor'),
      '@huggingface/transformers': path.resolve(
        __dirname,
        'node_modules/@huggingface/transformers/dist/transformers.web.min.js'
      ),
    },
    fallback: {
      fs: false,
      path: false,
      crypto: false,
      module: false
    }
  },
  module: {
    rules: [
      {
        test: /\.ts$/,
        use: 'ts-loader',
        exclude: /node_modules/,
      },
      {
        test: /\.(png|jpe?g|gif|svg)$/i,
        include: [path.resolve(__dirname, 'src/assets/icons')],
        type: 'asset/resource',
        generator: {
          filename: 'icons/[name][ext]'
        }
      },
      // Add loaders here if you need to handle CSS, images, etc.
    ],
  },
  ignoreWarnings: [
    {
      message: /Critical dependency: Accessing import\.meta directly is unsupported/,
    },
  ],
};