feat: typescript setup is enabled (#229)

TypeScript is enabled as part of the build process. Also, one example module (popup.js) is converted to TS.

Author: yanaminkova

.gitignore

@@ -12,6 +12,7 @@ npm-debug.log
 temp
 .tmp
 tests/reports
+tempDist
 
 # App files
 **/styles/*.css

Gruntfile.js

@@ -21,7 +21,8 @@ module.exports = function (grunt) {
             dist: 'dist',
             tests: 'tests',
             bower: 'bower_components',
-            grunt: 'grunt'
+            grunt: 'grunt',
+            tempDist: 'tempDist'
         }
     });
 

app/scripts/modules/content/highLighter.js app/scripts/modules/content/highLighter.ts

@@ -2,7 +2,7 @@
 
 var utils = require('../modules/utils/utils.js');
 
-chrome.tabs.query({active: true, currentWindow: true}, function (tabs) {
+window.chrome.tabs.query({active: true, currentWindow: true}, function (tabs) {
     // Create a port with background page for continuous message communication
     var port = utils.getPort();
 
@@ -23,8 +23,8 @@ chrome.tabs.query({active: true, currentWindow: true}, function (tabs) {
          */
         'on-framework-information': function (message) {
             var linksDom;
-            var library = document.querySelector('library');
-            var buildtime = document.querySelector('buildtime');
+            var library: HTMLElement = document.querySelector('library');
+            var buildtime: HTMLElement = document.querySelector('buildtime');
 
             if (message.frameworkInformation.OpenUI5) {
                 linksDom = document.querySelector('links[openui5]');

app/scripts/modules/injected/rightClickHandler.js app/scripts/modules/injected/rightClickHandler.ts

@@ -0,0 +1,9 @@
+export {};
+
+declare global {
+
+	interface Window {
+		chrome: any;
+	}
+
+}

app/scripts/popup/popup.js app/scripts/popup/popup.ts

@@ -13,7 +13,7 @@ module.exports = function (grunt, config) {
         dev: {
             files: [{
                 expand: true,
-                cwd: '<%= app %>/scripts',
+                cwd: '<%= tempDist %>/scripts',
                 src: ['**/*.js', '!modules/**/*.js'],
                 dest: '<%= dist %>/scripts'
             }]