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.
SAP · Apr 4, 2023 · 13c8a22 · 13c8a22
1 parent a93c5ce
commit 13c8a22
Show file tree

Hide file tree

Showing 12 changed files with 2,763 additions and 279 deletions.
diff --git a/.gitignore b/.gitignore
@@ -12,6 +12,7 @@ npm-debug.log
 temp
 .tmp
 tests/reports
+tempDist
 
 # App files
 **/styles/*.css

diff --git a/Gruntfile.js b/Gruntfile.js
@@ -21,7 +21,8 @@ module.exports = function (grunt) {
             dist: 'dist',
             tests: 'tests',
             bower: 'bower_components',
-            grunt: 'grunt'
+            grunt: 'grunt',
+            tempDist: 'tempDist'
         }
     });
 

diff --git a/app/scripts/modules/content/highLighter.js → app/scripts/modules/content/highLighter.ts b/app/scripts/modules/content/highLighter.js → app/scripts/modules/content/highLighter.ts
diff --git a/...pts/modules/injected/rightClickHandler.js → ...pts/modules/injected/rightClickHandler.ts b/...pts/modules/injected/rightClickHandler.js → ...pts/modules/injected/rightClickHandler.ts
diff --git a/app/scripts/popup/popup.js → app/scripts/popup/popup.ts b/app/scripts/popup/popup.js → app/scripts/popup/popup.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]');

diff --git a/global.d.ts b/global.d.ts
@@ -0,0 +1,9 @@
+export {};
+
+declare global {
+
+	interface Window {
+		chrome: any;
+	}
+
+}
diff --git a/grunt/browserify.js b/grunt/browserify.js
@@ -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'
             }]