/** @jsxImportSource https://esm.sh/react */ import { extractValInfo } from "https://esm.town/v/pomdtr/extractValInfo?v=27"; import { blob } from "https://esm.town/v/std/blob?v=12"; import { Buffer } from "node:buffer"; import { createHash } from "node:crypto"; import base32Encode from "npm:base32-encode"; import { renderToString } from "npm:react-dom/server"; const { author, name } = extractValInfo(import.meta.url); const WASM_BLOB_PREFIX = `${author}-${name}-wasm-wasm-blob-v1-`; async function readAllBytes(stream: ReadableStream): Promise { const reader = stream.getReader(); const chunks: Uint8Array[] = []; let result: ReadableStreamReadResult; while (!(result = await reader.read()).done) { chunks.push(result.value); } // Concatenate all chunks into one Buffer const concatenated = Buffer.concat(chunks.map(chunk => Buffer.from(chunk))); return concatenated; } function getSha256Hash(buffer: Buffer): string { return base32Encode( createHash("sha256").update(buffer).digest().slice(0, 20), "RFC4648", { padding: false }, ).toLowerCase(); } function trimPrefix(str, prefix) { if (str.startsWith(prefix)) { return str.slice(prefix.length); } return str; } function trimSuffix(str, suffix) { if (str.endsWith(suffix)) { return str.slice(0, -suffix.length); } return str; } const keyToURL = (key: string) => { return `https://${author}-${name.toLowerCase()}.web.val.run/${trimPrefix(key, WASM_BLOB_PREFIX)}.wasm`; }; const urlToKey = (url: string) => { return WASM_BLOB_PREFIX + trimSuffix(trimPrefix(url, `https://${author}-${name.toLowerCase()}.web.val.run/`), ".wasm"); }; function formatBytes(bytes: number): string { if (bytes === 0) return "0B"; const k = 1024; const sizes = ["B", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"]; const i = Math.floor(Math.log(bytes) / Math.log(k)); const formatted = parseFloat((bytes / Math.pow(k, i)).toFixed(2)); return `${formatted}${sizes[i]}`; } function relativeTimeFromNow(dateString: string): string { const now = new Date(); const date = new Date(dateString); const diffInSeconds = Math.floor((now.getTime() - date.getTime()) / 1000); if (diffInSeconds < 60) { return `${diffInSeconds}s ago`; } else if (diffInSeconds < 3600) { const diffInMinutes = Math.floor(diffInSeconds / 60); return `${diffInMinutes}m ago`; } else if (diffInSeconds < 86400) { const diffInHours = Math.floor(diffInSeconds / 3600); return `${diffInHours}h ago`; } else { const diffInDays = Math.floor(diffInSeconds / 86400); return `${diffInDays}d ago`; } } export default async function(req: Request): Promise { if (req.method === "POST") { const body = await readAllBytes(req.body); // Check to be sure the binary body starts with "\0asm" if (!body.slice(0, 4).equals(Buffer.from([0x00, 0x61, 0x73, 0x6D]))) { return new Response("The request body is not a WASM binary", { status: 400 }); } const key = WASM_BLOB_PREFIX + getSha256Hash(body); await blob.set(key, body); console.log(keyToURL(key)); return Response.json({ url: keyToURL(key) }); } const url = new URL(req.url); if (url.pathname === "/") { const files = await blob.list(WASM_BLOB_PREFIX); return new Response( renderToString(

Hosted WASM Blobs

{`Upload with:
curl -X POST -H "Content-Type: application/wasm" \\
  --data-binary @main.wasm https://${author}-${name}.web.val.run`}

{files.map(file => ( ))}

WASM Blob	Uploaded	Size
{keyToURL(file.key)}	{relativeTimeFromNow(file.lastModified)}	{formatBytes(file.size)}

, ), { headers: { "content-type": "text/html" }, }, ); } const key = urlToKey(req.url); console.log(key); try { const res = await blob.get(key); return new Response(await res.arrayBuffer(), { headers: { "content-type": "application/wasm", "cache-control": "max-age=31536000" }, }); } catch (e) { console.error(e); return new Response("Not found", { status: 404 }); } }

wasmBlobHost