zombieb/literally-miku-expo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

yeah

Browse Source
This commit is contained in:
zombieb
2025-10-27 21:49:35 -04:00
parent add31e4dd7
commit a068055e4f
7 changed files with 258 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
.gitignore vendored Normal file
View File

@@ -0,0 +1 @@
/build/

12
README.md
View File

@@ -1 +1,11 @@
hi miku!!!
# literally hatsune miku
## miku expo 2026
### ticket prices are just robbery in plain daylight
using deno and hono framework.
`deno run dev`
`deno run compile-win`
`deno run compile`

9
deno.json
View File

@@ -1,9 +1,14 @@
{
"tasks": {
"dev": "deno run -A main.ts"
"dev": "deno run -A main.ts",
"compile-win": "deno compile --include res --target x86_64-pc-windows-msvc -o build/go_go_gadget_unofficial_countdown.exe -A main.ts",
"compile": "deno compile --include res --target x86_64-unknown-linux-gnu -o build/go_go_gadget_unofficial_countdown -A main.ts",
"dual-compile": "deno run compile-win && deno run compile"
},
"imports": {
"@hono/hono": "jsr:@hono/hono@^4.10.3",
"@proxnet/undead-logging": "jsr:@proxnet/undead-logging@^1.5.1",
"@std/assert": "jsr:@std/assert@1"
"@std/assert": "jsr:@std/assert@1",
"@types/node": "npm:@types/node@^24.2.0"
}
}

9
deno.lock generated
View File

@@ -1,13 +1,18 @@
{
"version": "5",
"specifiers": {
"jsr:@hono/hono@^4.10.3": "4.10.3",
"jsr:@proxnet/undead-logging@^1.5.1": "1.5.1",
"jsr:@std/assert@1": "1.0.15",
"jsr:@std/internal@^1.0.12": "1.0.12",
"npm:@types/node@*": "24.2.0",
"npm:@types/node@^24.2.0": "24.2.0",
"npm:chalk@^5.3.0": "5.6.2"
},
"jsr": {
"@hono/hono@4.10.3": {
"integrity": "d37db91cace43d80dccdbb49b396bd4f97e019c8566c20201cb1d9e4a3009e45"
},
"@proxnet/undead-logging@1.5.1": {
"integrity": "f858b6357d52c4bc1bbab279200dae86ed573ea45d945a8dfaf2f2cb23c4b649",
"dependencies": [
@@ -40,8 +45,10 @@
},
"workspace": {
"dependencies": [
"jsr:@hono/hono@^4.10.3",
"jsr:@proxnet/undead-logging@^1.5.1",
"jsr:@std/assert@1"
"jsr:@std/assert@1",
"npm:@types/node@^24.2.0"
]
}
}

54
main.ts
View File

@@ -0,0 +1,54 @@
// deno-lint-ignore-file require-await
import Logging, { LoggingConfiguration, LogTiming, TimeFormat } from "@proxnet/undead-logging";
import { Hono } from "@hono/hono";
import path from "node:path";
import process from "node:process";
function resDir() {
return path.resolve(import.meta.dirname?.concat("/res/") ?? process.cwd());
}
LoggingConfiguration.timeFormat = TimeFormat.Unix;
LoggingConfiguration.logTiming = LogTiming.Microtask;
const log = new Logging("Main");
const CONSTANTS = {
page: Deno.readTextFileSync(path.join(resDir(), "index.html")),
port: 39392,
hostname: Deno.args[0]
}
const app = new Hono();
let visits = 0;
app.get('/', async r => {
return r.html(CONSTANTS.page);
});
app.get('/hit', async r => {
visits++;
return r.json(visits);
});
app.use('*', async r => {
r.status(404);
return r.text("Not Found. Sorry! - zombieb");
});
function getSrcAddr(r: Request, addr: Deno.NetAddr) {
const cf = r.headers.get("Cf-Connecting-Ip");
if (cf) return cf;
else return `${addr.hostname}:${addr.port}`;
}
Deno.serve({ port: CONSTANTS.port, hostname: CONSTANTS.hostname, onListen: n => {
log.i(`Listening information: ${JSON.stringify(n)}`);
} }, async (r, addr) => {
const url = new URL(r.url);
log.n(`${getSrcAddr(r, addr.remoteAddr)} ${r.method} ${url.pathname}${url.searchParams.size > 0 ? `?${url.searchParams.toString()}` : ''}`);
return await app.fetch(r);
});

4
pub/index.html
View File

@@ -1,4 +0,0 @@
<!DOCTYPE html>
<html>
</html>

177
res/index.html Normal file
View File

@@ -0,0 +1,177 @@
<!DOCTYPE html>
<html>
<head>
<title>MIKU EXPO 2026 Time Tracker</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<style>
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
:root {
--gray: rgb(89, 89, 89);
--white: rgb(202, 202, 202);
--half: 50%;
}
body {
margin: 0 16vw 0 16vw;
background-color: rgb(34, 34, 34);
color: var(--white);
font-family: "Roboto", sans-serif;
}
.t {
font-weight: 200;
}
.c {
padding: 3px;
background-color: rgb(16, 16, 16);
border-radius: 8px;
}
.fit {
margin-top: 0.3em;
margin-bottom: 0.3em;
}
</style>
<div style="display: flex; flex-direction: column; align-items: center;">
<a href="https://mikuexpo.com/na2026/" target="_blank"><img src="https://mikuexpo.com/na2026/images/main_logo.webp" style="max-width: 32vw;"></a>
<h1 class="fit" style="margin-top: 0;">go go gadget unofficial countdown</h1>
</div>
<div id="items">
<h1 id="loading-text">loading!!!</h1>
</div>
<hr style="opacity: var(--half);">
<div style="display: flex; justify-content: center; align-items: center; flex-wrap: nowrap; margin-top: 25px;">
<p class="fit" style="margin-left: 8px;"><span class="c" id="visits">3939</span> visits</p>
</div>
<footer style="text-align: center; margin: 0; color: var(--gray)">
<h6>
Made by @zombieb (Discord).<br>
<a href="https://gitea.proxnet.dev/zombieb/literally-miku-expo" target="_blank" style="color: var(--gray)">Open Source.</a><br>
Times may not be completely accurate. They're <span style="font-style: italic;">close enough.</span>
</h6>
</footer>
<script type="module">
/**
* @type {{time:string,area:string,venue:string}[]}
*/
const times = [
{"time":"2026-04-14T00:00:00.000Z","area":"Chicago, IL","venue":"The Auditorium Theatre"},
{"time":"2026-04-16T00:00:00.000Z","area":"Denver, CO","venue":"Mission Ballroom"},
{"time":"2026-04-19T00:00:00.000Z","area":"Vancouver, BC","venue":"Doug Mitchell Thunderbird Sports Centre"},
{"time":"2026-04-21T00:00:00.000Z","area":"Seattle, WA","venue":"WAMU Theater"},
{"time":"2026-04-23T00:00:00.000Z","area":"San Jose, CA","venue":"San Jose Civic"},
{"time":"2026-04-26T00:00:00.000Z","area":"Los Angeles, CA","venue":"Peacock Theater"},
{"time":"2026-04-29T00:00:00.000Z","area":"Glendale, AZ","venue":"Desert Diamond Arena"},
{"time":"2026-04-31T00:00:00.000Z","area":"Grand Prairie, TX","venue":"Texas Trust CU Theatre"},
{"time":"2026-05-02T00:00:00.000Z","area":"Cedar Park, TX","venue":"H-E-B Center at Cedar Park"},
{"time":"2026-05-04T00:00:00.000Z","area":"Duluth, GA","venue":"Gas South Arena"},
{"time":"2026-05-06T00:00:00.000Z","area":"Washington, DC","venue":"The Anthem"},
{"time":"2026-05-08T00:00:00.000Z","area":"Newark, NJ","venue":"Prudential Center"},
{"time":"2026-05-11T00:00:00.000Z","area":"Boston, MA","venue":"Wang Theatre At The Boch Center"},
{"time":"2026-05-14T00:00:00.000Z","area":"Hamilton, ON","venue":"TD Coliseum"},
{"time":"2026-05-20T00:00:00.000Z","area":"Mexico City","venue":"Pepsi Center WTC"}
];
/**
* @param d {Date}
*/
function hoursUntil(d) {
return Math.ceil((d.getTime() - Date.now()) / 1000 / 60 / 60);
}
/**
* @param d {Date}
*/
function daysUntil(d) {
return Math.ceil((d.getTime() - Date.now()) / 1000 / 60 / 60 / 24);
}
const itemsContainer = document.getElementById("items");
for (const time of times) {
const venue = time.venue;
const area = time.area;
const hr = document.createElement("hr");
hr.style.opacity = "var(--half)";
const container = document.createElement("div");
container.style.display = "flex";
const infoContainer = document.createElement("div");
const timeContainer = document.createElement("div");
infoContainer.style.flexGrow = "1";
timeContainer.style.textAlign = "right";
timeContainer.style.alignContent = "center";
timeContainer.style.maxWidth = "var(--half)";
const areaText = document.createElement("h2");
const venueText = document.createElement("h4");
areaText.innerText = area.toUpperCase();
areaText.classList.add("t");
areaText.classList.add("fit");
venueText.innerText = venue;
venueText.classList.add("t");
venueText.classList.add("fit");
const timeText = document.createElement("h3");
timeText.innerHTML = "loading time.";
timeText.classList.add("fit");
infoContainer.appendChild(areaText);
infoContainer.appendChild(venueText);
timeContainer.appendChild(timeText);
container.appendChild(infoContainer);
container.appendChild(timeContainer);
itemsContainer.appendChild(hr);
itemsContainer.appendChild(container);
const setTime = () => {
const d = new Date(time.time);
const hours = hoursUntil(d);
const days = daysUntil(d);
if (hours > 5) timeText.innerHTML = `<span class="c">${days} DAY(S)</span> <span class="t">REMAINING</span>`;
else if (hours <= 0) timeText.innerHTML = "FINISHED";
else timeText.innerText = "RIGHT NOW";
};
setInterval(setTime, 1000);
setTime(); // immediately initialize times
}
fetch('/hit').then(async res => {
if (!(res.status >= 200 && res.status < 400)) {
document.getElementById("visits").innerText = "fetch failed";
} else {
/**
* @type {number}
*/
const parsed = await res.json();
document.getElementById("visits").innerText = parsed;
}
});
document.getElementById("loading-text").remove();
</script>
</body>
</html>