const ChromeManifest = require("./plugins/chrome-manifest");
const Path = require("path");
module.exports = {
  publicPath: "/",
  outputDir: "dist",
  pages: {
    popup: {
      entry: "src/popup/index.ts",
      template: "public/index.html",
      filename: "popup.html",
      title: "popup",
    },
    options: "src/options/index.ts",
    devtools_panel: "src/devtools/panel/index.ts",
    test: "src/test/index.ts",
  },
  pluginOptions: {
    browserExtension: {
      components: {
        background: true,
        devtools: true,
        contentScripts: true,
      },
      componentOptions: {
        contentScripts: {
          entries: {
            content: "src/content.ts"
          },
        },
        background: {
          entry: "src/background.ts",
        },
        devtools: {
          entry: "src/devtools/main.ts",
        }
      }
    }
  },
  // configureWebpack: {
  //   mode: "development",
  //   devtool: "#source-map",
  //   entry: {
  //     content: Path.join(__dirname, "src/content.ts"),
  //     background: Path.join(__dirname, "src/background.ts"),
  //     inject: Path.join(__dirname, "src/inject.js"),
  //     devtools: Path.join(__dirname, "src/devtools/main.ts"),
  //   },
  //   output: {
  //     filename: "js/[name].js?t=[hash]"
  //   },
  //   plugins: [
  //     new ChromeManifest({
  //       manifest: Path.join(__dirname, "src/manifest/index.js")
  //     }),
  //   ]
  // }
};