48 lines
1.6 KiB
TypeScript
48 lines
1.6 KiB
TypeScript
// the only damn js needed in this site instead
|
|
// of all the nuxt bs while we wait for static generation
|
|
// to actually become a thing in nuxt 3
|
|
|
|
import type { GithubPushEvent } from "../shared/github";
|
|
|
|
const html = document.getElementsByTagName("html")[0];
|
|
html.className = localStorage.theme ?? "light";
|
|
|
|
// dark mode toggle
|
|
function toggleDarkMode() {
|
|
const storageVars = ["dark-mode-toggle", "nuxt-color-mode", "theme"];
|
|
|
|
const currentTheme = html.className;
|
|
|
|
const newTheme = currentTheme === "light" ? "dark" : "light";
|
|
html.className = newTheme;
|
|
for (const v of storageVars) {
|
|
localStorage[v] = newTheme;
|
|
}
|
|
}
|
|
|
|
const darkToggle = document.getElementById("dark-toggle") as HTMLInputElement;
|
|
darkToggle.checked = html.className === "dark";
|
|
darkToggle.onclick = toggleDarkMode;
|
|
|
|
// github commit fetcher
|
|
// pulled from CommitStatBox.vue
|
|
const FEED_URL = "https://api.github.com/users/potatoeggy/events";
|
|
const results = (await (await fetch(FEED_URL)).json()) as GithubPushEvent[];
|
|
const latestEvent = results.find(
|
|
(e) => e.type === "PushEvent"
|
|
) as GithubPushEvent;
|
|
const latestCommit = latestEvent.payload.commits[0];
|
|
|
|
const commitImg = document.getElementById(
|
|
"github-commit-img"
|
|
) as HTMLImageElement;
|
|
const commitAnchor = document.getElementById(
|
|
"github-commit-a"
|
|
) as HTMLAnchorElement;
|
|
|
|
commitImg.src = `https://opengraph.githubassets.com/hash/${latestEvent.repo.name}/commit/${latestCommit.sha}`;
|
|
commitAnchor.href = `https://github.com/${latestEvent.repo.name}/commit/${latestCommit.sha}`;
|
|
|
|
// to make this an esm module for top-level await
|
|
export {};
|