Gists for the blog post porting react app to tyescript

currentlocation.ts

import {Url,parse} from "url";

interface MvcUrl extends Url {
  controller : string;
}

function extractFirstPart(url : Url) : string {
  var url2 = url.path.substring(1);
  if (url2.indexOf('/') == -1)
    return url2;
  return url2.substring(0, url2.indexOf('/'))
}

var theUrl = <MvcUrl>parse(window.location.href);
theUrl.controller = extractFirstPart(theUrl);

export = theUrl;

Externals_shallow.d.ts

interface JQuery {
  autocomplete(options: any): JQuery;
  datepicker(options: any): JQuery;
  modal(arg : any) : JQuery; //From bootstrap
  ejChart(arg : any) : JQuery // From syncfusion
}

declare module ReactRouter {
  interface RouteHandlerProp {
    key : string | number;
    hub : any;
    state : Object;
  }

  interface RouteProp {
    hub? : any;
  }

  interface LinkProp {
    className : string;
  }
}

tsconfig.json

{
  "compilerOptions": {
    "jsx": "react",
    "outDir": "./ts_modules",
    "target": "es5",
    "module": "commonjs"
  },
  "files": [
    "./typings/tsd.d.ts",
    "./Project/ts/Externals_shallow.d.ts",
    "./Project/ts/components/UI/UIModules.ts",
    "./Project/ts/area1/App.tsx",
    "./Project/ts/area2/App.tsx"
  ]
}