From 2755169fcb5f4e08eaeb4e9127c004d85d96c556 Mon Sep 17 00:00:00 2001
From: Vlad Stirbu <vstirbu@gmail.com>
Date: Wed, 10 Apr 2013 22:09:10 +0300
Subject: [PATCH] support for knockout virtual elements

---
 Readme.md                         | 15 +++++++++++++++
 lib/compiler.js                   |  5 +++++
 test/cases/comments.knockout.html |  3 +++
 test/cases/comments.knockout.jade |  3 +++
 4 files changed, 26 insertions(+)
 create mode 100644 test/cases/comments.knockout.html
 create mode 100644 test/cases/comments.knockout.jade

diff --git a/Readme.md b/Readme.md
index d97d703ca..e414ee04f 100644
--- a/Readme.md
+++ b/Readme.md
@@ -424,6 +424,21 @@ outputs:
 </head>
 ```
 
+Jade supports generating [Knockout](http://knockoutjs.com/) virtual elements, for example:
+
+```jade
+//ko if: true
+  #test
+```
+
+outputs:
+
+```html
+<!-- ko if: true -->
+<div id="test"></div>
+<!-- /ko -->
+```
+
 <a name="a6-6"/>
 ### Nesting
 
diff --git a/lib/compiler.js b/lib/compiler.js
index 6c5427911..2fcc55a46 100644
--- a/lib/compiler.js
+++ b/lib/compiler.js
@@ -454,6 +454,11 @@ Compiler.prototype = {
       this.buffer('<!--[' + comment.val.trim() + ']>');
       this.visit(comment.block);
       this.buffer('<![endif]-->');
+    } else if (0 == comment.val.trim().indexOf('ko')) {
+      this.buffer('<!-- ' + comment.val.trim() + ' -->');
+      this.visit(comment.block);
+      this.buffer('\\n');
+      this.buffer('<!-- /ko -->');
     } else {
       this.buffer('<!--' + comment.val);
       this.visit(comment.block);
diff --git a/test/cases/comments.knockout.html b/test/cases/comments.knockout.html
new file mode 100644
index 000000000..7e1369039
--- /dev/null
+++ b/test/cases/comments.knockout.html
@@ -0,0 +1,3 @@
+<!-- ko if: true -->
+<div id="test"></div>
+<!-- /ko -->
\ No newline at end of file
diff --git a/test/cases/comments.knockout.jade b/test/cases/comments.knockout.jade
new file mode 100644
index 000000000..adeb4e4ea
--- /dev/null
+++ b/test/cases/comments.knockout.jade
@@ -0,0 +1,3 @@
+
+//ko if: true
+  #test
\ No newline at end of file