jcanvas/rollup.config.mjs

jCanvas brings jQuery's powerful syntax and capability to the HTML5 canvas. Quickly create canvas-based apps that can utilize layers, animations, events, and much more. jCanvas works on all modern browsers and platforms, including iOS and Android.

import commonjs from "@rollup/plugin-commonjs";
import { globSync } from "glob";
import path from "node:path";
import copy from "rollup-plugin-copy";
import esbuild from "rollup-plugin-esbuild";

const inputPaths = globSync(["src/jcanvas.ts", "src/jcanvas-*.ts", ""], {
  ignore: "src/*.d.ts",
});

export default inputPaths.map((inputPath) => {
  const inputFilenameWithoutExtension = path.basename(inputPath, ".ts");
  return {
    input: [inputPath],
    external: ["jquery"],
    output: [
      {
        file: `dist/umd/${inputFilenameWithoutExtension}.min.js`,
        format: "umd",
        name: `jCanvas_${inputFilenameWithoutExtension}`,
        sourcemap: true,
        globals: {
          jquery: "$",
        },
      },
      {
        file: `dist/esm/${inputFilenameWithoutExtension}.min.js`,
        format: "esm",
        sourcemap: true,
        globals: {
          jquery: "$",
        },
      },
    ],
    plugins: [
      commonjs(),
      esbuild({ minify: true, target: "es2020" }),
      copy({
        targets: [
          {
            src: `src/${inputFilenameWithoutExtension}.d.ts`,
            dest: ["dist/umd", "dist/esm"],
            rename: `${inputFilenameWithoutExtension}.min.d.ts`,
            transform: (contents) => {
              // Since the main declaration file is getting renamed too, we must
              // update the references to it from the plugin declaration files
              return String(contents).replace(
                /jcanvas\.d\.ts/g,
                "jcanvas.min.d.ts"
              );
            },
          },
        ],
      }),
    ],
  };
});