Bruk gzip for å bruke mindre båndbredde

Author: Sven Anders Robbestad

.gitignore

@@ -1,5 +1,6 @@
 node_modules
 .idea
+.DS_Store
 build
 
 src/**/*.css

server/package-lock.json

@@ -9,6 +9,7 @@
     },
     "dependencies": {
         "@sanity/client": "^1.149.2",
+        "compression": "^1.7.4",
         "console-stamp": "^0.2.9",
         "dotenv": "^8.0.0",
         "express": "^4.17.1",

server/package.json

@@ -1,33 +1,36 @@
 // Load environment
-require("console-stamp")(console, "[HH:MM:ss.l]");
-require("dotenv").config({ path: "../.env" });
+require('console-stamp')(console, '[HH:MM:ss.l]');
+require('dotenv').config({ path: '../.env' });
 const jsdom = require('jsdom');
-const express = require("express");
-const path = require("path");
-const mustacheExpress = require("mustache-express");
-const getDecorator = require("./dekorator");
-const buildPath = path.resolve(__dirname, "../build");
+const express = require('express');
+const path = require('path');
+const mustacheExpress = require('mustache-express');
+const getDecorator = require('./dekorator');
+const buildPath = path.resolve(__dirname, '../build');
 const server = express();
 const { JSDOM } = jsdom;
+const compression = require('compression');
 
 const frontendloggerScript = () => {
     const scriptTag = `<div id="frontendlogger"><script type="application/javascript" src="${process.env.FRONTENDLOGGER_BASE_URL}/logger.js"></script></div>`;
     const { document } = new JSDOM(scriptTag).window;
     return document.getElementById('frontendlogger')['innerHTML'];
-}
+};
 
-const securityHeadersMiddleware = (req,res,next) => {
-    res.header("X-Frame-Options", "SAMEORIGIN");
-    res.header("Strict-Transport-Security", "max-age=31536000; includeSubDomains");
-    res.header("X-Content-Type-Options", "nosniff");
-    res.header("X-XSS-Protection", "1; mode=block");
-    res.header("Referrer-Policy", "no-referrer-when-downgrade");
+const securityHeadersMiddleware = (req, res, next) => {
+    res.header('X-Frame-Options', 'SAMEORIGIN');
+    res.header('Strict-Transport-Security', 'max-age=31536000; includeSubDomains');
+    res.header('X-Content-Type-Options', 'nosniff');
+    res.header('X-XSS-Protection', '1; mode=block');
+    res.header('Referrer-Policy', 'no-referrer-when-downgrade');
     next();
-}
+};
 
-server.set("views", `${__dirname}/../build`);
-server.set("view engine", "mustache");
-server.engine("html", mustacheExpress());
+server.set('views', `${__dirname}/../build`);
+server.set('view engine', 'mustache');
+server.engine('html', mustacheExpress());
+
+server.use(compression());
 
 // Parse application/json
 server.use(express.json());
@@ -36,38 +39,32 @@ server.use(express.json());
 server.use('/', express.static(buildPath, { index: false }));
 
 // Nais functions
-server.get(`/internal/isReady`, (req, res) =>
-  res.sendStatus(200)
-);
+server.get(`/internal/isReady`, (req, res) => res.sendStatus(200));
 
-server.get(`/internal/isAlive`, (req, res) =>
-    res.sendStatus(200)
-);
+server.get(`/internal/isAlive`, (req, res) => res.sendStatus(200));
 
 server.get(`/config`, (req, res) =>
-  res.send({
-    appUrl: process.env.REACT_APP_URL,
-    loginserviceUrl: process.env.REACT_APP_LOGINSERVICE_URL,
-    apiUrl: process.env.REACT_API_URL,
-  })
+    res.send({
+        appUrl: process.env.REACT_APP_URL,
+        loginserviceUrl: process.env.REACT_APP_LOGINSERVICE_URL,
+        apiUrl: process.env.REACT_API_URL
+    })
 );
 
 // Match everything except internal og static
 server.use(/^(?!.*\/(internal|static)\/).*$/, securityHeadersMiddleware, (req, res) =>
-  getDecorator()
-    .then((fragments) => {
-      res.render("index.html", {...fragments, FRONTEND_LOGGER_SCRIPT: frontendloggerScript()});
-    })
-    .catch((e) => {
-      const error = `Failed to get decorator: ${e}`;
-      console.error(error);
-      res.status(500).send(error);
-    })
+    getDecorator()
+        .then(fragments => {
+            res.render('index.html', { ...fragments, FRONTEND_LOGGER_SCRIPT: frontendloggerScript() });
+        })
+        .catch(e => {
+            const error = `Failed to get decorator: ${e}`;
+            console.error(error);
+            res.status(500).send(error);
+        })
 );
 
 const port = process.env.PORT || 8080;
 server.listen(port, () => console.log(`App listening on: ${port}`));
 
-process.on("SIGTERM", () =>
-  setTimeout(() => console.log("Har sovet i 30 sekunder"), 30000)
-);
+process.on('SIGTERM', () => setTimeout(() => console.log('Har sovet i 30 sekunder'), 30000));