Introduce TypeScript

_config.yml

@@ -18,6 +18,7 @@ exclude:
   - lib
   - test
   - vendor
+  - tsconfig.json
 
 url: https://www.ruby-lang.org
 

_javascripts_src/examples.ts

@@ -0,0 +1,16 @@
+var Examples = {
+    names: ['cities', 'greeter', 'i_love_ruby', 'hello_world'],
+
+    random: function () {
+        return Examples.names[Math.floor(Math.random() * Examples.names.length)];
+    },
+
+    choose: function () {
+        var lang = document.location.pathname.split('/')[1];
+        var name = Examples.random();
+
+        $("#code").load('/' + lang + '/examples/' + name + '/');
+    }
+};
+
+$(document).ready(Examples.choose);

_javascripts_src/page.ts

@@ -0,0 +1,24 @@
+var Page = {
+    SiteLinks: {
+        highlight: function () {
+            var current_page = location.pathname;
+            $("#header div.site-links a:not(.home)").each(function (i) {
+                if (current_page.indexOf($(this).attr('href')) == 0) {
+                    $(this).addClass('selected');
+                }
+            });
+
+            $("#home-page-layout #header div.site-links a.home").addClass('selected');
+        },
+
+        menu: function () {
+            $("#header div.site-links a.menu").on('click touchstart', function (event) {
+                $(this).closest("div.site-links").toggleClass("open");
+                event.preventDefault();
+            });
+        }
+    }
+};
+
+$(Page.SiteLinks.highlight);
+$(Page.SiteLinks.menu);

javascripts/examples.js

@@ -1,16 +1,13 @@
+"use strict";
 var Examples = {
-  names: ['cities', 'greeter', 'i_love_ruby', 'hello_world'],
-
-  random: function() {
-    return Examples.names[Math.floor(Math.random() * Examples.names.length)];
-  },
-
-  choose: function() {
-    var lang = document.location.pathname.split('/')[1];
-    var name = Examples.random();
-
-    $("#code").load('/' + lang + '/examples/' + name + '/');
-  }
+    names: ['cities', 'greeter', 'i_love_ruby', 'hello_world'],
+    random: function () {
+        return Examples.names[Math.floor(Math.random() * Examples.names.length)];
+    },
+    choose: function () {
+        var lang = document.location.pathname.split('/')[1];
+        var name = Examples.random();
+        $("#code").load('/' + lang + '/examples/' + name + '/');
+    }
 };
-
 $(document).ready(Examples.choose);

javascripts/page.js

@@ -1,24 +1,22 @@
+"use strict";
 var Page = {
-  SiteLinks: {
-    highlight: function() {
-      var current_page = location.pathname;
-      $("#header div.site-links a:not(.home)").each(function(i) {
-        if (current_page.indexOf($(this).attr('href')) == 0) {
-          $(this).addClass('selected');
+    SiteLinks: {
+        highlight: function () {
+            var current_page = location.pathname;
+            $("#header div.site-links a:not(.home)").each(function (i) {
+                if (current_page.indexOf($(this).attr('href')) == 0) {
+                    $(this).addClass('selected');
+                }
+            });
+            $("#home-page-layout #header div.site-links a.home").addClass('selected');
+        },
+        menu: function () {
+            $("#header div.site-links a.menu").on('click touchstart', function (event) {
+                $(this).closest("div.site-links").toggleClass("open");
+                event.preventDefault();
+            });
         }
-      });
-
-      $("#home-page-layout #header div.site-links a.home").addClass('selected');
-    },
-
-    menu: function() {
-      $("#header div.site-links a.menu").on('click touchstart', function(event) {
-        $(this).closest("div.site-links").toggleClass("open");
-        event.preventDefault();
-      });
     }
-  }
 };
-
 $(Page.SiteLinks.highlight);
 $(Page.SiteLinks.menu);

tsconfig.json

@@ -0,0 +1,9 @@
+{
+  "compilerOptions": {
+    "outDir": "./javascripts",
+
+    "target": "es5",
+    "strict": true
+  },
+  "include": ["./_javascripts_src/**/*"]
+}