Github Profile Views Count With Glitch Express Server

count.json

{}

server.js

//@ts-check
const express = require("express");
const app = express();
const fs = require("fs");
const FILE_NAME = "count.json";

app.get("/:userName/count.svg", async (req, res, next) => {
  const counterFile = await new Promise((resolve, reject) =>
    fs.readFile(FILE_NAME, "utf8", (err, data) => {
      if (err) {
        console.error(err);
        reject(err);
        return;
      }
      resolve(JSON.parse(data));
    })
  );

  const counter = counterFile;
  console.log({ counter });

  const userKey = req.params.userName;
  if (userKey in counter) {
    counter[userKey] += 1;
  } else {
    counter[userKey] = 1;
  }

  const user = counter[userKey];

  const svg = `
    <svg width="7px" height="7px" viewBox="0 0 10 10" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        <title>Count</title>
        <text id="0" x="0" y="10" font-family="Courier" font-size="5" font-weight="normal" fill="black" style="fill: coral;">
            ${user}
        </text>
    </svg>`;

  res.set({
    "content-type": "image/svg+xml",
    "cache-control": "max-age=0, no-cache, no-store, must-revalidate",
  });

  res.send(svg);

  await new Promise((resolve, reject) =>
    fs.writeFile(FILE_NAME, JSON.stringify(counterFile), (err, data) => {
      if (err) {
        console.error(err);
        reject(err);
        return;
      }
      if (data) {
        resolve(data);
      }
    })
  );
});

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