webpack.extension.js

/* eslint import/no-extraneous-dependencies: off */

const path = require("path");
const merge = require("webpack-merge");

const CopyWebpackPlugin = require("copy-webpack-plugin");
const GenerateAssetWebpackPlugin = require("generate-asset-webpack-plugin");

const packageMeta = require("./package.json");
const { siteUrl, siteId, nodeEnv, webpackConfig } = require("./webpack.common.js");

module.exports = merge(webpackConfig, {
  entry: {
    background: "./src/extension/background",
    contentScript: "./src/extension/contentScript"
  },
  output: {
    path: path.resolve(__dirname, "build/extension"),
    filename: "[name].js"
  },
  plugins: [
    new GenerateAssetWebpackPlugin({
      filename: "manifest.json",
      fn: buildManifest
    }),
    new CopyWebpackPlugin([
      { from: "LICENSE" },
      { from: "src/images/icon.svg", to: "images/" },
      { from: "src/images/logo.svg", to: "images/" }
    ])
  ]
});

function buildManifest(compilation, cb) {
  const {
    name,
    version,
    description,
    author,
    homepage,
    extensionManifest
  } = packageMeta;

  const manifest = Object.assign({}, extensionManifest, {
    manifest_version: 2,
    // HACK: Accept override in extensionManifest - npm disallows caps &
    // spaces, but we want them in an extension name
    name: extensionManifest.name || name,
    version,
    description,
    author,
    homepage_url: homepage
  });

  let idSuffix = [];
  if (siteId) {
    idSuffix.push(siteId);
  }
  if (nodeEnv === "development") {
    idSuffix.push("dev");
  }
  if (idSuffix.length > 0) {
    idSuffix = idSuffix.join("-");
    manifest.applications.gecko.id =
      manifest.applications.gecko.id.replace("@", `-${idSuffix}@`);
    manifest.name = `${manifest.name} (${idSuffix})`;
  }

  // Configure content script to run on SITE_URL, omitting port if any
  manifest.content_scripts[0].matches = [
    `${siteUrl.replace(/:(\d+)\/?$/, "/")}*`
  ];

  return cb(null, JSON.stringify(manifest, null, "  "));
}