budibase/packages/bbui/rollup.config.js

import * as path from "path"
import svelte from "rollup-plugin-svelte-hot"
import resolve from "@rollup/plugin-node-resolve"
import commonjs from "@rollup/plugin-commonjs"
import json from "@rollup/plugin-json"
import copy from "rollup-plugin-copy"
import hmr from "rollup-plugin-hot"
import del from "rollup-plugin-delete"
import postcss from "rollup-plugin-postcss"
import { plugin as Svench } from "svench/rollup"
import builtins from "rollup-plugin-node-builtins"

const WATCH = !!process.env.ROLLUP_WATCH
const SVENCH = !!process.env.SVENCH
const HOT = WATCH
const PRODUCTION = !WATCH

const svench = Svench({
  // The root dir that Svench will parse and watch.
  //
  // NOTE Watching the root of the project, to let Svench render *.md for us.
  //
  // NOTE By default, `node_modules` and `.git` dirs are ignored. This can be
  // customized by passing a function to `ignore` option. Default ignore is:
  //
  //     ignore: path => /(?:^|\/)(?:node_modules|\.git)\//.test(path),
  //
  dir: ".",

  // Make `src` dir a section (that is, it will always be "expanded" in the
  // menu).
  autoSections: ["src"],

  // Use custom index.html
  index: {
    source: "public/index.html",
  },

  extensions: [".svench", ".svench.svelte", ".svench.svx", ".md"],

  serve: WATCH && {
    host: "0.0.0.0",
    port: 4242,
    public: "public",
    nollup: "0.0.0.0:42421",
  },
})

// NOTE configs are in function form to avoid instantiating plugins of the
// config that is not used for nothing (in particular, the HMR plugin launches
// a dev server on startup, this is not desired when just building for prod)
const configs = {
  svench: () => ({
    input: ".svench/svench.js",
    output: {
      format: "es",
      dir: "public/svench",
    },
    plugins: [
      builtins(),

      // NOTE cleaning old builds is required to avoid serving stale static
      // files from a previous build instead of in-memory files from the dev/hmr
      // server
      del({
        targets: "public/svench/*",
        runOnce: true,
      }),

      postcss({
        hot: HOT,
        extract: path.resolve("public/svench/theme.css"),
        sourceMap: true,
      }),

      svench,

      svelte({
        dev: !PRODUCTION,
        extensions: [".svelte", ".svench", ".svx", ".md"],
        // Svench's "combined" preprocessor wraps both Mdsvex preprocessors
        // (configured for Svench), and its own preprocessor (for static
        // analysis -- eg extract source from views)
        preprocess: svench.$.preprocess,
        hot: HOT && {
          optimistic: true,
          noPreserveState: false,
        },
      }),

      resolve({ browser: true }),

      commonjs(),
      json(),

      HOT &&
        hmr({
          host: "0.0.0.0",
          public: "public",
          inMemory: true,
          compatModuleHot: !HOT, // for terser
        }),
    ],

    watch: {
      clearScreen: false,
      // buildDelay is needed to ensure Svench's code (routes) generator will
      // pick file changes before Rollup and prevent a double build (if Rollup
      // first sees a change to src/Foo.svench, then to Svench's routes.js)
      buildDelay: 100,
    },
  }),

  lib: () => ({
    input: "src/index.js",
    output: [{ file: "dist/bundle.mjs", format: "es" }],
    plugins: [
      svelte({
        dev: !PRODUCTION,
        extensions: [".svelte"],
        emitCss: true,
      }),
      postcss(),
      copy({
        targets: [
          {
            src: ".svench/svench.css",
            dest: "public",
            rename: "global.css",
          },
        ],
      }),
      resolve(),
      commonjs(),
      json(),
    ],
  }),
}

export default configs[SVENCH ? "svench" : "lib"]()