Initial import

Author: takenspc

.gitignore

@@ -0,0 +1,2 @@
+node_modules
+data

app.js

@@ -0,0 +1,61 @@
+'use strict';
+var express = require('express');
+var path = require('path');
+var favicon = require('serve-favicon');
+var logger = require('morgan');
+var cookieParser = require('cookie-parser');
+var bodyParser = require('body-parser');
+
+var routes = require('./routes/index');
+var diff = require('./routes/diff');
+
+var app = express();
+
+// view engine setup
+app.set('views', path.join(__dirname, 'views'));
+app.set('view engine', 'jade');
+
+// uncomment after placing your favicon in /public
+//app.use(favicon(path.join(__dirname, 'public', 'favicon.ico')));
+app.use(logger('dev'));
+app.use(bodyParser.json());
+app.use(bodyParser.urlencoded({ extended: false }));
+app.use(cookieParser());
+app.use(express.static(path.join(__dirname, 'public')));
+
+app.use('/', routes);
+app.use('/diff', diff);
+
+// catch 404 and forward to error handler
+app.use(function (req, res, next) {
+    var err = new Error('Not Found');
+    err.status = 404;
+    next(err);
+});
+
+// error handlers
+
+// development error handler
+// will print stacktrace
+if (app.get('env') === 'development') {
+    app.use(function (err, req, res, next) {
+        res.status(err.status || 500);
+        res.render('error', {
+            message: err.message,
+            error: err
+        });
+    });
+}
+
+// production error handler
+// no stacktraces leaked to user
+app.use(function (err, req, res, next) {
+    res.status(err.status || 500);
+    res.render('error', {
+        message: err.message,
+        error: {}
+    });
+});
+
+
+module.exports = app;

bin/www

@@ -0,0 +1,90 @@
+#!/usr/bin/env node
+
+/**
+ * Module dependencies.
+ */
+
+var app = require('../app');
+var debug = require('debug')('diffofhtmls:server');
+var http = require('http');
+
+/**
+ * Get port from environment and store in Express.
+ */
+
+var port = normalizePort(process.env.PORT || '3000');
+app.set('port', port);
+
+/**
+ * Create HTTP server.
+ */
+
+var server = http.createServer(app);
+
+/**
+ * Listen on provided port, on all network interfaces.
+ */
+
+server.listen(port);
+server.on('error', onError);
+server.on('listening', onListening);
+
+/**
+ * Normalize a port into a number, string, or false.
+ */
+
+function normalizePort(val) {
+  var port = parseInt(val, 10);
+
+  if (isNaN(port)) {
+    // named pipe
+    return val;
+  }
+
+  if (port >= 0) {
+    // port number
+    return port;
+  }
+
+  return false;
+}
+
+/**
+ * Event listener for HTTP server "error" event.
+ */
+
+function onError(error) {
+  if (error.syscall !== 'listen') {
+    throw error;
+  }
+
+  var bind = typeof port === 'string'
+    ? 'Pipe ' + port
+    : 'Port ' + port;
+
+  // handle specific listen errors with friendly messages
+  switch (error.code) {
+    case 'EACCES':
+      console.error(bind + ' requires elevated privileges');
+      process.exit(1);
+      break;
+    case 'EADDRINUSE':
+      console.error(bind + ' is already in use');
+      process.exit(1);
+      break;
+    default:
+      throw error;
+  }
+}
+
+/**
+ * Event listener for HTTP server "listening" event.
+ */
+
+function onListening() {
+  var addr = server.address();
+  var bind = typeof addr === 'string'
+    ? 'pipe ' + addr
+    : 'port ' + addr.port;
+  debug('Listening on ' + bind);
+}

package.json

@@ -0,0 +1,18 @@
+{
+  "name": "diffofhtmls",
+  "version": "0.0.0",
+  "private": true,
+  "scripts": {
+    "start": "node ./bin/www"
+  },
+  "dependencies": {
+    "body-parser": "~1.13.2",
+    "cookie-parser": "~1.3.5",
+    "debug": "~2.2.0",
+    "diff": "^2.2.1",
+    "express": "~4.13.1",
+    "jade": "~1.11.0",
+    "morgan": "~1.6.1",
+    "serve-favicon": "~2.3.0"
+  }
+}

public/images/w3c.svg

@@ -0,0 +1,76 @@
+html {
+    margin: 0;
+    padding: 0;
+}
+
+body {
+    margin: 0;
+    padding: 0;
+    background: #fff;
+    color: #333;
+    font-family: sans-serif;
+}
+
+header,
+main,
+footer {
+    padding: 1rem 2rem;    
+}
+
+a {
+    color: #00f;
+}
+
+header {
+    background: #333;
+    color: #fff;
+}
+
+header a {
+    color: #fff;
+}
+
+.globalLogo {
+    float: left;
+}
+
+.globalNav {
+    float: right;
+}
+
+.globalNav ul {
+    margin: 0;
+    padding: 0;
+}
+
+.globalNav li {
+    float: left;
+    margin: 0;
+    padding-left: 2rem;
+    list-style: none;
+}
+
+header:after {
+    clear: both;
+    content: '';
+    height: 0;
+    display: block;
+}
+
+
+footer {
+    background: #333;
+    color: #fff;
+}
+
+footer a {
+    color: #fff;
+}
+
+
+.icons .whatwg,
+.icons .w3c {
+    margin-left:.5rem;
+    height: .75em;
+    vertical-align: baseline;
+}

public/images/whatwg.svg

@@ -0,0 +1,55 @@
+'use strict';
+var path = require('path');
+var express = require('express');
+var router = express.Router();
+var utils = require('./utils');
+
+router.param('chapter', function (req, res, next, chapter) {
+    req.chapter = chapter;
+    
+    // TODO ensure chapter exists
+    next();
+});
+
+router.param('section', function (req, res, next, section) {
+    req.section = section;
+    
+    // TODO ensure section exists
+    next();
+});
+
+router.get('/:chapter/:section', function (req, res, next) {
+    var chapterPath = req.chapter;
+    var sectionPath = req.section;
+    var htmlPath = chapterPath + '/' + sectionPath;
+
+    utils.findSection(htmlPath).then(function (section) {
+        if (!section || (!section.whatwg && !section.w3c)) {
+            var err = new Error('There are no such section');
+            next(err);
+            return;
+        }
+
+        Promise.all([
+            utils.loadSectionHTML('whatwg', htmlPath),
+            utils.loadSectionHTML('w3c', htmlPath),
+        ]).then(function (data) {
+            var whatwg = data[0];
+            var w3c = data[1];
+            
+            var diffs = utils.computeDiff(whatwg, w3c);
+
+            res.render('diff', {
+                title: 'Diff of ' + section.heading + ' | ' + section.parent.heading,
+                section: section,
+                diffs: diffs,
+            });
+        }).catch(function (err) {
+           next(err);
+        });
+    }).catch(function (err) {
+        next(err);
+    });
+});
+
+module.exports = router;

public/stylesheets/style.css

@@ -0,0 +1,25 @@
+'use strict';
+var express = require('express');
+var router = express.Router();
+var utils = require('./utils');
+
+
+router.get('/about', function (req, res, next) {
+    res.render('about', {
+        title: 'About',
+    });
+});
+
+
+router.get('/', function (req, res, next) {
+     utils.loadIndexJSON().then(function(index) {
+        res.render('index', {
+            title: 'Top',
+            index: index
+        });
+    }).catch(function(err) {
+        next(err);
+    });
+});
+
+module.exports = router;