diff --git a/build.js b/build.js
deleted file mode 100644
index c7f229e..0000000
--- a/build.js
+++ /dev/null
@@ -1,100 +0,0 @@
-const { promises: fs } = require("fs");
-const path = require("path");
-const { html: beautifyHtml } = require('js-beautify');
-
-const buildConfig = require("./buildconfig");
-
-// source: https://stackoverflow.com/a/41407246
-const escapeCodes = {
- reset: "\x1b[0m",
- bright: "\x1b[1m",
- dim: "\x1b[2m",
- underscore: "\x1b[4m",
- blink: "\x1b[5m",
- reverse: "\x1b[7m",
- hidden: "\x1b[8m",
-
- fgBlack: "\x1b[30m",
- fgRed: "\x1b[31m",
- fgGreen: "\x1b[32m",
- fgYellow: "\x1b[33m",
- fgBlue: "\x1b[34m",
- fgMagenta: "\x1b[35m",
- fgCyan: "\x1b[36m",
- fgWhite: "\x1b[37m",
-
- bgBlack: "\x1b[40m",
- bgRed: "\x1b[41m",
- bgGreen: "\x1b[42m",
- bgYellow: "\x1b[43m",
- bgBlue: "\x1b[44m",
- bgMagenta: "\x1b[45m",
- bgCyan: "\x1b[46m",
- bgWhite: "\x1b[47m",
-};
-
-if (!buildConfig.allowSpecialCharacters) {
- for (i in escapeCodes) {
- escapeCodes[i] = "";
- }
-}
-
-const specialCharacter = (c) => {
- if (buildConfig.allowSpecialCharacters) {
- return c;
- }
- return "";
-}
-
-const processPageOutput = async (out) => {
- if (typeof out === "function")
- out = await out();
- if (typeof out !== "string")
- throw new Error("got non-string page output (maybe one of the pages isn't exporting a string?)");
-
- if (buildConfig.postProcessing.trimOutput) {
- out = out.trim();
- }
-
- if (buildConfig.postProcessing.beautifyOutput) {
- out = beautifyHtml(out, buildConfig.postProcessing.beautifyOutputOptions);
- }
-
- return out;
-};
-
-const findAllPages = async (directory) =>
- (await fs.readdir(directory))
- .filter(
- f => f.endsWith(buildConfig.pageExtension)
- )
- .map(f => directory + "/" + f); // TODO: hack
-
-const buildPage = async (pagePath) => {
- const processed = await processPageOutput(require(pagePath));
- console.log(`${escapeCodes.fgGreen}${specialCharacter("→")}${escapeCodes.reset} Built ${escapeCodes.fgBlue}${path.parse(path.basename(pagePath, buildConfig.pageExtension)).name}${escapeCodes.reset}`);
- return processed
-};
-
-const buildAllPages = async (directory) =>
- await Promise.all((await findAllPages(directory))
- .map(
- async p => [p, (await buildPage(p))]
- ));
-
-const exportAllPages = async (sourcePath, outputPath) => {
- const pages = await buildAllPages(sourcePath);
- for (const [pagePath, pageContent] of pages) {
- const pageName = path.parse(path.basename(pagePath, buildConfig.pageExtension)).name;
- await fs.writeFile(path.join(outputPath, pageName + ".html"), pageContent);
- }
- return pages.length;
-};
-
-const main = async () => {
- const startTime = new Date();
- const builtPages = await exportAllPages(buildConfig.sourceDirectory, buildConfig.outputDirectory);
- console.log(`${escapeCodes.fgGreen}${specialCharacter("✓")} Done! ${escapeCodes.fgBlue}Built ${builtPages} pages in ${((new Date()) - startTime)}ms.${escapeCodes.reset}`);
-};
-
-main();
\ No newline at end of file
diff --git a/buildconfig.js b/buildconfig.js
deleted file mode 100644
index 4cd394f..0000000
--- a/buildconfig.js
+++ /dev/null
@@ -1,14 +0,0 @@
-module.exports = {
- sourceDirectory: "./src",
- outputDirectory: "./out",
- pageExtension: ".page.js",
- postProcessing: {
- trimOutput: false,
- beautifyOutput: true,
- beautifyOutputOptions: {
- indent_size: 2,
- preserve_newlines: false
- }
- },
- allowSpecialCharacters: true
-};
\ No newline at end of file
diff --git a/out/_/jd3ymgfg3gk6vrlaxhbn/GatewayClient.js b/out/_/jd3ymgfg3gk6vrlaxhbn/GatewayClient.js
deleted file mode 100644
index 8c594a0..0000000
--- a/out/_/jd3ymgfg3gk6vrlaxhbn/GatewayClient.js
+++ /dev/null
@@ -1,105 +0,0 @@
-window.modules.register("GatewayClient", () => {
- const messageSchema = { t: "number", d: "object" };
- const messageTypes = {
- HELLO: 0,
- YOO: 1,
- READY: 2,
- EVENT: 3
- };
-
- class GatewayClient {
- constructor(gatewayPath) {
- this.gatewayPath = gatewayPath;
- this.ws = null;
- this.token = null;
- this.user = null;
- this.onEvent = (e) => {};
- this.onConnected = () => {};
- this.onDisconnected = () => {};
- }
-
- connect(token) {
- if (!token)
- token = this.token;
-
- console.log("gateway: connecting");
-
- this.ws = new WebSocket(this.gatewayPath);
-
- this.ws.addEventListener("message", ({ data }) => {
- if (typeof data !== "string") {
- console.warn("gateway: got non-string data from server, ignoring...");
- return;
- }
-
- let message;
- try {
- message = JSON.parse(data);
- } catch(e) {
- console.warn("gateway: got invalid JSON from server (failed to parse), ignoring...");
- return;
- }
-
- if (!this._checkMessageSchema(message)) {
- console.warn("gateway: got invalid JSON from server (does not match schema), ignoring...");
- return;
- }
-
- switch (message.t) {
- case messageTypes.HELLO: {
- console.log("gateway: HELLO");
- this.ws.send(JSON.stringify({
- t: messageTypes.YOO,
- d: {
- token
- }
- }));
- break;
- }
- case messageTypes.READY: {
- console.log("gateway: READY");
- this.user = message.d.user;
- this.onConnected();
- break;
- }
- case messageTypes.EVENT: {
- this.onEvent(message.d);
- break;
- }
- default: {
- console.warn("gateway: got invalid JSON from server (invalid type), ignoring...");
- return;
- }
- }
- });
- this.ws.addEventListener("open", () => {
- console.log("gateway: open");
- });
- this.ws.addEventListener("close", ({ code }) => {
- console.log("gateway: closed");
- this.onDisconnected(code);
- if (code === 4001) {
- console.log(`gateway: disconnect code is ${code} (bad auth), will not attempt reconnect`);
- return;
- }
- setTimeout(() => {
- console.log("gateway: reconnecting");
- this.connect(token);
- }, 4000);
- });
- }
-
- _checkMessageSchema(message) {
- for (const [key, value] of Object.entries(message)) {
- if (!messageSchema[key])
- return false;
-
- if (typeof value !== messageSchema[key])
- return false;
- }
- return true;
- }
- }
-
- return GatewayClient;
-});
diff --git a/out/_/jd3ymgfg3gk6vrlaxhbn/app.js b/out/_/jd3ymgfg3gk6vrlaxhbn/app.js
deleted file mode 100644
index 83d72df..0000000
--- a/out/_/jd3ymgfg3gk6vrlaxhbn/app.js
+++ /dev/null
@@ -1,21 +0,0 @@
-window.modules.register("$app", () => {
- const App = window.modules.require("App");
-
- if (!window._APP_ENV)
- throw new Error("$app: could not find window._APP_ENV");
- if (!App)
- throw new Error("$app: require('App') returned undefined");
-
- const initialLoading = document.getElementById("initial-loading");
- if (initialLoading) {
- initialLoading.parentElement.removeChild(initialLoading);
- }
-
- const appMountElement = document.createElement("div");
- document.body.appendChild(appMountElement);
-
- const app = new App(appMountElement);
- app.mount();
-
- return app;
-});
diff --git a/out/_/jd3ymgfg3gk6vrlaxhbn/components.js b/out/_/jd3ymgfg3gk6vrlaxhbn/components.js
deleted file mode 100644
index db9f1bb..0000000
--- a/out/_/jd3ymgfg3gk6vrlaxhbn/components.js
+++ /dev/null
@@ -1,185 +0,0 @@
-window.modules.register("AuthPromptRoute", () => {
- class AuthPromptRoute {
- constructor() {
- this.element = null;
- }
-
- mountOn(target) {
- if (this.element)
- return; // Already mounted
-
- this.element = document.createRange().createContextualFragment(`
-
-
-
-
- `).children[0];
-
- this.element.querySelector("#continue-button").addEventListener("click", () => {
- if (this.onPasswordSubmitted)
- this.onPasswordSubmitted(this.element.querySelector("#code-input").value);
- });
-
- target.appendChild(this.element);
- }
-
- unmount() {
- if (!this.element)
- return; // Already unmounted
- this.element.parentElement.removeChild(this.element);
- this.element = null;
- }
- }
-
- return AuthPromptRoute;
-});
-
-window.modules.register("MainChatView", () => {
- class MainChatView {
- constructor() {
- this.element = null;
- }
-
- mountOn(target) {
- if (this.element)
- return; // Already mounted
-
- this.element = document.createRange().createContextualFragment(`
-
- `).children[0];
-
- const textInput = this.element.querySelector("#message-input");
- this.element.querySelector("#message-submit").addEventListener("click", () => {
- const message = textInput.value;
- if (this.onSendMessage)
- this.onSendMessage(message);
-
- textInput.value = "";
- });
-
- target.appendChild(this.element);
- }
-
- appendMessage(messageObject) {
- const { author, content } = messageObject;
- if (!this.element)
- return;
-
- const usernameLetters = author.username
- .split("");
- let authorUsernameNumber = 150;
- usernameLetters.forEach(l => {
- authorUsernameNumber += l.charCodeAt(0);
- });
-
- const messageElement = document.createRange().createContextualFragment(`
-
- [author could not be loaded]
- [content could not be loaded]
-
- `).children[0];
-
- messageElement.querySelector("b").innerText = `User ${authorUsernameNumber} `;
- messageElement.querySelector("span").innerText = content;
-
- const container = this.element.querySelector("#messages-container");
- container.appendChild(messageElement);
- container.scrollTop = container.scrollHeight;
- }
-
- unmount() {
- if (!this.element)
- return; // Already unmounted
- this.element.parentElement.removeChild(this.element);
- this.element = null;
- }
- }
-
- return MainChatView;
-});
-
-
-window.modules.register("App", () => {
- const AuthPromptRoute = window.modules.require("AuthPromptRoute");
- const MainChatView = window.modules.require("MainChatView");
- const GatewayClient = window.modules.require("GatewayClient");
-
-
- class App {
- constructor(mountElement) {
- this.mountElement = mountElement;
- this.currentMountedElement = null;
-
- this.authPromptRoute = new AuthPromptRoute();
- this.mainChatView = new MainChatView();
- this.gatewayClient = new GatewayClient(window._APP_ENV.gatewayBase);
- }
-
- _mountElement(element) {
- if (this.currentMountedElement) {
- this.currentMountedElement.unmount();
- }
- this.currentMountedElement = element;
- this.currentMountedElement.mountOn(this.mountElement);
- }
-
- _unmountAll() {
- if (this.currentMountedElement) {
- this.currentMountedElement.unmount();
- }
- }
-
- mount() {
- let serverId;
- let channelId;
- let token;
-
- this._mountElement(this.authPromptRoute);
-
- this.gatewayClient.onEvent = (e) => {
- if (e.eventType === "MESSAGE_CREATE" && e.message && e.message.guild_id === serverId && e.message.channel_id === channelId) {
- this.mainChatView.appendMessage(e.message);
- }
- };
- this.gatewayClient.onConnected = () => {
- this._mountElement(this.mainChatView);
- };
- this.gatewayClient.onDisconnected = () => {
- this._mountElement(this.authPromptRoute);
- };
- this.authPromptRoute.onPasswordSubmitted = (auth) => {
- const parts = auth.split(",,");
- if (parts.length !== 3)
- return;
-
- const [userToken, userServerId, userChannelId] = parts;
- serverId = userServerId;
- channelId = userChannelId;
- token = userToken
- this.gatewayClient.connect(token);
- };
- this.mainChatView.onSendMessage = async (message) => {
- if (typeof message === "string" && message.trim() === "")
- return;
-
- await fetch(`${window._APP_ENV.apiBase}/guilds/${serverId}/channels/${channelId}/messages/create`, {
- method: "POST",
- body: JSON.stringify({
- content: message
- }),
- headers: {
- "content-type": "application/json",
- "authorization": token
- }
- });
- };
- }
- }
-
- return App;
-});
diff --git a/out/_/jd3ymgfg3gk6vrlaxhbn/index.html b/out/_/jd3ymgfg3gk6vrlaxhbn/index.html
deleted file mode 100644
index eeedea7..0000000
--- a/out/_/jd3ymgfg3gk6vrlaxhbn/index.html
+++ /dev/null
@@ -1,23 +0,0 @@
-
-
-
-
-
-
- .
-
-
-
- loading
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/out/_/jd3ymgfg3gk6vrlaxhbn/moduleruntime.js b/out/_/jd3ymgfg3gk6vrlaxhbn/moduleruntime.js
deleted file mode 100644
index ebb5905..0000000
--- a/out/_/jd3ymgfg3gk6vrlaxhbn/moduleruntime.js
+++ /dev/null
@@ -1,26 +0,0 @@
-const modules = {
- _cache: {},
- _registry: {},
- require(moduleName) {
- if (this._cache[moduleName]) {
- return this._cache[moduleName];
- }
-
- if (this._registry[moduleName]) {
- const loaderFunction = this._registry[moduleName];
- this._cache[moduleName] = loaderFunction(1);
- return this._cache[moduleName];
- }
-
- return null;
- },
- register(moduleName, loaderFunction) {
- this._registry[moduleName] = loaderFunction;
- this._cache[moduleName] = loaderFunction(0);
- },
- registerLazy(moduleName, loaderFunction) {
- this._registry[moduleName] = loaderFunction;
- }
-};
-
-window.modules = modules;
diff --git a/out/res/fastnav.js b/out/res/fastnav.js
new file mode 100644
index 0000000..3fdd4f1
--- /dev/null
+++ b/out/res/fastnav.js
@@ -0,0 +1,26 @@
+const map = {"projects.html":"Mysterious! This project has no description.
a react frontend for waffle (brainlet)
Simple experimental low-level UI library written in C++.
bridge bot api for discord servers
my personal forks of various software and my dotfiles
Mysterious! This project has no description.
🎤🐢 An open source, self-hosted alternative to Discord
simple and fast remote touchpad
Mysterious! This project has no description.
A simple websocket abstraction.
a command-line minecraft launcher written in rust
Helper program for deploying protocol associations needed for running Roblox on Linux
Mysterious! This project has no description.
Mysterious! This project has no description.
turn pages into pure html
hippoz's website
i think
"};
+const content = document.getElementById("content");
+
+const load = (page) => content.innerHTML = map[page.substring(1, page.length) || "_notfound"];
+const navigate = (page) => {
+ history.pushState(null, "", page);
+ load(page);
+};
+
+const populate = () => {
+ const elements = document.querySelectorAll("[href]");
+ elements.forEach(element => {
+ const existingLink = element.getAttribute("href");
+ if (map[existingLink]) {
+ element.setAttribute("href", "#");
+ element.onclick = () => navigate(existingLink);
+ }
+ });
+};
+
+const main = () => {
+ populate();
+ window.onpopstate = () => {load(location.pathname); console.log("a");};
+};
+
+main();
diff --git a/src/assets/fastnav.js b/src/assets/fastnav.js
new file mode 100644
index 0000000..97a5a08
--- /dev/null
+++ b/src/assets/fastnav.js
@@ -0,0 +1,29 @@
+const map = "{{NAV_DATA}}";
+const content = document.getElementById("content");
+
+const load = (page) => {
+ content.innerHTML = map[page.substring(1, page.length) || "_notfound"];
+ console.log("a");
+};
+const navigate = (page) => {
+ history.pushState(null, "", page);
+ load(page);
+};
+
+const populate = () => {
+ const elements = document.querySelectorAll("[href]");
+ elements.forEach(element => {
+ const existingLink = element.getAttribute("href");
+ if (map[existingLink]) {
+ element.setAttribute("href", "");
+ element.onclick = () => navigate(existingLink);
+ }
+ });
+};
+
+const main = () => {
+ populate();
+ window.onpopstate = () => load(location.pathname);
+};
+
+main();
diff --git a/src/blog.page.js b/src/blog.page.js
deleted file mode 100644
index 09b961b..0000000
--- a/src/blog.page.js
+++ /dev/null
@@ -1,13 +0,0 @@
-const Page = require("./components/Page.component");
-
-module.exports = Page({
- title: "hippoz blog",
- description: "hippoz blog",
- name: "blog",
-})(`
- hippoz's blog
- i think
-
-
- no articles yet
-`);
diff --git a/src/components/LinkButton.component.js b/src/components/LinkButton.component.js
deleted file mode 100644
index bc5c801..0000000
--- a/src/components/LinkButton.component.js
+++ /dev/null
@@ -1,2 +0,0 @@
-module.exports = ({ link, text, selected=false }) =>
- `${text}`;
\ No newline at end of file
diff --git a/src/components/Navigation.component.js b/src/components/Navigation.component.js
deleted file mode 100644
index 6cf105a..0000000
--- a/src/components/Navigation.component.js
+++ /dev/null
@@ -1,21 +0,0 @@
-const { navigationLinks, navigationBrandingText } = require("../env");
-const LinkButtonComponent = require("./LinkButton.component");
-
-module.exports = ({ pageName }) => `
-
-
- ${navigationBrandingText}
-
-
- ${
- navigationLinks.map(
- ({link, text, name}) =>
- LinkButtonComponent({
- link,
- text,
- selected: name === pageName
- })
- ).join("")
- }
-
-
- ${content}
-
-
-`;
diff --git a/src/env/index.js b/src/env/index.js
deleted file mode 100644
index f8962a2..0000000
--- a/src/env/index.js
+++ /dev/null
@@ -1,25 +0,0 @@
-const fetch = (...args) => import('node-fetch').then(({default: fetch}) => fetch(...args));
-
-module.exports = {
- navigationLinks: [
- {link: "index.html", text: "home", name: "home"},
- {link: "blog.html", text: "blog", name: "blog"},
- {link: "projects.html", text: "projects", name: "projects"},
- {link: "https://git.hippoz.xyz", text: "git", name: "__ext_git"},
- ],
- repositoryList: {
- gitTargetUsername: "hippoz",
- repositoryFetchUrl: `https://git.hippoz.xyz/api/v1/users/hippoz/repos?page=1&limit=100`,
- _cache: null,
- fetchProjects: async function() {
- if (this._cache) return this._cache;
-
- const response = await fetch(this.repositoryFetchUrl);
- const json = await response.json();
- this._cache = json;
-
- return json;
- }
- },
- navigationBrandingText: "hippoz."
-}
\ No newline at end of file
diff --git a/src/index.js b/src/index.js
new file mode 100644
index 0000000..74d2ab3
--- /dev/null
+++ b/src/index.js
@@ -0,0 +1,162 @@
+const fs = require("node:fs/promises");
+const path = require("node:path");
+const fetch = (...args) => import('node-fetch').then(({default: fetch}) => fetch(...args));
+const { html: beautifyHtml } = require('js-beautify');
+
+const data = {
+ outputDirectory: "./out",
+ navigationLinks: [
+ {link: "index.html", text: "home", name: "home"},
+ {link: "projects.html", text: "projects", name: "projects"},
+ {link: "https://git.hippoz.xyz", text: "git", name: "__ext_git"},
+ ],
+ postProcessing: {
+ beautifyOutput: true,
+ beautifyOutputOptions: {
+ indent_size: 2,
+ preserve_newlines: false
+ },
+ minifyOutputOptions: {
+ indent_size: 0,
+ preserve_newlines: false,
+ end_with_newline: false,
+ eol: ""
+ }
+ },
+ repositoryList: {
+ gitTargetUsername: "hippoz",
+ repositoryFetchUrl: `https://git.hippoz.xyz/api/v1/users/hippoz/repos?page=1&limit=100`,
+ _cache: null,
+ fetchProjects: async function() {
+ if (this._cache) return this._cache;
+
+ const response = await fetch(this.repositoryFetchUrl);
+ const json = await response.json();
+ this._cache = json;
+
+ return json;
+ }
+ },
+ navigationBrandingText: "hippoz."
+};
+
+const linkButton = ({ link, text, selected=false }) => `
+ ${text}
+`;
+
+const navigation = ({currentName}) => `
+
+
+ ${data.navigationBrandingText}
+
+
+ ${data.navigationLinks.map(e => linkButton({ ...e, selected: currentName === e.name })).join("")}
+
+
hippoz's website
+ i think
+`);
+
+const projectsPage = async () => makePage({
+ title: "hippoz",
+ description: "hippoz projects",
+ name: "projects",
+})(`
+ ${
+ (await data.repositoryList.fetchProjects())
+ .sort((a, b) => b.size - a.size) // biggest projects first
+ .filter(a => !a.archived)
+ .map(
+ repo =>`
+
+
+
${repo.fork ? "🍴" : "📘"} ${repo.name}
+
view >>
+
+ ${repo.description ? `
${repo.description}
` : `
Mysterious! This project has no description.
`}
+
hippoz's website
- i think
-`);
diff --git a/src/projects.page.js b/src/projects.page.js
deleted file mode 100644
index dc9d3a4..0000000
--- a/src/projects.page.js
+++ /dev/null
@@ -1,25 +0,0 @@
-const { repositoryList } = require("./env");
-const Page = require("./components/Page.component");
-
-module.exports = async () => Page({
- title: "hippoz",
- description: "hippoz website homepage",
- name: "projects",
-})(`
- ${
- (await repositoryList.fetchProjects())
- .sort((a, b) => b.size - a.size) // biggest projects first
- .filter(a => !a.archived)
- .map(
- repo =>`
-
-
-
${repo.fork ? "🍴" : "📘"} ${repo.name}
-
view >>
-
- ${repo.description ? `
${repo.description}
` : `
Mysterious! This project has no description.
`}
-