feat: use template to generate index.html

.gitignore

@@ -177,5 +177,4 @@ public/
 
 dist/
 output/
-!output/index.html
 traces

package.json

@@ -8,7 +8,7 @@
   "scripts": {
     "scrape": "node dist/scraper.js",
     "dev:scrape": "ts-node src/scraper.ts",
-    "build": "tsc -p tsconfig.production.json --outDir dist && cp src/index.html output/",
+    "build": "tsc -p tsconfig.production.json --outDir dist && cp -R src/templates dist/",
     "clean": "rm -Rf dist/**",
     "start": "ts-node src/server.ts"
   },

src/scraper.ts

@@ -2,12 +2,16 @@ import 'ts-polyfill/lib/es2019-array';
 
 import puppeteer from 'puppeteer-extra';
 import StealthPlugin from 'puppeteer-extra-plugin-stealth';
+import pug from 'pug';
+import os from 'node:os';
+import path from 'node:path';
 
 import * as Sentry from '@sentry/node';
 
-import fs from 'fs';
+import fs from 'node:fs';
 import controller from './sources/controller';
 import generateFeed from './sources/controller/feed';
+import { DateTime } from 'luxon';
 
 const { NODE_ENV, SENTRY_DSN } = process.env;
 
@@ -51,6 +55,33 @@ async function scraper() {
   );
 
   await browser.close();
+
+  // Generate index.html
+
+  const now = DateTime.now();
+
+  const generatedTime = {
+    isoString: now.toISO(),
+    displayText: now.toLocaleString(DateTime.DATETIME_FULL),
+  };
+
+  const osInfo = {
+    platform: os.platform(),
+    arch: os.arch(),
+  };
+
+  const files = fs.readdirSync('output');
+
+  const indexPage = pug.renderFile(
+    path.join(__dirname, 'templates/index.pug'),
+    {
+      files,
+      osInfo,
+      generatedTime,
+    }
+  );
+
+  fs.writeFileSync('output/index.html', indexPage);
 }
 
 scraper()

src/templates/index.pug

@@ -0,0 +1,29 @@
+doctype html
+html(lang='en')
+    head
+        title omada-scraper
+        meta(name="viewport", content="width=device-width, initial-scale=1")
+
+    style.
+      html {
+        font-family: sans-serif;
+      }
+
+    body
+        h1 omada-scraper
+
+        p Scripts to scrape data for the Omada network system.
+
+        section
+            h2 Generated Files
+
+            ul
+              each val in files
+                  li
+                      a(href=val)= val
+
+        p
+            | Generated 
+            time(datetime=generatedTime.isoString)= generatedTime.displayText
+            |  on 
+            span #{osInfo.platform}/#{osInfo.arch}