Adding konamicode.ts

Also switching to noconflict-style document.ready

Author: blast-hardcheese

examples/konamicode/konamicode.js

@@ -1,5 +1,5 @@
-(function ($) {
-
+/// <reference path="../../ts/rx.jquery.d.ts" />
+jQuery(function ($) {
     function identity (x) { return x; }
 
     $(function () {
@@ -9,11 +9,15 @@
 
         $(document).keyupAsObservable()
             .select(function (e) { return e.keyCode; })
-            .windowWithCount(10)
+            .windowWithCount(10, 1)
             .selectMany(function (x) { return x.sequenceEqual(konami); })
             .where(identity)
             .subscribe(function () {
-                result.html('KONAMI!').fadeOut(2000);
+                result.html('KONAMI!')
+                    .fadeOutAsObservable(2000)
+                    .subscribe(function () {
+                        result.html('').fadeIn(0);
+                    });
             });
     });
-})(jQuery);
+});

examples/konamicode/konamicode.ts

@@ -0,0 +1,23 @@
+/// <reference path="../../ts/rx.jquery.d.ts" />
+
+jQuery(function ($: JQueryStatic) {
+
+    function identity<T>(x: T): T { return x; }
+
+    $(function () {
+        var codes = [38, 38, 40, 40, 37, 39, 37, 39, 66, 65],
+            konami = Rx.Observable.fromArray(codes),
+            result = $('#result');
+
+        $(document).keyupAsObservable()
+            .select(function (e: KeyboardEvent) { return e.keyCode; })
+            .windowWithCount(10, 1)
+            .selectMany(function (x) { return x.sequenceEqual(konami); })
+            .where(identity)
+            .subscribe(function () {
+                result.html('KONAMI!').fadeOutAsObservable(2000).subscribe(function() {
+                    result.html('').fadeIn(0);
+                });
+            });
+    });
+});