Provide bundled module and custom element

Author: runarberg

.npmignore

@@ -1,4 +1,6 @@
+.nyc_output/
+coverage/
 demo/
 docs/
-test/
 src/**/*.test.js
+test/

docs/index.html

@@ -8,7 +8,10 @@
     <link rel="shortcut" type="image/x-icon" href="favicon.ico" />
     <link rel="stylesheet" href="main.css" />
 
-    <script src="../src/custom-element.mjs" type="module"></script>
+    <script
+      src="https://unpkg.com/mathup/target/module/math-up-element.min.mjs"
+      type="module"
+    ></script>
     <script src="./use-example-element.mjs" type="module"></script>
     <script src="./main.mjs" type="module" defer></script>
   </head>

package.json

@@ -13,7 +13,7 @@
   "license": "MIT",
   "author": "Rúnar Berg Baugsson Sigríðarson <runarberg@zoho.com>",
   "main": "target/node/mathup.cjs",
-  "module": "src/index.mjs",
+  "module": "target/module/mathup.mjs",
   "bin": {
     "mathup": "bin/mathup.js"
   },

rollup.config.js

@@ -30,6 +30,16 @@ const defaultConfig = {
       format: "cjs",
       sourcemap: true,
     },
+    {
+      file: `target/module/${NAME}.mjs`,
+      format: "module",
+      sourcemap: true,
+    },
+    {
+      file: `target/module/${NAME}.min.mjs`,
+      format: "module",
+      plugins: [terser()],
+    },
     {
       file: `target/browser/${NAME}.iife.js`,
       format: "iife",
@@ -51,10 +61,44 @@ const defaultConfig = {
   ],
 };
 
+const customElementConfig = {
+  input: "src/custom-element.mjs",
+  output: [
+    {
+      file: `target/module/math-up-element.mjs`,
+      format: "module",
+      sourcemap: true,
+    },
+    {
+      file: `target/module/math-up-element.min.mjs`,
+      format: "module",
+      plugins: [terser()],
+    },
+    {
+      file: `target/browser/math-up-element.iife.js`,
+      format: "iife",
+      name: "MathUpElement",
+      banner: `/*! ${NAME} v${VERSION} | (c) 2015-${YEAR} (${LICENSE}) | ${HOMEPAGE} */`,
+      sourcemap: true,
+    },
+    {
+      file: `target/browser/math-up-element.iife.min.js`,
+      format: "iife",
+      name: "MathUpElement",
+      plugins: [terser()],
+    },
+  ],
+  plugins: [
+    babel({
+      runtimeHelpers: true,
+    }),
+  ],
+};
+
 export default function rollup(args) {
   if (args.configDeps === true) {
     return dependenciesConfig;
   }
 
-  return [dependenciesConfig, defaultConfig];
+  return [dependenciesConfig, defaultConfig, customElementConfig];
 }