amd/crunch-node
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Fixed #19 with the addition of some new modules to parse the image EXIF

Browse source 
data.

Made a lot of progress on #1 with additional work on the rendering
templates.
This commit is contained in:
Andrew Davidson 2016-01-24 22:05:38 -05:00
parent f952d44841
commit dc8639c5ef
18 changed files with 202 additions and 104 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
app.js
View file

@ -5,7 +5,6 @@ var passport = require('passport');
var Strategy = require('passport-local').Strategy;
var async = require('async');
var fs = require('fs');
var markdown = require( "markdown" ).markdown;
var moment = require("moment");
// Make ourselves a nice little express app.

6
data/static/scripts/crunch.js
View file

@ -1,15 +1,15 @@
function changeImg(e) {
if (e.getAttribute('load') == 'lazy') {
path = '/photos/'+e.getAttribute('slug');
path = e.getAttribute('slug');
if (window.devicePixelRatio && window.devicePixelRatio > 1) {
console.log('Loading retina version of '+e.getAttribute('slug'));
e.setAttribute('load', 'loaded');
e.src = path+'/'+e.getAttribute('size')+'2x.'+e.getAttribute('ext');
e.src = path+e.getAttribute('size')+'2x.'+e.getAttribute('ext');
}
else {
console.log('Loading non-retina version of '+e.getAttribute('slug'));
e.setAttribute('load', 'loaded');
e.src = path+'/'+e.getAttribute('size')+'.'+e.getAttribute('ext');
e.src = path+e.getAttribute('size')+'.'+e.getAttribute('ext');
}
}
}

15
data/static/stylesheets/style.css
View file

@ -1,13 +1,4 @@
@media (min-width: 768px) {
div.nav-title-block {
height:240px;
bottom:20px;
position:fixed;
}
}
@media (max-width: 768px) {
div.nav-title-block img.img-responsive {
max-width: 200px;
}
article {
border-bottom: 1px rgb(119, 119, 119) solid;
padding-bottom: 20px;
}

7
package.json
View file

@ -9,13 +9,13 @@
"connect-redis": "^3.0.2",
"cookie-parser": "^1.3.5",
"debug": "^2.2.0",
"exif": "^0.5.1",
"express": "^4.13.1",
"express-flash": "^0.0.2",
"express-session": "^1.13.0",
"gm": "^1.21.1",
"jade": "^1.11.0",
"lodash": "^4.0.0",
"markdown": "^0.5.0",
"marked": "^0.3.5",
"moment": "^2.11.1",
"mongodb": "^2.1.4",
"morgan": "^1.6.1",
@ -25,6 +25,7 @@
"passport": "^0.3.0",
"passport-local": "^1.0.0",
"redis": "^2.4.2",
"serve-favicon": "^2.3.0"
"serve-favicon": "^2.3.0",
"sharp": "^0.12.2"
}
}

40
photo.js
View file

@ -3,11 +3,11 @@ var _ = require("lodash");
var fs = require('fs');
var mkdirp = require('mkdirp');
var jade = require('jade');
var markdown = require( "markdown" ).markdown;
var marked = require('marked');
var path = require('path');
var schemas = require('./schemas.js');
var gm = require('gm');
var config = require("./config.js").config;
var sharp = require('sharp');
var Photo = function(data) {
this.data = this.sanitize(data);
@ -97,14 +97,14 @@ Photo.prototype.getShortDate = function () {
// Arguments: None
// Returns: Content as String
Photo.prototype.renderMarkdown = function () {
return markdown.toHTML(this.get("markdown"));
return marked(this.get("markdown"));
}
// Function to get the relative url of a photo, this sets the permalink structure
// Arguments: None
// Returns: URL as String
Photo.prototype.getURL = function () {
var url = "/photo/";
var url = "/photos/";
url += moment(this.get("photoDate")).format("YYYY/MM/");
url += this.get("slug") + '/';
return url;
@ -153,13 +153,11 @@ Photo.prototype.makeSlug = function () {
// Arguments: Callback function
// Returns: err
Photo.prototype.build = function (callback) {
var options = {
console.log('Rendering photo: '+this.get("title"));
var jadeOut = jade.renderFile('views/render-photo.jade', {
pretty: true,
photo: this
};
console.log('Rendering photo: '+this.get("title"));
var jadeOut = jade.renderFile('views/render-photo.jade', options);
});
console.log('Creating directory: '+ this.getDirectory());
@ -169,20 +167,20 @@ Photo.prototype.build = function (callback) {
if (err) console.log(err);
for (var size in config.imageSizes) {
console.log('Generating '+size+' for '+self.get("slug"));
(function(size){
gm(self.get('masterPath'))
.autoOrient()
.resize(config.imageSizes[size], config.imageSizes[size])
.write(path.join(self.getDirectory(),size+'.'+self.get("extension")),
function(err) {
if (err) {
(function (size) {
var outFile = path.join(self.getDirectory(),size+'.'+self.get("extension"));
sharp(self.get('masterPath'))
.resize(config.imageSizes[size], config.imageSizes[size])
.max()
.quality(95)
.withoutEnlargement()
.toFile(outFile, function(err) {
if (!err) {
console.log(self.get("slug")+' '+size+' generated.');
} else {
console.log(self.get("slug")+' resize failed.');
}
else {
console.log(self.get("slug")+' '+size+' generated.');
}
}
);
});
})(size);
}

66
post.js
View file

@ -3,7 +3,7 @@ var _ = require("lodash");
var fs = require('fs');
var mkdirp = require('mkdirp');
var jade = require('jade');
var markdown = require( "markdown" ).markdown;
var marked = require('marked');
var path = require('path');
var schemas = require('./schemas.js');
var config = require("./config.js").config;
@ -101,7 +101,7 @@ Post.prototype.getShortDate = function () {
// Arguments: None
// Returns: Content as String
Post.prototype.renderMarkdown = function () {
return markdown.toHTML(this.get("markdown"));
return marked(this.get("markdown"));
}
// Function to get the relative url of a post, this sets the permalink structure
@ -168,6 +168,7 @@ Post.prototype.build = function (callback) {
Post.buildMonthIndex(year, month, function (err) {
if (err) console.log(err);
});
Post.buildIndex();
var options = {
pretty: true,
@ -348,6 +349,7 @@ Post.buildMonthIndex = function (year, month, callback) {
var jadeOut = jade.renderFile('views/render-post-index.jade', {
pretty: true,
posts: posts,
pageTitle: 'Posts from '+year+'/'+month,
title: 'Posts from '+year+'/'+month
});
@ -397,6 +399,7 @@ Post.buildYearIndex = function (year, callback) {
var jadeOut = jade.renderFile('views/render-post-index.jade', {
pretty: true,
posts: posts,
pageTitle: 'Posts from '+year,
title: 'Posts from '+year
});
@ -416,5 +419,64 @@ Post.buildYearIndex = function (year, callback) {
}
// Function to build the main index
// Inputs: none
// Returns: none
Post.buildIndex = function () {
console.log("Building home index");
Post.getPosts(null, null, function (err, posts) {
pages = posts.length / 10;
for ( p = 0; p < pages ; p++) {
(function (p) {
console.log("Building page "+p+" of index.");
var start = p*10;
var end = (p+1)*10-1;
if ( p > 0 ) {
var title = 'Page 2';
var pageTitle = 'Page 2';
}
if ( p === 0 ) {
var prev = -1;
} else {
var prev = p-1;
}
if ( p + 1 < pages ) {
var next = p+2;
} else {
var next = false;
}
var jadeOut = jade.renderFile('views/render-post-index.jade', {
pretty: true,
title: title,
pageTitle: pageTitle,
next: next,
prev: prev,
posts: posts.slice(start, end)
});
if (p === 0) {
var directory = path.join(config.buildDir, 'blog');
var file = path.join(directory, 'index.html');
} else {
var directory = path.join(config.buildDir, 'blog', (p+1).toString());
var file = path.join(directory, 'index.html');
}
mkdirp(directory, function (err) {
console.log('Made directory: '+directory);
if (!err) {
fs.writeFile(file, jadeOut, 'utf-8', function (err) {
console.log('Wrote out: '+file);
if (err) console.log(err);
});
} else {
console.log('Failed to build '+file, err)
}
});
})(p);
}
});
}
// Export the Post object for external use.
module.exports = Post;

32
routes-photo.js
View file

@ -1,7 +1,10 @@
// Routes for photo administration.
var config = require('./config.js').config;
var multer = require('multer');
var ExifImage = require('exif').ExifImage;
var jade = require('jade');
var upload = multer({ dest: config.uploadDir });
var uuid = require('node-uuid');
module.exports = function(app) {
@ -29,10 +32,15 @@ module.exports = function(app) {
function (req, res, next) {
if (req.params.uuid) {
Photo.getByUUID(req.params.uuid, function(err, photo) {
var jadeOut = jade.renderFile('views/partial-photo.jade', {
pretty: true,
photo: photo
});
res.render('admin-photo-view', {
successNotice: req.flash('successNotice'),
failureNotice: req.flash('failureNotice'),
photo,
htmlSnippet: jadeOut,
user: req.user
});
});
@ -56,8 +64,7 @@ module.exports = function(app) {
app.post('/admin/photo/new',
upload.single('photo'),
function(req, res, next) {
console.log(req.file);
photo = new Photo();
var photo = new Photo({'uuid': uuid.v1()});
if (req.body.title != '') {
photo.set('title', req.body.title);
} else {
@ -85,18 +92,27 @@ module.exports = function(app) {
photo.set("published", false);
}
photo.save(null, function (err) {
ExifImage({image: photo.get('masterPath')}, function (err, exifData) {
if (!err) {
req.flash('successNotice', 'Photo created.');
res.redirect('/admin/photo/view/'+photo.get('uuid'));
photo.set('exif', exifData.exif || {});
photo.set('gps', exifData.gps || {});
photo.save(null, function (err) {
if (!err) {
req.flash('successNotice', 'Photo created.');
res.redirect('/admin/photo/view/'+photo.get('uuid'));
} else {
console.log(err);
req.flash('failureNotice', 'Photo failed to be created');
res.redirect(req.header('Referer') || '/admin');
}
});
} else {
console.log(err);
req.flash('failureNotice', 'Photo failed to be created');
res.redirect('/admin/photo/new');
res.redirect(req.header('Referer') || '/admin');
}
});
}
}
);
app.get('/admin/photo/edit/:uuid',

3
routes-post.js
View file

@ -1,4 +1,5 @@
var config = require('./config.js').config;
var uuid = require('node-uuid');
// Post management routing
@ -55,7 +56,7 @@ module.exports = function(app) {
// POST /admin/post/new
app.post('/admin/post/new',
function(req, res, next) {
var post = new Post();
var post = new Post({'uuid': uuid.v1()});
post.set("title", req.body.title);
if (req.body.slug != "") {
post.set("slug", req.body.slug);

42
routes-preview.js
View file

@ -9,27 +9,29 @@ module.exports = function (app) {
function(req, res, next) {
if (req.params[0] != '') {
var path = __dirname + '/' + config.buildDir + '/blog/' + req.params[0];
console.log('Trying to serve: ' + path);
fs.exists(path, function(exists) {
if (exists) {
console.log(path + ' exists serving...');
res.sendFile(path);
}
else {
console.log(path + ' does not exist...');
if (path.slice(-1) != '/') path += '/';
path += 'index.html'
console.log('Trying to serve: ' + path);
fs.exists(path, function(exists) {
if (exists) {
console.log(path + ' exists serving...');
res.sendFile(path);
}
});
}
});
} else {
var path = __dirname + '/' + config.buildDir + '/blog/';
}
}
console.log('Trying to serve: ' + path);
fs.exists(path, function(exists) {
if (exists) {
console.log(path + ' exists serving...');
res.sendFile(path);
}
else {
console.log(path + ' does not exist...');
if (path.slice(-1) != '/') path += '/';
path += 'index.html'
console.log('Trying to serve: ' + path);
fs.exists(path, function(exists) {
if (exists) {
console.log(path + ' exists serving...');
res.sendFile(path);
}
});
}
});
}
);
app.get('/photos/*',

2
schemas.js
View file

@ -44,7 +44,9 @@ schemas = {
updatedDate: new Date(),
deleted: false,
published: false,
aspect: null,
tags: [],
gps: {},
exif: {},
lastBuildDate: new Date("Mon Jan 1 1900 00:00:00 GMT-0500"),
lastUploadDate: new Date("Mon Jan 1 1900 00:00:00 GMT-0500")

7
views/admin-photo-view.jade
View file

@ -9,7 +9,7 @@ block content
include ./admin-messages.jade
div(class='page-header row')
div(class="col-sm-6 col-sm-offset-3")
div(class="col-sm-10 col-sm-offset-1")
img(class="img-responsive", src="/#{photo.get('masterPath')}")
div(class='row')
@ -23,3 +23,8 @@ block content
div(class='row')
p #{photo.get('markdown')}
div(class="row")
h4 Snippet for Use in Posts
div #{htmlSnippet}

2
views/admin-post-view.jade
View file

@ -12,7 +12,7 @@ block content
h3 #{post.get('title')}
div(class='row')
| #{post.getShortDate()} --
| #{post.getShortDate()} --&nbsp;
a(href="/admin/post/edit/#{post.get('uuid')}") Edit
| -&nbsp;
a(href="/admin/post/build/#{post.get('uuid')}") Build

3
views/partial-photo.jade Normal file
View file

@ -0,0 +1,3 @@
img(slug="#{photo.getURL()}", size='post',
src="/static/images/loading.gif", ext="#{photo.get('extension')}", load='lazy',
onload='changeImg(this);').img-responsive

3
views/render-footer.jade
View file

@ -1 +1,2 @@
script(type="text/javascript", src="/static/scripts/crunch.js")
script(src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js")
script(src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js" integrity="sha256-Sk3nkD6mLTMOF0EOpNtsIry+s1CsaqQC1rVLTAy+0yc= sha512-K1qjQ+NcF2TYO/eI3M6v8EiNYZfA95pQumfvcVrTHtwQVDG+aHRqLi/ETn2uB+1JqwYqVG3LIvdm9lj6imS/pQ==" crossorigin="anonymous")

45
views/render-layout.jade
View file

@ -1,23 +1,28 @@
doctype html
html
head
title #{title}
meta(charset="utf-8")
meta(http-equiv="X-UA-Compatible", content="IE=edge")
meta(name="viewport", content="width=device-width, initial-scale=1")
link(href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css", rel="stylesheet" integrity="sha256-MfvZlkHCEqatNoGiOXveE8FIwMzZg4W85qfrfIFBfYc= sha512-dTfge/zgoMYpP7QbHy4gWMEGsbsdZeCXz7irItjcC3sPUFtf0kuFbDz/ixG7ArTxmDjLXDmezHubeNikyKGVyQ==" crossorigin="anonymous")
link(rel='stylesheet', href='/static/stylesheets/style.css')
block head-addition
body(role="document")
div(role="main").container-fluid
div.col-sm-3
div.title-block
img(src="/static/images/logo.png").img-responsive
div.col-sm-8.col-sm-offset-4
block content
div.col-sm-3.title-block-nav
ul.nav.nav-pills.nav-justified
li: a(href="/") Home
li: a(href="/blog") Blog
li: a(href="/photos") Photos
head
title #{title}
meta(charset="utf-8")
meta(http-equiv="X-UA-Compatible", content="IE=edge")
meta(name="viewport", content="width=device-width, initial-scale=1")
link(href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.6/simplex/bootstrap.min.css", rel="stylesheet", integrity="sha256-rgHoMgF45/9e2kvxfvR0KarwQNw5CRqgxbrthGpeUuc= sha512-CGGV53FSdrXrjyGCNk04p+xuna3CbE33n773A0EEmqtcN8W3NaFsR0vSQcbll5dpSS90d3i2Zh3jFX/j46hzJA==", crossorigin="anonymous")
link(rel='stylesheet', href='/static/stylesheets/style.css')
script(type="text/javascript", src="/static/scripts/crunch.js")
block head-addition
body(role="document")
div(class="container-fluid", role="main", style="padding-bottom: 20px;")
div.row
div(class="col-sm-3 sidebar")
div.row.visible-xs-block.col-xs-6.col-xs-offset-3
img(src="/static/images/logo.png").img-responsive
img(src="/static/images/logo.png").img-responsive.center-block.hidden-xs
div.hidden-xs
include ./render-sidebar.jade
div(class="col-sm-7 col-sm-offset-1 col-xs-12 main")
block content
div(style="text-align:center;").visible-xs-block.col-xs-12
include ./render-sidebar.jade
include ./render-footer.jade

15
views/render-photo.jade
View file

@ -1,13 +1,10 @@
extends render-layout
block head-addition
script(type="text/javascript", src="/static/scripts/crunch.js")
block content
div: img(slug='#{slug}', size='md',
src="/static/images/loading.gif", ext='#{extension}', load='lazy',
onload='changeImg(this);')
h3: a(href="#{url}") #{title}
div !{content}
article
header
div(style="padding-top: 30px;")
include ./partial-photo.jade
h3: a(href="#{photo.getURL()}") #{photo.get('title')}
!{photo.renderMarkdown()}

14
views/render-post-index.jade
View file

@ -1,7 +1,19 @@
extends render-layout
block content
h1 #{title}
h1 #{pageTitle}
each post in posts
include ./partial-post.jade
div
if prev == 0
a(href="/blog/") Newer
if prev > 0
a(href="/blog/#{prev}/") Newer
if prev >= 0 && next > 0
| &nbsp;—&nbsp;
if next > 0
a(href="/blog/#{next}/") Older

3
views/render-sidebar.jade Normal file
View file

@ -0,0 +1,3 @@
ul.nav.nav-sidebar
li: a(href="/blog/") Blog
li: a(href='/photos/') Photos