Fix target to umd for main.js bundle (#260)

* Fix tsconfig for cjs build

* fix tests

* fix tests

* fix cjs build

* fix target type to umd

* 0.9.3-alpha.0

* 0.9.3-beta.0

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hubspot/calling-extensions-sdk",
-  "version": "0.9.2",
+  "version": "0.9.3-beta.0",
   "description": "A JavaScript SDK for integrating calling apps into HubSpot.",
   "publishConfig": {
     "access": "public"

tsconfig.cjs.json

@@ -0,0 +1,16 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "module": "commonjs",
+    "declaration": true,
+    "declarationDir": "./dist/types",
+    "outDir": "./dist",
+    "strict": true,
+    "allowJs": true,
+    "checkJs": true,
+    "resolveJsonModule": true,
+    "esModuleInterop": true
+  },
+  "include": ["src/**/*"],
+  "exclude": ["node_modules"]
+}

webpack-test.config.js

@@ -17,6 +17,9 @@ module.exports = {
         exclude: /node_modules/,
         use: {
           loader: "ts-loader",
+          options: {
+            configFile: "tsconfig.esm.json",
+          },
         },
       },
     ],

webpack.cjs.config.js

@@ -7,8 +7,22 @@ module.exports = merge(common, {
   output: {
     filename: "main.js",
     library: {
-      type: "commonjs2",
+      type: "umd",
     },
     path: path.resolve(__dirname, "dist"),
   },
+  module: {
+    rules: [
+      {
+        test: /\.tsx?$/,
+        exclude: /node_modules/,
+        use: {
+          loader: "ts-loader",
+          options: {
+            configFile: "tsconfig.cjs.json",
+          },
+        },
+      },
+    ],
+  },
 });

webpack.common.js

@@ -3,15 +3,4 @@ module.exports = {
   resolve: {
     extensions: [".ts", ".tsx", ".js"],
   },
-  module: {
-    rules: [
-      {
-        test: /\.tsx?$/,
-        exclude: /node_modules/,
-        use: {
-          loader: "ts-loader",
-        },
-      },
-    ],
-  },
 };

webpack.config.js

@@ -1,21 +1,13 @@
 const path = require("path");
 
-// const babelLoader = {
-//   test: /\.(js|ts)$/,
-//   exclude: /(node_modules)/,
-//   use: {
-//     loader: "babel-loader",
-//     options: {
-//       presets: ["@babel/preset-env", "@babel/preset-typescript"],
-//     },
-//   },
-// };
-
 const tsLoader = {
   test: /\.ts$/,
   exclude: /(node_modules)/,
   use: {
     loader: "ts-loader",
+    options: {
+      configFile: "tsconfig.esm.json",
+    },
   },
 };
 

webpack.esm.config.js

@@ -11,6 +11,20 @@ module.exports = merge(common, {
     },
     path: path.resolve(__dirname, "dist"),
   },
+  module: {
+    rules: [
+      {
+        test: /\.tsx?$/,
+        exclude: /node_modules/,
+        use: {
+          loader: "ts-loader",
+          options: {
+            configFile: "tsconfig.esm.json",
+          },
+        },
+      },
+    ],
+  },
   experiments: {
     outputModule: true,
   },