extension.webpack.config.cjs

/*
 * Copyright 2023 Google LLC
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     https://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const HtmlInlineScriptPlugin = require('html-inline-script-webpack-plugin');
const CopyPlugin = require('copy-webpack-plugin');
const WebpackBar = require('webpackbar');
const commonConfig = require('./webpack.shared.cjs');

const root = {
  entry: {
    'service-worker': './src/serviceWorker/index.ts',
    'content-script': './src/contentScript/index.ts',
  },
  output: {
    path: path.resolve(__dirname, './dist/extension'),
    filename: '[name].js',
  },
  plugins: [
    new CopyPlugin({
      patterns: [
        { from: './src/manifest.json', to: '' },
        { from: './icons', to: 'icons' },
        { from: '../../assets', to: 'assets' },
        { from: '../../data', to: 'data' },
        {
          from: '../i18n/_locales/messages',
          to: './_locales/',
        },
      ],
    }),
    new WebpackBar({
      name: 'Root',
      color: '#EEE070',
    }),
  ],
  ...commonConfig,
};

const devTools = {
  entry: {
    index: './src/view/devtools/index.tsx',
    devtools: './src/view/devtools/devtools.ts',
    worker: './src/worker/index.ts',
  },
  output: {
    path: path.resolve(__dirname, './dist/extension/devtools'),
    filename: '[name].js',
  },
  plugins: [
    new WebpackBar({
      name: 'DevTools',
      color: '#357BB5',
    }),
    new HtmlWebpackPlugin({
      title: 'PSAT Devtool',
      template: './src/view/devtools/index.html',
      filename: 'index.html',
      inject: false,
    }),
    new HtmlWebpackPlugin({
      title: 'PSAT',
      template: './src/view/devtools/devtools.html',
      filename: 'devtools.html',
      inject: true,
    }),
  ],
  ...commonConfig,
};

const popup = {
  entry: {
    index: './src/view/popup/index.tsx',
  },
  output: {
    path: path.resolve(__dirname, './dist/extension/popup'),
    filename: 'index.js',
  },
  plugins: [
    new WebpackBar({
      name: 'Popup',
      color: '#fcd8ba',
    }),
    new HtmlWebpackPlugin({
      title: 'PSAT Popup',
      template: './src/view/popup/index.html',
      inject: false,
    }),
  ],
  ...commonConfig,
};

const dashboardReport = {
  entry: {
    index: './src/view/report/dashboard.tsx',
  },
  output: {
    path: path.resolve(__dirname, './dist/extension/devtools'),
    filename: 'devtoolsDashboard.js',
  },
  plugins: [
    new WebpackBar({
      name: 'Dashboard Report',
      color: '#FF9B71',
    }),
    new HtmlWebpackPlugin({
      title: 'Report',
      template: './src/view/report/dashboard.html',
      filename: 'dashboard.html',
      inject: 'body',
    }),
    new HtmlInlineScriptPlugin(),
  ],
  ...commonConfig,
};

module.exports = [root, devTools, popup, dashboardReport];