server.js

const path = require("path");
const express = require("express");
const reload = require("reload");
const app = express();

const BUILDDIR = process.argv[2] || "./build";
const PORT = process.argv[3] || 3000;
const FULLBUILDPATH = path.join(__dirname, BUILDDIR);

//LOGGING
app.use((req, res, next) => {
  //////console.log('REQUEST', req.method+' '+req.originalUrl, res.statusCode);
  next();
});

//apply to every request
app.use((req, res, next) => {
  //disable caching
  res.set("Cache-Control", "no-store");

  //enabled/disable reload module
  if (process.env.RELOAD === "yes") res.locals.reload = true;

  return next();
});

//ROUTE - other files
app.use(
  "/",
  express.static(FULLBUILDPATH, {
    //custom function required for logging static files
    setHeaders: (res, filePath, fileStats) => {
      //console.info('GET', '/'+path.relative(FULLBUILDPATH, filePath), res.statusCode);
    },
  })
);

//ROUTE - match / or any route with just numbers letters and dashes, and return index.html (all other routes should have been handled already)
app.get("/", (req, res, next) => {
  ////console.log('root')
  res.sendFile(path.join(__dirname, BUILDDIR, "index.html"), {}, function (err) {
    ////console.log('sent file');
    return next();
  });
});

//HOT RELOADING
// "reload" module allows us to trigger webpage reload automatically on file changes, but inside pixel editor it also
// makes browser steal focus from any other window in order to ask user about unsaved changes. It might be quite
// intrusive so we decided to give option to choose preferred workflow.
if (process.env.RELOAD === "yes") {
  reload(app).then(() => {
    //start server
    app.server = app.listen(PORT, () => {
      ////console.log(`Web server listening on port ${PORT} (with reload module)`);
    });
  });
} else {
  app.listen(PORT, () => {
    ////console.log(`Web server listening on port ${PORT}`);
  });
}

app.use(function (req, res, next) {
  res.status(404);
  res
    .type("txt")
    .send(
      "The requested resource does not exist. Did you spell it right? Did you remember to build the app? It's probably your fault somehow."
    );
  return next();
});

//LOGGING
app.use((req, res, next) => {
  ////console.log(req.method+' '+req.originalUrl, res.statusCode);
});