Transitioning to Vue. Installed environment and restored homepage scene overview.

src/.eslintrc

@@ -0,0 +1,13 @@
+{
+    "extends": "airbnb-base",
+    "parserOptions": {
+        "sourceType": "script"
+    },
+    "rules": {
+        "strict": 0,
+        "no-unused-vars": ["error", {"argsIgnorePattern": "^_"}],
+        "no-console": 0,
+        "indent": ["error", 4],
+        "max-len": [2, {"code": 200, "tabWidth": 4, "ignoreUrls": true}]
+    }
+}

src/app.js

@@ -42,12 +42,10 @@ function getMethod() {
         };
     }
 
-    return null;
+    return initServer();
 }
 
 async function init() {
-    initServer();
-
     const screen = argv.render && !argv.filename && initScreen();
 
     try {

src/releases.js

@@ -47,6 +47,8 @@ function curateReleases(releases) {
 }
 
 async function fetchReleases(releaseId) {
+    // const thumbnails = await fs.readdir(path.join(config.thumbnailPath, release.site.id.toString(), release.id.toString()));
+
     const releases = await knex('releases')
         .where(releaseId ? { 'releases.id': releaseId } : {})
         .select('releases.*', 'sites.name as site_name', 'sites.url as site_url', 'sites.network_id', 'networks.name as network_name', 'networks.url as network_url')

src/web/releases.js

@@ -1,25 +1,13 @@
 'use strict';
 
-const config = require('config');
-const fs = require('fs').promises;
-const path = require('path');
-
 const { fetchReleases } = require('../releases');
 
 async function fetchReleasesApi(req, res) {
-    const releases = await fetchReleases();
+    const releases = await fetchReleases(req.params.releaseId);
 
-    res.render('home', { releases });
-}
-
-async function fetchReleaseApi(req, res) {
-    const [release] = await fetchReleases(req.params.id);
-    const thumbnails = await fs.readdir(path.join(config.thumbnailPath, release.site.id.toString(), release.id.toString()));
-
-    res.render('release', { release, thumbnails });
+    res.send(releases);
 }
 
 module.exports = {
     fetchReleases: fetchReleasesApi,
-    fetchRelease: fetchReleaseApi,
 };

src/web/server.js

@@ -4,23 +4,24 @@ const path = require('path');
 const config = require('config');
 const express = require('express');
 const Router = require('express-promise-router');
-const { createEngine } = require('express-react-views');
+const bodyParser = require('body-parser');
 
-const { fetchReleases, fetchRelease } = require('./releases');
+const { fetchReleases } = require('./releases');
 
 function initServer() {
     const app = express();
     const router = Router();
 
-    app.use(express.static(config.thumbnailPath));
-    app.use(express.static('public'));
+    router.use(express.static(config.thumbnailPath));
+    router.use(express.static('public'));
+    router.use(bodyParser.json({ strict: false }));
 
-    app.set('views', path.join(__dirname, '../../assets/views'));
-    app.set('view engine', 'jsx');
-    app.engine('jsx', createEngine());
+    router.get('/api/releases', fetchReleases);
+    router.get('/api/releases/:releaseId', fetchReleases);
 
-    router.get('/', fetchReleases);
-    router.get('/scene/:id', fetchRelease);
+    router.get('*', (req, res) => {
+        res.sendFile(path.join(__dirname, '../../public/index.html'));
+    });
 
     app.use(router);