Contact form

\n Submissions are saved to this val's SQLite database.\n

\n \n

\n view submissions\n view source\n

\n \n );\n}\n","label",[172,68],"components","pulls","branches","forks","envVars",{"_180":26,"_182":26},"connections",{"_180":26,"_181":26},"count","unfilledCount","emptyCount",{"_32":248,"_13":172,"_66":164,"_42":-5,"_34":35,"_165":39,"_166":88,"_36":249,"_38":26,"_69":250,"_168":-5,"_71":24,"_170":-5,"_198":251,"_17":252},{"_32":163,"_13":68,"_66":67,"_42":164,"_34":35,"_165":39,"_166":88,"_36":245,"_38":26,"_69":70,"_168":169,"_71":24,"_170":-5,"_198":246,"_17":247},{"_32":238,"_13":239,"_66":240,"_42":164,"_34":35,"_165":39,"_166":88,"_36":241,"_38":26,"_69":70,"_168":242,"_71":24,"_170":-5,"_198":243,"_17":244},{"_32":231,"_13":232,"_66":233,"_42":164,"_34":35,"_165":39,"_166":88,"_36":234,"_38":26,"_69":70,"_168":235,"_71":24,"_170":-5,"_198":236,"_17":237},{"_32":224,"_13":225,"_66":226,"_42":-5,"_34":35,"_165":39,"_166":88,"_36":227,"_38":26,"_69":21,"_168":228,"_71":24,"_170":-5,"_198":229,"_17":230},{"_32":217,"_13":218,"_66":219,"_42":-5,"_34":35,"_165":212,"_166":88,"_36":220,"_38":39,"_69":70,"_168":221,"_71":24,"_170":-5,"_198":222,"_17":223},{"_32":208,"_13":209,"_66":86,"_42":-5,"_34":35,"_165":210,"_166":88,"_36":211,"_38":212,"_69":213,"_168":214,"_71":24,"_170":14,"_198":215,"_17":216},{"_32":201,"_13":202,"_66":203,"_42":-5,"_34":35,"_165":114,"_166":88,"_36":204,"_38":26,"_69":70,"_168":205,"_71":24,"_170":-5,"_198":206,"_17":207},{"_32":192,"_13":193,"_66":194,"_42":-5,"_34":35,"_165":195,"_166":88,"_36":196,"_38":26,"_69":70,"_168":197,"_71":24,"_170":-5,"_198":199,"_17":200},"3d0118d6-6033-4174-93ff-51075a74c14c","selftest.ts","a08d8b60-9b1b-11f1-8101-1607ee4eb77e",5,["D",1787067838518],"const base = \"https://togethr-beta-relay.val.run\";\n\nfunction assert(condition: unknown, message: string): asserts condition {\n if (!condition) throw new Error(message);\n}\n\nasync function jsonRequest(path: string, init?: RequestInit) {\n const response = await fetch(`${base}${path}`, init);\n const body = await response.json().catch(() => ({}));\n return { response, body };\n}\n\nconst suffix = Date.now().toString().slice(-6);\nconst hostCreate = await jsonRequest(\"/v1/devices\", { method: \"POST\", headers: { \"content-type\": \"application/json\" }, body: JSON.stringify({ displayName: `Selftest Host ${suffix}` }) });\nassert(hostCreate.response.status === 201, `host device status ${hostCreate.response.status}`);\nconst friendCreate = await jsonRequest(\"/v1/devices\", { method: \"POST\", headers: { \"content-type\": \"application/json\" }, body: JSON.stringify({ displayName: `Selftest Friend ${suffix}` }) });\nassert(friendCreate.response.status === 201, `friend device status ${friendCreate.response.status}`);\n\nconst host = hostCreate.body.device;\nconst friend = friendCreate.body.device;\nconst hostHeaders = { \"content-type\": \"application/json\", \"x-togethr-device\": host.id, authorization: `Bearer ${host.token}` };\nconst friendHeaders = { \"content-type\": \"application/json\", \"x-togethr-device\": friend.id, authorization: `Bearer ${friend.token}` };\n\nconst inviteCreate = await jsonRequest(\"/v1/invites\", { method: \"POST\", headers: hostHeaders, body: JSON.stringify({ relationType: \"Gym buddy\" }) });\nassert(inviteCreate.response.status === 201, `invite create status ${inviteCreate.response.status}`);\nconst code = inviteCreate.body.invite.code;\n\nconst preview = await jsonRequest(`/v1/invites/${code}`);\nassert(preview.response.status === 200, `preview status ${preview.response.status}`);\nassert(preview.body.invite.creatorName === `Selftest Host ${suffix}`, \"preview creator mismatch\");\n\nconst accept = await jsonRequest(`/v1/invites/${code}/accept`, { method: \"POST\", headers: friendHeaders, body: \"{}\" });\nassert(accept.response.status === 201, `accept status ${accept.response.status}: ${JSON.stringify(accept.body)}`);\nconst connection = accept.body.connection;\nassert(connection?.peer?.displayName === `Selftest Host ${suffix}`, \"friend peer mismatch\");\n\nconst hostConnections = await jsonRequest(\"/v1/connections\", { headers: hostHeaders });\nassert(hostConnections.response.status === 200, `host connections status ${hostConnections.response.status}`);\nassert(hostConnections.body.connections?.some((item: any) => item.id === connection.id && item.peer.displayName === `Selftest Friend ${suffix}`), \"host connection missing\");\n\nconst initialState = { status: \"live\", participants: [\"a\", \"b\"], currentExerciseId: \"bench\", activeUserId: \"a\", exercises: [{ id: \"bench\", name: \"Bench\", sets: 4, targetReps: \"8\", restSeconds: 75 }], logs: [] };\nconst sessionCreate = await jsonRequest(\"/v1/sessions\", { method: \"POST\", headers: hostHeaders, body: JSON.stringify({ connectionId: connection.id, title: \"Selftest Push\", initialState }) });\nassert(sessionCreate.response.status === 201, `session create status ${sessionCreate.response.status}: ${JSON.stringify(sessionCreate.body)}`);\nconst sessionId = sessionCreate.body.session.id;\n\nconst active = await jsonRequest(`/v1/sessions/active?connectionId=${encodeURIComponent(connection.id)}`, { headers: friendHeaders });\nassert(active.response.status === 200 && active.body.session?.id === sessionId, \"friend cannot see active session\");\n\nconst nextState = { ...initialState, activeUserId: \"b\", logs: [{ userId: \"a\", exerciseId: \"bench\", setNumber: 1, weight: 95, reps: 8 }] };\nconst event = await jsonRequest(`/v1/sessions/${sessionId}/events`, { method: \"POST\", headers: hostHeaders, body: JSON.stringify({ eventId: `selftest-${suffix}`, type: \"snapshot\", payload: nextState }) });\nassert(event.response.status === 201, `event status ${event.response.status}`);\n\nconst events = await jsonRequest(`/v1/sessions/${sessionId}/events?after=0`, { headers: friendHeaders });\nassert(events.response.status === 200, `events read status ${events.response.status}`);\nassert(events.body.events?.some((item: any) => item.type === \"snapshot\" && item.payload?.logs?.[0]?.weight === 95), \"friend snapshot missing\");\n\nconst finish = await jsonRequest(`/v1/sessions/${sessionId}/finish`, { method: \"POST\", headers: hostHeaders, body: \"{}\" });\nassert(finish.response.status === 200, `finish status ${finish.response.status}`);\n\nconsole.log(JSON.stringify({ ok: true, checks: 10, connectionId: connection.id, sessionId }));\n","children",[],[193],"3695b0bd-c788-4707-89b3-347af3472311","selftest-spotter.ts","c4fe25d8-9b32-11f1-86e1-1607ee4eb77e",["D",1787077778057],"const base = \"https://togethr-beta-relay.val.run\";\nfunction assert(condition: unknown, message: string): asserts condition { if (!condition) throw new Error(message); }\nasync function req(path: string, init?: RequestInit) { const response = await fetch(`${base}${path}`, init); const body = await response.json().catch(() => ({})); return { response, body }; }\nconst suffix = Date.now().toString().slice(-6);\nconst hostR = await req(\"/v1/devices\", { method: \"POST\", headers: { \"content-type\": \"application/json\" }, body: JSON.stringify({ displayName: `Spot Host ${suffix}` }) });\nconst friendR = await req(\"/v1/devices\", { method: \"POST\", headers: { \"content-type\": \"application/json\" }, body: JSON.stringify({ displayName: `Spot Friend ${suffix}` }) });\nassert(hostR.response.status === 201 && friendR.response.status === 201, \"device create failed\");\nconst host = hostR.body.device; const friend = friendR.body.device;\nconst hh = { \"content-type\": \"application/json\", \"x-togethr-device\": host.id, authorization: `Bearer ${host.token}` };\nconst fh = { \"content-type\": \"application/json\", \"x-togethr-device\": friend.id, authorization: `Bearer ${friend.token}` };\nconst inviteR = await req(\"/v1/invites\", { method: \"POST\", headers: hh, body: JSON.stringify({ relationType: \"Gym buddy\" }) });\nassert(inviteR.response.status === 201, \"invite failed\");\nconst acceptR = await req(`/v1/invites/${inviteR.body.invite.code}/accept`, { method: \"POST\", headers: fh, body: \"{}\" });\nassert(acceptR.response.status === 201, \"accept failed\");\nconst connectionId = acceptR.body.connection.id;\nconst state = { id: `spot-session-${suffix}`, title: \"Spot Test\", participants: [\"a\", \"b\"], activeUserId: \"a\", currentExerciseId: \"bench\", status: \"live\", exercises: [{ id: \"bench\", name: \"Barbell Bench Press\", sets: 4, targetReps: \"6-10\", restSeconds: 90, userOverrides: {} }], logs: [] };\nconst sessionR = await req(\"/v1/sessions\", { method: \"POST\", headers: hh, body: JSON.stringify({ connectionId, title: \"Spot Test\", initialState: state }) });\nassert(sessionR.response.status === 201, \"session failed\");\nconst sessionId = sessionR.body.session.id;\nconst spot = { id: `spot-${suffix}`, requesterId: \"a\", spotterId: \"b\", exerciseId: \"bench\", exerciseName: \"Barbell Bench Press\", setNumber: 2, stage: \"ready\", requestedAt: new Date().toISOString(), updatedAt: new Date().toISOString() };\nconst pushR = await req(`/v1/sessions/${sessionId}/events`, { method: \"POST\", headers: fh, body: JSON.stringify({ type: \"ready\", payload: spot }) });\nassert(pushR.response.status === 201, `ready event rejected ${pushR.response.status}`);\nconst eventsR = await req(`/v1/sessions/${sessionId}/events?after=0`, { headers: hh });\nassert(eventsR.response.status === 200, \"event read failed\");\nconst found = eventsR.body.events?.find((event: any) => event.type === \"ready\" && event.payload?.id === spot.id && event.payload?.stage === \"ready\");\nassert(found, \"spotter ready event missing\");\nconsole.log(JSON.stringify({ ok: true, checks: 7, eventType: found.type, stage: found.payload.stage }));",[],[202],"abc7177e-148c-45c0-aaaa-b1a68fb0d261","main.tsx",4,["D",1787067299119],2,"http","import { Hono } from \"npm:hono\";\nimport { acceptInvite, addSessionEvent, createInvite, createSession, deviceInConnection, finishSession, getActiveSession, getDevice, getInvite, getSession, insertDevice, listConnections, listSessionEvents, updateDeviceName, type RelationType } from \"./db.ts\";\n\nconst app = new Hono();\nconst allowedEventTypes = new Set([\"snapshot\", \"spot_request\", \"ready\", \"session_finished\"]);\n\nfunction json(c: any, data: unknown, status = 200) {\n c.header(\"Access-Control-Allow-Origin\", \"*\");\n c.header(\"Access-Control-Allow-Headers\", \"authorization, x-togethr-device, content-type\");\n c.header(\"Access-Control-Allow-Methods\", \"GET,POST,PATCH,OPTIONS\");\n return c.json(data, status as any);\n}\napp.options(\"*\", (c) => json(c, { ok: true }));\n\nfunction randomToken(bytes = 32) {\n const data = crypto.getRandomValues(new Uint8Array(bytes));\n return btoa(String.fromCharCode(...data)).replace(/\\+/g, \"-\").replace(/\\//g, \"_\").replace(/=+$/g, \"\");\n}\nfunction randomCode() {\n const alphabet = \"ABCDEFGHJKLMNPQRSTUVWXYZ23456789\";\n const data = crypto.getRandomValues(new Uint8Array(6));\n return Array.from(data, (value) => alphabet[value % alphabet.length]).join(\"\");\n}\nasync function hashToken(token: string) {\n const digest = await crypto.subtle.digest(\"SHA-256\", new TextEncoder().encode(token));\n return Array.from(new Uint8Array(digest), (b) => b.toString(16).padStart(2, \"0\")).join(\"\");\n}\nasync function requireDevice(c: any) {\n const deviceId = c.req.header(\"x-togethr-device\")?.trim();\n const auth = c.req.header(\"authorization\")?.trim() ?? \"\";\n const token = auth.startsWith(\"Bearer \") ? auth.slice(7).trim() : \"\";\n if (!deviceId || !token) return null;\n const device = await getDevice(deviceId);\n if (!device) return null;\n const hash = await hashToken(token);\n return hash === device.token_hash ? device : null;\n}\n\napp.get(\"/health\", (c) => json(c, { ok: true, service: \"togethr-beta-relay\", version: 1 }));\napp.post(\"/v1/devices\", async (c) => {\n const body = await c.req.json().catch(() => ({}));\n const displayName = String(body.displayName ?? \"\").trim().slice(0, 40);\n if (displayName.length < 2) return json(c, { error: \"display_name_required\" }, 400);\n const id = crypto.randomUUID(); const token = randomToken();\n await insertDevice(id, await hashToken(token), displayName);\n return json(c, { device: { id, token, displayName } }, 201);\n});\napp.patch(\"/v1/devices/me\", async (c) => {\n const device = await requireDevice(c); if (!device) return json(c, { error: \"unauthorized\" }, 401);\n const body = await c.req.json().catch(() => ({})); const displayName = String(body.displayName ?? \"\").trim().slice(0, 40);\n if (displayName.length < 2) return json(c, { error: \"display_name_required\" }, 400);\n await updateDeviceName(device.id, displayName); return json(c, { ok: true, displayName });\n});\napp.post(\"/v1/invites\", async (c) => {\n const device = await requireDevice(c); if (!device) return json(c, { error: \"unauthorized\" }, 401);\n const body = await c.req.json().catch(() => ({})); const relationType: RelationType = body.relationType === \"Gym buddy\" ? \"Gym buddy\" : \"Partner\";\n for (let attempt = 0; attempt < 6; attempt++) {\n const code = randomCode();\n try { const expiresAt = await createInvite(code, device.id, relationType); return json(c, { invite: { code, relationType, expiresAt } }, 201); }\n catch (error) { if (attempt === 5) throw error; }\n }\n return json(c, { error: \"invite_creation_failed\" }, 500);\n});\napp.get(\"/v1/invites/:code\", async (c) => {\n const code = c.req.param(\"code\").toUpperCase(); const invite = await getInvite(code);\n if (!invite) return json(c, { error: \"invite_not_found\" }, 404);\n if (String(invite.expires_at) <= new Date().toISOString() || invite.status !== \"pending\") return json(c, { error: \"invite_unavailable\" }, 410);\n return json(c, { invite: { code, creatorName: invite.creator_name, relationType: invite.relation_type, expiresAt: invite.expires_at } });\n});\napp.get(\"/join/:code\", async (c) => {\n const code = c.req.param(\"code\").toUpperCase();\n const invite = await getInvite(code);\n const unavailable = !invite || invite.status !== \"pending\" || String(invite.expires_at) <= new Date().toISOString();\n const creatorName = unavailable ? \"Your friend\" : String(invite.creator_name);\n const relationType = unavailable ? \"training partner\" : String(invite.relation_type).toLowerCase();\n const safeCode = code.replace(/[^A-Z0-9]/g, \"\").slice(0, 6);\n const deepLink = `togethr://join?code=${safeCode}`;\n return c.html(`Togethr invite

Togethr beta invite

${unavailable ? \"Invite unavailable\" : `${creatorName} wants to train with you.`}

${unavailable ? \"This code has expired or was already used.\" : `Open Togethr and pair as a ${relationType}. Your private body metrics are not shared by accepting.`}

${safeCode}

${unavailable ? \"\" : `OPEN TOGETHR`}

If the button does not open the beta app, enter the six-character code manually on the Partner Up screen.

`);\n});\n\napp.post(\"/v1/invites/:code/accept\", async (c) => {\n const device = await requireDevice(c); if (!device) return json(c, { error: \"unauthorized\" }, 401);\n const code = c.req.param(\"code\").toUpperCase(); const connectionId = crypto.randomUUID();\n try { await acceptInvite(code, device.id, connectionId); }\n catch (error) { const message = error instanceof Error ? error.message : \"INVITE_FAILED\"; const status = message === \"INVITE_NOT_FOUND\" ? 404 : message === \"INVITE_EXPIRED\" ? 410 : 409; return json(c, { error: message.toLowerCase() }, status); }\n const connections = await listConnections(device.id); return json(c, { connection: connections.find((item) => item.id === connectionId) }, 201);\n});\napp.get(\"/v1/connections\", async (c) => {\n const device = await requireDevice(c); if (!device) return json(c, { error: \"unauthorized\" }, 401);\n return json(c, { connections: await listConnections(device.id) });\n});\napp.post(\"/v1/sessions\", async (c) => {\n const device = await requireDevice(c); if (!device) return json(c, { error: \"unauthorized\" }, 401);\n const body = await c.req.json().catch(() => ({})); const connectionId = String(body.connectionId ?? \"\");\n if (!connectionId || !(await deviceInConnection(connectionId, device.id))) return json(c, { error: \"forbidden\" }, 403);\n const title = String(body.title ?? \"Shared workout\").trim().slice(0, 80) || \"Shared workout\"; const sessionId = crypto.randomUUID();\n await createSession(sessionId, connectionId, device.id, title);\n if (body.initialState) await addSessionEvent(crypto.randomUUID(), sessionId, device.id, \"snapshot\", body.initialState);\n return json(c, { session: { id: sessionId, connectionId, title, status: \"live\" } }, 201);\n});\napp.get(\"/v1/sessions/active\", async (c) => {\n const device = await requireDevice(c); if (!device) return json(c, { error: \"unauthorized\" }, 401);\n const connectionId = c.req.query(\"connectionId\") ?? \"\";\n if (!connectionId || !(await deviceInConnection(connectionId, device.id))) return json(c, { error: \"forbidden\" }, 403);\n const session = await getActiveSession(connectionId); if (!session) return json(c, { session: null });\n const events = await listSessionEvents(String(session.id), 0);\n return json(c, { session: { id: session.id, connectionId: session.connection_id, title: session.title, status: session.status }, latestEvent: events.at(-1) ?? null });\n});\napp.post(\"/v1/sessions/:sessionId/events\", async (c) => {\n const device = await requireDevice(c); if (!device) return json(c, { error: \"unauthorized\" }, 401);\n const sessionId = c.req.param(\"sessionId\"); const session = await getSession(sessionId); if (!session) return json(c, { error: \"session_not_found\" }, 404);\n if (!(await deviceInConnection(String(session.connection_id), device.id))) return json(c, { error: \"forbidden\" }, 403);\n const body = await c.req.json().catch(() => ({})); const eventId = String(body.eventId ?? crypto.randomUUID()); const type = String(body.type ?? \"snapshot\");\n if (!allowedEventTypes.has(type)) return json(c, { error: \"event_type_invalid\" }, 400);\n const seq = await addSessionEvent(eventId, sessionId, device.id, type, body.payload ?? {}); return json(c, { seq }, 201);\n});\napp.get(\"/v1/sessions/:sessionId/events\", async (c) => {\n const device = await requireDevice(c); if (!device) return json(c, { error: \"unauthorized\" }, 401);\n const sessionId = c.req.param(\"sessionId\"); const session = await getSession(sessionId); if (!session) return json(c, { error: \"session_not_found\" }, 404);\n if (!(await deviceInConnection(String(session.connection_id), device.id))) return json(c, { error: \"forbidden\" }, 403);\n const after = Math.max(0, Number(c.req.query(\"after\") ?? 0) || 0); return json(c, { events: await listSessionEvents(sessionId, after) });\n});\napp.post(\"/v1/sessions/:sessionId/finish\", async (c) => {\n const device = await requireDevice(c); if (!device) return json(c, { error: \"unauthorized\" }, 401);\n const sessionId = c.req.param(\"sessionId\"); const session = await getSession(sessionId); if (!session) return json(c, { error: \"session_not_found\" }, 404);\n if (!(await deviceInConnection(String(session.connection_id), device.id))) return json(c, { error: \"forbidden\" }, 403);\n await finishSession(sessionId); await addSessionEvent(crypto.randomUUID(), sessionId, device.id, \"session_finished\", { at: new Date().toISOString() }); return json(c, { ok: true });\n});\napp.onError((error, c) => { console.error(error); return json(c, { error: \"internal_error\" }, 500); });\nexport default app.fetch;\n",[],[209],"53254fea-c879-4c8d-8f86-ed19b333a67f","db.ts","01a0157c-7a0e-76a8-9d6f-cd5a6bfb415a",["D",1787067080726],"import { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\n\nexport type RelationType = \"Partner\" | \"Gym buddy\";\nexport type DeviceRow = { id: string; token_hash: string; display_name: string; created_at: string };\nexport type ConnectionView = { id: string; relationType: RelationType; peer: { id: string; displayName: string }; createdAt: string };\n\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS devices (\n id TEXT PRIMARY KEY,\n token_hash TEXT NOT NULL,\n display_name TEXT NOT NULL,\n created_at TEXT NOT NULL DEFAULT (datetime('now'))\n)`);\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS invites (\n code TEXT PRIMARY KEY,\n creator_device_id TEXT NOT NULL REFERENCES devices(id) ON DELETE CASCADE,\n accepted_device_id TEXT REFERENCES devices(id) ON DELETE SET NULL,\n connection_id TEXT,\n relation_type TEXT NOT NULL CHECK (relation_type IN ('Partner', 'Gym buddy')),\n status TEXT NOT NULL DEFAULT 'pending' CHECK (status IN ('pending', 'accepted', 'revoked')),\n expires_at TEXT NOT NULL,\n created_at TEXT NOT NULL DEFAULT (datetime('now'))\n)`);\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS connections (\n id TEXT PRIMARY KEY,\n device_a_id TEXT NOT NULL REFERENCES devices(id) ON DELETE CASCADE,\n device_b_id TEXT NOT NULL REFERENCES devices(id) ON DELETE CASCADE,\n relation_type TEXT NOT NULL CHECK (relation_type IN ('Partner', 'Gym buddy')),\n created_at TEXT NOT NULL DEFAULT (datetime('now')),\n UNIQUE(device_a_id, device_b_id)\n)`);\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS sessions (\n id TEXT PRIMARY KEY,\n connection_id TEXT NOT NULL REFERENCES connections(id) ON DELETE CASCADE,\n created_by_device_id TEXT NOT NULL REFERENCES devices(id) ON DELETE CASCADE,\n title TEXT NOT NULL,\n status TEXT NOT NULL DEFAULT 'live' CHECK (status IN ('live', 'completed')),\n created_at TEXT NOT NULL DEFAULT (datetime('now')),\n completed_at TEXT\n)`);\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS session_events (\n seq INTEGER PRIMARY KEY AUTOINCREMENT,\n event_id TEXT NOT NULL UNIQUE,\n session_id TEXT NOT NULL REFERENCES sessions(id) ON DELETE CASCADE,\n device_id TEXT NOT NULL REFERENCES devices(id) ON DELETE CASCADE,\n event_type TEXT NOT NULL,\n payload_json TEXT NOT NULL,\n created_at TEXT NOT NULL DEFAULT (datetime('now'))\n)`);\n\nexport async function insertDevice(id: string, tokenHash: string, displayName: string) {\n await sqlite.execute({ sql: \"INSERT INTO devices (id, token_hash, display_name) VALUES (?, ?, ?)\", args: [id, tokenHash, displayName] });\n}\nexport async function getDevice(id: string): Promise {\n const result = await sqlite.execute({ sql: \"SELECT * FROM devices WHERE id = ? LIMIT 1\", args: [id] });\n return (result.rows[0] as unknown as DeviceRow | undefined) ?? null;\n}\nexport async function updateDeviceName(id: string, displayName: string) {\n await sqlite.execute({ sql: \"UPDATE devices SET display_name = ? WHERE id = ?\", args: [displayName, id] });\n}\nexport async function createInvite(code: string, creatorDeviceId: string, relationType: RelationType) {\n const expiresAt = new Date(Date.now() + 24 * 60 * 60 * 1000).toISOString();\n await sqlite.execute({ sql: \"INSERT INTO invites (code, creator_device_id, relation_type, expires_at) VALUES (?, ?, ?, ?)\", args: [code, creatorDeviceId, relationType, expiresAt] });\n return expiresAt;\n}\nexport async function getInvite(code: string) {\n const result = await sqlite.execute({\n sql: `SELECT i.code, i.creator_device_id, i.relation_type, i.status, i.expires_at, d.display_name AS creator_name\n FROM invites i JOIN devices d ON d.id = i.creator_device_id WHERE i.code = ? LIMIT 1`,\n args: [code],\n });\n return (result.rows[0] as Record | undefined) ?? null;\n}\nexport async function acceptInvite(code: string, acceptedDeviceId: string, connectionId: string) {\n const invite = await getInvite(code);\n if (!invite) throw new Error(\"INVITE_NOT_FOUND\");\n if (invite.status !== \"pending\") throw new Error(\"INVITE_NOT_PENDING\");\n if (String(invite.expires_at) <= new Date().toISOString()) throw new Error(\"INVITE_EXPIRED\");\n if (invite.creator_device_id === acceptedDeviceId) throw new Error(\"INVITE_SELF\");\n await sqlite.execute({ sql: \"INSERT INTO connections (id, device_a_id, device_b_id, relation_type) VALUES (?, ?, ?, ?)\", args: [connectionId, String(invite.creator_device_id), acceptedDeviceId, String(invite.relation_type)] });\n await sqlite.execute({ sql: \"UPDATE invites SET accepted_device_id = ?, connection_id = ?, status = 'accepted' WHERE code = ?\", args: [acceptedDeviceId, connectionId, code] });\n return connectionId;\n}\nexport async function listConnections(deviceId: string): Promise {\n const result = await sqlite.execute({\n sql: `SELECT c.id, c.relation_type, c.created_at,\n CASE WHEN c.device_a_id = ? THEN b.id ELSE a.id END AS peer_id,\n CASE WHEN c.device_a_id = ? THEN b.display_name ELSE a.display_name END AS peer_name\n FROM connections c JOIN devices a ON a.id = c.device_a_id JOIN devices b ON b.id = c.device_b_id\n WHERE c.device_a_id = ? OR c.device_b_id = ? ORDER BY c.created_at DESC`,\n args: [deviceId, deviceId, deviceId, deviceId],\n });\n return (result.rows as unknown as Array>).map((row) => ({\n id: String(row.id), relationType: String(row.relation_type) as RelationType,\n peer: { id: String(row.peer_id), displayName: String(row.peer_name) }, createdAt: String(row.created_at),\n }));\n}\nexport async function deviceInConnection(connectionId: string, deviceId: string) {\n const result = await sqlite.execute({ sql: \"SELECT 1 AS ok FROM connections WHERE id = ? AND (device_a_id = ? OR device_b_id = ?) LIMIT 1\", args: [connectionId, deviceId, deviceId] });\n return result.rows.length > 0;\n}\nexport async function createSession(id: string, connectionId: string, deviceId: string, title: string) {\n await sqlite.execute({ sql: \"UPDATE sessions SET status = 'completed', completed_at = datetime('now') WHERE connection_id = ? AND status = 'live'\", args: [connectionId] });\n await sqlite.execute({ sql: \"INSERT INTO sessions (id, connection_id, created_by_device_id, title) VALUES (?, ?, ?, ?)\", args: [id, connectionId, deviceId, title] });\n}\nexport async function getActiveSession(connectionId: string) {\n const result = await sqlite.execute({ sql: \"SELECT * FROM sessions WHERE connection_id = ? AND status = 'live' ORDER BY created_at DESC LIMIT 1\", args: [connectionId] });\n return (result.rows[0] as Record | undefined) ?? null;\n}\nexport async function getSession(sessionId: string) {\n const result = await sqlite.execute({ sql: \"SELECT * FROM sessions WHERE id = ? LIMIT 1\", args: [sessionId] });\n return (result.rows[0] as Record | undefined) ?? null;\n}\nexport async function addSessionEvent(eventId: string, sessionId: string, deviceId: string, eventType: string, payload: unknown) {\n await sqlite.execute({ sql: \"INSERT OR IGNORE INTO session_events (event_id, session_id, device_id, event_type, payload_json) VALUES (?, ?, ?, ?, ?)\", args: [eventId, sessionId, deviceId, eventType, JSON.stringify(payload)] });\n const result = await sqlite.execute({ sql: \"SELECT seq FROM session_events WHERE event_id = ? LIMIT 1\", args: [eventId] });\n return Number((result.rows[0] as Record | undefined)?.seq ?? 0);\n}\nexport async function listSessionEvents(sessionId: string, afterSeq: number) {\n const result = await sqlite.execute({ sql: \"SELECT seq, event_id, device_id, event_type, payload_json, created_at FROM session_events WHERE session_id = ? AND seq > ? ORDER BY seq ASC LIMIT 100\", args: [sessionId, afterSeq] });\n return (result.rows as unknown as Array>).map((row) => ({ seq: Number(row.seq), eventId: String(row.event_id), deviceId: String(row.device_id), type: String(row.event_type), payload: JSON.parse(String(row.payload_json)), createdAt: String(row.created_at) }));\n}\nexport async function finishSession(sessionId: string) {\n await sqlite.execute({ sql: \"UPDATE sessions SET status = 'completed', completed_at = datetime('now') WHERE id = ?\", args: [sessionId] });\n}\n",[],[218],"d63df2cf-a945-4023-95f6-25bcc544d53f","README.md","01a0157c-7a0e-76a8-9d6f-cbb4f3644591",["D",1787066874304],"# What's the easiest way to put a form online and save submissions?\n\nRemix this val. It serves a contact form (name, email, message) at `/`, saves every submission to the val's own SQLite database, and lists everything received at `/submissions`. No external services, no API keys, no env vars.\n\n## Setup\n\n1. Remix this val.\n2. Open the HTTP endpoint of `main.tsx` — that is your live form. Share the URL.\n3. Visit `/submissions` on the same URL to see what people sent.\n\nEach remix gets its own private SQLite database, so your submissions stay with your copy.\n\n## Files\n\n- `main.tsx` — Hono routes: GET `/` (form), POST `/submit` (save), GET `/submissions` (list)\n- `db.ts` — creates the `submissions` table and holds the two queries\n- `components/Layout.tsx` — shared page shell with Tailwind (via Twind)\n- `components/FormPage.tsx` — the form\n- `components/SubmissionsPage.tsx` — the list\n\n## Notes\n\n- `/submissions` is public by default. If your form collects anything sensitive, protect that route before sharing the form URL.\n- No client-side JavaScript: the form is a plain HTML POST.\n",[],[225],"6d7cc32c-5d18-4735-aac6-88ef61dd0f7d","SubmissionsPage.tsx","01a0157c-7a0e-76a8-9d6f-c157ad5287e3",["D",1787066874304],"/** @jsxImportSource npm:hono/jsx */\nimport type { Submission } from \"../db.ts\";\nimport Layout from \"./Layout.tsx\";\n\nexport default function SubmissionsPage({ submissions }: { submissions: Submission[] }) {\n return (\n \n

Submissions ({submissions.length})

\n {submissions.length === 0\n ?

Nothing yet. Be the first to submit the form.

\n : (\n

\n
\n {s.name}\n {s.created_at}\n
\n
{s.email}
\n
{s.message}
\n

\n )}\n

\n back to form\n view source\n

\n \n );\n}\n",[],[172,232],"d5c2d863-87b2-4c3a-aec1-b8133c6e2ae5","Layout.tsx","01a0157c-7a0e-76a8-9d6f-bc925064b5ed",["D",1787066874304],"/** @jsxImportSource npm:hono/jsx */\n\nexport default function Layout({ title, children }: { title: string; children?: unknown }) {\n return (\n \n \n \n \n {title}\n \n \n \n \n

{children}

\n \n \n );\n}\n",[],[172,239],["D",1787066874304],[],[172,68],"2aa5abda-6cb8-4e95-8170-67c8bdffc208",["D",1787066874304],"directory",[184,185,186],[172],["D",1787066874304],["D",1789499469860],{"_11":12,"_129":74},{"_11":12,"_125":12,"_73":74,"_30":72,"_126":127,"_128":24},{"_38":114,"_13":16,"_32":35,"_115":76,"_116":64,"_117":39,"_118":80,"_119":120,"_121":122,"_123":14,"_124":12},"ctx",{"_53":-5,"_150":291,"_292":293,"_294":295,"_296":24,"_297":24,"_298":24,"_299":88,"_300":-5,"_301":-7,"_302":-7,"_303":26,"_304":24,"_305":24,"_306":-5,"_307":24,"_308":24,"_309":24,"_310":-5},"ENV",{"_262":263,"_264":265,"_266":16,"_267":268,"_269":270,"_271":272,"_273":274,"_275":276,"_277":278,"_279":280,"_281":282,"_283":284,"_285":286,"_287":288,"_289":290},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","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"]

History · FormPage.tsx