server.js

// const path = require("path");
// const express = require("express");
// const compression = require("compression");
// const morgan = require("morgan");
// const { createRequestHandler } = require("@remix-run/express");

// const BUILD_DIR = path.join(process.cwd(), "build");

// const app = express();

// app.use(compression());

// // http://expressjs.com/en/advanced/best-practice-security.html#at-a-minimum-disable-x-powered-by-header
// app.disable("x-powered-by");

// // Remix fingerprints its assets so we can cache forever.
// app.use(
//   "/build",
//   express.static("public/build", { immutable: true, maxAge: "1y" })
// );

// // Everything else (like favicon.ico) is cached for an hour. You may want to be
// // more aggressive with this caching.
// app.use(express.static("public", { maxAge: "1h" }));

// app.use(morgan("tiny"));

// app.all(
//   "*",
//   process.env.NODE_ENV === "development"
//     ? (req, res, next) => {
//         purgeRequireCache();

//         return createRequestHandler({
//           build: require(BUILD_DIR),
//           mode: process.env.NODE_ENV,
//         })(req, res, next);
//       }
//     : createRequestHandler({
//         build: require(BUILD_DIR),
//         mode: process.env.NODE_ENV,
//       })
// );
// const port = process.env.PORT || 3000;

// app.listen(port, () => {
//   console.log(`Express server listening on port ${port}`);
// });

// function purgeRequireCache() {
//   // purge require cache on requests for "server side HMR" this won't let
//   // you have in-memory objects between requests in development,
//   // alternatively you can set up nodemon/pm2-dev to restart the server on
//   // file changes, but then you'll have to reconnect to databases/etc on each
//   // change. We prefer the DX of this, so we've included it for you by default
//   for (let key in require.cache) {
//     if (key.startsWith(BUILD_DIR)) {
//       delete require.cache[key];
//     }
//   }
// }

const path = require("path");
const express = require("express");
var bodyParser = require("body-parser");
const { createServer } = require("http");
const { Server } = require("socket.io");
const compression = require("compression");
const morgan = require("morgan");
const fs = require("fs");
const { createRequestHandler } = require("@remix-run/express");

const MODE = process.env.NODE_ENV;
const BUILD_DIR = path.join(process.cwd(), "server/build");

if (!fs.existsSync(BUILD_DIR)) {
  console.warn(
    "Build directory doesn't exist, please run `npm run dev` or `npm run build` before starting the server."
  );
}

const app = express();

// You need to create the HTTP server from the Express app
const httpServer = createServer(app);

// And then attach the socket.io server to the HTTP server
const io = new Server(httpServer);

// Then you can use `io` to listen the `connection` event and get a socket
// from a client
io.on("connection", (socket) => {
  // from this point you are on the WS connection with a specific client
  console.log(socket.id, "connected");

  socket.emit("confirmation", "connected!");

  socket.on("event", (data) => {
    console.log(socket.id, data);
    // socket.emit("event", "pong");
  });
});

app.use(compression());

// You may want to be more aggressive with this caching
app.use(express.static("public", { maxAge: "1h" }));

// Remix fingerprints its assets so we can cache forever
app.use(express.static("public/build", { immutable: true, maxAge: "1y" }));

app.use(morgan("tiny"));
app.use(bodyParser.json());

app.post("/test", (req, res) => {
  io.emit("test", req.body);
  res.end();
});
app.get(
  "*",
  MODE === "production"
    ? createRequestHandler({ build: require("./build") })
    : (req, res, next) => {
        purgeRequireCache();
        const build = require("./build");
        io.emit("test", "TEEST");
        return createRequestHandler({ build, mode: MODE })(req, res, next);
      }
);

const port = process.env.PORT || 3000;

// instead of running listen on the Express app, do it on the HTTP server
httpServer.listen(port, () => {
  console.log(`Express server listening on port ${port}`);
});

////////////////////////////////////////////////////////////////////////////////
function purgeRequireCache() {
  // purge require cache on requests for "server side HMR" this won't let
  // you have in-memory objects between requests in development,
  // alternatively you can set up nodemon/pm2-dev to restart the server on
  // file changes, we prefer the DX of this though, so we've included it
  // for you by default
  for (const key in require.cache) {
    if (key.startsWith(BUILD_DIR)) {
      delete require.cache[key];
    }
  }
}