Configure ESM target

Author: pvditto

package.json

@@ -2,10 +2,13 @@
   "name": "@dittolive/react-ditto",
   "version": "0.11.1",
   "description": "React wrappers for Ditto",
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "types": "dist/esm/index.d.ts",
   "scripts": {
-    "build": "rimraf dist && tsc",
+    "build": "rimraf dist && npm run build:esm && npm run build:cjs",
+    "build:esm": "tsc -p tsconfig.esm.json",
+    "build:cjs": "tsc -p tsconfig.json",
     "test": "karma start",
     "types": "tsc -p tsconfig.json",
     "lint": "eslint . --ext .ts,.tsx",

tsconfig.esm.json

@@ -0,0 +1,9 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "module": "ESNext",
+    "moduleResolution": "node",
+    "declarationDir": "./dist/esm",
+    "outDir": "./dist/esm"
+  }
+}

tsconfig.json

@@ -11,16 +11,12 @@
     "jsx": "react",
     "esModuleInterop": true,
     "declaration": true,
-    "declarationDir": "./dist",
+    "declarationDir": "./dist/cjs",
     "declarationMap": true,
-    "outDir": "./dist",
+    "outDir": "./dist/cjs",
     "sourceRoot": "./src"
   },
   "compileOnSave": false,
-  "exclude": [
-    "node_modules"
-  ],
-  "include": [
-    "src"
-  ]
-}
+  "exclude": ["node_modules"],
+  "include": ["src"]
+}