[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_153":154,"_155":156},"routes/_app.x.$handle.$name",{"_95":94,"_32":45,"_103":85,"_27":104,"_13":14,"_105":-5,"_11":106,"_107":108,"_109":110,"_111":112,"_113":114,"_20":-5,"_115":-5,"_116":-5,"_117":25,"_118":119,"_120":58,"_121":-5,"_122":-5,"_123":124},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":31,"_57":58,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":79,"_80":81,"_82":83,"_84":25},"version",5,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","main.ts","latestPath","fileId","fac44c70-97b7-11f1-953f-1607ee4eb77e","name","fileType","http","content","/**\n * Val Town HTTP Val: einfacher SSE-Broadcast mit freier Channel-ID.\n *\n * GET /sse/ -> offener text/event-stream\n * POST /sse/ -> Body wird als `data: ...` an alle Clients geschickt\n * GET / -> kurze Hilfe\n *\n * channelId: [a-z0-9]{2,6}\n */\n\nconst CHANNEL_RE = /^\\/sse\\/([a-z0-9]{2,6})\\/?$/;\nconst HEARTBEAT_MS = 15_000;\nconst encoder = new TextEncoder();\n\ntype Client = {\n controller: ReadableStreamDefaultController;\n heartbeat: number;\n};\n\n// channelId -> Menge der verbundenen Clients\nconst channels = new Map>();\nlet eventId = 0;\n\nconst CORS = {\n \"access-control-allow-origin\": \"*\",\n \"access-control-allow-methods\": \"GET, POST, OPTIONS\",\n \"access-control-allow-headers\": \"content-type\",\n};\n\n/** Baut einen SSE-Frame. Mehrzeilige Bodies werden auf mehrere `data:`-Zeilen verteilt. */\nfunction frame(\n data: string,\n opts: { event?: string; id?: string | number } = {},\n) {\n const lines: string[] = [];\n if (opts.event) lines.push(`event: ${opts.event}`);\n if (opts.id !== undefined) lines.push(`id: ${opts.id}`);\n for (const line of data.split(/\\r\\n|\\r|\\n/)) lines.push(`data: ${line}`);\n return encoder.encode(lines.join(\"\\n\") + \"\\n\\n\");\n}\n\nfunction removeClient(channelId: string, client: Client) {\n clearInterval(client.heartbeat);\n const set = channels.get(channelId);\n if (!set) return;\n set.delete(client);\n if (set.size === 0) channels.delete(channelId);\n}\n\n/** Schickt einen Frame an alle Clients eines Channels, gibt die Zahl der Empfänger zurück. */\nfunction broadcast(channelId: string, chunk: Uint8Array): number {\n const set = channels.get(channelId);\n if (!set) return 0;\n let delivered = 0;\n for (const client of [...set]) {\n try {\n client.controller.enqueue(chunk);\n delivered++;\n } catch {\n // Verbindung ist schon weg\n removeClient(channelId, client);\n }\n }\n return delivered;\n}\n\nfunction subscribe(channelId: string, req: Request): Response {\n let client: Client;\n\n const stream = new ReadableStream({\n start(controller) {\n const heartbeat = setInterval(() => {\n try {\n // Kommentar-Zeile: hält Proxies/Verbindung wach, löst kein Event aus\n controller.enqueue(encoder.encode(`: ping ${Date.now()}\\n\\n`));\n } catch {\n removeClient(channelId, client);\n }\n }, HEARTBEAT_MS);\n\n client = { controller, heartbeat };\n\n let set = channels.get(channelId);\n if (!set) {\n set = new Set();\n channels.set(channelId, set);\n }\n set.add(client);\n\n // controller.enqueue(frame(`connected to ${channelId}`, { event: \"open\" }));\n },\n cancel() {\n removeClient(channelId, client);\n },\n });\n\n // Fallback, falls cancel() nicht feuert\n req.signal.addEventListener(\"abort\", () => removeClient(channelId, client));\n\n return new Response(stream, {\n headers: {\n \"content-type\": \"text/event-stream; charset=utf-8\",\n \"cache-control\": \"no-cache, no-transform\",\n connection: \"keep-alive\",\n \"x-accel-buffering\": \"no\",\n ...CORS,\n },\n });\n}\n\nexport default async function (req: Request): Promise {\n const url = new URL(req.url);\n\n if (req.method === \"OPTIONS\") {\n return new Response(null, { status: 204, headers: CORS });\n }\n\n const match = url.pathname.match(CHANNEL_RE);\n\n if (!match) {\n const help = [\n \"SSE Broadcast\",\n \"\",\n ` curl -N ${url.origin}/sse/demo`,\n ` curl -X POST -d 'Testevent' ${url.origin}/sse/demo`,\n \"\",\n \"channelId: [a-z0-9]{2,6}\",\n ].join(\"\\n\");\n return new Response(help, {\n status: url.pathname === \"/\" ? 200 : 404,\n headers: { \"content-type\": \"text/plain; charset=utf-8\", ...CORS },\n });\n }\n\n const channelId = match[1];\n\n if (req.method === \"GET\") {\n return subscribe(channelId, req);\n }\n\n if (req.method === \"POST\") {\n const body = await req.text();\n if (!body) {\n return new Response(\"empty body\\n\", { status: 400, headers: CORS });\n }\n\n // optional: ?event=foo setzt einen Event-Namen\n const eventName = url.searchParams.get(\"event\") ?? undefined;\n const id = ++eventId;\n const delivered = broadcast(\n channelId,\n frame(body, { event: eventName, id }),\n );\n\n return new Response(\n JSON.stringify({ channel: channelId, id, delivered }) + \"\\n\",\n {\n status: 200,\n headers: { \"content-type\": \"application/json\", ...CORS },\n },\n );\n }\n\n return new Response(\"method not allowed\\n\", { status: 405, headers: CORS });\n}","/**\n * Val Town HTTP Val: SSE-Broadcast über SQLite (überlebt Isolate-Wechsel).\n *\n * GET /sse/ -> text/event-stream, pollt neue Nachrichten\n * POST /sse/ -> Body wird als Zeile in die Tabelle geschrieben\n *\n * channelId: [a-z0-9]{2,6}\n */\n\nimport { sqlite } from \"https://esm.town/v/std/sqlite\";\n\nconst TABLE = \"sse_messages_v1\";\nconst CHANNEL_RE = /^\\/sse\\/([a-z0-9]{2,6})\\/?$/;\nconst POLL_MS = 400; // Latenz vs. Query-Last\nconst HEARTBEAT_MS = 15_000;\nconst RETENTION_MS = 5 * 60_000; // ältere Zeilen werden beim POST aufgeräumt\n\nconst encoder = new TextEncoder();\n\nconst CORS = {\n \"access-control-allow-origin\": \"*\",\n \"access-control-allow-methods\": \"GET, POST, OPTIONS\",\n \"access-control-allow-headers\": \"content-type, last-event-id\",\n};\n\nlet ready: Promise | undefined;\nfunction init() {\n ready ??= sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${TABLE} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n channel TEXT NOT NULL,\n body TEXT NOT NULL,\n event TEXT,\n ts INTEGER NOT NULL\n )\n `);\n return ready;\n}\n\n/** Baut einen SSE-Frame. Mehrzeilige Bodies werden auf mehrere `data:`-Zeilen verteilt. */\nfunction frame(\n data: string,\n opts: { event?: string | null; id?: number } = {},\n) {\n const lines: string[] = [];\n if (opts.event) lines.push(`event: ${opts.event}`);\n if (opts.id !== undefined) lines.push(`id: ${opts.id}`);\n for (const line of data.split(/\\r\\n|\\r|\\n/)) lines.push(`data: ${line}`);\n return encoder.encode(lines.join(\"\\n\") + \"\\n\\n\");\n}\n\nfunction sleep(ms: number, signal: AbortSignal) {\n return new Promise((resolve) => {\n if (signal.aborted) return resolve();\n const timer = setTimeout(resolve, ms);\n signal.addEventListener(\"abort\", () => {\n clearTimeout(timer);\n resolve();\n }, { once: true });\n });\n}\n\nasync function maxId(channelId: string): Promise {\n const res = await sqlite.execute({\n sql: `SELECT COALESCE(MAX(id), 0) FROM ${TABLE} WHERE channel = ?`,\n args: [channelId],\n });\n return Number(res.rows[0][0]);\n}\n\n/** Erzeugt fortlaufend SSE-Frames, bis der Client abbricht. */\nasync function* eventStream(\n channelId: string,\n since: number,\n signal: AbortSignal,\n) {\n let cursor = since;\n let lastWrite = Date.now();\n\n yield frame(`connected to ${channelId}`, { event: \"open\" });\n\n while (!signal.aborted) {\n const res = await sqlite.execute({\n sql: `SELECT id, body, event FROM ${TABLE}\n WHERE channel = ? AND id > ?\n ORDER BY id ASC LIMIT 100`,\n args: [channelId, cursor],\n });\n\n for (\n const [id, body, event] of res.rows as [number, string, string | null][]\n ) {\n cursor = Number(id);\n lastWrite = Date.now();\n yield frame(body, { event, id: cursor });\n }\n\n if (Date.now() - lastWrite >= HEARTBEAT_MS) {\n lastWrite = Date.now();\n yield encoder.encode(`: ping ${lastWrite}\\n\\n`);\n }\n\n await sleep(POLL_MS, signal);\n }\n}\n\nasync function subscribe(channelId: string, req: Request): Promise {\n await init();\n\n // Reconnect-Support: EventSource schickt die letzte gesehene id mit\n const lastEventId = Number(req.headers.get(\"last-event-id\"));\n const since = Number.isFinite(lastEventId) && lastEventId > 0\n ? lastEventId\n : await maxId(channelId); // sonst: nur ab jetzt, keine Historie\n\n const controllerAbort = new AbortController();\n req.signal.addEventListener(\"abort\", () => controllerAbort.abort(), {\n once: true,\n });\n\n const iterator = eventStream(channelId, since, controllerAbort.signal)\n [Symbol.asyncIterator]();\n\n const stream = new ReadableStream({\n async pull(controller) {\n const { value, done } = await iterator.next();\n if (done) controller.close();\n else controller.enqueue(value);\n },\n cancel() {\n controllerAbort.abort();\n },\n });\n\n return new Response(stream, {\n headers: {\n \"content-type\": \"text/event-stream; charset=utf-8\",\n \"cache-control\": \"no-cache, no-transform\",\n \"x-accel-buffering\": \"no\",\n connection: \"keep-alive\",\n ...CORS,\n },\n });\n}\n\nexport default async function (req: Request): Promise {\n const url = new URL(req.url);\n\n if (req.method === \"OPTIONS\") {\n return new Response(null, { status: 204, headers: CORS });\n }\n\n const match = url.pathname.match(CHANNEL_RE);\n if (!match) {\n const help = [\n \"SSE Broadcast\",\n \"\",\n ` curl -N ${url.origin}/sse/demo`,\n ` curl -X POST -d 'Testevent' ${url.origin}/sse/demo`,\n \"\",\n \"channelId: [a-z0-9]{2,6}\",\n ].join(\"\\n\");\n return new Response(help, {\n status: url.pathname === \"/\" ? 200 : 404,\n headers: { \"content-type\": \"text/plain; charset=utf-8\", ...CORS },\n });\n }\n\n const channelId = match[1];\n\n if (req.method === \"GET\") return subscribe(channelId, req);\n\n if (req.method === \"POST\") {\n const body = await req.text();\n if (!body) {\n return new Response(\"empty body\\n\", { status: 400, headers: CORS });\n }\n\n await init();\n const eventName = url.searchParams.get(\"event\");\n const now = Date.now();\n\n const res = await sqlite.execute({\n sql:\n `INSERT INTO ${TABLE} (channel, body, event, ts) VALUES (?, ?, ?, ?) RETURNING id`,\n args: [channelId, body, eventName, now],\n });\n const id = Number(res.rows[0][0]);\n\n // alte Zeilen wegräumen, damit die Tabelle nicht wächst\n await sqlite.execute({\n sql: `DELETE FROM ${TABLE} WHERE ts < ?`,\n args: [now - RETENTION_MS],\n });\n\n return new Response(JSON.stringify({ channel: channelId, id }) + \"\\n\", {\n headers: { \"content-type\": \"application/json\", ...CORS },\n });\n }\n\n return new Response(\"method not allowed\\n\", { status: 405, headers: CORS });\n}","createdAt",["D",1786696382593],"branchVersion","branchId","d781c1eb-7e5c-4eb4-a5af-47283dd69ab5","id","d7a71fe7-1e2a-4089-b163-c3c26638bff3","sse",["D",1786695186673],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","SSE Test Server","imageUrl","0f0f90dd-9882-49bf-b3bc-9a02c9cbe176","pinnedFileId","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","44c59edd-d8e4-4d3e-a59b-4b3016fffa1f","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_95":94,"_102":98},"org",{"_95":94,"_96":-5,"_97":98,"_18":55,"_99":100,"_101":25},"branch",{"_13":14,"_32":85,"_43":42,"_86":44,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":45,"_93":94},"isOwned","main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","webgyver","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJkVm0yOHRUaHBhUXlDSmR3MTNTN2hCUEFTZyIsImluaXRpYWxzIjoiQ0IifQ","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":149,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":31,"_57":58,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":150,"_80":151,"_82":152,"_84":25},"tree",[144],"files",[144],"counts",{"_133":62,"_134":135,"_136":62,"_137":138,"_139":140},"contents",[125],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_43":126,"_32":28,"_30":31,"_127":-5,"_41":42,"_40":14,"_128":58,"_38":129,"_13":130,"_33":34,"_35":37,"_24":25,"_131":45,"_27":132},"034a8ad3-4dff-4f38-91c6-7145efb01b18","parentId","latest",["D",1786696382593],4,"label",[28],"pulls","branches",1,"forks","envVars",{"_141":62,"_143":62},"connections",{"_141":62,"_142":62},"count","unfilledCount","emptyCount",{"_43":126,"_32":28,"_30":31,"_127":-5,"_41":42,"_40":14,"_128":58,"_38":145,"_13":130,"_33":34,"_35":37,"_24":25,"_131":45,"_146":147,"_27":148},["D",1786696382593],"children",[],[28],["D",1786695186673],{"_95":94,"_102":98},{"_95":94,"_96":-5,"_97":98,"_18":55,"_99":100,"_101":25},{"_13":14,"_32":85,"_43":42,"_86":44,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":45,"_93":94},"ctx",{"_78":-5,"_122":186,"_187":188,"_189":190,"_191":25,"_192":25,"_193":25,"_194":58,"_195":-5,"_196":-7,"_197":-7,"_198":62,"_199":25,"_200":25,"_201":-5,"_202":25,"_203":25,"_204":25,"_205":-5},"ENV",{"_157":158,"_159":160,"_161":85,"_162":163,"_164":165,"_166":167,"_168":169,"_170":171,"_172":173,"_174":175,"_176":177,"_178":179,"_180":181,"_182":183,"_184":185},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","71c1b20804b3232a7e513be260cfffc1932a9e97","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v5