text: /* Copyright 2019 Google LLC All Rights Reserved.
  
  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 svelte from "rollup-plugin-svelte";
  import resolve from "rollup-plugin-node-resolve";
  import commonjs from "rollup-plugin-commonjs";
  import json from "rollup-plugin-json";
  import livereload from "rollup-plugin-livereload";
  import { terser } from "rollup-plugin-terser";
  import staticSite from "rollup-plugin-static-site";
  import replace from "@rollup/plugin-replace";
  import postcss from "rollup-plugin-postcss";
  import { mdsvex } from "mdsvex";
  
  const production = !process.env.ROLLUP_WATCH;
  const urlPrefix = process.env.URL_PREFIX || "";
  const build = process.env.build || "main";
  const figure = process.env.FIGURE;
  
  let input = "src/main.js";
  if (figure === "cech") {
    input = "src/visualizations/cech_visualization/main.js";
  } else if (figure === "fmnist") {
    input = "src/visualizations/fmnist_visualization/main.js";
  } else if (figure === "hyperparameters") {
    input = "src/visualizations/hyperparameters_visualization/main.js";
  } else if (figure === "mammoth-umap") {
    input = "src/visualizations/mammoth_visualization/umap.js";
  } else if (figure === "mammoth-tsne") {
    input = "src/visualizations/mammoth_visualization/tsne.js";
  } else if (figure === "supplement") {
    input = "src/supplement.js";
  } else if (figure === "toy_comparison") {
    input = "src/visualizations/toy_comparison_visualization/main.js";
  } else if (figure === "toy") {
    input = "src/visualizations/toy_visualization/main.js";
  }
  
  let outputTitle = "Understanding UMAP";
  let outputCss = "public/bundle.css";
  let outputBundle = "public/bundle.js";
  let outputHtml = "index.html";
  
  if (build === "main") {
    // Default build config
  } else if (build === "supplement") {
    input = "src/supplement.js";
    outputCss = "public/bundle-supplement.css";
    outputBundle = "public/bundle-supplement.js";
    outputHtml = "supplement.html";
    outputTitle = "Understanding UMAP:  A deeper dive into UMAP theory";
  }
  
  function processAssetName(str) {
    return str.replace("public/", `${urlPrefix}/`);
  }
  
  export default {
    external: ["d3", "scatter-gl", "three"],
    input,
    output: {
      sourcemap: true,
      format: "iife",
      name: "app",
      file: outputBundle,
      globals: {
        d3: "d3",
        three: "THREE",
        "scatter-gl": "ScatterGL"
      }
    },
    plugins: [
      svelte({
        extensions: [".svelte", ".svx"],
        // enable run-time checks when not in production
        dev: !production,
        // we'll extract any component CSS out into
        // a separate file — better for performance
        css: css => {
          css.write(outputCss);
        },
        preprocess: mdsvex({
          extension: ".svx"
        })
      }),
      postcss({
        extract: "public/global.css"
      }),
      replace({ __URL_PREFIX__: urlPrefix }),
      staticSite({
        dir: "public",
        filename: outputHtml,
        template: {
          path: "src/index.html",
          func: (templateStr, templateData) => {
            return templateStr
              .replace("__TITLE__", outputTitle)
              .replace("__URL_PREFIX__", urlPrefix)
              .replace("__CSS_BUNDLE__", processAssetName(outputCss))
              .replace("__JS_BUNDLE__", processAssetName(outputBundle));
          }
        }
      }),
  
      // If you have external dependencies installed from
      // npm, you'll most likely need these plugins. In
      // some cases you'll need additional configuration —
      // consult the documentation for details:
      // https://github.com/rollup/rollup-plugin-commonjs
      resolve({
        browser: true,
        dedupe: importee =>
          importee === "svelte" || importee.startsWith("svelte/")
      }),
      commonjs(),
      json(),
  
      // Watch the `public` directory and refresh the
      // browser on changes when not in production
      !production && livereload("public"),
  
      // If we're building for production (npm run build
      // instead of npm run dev), minify
      production && terser()
    ]
  };
  