simplify rollup build and add browserslist config

Author: geotrev

.browserslistrc

@@ -0,0 +1,6 @@
+edge >= 81
+firefox >= 54
+chrome >= 51
+safari >= 12
+ios >= 11
+not ie <= 11

README.md

@@ -1,15 +1,15 @@
-<h2 align="center">👾 OmDomDom</h2>
-<p align="center">Create, render, and patch virtual DOMs</p>
+<h2 align="center">👾 Omdomdom</h2>
+<p align="center">Create, render, and patch virtual nodes</p>
 <br>
 <p align="center">
   <a href="https://www.npmjs.com/package/omdomdom"><img src="https://img.shields.io/npm/v/omdomdom.svg?sanitize=true" alt="Version"></a>
   <a href="https://www.npmjs.com/package/omdomdom"><img src="https://img.shields.io/npm/l/omdomdom.svg?sanitize=true" alt="License"></a>
   <a href="https://www.npmjs.com/package/omdomdom"><img src="https://badgen.net/circleci/github/geotrev/omdomdom/main" alt="Circle CI status (main)" /></a>
   <a href="https://www.npmjs.com/package/omdomdom"><img src="https://badgen.net/bundlephobia/minzip/omdomdom" alt="bundle size" /></a>
-  <a href="https://www.npmjs.com/package/omdomdom"><img src="https://badgen.net/david/dev/geotrev/omdomdom" alt="devDependencies" /></a>
+  <a href="https://www.libraries.io/npm/omdomdom"><img src="https://img.shields.io/librariesio/release/npm/omdomdom" alt="dependency status" /></a>
 </p>
 
-OmDomDOm is intentionally very minimal. It doesn't utilize tagged template literals and therefore is binding-free.
+Omdomdom is intentionally very minimal. Its primary function is to produce HTML nodes from strings.
 
 Pull requests and issues welcome!
 
@@ -51,7 +51,7 @@ patch(...)
 ></script>
 ```
 
-The CDN will set `window.OmDomDom` on your page.
+The CDN will set `window.Omdomdom` on your page.
 
 ## Virtual Node Structure
 
@@ -70,7 +70,7 @@ VirtualNode {
   attributes: Object.<attribute: string, value: string>,
 
   // Is set to `true` if a node is an `svg`, which tells
-  // OmDomDom to treat it, and its children, as such
+  // Omdomdom to treat it, and its children, as such
   isSVGContext: Boolean,
 
   // The content of a "text" or "comment" node
@@ -154,4 +154,4 @@ If you think it can be improved, please contribute. :)
 
 ## Support
 
-OmDomDom works in all modern browsers and IE11. It requires no polyfills/dependencies.
+Omdomdom works in all modern browsers and IE11. It requires no polyfills/dependencies.

babel.config.json

@@ -1,13 +1,3 @@
 {
-  "env": {
-    "test": {
-      "presets": [["@babel/preset-env", { "targets": { "node": "current" } }]]
-    },
-    "build": {
-      "presets": ["@babel/preset-env"]
-    },
-    "publish": {
-      "presets": ["@babel/preset-env"]
-    }
-  }
+  "presets": ["@babel/preset-env"]
 }

config/rollup.build.config.js

@@ -0,0 +1,83 @@
+import path from "path"
+import babel from "@rollup/plugin-babel"
+import { nodeResolve } from "@rollup/plugin-node-resolve"
+import { terser } from "rollup-plugin-terser"
+
+const currentDir = process.cwd()
+const year = new Date().getFullYear()
+
+const banner = async () => {
+  const { default: pkg } = await import("../package.json")
+
+  return `/*!
+  * @license MIT (https://github.com/geotrev/omdomdom/blob/master/LICENSE)
+  * Omdomdom v${pkg.version} (${pkg.homepage})
+  * Copyright ${year} ${pkg.author}
+  */`
+}
+
+const Formats = {
+  CJS: "cjs",
+  ES: "es",
+  UMD: "umd",
+}
+const input = path.resolve(currentDir, "src/index.js")
+const basePlugins = [
+  nodeResolve(),
+  babel({
+    babelHelpers: "bundled",
+    comments: false,
+    exclude: "node_modules",
+  }),
+]
+
+const terserPlugin = terser({
+  output: {
+    comments: (_, comment) => {
+      const { value, type } = comment
+
+      if (type === "comment2") {
+        return /@preserve|@license|@cc_on/i.test(value)
+      }
+    },
+  },
+})
+
+const baseOutput = (format) => ({
+  banner,
+  format,
+  name: "Omdomdom",
+  sourcemap: true,
+})
+
+const outputs = [Formats.ES, Formats.CJS].reduce(
+  (configs, format) => [
+    ...configs,
+    {
+      ...baseOutput(format),
+      file: path.resolve(currentDir, `lib/omdomdom.${format}.js`),
+    },
+    {
+      ...baseOutput(format),
+      file: path.resolve(currentDir, `lib/omdomdom.${format}.min.js`),
+      plugins: [terserPlugin],
+    },
+  ],
+  [
+    {
+      ...baseOutput(Formats.UMD),
+      file: path.resolve(currentDir, "dist/omdomdom.js"),
+    },
+    {
+      ...baseOutput(Formats.UMD),
+      file: path.resolve(currentDir, "dist/omdomdom.min.js"),
+      plugins: [terserPlugin],
+    },
+  ]
+)
+
+export default {
+  input,
+  plugins: basePlugins,
+  output: [...outputs],
+}

rollup.config.test.js config/rollup.serve.config.jsrollup.config.test.js renamed to config/rollup.serve.config.js

@@ -3,9 +3,10 @@ import { nodeResolve } from "@rollup/plugin-node-resolve"
 import serve from "rollup-plugin-serve"
 import livereload from "rollup-plugin-livereload"
 
-const TEST_ROOT = path.resolve(__dirname, "test")
-const SOURCE_PATH = path.resolve(TEST_ROOT, "test-cases.js")
-const OUTPUT_PATH = path.resolve(TEST_ROOT, "bundle.js")
+const currentDir = process.cwd()
+const TEST_ROOT = path.resolve(currentDir, "test")
+const SOURCE_PATH = TEST_ROOT + "/test-cases.js"
+const OUTPUT_PATH = TEST_ROOT + "/bundle.js"
 
 export default {
   input: SOURCE_PATH,

package-lock.json

@@ -10,16 +10,15 @@
     "prepare": "husky install",
     "test": "jest",
     "test:watch": "jest --watch",
-    "watch": "rollup -c rollup.config.test.js -w",
-    "build": "BABEL_ENV=build rollup -c",
-    "build:publish": "BABEL_ENV=publish rollup -c",
+    "watch": "rollup -c config/rollup.serve.config.js -w",
+    "build": "rollup -c config/rollup.build.config.js",
     "eslint:check": "eslint -c .eslintrc.json",
     "prettier:check": "prettier --config .prettierrc.json --check",
     "prettier:write": "prettier --write",
     "git:update-origin": "git add . && git commit -m '[npm publish] update metadata & cdn tags' && git push && git push --tags",
     "prepublishOnly": "paopu && npm run git:update-origin",
     "preversion": "npm test",
-    "postversion": "npm run build:publish"
+    "postversion": "npm run build"
   },
   "devDependencies": {
     "@babel/core": "^7.16.7",