Add typescript support to webpack (#3)

* Setup webpack typescript

* fix errors

* target es5

Author: danieljackins

integrations/clicky/lib/index.js renamed to integrations/clicky/lib/index.ts

@@ -31,7 +31,7 @@ var Clicky = (module.exports = integration('Clicky')
 
 Clicky.prototype.initialize = function() {
   var user = this.analytics.user();
-  window.clicky_site_ids = window.clicky_site_ids || [this.options.siteId];
+  window["clicky_site_ids"] = window["clicky_site_ids"] || [this.options.siteId];
   this.identify(
     new Identify({
       userId: user.id(),
@@ -49,7 +49,7 @@ Clicky.prototype.initialize = function() {
  */
 
 Clicky.prototype.loaded = function() {
-  return isObject(window.clicky);
+  return isObject(window["clicky"]);
 };
 
 /**
@@ -64,7 +64,7 @@ Clicky.prototype.loaded = function() {
 Clicky.prototype.page = function(page) {
   var properties = page.properties();
   var name = page.fullName();
-  window.clicky.log(properties.path, name || properties.title);
+  window["clicky"].log(properties.path, name || properties.title);
 };
 
 /**
@@ -75,8 +75,8 @@ Clicky.prototype.page = function(page) {
  */
 
 Clicky.prototype.identify = function(identify) {
-  window.clicky_custom = window.clicky_custom || {};
-  window.clicky_custom.session = window.clicky_custom.session || {};
+  window["clicky_custom"] = window["clicky_custom"] || {};
+  window["clicky_custom"].session = window["clicky_custom"].session || {};
   var traits = identify.traits();
 
   var username = identify.username();
@@ -85,7 +85,7 @@ Clicky.prototype.identify = function(identify) {
 
   if (username || email || name) traits.username = username || email || name;
 
-  extend(window.clicky_custom.session, traits);
+  extend(window["clicky_custom"].session, traits);
 };
 
 /**
@@ -98,5 +98,5 @@ Clicky.prototype.identify = function(identify) {
  */
 
 Clicky.prototype.track = function(track) {
-  window.clicky.goal(track.event(), track.revenue());
+  window["clicky"].goal(track.event(), track.revenue());
 };

package.json

@@ -44,6 +44,7 @@
     "lint-staged": "^8.2.1",
     "prettier": "^1.18.2",
     "terser-webpack-plugin": "^4.2.1",
+    "ts-loader": "^8.0.4",
     "ts-node": "^9.0.0",
     "typescript": "^4.0.3",
     "webpack": "^4.44.1",

tsconfig.json

@@ -0,0 +1,22 @@
+{
+    "compilerOptions": {
+      "module": "commonjs",
+      "target": "es5",
+      "declaration": true,
+      "moduleResolution": "node",
+      "esModuleInterop": true,
+      "resolveJsonModule": true,
+      "sourceMap": true,
+      "incremental": true,
+      "outDir": "dist",
+      "noUnusedLocals": true,
+      "noUnusedParameters": true,
+      "lib": ["es2020", "DOM"],
+      "baseUrl": "./node_modules/",
+      "paths": {
+        "@/*": ["./*"]
+      }
+    },
+    "exclude": ["node_modules", "dist"],
+    "include": ["integrations"]
+  }

webpack.config.js

@@ -18,7 +18,10 @@ var entries = {};
 files.forEach(function(file) {
   var filePath = './integrations/' + file + '/lib/index.js';
   if (!fs.existsSync(filePath)) {
-    return;
+    filePath = './integrations/' + file + '/lib/index.ts';
+    if (!fs.existsSync(filePath)) {
+      return;
+    }
   }
   entries[file] = filePath;
 });
@@ -46,6 +49,18 @@ module.exports = {
     libraryTarget: 'umd',
     publicPath: publicPath
   },
+  module: {
+    rules: [
+      {
+        test: /\.tsx?$/,
+        use: 'ts-loader',
+        exclude: /node_modules/
+      }
+    ]
+  },
+  resolve: {
+    extensions: ['.ts', '.js']
+  },
   devServer: {
     contentBase: path.resolve(__dirname, 'build')
   },

yarn.lock

@@ -2414,7 +2414,7 @@ braces@^2.3.1, braces@^2.3.2:
     split-string "^3.0.2"
     to-regex "^3.0.1"
 
-braces@~3.0.2:
+braces@^3.0.1, braces@~3.0.2:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/braces/-/braces-3.0.2.tgz#3454e1a462ee8d599e236df336cd9ea4f8afe107"
   integrity sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==
@@ -2918,7 +2918,7 @@ chalk@^1.0.0, chalk@^1.1.1, chalk@^1.1.3:
     strip-ansi "^3.0.0"
     supports-color "^2.0.0"
 
-"chalk@^1.1.3 || 2.x", chalk@^2.0.0, chalk@^2.0.1, chalk@^2.1.0, chalk@^2.3.1, chalk@^2.4.0, chalk@^2.4.1, chalk@^2.4.2:
+"chalk@^1.1.3 || 2.x", chalk@^2.0.0, chalk@^2.0.1, chalk@^2.1.0, chalk@^2.3.0, chalk@^2.3.1, chalk@^2.4.0, chalk@^2.4.1, chalk@^2.4.2:
   version "2.4.2"
   resolved "https://registry.yarnpkg.com/chalk/-/chalk-2.4.2.tgz#cd42541677a54333cf541a49108c1432b44c9424"
   integrity sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==
@@ -4310,7 +4310,7 @@ engine.io@~3.2.0:
     engine.io-parser "~2.1.0"
     ws "~3.3.1"
 
-enhanced-resolve@^4.1.1, enhanced-resolve@^4.3.0:
+enhanced-resolve@^4.0.0, enhanced-resolve@^4.1.1, enhanced-resolve@^4.3.0:
   version "4.3.0"
   resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-4.3.0.tgz#3b806f3bfafc1ec7de69551ef93cca46c1704126"
   integrity sha512-3e87LvavsdxyoCfGusJnrZ5G8SLPOFeHSNpZI/ATL9a5leXo2k0w6MKnbqhdBad9qTobSfB20Ld7UmgoNbAZkQ==
@@ -7139,7 +7139,7 @@ loader-runner@^2.4.0:
   resolved "https://registry.yarnpkg.com/loader-runner/-/loader-runner-2.4.0.tgz#ed47066bfe534d7e84c4c7b9998c2a75607d9357"
   integrity sha512-Jsmr89RcXGIwivFY21FcRrisYZfvLMTWx5kOLc+JTxtpBOG6xML0vzbc6SEQG2FO9/4Fc3wW4LVcB5DmGflaRw==
 
-loader-utils@^1.2.3, loader-utils@^1.4.0:
+loader-utils@^1.0.2, loader-utils@^1.2.3, loader-utils@^1.4.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-1.4.0.tgz#c579b5e34cb34b1a74edc6c1fb36bfa371d5a613"
   integrity sha512-qH0WSMBtn/oHuwjy/NucEgbx5dbxxnxup9s4PVXJUDHZBQY+s0NWA9rJf53RBnQZxfch7euUui7hpoAPvALZdA==
@@ -7552,6 +7552,14 @@ micromatch@^3.0.4, micromatch@^3.1.10, micromatch@^3.1.4, micromatch@^3.1.8:
     snapdragon "^0.8.1"
     to-regex "^3.0.2"
 
+micromatch@^4.0.0:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.2.tgz#4fcb0999bf9fbc2fcbdd212f6d629b9a56c39259"
+  integrity sha512-y7FpHSbMUMoyPbYUSzO6PaZ6FyRnQOpHuKwbo1G+Knck95XVU4QAiKdGEnj5wwoS7PlOgthX/09u5iFJ+aYf5Q==
+  dependencies:
+    braces "^3.0.1"
+    picomatch "^2.0.5"
+
 miller-rabin@^4.0.0:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/miller-rabin/-/miller-rabin-4.0.1.tgz#f080351c865b0dc562a8462966daa53543c78a4d"
@@ -8911,7 +8919,7 @@ pick@ianstormtaylor/pick:
   version "0.1.0"
   resolved "https://codeload.github.com/ianstormtaylor/pick/tar.gz/e648ac527026b5bfd0c34bf77e4acc161e30f12d"
 
-picomatch@^2.0.4, picomatch@^2.2.1:
+picomatch@^2.0.4, picomatch@^2.0.5, picomatch@^2.2.1:
   version "2.2.2"
   resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.2.2.tgz#21f333e9b6b8eaff02468f5146ea406d345f4dad"
   integrity sha512-q0M/9eZHzmr0AulXyPwNfZjtwZ/RBZlbN3K3CErVrk50T2ASYI7Bye0EvekFY3IP1Nt2DHu0re+V2ZHIpMkuWg==
@@ -11065,6 +11073,17 @@ tryer@^1.0.1:
   resolved "https://registry.yarnpkg.com/tryer/-/tryer-1.0.1.tgz#f2c85406800b9b0f74c9f7465b81eaad241252f8"
   integrity sha512-c3zayb8/kWWpycWYg87P71E1S1ZL6b6IJxfb5fvsUgsf0S2MVGaDhDXXjDMpdCpfWXqptc+4mXwmiy1ypXqRAA==
 
+ts-loader@^8.0.4:
+  version "8.0.4"
+  resolved "https://registry.yarnpkg.com/ts-loader/-/ts-loader-8.0.4.tgz#02b9c91fbcfdb3114d8b1e98a3829265270eee7a"
+  integrity sha512-5u8KF1SW8eCUb/Ff7At81e3wznPmT/27fvaGRO9CziVy+6NlPVRvrzSox4OwU0/e6OflOUB32Err4VquysCSAQ==
+  dependencies:
+    chalk "^2.3.0"
+    enhanced-resolve "^4.0.0"
+    loader-utils "^1.0.2"
+    micromatch "^4.0.0"
+    semver "^6.0.0"
+
 ts-node@^9.0.0:
   version "9.0.0"
   resolved "https://registry.yarnpkg.com/ts-node/-/ts-node-9.0.0.tgz#e7699d2a110cc8c0d3b831715e417688683460b3"