Added observable classes

nippur72 · Aug 1, 2015 · b97a5da · b97a5da
1 parent 0e786fb
commit b97a5da
Show file tree

Hide file tree

Showing 5 changed files with 68 additions and 11 deletions.
diff --git a/Test/app.js b/Test/app.js
diff --git a/Test/app.ts b/Test/app.ts
@@ -10,8 +10,26 @@ function main() {
    riot.mount('*');
 
    riot.route("welcome/nino.porcino");
+
+   var p = new Car();
+
+   p.trigger("start");
 }
 
+class Car extends Riot.Observable
+{
+   constructor()
+   {
+      super();
+
+      this.on('start', ()=>
+      {
+         console.log("car started!"); 
+      });
+   }    
+}
+
+
 
 
 
diff --git a/riot-ts.d.ts b/riot-ts.d.ts
@@ -8,11 +8,12 @@ declare module Riot {
     interface Settings {
         brackets: string;
     }
-    interface Observable {
-        on(events: string, callback: Function): any;
-        one(events: string, callback: Function): any;
-        off(events: string): any;
-        trigger(eventName: string, ...args: any[]): any;
+    class Observable {
+        on(events: string, callback: Function): void;
+        one(events: string, callback: Function): void;
+        off(events: string): void;
+        trigger(eventName: string, ...args: any[]): void;
+        constructor();
     }
     interface Router {
         (callback: Function): any;
@@ -31,6 +32,7 @@ declare module Riot {
         tag(tagName: string, html: string, css?: string, attrs?: string, constructor?: Function): any;
         tag(tagName: string, html: string, constructor?: Function): any;
         class(element: Function): void;
+        observable(object: any): void;
         route: Riot.Router;
     }
     class Element implements Riot.Observable {

diff --git a/riot-ts.js b/riot-ts.js
diff --git a/riot-ts.ts b/riot-ts.ts
@@ -6,11 +6,15 @@
       brackets: string;      
    }
 
-   export interface Observable {
-      on(events: string,callback: Function);
-      one(events: string,callback: Function);
-      off(events: string);
-      trigger(eventName: string, ...args);
+   export class Observable {
+      on(events: string, callback: Function) {}
+      one(events: string, callback: Function) {}
+      off(events: string) {}
+      trigger(eventName: string, ...args) {}
+
+      constructor() {
+         riot.observable(this);
+      }
    }
 
    export interface Router {
@@ -32,6 +36,7 @@
       tag(tagName: string, html: string,css?: string,attrs?: string,constructor?: Function);
       tag(tagName: string, html: string, constructor?: Function);   
       class(element: Function): void;
+      observable(object: any): void;
 
       // TODO compiler and parser