rollup.config.examples.js

/**
 * Copyright 2021 Google LLC
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

import commonjs from "@rollup/plugin-commonjs";
import fs from "fs";
import html from "@rollup/plugin-html";
import jsonNodeResolve from "@rollup/plugin-json";
import { nodeResolve } from "@rollup/plugin-node-resolve";
import path from "path";
import typescript from "@rollup/plugin-typescript";

const typescriptOptions = {
  tsconfig: "tsconfig.examples.json",
};

const examples = fs
  .readdirSync(path.join(__dirname, "examples"))
  .filter((f) => f.endsWith(".ts") && f !== "config.ts")
  .map((f) => f.slice(0, f.length - 3));

const getTemplate = (name) => {
  const templatePath = path.join(__dirname, "examples", `${name}.html`);
  return fs.readFileSync(templatePath, "utf-8");
};
export default examples.map((name) => ({
  input: `examples/${name}.ts`,
  plugins: [
    typescript(typescriptOptions),
    commonjs(),
    nodeResolve(),
    jsonNodeResolve(),
  ],
  output: {
    dir: `public/${name}`,
    sourcemap: false,
    plugins: [
      html({
        fileName: `index.html`,
        title: `@googlemaps/markercluster example: ${name}`,
        template: () => getTemplate(name),
      }),
    ],
    manualChunks: (id) => {
      if (id.includes("node_modules")) {
        return "vendor";
      }
    },
    chunkFileNames: "[name].js",
  },
}));