server.js

const express = require("express");
const layouts = require("express-ejs-layouts")
const cookieParser = require("cookie-parser")
const bodyParser = require("body-parser")
const multer = require('multer')
const upload = multer()
const app = express();

// Ensure we use environment port if available for deploying
const PORT = process.env.PORT || 45678

app.set("view engine", "ejs")
app.use(express.static("public"))
app.use(express.static("json"))
app.use('/dist', express.static(__dirname + '/node_modules/@hotwired/turbo/dist/'));
app.use(cookieParser())
app.use(layouts)

// Turbo version
app.use((request, response, next) => {
  response.locals.useTurbolinks = request.cookies.turbolinks || request.query.turbolinks

  if (response.locals.useTurbolinks) {
    // Set cookie for this session
    response.cookie("turbolinks", "1")
  } else {
    response.clearCookie("turbolinks")
  }

  next()
})

// Determine platform
app.use((request, response, next) => {
  const userAgent = request.get("User-Agent")
  response.locals.native_app = userAgent.includes("Turbo Native")
  next()
})

// Auth
app.use((request, response, next) => {
  response.locals.authenticated =  request.cookies && request.cookies.authenticated
  next()
})

// Logging

app.use((request, response, next) => {
  console.log(`${Date()} -- ${request.method} ${request.path}`)
  next()
})

// JSON

app.use((request, response, next) => {
  if (request.url.endsWith(".json")) {
    res.type('json')
  }

  next()
})

// Routes

app.get("/", (request, response) => {
  response.render("index", { title: "Turbo Native Demo", page_class: "index" })
})

app.get("/demo-one", (request, response) => {
  response.render("one", { title: "How’d You Get Here?" })
})

app.get("/demo-two", (request, response) => {
  response.render("two", { title: "Push or Replace?", action: request.query.action })
})

app.get("/demo-long", (request, response) => {
  response.render("long", { title: "A Really Long Page" })
})

app.get("/demo-scroll", (request, response) => {
  response.render("scroll", { title: "Restoring Your Scroll" })
})

app.get("/demo-follow", (request, response) => {
  response.redirect("/redirected")
})

app.get("/demo-redirected", (request, response) => {
  response.render("redirected", { title: "Redirected Page" })
})

app.get("/demo-reference", (request, response) => {
  response.render("reference", { title: "Reference", page_class: "index" })
})

app.get("/demo-files", (request, response) => {
  response.render("files", { title: "Handling Files" })
})

app.get("/demo-new", (request, response) => {
  response.render("new", { title: "A Modal Webpage" })
})

app.post("/demo-new", (request, response) => {
  response.redirect("/demo-success")
})

app.get("/demo-tasks", (request, response) => {
  response.render("tasks", { title: "Tasks" })
})

app.get("/demo-tasks/wizard/step-1", (request, response) => {
  response.render("wizard_1", { title: "A Modal Webpage (step 1)" })
})

app.post("/demo-tasks/wizard/step-1", (request, response) => {
  response.redirect("/demo-tasks/wizard/step-2")
})

app.get("/demo-tasks/wizard/step-2", (request, response) => {
  response.render("wizard_2", { title: "A Modal Webpage (step 2)" })
})

app.post("/demo-tasks/wizard/step-2", (request, response) => {
  response.redirect("/demo-tasks?after_wizard_state=1")
})

app.get("/demo-success", (request, response) => {
  response.render("success", { title: "It Worked!" })
})

app.get("/demo-numbers", (request, response) => {
  response.render("numbers", { title: "A List of Numbers" })
})

app.get("/demo-nonexistent", (request, response) => {
  response.status(404).send("Not Found")
})

app.get("/demo-reference/turbo-drive", (request, response) => {
  response.render("turbo-drive", { title: "Turbo Drive" })
})

app.get("/demo-reference/turbo-frames", (request, response) => {
  response.render("turbo-frames", { title: "Turbo Frames" })
})

app.get("/demo-reference/turbo-streams", (request, response) => {
  response.render("turbo-streams", { title: "Turbo Streams" })
})

app.get("/demo-reference/turbo-native", (request, response) => {
  response.render("turbo-native", { title: "Turbo Native" })
})

app.get("/demo-protected", (request, response) => {
  if (response.locals.authenticated) {
    response.render("protected", { title: "Protected Webpage" })
  } else {
    response.status(401).send("Unauthorized")
  }
})

app.get("/demo-signin", (request, response) => {
  response.render("signin", { title: "Sign In" })
})

app.post("/demo-signin", upload.none(), (request, response) => {
  // Cookie expires in one day
  const expiration = new Date(Date.now() + 86400000)

  response.cookie("authenticated", request.body.name, { expires: expiration, httpOnly: true })
  response.redirect("/")
})

app.post("/demo-signout", (request, response) => {
  response.clearCookie("authenticated")
  response.redirect("/")
})

app.get("/demo-slow", (request, response) => {
  setTimeout(() => {
      response.render("slow", { title: "Slow-loading Page" })
  }, 3000)
})

app.get("/demo-test", (request, response) => {
  response.sendStatus(200)
})

const listener = app.listen(PORT, () => {
  console.log("Server is listening on port " + listener.address().port);
})