move demo code to examples/

examples/web/static/src/ts/services/ajax.ts

@@ -0,0 +1,5 @@
+export type RPC = (route: string, params: any) => Promise<any>;
+
+export const rpc: RPC = async function(route, params) {
+  return (<any>window).demoData.mockAjax(route, params);
+};

examples/web/static/src/ts/services/router.ts

@@ -0,0 +1,71 @@
+import { EventBus, Callback } from "../../../../../../src/event_bus";
+
+//------------------------------------------------------------------------------
+// Types and helpers
+//------------------------------------------------------------------------------
+
+export type Query = { [key: string]: string | true };
+
+export type RouterEvent = "query_changed";
+
+export interface IRouter {
+  navigate(query: Query): void;
+  on(event: RouterEvent, owner: any, callback: Callback): void;
+  getQuery(): Query;
+  formatURL(path: string, query: Query): string;
+}
+
+//------------------------------------------------------------------------------
+// Router
+//------------------------------------------------------------------------------
+
+function clearSlashes(s: string): string {
+  return s.replace(/\/$/, "").replace(/^\//, "");
+}
+
+export class Router extends EventBus implements IRouter {
+  currentQuery: Query;
+
+  constructor() {
+    super();
+    this.currentQuery = this.getQuery();
+    window.onhashchange = () => {
+      this.currentQuery = this.getQuery();
+      this.trigger("query_changed", this.currentQuery);
+    };
+  }
+
+  /**
+   * @param {Query} query
+   */
+  navigate(query: Query) {
+    const url = this.formatURL("", query);
+    window.history.replaceState(null, document.title, url);
+  }
+
+  formatQuery(query: Query): string {
+    let parts: string[] = [];
+    for (let key in query) {
+      if (query[key] === true) {
+        parts.push(key);
+      } else {
+        parts.push(`${key}=${query[key]}`);
+      }
+    }
+    return parts.join("&");
+  }
+
+  formatURL(path: string, query: Query): string {
+    let url = clearSlashes(path);
+    return `/${url}#${this.formatQuery(query)}`;
+  }
+
+  getQuery(): Query {
+    const query = {};
+    for (let part of window.location.hash.slice(1).split("&")) {
+      let [key, value] = part.split("=");
+      query[key] = value;
+    }
+    return query;
+  }
+}