feat: fix for old compilers (#26)

this uses a new tool that I wrote for compiling output of a CJS target for browsers along with Node.js, this solves the export missmatch for older compilers by pointing the old browser field

Author: mikeal

bases/base64.js

@@ -41,9 +41,11 @@ const base64pad = create('ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz01
 const base64url = create('ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789-_')
 const base64urlpad = create('ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789-_=')
 
-export default [
+const ex = [
   { prefix: 'm', name: 'base64', ...base64 },
   { prefix: 'M', name: 'base64pad', ...base64pad },
   { prefix: 'u', name: 'base64url', ...base64url },
   { prefix: 'U', name: 'base64urlpad', ...base64urlpad }
 ]
+ex.b64 = b64
+export default ex

package.json

@@ -5,80 +5,100 @@
   "main": "index.js",
   "type": "module",
   "scripts": {
-    "build": "rollup --config rollup.config.js",
+    "build": "npx @mikeal/limbo test/test-*.js",
     "prepublishOnly": "npm run build",
     "lint": "standard",
-    "test:cjs": "rm -rf dist && npm run build && mocha dist/test/test-*.cjs",
+    "test:cjs": "rm -rf dist && npm run build && mocha dist/cjs-node/test/test-*.cjs && npm run test:cjs:browser",
     "test:node": "hundreds mocha test/test-*.js",
-    "test:browser": "polendina --webpack-config polendina.webpack.config.cjs --cleanup test/test-*.js",
-    "test": "npm run lint && npm run test:node && npm run test:browser && npm run test:cjs",
+    "test:cjs:browser": "polendina --cleanup dist/cjs-browser/test/test-*.js",
+    "test": "npm run lint && npm run test:node && npm run test:cjs",
     "coverage": "c8 --reporter=html mocha test/test-*.js && npx st -d coverage -p 8080"
   },
   "keywords": [],
   "author": "Mikeal Rogers <[email protected]> (https://www.mikealrogers.com/)",
   "license": "(Apache-2.0 AND MIT)",
   "browser": {
-    "./hashes/sha2.js": "./hashes/sha2-browser.js",
-    "./bases/_base64.js": "./bases/_base64-browser.js"
+    "./bases/_base64-browser.js": "./dist/cjs-browser/bases/_base64-browser.js",
+    "./bases/base16.js": "./dist/cjs-browser/bases/base16.js",
+    "./bases/base32.js": "./dist/cjs-browser/bases/base32.js",
+    "./bases/base58.js": "./dist/cjs-browser/bases/base58.js",
+    "./bases/base64.js": "./dist/cjs-browser/bases/base64.js",
+    "./basics.js": "./dist/cjs-browser/basics.js",
+    "./bytes.js": "./dist/cjs-browser/bytes.js",
+    "./cid.js": "./dist/cjs-browser/cid.js",
+    "./codecs/json.js": "./dist/cjs-browser/codecs/json.js",
+    "./codecs/raw.js": "./dist/cjs-browser/codecs/raw.js",
+    "./hashes/sha2-browser.js": "./dist/cjs-browser/hashes/sha2-browser.js",
+    "./index.js": "./dist/cjs-browser/index.js",
+    "./legacy.js": "./dist/cjs-browser/legacy.js",
+    "./test/fixtures/invalid-multihash.js": "./dist/cjs-browser/test/fixtures/invalid-multihash.js",
+    "./test/fixtures/valid-multihash.js": "./dist/cjs-browser/test/fixtures/valid-multihash.js",
+    "./test/test-bytes.js": "./dist/cjs-browser/test/test-bytes.js",
+    "./test/test-cid.js": "./dist/cjs-browser/test/test-cid.js",
+    "./test/test-errors.js": "./dist/cjs-browser/test/test-errors.js",
+    "./test/test-legacy.js": "./dist/cjs-browser/test/test-legacy.js",
+    "./test/test-multibase.js": "./dist/cjs-browser/test/test-multibase.js",
+    "./test/test-multicodec.js": "./dist/cjs-browser/test/test-multicodec.js",
+    "./test/test-multihash.js": "./dist/cjs-browser/test/test-multihash.js"
   },
   "exports": {
     ".": {
       "import": "./index.js",
-      "require": "./dist/index.cjs"
+      "require": "./dist/cjs-node/index.cjs"
     },
     "./index.js": {
       "import": "./index.js",
-      "require": "./dist/index.cjs"
+      "require": "./dist/cjs-node/index.cjs"
     },
     "./basics.js": {
       "import": "./basics.js",
-      "require": "./dist/basics.cjs"
+      "require": "./dist/cjs-node/basics.cjs"
     },
     "./bytes.js": {
       "import": "./bytes.js",
-      "require": "./dist/bytes.cjs"
+      "require": "./dist/cjs-node/bytes.cjs"
     },
     "./cid.js": {
       "import": "./cid.js",
-      "require": "./dist/cid.cjs"
+      "require": "./dist/cjs-node/cid.cjs"
     },
     "./legacy.js": {
       "import": "./legacy.js",
-      "require": "./dist/legacy.cjs"
+      "require": "./dist/cjs-node/legacy.cjs"
     },
     "./bases/_base64.js": {
       "browser": "./bases/_base64-browser.js",
       "import": "./bases/_base64.js",
-      "require": "./dist/bases/_base64.cjs"
+      "require": "./dist/cjs-node/bases/_base64.cjs"
     },
     "./bases/base16.js": {
       "import": "./bases/base16.js",
-      "require": "./dist/bases/base16.cjs"
+      "require": "./dist/cjs-node/bases/base16.cjs"
     },
     "./bases/base32.js": {
       "import": "./bases/base32.js",
-      "require": "./dist/bases/base32.cjs"
+      "require": "./dist/cjs-node/bases/base32.cjs"
     },
     "./bases/base58.js": {
       "import": "./bases/base58.js",
-      "require": "./dist/bases/base58.cjs"
+      "require": "./dist/cjs-node/bases/base58.cjs"
     },
     "./bases/base64.js": {
       "import": "./bases/base64.js",
-      "require": "./dist/bases/base64.cjs"
+      "require": "./dist/cjs-node/bases/base64.cjs"
     },
     "./hashes/sha2.js": {
       "browser": "./hashes/sha2-browser.js",
       "import": "./hashes/sha2.js",
-      "require": "./dist/hashes/sha2.cjs"
+      "require": "./dist/cjs-node/hashes/sha2.cjs"
     },
     "./codecs/json.js": {
       "import": "./codecs/json.js",
-      "require": "./dist/codecs/json.cjs"
+      "require": "./dist/cjs-node/codecs/json.cjs"
     },
     "./codecs/raw.js": {
       "import": "./codecs/raw.js",
-      "require": "./dist/codecs/raw.cjs"
+      "require": "./dist/cjs-node/codecs/raw.cjs"
     }
   },
   "devDependencies": {
@@ -113,4 +133,4 @@
     "url": "https://github.com/multiformats/js-multiformats/issues"
   },
   "homepage": "https://github.com/multiformats/js-multiformats#readme"
-}
+}

polendina.webpack.config.cjs

@@ -7,7 +7,6 @@ import base32 from 'multiformats/bases/base32.js'
 import base58 from 'multiformats/bases/base58.js'
 import base64 from 'multiformats/bases/base64.js'
 import basics from 'multiformats/basics.js'
-import { __browser } from 'multiformats/bases/_base64.js'
 const basicsMultibase = basics.multibase
 const same = assert.deepStrictEqual
 const test = it
@@ -29,7 +28,7 @@ describe('multibase', () => {
   multibase.add(base58)
   multibase.add(base64)
   test('browser', () => {
-    same(!!__browser, !!process.browser)
+    same(!!base64.b64.__browser, !!process.browser)
   })
 
   for (const base of ['base16', 'base32', 'base58btc', 'base64']) {