add form-vue

Author: michaelliao

samples/node/web/vue/form-vue/.vscode/launch.json

@@ -0,0 +1,25 @@
+{
+    "version": "0.2.0",
+    "configurations": [
+        {
+            "name": "Start",
+            "type": "node",
+            "request": "launch",
+            "program": "${workspaceRoot}/start.js",
+            "stopOnEntry": false,
+            "args": [],
+            "cwd": "${workspaceRoot}",
+            "preLaunchTask": null,
+            "runtimeExecutable": null,
+            "runtimeArgs": [
+                "--nolazy", "--use_strict"
+            ],
+            "env": {
+                "NODE_ENV": "development"
+            },
+            "externalConsole": false,
+            "sourceMaps": false,
+            "outDir": null
+        }
+    ]
+}

samples/node/web/vue/form-vue/app.js

@@ -0,0 +1,29 @@
+const Koa = require('koa');
+
+
+const app = new Koa();
+
+const isProduction = process.env.NODE_ENV === 'production';
+
+// log request URL:
+app.use(async (ctx, next) => {
+    console.log(`Process ${ctx.request.method} ${ctx.request.url}...`);
+    var
+        start = new Date().getTime(),
+        execTime;
+    await next();
+    execTime = new Date().getTime() - start;
+    ctx.response.set('X-Response-Time', `${execTime}ms`);
+});
+
+// static file support:
+let staticFiles = require('./static-files');
+app.use(staticFiles('/static/', __dirname + '/static'));
+
+// redirect to /static/index.html:
+app.use(async (ctx, next) => {
+    ctx.response.redirect('/static/index.html');
+});
+
+app.listen(3000);
+console.log('app started at port 3000...');

samples/node/web/vue/form-vue/package.json

@@ -0,0 +1,28 @@
+{
+    "name": "view-koa",
+    "version": "1.0.0",
+    "description": "koa 2 example with nunjucks as view",
+    "main": "start.js",
+    "scripts": {
+        "start": "node --use_strict start.js"
+    },
+    "keywords": [
+        "vue",
+        "mvvm"
+    ],
+    "author": "Michael Liao",
+    "license": "Apache-2.0",
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/michaelliao/learn-javascript.git"
+    },
+    "dependencies": {
+        "babel-core": "6.13.2",
+        "babel-polyfill": "6.13.0",
+        "babel-preset-es2015-node6": "0.3.0",
+        "babel-preset-stage-3": "6.5.0",
+        "koa": "2.0.0",
+        "mime": "1.3.4",
+        "mz": "2.4.0"
+    }
+}

samples/node/web/vue/form-vue/start.js

@@ -0,0 +1,5 @@
+require('babel-core/register')({
+    presets: ['stage-3']
+});
+
+require('./app.js');

samples/node/web/vue/form-vue/static-files.js

@@ -0,0 +1,22 @@
+const path = require('path');
+const mime = require('mime');
+const fs = require('mz/fs');
+
+function staticFiles(url, dir) {
+    return async (ctx, next) => {
+        let rpath = ctx.request.path;
+        if (rpath.startsWith(url)) {
+            let fp = path.join(dir, rpath.substring(url.length));
+            if (await fs.exists(fp)) {
+                ctx.response.type = mime.lookup(rpath);
+                ctx.response.body = await fs.readFile(fp);
+            } else {
+                ctx.response.status = 404;
+            }
+        } else {
+            await next();
+        }
+    };
+}
+
+module.exports = staticFiles;