Updating

README.md

@@ -136,6 +136,18 @@ In this repo, the setup is similar, except
 
  ### Taking Advantage of Typescript
 
-I have included a file 
+I have included a file ```BuildbotJsonInterfaces.ts``` containing a bunch of interface descriptions for the data which is available using the JSON API.  These interfaces are automatically generated by requesting URL's such as http://nine.buildbot.net/api/v2/changes?limit=10 and then using [json2ts](https://github.com/GregorBiswanger/json2ts) to convert the json into typescript interfaces.  
 
-![](https://github.com/uglycoyote/buildbot-react-plugin-boilerplate/blob/master/documentation/TypescriptBuildbotCompletion.gif?raw=true)
+By importing the interfaces using 
+
+```import {Change, Build} from 'BuildbotJsonInterface'```
+
+ you will get auto-completion in Visual Studio Code or Sublime Text (or other editor's using the Typescript Language services.)
+
+
+
+![](https://github.com/uglycoyote/buildbot-react-plugin-boilerplate/blob/master/documentation/Completion.png?raw=true)
+
+
+
+![](https://github.com/uglycoyote/buildbot-react-plugin-boilerplate/blob/master/documentation/Error.png?raw=true)

src/SampleReactComponent.tsx

@@ -2,6 +2,7 @@
 import * as React from 'react';
 import * as ReactDOM from 'react-dom';
 // import * from '../typings/buildbot'
+import {Change, Build} from 'BuildbotJsonInterfaces'
 
 // // stuff like this should go into some common .d.ts that describes the common data structures
 // //   in buildbot so that Typescript can take advantage of this info for auto-completion and 
@@ -32,8 +33,7 @@ export class ChangeRow extends React.Component<ChangeRowProps, any> {
 			comments = comments.substring(0, 512) + "...";
 		}
 
-
-		let files = this.props.change.files.length + " files"
+		let files = this.props.change.files.length + " files";
 
 		return <tr key={this.props.change.revision}>
 			<td key="revision">