Add riotjs.d.ts and riotjs-render.d.ts

README.md

@@ -194,6 +194,7 @@ List of Definitions
 * [QUnit](http://qunitjs.com/) (by [Diullei Gomes](https://github.com/Diullei))
 * [Raven.js](https://github.com/getsentry/raven-js) (by [Santi Albo](https://github.com/santialbo))
 * [Rickshaw](http://code.shutterstock.com/rickshaw/) (by [Blake Niemyjski](https://github.com/niemyjski))
+* [Riot.js](https://github.com/moot/riotjs) (by [vvakame](https://github.com/vvakame))
 * [Restify](https://github.com/mcavage/node-restify) (by [Bret Little](https://github.com/blittle))
 * [Royalslider](http://dimsemenov.com/plugins/royal-slider/) (by [Christiaan Rakowski](https://github.com/csrakowski))
 * [Rx.js](http://rx.codeplex.com/) (by [gsino](http://www.codeplex.com/site/users/view/gsino))

riotjs/riotjs-render.d.ts

@@ -0,0 +1,10 @@
+// Type definitions for riot.js (ext/render.js)
+// Project: https://github.com/moot/riotjs
+// Definitions by: vvakame <https://github.com/vvakame>
+// Definitions: https://github.com/borisyankov/DefinitelyTyped
+
+/// <reference path="../jquery/jquery.d.ts" />
+
+interface JQueryStatic {
+    render(template?:string, data?:any):string;
+}

riotjs/riotjs-test.ts

@@ -0,0 +1,203 @@
+/// <reference path="riotjs.d.ts" />
+/// <reference path="riotjs-render.d.ts" />
+
+function describe(msg:any, fn:Function) {
+    if (console.group) {
+        console.group(msg);
+        fn();
+        console.groupEnd();
+    } else {
+        console.info("---" + msg + "---");
+        fn();
+    }
+}
+
+function it(msg:any, fn:Function) {
+    try {
+        fn();
+        console.log(msg);
+    } catch (err) {
+        console.error(msg, err);
+    }
+}
+
+interface RiotAssert {
+    (ok:any, msg?:any):void;
+    equal(value:any, expected:any):void;
+}
+
+var assert:RiotAssert;
+
+/*
+function assert(ok, msg) {
+    if (!ok) throw (msg || "fails");
+}
+
+assert.equal = function (value, expected) {
+    assert(value === expected, value + " != " + expected);
+};
+*/
+
+describe("Observable", function () {
+
+    var el = $.observable({}),
+        total = 11,
+        count = 0;
+
+    it("Single listener", function () {
+
+        el.on("a", function (arg:any) {
+            assert.equal(arg, true)
+            count++;
+        });
+
+        el.trigger("a", true);
+
+    })
+
+    it("Multiple listeners", function () {
+
+        var counter = 0;
+
+        el.on("b c d", function (e:any) {
+            if (++counter == 3) assert.equal(e, "d")
+            count++;
+        })
+
+        el.one("d", function (a:any) {
+            assert.equal(a, true)
+            count++;
+        })
+
+        el.trigger("b").trigger("c").trigger("d", true);
+
+    })
+
+    it("One", function () {
+
+        var counter = 0;
+
+        el.one("g", function () {
+            assert.equal(++counter, 1);
+            count++;
+        })
+
+        el.trigger("g").trigger("g");
+    })
+
+    it("One & on", function () {
+
+        var counter = 0;
+
+        el.one("y",function () {
+            count++;
+            counter++;
+
+        }).on("y",function () {
+                count++;
+                counter++;
+
+            }).trigger("y").trigger("y");
+
+        assert.equal(counter, 3);
+
+    })
+
+
+    it("Remove listeners", function () {
+
+        var counter = 0;
+
+        function r() {
+            assert.equal(++counter, 1);
+            count++;
+        }
+
+        el.on("r", r).on("s", r).off("s", r).trigger("r").trigger("s");
+
+    })
+
+    it("Remove multiple listeners", function () {
+
+        var counter = 0;
+
+        function fn() {
+            counter++;
+        }
+
+        el.on("a1 b1", fn).on("c1", fn).off("a1 b1").off("c1").trigger("a1").trigger("b1").trigger("c1");
+
+        assert.equal(counter, 0);
+
+    })
+
+
+    it("Multiple arguments", function () {
+
+        el.on("j", function (a:any, b:any) {
+            assert.equal(a, 1);
+            assert.equal(b[0], 2);
+            count++;
+        })
+
+        el.trigger("j", 1, [2]);
+
+    })
+
+    assert.equal(total, count)
+
+});
+
+describe("$.render", function () {
+
+    it("Single token", function () {
+        assert.equal($.render("x"), "x");
+        assert.equal($.render("x", {}), "x");
+        assert.equal($.render("{x}", { x: "x" }), "x");
+        assert.equal($.render("{x}", { x: "z" }), "z");
+    });
+
+    it("Multiple tokens", function () {
+        assert($.render("{x}{y}", { x: "x", y: "y" }) == "xy");
+    });
+
+    it("Single quotes", function () {
+        assert.equal($.render("'x'"), "'x'");
+        assert.equal($.render("\'x.\';"), "\'x.\';");
+    });
+
+    it("Empty value", function () {
+        assert.equal($.render("{x}", { x: undefined }), "");
+        assert.equal($.render("{x}", { x: null }), "");
+        assert.equal($.render("{x}", { x: false }), "false");
+        assert.equal($.render("{x}", { x: 0 }), "0");
+    });
+
+    it("With spaces", function () {
+        assert.equal($.render("{ x }", { x: 'x' }), "x");
+        assert.equal($.render("{x }", { x: 'x' }), "x");
+        assert.equal($.render("{ x}", { x: 'x' }), "x");
+        assert.equal($.render("{  x  }", { x: 'x' }), "x");
+    });
+
+    it("Empty template", function () {
+        assert($.render() === "");
+    })
+
+    it("Nearby brackets", function () {
+        assert.equal($.render("{{x}", { x: 'x' }), "{x");
+        assert.equal($.render("{x}}", { x: 'x' }), "x}");
+        assert.equal($.render("{{x}}", { x: 'x' }), "{x}");
+    });
+
+    it("<template> tag", function () {
+        if ($.trim) assert($.trim($.render($("#test1").html(), {x: 'x'})) == "x");
+    })
+
+    it("Line breaks", function () {
+        assert.equal($.render("x\r"), "x\r");
+        assert.equal($.render("x\n"), "x\n");
+    });
+
+});
+

riotjs/riotjs.d.ts

@@ -0,0 +1,12 @@
+// Type definitions for riot.js
+// Project: https://github.com/moot/riotjs
+// Definitions by: vvakame <https://github.com/vvakame>
+// Definitions: https://github.com/borisyankov/DefinitelyTyped
+
+/// <reference path="../jquery/jquery.d.ts" />
+
+interface JQueryStatic {
+    riot: string;
+    observable(el:any):any;
+    route(to:any):void;
+}