rollup.config.mjs

import typescript from "@rollup/plugin-typescript";
import resolve from "@rollup/plugin-node-resolve";
import terser from "@rollup/plugin-terser";
import copy from "rollup-plugin-copy";
import postcss from "rollup-plugin-postcss";
import serve from "rollup-plugin-serve";

import { promisify } from "util";
import { exec } from "child_process";

import packageJson from "./package.json" assert { type: "json" };

const execAsync = promisify(exec);

const basicPlugins = () => [
  buildInfo(),
  resolve(),
  typescript({ sourceMap: true, inlineSources: true }),
];

const styleLoader = () => postcss({
  inject: false,
  use: {
    less: { javascriptEnabled: true },
  },
});

const umdOutput = (path, umdName = undefined) => ({
  file: `./dist/${path}.js`,
  format: "umd",
  name: umdName,
  plugins: [
    terser({
      keep_classnames: true,
      keep_fnames: true,
    }),
  ],
  sourcemap: true,
  // sourcemapExcludeSources: true,
  // sourcemapPathTransform: transformSourcemapPath(),
});

/** @type {() => import('rollup').RollupOptions[]} */
const rollupConfig = (args) => {
  const id = args.id;
  const buildFor = (x) => !id || id == x;
  delete args.id;
  return [
    ...["main", "bundle"].map(
      (id) =>
        buildFor(id) && {
          input: "./src/main.ts",
          output: umdOutput(id, "mcloud"),
          external: id === "main" ? ["@yuuza/webfx"] : [],
          plugins: [
            ...basicPlugins(),
            textLoader(),
            jsonLoader(),
            styleLoader(),
            copy({
              targets: [
                {
                  src: ["index.html", "resources/overlay.html"],
                  dest: "./dist/",
                  transform: (content, path) =>
                    content.toString().replace("{{BUILD_DATE}}", _buildDate),
                },
                {
                  src: ["resources/app_icon.svg", "resources/manifest.json"],
                  dest: "./dist/resources/",
                },
              ],
            }),
            ...(id === "bundle" ? [serve('dist')] : []),
          ],
          context: "window",
        },
    ),
    buildFor("sw") && {
      input: "./src/ServiceWorker/sw.ts",
      output: umdOutput("sw.bundle"),
      plugins: basicPlugins(),
    },
    buildFor("electron") && {
      input: "./src/Electron/main.ts",
      output: {
        file: "./dist/electron.main.cjs",
        format: "commonjs",
        plugins: [],
        sourcemap: true,
      },
      external: ["electron"],
      plugins: basicPlugins(),
    },
    buildFor("electron") && {
      input: "./src/Electron/rendererPreload.ts",
      output: {
        file: "./dist/electron.preload.js",
        format: "commonjs",
        sourcemap: true,
      },
      external: ["electron"],
      plugins: basicPlugins(),
    },
    buildFor("overlay") && {
      input: "./src/Overlay/main.ts",
      output: umdOutput("overlay.bundle"),
      plugins: [...basicPlugins(), textLoader(), jsonLoader(), styleLoader()],
    },
  ].filter((x) => !!x);
};

let _buildInfo = null;
const _buildDate = new Date().toISOString();

async function getBuildInfo() {
  return (
    _buildInfo ||
    (_buildInfo = JSON.stringify({
      version: packageJson.version,
      buildDate: _buildDate,
      commits: await getCommits(),
    }))
  );
}

async function getCommits() {
  var execResult = await execAsync('git log --pretty=format:"%h %cI %s" -n 1');
  return execResult.stdout.split("\n").map((x) => {
    var s = x.split(" ", 2);
    return {
      id: s[0],
      date: s[1],
      message: x.substr(s[0].length + 1 + s[1].length + 1),
    };
  });
}

function buildInfo() {
  return {
    name: "gen-build-info",
    resolveId(source, importer) {
      if (source === "./buildInfo") {
        return source;
      }
      return null;
    },
    async load(id) {
      if (id === "./buildInfo") {
        const info = await getBuildInfo();
        console.info("buildInfo: " + info);
        return "export default " + info + ";";
      }
      return null;
    },
  };
}

function transformSourcemapPath() {
  return (rel, path) => {
    rel = rel.replace(/\\/g, "/");
    if (rel.startsWith("node_modules")) {
      var mat = rel.match(/node_modules\/((?:@[\w\-_]+\/)?[\w\-_]+)\/(.*)$/);
      if (!mat) {
        console.warn(["sourcemapPathTransform", rel]);
      }
      var version = require(mat[1] + "/package.json").version;
      return `https://cdn.jsdelivr.net/npm/${mat[1]}@${version}/${mat[2]}`;
    }
    return `https://github.com/lideming/MusicCloud/raw/dev/${rel}`;
  };
}

function textLoader() {
  function match(id) {
    return /\.(css|svg)$/.test(id);
  }
  return {
    name: "my-text-loader",
    transform(code, id) {
      if (match(id)) {
        return {
          code: "export default " + JSON.stringify(code),
          map: { mappings: "" },
        };
      }
    },
  };
}

function jsonLoader() {
  return {
    name: "json-loader",
    transform(code, id) {
      if (id.endsWith(".json")) {
        return {
          code:
            "export default JSON.parse(" +
            JSON.stringify(JSON.stringify(JSON.parse(code))) +
            ");",
          map: { mappings: "" },
        };
      }
    },
  };
}

export default (args) => {
  const r = rollupConfig(args);
  return r;
};