server.tsx

import path from "path"
import cors from "cors"
import mime from "mime"
import {Readable} from "stream"
import fs from "fs"
import express from "express"
import webpack from "webpack"
import middleware from "webpack-dev-middleware"
import hot from "webpack-hot-middleware"
import config from "./webpack.config"
import dotenv from "dotenv"
import React from "react"
import App from "./App"
import {renderToString} from "react-dom/server"
import {StaticRouter as Router} from "react-router-dom"
import dbFunctions from "./structures/DatabaseFunctions"
import serverFunctions from "./structures/ServerFunctions"
const __dirname = path.resolve()

dotenv.config()
const app = express()
let compiler = webpack(config as any)
app.use(express.urlencoded({extended: true, limit: "1gb", parameterLimit: 50000}))
app.use(express.json({limit: "1gb"}))
app.use(cors({credentials: true, origin: true}))
app.disable("x-powered-by")
app.set("trust proxy", true)

if (process.env.TESTING === "yes") {
  app.use(middleware(compiler, {
    index: false,
    serverSideRender: false,
    writeToDisk: false,
  }))
  app.use(hot(compiler))
}

app.use(express.static(path.join(__dirname, "./public")))
app.use(express.static(path.join(__dirname, "./dist"), {index: false}))
app.use("/assets", express.static(path.join(__dirname, "./assets")))

app.get("/Manga/*", function(req, res, next) {
  if (req.path.includes("/manga")) return next()
  res.setHeader("Content-Type", mime.getType(req.path) ?? "")
  res.header("Access-Control-Allow-Origin", "*")
  try {
    let pathname = `/Volumes/Files/${decodeURIComponent(req.path.slice(1))}`
    const body = fs.readFileSync(pathname)
    const contentLength = body.length
    if (req.headers.range) {
      const parts = req.headers.range.replace(/bytes=/, "").split("-")
      const start = parseInt(parts[0])
      const end = parts[1] ? parseInt(parts[1]) : contentLength - 1
      res.writeHead(206, {
        "Content-Range": `bytes ${start}-${end}/${contentLength}`,
        "Accept-Ranges": "bytes",
        "Content-Length": end - start + 1
      })
      const stream = Readable.from(body.slice(start, end + 1))
      return stream.pipe(res)
    }
    res.setHeader("Content-Length", contentLength)
    res.status(200).end(body)
  } catch (e) {
    console.log(e)
    res.status(400).end()
  }
})

app.get("/*", function(req, res) {
    res.setHeader("Content-Type", mime.getType(req.path) ?? "")
    res.header("Access-Control-Allow-Origin", "*")
    const document = fs.readFileSync(path.join(__dirname, "./dist/index.html"), {encoding: "utf-8"})
    res.status(200).send(document)
})

const run = async () => {
  app.listen(process.env.PORT || 8080, () => console.log("Started the website server!"))
  dbFunctions.logGenres()
}

run()