add use-nunjucks project

michaelliao · michaelliao · commit 25a1cca24997 · 2016-08-17T10:53:24.000+08:00
diff --git a/samples/node/web/koa/use-nunjucks/.vscode/launch.json b/samples/node/web/koa/use-nunjucks/.vscode/launch.json
@@ -0,0 +1,25 @@
+{
+    "version": "0.2.0",
+    "configurations": [
+        {
+            "name": "Start",
+            "type": "node",
+            "request": "launch",
+            "program": "${workspaceRoot}/app.js",
+            "stopOnEntry": false,
+            "args": [],
+            "cwd": "${workspaceRoot}",
+            "preLaunchTask": null,
+            "runtimeExecutable": null,
+            "runtimeArgs": [
+                "--nolazy"
+            ],
+            "env": {
+                "NODE_ENV": "development"
+            },
+            "externalConsole": false,
+            "sourceMaps": false,
+            "outDir": null
+        }
+    ]
+}
diff --git a/samples/node/web/koa/use-nunjucks/app.js b/samples/node/web/koa/use-nunjucks/app.js
@@ -0,0 +1,44 @@
+const nunjucks = require('nunjucks');
+
+function createEnv(path, opts) {
+    var
+        autoescape = opts.autoescape && true,
+        noCache = opts.noCache || false,
+        watch = opts.watch || false,
+        throwOnUndefined = opts.throwOnUndefined || false,
+        env = new nunjucks.Environment(
+            new nunjucks.FileSystemLoader('views'), {
+                autoescape: autoescape,
+                noCache: noCache,
+                watch: watch,
+                throwOnUndefined: throwOnUndefined
+            });
+    if (opts.filters) {
+        for (var f in opts.filters) {
+            env.addFilter(f, opts.filters[f]);
+        }
+    }
+    return env;
+}
+
+var env = createEnv('views', {
+    watch: true,
+    filters: {
+        hex: function (n) {
+            return '0x' + n.toString(16);
+        }
+    }
+});
+
+var s = env.render('hello.html', {
+    name: '<Nunjucks>',
+    fruits: ['Apple', 'Pear', 'Banana'],
+    count: 12000
+});
+
+console.log(s);
+
+console.log(env.render('extend.html', {
+    header: 'Hello',
+    body: 'bla bla bla...'
+}));
diff --git a/samples/node/web/koa/use-nunjucks/package.json b/samples/node/web/koa/use-nunjucks/package.json
@@ -0,0 +1,22 @@
+{
+    "name": "use-nunjucks",
+    "version": "1.0.0",
+    "description": "Test nunjucks",
+    "main": "app.js",
+    "scripts": {
+        "start": "node app.js"
+    },
+    "keywords": [
+        "nunjucks",
+        "templating"
+    ],
+    "author": "Michael Liao",
+    "license": "Apache-2.0",
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/michaelliao/learn-javascript.git"
+    },
+    "dependencies": {
+        "nunjucks": "2.4.2"
+    }
+}
diff --git a/samples/node/web/koa/use-nunjucks/views/base.html b/samples/node/web/koa/use-nunjucks/views/base.html
@@ -0,0 +1,5 @@
+<html><body>
+{% block header %} <h3>Unnamed</h3> {% endblock %}
+{% block body %} <div>No body</div> {% endblock %}
+{% block footer %} <div>copyright</div> {% endblock %}
+</body>
diff --git a/samples/node/web/koa/use-nunjucks/views/extend.html b/samples/node/web/koa/use-nunjucks/views/extend.html
@@ -0,0 +1,5 @@
+{% extends 'base.html' %}
+
+{% block header %}<h1>{{ header }}</h1>{% endblock %}
+
+{% block body %}<p>{{ body }}</p>{% endblock %}
diff --git a/samples/node/web/koa/use-nunjucks/views/hello.html b/samples/node/web/koa/use-nunjucks/views/hello.html
@@ -0,0 +1,12 @@
+<html>
+<head>
+    <title>Hello {{ name }}</title>
+</head>
+<body>
+    <h3>Fruits List</h3>
+    {% for f in fruits %}
+    <p>{{ f }}</p>
+    {% endfor %}
+    <p>Total: {{ count|hex }}</p>
+</body>
+</html>
