\n {/* Header */}\n

📝 Jotter

\n \n \n New\n \n

\n \n \n

\n\n {/* Filters */}\n \n\n {/* Notes List */}\n

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

📄

\n {notes.length === 0 ? (\n <>\n

No notes yet

Create your first note to get started

\n \n ) : (\n <>\n

No notes match your filters

Try adjusting your filter settings

\n \n )}\n

\n ) : (\n

\n {filteredNotes.map((note) => (\n onSelectNote(note)}\n className={`note-item p-4 cursor-pointer transition-colors ${\n selectedNoteId === note.id ? 'active' : ''\n }`}\n >\n

\n {note.title || \"Untitled\"}\n

\n {note.is_completed && ✅}\n

\n \n {/* Labels */}\n

\n \n {IMPORTANCE_LABELS[note.importance].emoji}\n {IMPORTANCE_LABELS[note.importance].label}\n \n \n {TIME_FRAME_LABELS[note.time_frame].emoji}\n {TIME_FRAME_LABELS[note.time_frame].label}\n \n

\n \n

\n {truncateContent(note.content) || \"No content\"}\n

\n {formatDate(note.updated_at)}\n

\n \n {\n e.stopPropagation();\n onDeleteNote(note.id);\n }}\n className=\"ml-2 p-1 text-gray-400 hover:text-red-500 transition-colors\"\n title=\"Delete note\"\n >\n \n \n

\n ))}\n

\n )}\n

\n \n );\n}",[295,211,95],"75bae132-3f99-11f0-a390-76b3cceeab13",["D",1748858878611],4,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport type { Note, ImportanceLevel, TimeFrame } from \"../../shared/types.ts\";\nimport LabelSelector from \"./LabelSelector.tsx\";\n\ninterface NoteEditorProps {\n note: Note | null;\n onSave: (id: number, title: string, content: string, importance: ImportanceLevel, timeFrame: TimeFrame, isCompleted: boolean) => void;\n}\n\nexport default function NoteEditor({ note, onSave }: NoteEditorProps) {\n const [title, setTitle] = useState(\"\");\n const [content, setContent] = useState(\"\");\n const [importance, setImportance] = useState('medium');\n const [timeFrame, setTimeFrame] = useState('no_deadline');\n const [isCompleted, setIsCompleted] = useState(false);\n const [isSaving, setIsSaving] = useState(false);\n const [lastSaved, setLastSaved] = useState(null);\n\n // Update local state when note changes\n useEffect(() => {\n if (note) {\n setTitle(note.title);\n setContent(note.content);\n setImportance(note.importance);\n setTimeFrame(note.time_frame);\n setIsCompleted(note.is_completed);\n } else {\n setTitle(\"\");\n setContent(\"\");\n setImportance('medium');\n setTimeFrame('no_deadline');\n setIsCompleted(false);\n }\n }, [note]);\n\n // Auto-save functionality\n useEffect(() => {\n if (!note) return;\n \n const timeoutId = setTimeout(async () => {\n if (title !== note.title || \n content !== note.content || \n importance !== note.importance || \n timeFrame !== note.time_frame || \n isCompleted !== note.is_completed) {\n setIsSaving(true);\n try {\n await onSave(note.id, title, content, importance, timeFrame, isCompleted);\n setLastSaved(new Date());\n } catch (error) {\n console.error(\"Failed to save note:\", error);\n } finally {\n setIsSaving(false);\n }\n }\n }, 1000); // Auto-save after 1 second of inactivity\n\n return () => clearTimeout(timeoutId);\n }, [note, title, content, importance, timeFrame, isCompleted, onSave]);\n\n const formatLastSaved = (date: Date) => {\n const now = new Date();\n const diffInSeconds = Math.floor((now.getTime() - date.getTime()) / 1000);\n \n if (diffInSeconds < 60) {\n return \"Saved just now\";\n } else if (diffInSeconds < 3600) {\n const minutes = Math.floor(diffInSeconds / 60);\n return `Saved ${minutes} minute${minutes > 1 ? 's' : ''} ago`;\n } else {\n return `Saved at ${date.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })}`;\n }\n };\n\n if (!note) {\n return (\n

✍️

Welcome to Jotter

Select a note to start editing, or create a new one

\n Perfect for remote workspaces and quick note-taking\n

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

\n {/* Editor Header */}\n

\n setTitle(e.target.value)}\n placeholder=\"Note title...\"\n className={`w-full text-xl font-semibold bg-transparent border-none outline-none placeholder-gray-400 ${\n isCompleted ? 'text-gray-500 line-through' : 'text-gray-900'\n }`}\n />\n

\n \n

\n {isSaving && (\n

\n Saving...\n

\n )}\n \n {lastSaved && !isSaving && (\n {formatLastSaved(lastSaved)}\n )}\n \n

\n {content.length} characters\n

\n\n {/* Labels */}\n \n

\n\n {/* Editor Content */}\n

\n setContent(e.target.value)}\n placeholder=\"Start writing your note...\"\n className=\"note-editor w-full h-full resize-none border-none outline-none text-gray-700 placeholder-gray-400 leading-relaxed\"\n style={{ fontSize: '15px', lineHeight: '1.6' }}\n />\n

\n );\n}",[295,211,104],"54ee9fb6-3f99-11f0-9c10-76b3cceeab13",["D",1748858823588],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport type { ImportanceLevel, TimeFrame } from \"../../shared/types.ts\";\nimport { IMPORTANCE_LABELS, TIME_FRAME_LABELS } from \"../../shared/types.ts\";\n\ninterface LabelSelectorProps {\n importance: ImportanceLevel;\n timeFrame: TimeFrame;\n isCompleted: boolean;\n onImportanceChange: (importance: ImportanceLevel) => void;\n onTimeFrameChange: (timeFrame: TimeFrame) => void;\n onCompletedChange: (completed: boolean) => void;\n}\n\nexport default function LabelSelector({\n importance,\n timeFrame,\n isCompleted,\n onImportanceChange,\n onTimeFrameChange,\n onCompletedChange\n}: LabelSelectorProps) {\n const [showImportanceDropdown, setShowImportanceDropdown] = useState(false);\n const [showTimeFrameDropdown, setShowTimeFrameDropdown] = useState(false);\n\n return (\n

\n {/* Completion Toggle */}\n onCompletedChange(!isCompleted)}\n className={`flex items-center gap-1 px-2 py-1 rounded-md text-xs font-medium transition-colors ${\n isCompleted \n ? 'bg-green-100 text-green-700 hover:bg-green-200' \n : 'bg-gray-100 text-gray-600 hover:bg-gray-200'\n }`}\n title={isCompleted ? \"Mark as incomplete\" : \"Mark as complete\"}\n >\n {isCompleted ? '✅' : '⭕'} \n {isCompleted ? 'Done' : 'Todo'}\n \n\n {/* Importance Selector */}\n

\n setShowImportanceDropdown(!showImportanceDropdown)}\n className={`flex items-center gap-1 px-2 py-1 rounded-md text-xs font-medium transition-colors hover:opacity-80 ${IMPORTANCE_LABELS[importance].color}`}\n >\n {IMPORTANCE_LABELS[importance].emoji} {IMPORTANCE_LABELS[importance].label}\n \n \n\n {showImportanceDropdown && (\n

\n {Object.entries(IMPORTANCE_LABELS).map(([key, config]) => (\n {\n onImportanceChange(key as ImportanceLevel);\n setShowImportanceDropdown(false);\n }}\n className={`w-full flex items-center gap-2 px-3 py-2 text-xs font-medium hover:bg-gray-50 first:rounded-t-lg last:rounded-b-lg ${\n key === importance ? 'bg-gray-50' : ''\n }`}\n >\n \n {config.emoji} {config.label}\n \n \n ))}\n

\n )}\n

\n\n {/* Time Frame Selector */}\n

\n setShowTimeFrameDropdown(!showTimeFrameDropdown)}\n className={`flex items-center gap-1 px-2 py-1 rounded-md text-xs font-medium transition-colors hover:opacity-80 ${TIME_FRAME_LABELS[timeFrame].color}`}\n >\n {TIME_FRAME_LABELS[timeFrame].emoji} {TIME_FRAME_LABELS[timeFrame].label}\n \n \n\n {showTimeFrameDropdown && (\n

\n {Object.entries(TIME_FRAME_LABELS).map(([key, config]) => (\n {\n onTimeFrameChange(key as TimeFrame);\n setShowTimeFrameDropdown(false);\n }}\n className={`w-full flex items-center gap-2 px-3 py-2 text-xs font-medium hover:bg-gray-50 first:rounded-t-lg last:rounded-b-lg ${\n key === timeFrame ? 'bg-gray-50' : ''\n }`}\n >\n \n {config.emoji} {config.label}\n \n \n ))}\n

\n )}\n

\n );\n}",[295,211,123],"8c065c3c-3f99-11f0-8107-76b3cceeab13",["D",1748858916018],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport type { ImportanceLevel, TimeFrame } from \"../../shared/types.ts\";\nimport { IMPORTANCE_LABELS, TIME_FRAME_LABELS } from \"../../shared/types.ts\";\n\ninterface FilterBarProps {\n selectedImportance: ImportanceLevel | 'all';\n selectedTimeFrame: TimeFrame | 'all';\n showCompleted: boolean;\n onImportanceFilter: (importance: ImportanceLevel | 'all') => void;\n onTimeFrameFilter: (timeFrame: TimeFrame | 'all') => void;\n onCompletedFilter: (showCompleted: boolean) => void;\n}\n\nexport default function FilterBar({\n selectedImportance,\n selectedTimeFrame,\n showCompleted,\n onImportanceFilter,\n onTimeFrameFilter,\n onCompletedFilter\n}: FilterBarProps) {\n return (\n

\n {/* Completion Filter */}\n

\n Show:\n

\n onCompletedFilter(false)}\n className={`px-2 py-1 text-xs rounded ${\n !showCompleted \n ? 'bg-blue-100 text-blue-700' \n : 'bg-white text-gray-600 hover:bg-gray-100'\n }`}\n >\n Active\n \n onCompletedFilter(true)}\n className={`px-2 py-1 text-xs rounded ${\n showCompleted \n ? 'bg-green-100 text-green-700' \n : 'bg-white text-gray-600 hover:bg-gray-100'\n }`}\n >\n Completed\n \n

\n\n {/* Importance Filter */}\n

\n Priority:\n

\n onImportanceFilter('all')}\n className={`px-2 py-1 text-xs rounded ${\n selectedImportance === 'all' \n ? 'bg-gray-200 text-gray-800' \n : 'bg-white text-gray-600 hover:bg-gray-100'\n }`}\n >\n All\n \n {Object.entries(IMPORTANCE_LABELS).map(([key, config]) => (\n onImportanceFilter(key as ImportanceLevel)}\n className={`px-2 py-1 text-xs rounded flex items-center gap-1 ${\n selectedImportance === key \n ? config.color \n : 'bg-white text-gray-600 hover:bg-gray-100'\n }`}\n >\n {config.emoji}\n {config.label}\n \n ))}\n

\n\n {/* Time Frame Filter */}\n

\n Due:\n

\n onTimeFrameFilter('all')}\n className={`px-2 py-1 text-xs rounded ${\n selectedTimeFrame === 'all' \n ? 'bg-gray-200 text-gray-800' \n : 'bg-white text-gray-600 hover:bg-gray-100'\n }`}\n >\n All\n \n {Object.entries(TIME_FRAME_LABELS).map(([key, config]) => (\n onTimeFrameFilter(key as TimeFrame)}\n className={`px-2 py-1 text-xs rounded flex items-center gap-1 ${\n selectedTimeFrame === key \n ? config.color \n : 'bg-white text-gray-600 hover:bg-gray-100'\n }`}\n >\n {config.emoji}\n {config.label}\n \n ))}\n

\n );\n}",[295,211,188],"81295792-3f99-11f0-8c95-76b3cceeab13",["D",1748858897788],2,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport type { Note, ImportanceLevel, TimeFrame } from \"../../shared/types.ts\";\nimport NotesList from \"./NotesList.tsx\";\nimport NoteEditor from \"./NoteEditor.tsx\";\n\n// Get initial data from server-side injection\nconst initialData = (window as any).__INITIAL_DATA__ || { notes: [] };\n\nexport default function App() {\n const [notes, setNotes] = useState(initialData.notes);\n const [selectedNote, setSelectedNote] = useState(null);\n const [searchQuery, setSearchQuery] = useState(\"\");\n\n // Load notes from API\n const loadNotes = async (query?: string) => {\n try {\n const url = query ? `/api/notes?q=${encodeURIComponent(query)}` : '/api/notes';\n const response = await fetch(url);\n if (response.ok) {\n const notesData = await response.json();\n setNotes(notesData);\n }\n } catch (error) {\n console.error(\"Failed to load notes:\", error);\n }\n };\n\n // Create new note\n const createNote = async () => {\n try {\n const response = await fetch('/api/notes', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ \n title: 'New Note',\n content: '',\n importance: 'medium',\n time_frame: 'no_deadline'\n })\n });\n \n if (response.ok) {\n const newNote = await response.json();\n setNotes(prev => [newNote, ...prev]);\n setSelectedNote(newNote);\n }\n } catch (error) {\n console.error(\"Failed to create note:\", error);\n }\n };\n\n // Save note\n const saveNote = async (\n id: number, \n title: string, \n content: string, \n importance: ImportanceLevel, \n timeFrame: TimeFrame, \n isCompleted: boolean\n ) => {\n try {\n const response = await fetch(`/api/notes/${id}`, {\n method: 'PUT',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ \n title, \n content, \n importance, \n time_frame: timeFrame, \n is_completed: isCompleted \n })\n });\n \n if (response.ok) {\n const updatedNote = await response.json();\n setNotes(prev => prev.map(note => \n note.id === id ? updatedNote : note\n ));\n setSelectedNote(updatedNote);\n }\n } catch (error) {\n console.error(\"Failed to save note:\", error);\n throw error;\n }\n };\n\n // Delete note\n const deleteNote = async (id: number) => {\n if (!confirm(\"Are you sure you want to delete this note?\")) {\n return;\n }\n \n try {\n const response = await fetch(`/api/notes/${id}`, {\n method: 'DELETE'\n });\n \n if (response.ok) {\n setNotes(prev => prev.filter(note => note.id !== id));\n if (selectedNote?.id === id) {\n setSelectedNote(null);\n }\n }\n } catch (error) {\n console.error(\"Failed to delete note:\", error);\n }\n };\n\n // Handle search\n const handleSearch = async (query: string) => {\n setSearchQuery(query);\n await loadNotes(query);\n };\n\n // Select note\n const selectNote = (note: Note) => {\n setSelectedNote(note);\n };\n\n return (\n

\n \n \n \n

\n );\n}",[295,211,113],"pulls","branches",1,"forks","envVars",{"_337":26,"_339":26},"connections",{"_337":26,"_338":26},"count","unfilledCount","emptyCount",{"_49":481,"_13":442,"_78":435,"_59":-5,"_51":52,"_289":477,"_290":24,"_53":482,"_55":26,"_81":212,"_292":-5,"_83":30,"_293":-5,"_368":483,"_17":484},{"_49":476,"_13":467,"_78":461,"_59":435,"_51":52,"_289":477,"_290":24,"_53":478,"_55":26,"_81":212,"_292":-5,"_83":30,"_293":-5,"_368":479,"_17":480},{"_49":468,"_13":469,"_78":470,"_59":461,"_51":52,"_289":471,"_290":24,"_53":472,"_55":331,"_81":82,"_292":473,"_83":30,"_293":-5,"_368":474,"_17":475},{"_49":458,"_13":459,"_78":460,"_59":461,"_51":52,"_289":462,"_290":24,"_53":463,"_55":366,"_81":82,"_292":464,"_83":30,"_293":-5,"_368":465,"_17":466},{"_49":453,"_13":452,"_78":446,"_59":435,"_51":52,"_289":454,"_290":24,"_53":455,"_55":26,"_81":212,"_292":-5,"_83":30,"_293":-5,"_368":456,"_17":457},{"_49":443,"_13":444,"_78":445,"_59":446,"_51":52,"_289":447,"_290":24,"_53":448,"_55":331,"_81":82,"_292":449,"_83":30,"_293":-5,"_368":450,"_17":451},{"_49":433,"_13":434,"_78":225,"_59":435,"_51":52,"_289":436,"_290":24,"_53":437,"_55":331,"_81":438,"_292":439,"_83":30,"_293":-5,"_368":440,"_17":441},{"_49":429,"_13":295,"_78":288,"_59":-5,"_51":52,"_289":403,"_290":24,"_53":430,"_55":26,"_81":212,"_292":-5,"_83":30,"_293":-5,"_368":431,"_17":432},{"_49":287,"_13":211,"_78":210,"_59":288,"_51":52,"_289":56,"_290":24,"_53":426,"_55":26,"_81":212,"_292":-5,"_83":30,"_293":-5,"_368":427,"_17":428},{"_49":324,"_13":113,"_78":112,"_59":210,"_51":52,"_289":175,"_290":24,"_53":423,"_55":326,"_81":82,"_292":327,"_83":30,"_293":-5,"_368":424,"_17":425},{"_49":320,"_13":188,"_78":187,"_59":210,"_51":52,"_289":182,"_290":24,"_53":420,"_55":26,"_81":82,"_292":322,"_83":30,"_293":-5,"_368":421,"_17":422},{"_49":316,"_13":123,"_78":122,"_59":210,"_51":52,"_289":116,"_290":24,"_53":417,"_55":26,"_81":82,"_292":318,"_83":30,"_293":-5,"_368":418,"_17":419},{"_49":311,"_13":104,"_78":103,"_59":210,"_51":52,"_289":161,"_290":24,"_53":414,"_55":313,"_81":82,"_292":314,"_83":30,"_293":-5,"_368":415,"_17":416},{"_49":306,"_13":95,"_78":94,"_59":210,"_51":52,"_289":205,"_290":24,"_53":411,"_55":308,"_81":82,"_292":309,"_83":30,"_293":-5,"_368":412,"_17":413},{"_49":302,"_13":80,"_78":79,"_59":210,"_51":52,"_289":56,"_290":24,"_53":408,"_55":26,"_81":82,"_292":304,"_83":30,"_293":-5,"_368":409,"_17":410},{"_49":400,"_13":401,"_78":402,"_59":288,"_51":52,"_289":403,"_290":24,"_53":404,"_55":26,"_81":21,"_292":405,"_83":30,"_293":-5,"_368":406,"_17":407},{"_49":392,"_13":393,"_78":394,"_59":288,"_51":52,"_289":395,"_290":24,"_53":396,"_55":26,"_81":82,"_292":397,"_83":30,"_293":-5,"_368":398,"_17":399},{"_49":388,"_13":387,"_78":381,"_59":-5,"_51":52,"_289":308,"_290":24,"_53":389,"_55":26,"_81":212,"_292":-5,"_83":30,"_293":-5,"_368":390,"_17":391},{"_49":378,"_13":379,"_78":380,"_59":381,"_51":52,"_289":382,"_290":24,"_53":383,"_55":331,"_81":82,"_292":384,"_83":30,"_293":-5,"_368":385,"_17":386},{"_49":371,"_13":372,"_78":373,"_59":-5,"_51":52,"_289":252,"_290":24,"_53":374,"_55":331,"_81":21,"_292":375,"_83":30,"_293":-5,"_368":376,"_17":377},{"_49":361,"_13":362,"_78":363,"_59":-5,"_51":52,"_289":364,"_290":24,"_53":365,"_55":366,"_81":82,"_292":367,"_83":30,"_293":-5,"_368":369,"_17":370},"4219e608-3f98-11f0-a83c-76b3cceeab13","main.tsx","f04a67fe-3f96-11f0-8f2e-76b3cceeab13",16,["D",1748858362493],3,"// This file has been replaced by the new Jotter app structure\n// The main entry point is now /backend/index.ts\n// Please use the backend/index.ts file as the HTTP trigger\n\nexport default async function (req: Request) {\n return new Response(\"Please use /backend/index.ts as the main entry point\", {\n status: 302,\n headers: { Location: \"/backend/\" }\n });\n}","children",[],[362],"a445096a-3f99-11f0-a706-76b3cceeab13","README.md","efe40a9e-3f97-11f0-ab6c-76b3cceeab13",["D",1748858956686],"# Jotter\n\nA simple and user-friendly notes app for remote workspaces.\n\n# Jotter\n\nA simple and user-friendly notes app for remote workspaces with smart labeling and organization.\n\n## Features\n\n- **Clean, minimal interface** - Distraction-free note-taking\n- **Smart labeling system** - Organize notes by importance and time frame\n- **Priority levels** - Low, Medium, High, Urgent with visual indicators\n- **Time frame tracking** - Today, This Week, This Month, Later, No Deadline\n- **Completion tracking** - Mark notes as done/todo with visual feedback\n- **Real-time note editing** - Auto-save functionality\n- **Advanced filtering** - Filter by priority, time frame, and completion status\n- **Search functionality** - Find notes quickly by title or content\n- **Responsive design** - Works great on all screen sizes\n\n## Priority System\n\n- 🚨 **Urgent** - Needs immediate attention\n- ⚡ **High** - Important tasks to complete soon\n- 📋 **Medium** - Regular priority items\n- 📝 **Low** - Nice to have or reference notes\n\n## Time Frame Options\n\n- 🔥 **Today** - Must be done today\n- 📅 **This Week** - Complete within the week\n- 📆 **This Month** - Monthly goals and tasks\n- 🕐 **Later** - Future items to revisit\n- ♾️ **No Deadline** - Reference notes and ideas\n\n## Project Structure\n\n```\n├── backend/\n│ ├── index.ts # Main API server\n│ ├── database/\n│ │ ├── migrations.ts # Database schema\n│ │ └── queries.ts # Database operations\n│ └── routes/\n│ └── notes.ts # Notes API endpoints\n├── frontend/\n│ ├── index.html # Main HTML template\n│ ├── index.tsx # Frontend entry point\n│ ├── components/\n│ │ ├── App.tsx # Main app component\n│ │ ├── NotesList.tsx # Notes sidebar\n│ │ ├── NoteEditor.tsx # Note editing area\n│ │ └── SearchBar.tsx # Search functionality\n│ └── style.css # Custom styles\n└── shared/\n └── types.ts # Shared TypeScript types\n```\n\n## Development\n\nThe app uses:\n- **Backend**: Hono.js for API routes\n- **Frontend**: React with TypeScript\n- **Database**: SQLite for note storage\n- **Styling**: TailwindCSS",[],[372],"32b25ffa-3f99-11f0-9462-76b3cceeab13","types.ts","f289e192-3f97-11f0-933b-76b3cceeab13","a0d5ad60-e89e-45d5-b597-509694c34435",18,["D",1748858766146],"export type ImportanceLevel = 'low' | 'medium' | 'high' | 'urgent';\nexport type TimeFrame = 'today' | 'this_week' | 'this_month' | 'later' | 'no_deadline';\n\nexport interface Note {\n id: number;\n title: string;\n content: string;\n importance: ImportanceLevel;\n time_frame: TimeFrame;\n is_completed: boolean;\n created_at: string;\n updated_at: string;\n}\n\nexport interface CreateNoteRequest {\n title: string;\n content: string;\n importance?: ImportanceLevel;\n time_frame?: TimeFrame;\n}\n\nexport interface UpdateNoteRequest {\n title?: string;\n content?: string;\n importance?: ImportanceLevel;\n time_frame?: TimeFrame;\n is_completed?: boolean;\n}\n\nexport const IMPORTANCE_LABELS = {\n low: { label: 'Low', color: 'bg-gray-100 text-gray-700', emoji: '📝' },\n medium: { label: 'Medium', color: 'bg-blue-100 text-blue-700', emoji: '📋' },\n high: { label: 'High', color: 'bg-orange-100 text-orange-700', emoji: '⚡' },\n urgent: { label: 'Urgent', color: 'bg-red-100 text-red-700', emoji: '🚨' }\n} as const;\n\nexport const TIME_FRAME_LABELS = {\n today: { label: 'Today', color: 'bg-red-50 text-red-600', emoji: '🔥' },\n this_week: { label: 'This Week', color: 'bg-orange-50 text-orange-600', emoji: '📅' },\n this_month: { label: 'This Month', color: 'bg-yellow-50 text-yellow-600', emoji: '📆' },\n later: { label: 'Later', color: 'bg-green-50 text-green-600', emoji: '🕐' },\n no_deadline: { label: 'No Deadline', color: 'bg-gray-50 text-gray-500', emoji: '♾️' }\n} as const;",[],[387,379],"shared","f28a125c-3f97-11f0-933b-76b3cceeab13",["D",1748858229011],[358],[387],"3b049048-3f98-11f0-a0de-76b3cceeab13","index.tsx","3b0490f2-3f98-11f0-a0de-76b3cceeab13",15,["D",1748858350614],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client?deps=react@18.2.0\";\nimport App from \"./components/App.tsx\";\n\nconst root = createRoot(document.getElementById(\"root\")!);\nroot.render();",[],[295,393],"0e4a2342-3f98-11f0-81cf-76b3cceeab13","index.html","0e4a23f6-3f98-11f0-81cf-76b3cceeab13",10,["D",1748858275572],"\n\n\n \n \n Jotter - Notes for Remote Workspaces\n \n \n \n \n \n \n\n\n

\n \n\n",[],[295,401],["D",1748858284741],[],[295,211,80],["D",1748858943775],[],[295,211,95],["D",1748858878611],[],[295,211,104],["D",1748858823588],[],[295,211,123],["D",1748858916018],[],[295,211,188],["D",1748858897788],[],[295,211,113],["D",1748858284741],[349,350,351,352,353,354],[295,211],"0e4a2e6e-3f98-11f0-81cf-76b3cceeab13",["D",1748858275572],[348,355,356],[295],"440c4938-3f98-11f0-a83c-76b3cceeab13","index.ts","d481350a-bfa3-496b-b072-adc37d136c96",17,["D",1748858365762],"http","import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { createNotesTable } from \"./database/migrations.ts\";\nimport { getAllNotes } from \"./database/queries.ts\";\nimport notesRoutes from \"./routes/notes.ts\";\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n throw err;\n});\n\n// Initialize database\nawait createNotesTable();\n\n// API routes\napp.route(\"/api/notes\", notesRoutes);\n\n// Serve static 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 page with initial data\napp.get(\"/\", async c => {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n \n // Inject initial notes data to avoid extra round-trip\n const initialNotes = await getAllNotes();\n const dataScript = ``;\n \n html = html.replace(\"\", `${dataScript}`);\n return c.html(html);\n});\n\nexport default app.fetch;",[],[442,434],"backend","4841ccac-3f99-11f0-b6f4-76b3cceeab13","notes.ts","025e87f8-3f98-11f0-b775-76b3cceeab13","375d9928-e523-4387-80e0-575ebe733b85",23,["D",1748858802321],"import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { \n getAllNotes, \n getNoteById, \n createNote, \n updateNote, \n deleteNote, \n searchNotes \n} from \"../database/queries.ts\";\n\nconst notes = new Hono();\n\n// Get all notes or search\nnotes.get(\"/\", async (c) => {\n const query = c.req.query(\"q\");\n \n if (query) {\n const results = await searchNotes(query);\n return c.json(results);\n }\n \n const allNotes = await getAllNotes();\n return c.json(allNotes);\n});\n\n// Get specific note\nnotes.get(\"/:id\", async (c) => {\n const id = parseInt(c.req.param(\"id\"));\n if (isNaN(id)) {\n return c.json({ error: \"Invalid note ID\" }, 400);\n }\n \n const note = await getNoteById(id);\n if (!note) {\n return c.json({ error: \"Note not found\" }, 404);\n }\n \n return c.json(note);\n});\n\n// Create new note\nnotes.post(\"/\", async (c) => {\n const body = await c.req.json();\n \n if (!body.title || typeof body.title !== \"string\") {\n return c.json({ error: \"Title is required\" }, 400);\n }\n \n const noteData = {\n title: body.title,\n content: body.content || \"\",\n importance: body.importance || 'medium',\n time_frame: body.time_frame || 'no_deadline'\n };\n \n const note = await createNote(noteData);\n return c.json(note, 201);\n});\n\n// Update note\nnotes.put(\"/:id\", async (c) => {\n const id = parseInt(c.req.param(\"id\"));\n if (isNaN(id)) {\n return c.json({ error: \"Invalid note ID\" }, 400);\n }\n \n const body = await c.req.json();\n const note = await updateNote(id, body);\n \n if (!note) {\n return c.json({ error: \"Note not found\" }, 404);\n }\n \n return c.json(note);\n});\n\n// Delete note\nnotes.delete(\"/:id\", async (c) => {\n const id = parseInt(c.req.param(\"id\"));\n if (isNaN(id)) {\n return c.json({ error: \"Invalid note ID\" }, 400);\n }\n \n const deleted = await deleteNote(id);\n if (!deleted) {\n return c.json({ error: \"Note not found\" }, 404);\n }\n \n return c.json({ success: true });\n});\n\nexport default notes;",[],[442,452,444],"routes","025e9360-3f98-11f0-b775-76b3cceeab13",8,["D",1748858255574],[345],[442,452],"44693566-3f99-11f0-b566-76b3cceeab13","queries.ts","fb9d7f5a-3f97-11f0-8845-76b3cceeab13","a09f57fb-2680-409a-bf5e-a7840ebee99b",22,["D",1748858795861],"import { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\nimport { TABLE_NAME } from \"./migrations.ts\";\nimport type { Note, CreateNoteRequest, UpdateNoteRequest } from \"../../shared/types.ts\";\n\nexport async function getAllNotes(): Promise {\n const result = await sqlite.execute(`\n SELECT * FROM ${TABLE_NAME} \n ORDER BY \n CASE importance \n WHEN 'urgent' THEN 1 \n WHEN 'high' THEN 2 \n WHEN 'medium' THEN 3 \n WHEN 'low' THEN 4 \n END,\n CASE time_frame \n WHEN 'today' THEN 1 \n WHEN 'this_week' THEN 2 \n WHEN 'this_month' THEN 3 \n WHEN 'later' THEN 4 \n WHEN 'no_deadline' THEN 5 \n END,\n is_completed ASC,\n updated_at DESC\n `);\n return result.rows as Note[];\n}\n\nexport async function getNoteById(id: number): Promise {\n const result = await sqlite.execute(`\n SELECT * FROM ${TABLE_NAME} \n WHERE id = ?\n `, [id]);\n \n return result.rows[0] as Note || null;\n}\n\nexport async function createNote(data: CreateNoteRequest): Promise {\n const result = await sqlite.execute(`\n INSERT INTO ${TABLE_NAME} (title, content, importance, time_frame)\n VALUES (?, ?, ?, ?)\n `, [\n data.title, \n data.content, \n data.importance || 'medium',\n data.time_frame || 'no_deadline'\n ]);\n \n const noteId = result.lastInsertRowId;\n const note = await getNoteById(noteId);\n if (!note) throw new Error(\"Failed to create note\");\n return note;\n}\n\nexport async function updateNote(id: number, data: UpdateNoteRequest): Promise {\n const updates: string[] = [];\n const values: any[] = [];\n \n if (data.title !== undefined) {\n updates.push(\"title = ?\");\n values.push(data.title);\n }\n \n if (data.content !== undefined) {\n updates.push(\"content = ?\");\n values.push(data.content);\n }\n \n if (data.importance !== undefined) {\n updates.push(\"importance = ?\");\n values.push(data.importance);\n }\n \n if (data.time_frame !== undefined) {\n updates.push(\"time_frame = ?\");\n values.push(data.time_frame);\n }\n \n if (data.is_completed !== undefined) {\n updates.push(\"is_completed = ?\");\n values.push(data.is_completed ? 1 : 0);\n }\n \n if (updates.length === 0) {\n return await getNoteById(id);\n }\n \n updates.push(\"updated_at = CURRENT_TIMESTAMP\");\n values.push(id);\n \n await sqlite.execute(`\n UPDATE ${TABLE_NAME} \n SET ${updates.join(\", \")}\n WHERE id = ?\n `, values);\n \n return await getNoteById(id);\n}\n\nexport async function deleteNote(id: number): Promise {\n const result = await sqlite.execute(`\n DELETE FROM ${TABLE_NAME} \n WHERE id = ?\n `, [id]);\n \n return result.changes > 0;\n}\n\nexport async function searchNotes(query: string): Promise {\n const result = await sqlite.execute(`\n SELECT * FROM ${TABLE_NAME} \n WHERE title LIKE ? OR content LIKE ?\n ORDER BY updated_at DESC\n `, [`%${query}%`, `%${query}%`]);\n \n return result.rows as Note[];\n}",[],[442,467,459],"database","36dec88e-3f99-11f0-980b-76b3cceeab13","migrations.ts","f523a974-3f97-11f0-a83c-76b3cceeab13",19,["D",1748858773150],"import { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\n\nconst TABLE_NAME = 'jotter_notes_v2';\n\nexport async function createNotesTable() {\n await sqlite.execute(`CREATE TABLE IF NOT EXISTS ${TABLE_NAME} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n title TEXT NOT NULL,\n content TEXT NOT NULL DEFAULT '',\n importance TEXT NOT NULL DEFAULT 'medium' CHECK (importance IN ('low', 'medium', 'high', 'urgent')),\n time_frame TEXT NOT NULL DEFAULT 'no_deadline' CHECK (time_frame IN ('today', 'this_week', 'this_month', 'later', 'no_deadline')),\n is_completed BOOLEAN NOT NULL DEFAULT 0,\n created_at DATETIME DEFAULT CURRENT_TIMESTAMP,\n updated_at DATETIME DEFAULT CURRENT_TIMESTAMP\n )`);\n}\n\nexport { TABLE_NAME };",[],[442,467,469],"f523b55e-3f97-11f0-a83c-76b3cceeab13",6,["D",1748858233376],[342,343],[442,467],"f523b400-3f97-11f0-a83c-76b3cceeab13",["D",1748858233376],[341,344,346],[442],["D",1748857795739],["D",1789649456549],{"_11":12,"_265":86},{"_11":12,"_261":-5,"_85":86,"_31":84,"_262":263,"_264":30},{"_55":252,"_13":16,"_49":52,"_253":214,"_254":-5,"_255":-5,"_256":-5,"_257":-5,"_258":-5,"_259":14,"_260":12},"ctx",{"_68":-5,"_284":523,"_524":525,"_526":527,"_528":30,"_529":30,"_530":30,"_531":24,"_532":-5,"_533":-7,"_534":-7,"_535":26,"_536":30,"_537":30,"_538":-5,"_539":30,"_540":30,"_541":30,"_542":-5},"ENV",{"_494":495,"_496":497,"_498":16,"_499":500,"_501":502,"_503":504,"_505":506,"_507":508,"_509":510,"_511":512,"_513":514,"_515":516,"_517":518,"_519":520,"_521":522},"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"]

History · components