index.js

import express from "express";
import axios from "axios";
import path from "path";
import { fileURLToPath } from "url";

const __filename = fileURLToPath(import.meta.url);
const __dirname = path.dirname(__filename);

const app = express();

const PORT = process.env.PORT || 3000;
// Set EJS as templating engine
app.set("view engine", "ejs");
app.set('views', path.join(__dirname, "views"));

// Serve static files
app.use(express.static(path.join(__dirname, "public")));

// Body parser middleware
app.use(express.urlencoded({ extended: true }));

// Home route
app.get("/", (req, res) => {
    res.render("index", { joke: null, name: "" });
});

// Form submission route
app.post("/get-joke", async (req, res) => {
    const name = req.body.name.trim();

    if (!name) return res.render("index", { joke: "Please enter your name!", name: '' });

    try {
        const response = await axios.get("https://v2.jokeapi.dev/joke/Any?type=single,twopart");
        const jokeData = response.data;

        let joke = "";

        if (jokeData.type === "single") {
            joke = jokeData.joke;
        } else if (jokeData.type === "twopart") {
            joke = `${jokeData.setup} ... ${jokeData.delivery}`;
        }

        // Replace placeholders with user's name
        joke = joke
            .replace(/Chuck Norris/gi, name)
            .replace(/\bHe\b/gi, name)
            .replace(/\bHis\b/gi, `${name}'s`)
            .replace(/\bHim\b/gi, name);

        res.render('index', { joke, name });

    } catch (error) {
        console.error(error);
        res.render('index', { joke: "Could not fetch a joke. Try again later.", name });
    }
});

app.listen(PORT, () => {
    console.log(`Server running at http://localhost:${PORT}`);
});