node-atlas/templates/hello-vue/controllers/common.js

Progressive realtime web framework config-driven or API-driven for building easily serverless files, websites and webapps component-based and service-oriented.

/* jshint node: true, esversion: 6 */
exports.changeDom = function (next, locals, request, response) {
	var NA = this,
		Vue = require("vue"),
		VueRouter = require("vue-router"),
		renderers = require("vue-server-renderer"),
		renderer = renderers.createRenderer({
			template: locals.dom
		}),
		fs = NA.modules.fs,
		path = NA.modules.path,
		view = path.join(NA.serverPath, NA.webconfig.viewsRelativePath, locals.routeParameters.view + ".htm"),
		model = path.join(NA.serverPath, NA.webconfig.viewsRelativePath, locals.routeParameters.view + ".js"),
		appView = path.join(NA.serverPath, NA.webconfig.viewsRelativePath, "app.htm"),
		appModel = path.join(NA.serverPath, NA.webconfig.viewsRelativePath, "app.js"),
		specific = locals.specific;

	global.Vue = Vue;
	Vue.use(VueRouter);

	fs.readFile(view, "utf-8",  function (error, template) {
		var component = Vue.component(locals.routeParameters.view, require(model)(specific, template));
		fs.readFile(appView, "utf-8", function (error, template) {
			var common = locals.common,
				webconfig = {
					routes: NA.webconfig.routes
				},
				router = new VueRouter({
					routes: [{
						path: locals.routeParameters.url,
						component: component,
						props: ['common']
					}]
				}),
				stream = renderer.renderToStream(new Vue(require(appModel)(common, template, router, webconfig)));

			router.push(locals.routeParameters.url);

			stream.on('data', function (chunk) {
				response.write(chunk);
			});

			stream.on('end', function () {
				response.end();
			});
		});
	});
};

exports.setSockets = function () {
	var NA = this,
		io = NA.io;

	io.on('connection', function (socket) {
		var session = socket.request.session,
			sessionID = socket.request.sessionID;

		session.touch().save();

		socket.on('app--init', function () {
			socket.emit('app--init', session, sessionID);
		});
		socket.on('app--change-description', function (description) {
			socket.broadcast.emit('app--change-description', description);
		});
	});
};