build the handlebars template and serve/show route fork

routes/serve-routes.js

@@ -32,7 +32,17 @@ function serveFile ({ fileName, fileType, filePath }, res) {
   res.status(200).sendFile(filePath, options);
 }
 
+function servePage ({ fileName, fileType, filePath }, res) {
+  logger.info(`serving show page for ${fileName}`);
+  // set default options
+  let showOptions;
+
+  // send file
+  res.status(200).render('show', showOptions);
+}
+
 function sendAnalyticsAndLog (headers, ip, originalUrl) {
+  logger.verbose('headers', headers);
   // google analytics
   sendGoogleAnalytics('serve', headers, ip, originalUrl);
   // logging
@@ -52,8 +62,15 @@ module.exports = (app) => {
           res.status(307).render('noClaims');
           return;
         }
-        postToStats('serve', originalUrl, ip, 'success');
+        // serve the file or the show route
-        serveFile(fileInfo, res);
+        const mimetypes = headers['accept'].split(',');
+        if (mimetypes.includes('text/html')) {
+          postToStats('show', originalUrl, ip, 'success');
+          servePage(fileInfo, res);
+        } else {
+          postToStats('serve', originalUrl, ip, 'success');
+          serveFile(fileInfo, res);
+        }
       })
       .catch(error => {
         errorHandlers.handleRequestError('serve', originalUrl, ip, error, res);
@@ -71,8 +88,15 @@ module.exports = (app) => {
           res.status(307).render('noClaims');
           return;
         }
-        postToStats('serve', originalUrl, ip, 'success');
+        // serve the file or the show route
-        serveFile(fileInfo, res);
+        const mimetypes = headers['accept'].split(',');
+        if (mimetypes.includes('text/html')) {
+          postToStats('show', originalUrl, ip, 'success');
+          servePage(fileInfo, res);
+        } else {
+          postToStats('serve', originalUrl, ip, 'success');
+          serveFile(fileInfo, res);
+        }
       })
       .catch(error => {
         errorHandlers.handleRequestError('serve', originalUrl, ip, error, res);

views/partials/asset.handlebars

@@ -0,0 +1,4 @@
+<div class="panel">
+	<p> asset goes here </p>
+	
+</div>

views/partials/assetLinks.handlebars

@@ -0,0 +1,4 @@
+<div class="panel">
+	<h2>links</h2>
+	<p>links go here</p>
+</div>

views/partials/assetMetadata.handlebars

@@ -0,0 +1,4 @@
+<div class="panel">
+	<h2>metadata</h2>
+	<p>metadata goes here</p>
+</div>

views/show.handlebars

@@ -0,0 +1,14 @@
+<div class="wrapper">
+	{{> topBar}}
+	<div class="main"> 
+		{{> asset}}
+	</div>
+	<div class="sidebar">
+		{{> assetLinks}}
+		{{> assetMetadata}}
+	</div>
+	{{> footer}}
+</div>
+
+<script src="/socket.io/socket.io.js"></script>
+<script src="/siofu/client.js"></script>