seth/ipv4.army
1
0
Fork 1
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

linting
All checks were successful
Code quality checks / biome (push) Successful in 7s
Details

Browse source
This commit is contained in:
Seth 2025-05-04 20:55:40 -04:00
parent ad23ab1907
commit a65ee6fe67
15 changed files with 564 additions and 466 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

44
biome.json Normal file
View file

@ -0,0 +1,44 @@
{
"$schema": "https://biomejs.dev/schemas/1.9.4/schema.json",
"vcs": {
"enabled": true,
"clientKind": "git",
"useIgnoreFile": false
},
"files": {
"ignoreUnknown": true,
"ignore": []
},
"formatter": {
"enabled": true,
"indentStyle": "tab",
"lineEnding": "lf"
},
"organizeImports": {
"enabled": true
},
"css": {
"formatter": {
"indentStyle": "tab",
"lineEnding": "lf"
}
},
"linter": {
"enabled": true,
"rules": {
"recommended": true,
"correctness": {
"noUnusedImports": "error"
}
}
},
"javascript": {
"formatter": {
"quoteStyle": "double",
"indentStyle": "tab",
"lineEnding": "lf",
"jsxQuoteStyle": "double",
"semicolons": "always"
}
}
}

2
bun.lock
View file

@ -9,7 +9,7 @@
"tsx-dom": "latest", "tsx-dom": "latest",
}, },
"devDependencies": { "devDependencies": {
"@biomejs/biome": "1.9.4", "@biomejs/biome": "^1.9.4",
"@types/bun": "latest", "@types/bun": "latest",
}, },
"peerDependencies": { "peerDependencies": {

164
index.ts
View file

@ -1,107 +1,119 @@
import { build, serve, gzipSync, file, gc } from "bun"; import { file, gc, serve } from "bun";
import Backend from "./src/back" import Backend from "./src/back";
import pkg from "./package.json"; import pkg from "./package.json";
let heartrate = 0; let heartrate = 0;
let lanyard = {}; let lanyard = {};
require("node:fs/promises").rm("./dist", { recursive: true, force: true }).catch(() => { require("node:fs/promises")
// ignore .rm("./dist", { recursive: true, force: true })
}); .catch(() => {
// ignore
});
if (!Backend.development) { if (!Backend.development) {
await Backend.build() await Backend.build();
} }
const server = serve({ const server = serve({
routes: { routes: {
"/": async (req: Bun.BunRequest, server: Bun.Server) => { "/": async (req: Bun.BunRequest, server: Bun.Server) => {
await Backend.postAnalytics(req, server); await Backend.postAnalytics(req, server);
if (Backend.development) { if (Backend.development) {
await Backend.build() await Backend.build();
} }
return await Backend.Responses.file(file("./dist/index.html")); return await Backend.Responses.file(file("./dist/index.html"));
}, },
"/assets/:file": async (req: Bun.BunRequest<"/assets/:file">) => { "/assets/:file": async (req: Bun.BunRequest<"/assets/:file">) => {
return await Backend.Responses.file(file(`./dist/${req.params.file}`)); return await Backend.Responses.file(file(`./dist/${req.params.file}`));
}, },
"/public/:file": async (req: Bun.BunRequest<"/public/:file">) => { "/public/:file": async (req: Bun.BunRequest<"/public/:file">) => {
return await Backend.Responses.file(file(`./public/${req.params.file}`)); return await Backend.Responses.file(file(`./public/${req.params.file}`));
}, },
"/api/server": () => { "/api/server": () => {
const string = JSON.stringify(process) const string = JSON.stringify(process);
const data = JSON.parse(string) const data = JSON.parse(string);
// clear possibly data that could be sensitive // clear possibly data that could be sensitive
data.env = {} data.env = {};
data.availableMemory = process.availableMemory() data.availableMemory = process.availableMemory();
data.constrainedMemory = process.constrainedMemory() data.constrainedMemory = process.constrainedMemory();
data.cpuUsage = process.cpuUsage() data.cpuUsage = process.cpuUsage();
data.memoryUsage = process.memoryUsage() data.memoryUsage = process.memoryUsage();
data.uptime = process.uptime() data.uptime = process.uptime();
data.package = pkg data.package = pkg;
return Backend.Responses.json({ data }); return Backend.Responses.json({ data });
}, },
"/api/health": () => { "/api/health": () => {
return Backend.Responses.ok(); return Backend.Responses.ok();
}, },
"/api/ws": async (req, server) => { "/api/ws": async (req, server) => {
if (server.upgrade(req)) { if (server.upgrade(req)) {
return; return;
} }
await Backend.postAnalytics(req, server); await Backend.postAnalytics(req, server);
return Response.redirect("/"); return Response.redirect("/");
}, },
"/api/gc": async () => { "/api/gc": async () => {
gc(true) gc(true);
return Backend.Responses.ok(); return Backend.Responses.ok();
}, },
"/api/headers": async (req) => { "/api/headers": async (req) => {
return Backend.Responses.json({ ...req.headers.toJSON() }); return Backend.Responses.json({ ...req.headers.toJSON() });
} },
}, },
fetch: async (request, server) => { fetch: async (request, server) => {
await Backend.postAnalytics(request, server); await Backend.postAnalytics(request, server);
return Response.redirect("/"); return Response.redirect("/");
}, },
websocket: { websocket: {
idleTimeout: 1, idleTimeout: 1,
open: async (ws) => { open: async (ws) => {
ws.subscribe("lanyard"); ws.subscribe("lanyard");
ws.send(JSON.stringify({ type: "lanyard", data: lanyard }), true); ws.send(JSON.stringify({ type: "lanyard", data: lanyard }), true);
ws.subscribe("hyperate"); ws.subscribe("hyperate");
ws.send(JSON.stringify({ type: "hyperate", data: { hr: heartrate } }), true); ws.send(
}, JSON.stringify({ type: "hyperate", data: { hr: heartrate } }),
message: async (ws, message) => { true,
ws.send(JSON.stringify({ type: "echo", data: message }), true) );
} },
}, message: async (ws, message) => {
development: Backend.development, ws.send(JSON.stringify({ type: "echo", data: message }), true);
port: 2056 },
},
development: Backend.development,
port: 2056,
}); });
new Backend.Sockets.Hyperate((data) => { new Backend.Sockets.Hyperate((data) => {
heartrate = data; heartrate = data;
server.publish("hyperate", JSON.stringify({ type: "hyperate", data: { hr: heartrate } }), true); server.publish(
}) "hyperate",
JSON.stringify({ type: "hyperate", data: { hr: heartrate } }),
true,
);
});
new Backend.Sockets.Lanyard((data) => { new Backend.Sockets.Lanyard((data) => {
lanyard = data; lanyard = data;
server.publish("lanyard", JSON.stringify({ type: "lanyard", data: lanyard }), true); server.publish(
}); "lanyard",
JSON.stringify({ type: "lanyard", data: lanyard }),
true,
);
});

44
package.json
View file

@ -1,22 +1,24 @@
{ {
"name": "ipv4.army", "name": "ipv4.army",
"module": "index.ts", "module": "index.ts",
"scripts": { "scripts": {
"dev": "NODE_ENV=development bun run --hot . --watch", "dev": "NODE_ENV=development bun run --hot . --watch",
"start": "bun run ." "start": "bun run .",
}, "lint": "bunx biome ci . --verbose",
"devDependencies": { "lint:fix": "bunx biome check --fix"
"@biomejs/biome": "1.9.4", },
"@types/bun": "latest" "devDependencies": {
}, "@biomejs/biome": "^1.9.4",
"peerDependencies": { "@types/bun": "latest"
"typescript": "^5.8.3" },
}, "peerDependencies": {
"private": true, "typescript": "^5.8.3"
"type": "module", },
"dependencies": { "private": true,
"@speed-highlight/core": "latest", "type": "module",
"reconnecting-websocket": "latest", "dependencies": {
"tsx-dom": "latest" "@speed-highlight/core": "latest",
} "reconnecting-websocket": "latest",
} "tsx-dom": "latest"
}
}

153
src/back/Sockets/Hyperate.ts
View file

@ -1,88 +1,89 @@
import ReconnectingWebSocket from 'reconnecting-websocket'; import ReconnectingWebSocket from "reconnecting-websocket";
export default class { export default class {
private _socket: ReconnectingWebSocket; private _socket: ReconnectingWebSocket;
private _keepAlive: NodeJS.Timeout | null; private _keepAlive: NodeJS.Timeout | null;
private _interval: NodeJS.Timeout | null; private _interval: NodeJS.Timeout | null;
private _callback: (data: number) => void; private _callback: (data: number) => void;
constructor(callback: (data: number) => void) { constructor(callback: (data: number) => void) {
this._socket = new ReconnectingWebSocket("wss://app.hyperate.io/socket/websocket?token=wv39nM6iyrNJulvpmMQrimYPIXy2dVrYRjkuHpbRapKT2VSh65ngDGHdCdCtmEN9") this._socket = new ReconnectingWebSocket(
this._keepAlive = null; "wss://app.hyperate.io/socket/websocket?token=wv39nM6iyrNJulvpmMQrimYPIXy2dVrYRjkuHpbRapKT2VSh65ngDGHdCdCtmEN9",
this._interval = null; );
this._callback = callback; this._keepAlive = null;
this._interval = null;
this._callback = callback;
this._socket.binaryType = "arraybuffer"; this._socket.binaryType = "arraybuffer";
this._socket.onopen = () => { this._socket.onopen = () => {
console.log("Hyperate socket opened") console.log("Hyperate socket opened");
this._socket.send( this._socket.send(
JSON.stringify({ JSON.stringify({
topic: "hr:84aa0f", topic: "hr:84aa0f",
event: "phx_join", event: "phx_join",
payload: {}, payload: {},
ref: 0, ref: 0,
}), }),
); );
this._keepAlive = setInterval(() => { this._keepAlive = setInterval(() => {
this._socket.send( this._socket.send(
JSON.stringify({ JSON.stringify({
topic: "phoenix", topic: "phoenix",
event: "heartbeat", event: "heartbeat",
payload: {}, payload: {},
ref: 0, ref: 0,
}), }),
); );
}, 10000); }, 10000);
} };
this._socket.onmessage = ({ data }: MessageEvent) => { this._socket.onmessage = ({ data }: MessageEvent) => {
data = JSON.parse(data); data = JSON.parse(data);
switch (data.event) { switch (data.event) {
case "hr_update": { case "hr_update": {
this._callback(data.payload.hr); this._callback(data.payload.hr);
this.heartbeat(); this.heartbeat();
break; break;
} }
} }
} };
this._socket.onerror = () => { this._socket.onerror = () => {
console.error("Hyperate socket error"); console.error("Hyperate socket error");
if (this._keepAlive) { if (this._keepAlive) {
clearInterval(this._keepAlive); clearInterval(this._keepAlive);
this._keepAlive = null; this._keepAlive = null;
} }
if (this._interval) { if (this._interval) {
clearInterval(this._interval); clearInterval(this._interval);
this._interval = null; this._interval = null;
} }
} };
this._socket.onclose = () => { this._socket.onclose = () => {
console.log("Hyperate socket closed"); console.log("Hyperate socket closed");
if (this._keepAlive) { if (this._keepAlive) {
clearInterval(this._keepAlive); clearInterval(this._keepAlive);
this._keepAlive = null; this._keepAlive = null;
} }
if (this._interval) { if (this._interval) {
clearInterval(this._interval); clearInterval(this._interval);
this._interval = null; this._interval = null;
} }
} };
}
} private heartbeat() {
if (this._interval) {
private heartbeat() { clearTimeout(this._interval);
if (this._interval) { this._interval = null;
clearTimeout(this._interval); }
this._interval = null; this._interval = setTimeout(() => {
} this._callback(0);
this._interval = setTimeout(() => { }, 6000);
this._callback(0); }
}, 6000); }
}
}

109
src/back/Sockets/Lanyard.ts
View file

@ -1,61 +1,66 @@
import ReconnectingWebSocket from 'reconnecting-websocket'; import ReconnectingWebSocket from "reconnecting-websocket";
export default class { export default class {
private _socket: ReconnectingWebSocket; private _socket: ReconnectingWebSocket;
private _keepAlive: NodeJS.Timeout | null; private _keepAlive: NodeJS.Timeout | null;
private _callback: (data: { [key: string]: string }) => void; private _callback: (data: { [key: string]: string }) => void;
constructor(callback: (data: { [key: string]: string }) => void) { constructor(callback: (data: { [key: string]: string }) => void) {
this._socket = new ReconnectingWebSocket("wss://lanyard.creations.works/socket") this._socket = new ReconnectingWebSocket(
this._keepAlive = null; "wss://lanyard.creations.works/socket",
this._callback = callback; );
this._keepAlive = null;
this._callback = callback;
this._socket.binaryType = "arraybuffer"; this._socket.binaryType = "arraybuffer";
this._socket.onopen = () => { this._socket.onopen = () => {
console.log("Lanyard socket opened") console.log("Lanyard socket opened");
} };
this._socket.onmessage = ({ data }: MessageEvent) => { this._socket.onmessage = ({ data }: MessageEvent) => {
data = JSON.parse(data); data = JSON.parse(data);
switch (data.op) { switch (data.op) {
case 0: { case 0: {
this._callback(data.d) this._callback(data.d);
break; break;
} }
case 1: { case 1: {
this._socket.send(JSON.stringify({ this._socket.send(
op: 2, JSON.stringify({
d: { op: 2,
subscribe_to_id: "1273447359417942128" d: {
} subscribe_to_id: "1273447359417942128",
})) },
this._keepAlive = setInterval(() => { }),
this._socket.send(JSON.stringify({ );
op: 3 this._keepAlive = setInterval(() => {
})) this._socket.send(
}, data.d.heartbeat_interval) JSON.stringify({
break; op: 3,
} }),
} );
} }, data.d.heartbeat_interval);
break;
}
}
};
this._socket.onerror = () => { this._socket.onerror = () => {
console.error("Lanyard socket error"); console.error("Lanyard socket error");
if (this._keepAlive) { if (this._keepAlive) {
clearInterval(this._keepAlive); clearInterval(this._keepAlive);
this._keepAlive = null; this._keepAlive = null;
} }
} };
this._socket.onclose = () => { this._socket.onclose = () => {
console.log("Lanyard socket closed"); console.log("Lanyard socket closed");
if (this._keepAlive) { if (this._keepAlive) {
clearInterval(this._keepAlive); clearInterval(this._keepAlive);
this._keepAlive = null; this._keepAlive = null;
} }
} };
}
} }
}

132
src/back/index.ts
View file

@ -4,71 +4,79 @@ import Lanyard from "./Sockets/Lanyard";
const development = process.env.NODE_ENV === "development"; const development = process.env.NODE_ENV === "development";
const build = async () => { const build = async () => {
return await Bun.build({ return await Bun.build({
entrypoints: ['./src/front/index.html'], entrypoints: ["./src/front/index.html"],
outdir: './dist', outdir: "./dist",
minify: !development, minify: !development,
sourcemap: (development ? "inline" : "none"), sourcemap: development ? "inline" : "none",
splitting: true, splitting: true,
publicPath: "/assets/", publicPath: "/assets/",
}) });
} };
const respOptions = { const respOptions = {
headers: { headers: {
"Content-Type": "application/json", "Content-Type": "application/json",
"Cache-Control": "no-cache", "Cache-Control": "no-cache",
"Content-Encoding": "gzip", "Content-Encoding": "gzip",
} },
} };
const okResp = new Response(Bun.gzipSync(JSON.stringify({ data: "ok" })), respOptions) const okResp = new Response(
Bun.gzipSync(JSON.stringify({ data: "ok" })),
respOptions,
);
const Responses = { const Responses = {
ok: () => { ok: () => {
return okResp.clone(); return okResp.clone();
}, },
json: (data: { [key: string]: string }) => { json: (data: { [key: string]: string }) => {
return new Response(Bun.gzipSync(JSON.stringify(data)), respOptions); return new Response(Bun.gzipSync(JSON.stringify(data)), respOptions);
}, },
file: async (file: Bun.BunFile) => { file: async (file: Bun.BunFile) => {
return new Response(Bun.gzipSync(await file.arrayBuffer()), { return new Response(Bun.gzipSync(await file.arrayBuffer()), {
headers: { headers: {
"Content-Type": file.type, "Content-Type": file.type,
"Cache-Control": "public, max-age=31536000", "Cache-Control": "public, max-age=31536000",
"Content-Encoding": "gzip", "Content-Encoding": "gzip",
} },
}); });
} },
} };
const postAnalytics = async (req: Request | Bun.BunRequest, server: Bun.Server) => { const postAnalytics = async (
return await fetch("https://plausible.creations.works/api/event", { req: Request | Bun.BunRequest,
method: "POST", server: Bun.Server,
headers: { ) => {
"Content-Type": "application/json", return await fetch("https://plausible.creations.works/api/event", {
"User-Agent": req.headers.get("user-agent") || "", method: "POST",
"X-Forwarded-For": String( headers: {
req.headers.get("CF-Connecting-IP") || "Content-Type": "application/json",
req.headers.get("X-Real-IP") || "User-Agent": req.headers.get("user-agent") || "",
req.headers.get("X-Forwarded-For")?.split(",")[0] || "X-Forwarded-For": String(
(typeof server.requestIP(req) === "string" ? server.requestIP(req) : (server.requestIP(req)?.address || "")) req.headers.get("CF-Connecting-IP") ||
), req.headers.get("X-Real-IP") ||
}, req.headers.get("X-Forwarded-For")?.split(",")[0] ||
body: JSON.stringify({ (typeof server.requestIP(req) === "string"
domain: "ipv4.army", ? server.requestIP(req)
name: "pageview", : server.requestIP(req)?.address || ""),
url: req.url, ),
referrer: req.headers.get("referer") || "", },
}) body: JSON.stringify({
}) domain: "ipv4.army",
} name: "pageview",
url: req.url,
referrer: req.headers.get("referer") || "",
}),
});
};
export default { export default {
Sockets: { Sockets: {
Hyperate, Hyperate,
Lanyard Lanyard,
}, },
Responses, Responses,
build, build,
development, development,
postAnalytics, postAnalytics,
}; };

66
src/front/App.css
View file

@ -1,59 +1,61 @@
.scanlines { .scanlines {
overflow: hidden; overflow: hidden;
} }
.scanlines:before, .scanlines:before,
.scanlines:after { .scanlines:after {
display: inherit; display: inherit;
pointer-events: none; pointer-events: none;
content: ""; content: "";
position: absolute; position: absolute;
} }
.scanlines:before { .scanlines:before {
width: 100%; width: 100%;
height: 2px; height: 2px;
z-index: 2147483649; z-index: 2147483649;
background: rgba(0, 0, 0, 0.3); background: rgba(0, 0, 0, 0.3);
opacity: 0.75; opacity: 0.75;
animation: scanline 6s linear infinite; animation: scanline 6s linear infinite;
} }
.scanlines:after { .scanlines:after {
top: 0; top: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
left: 0; left: 0;
z-index: 2147483648; z-index: 2147483648;
background: linear-gradient(to bottom, background: linear-gradient(
transparent 50%, to bottom,
rgba(0, 0, 0, 0.3) 51%); transparent 50%,
background-size: 100% 6px; rgba(0, 0, 0, 0.3) 51%
animation: scanlines 2s steps(30) infinite; );
background-size: 100% 6px;
animation: scanlines 2s steps(30) infinite;
} }
/* ANIMATE UNIQUE SCANLINE */ /* ANIMATE UNIQUE SCANLINE */
@keyframes scanline { @keyframes scanline {
0% { 0% {
transform: translate3d(0, 200000%, 0); transform: translate3d(0, 200000%, 0);
} }
} }
@keyframes scanlines { @keyframes scanlines {
0% { 0% {
background-position: 0 50%; background-position: 0 50%;
} }
} }
span.shj-syn-str:nth-child(2) { span.shj-syn-str:nth-child(2) {
color: var(--status-color, rgba(150, 150, 150, 0.1)); color: var(--status-color, rgba(150, 150, 150, 0.1));
} }
.shj-numbers { .shj-numbers {
padding: 0px; padding: 0px;
} }
.shj-lang-json { .shj-lang-json {
padding: 0px; padding: 0px;
background-color: transparent; background-color: transparent;
} }

34
src/front/App.tsx
View file

@ -1,15 +1,27 @@
import Lanyard from './components/Lanyard'; import Hyperate from "./components/Hyperate";
import Hyperate from './components/Hyperate'; import Lanyard from "./components/Lanyard";
export default () => { export default () => {
return <div class="app"> return (
<p>seth&gt; cat ./about.txt</p> <div class="app">
<p>A Dedicated Backend Developer,<br />with a passion for high-fidelity audio,<br />gaming, and web development.</p> <p>seth&gt; cat ./about.txt</p>
<p>
A Dedicated Backend Developer,
<br />
with a passion for high-fidelity audio,
<br />
gaming, and web development.
</p>
<p>seth&gt; curl /tmp/discord-ipc</p> <p>seth&gt; curl /tmp/discord-ipc</p>
<p><Lanyard /></p> <p>
<Lanyard />
</p>
<p>seth&gt; cat /tmp/heartrate</p> <p>seth&gt; cat /tmp/heartrate</p>
<p><Hyperate /></p> <p>
</div> <Hyperate />
} </p>
</div>
);
};

78
src/front/Socket.ts
View file

@ -1,50 +1,50 @@
const { protocol, host } = window.location; const { protocol, host } = window.location;
class Socket extends EventTarget { class Socket extends EventTarget {
private _socket: WebSocket; private _socket: WebSocket;
constructor(url: string) { constructor(url: string) {
super(); super();
this._socket = new WebSocket(url); this._socket = new WebSocket(url);
this._socket.onmessage = (event) => { this._socket.onmessage = (event) => {
const { type, data } = JSON.parse(event.data); const { type, data } = JSON.parse(event.data);
switch (type) { switch (type) {
case "lanyard": { case "lanyard": {
this.emitLanyard(data); this.emitLanyard(data);
break; break;
} }
case "hyperate": { case "hyperate": {
this.emitHyperate(data.hr); this.emitHyperate(data.hr);
break; break;
} }
case "echo": { case "echo": {
console.log("Echo: ", data); console.log("Echo: ", data);
break; break;
} }
default: { default: {
console.error("Unknown message type: ", type, data); console.error("Unknown message type: ", type, data);
break; break;
} }
} }
}; };
this._socket.onclose = () => { this._socket.onclose = () => {
location.reload(); location.reload();
}; };
setInterval(() => { setInterval(() => {
this._socket.send("ping"); this._socket.send("ping");
}, 30 * 1000); }, 30 * 1000);
} }
emitLanyard(lanyard: object) { emitLanyard(lanyard: object) {
this.dispatchEvent(new CustomEvent('lanyard', { detail: lanyard })); this.dispatchEvent(new CustomEvent("lanyard", { detail: lanyard }));
} }
emitHyperate(heartRate: number) { emitHyperate(heartRate: number) {
this.dispatchEvent(new CustomEvent('hyperate', { detail: heartRate })); this.dispatchEvent(new CustomEvent("hyperate", { detail: heartRate }));
} }
} }
export default new Socket(`${protocol.replace("http", "ws")}//${host}/api/ws`); export default new Socket(`${protocol.replace("http", "ws")}//${host}/api/ws`);

24
src/front/components/Hyperate/index.tsx
View file

@ -3,15 +3,17 @@ import { createRef } from "tsx-dom";
import socket from "../../Socket"; import socket from "../../Socket";
export default () => { export default () => {
const paragraph = createRef<HTMLParagraphElement>(); const paragraph = createRef<HTMLParagraphElement>();
socket.addEventListener('hyperate', (event: Event) => { socket.addEventListener("hyperate", (event: Event) => {
const heartRate = (event as CustomEvent).detail; const heartRate = (event as CustomEvent).detail;
if (paragraph.current) { if (paragraph.current) {
paragraph.current.innerText = `${heartRate} BPM`; paragraph.current.innerText = `${heartRate} BPM`;
} }
}); });
return <div> return (
<p ref={paragraph}>0 BPM</p> <div>
</div>; <p ref={paragraph}>0 BPM</p>
} </div>
);
};

99
src/front/components/Lanyard/index.tsx
View file

@ -1,59 +1,68 @@
import { createRef } from "tsx-dom";
import { highlightAll } from "@speed-highlight/core"; import { highlightAll } from "@speed-highlight/core";
import { createRef } from "tsx-dom";
import socket from "../../Socket"; import socket from "../../Socket";
const statusTypes: { [key: string]: string } = { const statusTypes: { [key: string]: string } = {
online: "rgb(0, 150, 0)", online: "rgb(0, 150, 0)",
idle: "rgb(150, 150, 0)", idle: "rgb(150, 150, 0)",
dnd: "rgb(150, 0, 0)", dnd: "rgb(150, 0, 0)",
offline: "rgb(150, 150, 150)", offline: "rgb(150, 150, 150)",
} };
const gradientTypes: { [key: string]: string } = { const gradientTypes: { [key: string]: string } = {
online: "rgba(0, 150, 0, 0.1)", online: "rgba(0, 150, 0, 0.1)",
idle: "rgba(150, 150, 0, 0.1)", idle: "rgba(150, 150, 0, 0.1)",
dnd: "rgba(150, 0, 0, 0.1)", dnd: "rgba(150, 0, 0, 0.1)",
offline: "rgba(150, 150, 150, 0.1)", offline: "rgba(150, 150, 150, 0.1)",
} };
const activityTypes: { [key: number]: string } = { const activityTypes: { [key: number]: string } = {
0: "Playing", 0: "Playing",
1: "Streaming", 1: "Streaming",
2: "Listening to", 2: "Listening to",
3: "Watching", 3: "Watching",
4: "Custom Status", 4: "Custom Status",
5: "Competing in", 5: "Competing in",
} };
const stringify = (data: { [key: string]: string }) => { const stringify = (data: { [key: string]: string }) => {
return JSON.stringify(data, null, 2) return JSON.stringify(data, null, 2);
} };
export default () => { export default () => {
const code = createRef<HTMLDivElement>(); const code = createRef<HTMLDivElement>();
socket.addEventListener('lanyard', (event: Event) => { socket.addEventListener("lanyard", (event: Event) => {
const lanyard = (event as CustomEvent).detail; const lanyard = (event as CustomEvent).detail;
document.body.style = `--status-color: ${statusTypes[lanyard.discord_status]}; --gradient-color: ${gradientTypes[lanyard.discord_status]};`; document.body.style = `--status-color: ${statusTypes[lanyard.discord_status]}; --gradient-color: ${gradientTypes[lanyard.discord_status]};`;
if (code.current) { if (code.current) {
code.current.innerHTML = stringify({ code.current.innerHTML = stringify({
status: lanyard.discord_status, status: lanyard.discord_status,
activities: lanyard.activities.map((act: { activities: lanyard.activities.map(
type: number, name: string, details: string, state: string (act: {
}) => { type: number;
return [ name: string;
... new Set([ details: string;
activityTypes[act.type], state: string;
act.name, }) => {
act.details, return [
act.state ...new Set([
]) activityTypes[act.type],
].filter(n => n) act.name,
}), act.details,
}); act.state,
} ]),
highlightAll(); ].filter((n) => n);
}); },
),
});
}
highlightAll();
});
return <div class="shj-lang-json" ref={code}>{"{}"}</div> return (
} <div class="shj-lang-json" ref={code}>
{"{}"}
</div>
);
};

24
src/front/index.css
View file

@ -5,16 +5,20 @@
html, html,
head, head,
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
font: 2vh monospace; font: 2vh monospace;
height: 100vh; height: 100vh;
width: 100vw; width: 100vw;
} }
body { body {
color: #DEDEDE; color: #dedede;
text-shadow: 0 0 5px #C8C8C8; text-shadow: 0 0 5px #c8c8c8;
background: radial-gradient(at bottom right, var(--gradient-color, rgba(150, 150, 150, 0.1)) 0%, rgba(0, 0, 0, 1) 100%); background: radial-gradient(
display: flex; at bottom right,
} var(--gradient-color, rgba(150, 150, 150, 0.1)) 0%,
rgba(0, 0, 0, 1) 100%
);
display: flex;
}

4
src/front/index.tsx
View file

@ -1,8 +1,8 @@
import "tsx-dom"; import "tsx-dom";
import App from './App'; import App from "./App";
document.body.appendChild(<App />); document.body.appendChild(<App />);
// You're garbage, let me collect you. // You're garbage, let me collect you.
fetch("/api/gc") fetch("/api/gc");

53
tsconfig.json
View file

@ -1,29 +1,26 @@
{ {
"compilerOptions": { "compilerOptions": {
// Environment setup & latest features // Environment setup & latest features
"lib": [ "lib": ["ESNext", "DOM"],
"ESNext", "target": "ESNext",
"DOM", "module": "ESNext",
], "moduleDetection": "force",
"target": "ESNext", "jsx": "react-jsx",
"module": "ESNext", "jsxImportSource": "tsx-dom",
"moduleDetection": "force", "allowJs": true,
"jsx": "react-jsx", // Bundler mode
"jsxImportSource": "tsx-dom", "moduleResolution": "bundler",
"allowJs": true, "allowImportingTsExtensions": true,
// Bundler mode "verbatimModuleSyntax": true,
"moduleResolution": "bundler", "noEmit": true,
"allowImportingTsExtensions": true, // Best practices
"verbatimModuleSyntax": true, "strict": true,
"noEmit": true, "skipLibCheck": true,
// Best practices "noFallthroughCasesInSwitch": true,
"strict": true, "noUncheckedIndexedAccess": true,
"skipLibCheck": true, // Some stricter flags (disabled by default)
"noFallthroughCasesInSwitch": true, "noUnusedLocals": false,
"noUncheckedIndexedAccess": true, "noUnusedParameters": false,
// Some stricter flags (disabled by default) "noPropertyAccessFromIndexSignature": false
"noUnusedLocals": false, }
"noUnusedParameters": false, }
"noPropertyAccessFromIndexSignature": false
}
}