Hybrid build for ESM and CommonJS - Credits to https://www.sensedeep.…

…com/blog/posts/2021/how-to-create-single-source-npm-module.html

package.json

@@ -2,15 +2,21 @@
   "name": "@gridscale/gsclient-js",
   "version": "1.2.11",
   "description": "gridscale API Wrapper",
-  "type": "module",
-  "main": "dist/src/index.js",
-  "types": "dist/src/index.d.ts",
+  "main": "dist/cjs/index.js",
+  "module": "dist/mjs/index.js",
+  "exports": {
+    ".": {
+      "import": "./dist/mjs/index.js",
+      "require": "./dist/cjs/index.js"
+    }
+  },
+  "types": "dist/cjs/index.d.ts",
   "files": [
     "dist/**/*"
   ],
   "private": false,
   "scripts": {
-    "build": "node ./scripts/clean_dist.js && tsc",
+    "build": "node ./scripts/clean_dist.js && tsc -p tsconfig.json && tsc -p tsconfig-cjs.json && ./scripts/fixup",
     "build-browser": "npm run build && webpack",
     "updateFromSpec": "node ./scripts/types_from_apispec.js"
   },
@@ -43,7 +49,7 @@
     "merge2": "^1.0.2",
     "openapi-typescript-codegen": "^0.7.2",
     "ts-loader": "^8.0.14",
-    "typescript": "^4.1.5",
+    "typescript": "~4.3.5",
     "webpack": "^5.15.0",
     "webpack-cli": "^4.3.1"
   }

scripts/fixup

@@ -0,0 +1,13 @@
+#!/bin/sh
+# credits: https://www.sensedeep.com/blog/posts/2021/how-to-create-single-source-npm-module.html
+cat >dist/cjs/package.json <<!EOF
+{
+    "type": "commonjs"
+}
+!EOF
+
+cat >dist/mjs/package.json <<!EOF
+{
+    "type": "module"
+}
+!EOF

tsconfig-base.json

@@ -0,0 +1,27 @@
+{
+    "compilerOptions": {
+        "declaration": true,
+        "sourceMap": true,
+        "moduleResolution": "node",
+        "emitDecoratorMetadata": true,
+        "experimentalDecorators": true,
+        "outDir": "dist/src/",
+        "noImplicitAny": false,
+        "allowJs": false,
+        "rootDir": "./src",
+        "types": [
+            "node"
+         ],
+         "typeRoots": [
+           "node_modules/@types"
+        ],
+        "lib": [
+          "esnext",
+          "dom"
+        ]
+    },
+    "exclude": ["node_modules", "dist"],
+    "include": [
+        "src/**/*",
+    ]
+}

tsconfig-cjs.json

@@ -0,0 +1,8 @@
+{
+  "extends": "./tsconfig-base.json",
+  "compilerOptions": {
+      "module": "commonjs",
+      "outDir": "dist/cjs",
+      "target": "es2015"
+  }
+}

tsconfig.json

@@ -1,28 +1,8 @@
 {
-    "compilerOptions": {
-        "target": "es5",
-        "declaration": true,
-        "module": "commonjs",
-        "sourceMap": true,
-        "moduleResolution": "node",
-        "emitDecoratorMetadata": true,
-        "experimentalDecorators": true,
-        "outDir": "dist/src/",
-        "noImplicitAny": false,
-        "allowJs": false,
-        "rootDir": "./src",
-        "types": [
-            "node"
-         ],
-         "typeRoots": [
-           "node_modules/@types"
-        ],
-        "lib": [
-          "es2015",
-          "dom"
-        ]
-    },
-    "include": [
-        "src/**/*",
-    ]
-}
+  "extends": "./tsconfig-base.json",
+  "compilerOptions": {
+      "module": "esnext",
+      "outDir": "dist/mjs",
+      "target": "esnext"
+  }
+}