Got build working with content.js as content.ts, no code changes yet

Author: gsingh93

Gruntfile.js

@@ -1,49 +1,54 @@
 module.exports = function(grunt) {
-	"use strict";
+    "use strict";
 
-	var bgSrc = ["src/background/*.ts"];
-	var popupSrc = ["src/popup/*.ts"];
-	var optionSrc = ["src/options/*.ts"];
+    var contentSrc = ["src/content/*.ts"];
+    var bgSrc = ["src/background/*.ts"];
+    var popupSrc = ["src/popup/*.ts"];
+    var optionSrc = ["src/options/*.ts"];
 
-	grunt.initConfig({
-		ts: {
-			options: {
-				sourceMap: false,
-				removeComments: true
-			},
-			background: {
-				src: bgSrc,
-				out: "build/background/background.js"
-			},
-			popup: {
-				src: popupSrc,
-				out: "build/popup/popup.js"
-			},
+    grunt.initConfig({
+        ts: {
+            options: {
+                sourceMap: false,
+                removeComments: true
+            },
+            background: {
+                src: bgSrc,
+                out: "build/background/background.js"
+            },
+            popup: {
+                src: popupSrc,
+                out: "build/popup/popup.js"
+            },
             option: {
                 src: optionSrc,
                 out: "build/options/options.js"
+            },
+            content: {
+                src: contentSrc,
+                out: "build/content/content.js"
+            },
+        },
+        copy: {
+            all: {
+                files: [
+                    {
+                        expand: true,
+                        src: ["manifest.json", "content/*.css", "content/*.js", "pages/*", "popup/popup.html", "options/options.html"],
+                        cwd: "src/",
+                        dest: "build/"
+                    },
+                    {
+                        expand: true,
+                        src: "images/*",
+                        dest: "build/"
+                    }
+                ]
             }
-		},
-		copy: {
-			all: {
-				files: [
-					{
-						expand: true,
-						src: ["manifest.json", "content/*", "pages/*", "popup/popup.html", "options/options.html"],
-						cwd: "src/",
-						dest: "build/"
-					},
-					{
-						expand: true,
-						src: "images/*",
-						dest: "build/"
-					}
-				]
-			}
-		}
-	});
+        }
+    });
 
-	grunt.loadNpmTasks("grunt-ts");
-	grunt.loadNpmTasks("grunt-contrib-copy");
-	grunt.registerTask("default", ["ts", "copy"]);
+    grunt.loadNpmTasks("grunt-ts");
+    grunt.loadNpmTasks("grunt-contrib-copy");
+    grunt.registerTask("default", ["ts", "copy"]);
 };

src/content/content.js renamed to src/content/content.ts

@@ -1,16 +1,19 @@
+/// <reference path="../d.ts/DefinitelyTyped/chrome/chrome.d.ts"/>
+/// <reference path="../d.ts/DefinitelyTyped/jquery/jquery.d.ts"/>
+
 var marks = [];
 var cur = 0;
 var logging = false;
 
 // Notify background script that this page has just loaded
-chrome.extension.sendMessage({event: "loaded"});
+chrome.runtime.sendMessage({event: "loaded"});
 
 // Global variable because prototypes are hard.
 var infoSpan = document.createElement('span');
 infoSpan.id = "_regexp_search_count";
 infoSpan.style.position = 'fixed';
-infoSpan.style.top = 0;
-infoSpan.style.left = 0;
+infoSpan.style.top = '0';
+infoSpan.style.left = '0';
 infoSpan.style.padding = '8px';
 infoSpan.style.background = 'rgba(255, 255, 0, 0.5)';
 infoSpan.addEventListener('mouseover', function(event) {
@@ -102,7 +105,7 @@ function recurse(element, regexp) {
     }
 
     // Skip all invisible text nodes
-    disp = $(element).css('display');
+    var disp = $(element).css('display');
     if (element.nodeType != Node.TEXT_NODE &&
         (disp == 'none' || disp == 'hidden')) {
         return;