[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_336":337,"_338":339},"routes/_app.x.$handle.$name",{"_101":100,"_32":46,"_109":91,"_27":110,"_13":14,"_111":-5,"_11":112,"_113":114,"_115":116,"_117":118,"_119":120,"_20":-5,"_121":-5,"_122":-5,"_123":25,"_124":125,"_126":60,"_127":-5,"_128":-5,"_129":130},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_44":45,"_32":46,"_39":47,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":54,"_55":-5,"_18":56,"_57":58,"_59":60,"_61":60,"_62":-5,"_63":64,"_65":66,"_67":68,"_69":70,"_71":72,"_73":-5,"_74":75,"_76":75,"_77":78,"_79":78,"_80":78,"_81":75,"_82":75,"_83":84,"_85":86,"_87":88,"_89":25},"version",29,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":35,"_36":38,"_39":40,"_41":14,"_42":43,"_24":25},"previous",{"_30":31,"_32":33,"_34":35,"_36":37},"deleted",false,"deletedHere","path","frontend/components/NoteEditor.tsx","latestPath","fileId","2df6deba-3f98-11f0-a95b-76b3cceeab13","name","NoteEditor.tsx","fileType","script","content","/** @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 [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 } else {\n setTitle(\"\");\n setContent(\"\");\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 || content !== note.content) {\n setIsSaving(true);\n try {\n await onSave(note.id, title, content);\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, 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 text-gray-900 bg-transparent border-none outline-none placeholder-gray-400\"\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 {/* 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}","/** @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 text-gray-900 bg-transparent border-none outline-none placeholder-gray-400\"\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 {/* Editor Content */}\n

\n );\n}","createdAt",["D",1748858866108],"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",{"_101":100,"_108":104},"org",{"_101":100,"_102":-5,"_103":104,"_18":56,"_105":106,"_107":25},"branch",{"_13":90,"_32":91,"_44":43,"_92":45,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":46,"_99":100},"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",{"_44":45,"_32":46,"_39":331,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":54,"_55":-5,"_18":56,"_57":58,"_59":60,"_61":60,"_62":-5,"_63":64,"_65":66,"_67":68,"_69":70,"_71":332,"_73":-5,"_74":75,"_76":75,"_77":78,"_79":78,"_80":78,"_81":75,"_82":75,"_83":333,"_85":334,"_87":335,"_89":25},"tree",[184,191,200,202,203],"files",[184,185,186,187,188,189,190,191,192,193,194,195,196,197,198,199,200,201,202,203],"counts",{"_173":64,"_174":175,"_176":64,"_177":178,"_179":180},"contents",[131,132,133,134,135],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_44":167,"_32":168,"_30":169,"_139":-5,"_42":43,"_41":170,"_141":60,"_39":171,"_13":64,"_34":159,"_36":-5,"_24":25,"_145":-5,"_27":172},{"_44":161,"_32":162,"_30":163,"_139":-5,"_42":43,"_41":164,"_141":60,"_39":165,"_13":64,"_34":159,"_36":-5,"_24":25,"_145":-5,"_27":166},{"_44":154,"_32":155,"_30":156,"_139":-5,"_42":43,"_41":157,"_141":60,"_39":158,"_13":64,"_34":159,"_36":-5,"_24":25,"_145":-5,"_27":160},{"_44":147,"_32":148,"_30":149,"_139":-5,"_42":43,"_41":150,"_141":25,"_39":151,"_13":64,"_34":20,"_36":152,"_24":25,"_145":-5,"_27":153},{"_44":136,"_32":137,"_30":138,"_139":-5,"_42":43,"_41":140,"_141":60,"_39":142,"_13":143,"_34":35,"_36":144,"_24":25,"_145":-5,"_27":146},"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",[137],"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",[148],"f28a125c-3f97-11f0-933b-76b3cceeab13","shared","a0d5ad60-e89e-45d5-b597-509694c34435",5,["D",1748858229011],"directory",[155],"0e4a2e6e-3f98-11f0-81cf-76b3cceeab13","frontend","4bdccf82-d5f9-4df2-b8ec-6913997e0f81",10,["D",1748858275572],[162],"f523b400-3f97-11f0-a83c-76b3cceeab13","backend","d481350a-bfa3-496b-b072-adc37d136c96",6,["D",1748858233376],[168],"pulls","branches",1,"forks","envVars",{"_181":64,"_183":64},"connections",{"_181":64,"_182":64},"count","unfilledCount","emptyCount",{"_44":167,"_32":168,"_30":169,"_139":-5,"_42":43,"_41":170,"_141":60,"_39":328,"_13":64,"_34":159,"_36":-5,"_24":25,"_145":-5,"_205":329,"_27":330},{"_44":324,"_32":315,"_30":309,"_139":169,"_42":43,"_41":170,"_141":60,"_39":325,"_13":64,"_34":159,"_36":-5,"_24":25,"_145":-5,"_205":326,"_27":327},{"_44":316,"_32":317,"_30":318,"_139":309,"_42":43,"_41":319,"_141":60,"_39":320,"_13":175,"_34":35,"_36":321,"_24":25,"_145":-5,"_205":322,"_27":323},{"_44":306,"_32":307,"_30":308,"_139":309,"_42":43,"_41":310,"_141":60,"_39":311,"_13":143,"_34":35,"_36":312,"_24":25,"_145":-5,"_205":313,"_27":314},{"_44":301,"_32":300,"_30":294,"_139":169,"_42":43,"_41":302,"_141":60,"_39":303,"_13":64,"_34":159,"_36":-5,"_24":25,"_145":-5,"_205":304,"_27":305},{"_44":291,"_32":292,"_30":293,"_139":294,"_42":43,"_41":295,"_141":60,"_39":296,"_13":175,"_34":35,"_36":297,"_24":25,"_145":-5,"_205":298,"_27":299},{"_44":283,"_32":284,"_30":58,"_139":169,"_42":43,"_41":285,"_141":60,"_39":286,"_13":175,"_34":287,"_36":288,"_24":25,"_145":-5,"_205":289,"_27":290},{"_44":161,"_32":162,"_30":163,"_139":-5,"_42":43,"_41":164,"_141":60,"_39":280,"_13":64,"_34":159,"_36":-5,"_24":25,"_145":-5,"_205":281,"_27":282},{"_44":276,"_32":246,"_30":240,"_139":163,"_42":43,"_41":241,"_141":60,"_39":277,"_13":64,"_34":159,"_36":-5,"_24":25,"_145":-5,"_205":278,"_27":279},{"_44":268,"_32":269,"_30":270,"_139":240,"_42":43,"_41":271,"_141":25,"_39":272,"_13":64,"_34":35,"_36":273,"_24":25,"_145":-5,"_205":274,"_27":275},{"_44":260,"_32":261,"_30":262,"_139":240,"_42":43,"_41":263,"_141":60,"_39":264,"_13":64,"_34":35,"_36":265,"_24":25,"_145":-5,"_205":266,"_27":267},{"_44":256,"_32":33,"_30":31,"_139":240,"_42":43,"_41":14,"_141":25,"_39":257,"_13":143,"_34":35,"_36":38,"_24":25,"_145":-5,"_205":258,"_27":259},{"_44":247,"_32":248,"_30":249,"_139":240,"_42":43,"_41":250,"_141":25,"_39":251,"_13":252,"_34":35,"_36":253,"_24":25,"_145":-5,"_205":254,"_27":255},{"_44":237,"_32":238,"_30":239,"_139":240,"_42":43,"_41":241,"_141":60,"_39":242,"_13":64,"_34":35,"_36":243,"_24":25,"_145":-5,"_205":244,"_27":245},{"_44":230,"_32":231,"_30":232,"_139":163,"_42":43,"_41":164,"_141":60,"_39":233,"_13":64,"_34":20,"_36":234,"_24":25,"_145":-5,"_205":235,"_27":236},{"_44":222,"_32":223,"_30":224,"_139":163,"_42":43,"_41":225,"_141":60,"_39":226,"_13":64,"_34":35,"_36":227,"_24":25,"_145":-5,"_205":228,"_27":229},{"_44":154,"_32":155,"_30":156,"_139":-5,"_42":43,"_41":157,"_141":60,"_39":219,"_13":64,"_34":159,"_36":-5,"_24":25,"_145":-5,"_205":220,"_27":221},{"_44":211,"_32":212,"_30":213,"_139":156,"_42":43,"_41":214,"_141":60,"_39":215,"_13":175,"_34":35,"_36":216,"_24":25,"_145":-5,"_205":217,"_27":218},{"_44":147,"_32":148,"_30":149,"_139":-5,"_42":43,"_41":150,"_141":25,"_39":208,"_13":64,"_34":20,"_36":152,"_24":25,"_145":-5,"_205":209,"_27":210},{"_44":136,"_32":137,"_30":138,"_139":-5,"_42":43,"_41":140,"_141":60,"_39":204,"_13":143,"_34":35,"_36":144,"_24":25,"_145":-5,"_205":206,"_27":207},["D",1748858362493],"children",[],[137],["D",1748858224574],[],[148],"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;",[],[155,212],["D",1748858229011],[201],[155],"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();",[],[162,223],"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",[],[162,231],"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}",[],[162,246,238],"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}",[],[162,246,248],"6e47497c-3f99-11f0-8c95-76b3cceeab13",["D",1748858866108],[],[162,246,33],"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}",[],[162,246,261],"3860ffc0-3f98-11f0-a790-76b3cceeab13","App.tsx","38610074-3f98-11f0-a790-76b3cceeab13",14,["D",1748858346187],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport type { Note } 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 })\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 (id: number, title: string, content: string) => {\n try {\n const response = await fetch(`/api/notes/${id}`, {\n method: 'PUT',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ title, content })\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}",[],[162,246,269],"13c1773a-3f98-11f0-b85e-76b3cceeab13",["D",1748858284741],[193,194,195,196,197],[162,246],["D",1748858275572],[192,198,199],[162],"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;",[],[168,284],"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;",[],[168,300,292],"routes","025e9360-3f98-11f0-b775-76b3cceeab13",8,["D",1748858255574],[189],[168,300],"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}",[],[168,315,307],"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 };",[],[168,315,317],"f523b55e-3f97-11f0-a83c-76b3cceeab13",["D",1748858233376],[186,187],[168,315],["D",1748858233376],[185,188,190],[168],["D",1748857795739],["D",1789649456549],{"_101":100,"_108":104},{"_101":100,"_102":-5,"_103":104,"_18":56,"_105":106,"_107":25},{"_13":90,"_32":91,"_44":43,"_92":45,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":46,"_99":100},"ctx",{"_83":-5,"_128":369,"_370":371,"_372":373,"_374":25,"_375":25,"_376":25,"_377":60,"_378":-5,"_379":-7,"_380":-7,"_381":64,"_382":25,"_383":25,"_384":-5,"_385":25,"_386":25,"_387":25,"_388":-5},"ENV",{"_340":341,"_342":343,"_344":91,"_345":346,"_347":348,"_349":350,"_351":352,"_353":354,"_355":356,"_357":358,"_359":360,"_361":362,"_363":364,"_365":366,"_367":368},"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 · v29