[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_234":235,"_236":237},"routes/_app.x.$handle.$name",{"_97":96,"_31":44,"_106":87,"_26":107,"_13":14,"_108":-5,"_11":109,"_110":111,"_112":113,"_114":115,"_116":117,"_20":-5,"_118":-5,"_119":-5,"_120":24,"_121":122,"_123":24,"_124":-5,"_125":-5,"_126":127},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_42":43,"_31":44,"_37":45,"_46":-5,"_47":24,"_48":49,"_50":49,"_51":52,"_53":54,"_18":55,"_56":57,"_58":59,"_60":59,"_61":-5,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":80,"_81":82,"_83":84,"_85":24},"version",6,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":24,"_26":27,"_28":27},"file",{"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":14,"_40":41,"_23":24},"previous","deleted",false,"deletedHere","path","backend/routes/static.ts","latestPath","fileId","ef927352-384c-11f0-b913-9e149126039e","name","static.ts","fileType","script","content","import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\n\nconst app = new Hono();\n\n// Serve frontend files\napp.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", c => serveFile(c.req.path, import.meta.url));\n\n// Serve main app\napp.get(\"/\", async c => {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n return c.html(html);\n});\n\n// Serve voice note player page\napp.get(\"/note/:id\", async c => {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n \n // Inject the voice note ID for the player\n const voiceNoteId = c.req.param(\"id\");\n const dataScript = ``;\n \n html = html.replace(\"\", `${dataScript}`);\n return c.html(html);\n});\n\nexport default app;","createdAt",["D",1748056353647],"branchVersion","branchId","91599d6a-384c-11f0-8086-9e149126039e","id","91595864-384c-11f0-8086-9e149126039e","voicemessages",["D",1748056195569],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Record, transcribe, and share voice notes","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/18bff8bf-ce15-4f5b-07b9-ea79b4736400/square512?exp=1789541999&sig=8f3ebff9c12ed36ed936381a95c797c4764a233d0e1c8cfd7d50e783886e4f31","35ef5666-3780-42d5-ade0-86fe3fdb6bb1","pinnedFileId","f2ac5c74-384c-11f0-b09d-9e149126039e","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",5,"orgId","47e0b4b2-7d41-46e6-8dce-0ae3d76e1a8f","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_97":96,"_105":101},"org",{"_97":96,"_98":99,"_100":101,"_18":55,"_102":103,"_104":24},"branch",{"_13":86,"_31":87,"_42":41,"_88":43,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":44,"_95":96},"isOwned",58,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","cameronpak","handle","displayName","Cam","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/7fcc9ac1-f8fb-41e2-0168-af29ef7c6400/square512?exp=1789541999&sig=7b5f0570500a54773c8684eee392fbe01aeed8dd06a97c311aa174351f5f08c2","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_42":43,"_31":44,"_37":230,"_46":-5,"_47":24,"_48":49,"_50":49,"_51":52,"_53":54,"_18":55,"_56":57,"_58":59,"_60":59,"_61":-5,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":231,"_81":232,"_83":233,"_85":24},"tree",[165,172,174],"files",[165,166,167,168,169,170,171,172,173,174],"counts",{"_155":138,"_156":145,"_157":14,"_158":159,"_160":161},"contents",[128,129,130],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_42":149,"_31":150,"_29":151,"_134":-5,"_40":41,"_39":152,"_136":59,"_37":153,"_13":138,"_33":147,"_35":-5,"_23":24,"_140":-5,"_26":154},{"_42":142,"_31":143,"_29":144,"_134":-5,"_40":41,"_39":145,"_136":59,"_37":146,"_13":138,"_33":147,"_35":-5,"_23":24,"_140":-5,"_26":148},{"_42":131,"_31":132,"_29":133,"_134":-5,"_40":41,"_39":135,"_136":24,"_37":137,"_13":138,"_33":20,"_35":139,"_23":24,"_140":-5,"_26":141},"ce43513a-384c-11f0-b5cf-9e149126039e","README.md","ce4351da-384c-11f0-b5cf-9e149126039e","parentId",1,"latest",["D",1748056297761],0,"# Voice Notes App\n\nA web application for recording, transcribing, and sharing voice notes with expiration controls.\n\n## Features\n\n- 🎙️ Record voice notes directly in the browser\n- 🤖 AI-powered transcription using OpenAI Whisper\n- 🔗 Share voice notes via unique URLs\n- ⏰ Set expiration by max listens or date\n- 📱 Responsive design with modern UI\n\n## User Stories\n\n- I can record a voice note\n- Given I record a voice note, it is transcribed by AI\n- Given I have recorded a voice note, I can share that voice note with someone via URL\n- I can set an expiration for the voice note by number of max listens (i.e. 1 listen)\n- Or, I can set an expiration for the voice note by choosing an expiration date\n\n## Project Structure\n\n```\n├── backend/\n│ ├── database/\n│ │ ├── migrations.ts # Database schema\n│ │ └── queries.ts # Database operations\n│ ├── routes/\n│ │ ├── voicenotes.ts # Voice note CRUD operations\n│ │ └── static.ts # Static file serving\n│ └── index.ts # Main Hono server\n├── frontend/\n│ ├── components/\n│ │ ├── App.tsx # Main app component\n│ │ ├── VoiceRecorder.tsx # Recording interface\n│ │ ├── VoicePlayer.tsx # Playback interface\n│ │ └── ShareModal.tsx # Sharing configuration\n│ ├── index.html # Main HTML template\n│ ├── index.tsx # Frontend entry point\n│ └── style.css # Custom styles\n└── shared/\n └── types.ts # Shared TypeScript types\n```\n\n## Tech Stack\n\n- **Backend**: Hono (TypeScript API framework)\n- **Database**: SQLite for voice note metadata\n- **Storage**: Val Town Blob storage for audio files\n- **AI**: OpenAI Whisper for transcription\n- **Frontend**: React with TypeScript\n- **Styling**: TailwindCSS","label",[132],"d1bbdf8a-384c-11f0-a838-9e149126039e","shared","9bbd557d-4fef-4efa-8282-7d9b38cff9ef",2,["D",1748056303584],"directory",[143],"d547d262-384c-11f0-a8cb-9e149126039e","backend","fd77e1da-7e08-4cd5-879c-1f60a7a7fcf8",3,["D",1748056309532],[150],"pulls","branches","forks","envVars",{"_162":135,"_164":138},"connections",{"_162":138,"_163":138},"count","unfilledCount","emptyCount",{"_42":149,"_31":150,"_29":151,"_134":-5,"_40":41,"_39":152,"_136":59,"_37":227,"_13":138,"_33":147,"_35":-5,"_23":24,"_140":-5,"_176":228,"_26":229},{"_42":223,"_31":215,"_29":209,"_134":151,"_40":41,"_39":152,"_136":59,"_37":224,"_13":138,"_33":147,"_35":-5,"_23":24,"_140":-5,"_176":225,"_26":226},{"_42":216,"_31":217,"_29":218,"_134":209,"_40":41,"_39":152,"_136":24,"_37":219,"_13":138,"_33":34,"_35":220,"_23":24,"_140":-5,"_176":221,"_26":222},{"_42":206,"_31":207,"_29":208,"_134":209,"_40":41,"_39":210,"_136":24,"_37":211,"_13":138,"_33":34,"_35":212,"_23":24,"_140":-5,"_176":213,"_26":214},{"_42":202,"_31":197,"_29":192,"_134":151,"_40":41,"_39":63,"_136":59,"_37":203,"_13":138,"_33":147,"_35":-5,"_23":24,"_140":-5,"_176":204,"_26":205},{"_42":198,"_31":32,"_29":30,"_134":192,"_40":41,"_39":14,"_136":59,"_37":199,"_13":138,"_33":34,"_35":36,"_23":24,"_140":-5,"_176":200,"_26":201},{"_42":189,"_31":190,"_29":191,"_134":192,"_40":41,"_39":63,"_136":24,"_37":193,"_13":138,"_33":34,"_35":194,"_23":24,"_140":-5,"_176":195,"_26":196},{"_42":142,"_31":143,"_29":144,"_134":-5,"_40":41,"_39":145,"_136":59,"_37":186,"_13":138,"_33":147,"_35":-5,"_23":24,"_140":-5,"_176":187,"_26":188},{"_42":179,"_31":180,"_29":181,"_134":144,"_40":41,"_39":145,"_136":59,"_37":182,"_13":138,"_33":34,"_35":183,"_23":24,"_140":-5,"_176":184,"_26":185},{"_42":131,"_31":132,"_29":133,"_134":-5,"_40":41,"_39":135,"_136":24,"_37":175,"_13":138,"_33":20,"_35":139,"_23":24,"_140":-5,"_176":177,"_26":178},["D",1748056297761],"children",[],[132],"d1bba470-384c-11f0-a838-9e149126039e","types.ts","d1bba524-384c-11f0-a838-9e149126039e",["D",1748056303584],"// Shared types for voice notes app\n\nexport interface VoiceNote {\n id: string;\n title?: string;\n audioUrl: string;\n transcription?: string;\n duration: number; // in seconds\n createdAt: string;\n expiresAt?: string; // ISO date string\n maxListens?: number;\n currentListens: number;\n isExpired: boolean;\n}\n\nexport interface CreateVoiceNoteRequest {\n audioBlob: Blob;\n title?: string;\n expiresAt?: string;\n maxListens?: number;\n}\n\nexport interface ShareSettings {\n expiresAt?: string;\n maxListens?: number;\n}\n\nexport interface VoiceNoteResponse {\n success: boolean;\n voiceNote?: VoiceNote;\n shareUrl?: string;\n error?: string;\n}\n\nexport interface TranscriptionResponse {\n success: boolean;\n transcription?: string;\n error?: string;\n}",[],[143,180],["D",1748056303584],[173],[143],"eac310fc-384c-11f0-98a6-9e149126039e","voicenotes.ts","eac31188-384c-11f0-98a6-9e149126039e","90e6d12d-8bf4-440f-abdd-2f873fa0c011",["D",1748056345528],"import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { blob } from \"https://esm.town/v/std/blob\";\nimport { OpenAI } from \"https://esm.town/v/std/openai\";\nimport { \n createVoiceNote, \n getVoiceNote, \n incrementListenCount, \n updateTranscription,\n getAllVoiceNotes \n} from \"../database/queries.ts\";\nimport type { VoiceNote, VoiceNoteResponse, TranscriptionResponse } from \"../../shared/types.ts\";\n\nconst app = new Hono();\nconst openai = new OpenAI();\n\n// Create a new voice note\napp.post(\"/\", async (c) => {\n try {\n const formData = await c.req.formData();\n const audioFile = formData.get(\"audio\") as File;\n const title = formData.get(\"title\") as string;\n const expiresAt = formData.get(\"expiresAt\") as string;\n const maxListens = formData.get(\"maxListens\") as string;\n \n if (!audioFile) {\n return c.json({ success: false, error: \"No audio file provided\" }, 400);\n }\n \n // Generate unique ID\n const id = crypto.randomUUID();\n const blobKey = `voice_note_${id}`;\n \n // Store audio file in blob storage\n const audioBuffer = await audioFile.arrayBuffer();\n await blob.set(blobKey, new Uint8Array(audioBuffer));\n \n // Create voice note record\n const voiceNote: Omit = {\n id,\n title: title || undefined,\n audioUrl: blobKey,\n duration: 0, // Will be updated by frontend\n createdAt: new Date().toISOString(),\n expiresAt: expiresAt || undefined,\n maxListens: maxListens ? parseInt(maxListens) : undefined,\n currentListens: 0\n };\n \n await createVoiceNote(voiceNote);\n \n // Start transcription in background\n transcribeAudio(id, audioBuffer).catch(console.error);\n \n const shareUrl = `${new URL(c.req.url).origin}/note/${id}`;\n \n return c.json({ \n success: true, \n voiceNote: { ...voiceNote, isExpired: false },\n shareUrl \n });\n \n } catch (error) {\n console.error(\"Error creating voice note:\", error);\n return c.json({ success: false, error: \"Failed to create voice note\" }, 500);\n }\n});\n\n// Get a voice note by ID\napp.get(\"/:id\", async (c) => {\n try {\n const id = c.req.param(\"id\");\n const voiceNote = await getVoiceNote(id);\n \n if (!voiceNote) {\n return c.json({ success: false, error: \"Voice note not found\" }, 404);\n }\n \n if (voiceNote.isExpired) {\n return c.json({ success: false, error: \"Voice note has expired\" }, 410);\n }\n \n return c.json({ success: true, voiceNote });\n \n } catch (error) {\n console.error(\"Error fetching voice note:\", error);\n return c.json({ success: false, error: \"Failed to fetch voice note\" }, 500);\n }\n});\n\n// Get audio file for a voice note\napp.get(\"/:id/audio\", async (c) => {\n try {\n const id = c.req.param(\"id\");\n const voiceNote = await getVoiceNote(id);\n \n if (!voiceNote) {\n return c.json({ success: false, error: \"Voice note not found\" }, 404);\n }\n \n if (voiceNote.isExpired) {\n return c.json({ success: false, error: \"Voice note has expired\" }, 410);\n }\n \n // Increment listen count\n await incrementListenCount(id);\n \n // Get audio from blob storage\n const audioData = await blob.get(voiceNote.audioUrl);\n \n if (!audioData) {\n return c.json({ success: false, error: \"Audio file not found\" }, 404);\n }\n \n return new Response(audioData, {\n headers: {\n \"Content-Type\": \"audio/webm\",\n \"Cache-Control\": \"no-cache\"\n }\n });\n \n } catch (error) {\n console.error(\"Error serving audio:\", error);\n return c.json({ success: false, error: \"Failed to serve audio\" }, 500);\n }\n});\n\n// Get all voice notes (for admin/dashboard)\napp.get(\"/\", async (c) => {\n try {\n const voiceNotes = await getAllVoiceNotes();\n return c.json({ success: true, voiceNotes });\n } catch (error) {\n console.error(\"Error fetching voice notes:\", error);\n return c.json({ success: false, error: \"Failed to fetch voice notes\" }, 500);\n }\n});\n\n// Background transcription function\nasync function transcribeAudio(voiceNoteId: string, audioBuffer: ArrayBuffer) {\n try {\n // Convert ArrayBuffer to File for OpenAI\n const audioFile = new File([audioBuffer], \"audio.webm\", { type: \"audio/webm\" });\n \n const transcription = await openai.audio.transcriptions.create({\n file: audioFile,\n model: \"whisper-1\",\n });\n \n await updateTranscription(voiceNoteId, transcription.text);\n console.log(`Transcription completed for voice note ${voiceNoteId}`);\n \n } catch (error) {\n console.error(`Transcription failed for voice note ${voiceNoteId}:`, error);\n }\n}\n\nexport default app;",[],[150,197,190],"routes","ef927280-384c-11f0-b913-9e149126039e",["D",1748056353647],[],[150,197,32],"eac337f8-384c-11f0-98a6-9e149126039e",["D",1748056345528],[170,171],[150,197],"de2718de-384c-11f0-a0be-9e149126039e","queries.ts","de2719a6-384c-11f0-a0be-9e149126039e","ef52caa8-e4eb-4145-a8ba-c4da7877a28a",4,["D",1748056324422],"import { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\nimport { TABLE_NAME } from \"./migrations.ts\";\nimport type { VoiceNote } from \"../../shared/types.ts\";\n\nexport async function createVoiceNote(voiceNote: Omit): Promise {\n await sqlite.execute(\n `INSERT INTO ${TABLE_NAME} (\n id, title, audio_blob_key, transcription, duration, \n created_at, expires_at, max_listens, current_listens\n ) VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?)`,\n [\n voiceNote.id,\n voiceNote.title || null,\n voiceNote.audioUrl, // This will be the blob key\n voiceNote.transcription || null,\n voiceNote.duration,\n voiceNote.createdAt,\n voiceNote.expiresAt || null,\n voiceNote.maxListens || null,\n voiceNote.currentListens\n ]\n );\n}\n\nexport async function getVoiceNote(id: string): Promise {\n const result = await sqlite.execute(\n `SELECT * FROM ${TABLE_NAME} WHERE id = ?`,\n [id]\n );\n \n if (result.length === 0) {\n return null;\n }\n \n const row = result[0];\n const now = new Date();\n const expiresAt = row.expires_at ? new Date(row.expires_at) : null;\n const isExpiredByDate = expiresAt && now > expiresAt;\n const isExpiredByListens = row.max_listens && row.current_listens >= row.max_listens;\n const isExpired = isExpiredByDate || isExpiredByListens || false;\n \n return {\n id: row.id,\n title: row.title,\n audioUrl: row.audio_blob_key,\n transcription: row.transcription,\n duration: row.duration,\n createdAt: row.created_at,\n expiresAt: row.expires_at,\n maxListens: row.max_listens,\n currentListens: row.current_listens,\n isExpired\n };\n}\n\nexport async function incrementListenCount(id: string): Promise {\n await sqlite.execute(\n `UPDATE ${TABLE_NAME} SET current_listens = current_listens + 1 WHERE id = ?`,\n [id]\n );\n}\n\nexport async function updateTranscription(id: string, transcription: string): Promise {\n await sqlite.execute(\n `UPDATE ${TABLE_NAME} SET transcription = ? WHERE id = ?`,\n [transcription, id]\n );\n}\n\nexport async function getAllVoiceNotes(): Promise {\n const result = await sqlite.execute(`SELECT * FROM ${TABLE_NAME} ORDER BY created_at DESC`);\n \n return result.map(row => {\n const now = new Date();\n const expiresAt = row.expires_at ? new Date(row.expires_at) : null;\n const isExpiredByDate = expiresAt && now > expiresAt;\n const isExpiredByListens = row.max_listens && row.current_listens >= row.max_listens;\n const isExpired = isExpiredByDate || isExpiredByListens || false;\n \n return {\n id: row.id,\n title: row.title,\n audioUrl: row.audio_blob_key,\n transcription: row.transcription,\n duration: row.duration,\n createdAt: row.created_at,\n expiresAt: row.expires_at,\n maxListens: row.max_listens,\n currentListens: row.current_listens,\n isExpired\n };\n });\n}",[],[150,215,207],"database","d547c36c-384c-11f0-a8cb-9e149126039e","migrations.ts","d547c4fc-384c-11f0-a8cb-9e149126039e",["D",1748056309532],"import { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\n\nconst TABLE_NAME = 'voice_notes_v1';\n\nexport async function runMigrations() {\n // Create voice notes table\n await sqlite.execute(`CREATE TABLE IF NOT EXISTS ${TABLE_NAME} (\n id TEXT PRIMARY KEY,\n title TEXT,\n audio_blob_key TEXT NOT NULL,\n transcription TEXT,\n duration INTEGER NOT NULL,\n created_at TEXT NOT NULL,\n expires_at TEXT,\n max_listens INTEGER,\n current_listens INTEGER DEFAULT 0,\n is_expired BOOLEAN DEFAULT FALSE\n )`);\n \n console.log('Database migrations completed');\n}\n\nexport { TABLE_NAME };",[],[150,215,217],"d547d6a4-384c-11f0-a8cb-9e149126039e",["D",1748056309532],[167,168],[150,215],["D",1748056309532],[166,169],[150],["D",1748056195569],{"_97":96,"_105":101},{"_97":96,"_98":99,"_100":101,"_18":55,"_102":103,"_104":24},{"_13":86,"_31":87,"_42":41,"_88":43,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":44,"_95":96},"ctx",{"_79":-5,"_125":267,"_268":269,"_270":271,"_272":24,"_273":24,"_274":24,"_275":59,"_276":-5,"_277":-7,"_278":-7,"_279":138,"_280":24,"_281":24,"_282":-5,"_283":24,"_284":24,"_285":24,"_286":-5},"ENV",{"_238":239,"_240":241,"_242":87,"_243":244,"_245":246,"_247":248,"_249":250,"_251":252,"_253":254,"_255":256,"_257":258,"_259":260,"_261":262,"_263":264,"_265":266},"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"]

Diff · v6