[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_343":344,"_345":346},"routes/_app.x.$handle.$name",{"_99":98,"_31":44,"_107":89,"_26":108,"_13":14,"_109":-5,"_11":110,"_111":112,"_113":114,"_115":116,"_117":118,"_20":-5,"_119":-5,"_120":-5,"_121":24,"_122":123,"_124":58,"_125":-5,"_126":-5,"_127":128},"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":-5,"_18":54,"_55":56,"_57":58,"_59":58,"_60":-5,"_61":62,"_63":64,"_65":66,"_67":68,"_69":70,"_71":-5,"_72":73,"_74":73,"_75":76,"_77":76,"_78":76,"_79":73,"_80":73,"_81":82,"_83":84,"_85":86,"_87":24},"version",33,"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","frontend/components/FilterBar.tsx","latestPath","fileId","8c065d0e-3f99-11f0-8107-76b3cceeab13","name","FilterBar.tsx","fileType","script","content","/** @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}","createdAt",["D",1748858916018],"branchVersion","branchId","f048b6b6-3f96-11f0-8f2e-76b3cceeab13","id","f048737c-3f96-11f0-8f2e-76b3cceeab13","Jotter",["D",1748857795739],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Workflow app for random notes. Doesnt have to important.","imageUrl","63df53b0-3f96-11f0-ad5b-814c56c8abb0","pinnedFileId","079915b2-3f98-11f0-be1c-76b3cceeab13","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","8ef27479-02af-4c82-89ec-299d9c968033","tursoName","f048737c3f9611f08f2e76b3cceeab13","tursoHostname","f048737c3f9611f08f2e76b3cceeab13-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789649456549],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_99":98,"_106":102},"org",{"_99":98,"_100":-5,"_101":102,"_18":54,"_103":104,"_105":24},"branch",{"_13":88,"_31":89,"_42":41,"_90":43,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":44,"_97":98},"isOwned",37,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","zoebee","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJ4d21WSXMweHJKU1VGUzRuclN5YnBBVzgyaCJ9","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_42":43,"_31":44,"_37":338,"_46":-5,"_47":24,"_48":49,"_50":49,"_51":52,"_53":-5,"_18":54,"_55":56,"_57":58,"_59":58,"_60":-5,"_61":62,"_63":64,"_65":66,"_67":68,"_69":339,"_71":-5,"_72":73,"_74":73,"_75":76,"_77":76,"_78":76,"_79":73,"_80":73,"_81":340,"_83":341,"_85":342,"_87":24},"tree",[182,189,199,201,202],"files",[182,183,184,185,186,187,188,189,190,191,192,193,194,195,196,197,198,199,200,201,202],"counts",{"_171":62,"_172":173,"_174":62,"_175":176,"_177":178},"contents",[129,130,131,132,133],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_42":165,"_31":166,"_29":167,"_137":-5,"_40":41,"_39":168,"_139":58,"_37":169,"_13":62,"_33":157,"_35":-5,"_23":24,"_143":-5,"_26":170},{"_42":159,"_31":160,"_29":161,"_137":-5,"_40":41,"_39":162,"_139":58,"_37":163,"_13":62,"_33":157,"_35":-5,"_23":24,"_143":-5,"_26":164},{"_42":152,"_31":153,"_29":154,"_137":-5,"_40":41,"_39":155,"_139":58,"_37":156,"_13":62,"_33":157,"_35":-5,"_23":24,"_143":-5,"_26":158},{"_42":145,"_31":146,"_29":147,"_137":-5,"_40":41,"_39":148,"_139":24,"_37":149,"_13":62,"_33":20,"_35":150,"_23":24,"_143":-5,"_26":151},{"_42":134,"_31":135,"_29":136,"_137":-5,"_40":41,"_39":138,"_139":58,"_37":140,"_13":141,"_33":34,"_35":142,"_23":24,"_143":-5,"_26":144},"4219e608-3f98-11f0-a83c-76b3cceeab13","main.tsx","f04a67fe-3f96-11f0-8f2e-76b3cceeab13","parentId",16,"latest",["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}","label",[135],"efe409e0-3f97-11f0-ab6c-76b3cceeab13","README.md","efe40a9e-3f97-11f0-ab6c-76b3cceeab13",4,["D",1748858224574],"# Jotter\n\nA simple and user-friendly notes app for remote workspaces.\n\n## Features\n\n- Clean, minimal interface\n- Real-time note editing\n- Organized note management\n- Search functionality\n- Responsive design\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",[146],"f28a125c-3f97-11f0-933b-76b3cceeab13","shared","a0d5ad60-e89e-45d5-b597-509694c34435",5,["D",1748858229011],"directory",[153],"0e4a2e6e-3f98-11f0-81cf-76b3cceeab13","frontend","4bdccf82-d5f9-4df2-b8ec-6913997e0f81",10,["D",1748858275572],[160],"f523b400-3f97-11f0-a83c-76b3cceeab13","backend","d481350a-bfa3-496b-b072-adc37d136c96",6,["D",1748858233376],[166],"pulls","branches",1,"forks","envVars",{"_179":62,"_181":62},"connections",{"_179":62,"_180":62},"count","unfilledCount","emptyCount",{"_42":165,"_31":166,"_29":167,"_137":-5,"_40":41,"_39":168,"_139":58,"_37":335,"_13":62,"_33":157,"_35":-5,"_23":24,"_143":-5,"_204":336,"_26":337},{"_42":331,"_31":322,"_29":316,"_137":167,"_40":41,"_39":168,"_139":58,"_37":332,"_13":62,"_33":157,"_35":-5,"_23":24,"_143":-5,"_204":333,"_26":334},{"_42":323,"_31":324,"_29":325,"_137":316,"_40":41,"_39":326,"_139":58,"_37":327,"_13":173,"_33":34,"_35":328,"_23":24,"_143":-5,"_204":329,"_26":330},{"_42":313,"_31":314,"_29":315,"_137":316,"_40":41,"_39":317,"_139":58,"_37":318,"_13":141,"_33":34,"_35":319,"_23":24,"_143":-5,"_204":320,"_26":321},{"_42":308,"_31":307,"_29":301,"_137":167,"_40":41,"_39":309,"_139":58,"_37":310,"_13":62,"_33":157,"_35":-5,"_23":24,"_143":-5,"_204":311,"_26":312},{"_42":298,"_31":299,"_29":300,"_137":301,"_40":41,"_39":302,"_139":58,"_37":303,"_13":173,"_33":34,"_35":304,"_23":24,"_143":-5,"_204":305,"_26":306},{"_42":290,"_31":291,"_29":56,"_137":167,"_40":41,"_39":292,"_139":58,"_37":293,"_13":173,"_33":294,"_35":295,"_23":24,"_143":-5,"_204":296,"_26":297},{"_42":159,"_31":160,"_29":161,"_137":-5,"_40":41,"_39":162,"_139":58,"_37":287,"_13":62,"_33":157,"_35":-5,"_23":24,"_143":-5,"_204":288,"_26":289},{"_42":283,"_31":245,"_29":239,"_137":161,"_40":41,"_39":240,"_139":58,"_37":284,"_13":62,"_33":157,"_35":-5,"_23":24,"_143":-5,"_204":285,"_26":286},{"_42":275,"_31":276,"_29":277,"_137":239,"_40":41,"_39":278,"_139":58,"_37":279,"_13":251,"_33":34,"_35":280,"_23":24,"_143":-5,"_204":281,"_26":282},{"_42":271,"_31":32,"_29":30,"_137":239,"_40":41,"_39":14,"_139":58,"_37":272,"_13":62,"_33":34,"_35":36,"_23":24,"_143":-5,"_204":273,"_26":274},{"_42":263,"_31":264,"_29":265,"_137":239,"_40":41,"_39":266,"_139":58,"_37":267,"_13":62,"_33":34,"_35":268,"_23":24,"_143":-5,"_204":269,"_26":270},{"_42":255,"_31":256,"_29":257,"_137":239,"_40":41,"_39":258,"_139":58,"_37":259,"_13":148,"_33":34,"_35":260,"_23":24,"_143":-5,"_204":261,"_26":262},{"_42":246,"_31":247,"_29":248,"_137":239,"_40":41,"_39":249,"_139":24,"_37":250,"_13":251,"_33":34,"_35":252,"_23":24,"_143":-5,"_204":253,"_26":254},{"_42":236,"_31":237,"_29":238,"_137":239,"_40":41,"_39":240,"_139":58,"_37":241,"_13":62,"_33":34,"_35":242,"_23":24,"_143":-5,"_204":243,"_26":244},{"_42":229,"_31":230,"_29":231,"_137":161,"_40":41,"_39":162,"_139":58,"_37":232,"_13":62,"_33":20,"_35":233,"_23":24,"_143":-5,"_204":234,"_26":235},{"_42":221,"_31":222,"_29":223,"_137":161,"_40":41,"_39":224,"_139":58,"_37":225,"_13":62,"_33":34,"_35":226,"_23":24,"_143":-5,"_204":227,"_26":228},{"_42":152,"_31":153,"_29":154,"_137":-5,"_40":41,"_39":155,"_139":58,"_37":218,"_13":62,"_33":157,"_35":-5,"_23":24,"_143":-5,"_204":219,"_26":220},{"_42":210,"_31":211,"_29":212,"_137":154,"_40":41,"_39":213,"_139":58,"_37":214,"_13":173,"_33":34,"_35":215,"_23":24,"_143":-5,"_204":216,"_26":217},{"_42":145,"_31":146,"_29":147,"_137":-5,"_40":41,"_39":148,"_139":24,"_37":207,"_13":62,"_33":20,"_35":150,"_23":24,"_143":-5,"_204":208,"_26":209},{"_42":134,"_31":135,"_29":136,"_137":-5,"_40":41,"_39":138,"_139":58,"_37":203,"_13":141,"_33":34,"_35":142,"_23":24,"_143":-5,"_204":205,"_26":206},["D",1748858362493],"children",[],[135],["D",1748858224574],[],[146],"32b25ffa-3f99-11f0-9462-76b3cceeab13","types.ts","f289e192-3f97-11f0-933b-76b3cceeab13",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;",[],[153,211],["D",1748858229011],[200],[153],"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();",[],[160,222],"0e4a2342-3f98-11f0-81cf-76b3cceeab13","index.html","0e4a23f6-3f98-11f0-81cf-76b3cceeab13",["D",1748858275572],"\n\n\n \n \n Jotter - Notes for Remote Workspaces\n \n \n \n \n \n \n\n\n

\n \n\n",[],[160,230],"13c1706e-3f98-11f0-b85e-76b3cceeab13","SearchBar.tsx","13c1715e-3f98-11f0-b85e-76b3cceeab13","bca7a288-ebf0-438a-96bf-cf363ceca606",11,["D",1748858284741],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\n\ninterface SearchBarProps {\n onSearch: (query: string) => void;\n placeholder?: string;\n}\n\nexport default function SearchBar({ onSearch, placeholder = \"Search notes...\" }: SearchBarProps) {\n const [query, setQuery] = useState(\"\");\n\n const handleSubmit = (e: React.FormEvent) => {\n e.preventDefault();\n onSearch(query);\n };\n\n const handleChange = (e: React.ChangeEvent) => {\n const value = e.target.value;\n setQuery(value);\n \n // Search as user types (debounced effect would be better in production)\n onSearch(value);\n };\n\n return (\n \n );\n}",[],[160,245,237],"components","5f45938e-3f99-11f0-8827-76b3cceeab13","NotesList.tsx","20b42aaa-3f98-11f0-a759-76b3cceeab13",26,["D",1748858840934],2,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport type { Note } from \"../../shared/types.ts\";\nimport { IMPORTANCE_LABELS, TIME_FRAME_LABELS } from \"../../shared/types.ts\";\nimport SearchBar from \"./SearchBar.tsx\";\n\ninterface NotesListProps {\n notes: Note[];\n selectedNoteId: number | null;\n onSelectNote: (note: Note) => void;\n onCreateNote: () => void;\n onDeleteNote: (id: number) => void;\n onSearch: (query: string) => void;\n}\n\nexport default function NotesList({ \n notes, \n selectedNoteId, \n onSelectNote, \n onCreateNote, \n onDeleteNote,\n onSearch \n}: NotesListProps) {\n \n const formatDate = (dateString: string) => {\n const date = new Date(dateString);\n const now = new Date();\n const diffInHours = (now.getTime() - date.getTime()) / (1000 * 60 * 60);\n \n if (diffInHours < 24) {\n return date.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });\n } else if (diffInHours < 24 * 7) {\n return date.toLocaleDateString([], { weekday: 'short' });\n } else {\n return date.toLocaleDateString([], { month: 'short', day: 'numeric' });\n }\n };\n\n const truncateContent = (content: string, maxLength: number = 100) => {\n if (content.length <= maxLength) return content;\n return content.substring(0, maxLength) + \"...\";\n };\n\n return (\n

\n {/* Header */}\n

📝 Jotter

\n \n \n New\n \n

\n \n \n

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

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

📄

No notes yet

Create your first note to get started

\n ) : (\n

\n {notes.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}",[],[160,245,247],"75bae132-3f99-11f0-a390-76b3cceeab13","NoteEditor.tsx","2df6deba-3f98-11f0-a95b-76b3cceeab13",30,["D",1748858878611],"/** @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}",[],[160,245,256],"54ee9fb6-3f99-11f0-9c10-76b3cceeab13","LabelSelector.tsx","54eea0a6-3f99-11f0-9c10-76b3cceeab13",24,["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}",[],[160,245,264],"8c065c3c-3f99-11f0-8107-76b3cceeab13",["D",1748858916018],[],[160,245,32],"81295792-3f99-11f0-8c95-76b3cceeab13","App.tsx","38610074-3f98-11f0-a790-76b3cceeab13",32,["D",1748858897788],"/** @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}",[],[160,245,276],"13c1773a-3f98-11f0-b85e-76b3cceeab13",["D",1748858284741],[191,192,193,194,195,196],[160,245],["D",1748858275572],[190,197,198],[160],"440c4938-3f98-11f0-a83c-76b3cceeab13","index.ts",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;",[],[166,291],"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;",[],[166,307,299],"routes","025e9360-3f98-11f0-b775-76b3cceeab13",8,["D",1748858255574],[187],[166,307],"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}",[],[166,322,314],"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 };",[],[166,322,324],"f523b55e-3f97-11f0-a83c-76b3cceeab13",["D",1748858233376],[184,185],[166,322],["D",1748858233376],[183,186,188],[166],["D",1748857795739],["D",1789649456549],{"_99":98,"_106":102},{"_99":98,"_100":-5,"_101":102,"_18":54,"_103":104,"_105":24},{"_13":88,"_31":89,"_42":41,"_90":43,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":44,"_97":98},"ctx",{"_81":-5,"_126":376,"_377":378,"_379":380,"_381":24,"_382":24,"_383":24,"_384":58,"_385":-5,"_386":-7,"_387":-7,"_388":62,"_389":24,"_390":24,"_391":-5,"_392":24,"_393":24,"_394":24,"_395":-5},"ENV",{"_347":348,"_349":350,"_351":89,"_352":353,"_354":355,"_356":357,"_358":359,"_360":361,"_362":363,"_364":365,"_366":367,"_368":369,"_370":371,"_372":373,"_374":375},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","71c1b20804b3232a7e513be260cfffc1932a9e97","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v33