Update SPA components

Author: Roman Kinyakin

backpack.config.js

@@ -5,7 +5,8 @@ module.exports = {
 
     webpack: (config, options, webpack) => {
         config.entry.main = './server.js'
-        config.entry.echo = './nodejs/echo.js'
+        config.entry.echo = './echo.js'
+        config.entry.proxy = './proxy.js'
 
         return config
     },

nodejs/app.js

@@ -1,92 +1,43 @@
-const config = require('./config')
+module.exports = () => {
+    const config = require('./config')
 
-let debug = require('debug')
+    const debug = require('debug')('viblo-frontend')
 
-// Import and Set Nuxt.js options
-if (config.debug) {
-    debug.enable('*')
-}
-
-debug = debug('viblo-frontend')
-
-debug('Loading components.')
-
-const nuxt = require('./nuxt')
-const session = require('./session')
-const proxy = require('./proxy')
-const router = require('./router')
-const cookie = require('cookie-parser')()
-const csrf = require('csurf')()
-const axios = require('axios')
-const viewCounter = require('./middleware/views')
-
-debug('Components loaded.')
-
-const app = require('express')()
+    debug('Loading components.')
 
-process.on('unhandledRejection', r => console.log(r))
+    const session = require('./session')
+    const cookie = require('cookie-parser')()
+    const csrf = require('csurf')()
 
-app.use(session)
-app.use(cookie)
-app.use(csrf)
+    debug('Components loaded.')
 
-axios.interceptors.request.use(function (request) {
-    if (request.url.startsWith(config.node.url + '/api')) {
-        let url = config.api.url + request.url.substr(config.node.url.length + 4)
-        debug(request.url + ' > ' + url)
-        request.url = url
-    }
-    return request
-})
+    const app = require('express')()
 
-axios.interceptors.response.use(function (response) {
-    return response
-}, function (error) {
-    if (error.response) {
-        console.log(error.response.data)
-    } else {
-        console.log(error)
-    }
-    return Promise.reject(error)
-})
+    app.use(session)
+    app.use(cookie)
+    app.use(csrf)
 
-app.use((req, res, next) => {
-    if (req.session && req.session.token) {
-        // Temporary workaround to inject token into server-side requests
-        // after finished refactoring of API routes, must be changed
-        let authorization = `${req.session.token.token_type} ${req.session.token.access_token}`
-        axios.defaults.headers.common['Authorization'] = authorization
-    }
-    next()
-})
+    app.use((req, res, next) => {
+        res.cookie('XSRF-TOKEN', req.csrfToken(), {})
+        res.locals.csrftoken = req.csrfToken()
+        next()
+    })
 
-app.use((req, res, next) => {
-    res.cookie('XSRF-TOKEN', req.csrfToken(), {})
-    res.locals.csrftoken = req.csrfToken()
-    next()
-})
+    app.use((req, res, next) => {
+        // Share public config to frontend
+        req.config = config
+        next()
+    })
 
-app.use((req, res, next) => {
-    // Share public config to frontend
-    req.config = config
-    next()
-})
+    app.use((req, res, next) => {
+        if (req.session && (req.session.token || req.session.user || req.session.settings)) {
+            res.header('Cache-Control', 'no-cache, no-store, must-revalidate')
+            res.header('Pragma', 'no-cache')
+        } else {
+            res.header('Cache-Control', 'public, max-age=5')
+        }
+        next()
+    })
 
-router.get(['/:user/posts/:post', '/api/posts/:post', '/p/:post'], viewCounter)
-
-app.use('/api', proxy)
-app.use('/', router)
-
-app.use('/admin', (req, res, next) => {
-    if (!req.session || !req.session.user || !req.session.user.admin_access) {
-        res.redirect('/')
-    } else {
-        return next()
-    }
-})
-
-app.get('/sitemap.xml', require('./routes/sitemap'))
-
-app.use(nuxt.render)
-
-module.exports = app
+    return app
+}

nodejs/config.js

@@ -19,6 +19,8 @@ let makeHostConfig = (env, prefix) => {
 
     let url = protocol + '://' + host + (port === default_port ? '' : ':' + port)
 
+    process.env[prefix + '_URL'] = url
+
     return {
         host,
         port,
@@ -37,6 +39,7 @@ const atom = {
 module.exports = {
     node: makeHostConfig(process.env, 'NODE'),
     api: makeHostConfig(process.env, 'API'),
+    proxy: makeHostConfig(process.env, 'PROXY'),
     external: makeHostConfig(process.env, 'APP'),
     websocket: {
         host: process.env.ECHO_HOST || 'localhost',

nodejs/server.proxy.js

@@ -0,0 +1,31 @@
+const app = require('./app')()
+const config = require('./config')
+
+const viewCounter = require('./middleware/views')
+const proxy = require('./proxy')
+
+app.get([
+    '/api/api/admin',
+    '/api/api/user',
+    '/api/api/notifications',
+    '/api/api/publish',
+    '/api/settings',
+], (req, res, next) => {
+    res.header('Cache-Control', 'no-cache, no-store, must-revalidate')
+    res.header('Pragma', 'no-cache')
+    next()
+})
+
+app.get(['/api/posts/:post'], viewCounter)
+
+app.use('/api', proxy)
+
+module.exports = {
+    listen: (port = null, host = null) => new Promise((resolve, reject) => {
+        app.on('error', (e) => {
+            reject(e)
+        })
+        app.set('port', port || config.proxy.port)
+        app.listen(port || config.proxy.port, host || config.proxy.host, () => resolve(app))
+    })
+}

proxy.js

@@ -0,0 +1,7 @@
+const app = require('./nodejs/server.proxy')
+
+app.listen().then(() => console.log('Proxy server is running.')) // eslint-disable-line no-console)
+    .catch((error) => {
+        console.error(error) // eslint-disable-line no-console
+        process.exit(1)
+    })