feat: native Node.js ES Modules (isolated state approach)

See: https://nodejs.org/docs/latest-v12.x/api/esm.html#esm_dual_commonjs_es_module_packages

Author: ctavan

.local/wrapper.mjs

@@ -1,6 +1,6 @@
 {
   "files": [
-    { "path": "./examples/browser-rollup/dist/v1-size.js", "maxSize": "0.8 kB" },
+    { "path": "./examples/browser-rollup/dist/v1-size.js", "maxSize": "0.9 kB" },
     { "path": "./examples/browser-rollup/dist/v3-size.js", "maxSize": "1.8 kB" },
     { "path": "./examples/browser-rollup/dist/v4-size.js", "maxSize": "0.5 kB" },
     { "path": "./examples/browser-rollup/dist/v5-size.js", "maxSize": "1.2 kB" },

bundlewatch.config.json

@@ -10,6 +10,7 @@
     "uuid": "file:../../.local"
   },
   "devDependencies": {
+    "@rollup/plugin-commonjs": "^11.1.0",
     "@rollup/plugin-node-resolve": "^7.1.3",
     "rollup": "^2.6.1",
     "rollup-plugin-terser": "^5.3.0"

examples/browser-rollup/package-lock.json

@@ -1,7 +1,14 @@
+const commonjs = require('@rollup/plugin-commonjs');
 const resolve = require('@rollup/plugin-node-resolve');
 const { terser } = require('rollup-plugin-terser');
 
-const plugins = [resolve({ browser: true }), terser()];
+const plugins = [
+  resolve({ browser: true }),
+  commonjs({
+    extensions: ['.cjs'],
+  }),
+  terser(),
+];
 module.exports = [
   {
     input: './example-all.js',

examples/browser-rollup/package.json

@@ -20,14 +20,14 @@
   "main": "./dist/index.js",
   "exports": {
     "require": "./dist/index.js",
-    "import": "./wrapper.mjs"
+    "import": "./dist/esm-node/index.mjs"
   },
-  "module": "./dist/esm-node/index.js",
+  "module": "./dist/esm-node/index.mjs",
   "browser": {
     "./dist/md5.js": "./dist/md5-browser.js",
     "./dist/rng.js": "./dist/rng-browser.js",
     "./dist/sha1.js": "./dist/sha1-browser.js",
-    "./dist/esm-node/index.js": "./dist/esm-browser/index.js"
+    "./dist/esm-node/index.mjs": "./dist/esm-browser/index.js"
   },
   "files": [
     "CHANGELOG.md",
@@ -39,15 +39,15 @@
     "v1.js",
     "v3.js",
     "v4.js",
-    "v5.js",
-    "wrapper.mjs"
+    "v5.js"
   ],
   "devDependencies": {
     "@babel/cli": "7.8.4",
     "@babel/core": "7.9.0",
     "@babel/preset-env": "7.9.5",
     "@commitlint/cli": "8.3.5",
     "@commitlint/config-conventional": "8.3.4",
+    "@rollup/plugin-commonjs": "11.1.0",
     "@rollup/plugin-node-resolve": "7.1.3",
     "@wdio/browserstack-service": "6.0.12",
     "@wdio/cli": "6.0.15",

examples/browser-rollup/rollup.config.js

@@ -1,4 +1,5 @@
 import nodeResolve from '@rollup/plugin-node-resolve';
+import commonjs from '@rollup/plugin-commonjs';
 import { terser } from 'rollup-plugin-terser';
 
 function chunk(input, name) {
@@ -10,7 +11,13 @@ function chunk(input, name) {
       name,
       compact: true,
     },
-    plugins: [nodeResolve({ browser: true }), terser()],
+    plugins: [
+      nodeResolve({ browser: true }),
+      commonjs({
+        extensions: ['.cjs'],
+      }),
+      terser(),
+    ],
   };
 }