refactor debug mode

lib/render.js

@@ -1,4 +1,4 @@
-import html2png from '@besties/html2png'
+import html2png, { renderHtml as htmlParser } from '@besties/html2png'
 import fs from 'node:fs'
 
 const figtreeRegular = fs.readFileSync('./assets/Figtree-Regular.woff')
@@ -33,3 +33,10 @@ const renderOptions = {
 export default async function (html) {
 	return html2png(html, css, renderOptions)
 }
+
+export async function renderHtml(html) {
+	return htmlParser(
+		html,
+		await fs.promises.readFile('./assets/style.css', 'utf8')
+	).outerHTML
+}

server.js

@@ -1,7 +1,6 @@
 import express from 'express'
 import { Eta } from 'eta'
-import fs from 'node:fs/promises'
-import render from './lib/render.js'
+import render, { renderHtml } from './lib/render.js'
 
 const debug = process.env.DEBUG ? true : false
 
@@ -16,13 +15,6 @@ app.get('/', function (req, res) {
 	res.redirect('https://git.gay/gitgay/og.git')
 })
 
-if (debug) {
-	app.get('/style.css', async (req, res) => {
-		res.type('css')
-		res.send(await fs.readFile('./assets/style.css'))
-	})
-}
-
 app.get('/:owner/:repo', async function (req, res) {
 	const repoResp = await fetch(
 		`https://git.gay/api/v1/repos/${req.params.owner}/${req.params.repo}`
@@ -33,7 +25,7 @@ app.get('/:owner/:repo', async function (req, res) {
 		debug
 	})
 	if (debug) {
-		res.send(html)
+		res.send(renderHtml(html))
 		return
 	}
 	res.type('png')
@@ -51,7 +43,7 @@ app.get('/:owner/:repo/:type/:num', async function (req, res) {
 		debug
 	})
 	if (debug) {
-		res.send(html)
+		res.send(renderHtml(html))
 		return
 	}
 	res.type('png')

views/layout.eta

@@ -18,7 +18,6 @@
 			height: 100%;
 		}
 		</style>
-		<link rel="stylesheet" href="/style.css">
 		<title>OpenGraph Debug Preview</title>
 	</head>
 <% } %>