[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_261":262,"_263":264},"routes/_app.x.$handle.$name",{"_97":96,"_31":44,"_105":87,"_26":52,"_13":14,"_106":-5,"_11":107,"_108":109,"_110":111,"_112":113,"_114":115,"_20":-5,"_116":-5,"_117":-5,"_118":24,"_119":120,"_121":24,"_122":-5,"_123":-5,"_124":125},"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":-5,"_60":61,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":80,"_81":82,"_83":84,"_85":24},"version",13,"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","dashboard/frontend/components/NotebookView.tsx","latestPath","fileId","7c0edc90-2933-11f0-8fbb-569c3dd06744","name","NotebookView.tsx","fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, {\n useState,\n useEffect,\n useCallback,\n useMemo,\n} from \"https://esm.sh/react@18.2.0\";\nimport { type Memory } from \"../../shared/types.ts\";\n\nconst API_BASE = \"/api/memories\";\nconst MEMORIES_PER_PAGE = 20;\n\n// Format date in natural way: \"Wed, April 12\"\nconst formatDate = (dateStr: string) => {\n if (!dateStr) return \"N/A\";\n\n // Parse the date parts manually to avoid timezone issues\n const [year, month, day] = dateStr.split(\"-\").map((num) => parseInt(num, 10));\n\n // Create date with explicit year, month (0-indexed), and day\n const date = new Date(year, month - 1, day);\n\n return date.toLocaleDateString(\"en-US\", {\n weekday: \"short\",\n month: \"long\",\n day: \"numeric\",\n });\n};\n\n// Sort memories by date (ascending)\nconst sortMemoriesByDate = (memories: Memory[]) => {\n return [...memories].sort((a, b) => {\n if (!a.date) return 1;\n if (!b.date) return -1;\n\n // Parse dates manually to avoid timezone issues\n const [aYear, aMonth, aDay] = a.date\n .split(\"-\")\n .map((num) => parseInt(num, 10));\n const [bYear, bMonth, bDay] = b.date\n .split(\"-\")\n .map((num) => parseInt(num, 10));\n\n // Compare year, then month, then day\n if (aYear !== bYear) return aYear - bYear;\n if (aMonth !== bMonth) return aMonth - bMonth;\n return aDay - bDay;\n });\n};\n\ninterface NotebookViewProps {\n onClose: () => void;\n avatarUrl: string | null;\n}\n\nexport function NotebookView({ onClose, avatarUrl }: NotebookViewProps) {\n const [memories, setMemories] = useState([]);\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(null);\n const [editingMemory, setEditingMemory] = useState(null);\n const [newMemoryText, setNewMemoryText] = useState(\"\");\n const [newMemoryDate, setNewMemoryDate] = useState(\n new Date().toISOString().split(\"T\")[0]\n );\n const [newMemoryTags, setNewMemoryTags] = useState(\"\");\n const [showAddForm, setShowAddForm] = useState(false);\n const [currentPage, setCurrentPage] = useState(1);\n\n const fetchMemories = useCallback(async () => {\n setLoading(true);\n setError(null);\n try {\n const response = await fetch(API_BASE);\n if (!response.ok) {\n throw new Error(`HTTP error! status: ${response.status}`);\n }\n const data = await response.json();\n setMemories(data);\n } catch (e) {\n console.error(\"Failed to fetch memories:\", e);\n setError(e.message || \"Failed to fetch memories.\");\n } finally {\n setLoading(false);\n }\n }, []);\n\n useEffect(() => {\n fetchMemories();\n }, [fetchMemories]);\n\n const handleAddMemory = async (e: React.FormEvent) => {\n e.preventDefault();\n if (!newMemoryText.trim()) return;\n\n const memoryData: Omit = {\n text: newMemoryText,\n date: newMemoryDate,\n tags: newMemoryTags || null,\n };\n\n try {\n const response = await fetch(API_BASE, {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify(memoryData),\n });\n if (!response.ok) {\n throw new Error(`HTTP error! status: ${response.status}`);\n }\n setNewMemoryText(\"\");\n setNewMemoryDate(new Date().toISOString().split(\"T\")[0]);\n setNewMemoryTags(\"\");\n setShowAddForm(false);\n await fetchMemories();\n } catch (e) {\n console.error(\"Failed to add memory:\", e);\n setError(e.message || \"Failed to add memory.\");\n }\n };\n\n const handleDeleteMemory = async (id: string) => {\n if (!confirm(\"Are you sure you want to delete this memory?\")) return;\n\n try {\n const response = await fetch(`${API_BASE}/${id}`, {\n method: \"DELETE\",\n });\n if (!response.ok) {\n throw new Error(`HTTP error! status: ${response.status}`);\n }\n await fetchMemories();\n } catch (e) {\n console.error(\"Failed to delete memory:\", e);\n setError(e.message || \"Failed to delete memory.\");\n }\n };\n\n const handleEditMemory = (memory: Memory) => {\n setEditingMemory(memory);\n };\n\n const handleCancelEdit = () => {\n setEditingMemory(null);\n };\n\n const handleUpdateMemory = async (e: React.FormEvent) => {\n e.preventDefault();\n if (!editingMemory || !editingMemory.text.trim()) return;\n\n const updatedFields: Partial> = {\n text: editingMemory.text,\n date: editingMemory.date,\n tags: editingMemory.tags,\n };\n\n try {\n const response = await fetch(`${API_BASE}/${editingMemory.id}`, {\n method: \"PUT\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify(updatedFields),\n });\n if (!response.ok) {\n throw new Error(`HTTP error! status: ${response.status}`);\n }\n setEditingMemory(null);\n await fetchMemories();\n } catch (e) {\n console.error(\"Failed to update memory:\", e);\n setError(e.message || \"Failed to update memory.\");\n }\n };\n\n // Sort and paginate memories\n const sortedMemories = useMemo(\n () => sortMemoriesByDate(memories),\n [memories]\n );\n\n const totalPages = Math.max(\n 1,\n Math.ceil(sortedMemories.length / MEMORIES_PER_PAGE)\n );\n\n const paginatedMemories = useMemo(() => {\n const startIndex = (currentPage - 1) * MEMORIES_PER_PAGE;\n return sortedMemories.slice(startIndex, startIndex + MEMORIES_PER_PAGE);\n }, [sortedMemories, currentPage]);\n\n const goToNextPage = () => {\n if (currentPage < totalPages) {\n setCurrentPage(currentPage + 1);\n }\n };\n\n const goToPrevPage = () => {\n if (currentPage > 1) {\n setCurrentPage(currentPage - 1);\n }\n };\n\n // Render edit form modal\n const renderEditForm = () => (\n

\n \n

Edit Entry

\n \n Text\n \n \n setEditingMemory({ ...editingMemory!, text: e.target.value })\n }\n className=\"w-full p-2 bg-[#fff8dc] border-2 border-[#8B4513] text-[#4b3621] focus:outline-none focus:border-[#654321] font-pixel text-base leading-[1.2em]\"\n rows={3}\n required\n />\n

\n \n Date\n \n \n setEditingMemory({ ...editingMemory!, date: e.target.value })\n }\n className=\"w-full p-1 bg-[#fff8dc] border-2 border-[#8B4513] text-[#4b3621] focus:outline-none focus:border-[#654321] font-pixel text-base\"\n />\n

\n \n Source\n \n \n setEditingMemory({ ...editingMemory!, tags: e.target.value })\n }\n className=\"w-full p-1 bg-[#fff8dc] border-2 border-[#8B4513] text-[#4b3621] focus:outline-none focus:border-[#654321] font-pixel text-base\"\n />\n

\n \n UPDATE\n \n setEditingMemory(null)}\n className=\"px-3 py-1 bg-[#A0522D] text-[#f8f1e0] rounded font-pixel text-base hover:bg-[#8B4513] border-2 border-b-4 border-r-4 border-[#4b3621]\"\n >\n CANCEL\n \n

\n \n editingMemory && handleDeleteMemory(editingMemory.id)\n }\n className=\"px-3 py-1 bg-[#555555] text-white rounded font-pixel text-base hover:bg-[#333333] border-2 border-b-4 border-r-4 border-[#222222]\"\n >\n DELETE\n \n

\n \n

\n );\n\n // Render add form\n const renderAddForm = () => (\n

\n \n

New Entry

\n setNewMemoryText(e.target.value)}\n className=\"w-full p-1 bg-[#fff8dc] border-2 border-[#8B4513] text-[#4b3621] focus:outline-none focus:border-[#654321] font-pixel text-base leading-[1.2em]\"\n rows={2}\n placeholder=\"Enter your note...\"\n required\n />\n

\n \n Date\n \n setNewMemoryDate(e.target.value)}\n className=\"w-full p-1 bg-[#fff8dc] border-2 border-[#8B4513] text-[#4b3621] focus:outline-none focus:border-[#654321] font-pixel text-base\"\n />\n

\n \n Source\n \n setNewMemoryTags(e.target.value)}\n className=\"w-full p-1 bg-[#fff8dc] border-2 border-[#8B4513] text-[#4b3621] focus:outline-none focus:border-[#654321] font-pixel text-base\"\n placeholder=\"Optional source\"\n />\n

\n \n SAVE\n \n setShowAddForm(false)}\n className=\"px-3 py-1 bg-[#A0522D] text-[#f8f1e0] rounded font-pixel text-base hover:bg-[#8B4513] border-2 border-b-4 border-r-4 border-[#4b3621]\"\n >\n CANCEL\n \n

\n \n

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

\n \n CLOSE\n \n\n

\n Stevens' Notebook\n

\n\n {error && (\n \n ERROR: {error}\n

\n )}\n\n {loading ? (\n

\n ) : (\n

\n \n \n \n \n \n \n \n \n \n \n {paginatedMemories.length === 0 ? (\n \n \n \n ) : (\n paginatedMemories.map((memory) => (\n \n \n \n \n \n \n ))\n )}\n \n

\n DATE\n	\n NOTE\n	\n SOURCE\n	\n EDIT\n
\n \n NO ENTRIES FOUND\n \n
\n \n {formatDate(memory.date)}\n \n	\n \n {memory.text}\n \n	\n \n {memory.tags \|\| \"\"}\n \n	\n handleEditMemory(memory)}\n className=\"mr-1 text-[#8B4513] hover:text-[#654321] font-pixel text-lg\"\n title=\"Edit\"\n >\n ✎\n \n

\n )}\n\n

\n \n PREV\n \n \n NEXT\n \n

\n Page {currentPage} of {totalPages}\n

\n\n

\n {!showAddForm ? (\n setShowAddForm(true)}\n className=\"px-4 py-2 bg-[#8B4513] text-[#f8f1e0] rounded font-pixel text-lg hover:bg-[#654321] shadow-md border-2 border-b-4 border-r-4 border-[#4b3621]\"\n >\n NEW ENTRY\n \n ) : (\n

{renderAddForm()}

\n )}\n

\n\n {/* Edit Modal */}\n {editingMemory && renderEditForm()}\n \n );\n}\n","createdAt",["D",1746396154952],"branchVersion","branchId","7b56fe40-2933-11f0-8557-569c3dd06744","id","7b56a81e-2933-11f0-8557-569c3dd06744","a221c7cb8ae_",["D",1746396153780],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","","imageUrl","37ba9450-2873-11f0-89c9-c7d0e2d9e1ea","pinnedFileId","7c56435a-2933-11f0-8e09-569c3dd06744","pinPreview",true,"pinMigrated","screenshotVersion",48,"likeCount",0,"orgId","62b2fe23-7ead-40f7-8ba8-fb3de4aaca50","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_97":96,"_104":100},"org",{"_97":96,"_98":-5,"_99":100,"_18":54,"_101":102,"_103":24},"branch",{"_13":86,"_31":87,"_42":41,"_88":43,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":44,"_95":96},"isOwned",99,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","vtTestLocal","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJ3YmNBQW9hQUdHRGIxdVBJYnp2QVZrQnk5NiJ9","tier","pro","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_42":43,"_31":44,"_37":257,"_46":-5,"_47":24,"_48":49,"_50":49,"_51":52,"_53":-5,"_18":54,"_55":56,"_57":58,"_59":-5,"_60":61,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":258,"_81":259,"_83":260,"_85":24},"tree",[175,176,184,185,186],"files",[175,176,177,178,179,180,181,182,183,184,185,186,187],"counts",{"_165":63,"_166":135,"_167":63,"_168":169,"_170":171},"contents",[126,127,128,129,130],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_42":159,"_31":160,"_29":161,"_134":-5,"_40":41,"_39":162,"_136":58,"_37":163,"_13":63,"_33":138,"_35":-5,"_23":24,"_139":-5,"_26":164},{"_42":153,"_31":154,"_29":155,"_134":-5,"_40":41,"_39":156,"_136":58,"_37":157,"_13":63,"_33":138,"_35":-5,"_23":24,"_139":-5,"_26":158},{"_42":147,"_31":148,"_29":149,"_134":-5,"_40":41,"_39":150,"_136":58,"_37":151,"_13":63,"_33":138,"_35":-5,"_23":24,"_139":-5,"_26":152},{"_42":141,"_31":142,"_29":143,"_134":-5,"_40":41,"_39":144,"_136":58,"_37":145,"_13":63,"_33":138,"_35":-5,"_23":24,"_139":-5,"_26":146},{"_42":131,"_31":132,"_29":133,"_134":-5,"_40":41,"_39":135,"_136":58,"_37":137,"_13":63,"_33":138,"_35":-5,"_23":24,"_139":-5,"_26":140},"7b737570-2933-11f0-a003-569c3dd06744","shared","7b73762e-2933-11f0-a003-569c3dd06744","parentId",1,"latest",["D",1746396153930],"directory","label",[132],"7b8718c8-2933-11f0-ab18-569c3dd06744","importers","7b871986-2933-11f0-ab18-569c3dd06744",3,["D",1746396154095],[142],"7b9290f4-2933-11f0-a2f4-569c3dd06744","dbUtils","7b9291c6-2933-11f0-a2f4-569c3dd06744",4,["D",1746396154170],[148],"7b7e1e62-2933-11f0-b69b-569c3dd06744","dashboard","7b7e1f34-2933-11f0-b69b-569c3dd06744",2,["D",1746396154034],[154],"7b9b4ff0-2933-11f0-b69b-569c3dd06744","dailyBriefing","7b9b50cc-2933-11f0-b69b-569c3dd06744",5,["D",1746396154227],[160],"pulls","branches","forks","envVars",{"_172":63,"_174":63},"connections",{"_172":63,"_173":63},"count","unfilledCount","emptyCount",{"_42":159,"_31":160,"_29":161,"_134":-5,"_40":41,"_39":162,"_136":58,"_37":254,"_13":63,"_33":138,"_35":-5,"_23":24,"_139":-5,"_194":255,"_26":256},{"_42":153,"_31":154,"_29":155,"_134":-5,"_40":41,"_39":156,"_136":58,"_37":251,"_13":63,"_33":138,"_35":-5,"_23":24,"_139":-5,"_194":252,"_26":253},{"_42":246,"_31":245,"_29":240,"_134":155,"_40":41,"_39":247,"_136":58,"_37":248,"_13":63,"_33":138,"_35":-5,"_23":24,"_139":-5,"_194":249,"_26":250},{"_42":237,"_31":238,"_29":239,"_134":240,"_40":41,"_39":241,"_136":58,"_37":242,"_13":63,"_33":138,"_35":-5,"_23":24,"_139":-5,"_194":243,"_26":244},{"_42":232,"_31":224,"_29":227,"_134":155,"_40":41,"_39":233,"_136":58,"_37":234,"_13":63,"_33":138,"_35":-5,"_23":24,"_139":-5,"_194":235,"_26":236},{"_42":226,"_31":225,"_29":220,"_134":227,"_40":41,"_39":228,"_136":58,"_37":229,"_13":63,"_33":138,"_35":-5,"_23":24,"_139":-5,"_194":230,"_26":231},{"_42":219,"_31":32,"_29":30,"_134":220,"_40":41,"_39":14,"_136":58,"_37":221,"_13":63,"_33":34,"_35":36,"_23":24,"_139":-5,"_194":222,"_26":223},{"_42":214,"_31":132,"_29":208,"_134":155,"_40":41,"_39":215,"_136":58,"_37":216,"_13":63,"_33":138,"_35":-5,"_23":24,"_139":-5,"_194":217,"_26":218},{"_42":206,"_31":189,"_29":207,"_134":208,"_40":41,"_39":209,"_136":58,"_37":210,"_13":63,"_33":34,"_35":211,"_23":24,"_139":-5,"_194":212,"_26":213},{"_42":147,"_31":148,"_29":149,"_134":-5,"_40":41,"_39":150,"_136":58,"_37":203,"_13":63,"_33":138,"_35":-5,"_23":24,"_139":-5,"_194":204,"_26":205},{"_42":141,"_31":142,"_29":143,"_134":-5,"_40":41,"_39":144,"_136":58,"_37":200,"_13":63,"_33":138,"_35":-5,"_23":24,"_139":-5,"_194":201,"_26":202},{"_42":131,"_31":132,"_29":133,"_134":-5,"_40":41,"_39":135,"_136":58,"_37":197,"_13":63,"_33":138,"_35":-5,"_23":24,"_139":-5,"_194":198,"_26":199},{"_42":188,"_31":189,"_29":190,"_134":133,"_40":41,"_39":191,"_136":58,"_37":192,"_13":63,"_33":34,"_35":193,"_23":24,"_139":-5,"_194":195,"_26":196},"7c0ba656-2933-11f0-8201-569c3dd06744","types.ts","7c0ba732-2933-11f0-8201-569c3dd06744",12,["D",1746396154949],"export interface Memory {\n id: string;\n date: string;\n text: string;\n tags: string | null;\n\n // New fields from schema\n createdBy?: string;\n createdDate?: number;\n}\n","children",[],[132,189],["D",1746396153930],[187],[132],["D",1746396154095],[],[142],["D",1746396154170],[],[148],"7c08b662-2933-11f0-ab66-569c3dd06744","7c08b6f8-2933-11f0-ab66-569c3dd06744","7ba3c914-2933-11f0-ab18-569c3dd06744",11,["D",1746396154944],"/**\n * @jsxImportSource https://esm.sh/react@18.2.0\n */\n\nexport interface Memory {\n id: string; // UUID\n date: string; // ISO 8601 date string or similar\n text: string;\n createdBy?: string | null; // Optional: Who/what created the memory\n createdDate?: number | null; // Optional: Unix timestamp (integer)\n tags?: string | null; // Optional: Comma-separated string or JSON\n}\n",[],[154,132,189],"7ba3c874-2933-11f0-ab18-569c3dd06744",6,["D",1746396154283],[183],[154,132],"7c0edc04-2933-11f0-8fbb-569c3dd06744","7bda2220-2933-11f0-a003-569c3dd06744",["D",1746396154952],[],[154,224,225,32],"frontend","components","7bda2126-2933-11f0-a003-569c3dd06744","7bb2330a-2933-11f0-a2f4-569c3dd06744",9,["D",1746396154601],[181],[154,224,225],"7bb23238-2933-11f0-a2f4-569c3dd06744",7,["D",1746396154378],[180],[154,224],"7bef78aa-2933-11f0-ab66-569c3dd06744","database","7bef7954-2933-11f0-ab66-569c3dd06744","7bcae328-2933-11f0-a003-569c3dd06744",10,["D",1746396154780],[],[154,245,238],"backend","7bcae198-2933-11f0-a003-569c3dd06744",8,["D",1746396154492],[178],[154,245],["D",1746396154034],[177,179,182],[154],["D",1746396154227],[],[160],["D",1746396153780],{"_97":96,"_104":100},{"_97":96,"_98":-5,"_99":100,"_18":54,"_101":102,"_103":24},{"_13":86,"_31":87,"_42":41,"_88":43,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":44,"_95":96},"ctx",{"_79":-5,"_123":294,"_295":296,"_297":298,"_299":24,"_300":24,"_301":24,"_302":58,"_303":-5,"_304":-7,"_305":-7,"_306":63,"_307":24,"_308":24,"_309":-5,"_310":24,"_311":24,"_312":24,"_313":-5},"ENV",{"_265":266,"_267":268,"_269":87,"_270":271,"_272":273,"_274":275,"_276":277,"_278":279,"_280":281,"_282":283,"_284":285,"_286":287,"_288":289,"_290":291,"_292":293},"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 · v13