Add dual commonjs/esm build process

- commonjs bundle is found at dist/main
- esm bundle is found at dist/module

Author: rkalis

cspell.json

@@ -53,6 +53,7 @@
         "electrum",
         "equalverify",
         "eslintignore",
+        "esnext",
         "ethereum",
         "ethereum's",
         "eval",

examples/webapp/src/App.tsx

@@ -3,7 +3,7 @@ import 'bootstrap/dist/css/bootstrap.css'
 
 import React from 'react'
 import { Container, Row, Col, Form, Button } from 'react-bootstrap'
-import { BITBOX, Crypto } from 'bitbox-sdk'
+import { BITBOX } from 'bitbox-sdk'
 import { ECPair } from 'bitcoincashjs-lib'
 import { CashCompiler, ElectrumNetworkProvider, Contract, SignatureTemplate } from 'cashscript'
 
@@ -12,16 +12,13 @@ interface AppState {
   balance?: number
   seed: string
   keypair?: ECPair
-  loading: boolean
   receiveAddress: string
   transactionLink?: string
 }
 
-
 class App extends React.Component<{}, AppState> {
   state: AppState = {
     seed: 'CashScript',
-    loading: false,
     receiveAddress: 'bchtest:pzfsp649y00eay9mm3ky63ln72v3h6tx6gul8mlg93',
   }
 
@@ -32,7 +29,6 @@ class App extends React.Component<{}, AppState> {
   }
 
   async compileContract(seed: string) {
-    this.setState({ loading: true })
     // Fetch CashFile
     const source = await this.getContractSource()
 
@@ -61,7 +57,7 @@ class App extends React.Component<{}, AppState> {
     // Retrieve contract balance
     const balance = await contract.getBalance()
 
-    this.setState({ contract, balance, keypair: alice, loading: false })
+    this.setState({ contract, balance, keypair: alice })
   }
 
   async sendTestTransaction(receiveAddress: string) {

package.json

@@ -3,7 +3,8 @@
   "private": true,
   "workspaces": [
     "packages/*",
-    "examples"
+    "examples",
+    "examples/webapp"
   ],
   "devDependencies": {
     "@types/jest": "^24.0.25",

packages/cashc/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cashc",
-  "version": "0.5.3",
+  "version": "0.5.4",
   "description": "Compile Bitcoin Cash contracts to Bitcoin Cash Script or artifacts",
   "keywords": [
     "bitcoin",
@@ -22,10 +22,11 @@
   "contributors": [
     "Gabriel Cardona <gabriel@bitcoin.com>"
   ],
-  "main": "dist/index",
-  "types": "dist/index",
+  "main": "dist/main/index",
+  "module": "dist/module/index",
+  "types": "dist/module/index",
   "bin": {
-    "cashc": "dist/cashc-cli.js"
+    "cashc": "dist/main/cashc-cli.js"
   },
   "directories": {
     "lib": "src",
@@ -35,7 +36,9 @@
     "antlr": "antlr4ts -visitor -listener src/grammar/CashScript.g4",
     "build": "npm run clean && npm run compile",
     "clean": "rm -rf ./dist",
-    "compile": "tsc -p tsconfig.build.json",
+    "compile": "npm run compile:main && npm run compile:module",
+    "compile:main": "tsc -p tsconfig.build.main.json",
+    "compile:module": "tsc -p tsconfig.build.module.json",
     "lint": "eslint . --ext .ts --ignore-path ../../.eslintignore",
     "prepare": "npm run build",
     "prepublishOnly": "npm test && npm run lint",

packages/cashc/src/index.ts

@@ -15,4 +15,4 @@ export {
   CashCompiler,
 } from './util';
 
-export const version = '0.5.3';
+export const version = '0.5.4';

packages/cashc/tsconfig.build.main.json

@@ -0,0 +1,12 @@
+{
+    "extends": "../../tsconfig.build.json",
+
+    "compilerOptions": {
+      "outDir": "./dist/main",
+      "module": "commonjs",
+    },
+
+    "include": [
+      "src/**/*"
+    ]
+  }

packages/cashc/tsconfig.build.module.json

@@ -0,0 +1,13 @@
+{
+    "extends": "../../tsconfig.build.json",
+
+    "compilerOptions": {
+      "outDir": "./dist/module",
+      "module": "esnext",
+      "target": "es2019",
+    },
+
+    "include": [
+      "src/**/*"
+    ]
+  }

packages/cashscript/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cashscript",
-  "version": "0.5.3",
+  "version": "0.5.4",
   "description": "Easily write and interact with Bitcoin Cash contracts",
   "keywords": [
     "bitcoin cash",
@@ -21,16 +21,19 @@
   "contributors": [
     "Gabriel Cardona <gabriel@bitcoin.com>"
   ],
-  "main": "dist/index",
-  "types": "dist/index",
+  "main": "dist/main/index",
+  "module": "dist/module/index",
+  "types": "dist/module/index",
   "directories": {
     "lib": "src",
     "test": "test"
   },
   "scripts": {
     "build": "npm run clean && npm run compile",
     "clean": "rm -rf ./dist",
-    "compile": "tsc -p tsconfig.build.json",
+    "compile": "npm run compile:main && npm run compile:module",
+    "compile:main": "tsc -p tsconfig.build.main.json",
+    "compile:module": "tsc -p tsconfig.build.module.json",
     "lint": "eslint . --ext .ts --ignore-path ../../.eslintignore",
     "prepare": "npm run build",
     "prepublishOnly": "npm test && npm run lint",
@@ -39,7 +42,7 @@
   "dependencies": {
     "@bitauth/libauth": "^1.17.2",
     "bip68": "^1.0.4",
-    "cashc": "^0.5.3",
+    "cashc": "^0.5.4",
     "delay": "^4.3.0",
     "electrum-cash": "^2.0.4",
     "hash.js": "^1.1.7"

packages/cashscript/test/fixture/update_fixtures.sh

@@ -3,7 +3,7 @@
 DIR=$(dirname "$0")
 cd $DIR
 
-CASHC="../../../cashc/dist/cashc-cli.js"
+CASHC="../../../cashc/dist/main/cashc-cli.js"
 
 find . -name "*.cash" | while read fn; do
     echo node "$CASHC" -o "$(basename "$fn" .cash).json" "$fn"

packages/cashc/tsconfig.build.json …ages/cashscript/tsconfig.build.main.jsonpackages/cashc/tsconfig.build.json renamed to packages/cashscript/tsconfig.build.main.json packages/cashc/tsconfig.build.json renamed to packages/cashscript/tsconfig.build.main.json

@@ -2,7 +2,8 @@
     "extends": "../../tsconfig.build.json",
 
     "compilerOptions": {
-      "outDir": "./dist"
+      "outDir": "./dist/main",
+      "module": "commonjs"
     },
 
     "include": [