From 45001f9aec1ef93c5b46030fbe261435c5a863aa Mon Sep 17 00:00:00 2001
From: Michel Weststrate <mweststrate@gmail.com>
Date: Thu, 15 Oct 2015 10:29:20 +0200
Subject: [PATCH] Added mobservable / mobservable-react to the project

---
 README.md     |  6 +++++-
 app/app.tsx   | 23 ++++++++++++++++++++++-
 package.json  |  6 ++++--
 tsconfig.json |  3 ++-
 4 files changed, 33 insertions(+), 5 deletions(-)

diff --git a/README.md b/README.md
index 951fc99..5132880 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,6 @@
 # React-TypeScript
 
-Minimal boilerplate for a single-page app using React, TypeScript 1.6 with TSX, and Visual Studio Code.
+Minimal boilerplate for a single-page app using Mobservable, Mobservable-React, React, TypeScript 1.6 with TSX, and Visual Studio Code.
 
 Usage:
 
@@ -15,3 +15,7 @@ To view the app:
 * `npm install -g http-server`
 * `http-server`
 * Open [http://localhost:8080/](http://localhost:8080/) in your browser of choice.
+
+## Credits
+
+This repo has been forked from the [React Typescript boilerplate](https://github.com/bvanreeven/react-typescript) repo.
\ No newline at end of file
diff --git a/app/app.tsx b/app/app.tsx
index 8b5c510..2b7bfbd 100644
--- a/app/app.tsx
+++ b/app/app.tsx
@@ -1,6 +1,8 @@
 /// <reference path="../typings/react/react.d.ts" />
 
 import React = require('react');
+import {observable} from 'mobservable';
+import {observer} from 'mobservable-react';
 
 class DemoProps {
   public name: string;
@@ -12,11 +14,30 @@ class Demo extends React.Component<DemoProps, any> {
   }
   render() {
     return (
-      <div>Hello {this.props.name}!</div>
+      <div>
+        <div>Hello {this.props.name}!</div>
+        <Timer/>
+      </div>
     );
   }
 }
 
+
+var timerState = observable({
+  secondsPassed: 0
+});
+
+setInterval(() => timerState.secondsPassed++, 1000);
+
+@observer
+class Timer extends React.Component<{}, {}> {
+  render() {
+    return (
+      <span>Seconds passed: {timerState.secondsPassed}</span>
+    )
+  }
+}
+
 function render() {
   React.render(
     <Demo name="World" />,
diff --git a/package.json b/package.json
index 2aa5d49..52125d4 100644
--- a/package.json
+++ b/package.json
@@ -1,10 +1,12 @@
 {
-  "name": "react-typescript",
+  "name": "mobservable-react-typescript",
   "version": "1.0.0",
   "description": "Minimal boilerplate for a single-page app using React, TypeScript with JSX (TSX), and Visual Studio Code.",
-  "repository": "bvanreeven/react-typescript",
+  "repository": "mweststrate/mobservable-react-typescript",
   "main": "index.js",
   "dependencies": {
+    "mobservable": "^1.0.0",
+    "mobservable-react": "^1.0.1",
     "react": "^0.13.3"
   },
   "devDependencies": {
diff --git a/tsconfig.json b/tsconfig.json
index 37936c0..7cd44ed 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -3,8 +3,9 @@
     "target": "es5",
     "module": "commonjs",
     "declaration": false,
-    "noImplicitAny": true,
+    "noImplicitAny": false,
     "removeComments": true,
+    "experimentalDecorators": true,
     "noLib": false,
     "jsx": "react",
     "outDir": "./temp"