page builder module started

LANDING.md

@@ -1,19 +0,0 @@
-## Features
-- **Themes**: specify the color scheme in the URL: [default](/2014/3/31/demo-note), [dark](/2014/3/31/demo-note?theme=dark), [solarized light](/2014/3/31/demo-note?theme=solarized-light), [solarized dark](/2014/3/31/demo-note?theme=solarized-dark).
-- **Fonts**: specify a font (e.g., [Google Web Fonts](http://www.google.com/webfonts/)) for headers and body text in the URL like [this](/8m4l9) or [this](/2014/3/31/demo-note?text-font=monospace&header-font=Courier&text-size=0.7&header-size=1.1).
-- **Short URLs**: every page (including theme & font options) has its own short url.
-- **Editing**: if you set a password during publishing, you can edit your note any time later.
-- **Statistics**: page view counter, publishing and editing date.
-- **Expiration**: all notes with less than 30 views after the first 30 days will expire.
-- **Export**: the original markdown content can be displayed in plain text format.
-- **API**: Integrate the publishing functionality into your editor using the official [NoteHub API](/api).
-
-## Changelog
- - **2014-09**: text size setting added ([example](/2014/3/31/demo-note?text-font=monospace&header-font=Courier&text-size=0.7&header-size=1.1))
- - **2014-07**: deprecated all API versions less than 1.4 & performance improvements.
- - **2014-03**: note expiration implemented.
- - **2014-02**: a simple JS-client for API testing [added](/api-test.html).
- - **2014-01**: [NoteHub API](/api), mobile friendly styling and more.
- - **2013-03**: new color themes.
- - **2012-07**: password protection for note editing added.
- - **2012-06**: NoteHub released as a result of an [experiment](/2012/6/16/how-notehub-is-built).

jsconfig.json

@@ -4,6 +4,7 @@
         "module": "commonjs"
     },
     "exclude": [
-            "node_modules"
+        "node_modules",
+        "bin"
     ]
 }

package.json

@@ -5,6 +5,7 @@
   "main": "server.js",
   "scripts": {
     "server": "node server.js",
+    "devser": "nodemon server.js",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "repository": {
@@ -22,6 +23,8 @@
   },
   "homepage": "https://github.com/chmllr/NoteHub",
   "dependencies": {
-    "express": "^4.13.3"
+    "express": "^4.13.3",
+    "lru-cache": "^2.6.5",
+    "marked": "^0.3.5"
   }
 }

resources/public/style.css

@@ -1,31 +1,31 @@
 .ui-border {
 	border-radius: 3px;
 	border: 1px solid #333;
-		}
+}
 
-		a {
+a {
 	border-bottom: 1px dotted;
 	text-decoration: none;
 	color: #097;
-		}
+}
 
-		a:hover {
+a:hover {
 	color: #0a8;
-		}
+}
 
-		a:visited {
+a:visited {
 	color: #054;
-		}
+}
 
-		#draft {
+#draft {
 	margin-bottom: 3em;
-		}
+}
 
-		.button {
+.button {
 	cursor: pointer;
-		}
+}
 
-		.ui-elem {
+.ui-elem {
 	background: #fff;
 	font-size: 1em;
 	opacity: 0.8;
@@ -34,15 +34,15 @@
 	font-family: 'Helvetica Neue', 'Helvetica', 'Arial', 'Lucida Grande', 'sans-serif';
 	font-weight: 300;
 	border: 1px solid #333;
-		}
+}
 
-		.landing-button,
+.landing-button,
-		textarea,
+textarea,
-		fieldset {
+fieldset {
 	border: none;
-		}
+}
 
-		.landing-button {
+.landing-button {
 	padding: 10px;
 	border-radius: 10px;
 	background: #0a2;
@@ -51,95 +51,90 @@
 	box-shadow: 0 2px 5px #aaa;
 	font-family: 'Helvetica Neue', 'Helvetica', 'Arial', 'Lucida Grande', 'sans-serif';
 	font-weight: 300;
-		}
+}
 
-		.landing-button:hover {
+.landing-button:hover {
 	background: #0b2;
-		}
+}
 
-		.helvetica {
+.helvetica {
 	font-family: 'Helvetica Neue', 'Helvetica', 'Arial', 'Lucida Grande', 'sans-serif';
 	font-weight: 300;
-		}
+}
 
-		#footer {
+#footer {
 	text-align: center;
 	padding-bottom: 1em;
 	font-size: 0.8em;
 	width: 100%;
 	font-family: 'Helvetica Neue', 'Helvetica', 'Arial', 'Lucida Grande', 'sans-serif';
 	font-weight: 300;
-		}
+}
 
-		@media screen and (max-width: 767px) {
+@media screen and (max-width: 767px) {
 	#footer {
 		font-size: 0.4em;
 	}
-		}
+}
 
-		#footer a {
+#footer a {
 	border: none;
-		}
+}
 
-		html,
+html,
-		body {
+body {
 	padding: 0;
 	margin: 0;
 	color: #333;
 	background: #fff;
-		}
+}
 
-		#hero {
+#hero {
 	text-align: center;
 	padding-bottom: 5em;
 	padding-top: 5em;
-		}
+}
 
-		h1,
+h1, h2, h3, h4, h5, h6 {
-		h2,
-		h3,
-		h4,
-		h5,
-		h6 {
 	font-family: Noticia Text, 'Noticia Text', 'PT Serif', 'Georgia';
 	font-weight: bold;
-		}
+}
 
-		h1 {
+h1 {
 	font-size: 1.8em;
-		}
+}
 
-		h2 {
+h2 {
 	font-size: 1.6em;
-		}
+}
 
-		h3 {
+h3 {
 	font-size: 1.4em;
-		}
+}
 
-		h4 {
+h4 {
 	font-size: 1.2em;
-		}
+}
 
-		h5 {
+h5 {
 	font-size: 1.1em;
-		}
+}
 
-		h6 {
+h6 {
 	font-size: 1.0em;
-		}
+}
 
-		#hero h1 {
+#hero h1 {
 	font-size: 2.5em;
-		}
+}
 
-		#hero h2 {
+#hero h2 {
 	margin: 2em;
 	font-family: 'Helvetica Neue', 'Helvetica', 'Arial', 'Lucida Grande', 'sans-serif';
 	font-weight: 300;
-		}
+}
 
-		article {
+article {
 	-webkit-flex: 1;
 	flex: 1;
 	text-align: justify;
@@ -147,130 +142,130 @@
 	font-family: Georgia, 'Georgia';
 	margin-right: auto;
 	margin-left: auto;
-		}
+}
 
-		@media screen and (min-width: 1024px) {
+@media screen and (min-width: 1024px) {
 	article {
 		width: 800px;
 	}
-		}
+}
 
-		@media screen and (max-width: 1023px) {
+@media screen and (max-width: 1023px) {
 	article {
 		width: 90%;
 	}
-		}
+}
 
-		.central-element {
+.central-element {
 	margin-right: auto;
 	margin-left: auto;
-		}
+}
 
-		@media screen and (min-width: 1024px) {
+@media screen and (min-width: 1024px) {
 	.central-element {
 		width: 800px;
 	}
-		}
+}
 
-		@media screen and (max-width: 1023px) {
+@media screen and (max-width: 1023px) {
 	.central-element {
 		width: 90%;
 	}
-		}
+}
 
-		article img {
+article img {
 	max-width: 100%;
-		}
+}
 
-		article p {
+article p {
 	line-height: 140%;
 	font-size: 1.2em;
-		}
+}
 
-		article > h1:first-child {
+article > h1:first-child {
 	margin: 2em;
 	font-size: 2.0em;
 	text-align: center;
-		}
+}
 
-		.centered {
+.centered {
 	text-align: center;
-		}
+}
 
-		.bottom-space {
+.bottom-space {
 	margin-bottom: 7em;
-		}
+}
 
-		code,
+code,
-		pre {
+pre {
 	font-size: 1.2em;
 	background: #efefef;
 	font-family: monospace;
-		}
+}
 
-		pre {
+pre {
 	border: 1px dotted#888;
 	padding: 0.5em;
 	border-radius: 3px;
-		}
+}
 
-		*:focus {
+*:focus {
 	outline: 0px none transparent;
-		}
+}
 
-		@media screen and (min-width: 1024px) {
+@media screen and (min-width: 1024px) {
 	textarea {
 		width: 800px;
 	}
-		}
+}
 
-		textarea {
+textarea {
 	height: 500px;
 	font-size: 1em;
 	font-family: Courier;
 	border-radius: 5px;
-		}
+}
 
-		.hidden {
+.hidden {
 	display: none;
-		}
+}
 
-		#dashed-line {
+#dashed-line {
 	margin-bottom: 3em;
 	margin-top: 3em;
 	border-bottom: 1px dashed#888;
-		}
+}
 
-		table {
+table {
 	border-collapse: collapse;
 	width: 100%;
 	font-family: 'Helvetica Neue', 'Helvetica', 'Arial', 'Lucida Grande', 'sans-serif';
 	font-weight: 300;
-		}
+}
 
-		th {
+th {
 	background-color: #efefef;
 	line-height: 2.5em;
 	padding: 0.3em;
-		}
+}
 
-		td {
+td {
 	line-height: 2.5em;
 	padding: 0.3em;
 	border-top: 1px dotted#888;
-		}
+}
 
-		.middot {
+.middot {
 	padding: 0.5em;
-		}
+}
 
-		body {
+body {
 	display: -webkit-flex;
-		}
+}
 
-		body {
+body {
 	-webkit-flex-direction: column;
 	flex-direction: column;
 	display: flex;
 	min-height: 100vh;
-		}
+}

resources/template.html

@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<title>NoteHub &mdash; %TITLE%</title>
+	<meta charset="UTF-8">
+	<meta content="width=device-width, initial-scale=1.0" name="viewport">
+	<link href="https://fonts.googleapis.com/css?family=PT+Serif:700|Noticia+Text:700&amp;subset=latin,cyrillic"
+		rel="stylesheet" type="text/css" />
+	<link href="style.css" rel="stylesheet" type="text/css" />
+</head>
+<body>
+	<article>
+		%CONTENT%
+	</article>
+</body>
+</html>

server.js

@@ -1,17 +1,13 @@
 var express = require('express');
+var page = require('./bin/page');
 var app = express();
 
-/*
-app.get('/', function (req, res) {
-  res.send('Hello World!');
-});
-*/
-
 app.use(express.static(__dirname + '/resources/public'));
 
-var server = app.listen(3000, function () {
+app.get('/api', function (req, res) {
-  var host = server.address().address;
+  res.send(page.build("api"));
-  var port = server.address().port;
+});
 
-  console.log('NoteHub server listening at http://%s:%s', host, port);
+var server = app.listen(3000, function () {
+  console.log('NoteHub server listening on port %s', server.address().port);
 });

src/index.js

@@ -1 +0,0 @@
-var f = () => console.log("hello world!");

src/page.js

@@ -0,0 +1,17 @@
+var LRU = require("lru-cache"),
+	marked = require("marked"),
+	fs = require("fs");
+
+var CACHE = new LRU(30); // create LRU cache of size 30
+var template = fs.readFileSync("resources/template.html", "utf-8");
+var buildHTML = (title, content) => template
+	.replace("%TITLE%", title)
+	.replace("%CONTENT%", content);
+var apiPage = buildHTML("API", marked(fs.readFileSync("API.md", "utf-8")));
+
+export var build = id => {
+	if (CACHE.has(id)) return CACHE.get(id);
+	var content = id == "api" ? apiPage : "This is page " + id;
+	CACHE.set(id, content);
+	return content;
+};