legacyweb-pages 1.0.4 → 1.0.5

package/README.md

@@ -1,5 +1,5 @@
-# legacyweb-pages
-
-This is a toolkit for generating simple pages for legacyweb.
-
+# legacyweb-pages
+
+This is a toolkit for generating simple pages for legacyweb.
+
 It includes templates, themes, and functions for generating pages based on these. This project is currently under development.

package/index.js

@@ -1,3 +1,3 @@
-const Page = require('./lib/page');
-
-module.exports = Page;
+const Page = require('./lib/page');
+
+module.exports = Page;

package/lib/page.js

@@ -1,126 +1,129 @@
-const ejs = require('ejs');
-const express = require('express');
-const fs = require('fs');
-const path = require('path');
-const joi = require('joi');
-
-const relativePath = joi.string().regex(/^\/[a-zA-Z0-9\/?=]*$/);
-
-function Page(template, theme, title, home, addHomeLink=true, staticPaths=[]) {
-	this.setTemplate(template);
-	this.setTheme(theme);
-	this.pages = [];
-	this.links = [];
-	this.addPage({
-		path: '/',
-		gen: home.gen,
-		title,
-		method: 'get'
-	});
-	if (addHomeLink) {
-		this.addLink({
-			url: '/',
-			text: 'Home'
-		});
-	}
-	this.headerHtml = '';
-	this.port = process.env.EXPRESS_PORT || 3000;
-	this.app = express();
-    
-	// Define static paths
-	staticPaths.forEach(staticPath => {
-		this.app.use(staticPath.webPath, express.static(staticPath.filePath));
-	});
-}
-
-Page.prototype.setTemplate = function(template) {
-	const templateFile = path.join(__dirname, '..', 'templates', `${template}.ejs`);
-	if (!fs.existsSync(templateFile)) {
-		throw new Error(`Theme "${templateFile}" does not exist`);
-	}
-	this.template = fs.readFileSync(templateFile, 'utf-8');
-}
-
-Page.prototype.setTheme = function(theme) {
-	const themeFile = path.join(__dirname, '..', 'themes', `${theme}.json`);
-	if (!fs.existsSync(themeFile)) {
-		throw new Error(`Theme "${theme}" does not exist`);
-	}
-	this.theme = JSON.parse(fs.readFileSync(themeFile), 'utf-8');
-}
-
-Page.prototype.setBgImage = function(element, bgImage) {
-	joi.attempt(element, joi.string().valid('body', 'links', 'strip', 'content'));
-	this.theme[element].bgImage = bgImage;
-}
-
-Page.prototype.setHeader = function(code) {
-    this.headerHtml = code;
-}
-
-Page.prototype.setStrip = function(code) {
-	this.stripHtml = code;
-}
-
-Page.prototype.addLink = function(link) {
-    joi.attempt(link, joi.object({
-			url: joi.alternatives().try(joi.string().uri(), relativePath).required(),
-			text: joi.string().min(1).required()
-    }));
-    this.links.push(link);
-}
-
-Page.prototype.addPage = function(page) {
-    let validatedPage = joi.attempt(page, joi.object({
-			path: relativePath.required(),
-			gen: joi.func().required(),
-			title: joi.string().min(1).required(),
-			method: joi.string().valid('get', 'post').default('get'),
-			middleware: joi.array().default([])
-    }));
-
-    this.pages.push(validatedPage);
-}
-
-Page.prototype.start = function() {
-
-	const legacyPage = this;
-
-	this.pages.forEach(page => {
-		const renderPage = async function(req, res) {
-			try {
-				// Render content first in case we want to change the theme, header, etc. as part of the gen fn
-				const content = await page.gen(req, res);
-
-				const data = Object.assign({
-					page: {
-						header: legacyPage.headerHtml,
-						strip: legacyPage.stripHtml,
-						title: page.title,
-						links: legacyPage.links,
-						content
-					}
-				}, legacyPage.theme);
-				const renderedPage = ejs.render(legacyPage.template, data);
-
-				res.status(200).send(renderedPage);
-			} catch (err) {
-				const statusCode = err.status || 500;
-				return res.status(statusCode).send(err.message);
-			}
-		}
-
-		switch (page.method) {
-			case 'post':
-				legacyPage.app.post(page.path, page.middleware, renderPage);
-				return;
-			default:
-				legacyPage.app.get(page.path, page.middleware, renderPage);
-				return;
-		}
-	});
-
-    this.app.listen(this.port);
-}
-
-module.exports = Page
+const ejs = require('ejs');
+const express = require('express');
+const fs = require('fs');
+const path = require('path');
+const joi = require('joi');
+
+const relativePath = joi.string().regex(/^\/[a-zA-Z0-9\/?=]*$/);
+
+function Page(template, theme, title, home, addHomeLink=true, staticPaths=[]) {
+	this.setTemplate(template);
+	this.setTheme(theme);
+	this.pages = [];
+	this.links = [];
+	this.addPage({
+		path: '/',
+		gen: home.gen,
+		title,
+		method: 'get'
+	});
+	if (addHomeLink) {
+		this.addLink({
+			url: '/',
+			text: 'Home'
+		});
+	}
+	this.headerHtml = '';
+	this.port = process.env.EXPRESS_PORT || 3000;
+	this.app = express();
+    
+	// Pre-defined static paths
+	this.app.use('/images', express.static(path.join(__dirname, '..', 'images')));
+
+	// Define static paths
+	staticPaths.forEach(staticPath => {
+		this.app.use(staticPath.webPath, express.static(staticPath.filePath));
+	});
+}
+
+Page.prototype.setTemplate = function(template) {
+	const templateFile = path.join(__dirname, '..', 'templates', `${template}.ejs`);
+	if (!fs.existsSync(templateFile)) {
+		throw new Error(`Theme "${templateFile}" does not exist`);
+	}
+	this.template = fs.readFileSync(templateFile, 'utf-8');
+}
+
+Page.prototype.setTheme = function(theme) {
+	const themeFile = path.join(__dirname, '..', 'themes', `${theme}.json`);
+	if (!fs.existsSync(themeFile)) {
+		throw new Error(`Theme "${theme}" does not exist`);
+	}
+	this.theme = JSON.parse(fs.readFileSync(themeFile), 'utf-8');
+}
+
+Page.prototype.setBgImage = function(element, bgImage) {
+	joi.attempt(element, joi.string().valid('body', 'links', 'strip', 'content'));
+	this.theme[element].bgImage = bgImage;
+}
+
+Page.prototype.setHeader = function(code) {
+    this.headerHtml = code;
+}
+
+Page.prototype.setStrip = function(code) {
+	this.stripHtml = code;
+}
+
+Page.prototype.addLink = function(link) {
+    joi.attempt(link, joi.object({
+			url: joi.alternatives().try(joi.string().uri(), relativePath).required(),
+			text: joi.string().min(1).required()
+    }));
+    this.links.push(link);
+}
+
+Page.prototype.addPage = function(page) {
+    let validatedPage = joi.attempt(page, joi.object({
+			path: relativePath.required(),
+			gen: joi.func().required(),
+			title: joi.string().min(1).required(),
+			method: joi.string().valid('get', 'post').default('get'),
+			middleware: joi.array().default([])
+    }));
+
+    this.pages.push(validatedPage);
+}
+
+Page.prototype.start = function() {
+
+	const legacyPage = this;
+
+	this.pages.forEach(page => {
+		const renderPage = async function(req, res) {
+			try {
+				// Render content first in case we want to change the theme, header, etc. as part of the gen fn
+				const content = await page.gen(req, res);
+
+				const data = Object.assign({
+					page: {
+						header: legacyPage.headerHtml,
+						strip: legacyPage.stripHtml,
+						title: page.title,
+						links: legacyPage.links,
+						content
+					}
+				}, legacyPage.theme);
+				const renderedPage = ejs.render(legacyPage.template, data);
+
+				res.status(200).send(renderedPage);
+			} catch (err) {
+				const statusCode = err.status || 500;
+				return res.status(statusCode).send(err.message);
+			}
+		}
+
+		switch (page.method) {
+			case 'post':
+				legacyPage.app.post(page.path, page.middleware, renderPage);
+				return;
+			default:
+				legacyPage.app.get(page.path, page.middleware, renderPage);
+				return;
+		}
+	});
+
+    this.app.listen(this.port);
+}
+
+module.exports = Page

package/lib/theme.js

@@ -1,46 +1,46 @@
-const joi = require('joi');
-
-function Theme(theme) {
-  const schema = joi.object({
-    body: joi.object({
-      bgColor: joi.string().default('white'),
-      bgImage: joi.string().optional(),
-      linkColor: joi.string().default('blue'),
-      borderColor: joi.string().default('black'),
-      borderThickness: joi.number().default(4)
-    }).default(),
-    header: joi.object({
-      bgColor: joi.string().default('white'),
-      bgImage: joi.string().optional(),
-      font: joi.object({
-        face: joi.string().default('Tahoma'),
-        bold: joi.boolean().default(true),
-        color: joi.string().default('black')
-      }).default()
-    }).default(),
-    links: joi.object({
-      bgColor: joi.string().default('white'),
-      bgImage: joi.string().optional(),
-      font: joi.object({
-        face: joi.string().default('Tahoma'),
-        bold: joi.boolean.default(true),
-        color: joi.string().default('black')
-      }).default()
-    }),
-    content: joi.object({
-      bgColor: joi.string().default('white'),
-      bgImage: joi.string().optional(),
-      font: joi.object({
-        face: joi.string().default('Tahoma'),
-        bold: joi.boolean.default(false),
-        color: joi.string().default('black')
-      }).default()
-    }).default()
-  }).default();
-
-  const validated = joi.attempt(theme, schema, {stripUnknown: true});
-
-  return validated;
-}
-
+const joi = require('joi');
+
+function Theme(theme) {
+  const schema = joi.object({
+    body: joi.object({
+      bgColor: joi.string().default('white'),
+      bgImage: joi.string().optional(),
+      linkColor: joi.string().default('blue'),
+      borderColor: joi.string().default('black'),
+      borderThickness: joi.number().default(4)
+    }).default(),
+    header: joi.object({
+      bgColor: joi.string().default('white'),
+      bgImage: joi.string().optional(),
+      font: joi.object({
+        face: joi.string().default('Tahoma'),
+        bold: joi.boolean().default(true),
+        color: joi.string().default('black')
+      }).default()
+    }).default(),
+    links: joi.object({
+      bgColor: joi.string().default('white'),
+      bgImage: joi.string().optional(),
+      font: joi.object({
+        face: joi.string().default('Tahoma'),
+        bold: joi.boolean.default(true),
+        color: joi.string().default('black')
+      }).default()
+    }),
+    content: joi.object({
+      bgColor: joi.string().default('white'),
+      bgImage: joi.string().optional(),
+      font: joi.object({
+        face: joi.string().default('Tahoma'),
+        bold: joi.boolean.default(false),
+        color: joi.string().default('black')
+      }).default()
+    }).default()
+  }).default();
+
+  const validated = joi.attempt(theme, schema, {stripUnknown: true});
+
+  return validated;
+}
+
 module.exports = Theme;

package/package.json

@@ -1,17 +1,24 @@
-{
-  "name": "legacyweb-pages",
-  "version": "1.0.4",
-  "description": "A toolkit for generating legacyweb pages",
-  "main": "index.js",
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
-  },
-  "author": "Justin Schwartzbeck (justinmschw@gmail.com)",
-  "license": "ISC",
-  "dependencies": {
-    "ejs": "^3.1.8",
-    "express": "4.17.2",
-    "joi": "17.5.0",
-    "pug": "3.0.2"
-  }
-}
+{
+  "name": "legacyweb-pages",
+  "version": "1.0.5",
+  "description": "A toolkit for generating legacyweb pages",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "files": [
+    "images/**",
+    "lib/**",
+    "templates/**",
+    "themes/**",
+    "index.js"
+  ],
+  "author": "Justin Schwartzbeck (justinmschw@gmail.com)",
+  "license": "ISC",
+  "dependencies": {
+    "ejs": "^3.1.8",
+    "express": "^4.18.2",
+    "joi": "17.5.0",
+    "pug": "3.0.2"
+  }
+}

package/templates/leftpane.ejs

@@ -1,46 +1,46 @@
-<html>
-<title><%= page.title %></title>
-<body bgcolor="<%= body.bgColor %>" <% if (body.bgImage) { %>background="<%- body.bgImage %>"<% } %> link="<%= body.linkColor %>" vlink="<%= body.linkColor %>">
-
-<table width="780px" border=0>
-    <tr>
-        <!-- This is actually where the "border" color is defined -->
-        <td bgcolor="<%= body.borderColor %>">
-
-            <!-- This inner table is where the page content (header, links, content) actually go
-            cellspacing = border thickness
-            -->
-            <table width="780px" border=0 cellspacing=<%= body.borderThickness %> >
-                <tr />
-
-                    <td height=80px colspan=2 bgcolor="<%= header.bgColor %>" <% if (header.bgImage) { %> background="<%= header.bgImage %>" <% } %>>
-                        <font size=7 face="<%= header.font.face %>" color="<%= header.font.color %>">
-                            <% if (header.font.bold) { %> <b><%- page.header %></b> <% } else { %><%- page.header %><% } %>
-                        </font>
-                    </td>
-
-                <tr />
-                    <td height=600px width=180px bgcolor="<%= links.bgColor %>" <% if (links.bgImage) { %> background="<%= links.bgImage %>" <% } %> valign=top>
-                        <table border="0">
-                            <% page.links.forEach(link => { %>
-                            <tr>
-                                <td <% if (links.bgColor) { %>bgcolor="<%= links.bgColor %>"<% } %>>
-                                    <font size=4 face="<%= links.font.face %>">
-                                        <% if (links.font.bold) { %><b><a href="<%- link.url %>"><%= link.text %></a></b><% } else { %><a href="<%- link.url %>"><%= link.text %></a><% } %>
-                                    </font>
-                                </td>
-                            </tr>
-                            <%})%>
-                        </table>
-                    </td>
-                    <td height=600px width=600px bgcolor="<%= content.bgColor %>" <% if (content.bgImage) { %> background="<%= content.bgImage %>" <% } %> valign=top>
-                        <font face="<%= content.font.face %>">
-                            <%- page.content %>
-                        </font>
-                    </td>
-            </table>
-        </td>
-</table>
-
-</body>
+<html>
+<title><%= page.title %></title>
+<body bgcolor="<%= body.bgColor %>" <% if (body.bgImage) { %>background="<%- body.bgImage %>"<% } %> link="<%= body.linkColor %>" vlink="<%= body.linkColor %>">
+
+<table width="780px" border=0>
+    <tr>
+        <!-- This is actually where the "border" color is defined -->
+        <td bgcolor="<%= body.borderColor %>">
+
+            <!-- This inner table is where the page content (header, links, content) actually go
+            cellspacing = border thickness
+            -->
+            <table width="780px" border=0 cellspacing=<%= body.borderThickness %> >
+                <tr />
+
+                    <td height=80px colspan=2 bgcolor="<%= header.bgColor %>" <% if (header.bgImage) { %> background="<%= header.bgImage %>" <% } %>>
+                        <font size=7 face="<%= header.font.face %>" color="<%= header.font.color %>">
+                            <% if (header.font.bold) { %> <b><%- page.header %></b> <% } else { %><%- page.header %><% } %>
+                        </font>
+                    </td>
+
+                <tr />
+                    <td height=600px width=180px bgcolor="<%= links.bgColor %>" <% if (links.bgImage) { %> background="<%= links.bgImage %>" <% } %> valign=top>
+                        <table border="0">
+                            <% page.links.forEach(link => { %>
+                            <tr>
+                                <td <% if (links.bgColor) { %>bgcolor="<%= links.bgColor %>"<% } %>>
+                                    <font size=4 face="<%= links.font.face %>">
+                                        <% if (links.font.bold) { %><b><a href="<%- link.url %>"><%= link.text %></a></b><% } else { %><a href="<%- link.url %>"><%= link.text %></a><% } %>
+                                    </font>
+                                </td>
+                            </tr>
+                            <%})%>
+                        </table>
+                    </td>
+                    <td height=600px width=600px bgcolor="<%= content.bgColor %>" <% if (content.bgImage) { %> background="<%= content.bgImage %>" <% } %> valign=top>
+                        <font face="<%= content.font.face %>">
+                            <%- page.content %>
+                        </font>
+                    </td>
+            </table>
+        </td>
+</table>
+
+</body>
 </html>

package/templates/ribbon.ejs

@@ -1,39 +1,39 @@
-<html>
-<title><%= page.title %></title>
-<body bgcolor="<%= body.bgColor %>" <% if (body.bgImage) { %>background="<%- body.bgImage %>"<% } %> link="<%= body.linkColor %>" vlink="<%= body.linkColor %>">
-<center>
-    <table width="786px" border=0>
-        <tr>
-            <!-- This is actually where the "border" color is defined -->
-            <td bgcolor="<%= body.borderColor %>">
-
-                <!-- This inner table is where the page content (header, links, content) actually go
-                cellspacing = border thickness
-                -->
-                <table width="780px" border=0 cellspacing=<%= body.borderThickness %> >
-                    <tr />
-
-                        <td height=80px bgcolor="<%= header.bgColor %>" <% if (header.bgImage) { %> background="<%= header.bgImage %>" <% } %>>
-                            <font size=7 face="<%= header.font.face %>" color="<%= header.font.color %>">
-                                <% if (header.font.bold) { %> <b><%- page.header %></b> <% } else { %><%- page.header %><% } %>
-                            </font>
-                        </td>
-
-                    <tr>
-                        <td height=20px bgcolor="<%= links.bgColor %>" <% if (links.bgImage) { %> background="<%= links.bgImage %>" <% } %> valign=top>
-                            <%- page.strip %>
-                        </td>
-                    </tr>
-                    <tr />
-
-                        <td bgcolor="<%= content.bgColor %>" <% if (content.bgImage) { %> background="<%= content.bgImage %>" <% } %> valign=top>
-                            <font face="<%= content.font.face %>">
-                                <%- page.content %>
-                            </font>
-                        </td>
-                </table>
-            </td>
-    </table>
-</center>
-</body>
+<html>
+<title><%= page.title %></title>
+<body bgcolor="<%= body.bgColor %>" <% if (body.bgImage) { %>background="<%- body.bgImage %>"<% } %> link="<%= body.linkColor %>" vlink="<%= body.linkColor %>">
+<center>
+    <table width="786px" border=0>
+        <tr>
+            <!-- This is actually where the "border" color is defined -->
+            <td bgcolor="<%= body.borderColor %>">
+
+                <!-- This inner table is where the page content (header, links, content) actually go
+                cellspacing = border thickness
+                -->
+                <table width="780px" border=0 cellspacing=<%= body.borderThickness %> >
+                    <tr />
+
+                        <td height=80px bgcolor="<%= header.bgColor %>" <% if (header.bgImage) { %> background="<%= header.bgImage %>" <% } %>>
+                            <font size=7 face="<%= header.font.face %>" color="<%= header.font.color %>">
+                                <% if (header.font.bold) { %> <b><%- page.header %></b> <% } else { %><%- page.header %><% } %>
+                            </font>
+                        </td>
+
+                    <tr>
+                        <td height=20px bgcolor="<%= links.bgColor %>" <% if (links.bgImage) { %> background="<%= links.bgImage %>" <% } %> valign=top>
+                            <%- page.strip %>
+                        </td>
+                    </tr>
+                    <tr />
+
+                        <td bgcolor="<%= content.bgColor %>" <% if (content.bgImage) { %> background="<%= content.bgImage %>" <% } %> valign=top>
+                            <font face="<%= content.font.face %>">
+                                <%- page.content %>
+                            </font>
+                        </td>
+                </table>
+            </td>
+    </table>
+</center>
+</body>
 </html>

package/themes/business.json

@@ -1,28 +1,28 @@
-{
-  "body": {
-    "bgColor": "#00008B",
-    "linkColor": "blue",
-    "borderColor": "black",
-    "borderThickness": 4
-  },
-  "header": {
-    "bgColor": "#808080",
-    "font": {
-      "face": "Courier New",
-      "bold": true
-    }
-  },
-  "links": {
-    "bgColor": "#D3D3D3",
-    "font": {
-      "face": "Tahoma",
-      "bold": true
-    }
-  },
-  "content": {
-    "bgColor": "#FFFFFF",
-    "font": {
-      "face": "Tahoma"
-    }
-  }
+{
+  "body": {
+    "bgColor": "#00008B",
+    "linkColor": "blue",
+    "borderColor": "black",
+    "borderThickness": 4
+  },
+  "header": {
+    "bgColor": "#808080",
+    "font": {
+      "face": "Courier New",
+      "bold": true
+    }
+  },
+  "links": {
+    "bgColor": "#D3D3D3",
+    "font": {
+      "face": "Tahoma",
+      "bold": true
+    }
+  },
+  "content": {
+    "bgColor": "#FFFFFF",
+    "font": {
+      "face": "Tahoma"
+    }
+  }
 }