Add ESM as additional build target to support tree shaking (#49)

In preparation of releasing
Concordium/concordium-node-sdk-js#266, we need
to also update the libraries included in this repo to be tree-shakable.

## Changes

- Added exports field to package.json
- Add ESM build target, and resolve to ES module by default

## Checklist

- [x] My code follows the style of this project.
- [x] The code compiles without warnings.
- [x] I have performed a self-review of the changes.
- [x] I have documented my code, in particular the intent of the
      hard-to-understand areas.
- [x] (If necessary) I have updated the CHANGELOG.

package.json

@@ -23,8 +23,8 @@
     },
     "devDependencies": {
         "@trivago/prettier-plugin-sort-imports": "^4.1.1",
-        "@typescript-eslint/eslint-plugin": "latest",
-        "@typescript-eslint/parser": "latest",
+        "@typescript-eslint/eslint-plugin": "^6.7.0",
+        "@typescript-eslint/parser": "^6.7.0",
         "eslint": "latest",
         "husky": "^8.0.0",
         "lint-staged": "^13.1.0",

packages/react-components/CHANGELOG.md

@@ -7,6 +7,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+### Changed
+
+-   Build as ES module to facilitate tree-shaking.
+
 ## [0.3.0] - 2023-06-04
 
 ### Added

packages/react-components/package.json

@@ -6,6 +6,12 @@
     "license": "Apache-2.0",
     "browser": "./dist/index.js",
     "types": "./dist/index.d.ts",
+    "exports": {
+        ".": {
+            "types": "./dist/index.d.ts",
+            "default": "./dist/index.js"
+        }
+    },
     "files": [
         "./dist"
     ],
@@ -27,7 +33,7 @@
         "@types/node": "^18.11.17",
         "@types/react": "^18",
         "prettier": "2.8.1",
-        "typescript": "^4.9.4"
+        "typescript": "^5.2.2"
     },
     "peerDependencies": {
         "react": "^18"

packages/react-components/tsconfig.json

@@ -3,6 +3,8 @@
     "compilerOptions": {
         "declaration": true,
         "declarationMap": true,
+        "module": "ES2020",
+        "moduleResolution": "bundler",
         "sourceMap": true,
         "outDir": "./dist"
     },

packages/wallet-connectors/CHANGELOG.md

@@ -7,6 +7,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+### Added
+
+-   Build as ES module to facilitate tree-shaking.
+
 ## [0.3.2] - 2023-08-17
 
 ### Changed

packages/wallet-connectors/package.json

@@ -6,6 +6,12 @@
     "license": "Apache-2.0",
     "browser": "./dist/index.js",
     "types": "./dist/index.d.ts",
+    "exports": {
+        ".": {
+            "types": "./dist/index.d.ts",
+            "default": "./dist/index.js"
+        }
+    },
     "files": [
         "./dist"
     ],
@@ -28,6 +34,6 @@
         "@tsconfig/recommended": "^1.0.1",
         "@walletconnect/types": "^2.1.4",
         "prettier": "2.8.1",
-        "typescript": "^4.9.4"
+        "typescript": "^5.2.2"
     }
 }

packages/wallet-connectors/tsconfig.json

@@ -3,6 +3,8 @@
     "compilerOptions": {
         "declaration": true,
         "declarationMap": true,
+        "module": "ES2020",
+        "moduleResolution": "bundler",
         "sourceMap": true,
         "outDir": "./dist"
     },

samples/contractupdate/package.json

@@ -25,7 +25,7 @@
         "@types/react-dom": "^18.0.0",
         "prettier": "2.8.1",
         "react-scripts": "5.0.1",
-        "typescript": "^4.4.2"
+        "typescript": "^5.2.2"
     },
     "scripts": {
         "start": "react-scripts start",

samples/sign-message/package.json

@@ -12,7 +12,7 @@
         "react-bootstrap": "^2.7.2",
         "react-dom": "^18.2.0",
         "react-scripts": "5.0.1",
-        "typescript": "^4.9.5"
+        "typescript": "^5.2.2"
     },
     "scripts": {
         "start": "react-scripts start",