feat: Build with ESM and CommonJS (#85)

.github/workflows/master.yml

@@ -20,6 +20,10 @@ jobs:
           cache: 'npm'
       - name: install
         run: npm install --legacy-peer-deps
+      - name: lint
+        run: npm run lint
+      - name: test
+        run: npm run test
       - name: build
         run: npm run build
       #- name: print diff if failed

.gitignore

@@ -1,5 +1,7 @@
 .DS_Store
 node_modules
 dist
+esm
+cjs
 .nyc_output
 coverage

package.json

@@ -1,12 +1,25 @@
 {
   "name": "decentraland-connect",
   "version": "0.0.0-development",
-  "main": "dist",
+  "main": "cjs/index.js",
+  "module": "esm/index.js",
+  "exports": {
+    ".": {
+      "import": "./esm/index.js",
+      "require": "./cjs/index.js"
+    }
+  },
+  "files": [
+    "esm",
+    "cjs"
+  ],
   "scripts": {
-    "prebuild": "rimraf dist",
     "lint": "tslint --project tsconfig.json -e '*.json' -c tslint.json 'src/**/*.ts{,x}'",
     "lint:fix": "tslint  --fix --project tsconfig.json -e '*.json' -c tslint.json 'src/**/*.ts{,x}'",
-    "build": "npm run lint && npm run test && tsc --project tsconfig.json",
+    "postbuild": "node scripts/postbuild.js",
+    "build:esm": "tsc --project tsconfig.esm.json",
+    "build:cjs": "tsc --project tsconfig.cjs.json",
+    "build": "npm run build:esm && npm run build:cjs",
     "test": "TS_NODE_PROJECT=tsconfig-tests.json nyc mocha --require ts-node/register --project ./tsconfig-tests.json --watch-files src, test/**/*.ts",
     "test:watch": "npm test -- --watch",
     "test:report": "npx nyc --silent --no-clean npm run test && npx nyc report --reporter=lcov --reporter=text",
@@ -25,7 +38,8 @@
     "@web3-react/walletlink-connector": "^6.2.13",
     "ethers": "^6.9.1",
     "magic-sdk": "^21.4.1",
-    "socket.io-client": "^4.7.2"
+    "socket.io-client": "^4.7.2",
+    "tslib": "^2.6.2"
   },
   "devDependencies": {
     "@types/chai": "^4.2.14",

scripts/postbuild.js

@@ -0,0 +1,15 @@
+const fs = require('fs')
+
+fs.writeFileSync(
+  'cjs/package.json',
+  JSON.stringify({
+    type: 'commonjs'
+  })
+)
+
+fs.writeFileSync(
+  'esm/package.json',
+  JSON.stringify({
+    type: 'module'
+  })
+)

tsconfig.cjs.json

@@ -0,0 +1,9 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "module": "commonjs",
+    "outDir": "cjs",
+    "target": "es6",
+  },
+  "exclude": ["node_modules", "dist", "esm", "cjs", "test"]
+}

tsconfig.esm.json

@@ -0,0 +1,10 @@
+
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "module": "esnext",
+    "outDir": "esm",
+    "target": "esnext"
+  },
+  "exclude": ["node_modules", "dist", "esm", "cjs", "test"]
+}

tsconfig.json

@@ -1,10 +1,7 @@
 {
   "compilerOptions": {
     "baseUrl": ".",
-    "outDir": "dist",
-    "module": "CommonJS",
-    "target": "es2017",
-    "lib": ["es2017", "dom"],
+    "lib": ["es2020", "dom"],
     "strict": true,
     "sourceMap": true,
     "moduleResolution": "node",
@@ -15,6 +12,7 @@
     "strictNullChecks": true,
     "suppressImplicitAnyIndexErrors": true,
     "noUnusedParameters": true,
+    "importHelpers": true,
     "noUnusedLocals": true,
     "plugins": [{ "name": "tslint-language-service" }],
     "declaration": true,
@@ -25,6 +23,8 @@
   "exclude": [
     "node_modules",
     "dist",
+    "esm",
+    "cjs",
     "build",
     "test",
     "scripts",