docs: include demo for LiquidJS used in browsers, #165

demo/browser/README.md

@@ -0,0 +1,9 @@
+# LiquidJS for Browsers
+
+## Get Started
+
+```bash
+cd demo/browser
+npm install
+npm start
+```

demo/browser/hello.html

@@ -1 +0,0 @@
-<h2>Welcome to {{ name | capitalize}}, {% include 'date.html' %}</h2>

demo/browser/index.html

@@ -13,18 +13,14 @@
       extname: '.html',
       cache: true
     });
-    var src = '<h2>Welcome to {{ name | capitalize}}, ' +
-      'access time: {{date|date: "%Y-%m-%d %H:%M:%S"}}&lt;/h2>';
+    var src = "<h2>Welcome to {{ name | capitalize}}, {% include 'date.html' %}</h2>";
     var ctx = {
       name: 'Liquid',
       date: new Date()
     };
     engine.parseAndRender(src, ctx)
       .then(function(html) {
-        return engine.renderFile('hello', ctx);
-      })
-      .then(function(html) {
-        document.body.innerHTML += html
+        document.body.innerHTML = html
       });
   </script>
 </body>

demo/express/README.md

@@ -0,0 +1,9 @@
+# LiquidJS for Express.js
+
+## Get Started
+
+```bash
+cd demo/express
+npm install
+npm start
+```

demo/nodejs/README.md

@@ -0,0 +1,9 @@
+# LiquidJS for Node.js
+
+## Get Started
+
+```bash
+cd demo/nodejs
+npm install
+npm start
+```

demo/typescript/README.md

@@ -0,0 +1,11 @@
+# LiquidJS for TypeScript
+
+LiquidJS is written in TypeScript and type definitions are available in `liquidjs` package.
+
+## Get Started
+
+```bash
+cd demo/typescript
+npm install
+npm start
+```