wallet-core/packages/taler-wallet-webextension/rollup.config.js

// rollup.config.js
import linaria from '@linaria/rollup';
import alias from '@rollup/plugin-alias';
import commonjs from "@rollup/plugin-commonjs";
import image from '@rollup/plugin-image';
import json from "@rollup/plugin-json";
import nodeResolve from "@rollup/plugin-node-resolve";
import replace from "@rollup/plugin-replace";
import css from 'rollup-plugin-css-only';
import ignore from "rollup-plugin-ignore";
import typescript from '@rollup/plugin-typescript';

import path from 'path';
import fs from 'fs';

function fromDir(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 fromDir(filename, regex);
    }
    else if (regex.test(filename)) {
      return filename
    }
  }).filter(x => !!x)

  return result
}

const makePlugins = () => [
  typescript({
    outputToFilesystem: false,
  }),

  alias({
    entries: [
      { find: 'react', replacement: 'preact/compat' },
      { find: 'react-dom', replacement: 'preact/compat' }
    ]
  }),

  ignore(["module", "os"]),
  nodeResolve({
    browser: true,
    preferBuiltins: true,
  }),

  //terser(),


  replace({
    "process.env.NODE_ENV": JSON.stringify("production"),
    // "__filename": "'__webextension__'",
    preventAssignment: true
  }),

  commonjs({
    include: [/node_modules/, /dist/],
    extensions: [".js"],
    ignoreGlobal: true,
    sourceMap: true,
  }),

  json(),
  image(),

  linaria({
    babelOptions: {
      babelrc: false,
      configFile: './babel.config-linaria.json',
    },
    sourceMap: process.env.NODE_ENV !== 'production',
  }),

];


const webExtensionWalletEntryPoint = {
  input: "src/walletEntryPoint.tsx",
  output: {
    file: "dist/walletEntryPoint.js",
    format: "iife",
    exports: "none",
    name: "webExtensionWalletEntry",
  },
  plugins: [
    ...makePlugins(),
    css({
      output: 'walletEntryPoint.css',
    }),
  ],
};

const webExtensionPopupEntryPoint = {
  input: "src/popupEntryPoint.tsx",
  output: {
    file: "dist/popupEntryPoint.js",
    format: "iife",
    exports: "none",
    name: "webExtensionPopupEntry",
  },
  plugins: [
    ...makePlugins(),
    css({
      output: 'popupEntryPoint.css',
    }),
  ],
};

const webExtensionBackgroundPageScript = {
  input: "src/background.ts",
  output: {
    file: "dist/background.js",
    format: "iife",
    exports: "none",
    name: "webExtensionBackgroundScript",
  },
  plugins: makePlugins(),
};

const webExtensionCryptoWorker = {
  input: "src/browserWorkerEntry.ts",
  output: {
    file: "dist/browserWorkerEntry.js",
    format: "iife",
    exports: "none",
    name: "webExtensionCryptoWorker",
  },
  plugins: makePlugins(),
};

const tests = fromDir('./src', /.test.ts$/).map(test => ({
  input: test,
  output: {
    file: test.replace(/^src/, 'dist').replace(/\.ts$/, '.js'),
    format: "iife",
    exports: "none",
    name: test,
  },
  plugins: [
    ...makePlugins(),
    css({
      output: 'walletEntryPoint.css',
    }),
  ],
}))

export default [
  webExtensionPopupEntryPoint,
  webExtensionWalletEntryPoint,
  webExtensionBackgroundPageScript,
  webExtensionCryptoWorker,
  ...tests,
];