IE11 support (#64)

* write docs script in TS to compile to ES5

* target ES5 for source code

* update docs site

* add core-js shim to docs site

Author: giladgray

docs/assets/index.js

@@ -1,52 +1,61 @@
-class Router {
-    constructor(el, defaultRoute = "") {
+/*
+ * Copyright 2017-present Palantir Technologies, Inc. All rights reserved.
+ * Licensed under the BSD-3 License as modified (the “License”); you may obtain
+ * a copy of the license in the LICENSE and PATENTS files in the root of this
+ * repository.
+ */
+var Router = /** @class */ (function () {
+    function Router(el, defaultRoute) {
+        if (defaultRoute === void 0) { defaultRoute = ""; }
         this.el = el;
-        this.routes = {};
         this.defaultRoute = defaultRoute;
+        this.routes = {};
+        this.currentRoute = null;
     }
-
-    start() {
-        const routeHandler = () => this.route();
+    Router.prototype.start = function () {
+        var _this = this;
+        var routeHandler = function () { return _this.route(); };
         window.addEventListener("hashchange", routeHandler);
         window.addEventListener("load", routeHandler);
         this.route();
-    }
-
-    register(route) {
+    };
+    Router.prototype.register = function (route) {
         this.routes[route.route] = route;
-    }
-
-    route() {
-        const hashRoute = location.hash.slice(1) || this.defaultRoute;
-        const route = this.routes[hashRoute];
-
+    };
+    Router.prototype.route = function () {
+        var hashRoute = location.hash.slice(1) || this.defaultRoute;
+        var route = this.routes[hashRoute];
         if (this.el && route && route !== this.currentRoute) {
             this.currentRoute = route;
             this.el.innerHTML = route.render();
             selectCurrent(route.route);
-        } else {
+        }
+        else {
             this.currentRoute = null;
         }
-    }
+    };
+    return Router;
+}());
+function queryAll(element, selector) {
+    return Array.from(element.querySelectorAll(selector));
 }
-
-const nav = document.querySelector("#nav");
+var nav = document.querySelector("#nav");
 function selectCurrent(route) {
     try {
-        nav.querySelectorAll("a").forEach((a) => a.classList.toggle("selected", false));
-        nav.querySelectorAll('a[href="#' + route + '"]').forEach((a) => a.classList.toggle("selected", true));
-    } catch (err) {
+        queryAll(nav, "a").forEach(function (a) { return a.classList.toggle("selected", false); });
+        queryAll(nav, 'a[href="#' + route + '"]').forEach(function (a) { return a.classList.toggle("selected", true); });
+    }
+    catch (err) {
         // just bail if this doesn't work (IE)
     }
 }
-
-const router = new Router(document.querySelector("#content"), "docs");
-const routables = document.querySelectorAll("[data-route]");
-routables.forEach((routable) => {
-    const route = routable.getAttribute("data-route");
+var router = new Router(document.querySelector("#content"), "docs");
+var routables = queryAll(document.body, "[data-route]");
+routables.forEach(function (routable) {
+    var route = routable.getAttribute("data-route");
     router.register({
-        route,
-        render: () => routable.innerHTML,
+        render: function () { return routable.innerHTML; },
+        route: route,
     });
 });
 router.start();

docs/assets/index.ts

@@ -0,0 +1,67 @@
+/*
+ * Copyright 2017-present Palantir Technologies, Inc. All rights reserved.
+ * Licensed under the BSD-3 License as modified (the “License”); you may obtain
+ * a copy of the license in the LICENSE and PATENTS files in the root of this
+ * repository.
+ */
+
+interface IRoute {
+    route: string;
+    render: () => string;
+}
+
+class Router {
+    private routes: Record<string, IRoute> = {};
+    private currentRoute: IRoute | null = null;
+
+    constructor(public el: HTMLElement, private defaultRoute = "") {}
+
+    public start() {
+        const routeHandler = () => this.route();
+        window.addEventListener("hashchange", routeHandler);
+        window.addEventListener("load", routeHandler);
+        this.route();
+    }
+
+    public register(route: IRoute) {
+        this.routes[route.route] = route;
+    }
+
+    public route() {
+        const hashRoute = location.hash.slice(1) || this.defaultRoute;
+        const route = this.routes[hashRoute];
+
+        if (this.el && route && route !== this.currentRoute) {
+            this.currentRoute = route;
+            this.el.innerHTML = route.render();
+            selectCurrent(route.route);
+        } else {
+            this.currentRoute = null;
+        }
+    }
+}
+
+function queryAll(element: Element, selector: string) {
+    return Array.from(element.querySelectorAll<HTMLElement>(selector));
+}
+
+const nav = document.querySelector("#nav")!;
+function selectCurrent(route: string) {
+    try {
+        queryAll(nav, "a").forEach(a => a.classList.toggle("selected", false));
+        queryAll(nav, 'a[href="#' + route + '"]').forEach(a => a.classList.toggle("selected", true));
+    } catch (err) {
+        // just bail if this doesn't work (IE)
+    }
+}
+
+const router = new Router(document.querySelector<HTMLElement>("#content")!, "docs");
+const routables = queryAll(document.body, "[data-route]");
+routables.forEach(routable => {
+    const route = routable.getAttribute("data-route")!;
+    router.register({
+        render: () => routable.innerHTML,
+        route,
+    });
+});
+router.start();