@nakedcreativity/cee-ms-node 0.3.39 → 1.0.3

package/index.js

@@ -1,742 +0,0 @@
-var express = require('express');
-const path = require('path');
-const fs = require('fs');
-const _ = require('underscore');
-var Liquid = require('nakedcreativity-liquid');
-var cheerio = require('cheerio');
-var bodyParser = require("body-parser");
-
-var lexical = Liquid.lexical;
-
-var site;
-var engine;
-
-function ceems(config) {
-
-	this.app = express()
-
-	// process config and set defaults
-	// // set up static file hosting
-	this.app.use(express.static(config.assets))
-	this.app.use(bodyParser.json({
-		limit: config.parseLimit || '250kb'
-	}));
-	this.app.use(bodyParser.urlencoded({
-		extended:false,
-		limit: config.parseLimit || '250kb'
-	}));
-
-	this.engine = Liquid({
-		root: path.resolve('./views/'),  // for layouts and partials
-	    extname: '.liquid',
-	    cache: true
-	});
-	engine = this.engine
-
-	this.config = config;
-
-	// register liquid engine
-	this.app.engine('liquid', this.engine.express({
-	    strict_variables: false, 
-	    strict_filters: true
-	})); 
-	this.app.set('views', this.viewsPath());
-	this.app.set('view engine', 'liquid');
-
-	
-
-	// register region and module tags
-	this.engine.registerTag('region', {
-	    parse: function(tagToken, remainTokens) {
-	        this.name = tagToken.args; // name
-	    },
-	    render: function(scope, hash) {
-	    	console.log('render region',this.name)
-	        var str = Liquid.evalValue('regions.'+this.name, scope);
-	        return Promise.resolve(str);
-	    }
-	});
-
-	this.engine.registerTag('module', {
-	    parse: function(tagToken, remainTokens) {
-	        this.name = tagToken.args; // name
-	    },
-	    render: function(scope, hash) {
-	        var str = Liquid.evalValue('modules.'+this.name, scope);
-	        return Promise.resolve(str);
-	    }
-	});
-
-	this.engine.registerTag('navigation', {
-	    parse: function(tagToken, remainTokens) {
-			this.match = tagToken.args.split(' '); // name // path[0] == navigation name
-	    },
-	    render: function(scope, hash){
-
-			var value = Liquid.evalValue(this.match[0], scope)
-			if(!value){
-				value = Liquid.lexical.parseLiteral(this.match[0])
-			}			
-			var page = scope.scopes[0]
-
-			if(page.path && this.match[0] == 'page.path[0]' && site.navigation[page.path[0]]){
-				scope.push(site.navigation[page.path[0]]);
-			}else if(page.path && this.match[0] == 'page.path[1]' && site.navigation[page.path[1]]){
-				scope.push(site.navigation[page.path[1]]);
-			}else if(site.navigation[value]){
-				scope.push(site.navigation[value]);
-			}else {
-				return
-			}
-			var template = Liquid.lexical.parseLiteral(this.match[1])
-			if(!template){
-				template = this.match[1]
-			}
-
-            return engine.handleCache(template+'.liquid')
-                .then((templates) => {
-                    return engine.renderer.renderTemplates(templates, scope);
-                })
-                .then((html) => {
-                    scope.pop();
-                    return html;
-                });
-	    }
-	});	
-
-	this.engine.registerTag('page', {
-		parse: function(tagToken, remainTokens) {
-			this.match = tagToken.args.split(' '); // name // path[0] == navigation name
-		},
-		render: function(scope, hash){
-			// var filepath = Liquid.evalValue(this.match[1]+'.liquid', scope);
-
-			var path = Liquid.evalValue(this.match[0], scope)
-			if(!path){
-				path = Liquid.lexical.parseLiteral(this.match[0])
-			}
-			if(!path){
-				path = this.match[0]
-			}
-
-			if(site.pages[path]){
-				var page = site.pages[path]
-				
-				if(page.redirect){
-					res.redirect(parseInt(page.redirect.type), page.redirect.to)
-				}
-
-				var page = JSON.parse(fs.readFileSync('./pages/'+page._id+'.json', 'utf8'));
-				page.fullpath = site.pages[path].url
-				page.path = page.fullpath.split('/')
-
-	
-				scope.push(page)
-
-				var template = Liquid.lexical.parseLiteral(this.match[1])
-				if(!template){
-					template = this.match[1]
-				}
-
-				return engine.handleCache(template+'.liquid')
-					.then((templates) => {
-						return engine.renderer.renderTemplates(templates, scope);
-					})
-					.then((html) => {
-						scope.pop();
-						return html;
-					});
-
-			}else {
-				return
-			}
-
-
-			
-	    }
-	})
-
-	this.engine.registerTag('data', {
-		parse: function(tagToken, remainTokens) {
-			this.match = tagToken.args.split(' '); // name // path[0] == navigation name
-		},
-		render: function(scope, hash){
-			// var filepath = Liquid.evalValue(this.match[1]+'.liquid', scope);
-
-			if(this.match[2]){
-				var itemsPerPage = this.match[2]
-			}else{
-				var itemsPerPage = 10
-			}
-			
-			var collectionName = Liquid.evalValue(this.match[0], scope)
-
-			if(site.collections[collectionName]){
-				//console.log(site.collections[collection]._id)
-				var collection = JSON.parse(fs.readFileSync('./data/'+site.collections[collectionName]._id+'.json', 'utf8'));
-
-				var scopeObj = {}
-				scopeObj['collection'] = collection
-
-				if(scope.scopes[0].page && scope.scopes[0].page.pagination){
-					scopeObj.pagination = scope.scopes[0].page.pagination
-				}else {
-					scopeObj.pagination = 1
-				}
-	
-				scopeObj.itemsPerPage = parseInt(itemsPerPage);
-
-				scopeObj.start = itemsPerPage * (scopeObj.pagination - 1)
-				scopeObj.end = scopeObj.start + itemsPerPage
-
-				scopeObj.lastPage = Math.ceil(collection.data.length / itemsPerPage)
-
-				scope.push(scopeObj)
-
-				//console.log(scope)
-				var template = Liquid.lexical.parseLiteral(this.match[1])
-				if (!template) {
-					template = this.match[1]
-				}
-				
-				return engine.handleCache(template+'.liquid')
-					.then((templates) => {
-						return engine.renderer.renderTemplates(templates, scope);
-					})
-					.then((html) => {
-						scope.pop();
-						return html;
-					});
-
-			}else {
-				return
-			}
-	    }
-	})
-
-	this.engine.registerTag('external', {
-        parse: function (tagToken, remainTokens) {
-            this.match = tagToken.args.split(' '); // name // path[0] == navigation name
-        },
-        render: function (scope, hash) {
-
-            var filepath = Liquid.evalValue(this.match[0], scope)
-            if(!filepath){
-                filepath = Liquid.lexical.parseLiteral(this.match[0])
-            }
-            var jsonData = JSON.parse(fs.readFileSync(filepath, 'utf8'))
-
-            var scopeObj = {}
-            scopeObj['external'] = jsonData
-            scope.push(scopeObj)
-
-            //console.log(scope)
-            var template = Liquid.lexical.parseLiteral(this.match[1])
-            if (!template) {
-                template = this.match[1]
-            }
-
-            return engine.handleCache(template + '.liquid')
-                .then((templates) => {
-                    return engine.renderer.renderTemplates(templates, scope);
-                })
-                .then((html) => {
-                    scope.pop();
-                    return html;
-                });
-
-        }
-	})
-	
-
-	this.engine.registerFilter('active', (path, match, cssClass) => {
-		
-		var regex = new RegExp("^"+match+"(?!([a-z0-9\-_]+))")
-
-		if(regex.test(path)){
-			return cssClass
-		}else {
-			return ''
-		}
-
-	})
-
-
-	this.engine.registerFilter('url', (url) => {
-
-		return this.site.site.url+url
-
-	})
-
-	this.engine.registerTag('image', {
-	    parse: function(tagToken, remainTokens) {
-	        this.args = tagToken.args.split(' '); 
-	    },
-	    render: function(scope, hash) {
-			var image = Liquid.evalExp(this.args[0], scope);
-			//console.log(image)
-
-			if(!image){
-				return Promise.resolve('')
-			}
-
-			if(this.args[1] && image.variants && image.variants[this.args[1]]){
-				var src = image.variants[this.args[1]]
-			}else {
-				var src = image.src
-			}
-			var alt = image.alt || ''
-	        return Promise.resolve('<img src="'+src+'" alt="'+alt+'"/>');
-	    }
-	});
-
-	this.engine.registerTag('imageurl', {
-	    parse: function(tagToken, remainTokens) {
-	        this.args = tagToken.args.split(' '); 
-	    },
-	    render: function(scope, hash) {
-			var image = Liquid.evalExp(this.args[0], scope);
-
-			if(!image){
-				return Promise.resolve('')
-			}
-
-			//console.log(image)
-			if(this.args[1] && image.variants && image.variants[this.args[1]]){
-				var src = image.variants[this.args[1]]
-			}else {
-				var src = image.src
-			}
-	        return Promise.resolve(src);
-	    }
-	});
-	
-	this.engine.registerTag('breadcrumb', {
-		parse: function(tagToken, remainTokens) {
-			this.template = tagToken.args
-		},
-		render: function(scope, hash){
-
-			var breadcrumbArray = []
-			var path = ''
-			if(!scope.scopes[0].path){
-				return
-			}
-			scope.scopes[0].path.forEach(handle => {
-				path += handle
-				if(site.pages[path]){
-					breadcrumbArray.push(site.pages[path])
-					path += '/'
-				}
-			})
-
-			scope.push({
-				breadcrumb: breadcrumbArray
-			})
-
-			return engine.handleCache(this.template+'.liquid')
-				.then((templates) => {
-					return engine.renderer.renderTemplates(templates, scope);
-				})
-				.then((html) => {
-					scope.pop();
-					return html;
-				});
-	    }
-	})
-
-	this.engine.registerTag('blog', {
-        parse: function (tagToken, remainTokens) {
-            this.match = tagToken.args.split(' ')
-        },
-        render: function (scope, hash) {
-            // get the blog set
-            var siteblog = Liquid.evalValue(this.match[0], scope);
-            if (!siteblog) {
-                siteblog = this.match[0]
-            }
-            if (!site.blogs[siteblog]) {
-                return
-            }
-            // loop over articles, push articles that match tag or pagination, into array
-            var blog = site.blogs[siteblog]
-            var articles = []
-            // if tag set, create filtered array of articles
-            if (this.match[3]) {
-                var tag = Liquid.evalValue(this.match[3], scope);
-                if (!tag) {
-                    tag = Liquid.lexical.parseLiteral(this.match[3])
-                }
-                blog.articles.forEach((article) => {
-                    if (article.tags && article.tags.indexOf(tag) > -1) {
-                        articles.push(article)
-                    }
-                })
-            } else {
-                articles = blog.articles
-            }
-            //check if articles per page is set
-            if (this.match[2]) {
-                var articlesPerPage = this.match[2]
-            } else {
-                var articlesPerPage = 10
-            }
-            var pagination = 1
-            if (scope.scopes[0].page && scope.scopes[0].page.pagination) {
-                pagination = scope.scopes[0].page.pagination
-            }
-            articlesPerPage = parseInt(articlesPerPage)
-            var start = articlesPerPage * (pagination - 1)
-            var end = start + articlesPerPage
-            var lastPage = Math.ceil(articles.length / articlesPerPage)
-            // is page greater than the number of articles?
-            // throw a 404
-            if (start >= articles.length) {
-                throw new Error('This page does not exist')
-            }
-            // slice original blog array to send just current page of articles to liquid
-            blog.articles = articles.slice(start, end)
-            blog.pagination = pagination
-            blog.lastPage = lastPage
-            scope.push(blog)
-            return engine.handleCache(this.match[1] + '.liquid')
-                .then((templates) => {
-                    return engine.renderer.renderTemplates(templates, scope);
-                })
-                .then((html) => {
-                    scope.pop();
-                    return html;
-                })
-                .catch((error) => {
-                    throw error
-                })
-        }
-    })
-
-
-	this.app.listen(config.port, function () {});
-
-	this.app.use((req, res, next)=>{
-
-		if(config.response && config.response.headers){
-			_.each(config.response.headers, header=>{
-				res.header(header[0], header[1])
-			})
-		}
-
-	  	next();
-	});
-
-
-	if(!config.customHandler){
-		this.app.get(/(.*)/, (req, res)=>{
-			this.render(req,res);
-		})
-	}
-
-	this.app.post(/draft\/(.*)/, (req, res)=>{
-
-		// validate authorisation JWT here
-				
-		//console.log(req.body.page)
-		req.query.edit = true;
-		
-		// if this was sent by the iframe, handle it differently
-		if(req.query.iframe != null){
-			this.site = JSON.parse(decodeURIComponent(req.body.site))
-			site = this.site
-			this.render(req, res, JSON.parse(decodeURIComponent(req.body.page)));
-		}else {
-			this.site = req.body.site
-			site = this.site
-			this.render(req, res, req.body.page);
-		}
-
-	})
-
-}
-
-ceems.prototype.load = function(req, res){
-
-	var path = req._parsedUrl.pathname.substring(1)
-	if(path == '')
-		path = 'home'
-
-	this.site = JSON.parse(fs.readFileSync('./pages/site.json', 'utf8'));
-	//this.pages_map = _.indexBy(this.site.pages, 'url');
-	
-	site = this.site //????
-	
-	// this may be better in middleware?
-	// test if path matches a pagination url
-	var regex = new RegExp("(.+)(\/[0-9]{1,})$")
-	if(regex.test(path)){
-		// looks like a blog url
-		var matches = path.match(regex)
-		var path = matches[1]
-		var pagination = parseInt(matches[2].substring(1))
-	}
-
-	if(this.site.pages[path]){
-		var page = this.site.pages[path]
-
-		if(page.redirect){
-			res.redirect(301, page.redirect)
-		}
-
-		var page = JSON.parse(fs.readFileSync('./pages/'+page._id+'.json', 'utf8'));
-		page.fullpath = this.site.pages[path].url
-		page.path = page.fullpath.split('/')
-
-		if(pagination)
-			page.pagination = pagination
-
-		return page
-
-	}
-	// 404
-	else{
-		console.log('404 for ',path)
-		res.status(404)
-		// .send('Sorry, this page does not exist');
-		var notFound = this.site.pages['404']
-		return JSON.parse(fs.readFileSync('./pages/'+notFound._id+'.json', 'utf8'))
-	}
-
-
-}
-
-ceems.prototype.render = function(req, res, page=null) {
-
-	if(!page){
-		page = this.load(req, res)
-	}
-	// get any external data, and save this into the page	
-	// if(page.external){
-	// 	_.each(page.external, function(ext, key){
-
-	// 		try {
-	// 			page.external[key].data = JSON.parse(fs.readFileSync('./'+ext.file, 'utf8'));
-	// 		}catch(error){
-	// 			console.log(error)
-	// 		}
-
-	// 	})
-	// }
-
-	// if there are whitelisted cookies, add these to the page so they can be rendered
-	if(this.config.whitelistedCookies){
-		page.cookies = []
-		_.each(this.config.whitelistedCookies, cookieName=>{
-			if(req.cookies && req.cookies[cookieName]){
-				page.cookies[cookieName] = req.cookies[cookieName]
-			}
-		})
-	}
-
-	var renderedRegions = {}
-	var renderedColumns = {}
-	var renderedModules = {}
-
-	var jobs = []
-
-	// load page data
-	_.each(page.regions, function(region, key){
-		
-		renderedRegions[key] = []
-
-		if(region.containers){
-
-			region.containers.forEach((container, index)=>{
-
-				if(container.module){
-					
-					var html = `{% ${container.module} %}`
-
-				}else {
-
-				
-					if(!container.class) {
-						container.class = 'container'
-					}
-
-					console.log(container)
-
-					var html = ''
-					if(container.wrapper){
-						html += `<div class="${container.wrapper}" data-container-id="${container._id}"><div class="${container.class}">`
-					}else {
-						html += `<div class="${container.class}" data-container-id="${container._id}">`
-					}
-
-
-					container.rows.forEach(row=>{
-
-						html += `<div class="row  ${row.class}" data-row-id="${row._id}">`
-						row.columns.forEach(column=>{
-
-							console.log(column)
-
-							var modules = _.reduce(column.modules, (modules, id)=>{
-								return modules + '{% '+id+' %}'
-							}, '')
-							html += `<div data-column-id="${column._id}" class="col ${column.class}">${modules}</div>` // inserts placeholder in format {% id %}
-
-						})
-
-						html += `</div>`
-
-					})
-					if(container.wrapper){
-						html += `</div>`
-					}
-					html += `</div>`
-			
-				}
-				
-				renderedRegions[key][index] = html
-				
-			})
-		}
-
-		_.each(region.modules, function(module, index){
-
-			var moduleTemplate = fs.readFileSync('./views/'+module.type+'.liquid');
-
-			jobs.push(new Promise((resolve,reject) => {
-
-				// to-do: we need to give module access to entire page object, and therefore the 'sitemap' and other site information
-				var scope = module.content
-				scope.page = page
-				if (this.site){
-					scope.site = this.site.site
-					scope.pages = this.site.pages
-					scope.navigation = this.site.navigation
-				}
-				this.engine.parseAndRender(moduleTemplate, scope)
-			    .then(html => {
-			       
-			        if(req.query.edit != null){
-						var $ = cheerio.load(html);
-						
-						$.root().children().attr('data-module-type', module.type);
-						if(module._id){
-							$.root().children().attr('data-module-id', module._id);
-						}
-						html = $.html()
-					}
-					
-					if(region.containers){
-						renderedModules[module._id] = html
-					}else {
-						renderedRegions[key][index] = html
-					}
-					return resolve();
-					
-				})
-				.catch(error=>{
-					reject(error)
-				})
-			}))
-
-		}, this)
-
-
-	}, this)
-
-	// loop through each module not in a region and generate HTML
-	_.each(page.modules, function(module, key){
-		
-		var moduleTemplate = fs.readFileSync('./views/'+module.type+'.liquid');
-
-		jobs.push(new Promise((resolve,reject) => {
-
-			// we need to give module access to entire page object, and therefore the 'sitemap' and other site information
-			var scope = module.content
-			scope.page = page
-			scope.site = this.site.site
-			scope.pages = this.site.pages
-
-			this.engine.parseAndRender(moduleTemplate, scope)
-		    .then(function(html){
-		        //console.log(html)
-
-		        if(req.query.edit != null){
-			        var $ = cheerio.load(html);
-					$.root().children().attr('data-module-type', module.type);
-					$.root().children().attr('data-module-id', module._id);
-					//console.log($.root().children())
-
-					html = $.html()
-		        }
-
-		        page.modules[key] = html
-		        return resolve();
-		        
-			})
-			.catch(error=>{
-				reject(error)
-			})
-		}))
-
-	}, this)
-
-	Promise.all(jobs).then(html =>{
-		
-		// map / reduce? look at _
-		_.each(renderedRegions, function(region, key){
-			page.regions[key] = ''
-			_.each(region, function(html){
-
-				// items in rendered columns to place
-				if(Object.keys(renderedModules).length > 0){
-					_.each(renderedModules, (moduleHtml, key)=>{
-						html = html.replace(new RegExp('{%\\s'+key+'\\s%}','g'), moduleHtml)
-					})
-
-				}
-
-				page.regions[key] += html
-			})
-		})
-
-		
-		var scope = page
-		if(this.site && this.site.navigation)
-			scope.navigation = this.site.navigation
-
-		//console.log(scope)
-		res.render(page.template, scope, function(err, html){
-			if(err){
-				console.log(err)
-			}
-
-			if(req.query.edit != null){
-				var $ = cheerio.load(html);
-				$('body').addClass('cee-ms-edit');
-				html = $.html()
-			}
-
-			//res.header('X-FRAME-OPTIONS', 'allow-from http://localhost:3002');
-			//console.log(res)
-			res.send(html)
-		})
-		
-	}).catch(error=>{
-		console.log('error in')
-		console.log(error)
-		res.status(500).send(error.message);
-	})
-}
-
-ceems.prototype.init = function(){
-
-	// needs to be dealt with on each request, or results cache in someway
-
-}
-
-ceems.prototype.viewsPath = function(){
-	return './views/'
-}
-
-module.exports = ceems;