\n \n\n",[],[132,148],"5b2a6c7e-4003-11f0-a81d-76b3cceeab13","components","a4b811a5-4cd7-4d1a-ac18-b5758671f858",["D",1748904360659],[160,161,162,163,164],[132,155],{"_35":193,"_13":194,"_65":195,"_67":156,"_69":70,"_71":72,"_73":74,"_37":196,"_17":32,"_76":127,"_78":197,"_80":52,"_81":-5,"_107":198,"_18":199},{"_35":186,"_13":187,"_65":188,"_67":156,"_69":70,"_71":72,"_73":74,"_37":189,"_17":32,"_76":127,"_78":190,"_80":52,"_81":-5,"_107":191,"_18":192},{"_35":179,"_13":180,"_65":181,"_67":156,"_69":70,"_71":72,"_73":74,"_37":182,"_17":32,"_76":127,"_78":183,"_80":52,"_81":-5,"_107":184,"_18":185},{"_35":172,"_13":173,"_65":174,"_67":156,"_69":70,"_71":72,"_73":74,"_37":175,"_17":32,"_76":127,"_78":176,"_80":52,"_81":-5,"_107":177,"_18":178},{"_35":165,"_13":166,"_65":167,"_67":156,"_69":70,"_71":72,"_73":74,"_37":168,"_17":32,"_76":127,"_78":169,"_80":52,"_81":-5,"_107":170,"_18":171},"5b2a61fc-4003-11f0-a81d-76b3cceeab13","VoiceRecorder.tsx","c21cd77d-c3b6-4aed-81ef-7d11e133a53a",["D",1748904360659],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useRef, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport ShareModal from \"./ShareModal.tsx\";\nimport type { VoiceNote, ShareSettings } from \"../../shared/types.ts\";\n\ninterface RecordingState {\n isRecording: boolean;\n isPaused: boolean;\n duration: number;\n audioBlob: Blob | null;\n audioUrl: string | null;\n}\n\ninterface VoiceRecorderProps {\n onVoiceNoteCreated?: () => void;\n}\n\nexport default function VoiceRecorder({ onVoiceNoteCreated }: VoiceRecorderProps) {\n const [recordingState, setRecordingState] = useState({\n isRecording: false,\n isPaused: false,\n duration: 0,\n audioBlob: null,\n audioUrl: null\n });\n \n const [title, setTitle] = useState(\"\");\n const [isUploading, setIsUploading] = useState(false);\n const [showShareModal, setShowShareModal] = useState(false);\n const [createdVoiceNote, setCreatedVoiceNote] = useState(null);\n const [shareUrl, setShareUrl] = useState(\"\");\n \n const mediaRecorderRef = useRef(null);\n const audioChunksRef = useRef([]);\n const timerRef = useRef(null);\n const streamRef = useRef(null);\n\n useEffect(() => {\n return () => {\n if (timerRef.current) {\n clearInterval(timerRef.current);\n }\n if (streamRef.current) {\n streamRef.current.getTracks().forEach(track => track.stop());\n }\n };\n }, []);\n\n const startRecording = async () => {\n try {\n const stream = await navigator.mediaDevices.getUserMedia({ audio: true });\n streamRef.current = stream;\n \n const mediaRecorder = new MediaRecorder(stream);\n mediaRecorderRef.current = mediaRecorder;\n audioChunksRef.current = [];\n\n mediaRecorder.ondataavailable = (event) => {\n if (event.data.size > 0) {\n audioChunksRef.current.push(event.data);\n }\n };\n\n mediaRecorder.onstop = () => {\n const audioBlob = new Blob(audioChunksRef.current, { type: 'audio/webm' });\n const audioUrl = URL.createObjectURL(audioBlob);\n \n setRecordingState(prev => ({\n ...prev,\n audioBlob,\n audioUrl,\n isRecording: false\n }));\n };\n\n mediaRecorder.start();\n \n setRecordingState(prev => ({\n ...prev,\n isRecording: true,\n isPaused: false,\n duration: 0\n }));\n\n // Start timer\n timerRef.current = setInterval(() => {\n setRecordingState(prev => ({\n ...prev,\n duration: prev.duration + 1\n }));\n }, 1000);\n\n } catch (error) {\n console.error('Error starting recording:', error);\n alert('Could not access microphone. Please check permissions.');\n }\n };\n\n const stopRecording = () => {\n if (mediaRecorderRef.current && recordingState.isRecording) {\n mediaRecorderRef.current.stop();\n \n if (timerRef.current) {\n clearInterval(timerRef.current);\n timerRef.current = null;\n }\n \n if (streamRef.current) {\n streamRef.current.getTracks().forEach(track => track.stop());\n }\n }\n };\n\n const resetRecording = () => {\n if (recordingState.audioUrl) {\n URL.revokeObjectURL(recordingState.audioUrl);\n }\n \n setRecordingState({\n isRecording: false,\n isPaused: false,\n duration: 0,\n audioBlob: null,\n audioUrl: null\n });\n \n setTitle(\"\");\n };\n\n const handleSave = (shareSettings: ShareSettings) => {\n if (!recordingState.audioBlob) return;\n \n setIsUploading(true);\n \n const formData = new FormData();\n formData.append('audio', recordingState.audioBlob, 'recording.webm');\n formData.append('title', title);\n formData.append('duration', recordingState.duration.toString());\n \n if (shareSettings.expiresAt) {\n formData.append('expiresAt', shareSettings.expiresAt);\n }\n \n if (shareSettings.maxListens) {\n formData.append('maxListens', shareSettings.maxListens.toString());\n }\n\n fetch('/api/voicenotes', {\n method: 'POST',\n body: formData\n })\n .then(response => response.json())\n .then(data => {\n if (data.success) {\n setCreatedVoiceNote(data.voiceNote);\n setShareUrl(data.shareUrl);\n setShowShareModal(false);\n resetRecording();\n } else {\n alert('Error saving voice note: ' + data.error);\n }\n })\n .catch(error => {\n console.error('Error saving voice note:', error);\n alert('Error saving voice note');\n })\n .finally(() => {\n setIsUploading(false);\n });\n };\n\n const formatDuration = (seconds: number) => {\n const mins = Math.floor(seconds / 60);\n const secs = seconds % 60;\n return `${mins}:${secs.toString().padStart(2, '0')}`;\n };\n\n const copyToClipboard = async (text: string) => {\n try {\n await navigator.clipboard.writeText(text);\n alert('Link copied to clipboard!');\n } catch (error) {\n console.error('Failed to copy:', error);\n }\n };\n\n if (createdVoiceNote) {\n return (\n

✅

\n Voice Note Created!\n

\n Your voice note has been saved and is being transcribed.\n

\n \n

Share this link:

\n \n copyToClipboard(shareUrl)}\n className=\"px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 text-sm\"\n >\n Copy\n \n

\n \n {\n setCreatedVoiceNote(null);\n setShareUrl(\"\");\n onVoiceNoteCreated?.();\n }}\n className=\"px-6 py-2 bg-gray-600 text-white rounded-md hover:bg-gray-700\"\n >\n View All Notes\n \n

\n );\n }\n\n return (\n

\n {!recordingState.isRecording && !recordingState.audioBlob && (\n <>\n

🎙️

\n Ready to Record\n

\n Click the button below to start recording your voice note\n

\n \n Start Recording\n \n \n )}\n\n {recordingState.isRecording && (\n <>\n

🔴

\n Recording...\n

\n {formatDuration(recordingState.duration)}\n

\n \n Stop Recording\n \n \n )}\n\n {recordingState.audioBlob && (\n <>\n

🎵

\n Recording Complete\n

\n Duration: {formatDuration(recordingState.duration)}\n

\n \n \n \n

\n \n Title (optional)\n \n setTitle(e.target.value)}\n placeholder=\"Enter a title for your voice note\"\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500\"\n />\n

\n \n

\n \n Re-record\n \n setShowShareModal(true)}\n disabled={isUploading}\n className=\"px-6 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 disabled:opacity-50\"\n >\n {isUploading ? 'Saving...' : 'Save & Share'}\n \n

\n \n )}\n

\n\n {showShareModal && (\n setShowShareModal(false)}\n isUploading={isUploading}\n />\n )}\n

\n );\n}",[],[132,155,166],"5b2a5bf8-4003-11f0-a81d-76b3cceeab13","VoicePlayer.tsx","825ecd4e-8648-4d48-ad82-cc0b2426e1df",["D",1748904360659],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport type { VoiceNote } from \"../../shared/types.ts\";\n\ninterface VoicePlayerProps {\n voiceNoteId: string;\n}\n\nexport default function VoicePlayer({ voiceNoteId }: VoicePlayerProps) {\n const [voiceNote, setVoiceNote] = useState(null);\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(null);\n const [audioUrl, setAudioUrl] = useState(null);\n\n useEffect(() => {\n fetchVoiceNote();\n }, [voiceNoteId]);\n\n const fetchVoiceNote = async () => {\n try {\n setLoading(true);\n const response = await fetch(`/api/voicenotes/${voiceNoteId}`);\n const data = await response.json();\n \n if (data.success) {\n setVoiceNote(data.voiceNote);\n // Get audio URL\n setAudioUrl(`/api/voicenotes/${voiceNoteId}/audio`);\n } else {\n setError(data.error || 'Voice note not found');\n }\n } catch (err) {\n setError('Failed to load voice note');\n console.error('Error fetching voice note:', err);\n } finally {\n setLoading(false);\n }\n };\n\n const formatDuration = (seconds: number) => {\n const mins = Math.floor(seconds / 60);\n const secs = seconds % 60;\n return `${mins}:${secs.toString().padStart(2, '0')}`;\n };\n\n const formatDate = (dateString: string) => {\n return new Date(dateString).toLocaleDateString('en-US', {\n year: 'numeric',\n month: 'long',\n day: 'numeric',\n hour: '2-digit',\n minute: '2-digit'\n });\n };\n\n const getExpirationInfo = () => {\n if (!voiceNote) return null;\n \n if (voiceNote.isExpired) {\n return {\n text: \"This voice note has expired\",\n color: \"text-red-600\",\n icon: \"⚠️\"\n };\n }\n \n if (voiceNote.expiresAt) {\n const expiresDate = new Date(voiceNote.expiresAt);\n const now = new Date();\n const timeLeft = expiresDate.getTime() - now.getTime();\n const daysLeft = Math.ceil(timeLeft / (1000 * 60 * 60 * 24));\n \n return {\n text: `Expires on ${formatDate(voiceNote.expiresAt)} (${daysLeft} day${daysLeft !== 1 ? 's' : ''} left)`,\n color: daysLeft <= 1 ? \"text-orange-600\" : \"text-gray-600\",\n icon: \"⏰\"\n };\n }\n \n if (voiceNote.maxListens) {\n const listensLeft = voiceNote.maxListens - voiceNote.currentListens;\n return {\n text: `${listensLeft} listen${listensLeft !== 1 ? 's' : ''} remaining (${voiceNote.currentListens}/${voiceNote.maxListens} used)`,\n color: listensLeft <= 1 ? \"text-orange-600\" : \"text-gray-600\",\n icon: \"👂\"\n };\n }\n \n return null;\n };\n\n const copyToClipboard = async (text: string) => {\n try {\n await navigator.clipboard.writeText(text);\n alert('Transcription copied to clipboard!');\n } catch (error) {\n console.error('Failed to copy:', error);\n }\n };\n\n if (loading) {\n return (\n

⏳

\n Loading Voice Note...\n

\n );\n }\n\n if (error) {\n return (\n

❌

\n Error\n

{error}

\n window.location.href = '/'}\n className=\"px-6 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700\"\n >\n Go Home\n \n

\n );\n }\n\n if (!voiceNote) {\n return null;\n }\n\n const expirationInfo = getExpirationInfo();\n\n return (\n

🎵

\n {voiceNote.title || 'Voice Note'}\n

\n Created {formatDate(voiceNote.createdAt)}\n

\n Duration: {formatDuration(voiceNote.duration)}\n

\n\n {expirationInfo && (\n

\n {expirationInfo.icon} {expirationInfo.text}\n

\n )}\n\n {!voiceNote.isExpired && audioUrl && (\n

\n \n

\n )}\n\n {voiceNote.isExpired && (\n

\n This voice note has expired and can no longer be played.\n

\n )}\n\n {voiceNote.transcription && (\n

Transcription

\n copyToClipboard(voiceNote.transcription!)}\n className=\"text-sm text-blue-600 hover:text-blue-800 underline\"\n >\n Copy\n \n

\n {voiceNote.transcription}\n

\n )}\n\n {!voiceNote.transcription && !voiceNote.isExpired && (\n

\n 🤖 Transcription in progress... Refresh the page in a moment to see the text.\n

\n )}\n\n

\n window.location.href = '/'}\n className=\"px-6 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700\"\n >\n Create Your Own Voice Note\n \n

\n );\n}",[],[132,155,173],"5b2a5658-4003-11f0-a81d-76b3cceeab13","ShareModal.tsx","095c9898-02ec-4106-9450-74dd4a1f5d90",["D",1748904360659],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport type { ShareSettings } from \"../../shared/types.ts\";\n\ninterface ShareModalProps {\n onSave: (settings: ShareSettings) => void;\n onCancel: () => void;\n isUploading: boolean;\n}\n\nexport default function ShareModal({ onSave, onCancel, isUploading }: ShareModalProps) {\n const [expirationType, setExpirationType] = useState<'none' | 'date' | 'listens'>('none');\n const [expirationDate, setExpirationDate] = useState('');\n const [maxListens, setMaxListens] = useState(1);\n\n const handleSave = () => {\n const settings: ShareSettings = {};\n \n if (expirationType === 'date' && expirationDate) {\n settings.expiresAt = new Date(expirationDate).toISOString();\n } else if (expirationType === 'listens') {\n settings.maxListens = maxListens;\n }\n \n onSave(settings);\n };\n\n const getTomorrowDate = () => {\n const tomorrow = new Date();\n tomorrow.setDate(tomorrow.getDate() + 1);\n return tomorrow.toISOString().split('T')[0];\n };\n\n return (\n

\n Share Settings\n

\n \n

\n \n Expiration Settings\n \n \n

\n \n setExpirationType(e.target.value as 'none')}\n className=\"mr-2\"\n />\n No expiration\n \n \n \n setExpirationType(e.target.value as 'date')}\n className=\"mr-2\"\n />\n Expire on date\n \n \n {expirationType === 'date' && (\n

\n setExpirationDate(e.target.value)}\n min={getTomorrowDate()}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500\"\n />\n

\n )}\n \n \n setExpirationType(e.target.value as 'listens')}\n className=\"mr-2\"\n />\n Expire after listens\n \n \n {expirationType === 'listens' && (\n

\n setMaxListens(parseInt(e.target.value) || 1)}\n min=\"1\"\n max=\"100\"\n className=\"w-20 px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500\"\n />\n \n listen{maxListens !== 1 ? 's' : ''}\n \n

\n )}\n

\n \n

\n \n Cancel\n \n \n {isUploading ? 'Saving...' : 'Save & Share'}\n \n

\n );\n}",[],[132,155,180],"5b2a49d8-4003-11f0-a81d-76b3cceeab13","Dashboard.tsx","e9b78936-b510-497c-b223-bdf3f0b09fe3",["D",1748904360659],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport type { VoiceNote } from \"../../shared/types.ts\";\n\nexport default function Dashboard() {\n const [voiceNotes, setVoiceNotes] = useState([]);\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(null);\n\n useEffect(() => {\n fetchVoiceNotes();\n }, []);\n\n const fetchVoiceNotes = async () => {\n try {\n setLoading(true);\n const response = await fetch('/api/voicenotes');\n const data = await response.json();\n \n if (data.success) {\n setVoiceNotes(data.voiceNotes || []);\n } else {\n setError(data.error || 'Failed to fetch voice notes');\n }\n } catch (err) {\n setError('Failed to load voice notes');\n console.error('Error fetching voice notes:', err);\n } finally {\n setLoading(false);\n }\n };\n\n const formatDuration = (seconds: number) => {\n const mins = Math.floor(seconds / 60);\n const secs = seconds % 60;\n return `${mins}:${secs.toString().padStart(2, '0')}`;\n };\n\n const formatDate = (dateString: string) => {\n return new Date(dateString).toLocaleDateString('en-US', {\n year: 'numeric',\n month: 'short',\n day: 'numeric',\n hour: '2-digit',\n minute: '2-digit'\n });\n };\n\n const getStatusInfo = (voiceNote: VoiceNote) => {\n if (voiceNote.isExpired) {\n return {\n text: \"Expired\",\n color: \"text-red-600 bg-red-50\",\n icon: \"⚠️\"\n };\n }\n \n if (voiceNote.expiresAt) {\n const expiresDate = new Date(voiceNote.expiresAt);\n const now = new Date();\n const timeLeft = expiresDate.getTime() - now.getTime();\n const daysLeft = Math.ceil(timeLeft / (1000 * 60 * 60 * 24));\n \n if (daysLeft <= 1) {\n return {\n text: `Expires soon (${daysLeft} day${daysLeft !== 1 ? 's' : ''})`,\n color: \"text-orange-600 bg-orange-50\",\n icon: \"⏰\"\n };\n }\n \n return {\n text: `Expires in ${daysLeft} days`,\n color: \"text-blue-600 bg-blue-50\",\n icon: \"⏰\"\n };\n }\n \n if (voiceNote.maxListens) {\n const listensLeft = voiceNote.maxListens - voiceNote.currentListens;\n \n if (listensLeft <= 1) {\n return {\n text: `${listensLeft} listen${listensLeft !== 1 ? 's' : ''} left`,\n color: \"text-orange-600 bg-orange-50\",\n icon: \"👂\"\n };\n }\n \n return {\n text: `${listensLeft}/${voiceNote.maxListens} listens left`,\n color: \"text-blue-600 bg-blue-50\",\n icon: \"👂\"\n };\n }\n \n return {\n text: \"Active\",\n color: \"text-green-600 bg-green-50\",\n icon: \"✅\"\n };\n };\n\n const copyShareUrl = async (voiceNoteId: string) => {\n const shareUrl = `${window.location.origin}/note/${voiceNoteId}`;\n try {\n await navigator.clipboard.writeText(shareUrl);\n alert('Share link copied to clipboard!');\n } catch (error) {\n console.error('Failed to copy:', error);\n // Fallback: show the URL in a prompt\n prompt('Copy this link:', shareUrl);\n }\n };\n\n const deleteVoiceNote = async (voiceNoteId: string) => {\n if (!confirm('Are you sure you want to delete this voice note? This action cannot be undone.')) {\n return;\n }\n \n try {\n const response = await fetch(`/api/voicenotes/${voiceNoteId}`, {\n method: 'DELETE'\n });\n \n const data = await response.json();\n \n if (data.success) {\n setVoiceNotes(prev => prev.filter(note => note.id !== voiceNoteId));\n } else {\n alert('Failed to delete voice note: ' + data.error);\n }\n } catch (error) {\n console.error('Error deleting voice note:', error);\n alert('Failed to delete voice note');\n }\n };\n\n if (loading) {\n return (\n

⏳

\n Loading Your Voice Notes...\n

\n );\n }\n\n if (error) {\n return (\n

❌

\n Error\n

{error}

\n \n Try Again\n \n

\n );\n }\n\n return (\n

\n 📋 Your Voice Notes\n

\n \n Refresh\n \n

\n\n {voiceNotes.length === 0 ? (\n

🎙️

\n No Voice Notes Yet\n

\n Create your first voice note to see it here!\n

\n ) : (\n

\n {voiceNotes.map((voiceNote) => {\n const statusInfo = getStatusInfo(voiceNote);\n \n return (\n \n

\n {voiceNote.title || 'Untitled Voice Note'}\n

\n Created {formatDate(voiceNote.createdAt)} • {formatDuration(voiceNote.duration)}\n

\n \n \n {statusInfo.icon} {statusInfo.text}\n \n

\n\n {voiceNote.transcription && (\n

\n {voiceNote.transcription}\n

\n )}\n\n

\n 👂 {voiceNote.currentListens} listen{voiceNote.currentListens !== 1 ? 's' : ''}\n {voiceNote.maxListens && (\n 📊 {voiceNote.maxListens} max\n )}\n {voiceNote.expiresAt && (\n ⏰ Expires {formatDate(voiceNote.expiresAt)}\n )}\n

\n \n

\n window.open(`/note/${voiceNote.id}`, '_blank')}\n className=\"px-3 py-1 bg-blue-100 text-blue-700 rounded hover:bg-blue-200\"\n >\n View\n \n copyShareUrl(voiceNote.id)}\n className=\"px-3 py-1 bg-green-100 text-green-700 rounded hover:bg-green-200\"\n >\n Share\n \n deleteVoiceNote(voiceNote.id)}\n className=\"px-3 py-1 bg-red-100 text-red-700 rounded hover:bg-red-200\"\n >\n Delete\n \n

\n );\n })}\n

\n )}\n \n );\n}",[],[132,155,187],"5b2a471c-4003-11f0-a81d-76b3cceeab13","App.tsx","5c27d079-28cf-4d49-b71d-37de9883a85b",["D",1748904360659],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport VoiceRecorder from \"./VoiceRecorder.tsx\";\nimport VoicePlayer from \"./VoicePlayer.tsx\";\nimport Dashboard from \"./Dashboard.tsx\";\n\ndeclare global {\n interface Window {\n __VOICE_NOTE_ID__?: string;\n }\n}\n\nexport default function App() {\n const [currentView, setCurrentView] = useState<'recorder' | 'player' | 'dashboard'>('recorder');\n const voiceNoteId = window.__VOICE_NOTE_ID__;\n\n useEffect(() => {\n if (voiceNoteId) {\n setCurrentView('player');\n }\n }, [voiceNoteId]);\n\n return (\n

\n 🎙️ Voice Notes\n

\n Record, transcribe, and share voice notes with expiration controls\n

\n\n {/* Navigation */}\n {!voiceNoteId && (\n

\n setCurrentView('recorder')}\n className={`px-6 py-2 rounded-md font-medium transition-colors ${\n currentView === 'recorder'\n ? 'bg-blue-600 text-white'\n : 'bg-white text-gray-700 hover:bg-gray-50'\n }`}\n >\n 🎙️ Record\n \n setCurrentView('dashboard')}\n className={`px-6 py-2 rounded-md font-medium transition-colors ${\n currentView === 'dashboard'\n ? 'bg-blue-600 text-white'\n : 'bg-white text-gray-700 hover:bg-gray-50'\n }`}\n >\n 📋 My Notes\n \n

\n )}\n\n

\n {currentView === 'recorder' && !voiceNoteId && (\n setCurrentView('dashboard')} />\n )}\n \n {currentView === 'dashboard' && !voiceNoteId && (\n \n )}\n \n {currentView === 'player' && voiceNoteId && (\n \n )}\n

\n );\n}",[],[132,155,194],["D",1748904360659],[203,204,205],[19],{"_35":89,"_13":90,"_65":91,"_67":68,"_69":70,"_71":72,"_73":74,"_37":228,"_17":32,"_76":87,"_78":-5,"_80":52,"_81":-5,"_107":229,"_18":230},{"_35":83,"_13":84,"_65":85,"_67":68,"_69":70,"_71":72,"_73":74,"_37":209,"_17":32,"_76":87,"_78":-5,"_80":52,"_81":-5,"_107":210,"_18":211},{"_35":63,"_13":64,"_65":66,"_67":68,"_69":70,"_71":72,"_73":74,"_37":206,"_17":32,"_76":77,"_78":79,"_80":52,"_81":-5,"_107":207,"_18":208},["D",1748904360659],[],[19,64],["D",1748904360659],[212,213],[19,84],{"_35":221,"_13":222,"_65":223,"_67":85,"_69":70,"_71":72,"_73":74,"_37":224,"_17":32,"_76":127,"_78":225,"_80":52,"_81":-5,"_107":226,"_18":227},{"_35":214,"_13":215,"_65":216,"_67":85,"_69":70,"_71":72,"_73":74,"_37":217,"_17":32,"_76":127,"_78":218,"_80":52,"_81":-5,"_107":219,"_18":220},"5b2a3bbe-4003-11f0-a81d-76b3cceeab13","voicenotes.ts","8e2952c3-fbe5-4cb2-b857-f1213581624f",["D",1748904360659],"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 { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\nimport { \n createVoiceNote, \n getVoiceNote, \n incrementListenCount, \n updateTranscription,\n getAllVoiceNotes,\n deleteVoiceNote\n} from \"../database/queries.ts\";\nimport { TABLE_NAME } from \"../database/migrations.ts\";\nimport type { VoiceNote, VoiceNoteResponse, TranscriptionResponse } from \"../../shared/types.ts\";\n\nconst app = new Hono();\nconst openai = new OpenAI();\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: true, voiceNotes: [] });\n }\n});\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 duration = formData.get(\"duration\") 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: duration ? parseInt(duration) : 0,\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// 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\n// Delete a voice note\napp.delete(\"/: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 // Delete audio from blob storage\n try {\n await blob.delete(voiceNote.audioUrl);\n } catch (error) {\n console.warn(\"Failed to delete audio blob:\", error);\n }\n \n // Delete from database\n await deleteVoiceNote(id);\n \n return c.json({ success: true });\n \n } catch (error) {\n console.error(\"Error deleting voice note:\", error);\n return c.json({ success: false, error: \"Failed to delete voice note\" }, 500);\n }\n});\n\nexport default app;",[],[19,84,215],"5b2a3952-4003-11f0-a81d-76b3cceeab13","static.ts","aa3138b4-d135-4479-9f98-5f6f0851f9c2",["D",1748904360659],"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;",[],[19,84,222],["D",1748904360659],[231,232],[19,90],{"_35":240,"_13":241,"_65":242,"_67":91,"_69":70,"_71":72,"_73":74,"_37":243,"_17":32,"_76":127,"_78":244,"_80":52,"_81":-5,"_107":245,"_18":246},{"_35":233,"_13":234,"_65":235,"_67":91,"_69":70,"_71":72,"_73":74,"_37":236,"_17":32,"_76":127,"_78":237,"_80":52,"_81":-5,"_107":238,"_18":239},"5b2a29da-4003-11f0-a81d-76b3cceeab13","queries.ts","24be9fa4-74aa-4d39-8f62-b97e8a460f1e",["D",1748904360659],"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 try {\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 console.log(\"Voice note successfully inserted into database\");\n } catch (error) {\n console.error(\"Error inserting voice note into database:\", error);\n throw error;\n }\n}\n\nexport async function getVoiceNote(id: string): Promise {\n try {\n const result = await sqlite.execute(\n `SELECT * FROM ${TABLE_NAME} WHERE id = ?`,\n [id]\n );\n \n // Handle the case where result.rows exists (new format) or result is an array (old format)\n const rows = result.rows || result;\n \n if (!Array.isArray(rows) || rows.length === 0) {\n return null;\n }\n \n const row = rows[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 } catch (error) {\n console.error(\"Error getting voice note from database:\", error);\n throw error;\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 deleteVoiceNote(id: string): Promise {\n await sqlite.execute(\n `DELETE FROM ${TABLE_NAME} WHERE id = ?`,\n [id]\n );\n}\n\nexport async function getAllVoiceNotes(): Promise {\n try {\n const result = await sqlite.execute(`SELECT * FROM ${TABLE_NAME} ORDER BY created_at DESC`);\n \n // Handle the case where result.rows exists (new format) or result is an array (old format)\n const rows = result.rows || result;\n \n if (!Array.isArray(rows)) {\n return [];\n }\n \n return rows.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 } catch (error) {\n console.error('Error in getAllVoiceNotes:', error);\n throw error;\n }\n}",[],[19,90,234],"5b2a1fbc-4003-11f0-a81d-76b3cceeab13","migrations.ts","be7dce53-456c-4369-b82a-2547a168394c",["D",1748904360659],"import { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\n\nconst TABLE_NAME = 'voice_notes_v1';\n\nexport async function runMigrations() {\n try {\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 successfully');\n } catch (error) {\n console.error('Database migration failed:', error);\n throw error;\n }\n}\n\nexport { TABLE_NAME };",[],[19,90,241],"5b2446c8-4003-11f0-a81d-76b3cceeab13",["D",1748904360659],"legacyEnvVars","httpPrivacy","description","imageUrl","userId","3fedf2a0-3fb3-11f0-ad5b-814c56c8abb0","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_288":284},"org",{"_11":12,"_282":-5,"_283":284,"_253":254,"_285":286,"_287":52},"branch",{"_17":72,"_13":16,"_35":70,"_41":247,"_44":36,"_46":43,"_279":54,"_280":42,"_281":57,"_58":14,"_55":12},"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJ4eEJib2R4YktaSm1ZR2J3V3pGR2N1cmd6dCJ9","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_35":247,"_13":14,"_37":392,"_50":-5,"_249":52,"_53":54,"_250":54,"_251":-5,"_252":-5,"_253":254,"_255":66,"_256":74,"_257":74,"_258":-5,"_259":32,"_56":57,"_260":-5,"_261":-5,"_262":-5,"_263":-5,"_264":265,"_266":265,"_267":268,"_269":268,"_270":268,"_271":265,"_272":265,"_273":393,"_275":394,"_277":395,"_51":52},[329,337,346,348,349],"files",[329,330,331,332,333,334,335,336,337,338,339,340,341,342,343,344,345,346,347,348,349],"counts",{"_320":32,"_321":72,"_322":72,"_34":323,"_324":325},[314,315,316],{"_35":94,"_13":19,"_65":68,"_67":-5,"_69":70,"_71":72,"_73":74,"_37":95,"_17":32,"_76":87,"_78":-5,"_80":52,"_81":-5,"_18":313},"upstreamProject",{"_35":42,"_13":59,"_251":-5,"_252":-5,"_53":54,"_273":312},"upstreamBranch",{"_35":36,"_37":310,"_39":311,"_13":16,"_41":42,"_17":43,"_44":45,"_46":47,"_48":49,"_50":-5,"_51":52,"_53":54,"_55":12,"_56":57,"_58":59},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1748904315796],["D",1748904329185],{"_11":12,"_288":284},[19],{"_35":89,"_13":90,"_65":91,"_67":68,"_69":70,"_71":72,"_73":74,"_37":92,"_17":32,"_76":87,"_78":-5,"_80":52,"_81":-5,"_18":319},{"_35":83,"_13":84,"_65":85,"_67":68,"_69":70,"_71":72,"_73":74,"_37":86,"_17":32,"_76":87,"_78":-5,"_80":52,"_81":-5,"_18":318},{"_35":63,"_13":64,"_65":66,"_67":68,"_69":70,"_71":72,"_73":74,"_37":75,"_17":32,"_76":77,"_78":79,"_80":52,"_81":-5,"_18":317},[19,64],[19,84],[19,90],"pulls","branches","forks",{"_326":32,"_328":32},"connections",{"_326":32,"_327":32},"count","unfilledCount","emptyCount",{"_35":94,"_13":19,"_65":68,"_67":-5,"_69":70,"_71":72,"_73":74,"_37":200,"_17":32,"_76":87,"_78":-5,"_80":52,"_81":-5,"_107":390,"_18":391},{"_35":89,"_13":90,"_65":91,"_67":68,"_69":70,"_71":72,"_73":74,"_37":228,"_17":32,"_76":87,"_78":-5,"_80":52,"_81":-5,"_107":388,"_18":389},{"_35":240,"_13":241,"_65":242,"_67":91,"_69":70,"_71":72,"_73":74,"_37":243,"_17":32,"_76":127,"_78":244,"_80":52,"_81":-5,"_107":386,"_18":387},{"_35":233,"_13":234,"_65":235,"_67":91,"_69":70,"_71":72,"_73":74,"_37":236,"_17":32,"_76":127,"_78":237,"_80":52,"_81":-5,"_107":384,"_18":385},{"_35":83,"_13":84,"_65":85,"_67":68,"_69":70,"_71":72,"_73":74,"_37":209,"_17":32,"_76":87,"_78":-5,"_80":52,"_81":-5,"_107":382,"_18":383},{"_35":221,"_13":222,"_65":223,"_67":85,"_69":70,"_71":72,"_73":74,"_37":224,"_17":32,"_76":127,"_78":225,"_80":52,"_81":-5,"_107":380,"_18":381},{"_35":214,"_13":215,"_65":216,"_67":85,"_69":70,"_71":72,"_73":74,"_37":217,"_17":32,"_76":127,"_78":218,"_80":52,"_81":-5,"_107":378,"_18":379},{"_35":63,"_13":64,"_65":66,"_67":68,"_69":70,"_71":72,"_73":74,"_37":206,"_17":32,"_76":77,"_78":79,"_80":52,"_81":-5,"_107":376,"_18":377},{"_35":131,"_13":132,"_65":133,"_67":-5,"_69":70,"_71":72,"_73":74,"_37":134,"_17":32,"_76":87,"_78":-5,"_80":52,"_81":-5,"_107":374,"_18":375},{"_35":154,"_13":155,"_65":156,"_67":133,"_69":70,"_71":72,"_73":74,"_37":157,"_17":32,"_76":87,"_78":-5,"_80":52,"_81":-5,"_107":372,"_18":373},{"_35":193,"_13":194,"_65":195,"_67":156,"_69":70,"_71":72,"_73":74,"_37":196,"_17":32,"_76":127,"_78":197,"_80":52,"_81":-5,"_107":370,"_18":371},{"_35":186,"_13":187,"_65":188,"_67":156,"_69":70,"_71":72,"_73":74,"_37":189,"_17":32,"_76":127,"_78":190,"_80":52,"_81":-5,"_107":368,"_18":369},{"_35":179,"_13":180,"_65":181,"_67":156,"_69":70,"_71":72,"_73":74,"_37":182,"_17":32,"_76":127,"_78":183,"_80":52,"_81":-5,"_107":366,"_18":367},{"_35":172,"_13":173,"_65":174,"_67":156,"_69":70,"_71":72,"_73":74,"_37":175,"_17":32,"_76":127,"_78":176,"_80":52,"_81":-5,"_107":364,"_18":365},{"_35":165,"_13":166,"_65":167,"_67":156,"_69":70,"_71":72,"_73":74,"_37":168,"_17":32,"_76":127,"_78":169,"_80":52,"_81":-5,"_107":362,"_18":363},{"_35":147,"_13":148,"_65":149,"_67":133,"_69":70,"_71":72,"_73":74,"_37":150,"_17":32,"_76":24,"_78":151,"_80":52,"_81":-5,"_107":360,"_18":361},{"_35":140,"_13":141,"_65":142,"_67":133,"_69":70,"_71":72,"_73":74,"_37":143,"_17":32,"_76":127,"_78":144,"_80":52,"_81":-5,"_107":358,"_18":359},{"_35":116,"_13":117,"_65":118,"_67":-5,"_69":70,"_71":72,"_73":74,"_37":119,"_17":32,"_76":87,"_78":-5,"_80":52,"_81":-5,"_107":356,"_18":357},{"_35":123,"_13":124,"_65":125,"_67":118,"_69":70,"_71":72,"_73":74,"_37":126,"_17":32,"_76":127,"_78":128,"_80":52,"_81":-5,"_107":354,"_18":355},{"_35":110,"_13":111,"_65":112,"_67":-5,"_69":70,"_71":72,"_73":74,"_37":113,"_17":32,"_76":87,"_78":-5,"_80":52,"_81":-5,"_107":352,"_18":353},{"_35":102,"_13":103,"_65":104,"_67":-5,"_69":70,"_71":72,"_73":74,"_37":105,"_17":32,"_76":24,"_78":106,"_80":52,"_81":-5,"_107":350,"_18":351},[],[103],[],[111],[],[117,124],[347],[117],[],[132,141],[],[132,148],[],[132,155,166],[],[132,155,173],[],[132,155,180],[],[132,155,187],[],[132,155,194],[339,340,341,342,343],[132,155],[338,344,345],[132],[],[19,64],[],[19,84,215],[],[19,84,222],[334,335],[19,84],[],[19,90,234],[],[19,90,241],[331,332],[19,90],[330,333,336],[19],["D",1748904360659],{"_11":12,"_288":284},{"_11":12,"_282":-5,"_283":284,"_253":254,"_285":286,"_287":52},{"_17":72,"_13":16,"_35":70,"_41":247,"_44":36,"_46":43,"_279":54,"_280":42,"_281":57,"_58":14,"_55":12},"ctx",{"_273":-5,"_307":429,"_430":431,"_432":433,"_434":52,"_435":52,"_436":52,"_437":74,"_438":-5,"_439":-7,"_440":-7,"_441":32,"_442":52,"_443":52,"_444":-5,"_445":52,"_446":52,"_447":52,"_448":-5},"ENV",{"_400":401,"_402":403,"_404":16,"_405":406,"_407":408,"_409":410,"_411":412,"_413":414,"_415":416,"_417":418,"_419":420,"_421":422,"_423":424,"_425":426,"_427":428},"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"]