wallet-core/packages/taler-wallet-webextension/build-fast-with-linaria.mjs

#!/usr/bin/env node
/*
 This file is part of GNU Taler
 (C) 2022 Taler Systems S.A.

 GNU Taler is free software; you can redistribute it and/or modify it under the
 terms of the GNU General Public License as published by the Free Software
 Foundation; either version 3, or (at your option) any later version.

 GNU Taler is distributed in the hope that it will be useful, but WITHOUT ANY
 WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 A PARTICULAR PURPOSE.  See the GNU General Public License for more details.

 You should have received a copy of the GNU General Public License along with
 GNU Taler; see the file COPYING.  If not, see <http://www.gnu.org/licenses/>
 */

import linaria from "@linaria/esbuild";
import esbuild from "esbuild";
import path from "path";
import fs from "fs";

function getFilesInDirectory(startPath, regex) {
  if (!fs.existsSync(startPath)) {
    return;
  }
  const files = fs.readdirSync(startPath);
  const result = files
    .flatMap((file) => {
      const filename = path.join(startPath, file);

      const stat = fs.lstatSync(filename);
      if (stat.isDirectory()) {
        return getFilesInDirectory(filename, regex);
      } else if (regex.test(filename)) {
        return filename;
      }
    })
    .filter((x) => !!x);

  return result;
}

// eslint-disable-next-line no-undef
const BASE = process.cwd();
const allTestFiles = getFilesInDirectory(path.join(BASE, "src"), /.test.ts$/);

const preact = path.join(
  BASE,
  "node_modules",
  "preact",
  "compat",
  "dist",
  "compat.module.js",
);
const preactCompatPlugin = {
  name: "preact-compat",
  setup(build) {
    build.onResolve({ filter: /^(react-dom|react)$/ }, (args) => ({
      path: preact,
    }));
  },
};

const entryPoints = [
  "src/popupEntryPoint.tsx",
  "src/popupEntryPoint.dev.tsx",
  "src/walletEntryPoint.tsx",
  "src/walletEntryPoint.dev.tsx",
  "src/background.ts",
  "src/stories.tsx",
  "src/background.dev.ts",
  "src/taler-wallet-interaction-loader.ts",
  "src/taler-wallet-interaction-support.ts",
  "src/browserWorkerEntry.ts",
];

let GIT_ROOT = BASE;
while (!fs.existsSync(path.join(GIT_ROOT, ".git")) && GIT_ROOT !== "/") {
  GIT_ROOT = path.join(GIT_ROOT, "../");
}
if (GIT_ROOT === "/") {
  // eslint-disable-next-line no-undef
  console.log("not found");
  // eslint-disable-next-line no-undef
  process.exit(1);
}
const GIT_HASH = GIT_ROOT === "/" ? undefined : git_hash();

let _package = JSON.parse(fs.readFileSync(path.join(BASE, "package.json")));

function git_hash() {
  const rev = fs
    .readFileSync(path.join(GIT_ROOT, ".git", "HEAD"))
    .toString()
    .trim()
    .split(/.*[: ]/)
    .slice(-1)[0];
  if (rev.indexOf("/") === -1) {
    return rev;
  } else {
    return fs.readFileSync(path.join(GIT_ROOT, ".git", rev)).toString().trim();
  }
}

export const buildConfig = {
  entryPoints: [...entryPoints, ...allTestFiles],
  bundle: true,
  outdir: "dist",
  minify: false,
  loader: {
    ".svg": "text",
    ".png": "dataurl",
    ".jpeg": "dataurl",
  },
  target: ["es6"],
  format: "iife",
  platform: "browser",
  sourcemap: true,
  jsxFactory: "h",
  jsxFragment: "Fragment",
  define: {
    __VERSION__: `"${_package.version}"`,
    __GIT_HASH__: `"${GIT_HASH}"`,
  },
  plugins: [
    preactCompatPlugin,
    linaria.default({
      babelOptions: {
        babelrc: false,
        configFile: "./babel.config-linaria.json",
      },
      sourceMap: true,
    }),
  ],
};

await esbuild.build(buildConfig).catch((e) => {
  // eslint-disable-next-line no-undef
  console.log(e);
  // eslint-disable-next-line no-undef
  process.exit(1);
});