ha-frontend/build-scripts/rollup.js

const path = require("path");

const commonjs = require("@rollup/plugin-commonjs");
const resolve = require("@rollup/plugin-node-resolve");
const json = require("@rollup/plugin-json");
const babel = require("@rollup/plugin-babel").babel;
const replace = require("@rollup/plugin-replace");
const visualizer = require("rollup-plugin-visualizer");
const { string } = require("rollup-plugin-string");
const { terser } = require("rollup-plugin-terser");
const manifest = require("./rollup-plugins/manifest-plugin");
const worker = require("./rollup-plugins/worker-plugin");
const dontHashPlugin = require("./rollup-plugins/dont-hash-plugin");
const ignore = require("./rollup-plugins/ignore-plugin");

const bundle = require("./bundle");
const paths = require("./paths");

const extensions = [".js", ".ts"];

/**
 * @param {Object} arg
 * @param { import("rollup").InputOption } arg.input
 */
const createRollupConfig = ({
  entry,
  outputPath,
  defineOverlay,
  isProdBuild,
  latestBuild,
  isStatsBuild,
  publicPath,
  dontHash,
  isWDS,
}) => {
  return {
    /**
     * @type { import("rollup").InputOptions }
     */
    inputOptions: {
      input: entry,
      // Some entry points contain no JavaScript. This setting silences a warning about that.
      // https://rollupjs.org/guide/en/#preserveentrysignatures
      preserveEntrySignatures: false,
      plugins: [
        ignore({
          files: bundle.emptyPackages({ latestBuild }),
        }),
        resolve({
          extensions,
          preferBuiltins: false,
          browser: true,
          rootDir: paths.polymer_dir,
        }),
        commonjs({
          namedExports: {
            "js-yaml": ["safeDump", "safeLoad"],
          },
        }),
        json(),
        babel({
          ...bundle.babelOptions({ latestBuild }),
          extensions,
          exclude: bundle.babelExclude(),
          babelHelpers: isWDS ? "inline" : "bundled",
        }),
        string({
          // Import certain extensions as strings
          include: [path.join(paths.polymer_dir, "node_modules/**/*.css")],
        }),
        replace(
          bundle.definedVars({ isProdBuild, latestBuild, defineOverlay })
        ),
        !isWDS &&
          manifest({
            publicPath,
          }),
        !isWDS && worker(),
        !isWDS && dontHashPlugin({ dontHash }),
        !isWDS && isProdBuild && terser(bundle.terserOptions(latestBuild)),
        !isWDS &&
          isStatsBuild &&
          visualizer({
            // https://github.com/btd/rollup-plugin-visualizer#options
            open: true,
            sourcemap: true,
          }),
      ].filter(Boolean),
    },
    /**
     * @type { import("rollup").OutputOptions }
     */
    outputOptions: {
      // https://rollupjs.org/guide/en/#outputdir
      dir: outputPath,
      // https://rollupjs.org/guide/en/#outputformat
      format: latestBuild ? "es" : "systemjs",
      // https://rollupjs.org/guide/en/#outputexternallivebindings
      externalLiveBindings: false,
      // https://rollupjs.org/guide/en/#outputentryfilenames
      // https://rollupjs.org/guide/en/#outputchunkfilenames
      // https://rollupjs.org/guide/en/#outputassetfilenames
      entryFileNames:
        isProdBuild && !isStatsBuild ? "[name]-[hash].js" : "[name].js",
      chunkFileNames:
        isProdBuild && !isStatsBuild ? "c.[hash].js" : "[name].js",
      assetFileNames:
        isProdBuild && !isStatsBuild ? "a.[hash].js" : "[name].js",
      // https://rollupjs.org/guide/en/#outputsourcemap
      sourcemap: isProdBuild ? true : "inline",
    },
  };
};

const createAppConfig = ({ isProdBuild, latestBuild, isStatsBuild, isWDS }) => {
  return createRollupConfig(
    bundle.config.app({
      isProdBuild,
      latestBuild,
      isStatsBuild,
      isWDS,
    })
  );
};

const createDemoConfig = ({ isProdBuild, latestBuild, isStatsBuild }) => {
  return createRollupConfig(
    bundle.config.demo({
      isProdBuild,
      latestBuild,
      isStatsBuild,
    })
  );
};

const createCastConfig = ({ isProdBuild, latestBuild }) => {
  return createRollupConfig(bundle.config.cast({ isProdBuild, latestBuild }));
};

const createHassioConfig = ({ isProdBuild, latestBuild }) => {
  return createRollupConfig(bundle.config.hassio({ isProdBuild, latestBuild }));
};

const createGalleryConfig = ({ isProdBuild, latestBuild }) => {
  return createRollupConfig(
    bundle.config.gallery({ isProdBuild, latestBuild })
  );
};

module.exports = {
  createAppConfig,
  createDemoConfig,
  createCastConfig,
  createHassioConfig,
  createGalleryConfig,
};