arredemo/src/scripts/build/rollup/prepare.mjs

Instantly build a static site for your package

import path from "node:path"
import { fileURLToPath } from "node:url"
import alias_plugin from "@rollup/plugin-alias"
import { babel } from "@rollup/plugin-babel"
import commonjs from "@rollup/plugin-commonjs"
import json from "@rollup/plugin-json"
import { nodeResolve } from "@rollup/plugin-node-resolve"
import replace from "@rollup/plugin-replace"
import terser from "@rollup/plugin-terser"
import copy from "rollup-plugin-copy"
import externals from "rollup-plugin-node-externals"
import scss from "rollup-plugin-postcss"

const NODE_ENV = "production"
const __filename = fileURLToPath(import.meta.url)
const __dirname = path.dirname(__filename)

//const minifyExtension = pathToFile => pathToFile.replace(/\.js$/, '.min.js');

function toTitleCase(str) {
  let s = str.replace(/\w*/g, (txt) => txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase())
  s = s.charAt(0).toLowerCase() + s.substr(1)
  s = s.replace(/-/g, "")
  return s
}

function _imgCopyTargets(arreConfig) {
  const targets = []
  const _checkI = (src, dest) => {
    if (src !== undefined) {
      targets.push({
        src,
        dest: "arredemo",
        rename: dest
      })
    }
  }
  _checkI(arreConfig.favicon.main?.src, arreConfig.favicon.main?.dest)
  _checkI(arreConfig.favicon.ico?.src, arreConfig.favicon.ico?.dest)
  _checkI(arreConfig.favicon.apple?.src, arreConfig.favicon.apple?.dest)
  _checkI(arreConfig.logo?.src, arreConfig.logo?.dest)

  return targets
}

function rollupArreDemoAppConfig(pkgPath, pkgJson, arreConfig, rendFolder, inputName, outputName) {
  const pkgJsonPath = path.join(pkgPath, "package.json")
  //const input= arreConfig.demo_entry

  const input = path.join(rendFolder, inputName)

  const outFolder = path.join(pkgPath, "arredemo")
  const output = path.join(outFolder, outputName)

  const inputOptions = {
    input,
    plugins: [
      replace({
        preventAssignment: true,
        "process.env.NODE_ENV": JSON.stringify(NODE_ENV)
      }),
      babel({
        // Babel resolution involves just arredemo folders
        cwd: path.join(__dirname, "../../../.."),

        exclude: /node_modules/,

        /*https://github.com/rollup/plugins/tree/master/packages/babel#babelhelpers*/
        babelHelpers: "bundled",

        presets: [
          [
            "@babel/preset-env",
            {
              bugfixes: true,
              loose: true
            }
          ],
          ["@babel/preset-react", { runtime: "automatic" }]
        ]
      }),
      commonjs({
        esmExternals: true
      }),
      alias_plugin({
        entries: [
          {
            find: "app",
            replacement: rendFolder
          }
        ]
      }),
      json(),
      externals({
        packagePath: pkgJsonPath,
        deps: false,
        peerDeps: false
      }),
      nodeResolve({
        rootDir: rendFolder,
        exportConditions: ["node"],
        dedupe: ["react", "react-dom", "react-dom/client", "react/jsx-runtime"],
        modulePaths: [path.join(__dirname, "../../../../node_modules")]
      }),
      scss({
        use: {
          sass: {
            silenceDeprecations: ["legacy-js-api"]
          }
        }
      }),
      copy({
        targets: _imgCopyTargets(arreConfig)
      })
    ]
  }

  const outputs = [
    {
      //file: minifyExtension(output),
      file: output,
      format: "iife",
      exports: "named",
      sourcemap: true,
      name: toTitleCase(pkgJson.name),
      globals: {
        react: "React",
        "react-dom": "ReactDOM",
        "react/jsx-runtime": "jsxRuntime",
        "markdown-to-jsx": "MarkdownToJSX"
      },
      plugins: [terser({ ecma: 8, safari10: true })]
    }
  ]

  return [inputOptions, outputs]
}

export { rollupArreDemoAppConfig }