ui.js

import { existsSync } from "fs";
import express from "express";
import { dirname } from "path";
import { fileURLToPath } from "url";
import { JSDOM as jsdom } from "jsdom";
import { updateHTML } from "./populate.js";
import { populateCSS, populateConfig } from "./build.js";
import { updateCommand } from "./update.js";

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

const app = express();
app.set("view engine", "ejs");
app.use(express.static(__dirname + "/views"));
app.set("views", __dirname + "/views");
app.use(
  express.json({
    limit: "50mb",
  }),
);
app.use(
  express.urlencoded({
    limit: "50mb",
    extended: true,
  }),
);

const port = 3200;

global.DOMParser = new jsdom().window.DOMParser;
import { outDir } from "./utils.js";

function uiCommand() {
  app.get("/", (req, res) => {
    res.render("index.ejs");
  });

  app.get("/update", (req, res) => {
    if (!existsSync(`${outDir}/config.json`)) {
      return res.send(
        'You need to run build command before using update<br><a href="/">Go Back</a>',
      );
    }

    updateCommand();
    res.redirect("/");
  });

  app.post("/build", (req, res) => {
    const { username } = req.body;
    if (!username) {
      return res.send("username can't be empty");
    }

    const sort = req.body.sort ? req.body.sort : "created";
    const order = req.body.order ? req.body.order : "asc";
    const includeFork = req.body.fork === "true";
    const types = ["owner"];
    const codepen = req.body.codepen ? req.body.codepen : null;
    const dev = req.body.dev ? req.body.dev : null;
    const discord = req.body.discord ? req.body.discord : null;
    const dribbble = req.body.dribbble ? req.body.dribbble : null;
    const email = req.body.email ? req.body.email : null;
    const facebook = req.body.facebook ? req.body.facebook : null;
    const gradient = req.body.gradient ? req.body.gradient : null;
    const initials = req.body.initials ? req.body.initials : null;
    const instagram = req.body.instagram ? req.body.instagram : null;
    const keybase = req.body.keybase ? req.body.keybase : null;
    const linkedin = req.body.linkedin ? req.body.linkedin : null;
    const medium = req.body.medium ? req.body.medium : null;
    const paypal = req.body.paypal ? req.body.paypal : null;
    const pinterest = req.body.pinterest ? req.body.pinterest : null;
    const reddit = req.body.reddit ? req.body.reddit : null;
    const snapchat = req.body.snapchat ? req.body.snapchat : null;
    const stackexchange = req.body.stackexchange
      ? req.body.stackexchange
      : null;
    const steam = req.body.steam ? req.body.steam : null;
    const telegram = req.body.telegram ? req.body.telegram : null;
    const threads = req.body.threads ? req.body.threads : null;
    const tvtime = req.body.tvtime ? req.body.tvtime : null;
    const tumblr = req.body.tumblr ? req.body.tumblr : null;
    const twitch = req.body.twitch ? req.body.twitch : null;
    const x = req.body.x ? req.body.x : null;
    const xda = req.body.xda ? req.body.xda : null;
    const youtube = req.body.youtube ? req.body.youtube : null;
    let background = req.body.background
      ? req.body.background
      : "https://source.unsplash.com/1280x720/?wallpaper";
    const theme = req.body.theme === "on" ? "dark" : "light";
    const opts = {
      sort,
      order,
      includeFork,
      types,
      codepen,
      dev,
      discord,
      dribbble,
      email,
      facebook,
      gradient,
      initials,
      instagram,
      keybase,
      linkedin,
      medium,
      paypal,
      pinterest,
      reddit,
      snapchat,
      stackexchange,
      steam,
      telegram,
      threads,
      tvtime,
      tumblr,
      twitch,
      x,
      xda,
      youtube,
    };

    updateHTML(username, opts);
    populateCSS({
      background,
      theme,
    });
    populateConfig(opts);
    res.redirect("/");
  });

  console.log("\nStarting...");
  app.listen(port);
  console.log(
    `The GUI is running on port ${port}, Navigate to http://localhost:${port} in your browser\n`,
  );
}

export { uiCommand };