Hi

\"\n});\n```\n\n## Val Town Utility Functions\n\nVal Town provides several utility functions to help with common project tasks.\n\n### Importing Utilities\n\nAlways import utilities with version pins to avoid breaking changes:\n\n```ts\nimport { parseProject, readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\n```\n\n### Available Utilities\n\n\n#### **serveFile** - Serve project files with proper content types\n\nFor example, in Hono:\n\n```ts\n// serve all files in frontend/ and shared/\napp.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", c => serveFile(c.req.path, import.meta.url));\n```\n\n#### **readFile** - Read files from within the project:\n\n```ts\n// Read a file from the project\nconst fileContent = await readFile(\"/frontend/index.html\", import.meta.url);\n```\n\n#### **listFiles** - List all files in the project\n\n```ts\nconst files = await listFiles(import.meta.url);\n```\n\n#### **parseProject** - Extract information about the current project from import.meta.url\n\nThis is useful for including info for linking back to a val, ie in \"view source\" urls:\n\n```ts\nconst projectVal = parseProject(import.meta.url);\nconsole.log(projectVal.username); // Owner of the project\nconsole.log(projectVal.name); // Project name\nconsole.log(projectVal.version); // Version number\nconsole.log(projectVal.branch); // Branch name\nconsole.log(projectVal.links.self.project); // URL to the project page\n```\n\nHowever, it's *extremely importing* to note that `parseProject` and other Standard Library utilities ONLY RUN ON THE SERVER.\nIf you need access to this data on the client, run it in the server and pass it to the client by splicing it into the HTML page\nor by making an API request for it.\n\n## Val Town Platform Specifics\n\n- **Redirects:** Use `return new Response(null, { status: 302, headers: { Location: \"/place/to/redirect\" }})` instead of `Response.redirect` which is broken\n- **Images:** Avoid external images or base64 images. Use emojis, unicode symbols, or icon fonts/libraries instead\n- **AI Image:** To inline generate an AI image use: `

`\n- **Storage:** DO NOT use the Deno KV module for storage\n- **Browser APIs:** DO NOT use the `alert()`, `prompt()`, or `confirm()` methods\n- **Weather Data:** Use open-meteo for weather data (doesn't require API keys) unless otherwise specified\n- **View Source:** Add a view source link by importing & using `import.meta.url.replace(\"ems.sh\", \"val.town)\"` (or passing this data to the client) and include `target=\"_top\"` attribute\n- **Error Debugging:** Add `` to HTML to capture client-side errors\n- **Error Handling:** Only use try...catch when there's a clear local resolution; Avoid catches that merely log or return 500s. Let errors bubble up with full context\n- **Environment Variables:** Use `Deno.env.get('keyname')` when you need to, but generally prefer APIs that don't require keys\n- **Imports:** Use `https://esm.sh` for npm and Deno dependencies to ensure compatibility on server and browser\n- **Storage Strategy:** Only use backend storage if explicitly required; prefer simple static client-side sites\n- **React Configuration:** When using React libraries, pin versions with `?deps=react@18.2.0,react-dom@18.2.0` and start the file with `/** @jsxImportSource https://esm.sh/react@18.2.0 */`\n- Ensure all React dependencies and sub-dependencies are pinned to the same version\n- **Styling:** Default to using TailwindCSS via `` unless otherwise specified\n\n## Project Structure and Design Patterns\n\n### Recommended Directory Structure\n```\n├── backend/\n│ ├── database/\n│ │ ├── migrations.ts # Schema definitions\n│ │ ├── queries.ts # DB query functions\n│ │ └── README.md\n│ └── routes/ # Route modules\n│ ├── [route].ts\n│ └── static.ts # Static file serving\n│ ├── index.ts # Main entry point\n│ └── README.md\n├── frontend/\n│ ├── components/\n│ │ ├── App.tsx\n│ │ └── [Component].tsx\n│ ├── favicon.svg\n│ ├── index.html # Main HTML template\n│ ├── index.tsx # Frontend JS entry point\n│ ├── README.md\n│ └── style.css\n├── README.md\n└── shared/\n ├── README.md\n └── utils.ts # Shared types and functions\n```\n\n### Backend (Hono) Best Practices\n\n- Hono is the recommended API framework\n- Main entry point should be `backend/index.ts`\n- **Static asset serving:** Use the utility functions to read and serve project files:\n ```ts\n import { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\n \n // serve all files in frontend/ and shared/\n app.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\n app.get(\"/shared/*\", c => serveFile(c.req.path, import.meta.url));\n \n // For index.html, often you'll want to bootstrap with initial data\n app.get(\"/\", async c => {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n \n // Inject data to avoid extra round-trips\n const initialData = await fetchInitialData();\n const dataScript = ``;\n \n html = html.replace(\"\", `${dataScript}`);\n return c.html(html);\n });\n ```\n- Create RESTful API routes for CRUD operations\n- Always include this snippet at the top-level Hono app to re-throwing errors to see full stack traces:\n ```ts\n // Unwrap Hono errors to see original error details\n app.onError((err, c) => {\n throw err;\n });\n ```\n\n### Database Patterns\n- Run migrations on startup or comment out for performance\n- Change table names when modifying schemas rather than altering\n- Export clear query functions with proper TypeScript typing\n\n## Common Gotchas and Solutions\n\n1. **Environment Limitations:** \n - Val Town runs on Deno in a serverless context, not Node.js\n - Code in `shared/` must work in both frontend and backend environments\n - Cannot use `Deno` keyword in shared code\n - Use `https://esm.sh` for imports that work in both environments\n\n2. **SQLite Peculiarities:**\n - Limited support for ALTER TABLE operations\n - Create new tables with updated schemas and copy data when needed\n - Always run table creation before querying\n\n3. **React Configuration:**\n - All React dependencies must be pinned to 18.2.0\n - Always include `@jsxImportSource https://esm.sh/react@18.2.0` at the top of React files\n - Rendering issues often come from mismatched React versions\n\n4. **File Handling:**\n - Val Town only supports text files, not binary\n - Use the provided utilities to read files across branches and forks\n - For files in the project, use `readFile` helpers\n\n5. **API Design:**\n - `fetch` handler is the entry point for HTTP vals\n - Run the Hono app with `export default app.fetch // This is the entry point for HTTP vals`\n\n",[],[318],"5acbd178-f692-11f0-92bb-42dde27851f2",".vtignore","5acbd376-f692-11f0-92bb-42dde27851f2",83,["D",1768976889705],".git\n.vscode\n.cursorrules\n.DS_Store\nnode_modules\nvendor",[],[326],"8c35ca92-0b74-11f1-bc71-42dde27851f2","usecleanup.ts","428fb376-0b74-11f1-bc9d-42dde27851f2","7e97cd56-f682-11f0-b864-42dde27851f2",347,["D",1771273062148],"import cleanupFunFacts from \"./cleanupFunFacts.js\";\nexport default async () => await cleanupFunFacts();",[],[342,334],"importers","0ff15328-f753-11f0-a075-42dde27851f2","handleDiscordMessages.js","5b5e1f60-f692-11f0-b444-42dde27851f2",142,["D",1769059657014],"import { DateTime } from \"https://esm.sh/luxon@3.4.4\";\nimport Anthropic from \"npm:@anthropic-ai/sdk@0.24.3\";\nimport nacl from \"npm:tweetnacl@1.0.3\";\nimport { nanoid } from \"https://esm.sh/nanoid@5.0.5\";\n\nimport { backstory } from \"../backstory.js\";\nimport { formatMemoriesForPrompt, getRelevantMemories } from \"../memoryUtils.js\";\n\n// ---- Bot identity ----\nexport const BOT_SENDER_ID = \"mr_bilbo_bot\";\nexport const BOT_SENDER_NAME = \"Mr. Bilbo\";\n\n// ---- Env vars required ----\n// Set these in Val Town environment variables:\n// discordPublicKey: your app public key (for verifying requests)\n// ANTHROPIC_API_KEY: your Anthropic key\nconst DISCORD_PUBLIC_KEY = Deno.env.get(\"discordPublicKey\");\nif (!DISCORD_PUBLIC_KEY) throw new Error(\"discordPublicKey is not set\");\n\n// --------------------\n// Discord verification\n// --------------------\nfunction hexToUint8Array(hex) {\n if (typeof hex !== \"string\" || hex.length % 2 !== 0) return new Uint8Array();\n const arr = new Uint8Array(hex.length / 2);\n for (let i = 0; i < arr.length; i++) {\n arr[i] = parseInt(hex.slice(i * 2, i * 2 + 2), 16);\n }\n return arr;\n}\n\nasync function verifyDiscordRequest(req, rawBody) {\n const signature = req.headers.get(\"X-Signature-Ed25519\");\n const timestamp = req.headers.get(\"X-Signature-Timestamp\");\n if (!signature || !timestamp) return false;\n\n const message = new TextEncoder().encode(timestamp + rawBody);\n const sig = hexToUint8Array(signature);\n\n // Discord public key is hex-encoded\n const publicKey = hexToUint8Array(DISCORD_PUBLIC_KEY);\n\n return nacl.sign.detached.verify(message, sig, publicKey);\n}\n\n// --------------------\n// Conversation helpers\n// --------------------\nfunction getConversationId({ guild_id, channel_id, user_id }) {\n // DMs: key by user so the convo stays stable even if Discord changes DM channel IDs\n if (!guild_id) return `dm:${user_id}`;\n // Servers/threads: key by channel\n return `chan:${channel_id}`;\n}\n\nfunction truncateDiscord(text, max = 1900) {\n if (!text) return \"\";\n if (text.length <= max) return text;\n return text.slice(0, max - 20).trimEnd() + \"\\n\\n(…truncated)\";\n}\n\n// --------------------\n// DB: store + history\n// --------------------\nexport async function storeChatMessage(\n conversationId,\n channelId,\n guildId,\n senderId,\n senderName,\n message,\n isBot = false\n) {\n try {\n const { sqlite } = await import(\"https://esm.town/v/stevekrouse/sqlite\");\n const timestamp = Math.floor(Date.now() / 1000);\n\n await sqlite.execute({\n sql: `\n INSERT INTO discord_chats (\n conversation_id, channel_id, guild_id,\n sender_id, sender_name, message, timestamp, is_bot\n ) VALUES (\n :conversation_id, :channel_id, :guild_id,\n :sender_id, :sender_name, :message, :timestamp, :is_bot\n )\n `,\n args: {\n conversation_id: conversationId,\n channel_id: String(channelId),\n guild_id: guildId ? String(guildId) : null,\n sender_id: String(senderId),\n sender_name: String(senderName),\n message: String(message),\n timestamp,\n is_bot: isBot ? 1 : 0,\n },\n });\n\n return true;\n } catch (err) {\n console.error(\"Error storing chat message:\", err);\n return false;\n }\n}\n\nexport async function getChatHistory(conversationId, limit = 50) {\n try {\n const { sqlite } = await import(\"https://esm.town/v/stevekrouse/sqlite\");\n\n // Get *most recent* N then reverse to chronological\n const result = await sqlite.execute({\n sql: `\n SELECT * FROM discord_chats\n WHERE conversation_id = :conversation_id\n ORDER BY timestamp DESC\n LIMIT :limit\n `,\n args: {\n conversation_id: conversationId,\n limit,\n },\n });\n\n const rows = result.rows || [];\n return rows.reverse();\n } catch (err) {\n console.error(\"Error retrieving chat history:\", err);\n return [];\n }\n}\n\nfunction formatChatHistoryForAI(history) {\n const messages = [];\n for (const msg of history) {\n if (msg.is_bot) {\n messages.push({ role: \"assistant\", content: msg.message });\n } else {\n messages.push({\n role: \"user\",\n content: `${msg.sender_name} says: ${msg.message}`,\n });\n }\n }\n return messages;\n}\n\n// --------------------\n// AI analysis + memory tags\n// --------------------\nasync function analyzeMessageContent(anthropic, username, messageText, chatHistory = []) {\n try {\n const memories = await getRelevantMemories();\n const memoriesText = formatMemoriesForPrompt(memories);\n\n const systemPrompt = `${backstory}\n\nYour job is to read this Discord message from your employer and respond in a natural, butler-like way, noting any important information that should be remembered for future reference.\n\nYou have access to the following stored memories:\n\n${memoriesText}\n\nIf this appears to be a new client or the conversation is in an early stage, you should conduct an intake interview to gather essential background information. First ask the client if now is a good time to ask them some questions.\n\nAsk about the following topics in a conversational way (not all at once, but continuing the interview naturally based on their responses):\n\nInitial Information:\n- Who are the family members living in the home and their ages?\n- Names of close family members and their relationships to the client?\n\nDaily Life:\n- Which grocery stores and local restaurants they frequent?\n- Family members' food preferences and any dietary restrictions?\n- Typical working hours and recurring commitments?\n- Important dates (birthdays, anniversaries, holidays)?\n- Monthly bills and subscriptions that need tracking?\n- Emergency contacts and regular service providers?\n- Current health goals and any medication reminders needed?\n\nYour goal is to collect this information naturally through conversation and store it as memories (as undated memories). Once you've gathered sufficient background information, you can conclude the intake process and transition to normal reactive chat.\n\nIf the conversation is already past the intake stage, then analyze the message content and think about which memories might be worth creating based on the information provided.\n\nYou should respond in a natural conversational way. You have three options for managing memories:\n\n1. CREATE memories: Include them in tags in JSON format.\n2. EDIT memories: Include them in tags in JSON format (must include memory ID).\n3. DELETE memories: Include them in tags in JSON format (just include memory IDs).\n\nImportant guidelines for memory management:\n1. For new memories, set a date for each memory whenever possible.\n2. The date should be the actual date of the event. You don't need to set reminder dates in advance.\n3. Keep the memory text concise: ideally one short sentence, but include all important details.\n4. Extract any dates mentioned and convert them to ISO format. If the year isn't mentioned, assume the current year.\n5. If no date is relevant to the memory, set \"date\" to null.\n6. For editing or deleting memories, you MUST include the correct memory ID from the displayed memories. Each memory is displayed with its ID in the format \"[ID: xyz123]\".\n7. If no memories need to be managed, simply respond naturally WITHOUT including any memory tags.\n8. When a user asks to delete a memory, you must find its ID from the memory list above and include that ID in the deleteMemories tag.\n9. Do not create duplicate memories. If a memory already exists, do not record the same information again.\n\nYour response style:\n- Use a brief, natural-sounding tone characteristic of a personal assistant\n- Be slightly dignified but sound modern, not too stuffy or old-fashioned\n- Keep responses brief (1-2 sentences)\n- Vary your responses to avoid sounding robotic\n- Be polite and deferential\n- Avoid contractions (use \"do not\" instead of \"don't\")\n\nToday's date is ${DateTime.now()\n .setZone(\"America/Toronto\")\n .toFormat(\"yyyy-MM-dd\")}`;\n\n const formattedHistory = chatHistory.length ? formatChatHistoryForAI(chatHistory) : [];\n\n const response = await anthropic.messages.create({\n model: \"claude-sonnet-4-5-20250929\",\n max_tokens: 2000,\n system: systemPrompt,\n messages: formattedHistory,\n });\n\n const responseText = response.content?.[0]?.text || \"\";\n\n const createMemoryMatch = responseText.match(/([\\s\\S]*?)<\\/createMemories>/);\n const editMemoryMatch = responseText.match(/([\\s\\S]*?)<\\/editMemories>/);\n const deleteMemoryMatch = responseText.match(/([\\s\\S]*?)<\\/deleteMemories>/);\n\n let cleanedResponse = responseText;\n let memoriesToCreate = [];\n let memoriesToEdit = [];\n let memoriesToDelete = [];\n\n if (createMemoryMatch) {\n cleanedResponse = cleanedResponse.replace(/[\\s\\S]*?<\\/createMemories>/, \"\").trim();\n try { memoriesToCreate = JSON.parse(createMemoryMatch[1]); } catch (e) { console.error(e); }\n }\n if (editMemoryMatch) {\n cleanedResponse = cleanedResponse.replace(/[\\s\\S]*?<\\/editMemories>/, \"\").trim();\n try { memoriesToEdit = JSON.parse(editMemoryMatch[1]); } catch (e) { console.error(e); }\n }\n if (deleteMemoryMatch) {\n cleanedResponse = cleanedResponse.replace(/[\\s\\S]*?<\\/deleteMemories>/, \"\").trim();\n try { memoriesToDelete = JSON.parse(deleteMemoryMatch[1]); } catch (e) { console.error(e); }\n }\n\n cleanedResponse = cleanedResponse.replace(/\\n{3,}/g, \"\\n\\n\");\n\n return {\n memories: memoriesToCreate,\n editMemories: memoriesToEdit,\n deleteMemories: memoriesToDelete,\n response: cleanedResponse || \"Very good. I shall attend to it.\",\n };\n } catch (err) {\n console.error(\"Message analysis error:\", err);\n return {\n memories: [],\n editMemories: [],\n deleteMemories: [],\n response: \"I do apologize, but I seem to be experiencing some difficulty at the moment.\",\n };\n }\n}\n\n// --------------------\n// Memories CRUD (same as yours)\n// --------------------\nasync function applyMemoryChanges(analysis) {\n const { sqlite } = await import(\"https://esm.town/v/stevekrouse/sqlite\");\n\n // Create\n if (analysis.memories?.length) {\n const createdIds = [];\n for (const memory of analysis.memories) {\n const memoryId = nanoid(10);\n createdIds.push(memoryId);\n await sqlite.execute({\n sql: `\n INSERT INTO memories (id, date, text, createdBy, createdDate, tags)\n VALUES (:id, :date, :text, :createdBy, :createdDate, :tags)\n `,\n args: {\n id: memoryId,\n date: memory.date ?? null,\n text: memory.text ?? \"\",\n createdBy: \"discord\",\n createdDate: Date.now(),\n tags: memory.tags ?? \"\",\n },\n });\n }\n console.log(`Created ${analysis.memories.length} memories: ${createdIds.join(\", \")}`);\n }\n\n // Edit\n if (analysis.editMemories?.length) {\n const editedIds = [];\n for (const memory of analysis.editMemories) {\n if (!memory.id) continue;\n editedIds.push(memory.id);\n\n const updateFields = [];\n const args = { id: memory.id };\n\n if (memory.text !== undefined) { updateFields.push(\"text = :text\"); args.text = memory.text; }\n if (memory.date !== undefined) { updateFields.push(\"date = :date\"); args.date = memory.date; }\n if (memory.tags !== undefined) { updateFields.push(\"tags = :tags\"); args.tags = memory.tags; }\n\n if (updateFields.length) {\n await sqlite.execute({\n sql: `UPDATE memories SET ${updateFields.join(\", \")} WHERE id = :id`,\n args,\n });\n }\n }\n console.log(`Edited ${editedIds.length} memories: ${editedIds.join(\", \")}`);\n }\n\n // Delete\n if (analysis.deleteMemories?.length) {\n for (const memoryId of analysis.deleteMemories) {\n await sqlite.execute({\n sql: `DELETE FROM memories WHERE id = :id`,\n args: { id: memoryId },\n });\n }\n console.log(`Deleted ${analysis.deleteMemories.length} memories: ${analysis.deleteMemories.join(\", \")}`);\n }\n}\n\n// --------------------\n// Main HTTP handler\n// --------------------\nexport default async function (req) {\n if (req.method !== \"POST\") {\n return new Response(\n `

Mr. Bilbo (Discord)

This endpoint handles Discord slash-command interactions.

`,\n { status: 200, headers: { \"content-type\": \"text/html\" } }\n );\n }\n\n const rawBody = await req.text();\n\n const verified = await verifyDiscordRequest(req, rawBody);\n if (!verified) {\n return new Response(\"signature invalid\", { status: 401 });\n }\n\n const interaction = JSON.parse(rawBody);\n\n // Discord PING (type 1) -> respond with PONG (type 1)\n if (interaction.type === 1) {\n return Response.json({ type: 1 });\n }\n\n // We only handle slash commands here (type 2)\n if (interaction.type !== 2) {\n return Response.json({\n type: 4,\n data: { content: \"I only respond to slash commands at the moment.\" },\n });\n }\n\n try {\n const apiKey = Deno.env.get(\"ANTHROPIC_API_KEY\");\n if (!apiKey) {\n return Response.json({\n type: 4,\n data: { content: \"I apologize, but I am not properly configured at the moment.\" },\n });\n }\n const anthropic = new Anthropic({ apiKey });\n\n const commandName = interaction.data?.name || \"\";\n const options = interaction.data?.options || [];\n\n // Expect an option named \"message\" (string)\n const messageOpt = options.find((o) => o?.name === \"message\");\n const messageText = (messageOpt?.value || \"\").toString().trim();\n\n // Basic “start/introduction”\n if (commandName === \"start\" || messageText === \"/start\" || messageText === \"!start\") {\n const intro =\n \"Good day. I am Mr. Bilbo, at your service. I shall make note of any important matters you wish me to remember. Would you mind if I ask you a few questions?\";\n return Response.json({ type: 4, data: { content: intro } });\n }\n\n if (!messageText) {\n return Response.json({\n type: 4,\n data: { content: \"Kindly provide a message. For example: /bilbo message: \\\"What shall I do today?\\\"\" },\n });\n }\n\n // Identify user + channel context\n const channelId = interaction.channel_id;\n const guildId = interaction.guild_id || null;\n\n // user differs for DMs vs guild\n const user = interaction.member?.user || interaction.user;\n const userId = user?.id;\n const username = user?.global_name || user?.username || \"Sir/Madam\";\n\n const conversationId = getConversationId({\n guild_id: guildId,\n channel_id: channelId,\n user_id: userId,\n });\n\n // Store incoming\n await storeChatMessage(conversationId, channelId, guildId, userId, username, messageText, false);\n\n // Load history (includes the message we just inserted)\n const chatHistory = await getChatHistory(conversationId, 50);\n\n // Analyze + respond\n const analysis = await analyzeMessageContent(anthropic, username, messageText, chatHistory);\n\n // Apply memory changes\n await applyMemoryChanges(analysis);\n\n // Store bot reply\n await storeChatMessage(\n conversationId,\n channelId,\n guildId,\n BOT_SENDER_ID,\n BOT_SENDER_NAME,\n analysis.response,\n true\n );\n\n return Response.json({\n type: 4,\n data: { content: truncateDiscord(analysis.response) },\n });\n } catch (err) {\n console.error(err);\n return Response.json({\n type: 4,\n data: {\n content:\n \"I do apologize, but I seem to be experiencing some difficulty at the moment. Perhaps we could try again shortly.\",\n },\n });\n }\n}",[],[342,344],"cc5439ac-0b5f-11f1-895c-42dde27851f2","getWeather.js","5a97cc98-f692-11f0-b45d-42dde27851f2",315,["D",1771264150290],19,"import { DateTime } from \"https://esm.sh/luxon@3.4.4\";\nimport { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\nimport { nanoid } from \"https://esm.sh/nanoid@5.0.5\";\nimport { getWeather } from \"https://esm.town/v/stevekrouse/getWeather\";\n\nconst TABLE_NAME = \"memories\";\nconst ZONE = \"America/Toronto\";\n\nfunction normalizePunctuation(s) {\n return (s ?? \"\")\n .replace(/\\s+/g, \" \")\n .replace(/\\s+([.,!?;:])/g, \"$1\") // remove space before punctuation\n .replace(/[.]+$/g, \"\") // strip trailing periods (we add our own)\n .trim();\n}\n\nfunction summarizeWeather(weather) {\n const summarizeDay = (day) => ({\n date: day.date,\n highTemp: day.maxtempC,\n lowTemp: day.mintempC,\n hourly: (day.hourly ?? []).map((hour) => ({\n time: hour.time,\n temp: hour.tempC,\n chanceOfRain: hour.chanceofrain,\n chanceOfSnow: hour.chanceofsnow,\n desc: normalizePunctuation((hour.weatherDesc || []).map((d) => d.value).join(\", \")),\n })),\n });\n\n return (weather?.weather ?? []).map(summarizeDay);\n}\n\nasync function deleteExistingForecast(dateISO) {\n await sqlite.execute({\n sql: `\n DELETE FROM ${TABLE_NAME}\n WHERE date = :date AND text LIKE 'weather forecast:%'\n `,\n args: { date: dateISO },\n });\n}\n\nasync function insertForecast(dateISO, forecastText) {\n await sqlite.execute({\n sql: `\n INSERT INTO ${TABLE_NAME} (id, date, text, createdBy, createdDate, tags)\n VALUES (:id, :date, :text, :createdBy, :createdDate, :tags)\n `,\n args: {\n id: nanoid(10),\n date: dateISO,\n text: `weather forecast: ${forecastText}`,\n createdBy: \"weather\",\n createdDate: Date.now(),\n tags: \"weather\",\n },\n });\n}\n\nexport default async function updateWeatherForecast() {\n const raw = await getWeather(\"Waterloo, Ontario\");\n const days = summarizeWeather(raw);\n\n for (const day of days) {\n const dateISO = DateTime.fromISO(day.date, { zone: ZONE }).toISODate();\n\n const firstDesc = normalizePunctuation(day.hourly?.[0]?.desc || \"forecast available\");\n const forecastText = `High of ${day.highTemp}°C, low of ${day.lowTemp}°C, ${firstDesc}.`;\n\n await deleteExistingForecast(dateISO);\n await insertForecast(dateISO, forecastText);\n }\n\n console.log(\"Weather forecast updated in memories.\");\n return days;\n}",[],[342,352],"cbd988f0-f693-11f0-ba82-42dde27851f2","getCalendarEvents.js","5a9a9662-f692-11f0-9451-42dde27851f2",100,["D",1768977508898],"import { getEvents } from \"https://esm.town/v/geoffreylitt/getGoogleCalendarEvents\";\nimport { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\n\nconst TABLE_NAME = `memories`;\nconst LOCAL_TIMEZONE = \"America/Toronto\";\n\nasync function deleteExistingCalendarEvents() {\n await sqlite.execute(\n `\n DELETE FROM ${TABLE_NAME}\n WHERE createdBy = 'calendar'\n `\n );\n}\n\nfunction extractTimeFromISO(isoString) {\n const timeMatch = isoString.match(/T(\\d{2}):(\\d{2}):/);\n if (!timeMatch) return null;\n\n const hours = parseInt(timeMatch[1], 10);\n const minutes = timeMatch[2];\n\n const period = hours >= 12 ? \"pm\" : \"am\";\n const hour12 = hours % 12 || 12;\n\n return `${hour12}:${minutes} ${period}`;\n}\n\nfunction formatEventToNaturalLanguage(event) {\n const summary = event.summary || \"Untitled event\";\n\n if (event.start.dateTime) {\n const startTime = extractTimeFromISO(event.start.dateTime);\n const endTime = extractTimeFromISO(event.end.dateTime);\n\n const timezone =\n event.start.timeZone ||\n (event.start.dateTime.includes(\"+\") || event.start.dateTime.includes(\"-\")\n ? event.start.dateTime.match(/[+-]\\d{2}:\\d{2}$/)?.[0]\n : \"UTC\");\n\n const isLocalTimezone =\n timezone === LOCAL_TIMEZONE ||\n timezone?.startsWith(\"-04:00\") ||\n timezone?.startsWith(\"-05:00\");\n\n let text = `${summary} from ${startTime} - ${endTime}`;\n\n if (timezone && !isLocalTimezone) {\n if (timezone.includes(\"/\")) {\n const friendlyTimezone =\n timezone.split(\"/\")[1].replace(\"_\", \" \").toLowerCase() + \" time\";\n text += ` (${friendlyTimezone})`;\n } else if (timezone.match(/[+-]\\d{2}:\\d{2}/)) {\n text += ` (${timezone})`;\n }\n }\n\n if (event.location) {\n text += ` at ${event.location}`;\n }\n\n return text;\n } else if (event.start.date) {\n return `All-day event: ${summary}${\n event.location ? ` at ${event.location}` : \"\"\n }`;\n }\n\n return summary;\n}\n\nasync function insertCalendarEvent(date, eventText) {\n const { nanoid } = await import(\"https://esm.sh/nanoid@5.0.5\");\n\n console.log(\"inserting\", { date, eventText });\n\n await sqlite.execute(\n `\n INSERT INTO ${TABLE_NAME} (id, date, text, createdBy, createdDate, tags)\n VALUES (?, ?, ?, ?, ?, ?)\n `,\n [nanoid(10), date, eventText, \"calendar\", Date.now(), \"calendar\"]\n );\n}\n\nexport default async function getCalendarEvents() {\n try {\n const events = await getEvents(\n Deno.env.get(\"GOOGLE_CALENDAR_ACCOUNT_ID\"),\n Deno.env.get(\"GOOGLE_CALENDAR_CALENDAR_ID\")\n );\n\n console.log(`Found ${events.length} calendar events`);\n\n await deleteExistingCalendarEvents();\n\n for (const event of events) {\n let date;\n if (event.start.dateTime) {\n date = event.start.dateTime.split(\"T\")[0];\n } else if (event.start.date) {\n date = event.start.date;\n } else {\n console.warn(`Event ${event.summary} has no start date/time, skipping`);\n continue;\n }\n\n const eventText = formatEventToNaturalLanguage(event);\n console.log(`Adding calendar event for ${date}: ${eventText}`);\n await insertCalendarEvent(date, eventText);\n }\n\n console.log(`Calendar events imported into the database.`);\n return events;\n } catch (error) {\n console.error(\"Error importing calendar events:\", error);\n throw error;\n }\n}\n",[],[342,361],"3619d680-1b3c-11f1-bfc0-42dde27851f2","generateFunFacts.js","13efeb4a-0b6e-11f1-832c-42dde27851f2",408,["D",1773008084474],11,"import { DateTime } from \"https://esm.sh/luxon@3.4.4\";\nimport { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\nimport { nanoid } from \"https://esm.sh/nanoid@5.0.5\";\nimport Anthropic from \"https://esm.sh/@anthropic-ai/sdk@0.24.3\";\n\nconst TABLE_NAME = \"memories\";\nconst ZONE = \"America/Toronto\";\nconst DAYS_TO_FILL = 7;\nconst FACTS_PER_ATTEMPT = 15;\nconst MAX_GENERATION_ATTEMPTS = 3;\n\nfunction normalizePunctuation(s) {\n return (s ?? \"\")\n .replace(/\\s+/g, \" \")\n .replace(/\\s+([.,!?;:])/g, \"$1\")\n .replace(/[.]+$/g, \"\")\n .trim();\n}\n\nfunction toStoredFunFactText(factText) {\n return `Fun fact: ${normalizePunctuation(factText)}.`;\n}\n\nasync function deleteExistingFunFact(dateISO) {\n await sqlite.execute({\n sql: `\n DELETE FROM ${TABLE_NAME}\n WHERE date = :date AND createdBy = 'fun_fact'\n `,\n args: { date: dateISO },\n });\n}\n\nasync function insertFunFact(dateISO, factText) {\n const text = toStoredFunFactText(factText);\n\n await sqlite.execute({\n sql: `\n INSERT INTO ${TABLE_NAME} (id, date, text, createdBy, createdDate, tags)\n VALUES (:id, :date, :text, :createdBy, :createdDate, :tags)\n `,\n args: {\n id: nanoid(10),\n date: dateISO,\n text,\n createdBy: \"fun_fact\",\n createdDate: Date.now(),\n tags: \"fun_fact\",\n },\n });\n}\n\nasync function getExistingFunFactTexts() {\n const cutoffDate = DateTime.now()\n .setZone(ZONE)\n .startOf(\"day\")\n .minus({ days: 70 })\n .toISODate();\n\n const result = await sqlite.execute({\n sql: `\n SELECT text\n FROM ${TABLE_NAME}\n WHERE createdBy = 'fun_fact'\n AND date >= :cutoffDate\n `,\n args: { cutoffDate },\n });\n\n return new Set(\n (result.rows ?? [])\n .map((row) => row.text)\n .filter(Boolean),\n );\n}\n\nfunction extractTextFromAnthropic(resp) {\n const blocks = resp?.content ?? [];\n return blocks.map((b) => (b?.type === \"text\" ? b.text : \"\")).join(\"\").trim();\n}\n\nasync function generateFactsAnthropicOnce(client, count, bannedFacts = []) {\n const bannedBlock = bannedFacts.length\n ? `\nDo NOT repeat or closely paraphrase any of these previously used facts:\n${bannedFacts.map((f) => `- ${f}`).join(\"\\n\")}\n`\n : \"\";\n\n const prompt = `\nGenerate ${count} unique, family-friendly fun facts (1–2 sentences each).\n\nConstraints:\n- Not about current events, politics, or celebrities\n- No medical advice\n- Avoid controversial topics\n- Each fact must be meaningfully different from the others\n${bannedBlock}\nReturn ONLY valid JSON: an array of exactly ${count} strings.\nDo not include any extra text, code fences, or commentary.\n`.trim();\n\n const resp = await client.messages.create({\n model: \"claude-sonnet-4-5-20250929\",\n max_tokens: 1400,\n temperature: 0.85,\n messages: [{ role: \"user\", content: prompt }],\n });\n\n const text = extractTextFromAnthropic(resp);\n const arr = JSON.parse(text);\n\n if (!Array.isArray(arr)) {\n throw new Error(\"Anthropic response JSON was not an array.\");\n }\n\n const facts = arr.slice(0, count).map((s) => String(s));\n if (facts.length < count) {\n throw new Error(`Got ${facts.length} facts; expected ${count}.`);\n }\n\n return facts;\n}\n\nasync function generateFactsAnthropic(existingFactTexts) {\n const apiKey = Deno.env.get(\"ANTHROPIC_API_KEY\");\n if (!apiKey) {\n throw new Error(\"Missing ANTHROPIC_API_KEY (set it in Val Town environment variables).\");\n }\n\n const client = new Anthropic({ apiKey });\n\n const bannedFacts = Array.from(existingFactTexts)\n .slice(-50)\n .map((text) => text.replace(/^Fun fact:\\s*/i, \"\").replace(/\\.$/, \"\"));\n\n try {\n return await generateFactsAnthropicOnce(client, FACTS_PER_ATTEMPT, bannedFacts);\n } catch (_e) {\n const resp = await client.messages.create({\n model: \"claude-sonnet-4-5-20250929\",\n max_tokens: 1600,\n temperature: 0.2,\n messages: [\n {\n role: \"user\",\n content: `\nReturn ONLY valid JSON: an array of exactly ${FACTS_PER_ATTEMPT} strings. No other text.\n\nGenerate ${FACTS_PER_ATTEMPT} family-friendly fun facts.\nDo not repeat or closely paraphrase previously used facts.\nKeep every fact distinct from the others.\n`.trim(),\n },\n ],\n });\n\n const text = extractTextFromAnthropic(resp);\n const arr = JSON.parse(text);\n\n if (!Array.isArray(arr)) {\n throw new Error(\"Retry response JSON was not an array.\");\n }\n\n const facts = arr.slice(0, FACTS_PER_ATTEMPT).map((s) => String(s));\n if (facts.length < FACTS_PER_ATTEMPT) {\n throw new Error(`Retry got ${facts.length} facts; expected ${FACTS_PER_ATTEMPT}.`);\n }\n\n return facts;\n }\n}\n\nfunction filterFreshFacts(candidateFacts, existingFactTexts, newlyAcceptedTexts) {\n const accepted = [];\n\n for (const fact of candidateFacts) {\n const normalized = toStoredFunFactText(fact);\n\n if (existingFactTexts.has(normalized)) continue;\n if (newlyAcceptedTexts.has(normalized)) continue;\n\n newlyAcceptedTexts.add(normalized);\n accepted.push(fact);\n }\n\n return accepted;\n}\n\nexport default async function generateFunFacts() {\n const today = DateTime.now().setZone(ZONE).startOf(\"day\");\n const existingFactTexts = await getExistingFunFactTexts();\n const newlyAcceptedTexts = new Set();\n const freshFacts = [];\n\n for (let attempt = 1; attempt <= MAX_GENERATION_ATTEMPTS; attempt++) {\n if (freshFacts.length >= DAYS_TO_FILL) break;\n\n const candidates = await generateFactsAnthropic(existingFactTexts);\n const filtered = filterFreshFacts(candidates, existingFactTexts, newlyAcceptedTexts);\n freshFacts.push(...filtered);\n\n console.log(`Fun fact generation attempt ${attempt}: got ${filtered.length} fresh facts.`);\n }\n\n let updatedCount = 0;\n let skippedCount = 0;\n\n for (let i = 0; i < DAYS_TO_FILL; i++) {\n const dateISO = today.plus({ days: i }).toISODate();\n const fact = freshFacts[i];\n\n if (!fact) {\n console.log(`No fresh fun fact available for ${dateISO}; keeping existing fact.`);\n skippedCount++;\n continue;\n }\n\n await deleteExistingFunFact(dateISO);\n await insertFunFact(dateISO, fact);\n updatedCount++;\n }\n\n console.log(\"Fun facts updated in memories.\", {\n updatedCount,\n skippedCount,\n });\n\n return {\n ok: true,\n updatedCount,\n skippedCount,\n };\n}",[],[342,369],"185a5ca0-0b74-11f1-ad2f-42dde27851f2","cleanupFunFacts.js","ad87dec0-0b73-11f1-a6f8-42dde27851f2",339,["D",1771272867579],"import { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\n\nconst TABLE_NAME = \"memories\";\n\nexport default async function cleanupFunFacts() {\n const res = await sqlite.execute({\n sql: `\n UPDATE ${TABLE_NAME}\n SET text = REPLACE(text, ' .', '.')\n WHERE createdBy = 'fun_fact' AND text LIKE '% .%'\n `,\n });\n\n console.log(\"cleanupFunFacts done:\", res);\n return res;\n}",[],[342,378],"7e97cc8e-f682-11f0-b864-42dde27851f2",["D",1768970077837],[260,261,262,263,264,265],[342],["D",1769059114355],[],[18,171],["D",1769021104064],[],[18,80],["D",1771263882099],[],[18,65],["D",1771285626997],[],[18,193],["D",1769975425929],[],[18,201],["D",1771273529356],[],[18,209],["D",1768976888702],[253,254,255,256,257,258],[18],"59b3ae0e-0b60-11f1-bb7c-42dde27851f2","style.css","01696212-ff02-11f0-a182-42dde27851f2","f3a401a0-ff01-11f0-9c9d-42dde27851f2",323,["D",1771264387474],18,":root {\n --bg: #0b0d12;\n --panel: #121621;\n --panel2: #0f131c;\n --text: #e9eefc;\n --muted: #9fb0d0;\n --border: rgba(255, 255, 255, 0.08);\n --accent: #7aa7ff;\n --danger: #ff6b6b;\n}\n\n* { box-sizing: border-box; }\nhtml, body { height: 100%; }\nbody {\n min-height: 100vh;\n background: #0b0d12; /* fallback */\n margin: 0;\n font-family: \"Kulim Park\", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\n}\n\n/* Background image layer */\nbody::before {\n content: \"\";\n position: fixed;\n inset: 0;\n z-index: -1;\n background-image:\n linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)),\n url(\"/api/images/logbook_bg.png\");\n background-size: cover;\n background-position: center;\n}\n\na { color: var(--accent); text-decoration: none; }\na:hover { text-decoration: underline; }\n\n.shell {\n max-width: 1100px;\n margin: 0 auto;\n padding: 22px 16px 48px;\n\n /* The rectangle */\n background: rgba(255, 255, 255, 0.10);\n border: 1px solid rgba(255,255,255,0.14);\n border-radius: 18px;\n backdrop-filter: blur(8px);\n}\n\n\n.topbar {\n display: flex;\n align-items: baseline;\n justify-content: space-between;\n gap: 12px;\n margin-bottom: 14px;\n}\n\nh1 {\n font-size: 18px;\n margin: 0;\n letter-spacing: 0.2px;\n}\n\n.sub {\n color: var(--muted);\n font-size: 12px;\n margin-top: 4px;\n}\n\n.pill {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 6px 10px;\n border: 1px solid var(--border);\n border-radius: 999px;\n background: rgba(255,255,255,0.03);\n color: var(--muted);\n font-size: 12px;\n}\n\n.layout {\n display: grid;\n grid-template-columns: 360px 1fr;\n gap: 12px;\n}\n\n@media (max-width: 920px) {\n .layout { grid-template-columns: 1fr; }\n}\n\n.card {\n border: 1px solid var(--border);\n background: rgba(18, 22, 33, 0.72);\n border-radius: 14px;\n box-shadow: 0 10px 28px rgba(0,0,0,0.25);\n overflow: hidden;\n}\n\n.cardHeader {\n padding: 12px 12px 10px;\n border-bottom: 1px solid var(--border);\n background: rgba(15,19,28,0.55);\n}\n\n.cardBody { padding: 12px; }\n\n.row { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }\n.spread { justify-content: space-between; }\n\n.input, .textarea {\n width: 100%;\n padding: 10px 11px;\n border-radius: 12px;\n border: 1px solid var(--border);\n background: rgba(255,255,255,0.04);\n color: var(--text);\n outline: none;\n}\n\n.textarea { min-height: 140px; resize: vertical; }\n\n.input:focus, .textarea:focus {\n border-color: rgba(122,167,255,0.55);\n box-shadow: 0 0 0 3px rgba(122,167,255,0.14);\n}\n\n.btn {\n padding: 9px 11px;\n border-radius: 12px;\n border: 1px solid var(--border);\n background: rgba(255,255,255,0.06);\n color: var(--text);\n cursor: pointer;\n user-select: none;\n}\n.btn:hover { background: rgba(255,255,255,0.09); }\n.btn.primary {\n border-color: rgba(122,167,255,0.35);\n background: rgba(122,167,255,0.14);\n}\n.btn.danger {\n border-color: rgba(255,107,107,0.35);\n background: rgba(255,107,107,0.12);\n}\n\n.list {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.item {\n border: 1px solid var(--border);\n background: rgba(255,255,255,0.03);\n border-radius: 12px;\n padding: 10px;\n cursor: pointer;\n}\n.item:hover { background: rgba(255,255,255,0.05); }\n\n.itemActive {\n border-color: rgba(122,167,255,0.5);\n background: rgba(122,167,255,0.10);\n}\n\n.itemTitle {\n font-size: 13px;\n margin: 0 0 6px;\n color: var(--text);\n}\n.itemMeta {\n font-size: 11px;\n color: var(--muted);\n display: flex;\n gap: 8px;\n flex-wrap: wrap;\n}\n\n.hr { border: none; border-top: 1px solid var(--border); margin: 12px 0; }\n\n.kbd {\n font-family: \"Kulim Park\", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\n font-size: 12px;\n color: var(--muted);\n border: 1px solid var(--border);\n background: rgba(255,255,255,0.03);\n padding: 2px 6px;\n border-radius: 8px;\n}\n\n/* ---- Notebook horizontal layout overrides ---- */\n\n/* make the app container feel like a page */\n.shell{\n max-width: 1250px;\n margin: 24px auto;\n padding: 18px;\n border-radius: 18px;\n background: rgba(10, 14, 22, 0.35);\n border: 1px solid rgba(255,255,255,0.12);\n backdrop-filter: blur(6px);\n}\n\n/* wider, horizontal split */\n.layout{\n display: grid;\n grid-template-columns: 520px 1fr; /* entries left, editor right */\n gap: 14px;\n}\n\n@media (max-width: 980px){\n .layout{ grid-template-columns: 1fr; }\n}\n\n/* blue frame around the whole notebook area */\n.layoutWrap{\n border: 2px solid rgba(122,167,255,0.80);\n border-radius: 16px;\n padding: 10px;\n box-shadow: 0 0 0 6px rgba(122,167,255,0.12);\n}\n\n/* slightly more “notebook” feel */\n.card{\n background: rgba(14, 18, 26, 0.70);\n border: 1px solid rgba(255,255,255,0.10);\n}\n\n.list{\n gap: 0;\n border: 1px solid rgba(255,255,255,0.10);\n border-radius: 12px;\n overflow: hidden;\n}\n\n.item{\n border: none;\n border-bottom: 1px solid rgba(255,255,255,0.08);\n border-radius: 0;\n background: rgba(255,255,255,0.03);\n}\n\n.item:last-child{ border-bottom: none; }\n\n.itemRow{\n display: grid;\n grid-template-columns: 120px 1fr 160px;\n gap: 10px;\n align-items: start;\n}\n\n.itemDate{\n font-size: 12px;\n opacity: 0.9;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.itemNote{\n font-size: 13px;\n line-height: 1.25;\n}\n\n.itemTags{\n font-size: 12px;\n text-align: right;\n opacity: 0.85;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n/* hide old meta line (since we’ve moved it into columns) */\n.itemMeta{ display: none; }",[],[420,421,411],"dashboard","frontend","2462542c-ff02-11f0-9c9d-42dde27851f2","index.tsx","20a3a17e-ff02-11f0-9019-42dde27851f2",235,["D",1769904511371],"/**\n * @jsxImportSource https://esm.sh/react@18.2.0\n */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { App } from \"/public/components/App.tsx\";\n\ndeclare global {\n interface Window {\n __INITIAL_DATA?: unknown;\n }\n}\n\nconst rootEl = document.getElementById(\"root\");\nif (!rootEl) throw new Error(\"Missing #root element\");\n\nconst initialData = window.__INITIAL_DATA ?? null;\n\ncreateRoot(rootEl).render(\n \n \n \n);",[],[420,421,423],"be81e706-0b06-11f1-bac6-42dde27851f2","index.html","f6ad82ea-ff01-11f0-bf3a-42dde27851f2",302,["D",1771225901891],9,"\n\n \n \n \n \n \n \n Logbook\n\n \n \n\n \n \n\n \n \n \n \n

\n\n \n \n \n",[],[420,421,431],"2ae8eca6-0ade-11f1-a341-42dde27851f2","favicon.svg","13aab03e-ff02-11f0-a8bb-42dde27851f2",283,["D",1771208474401],"",[],[420,421,440],"6e7e760e-0b5e-11f1-be9c-42dde27851f2","types.ts","540df174-ff32-11f0-ab2f-42dde27851f2","5196b21e-ff32-11f0-87f4-42dde27851f2",308,["D",1771263563357],"export type Memory = {\n id: string;\n date: string | null;\n text: string;\n createdBy: string | null;\n createdDate: number | null;\n tags: string | null;\n};",[],[420,421,456,448],"shared","52ded71e-ff32-11f0-ab2f-42dde27851f2",248,["D",1769925205212],[247],[420,421,456],"39b50d16-1b5d-11f1-b6a4-42dde27851f2","NotebookView.tsx","13c900cc-ff1e-11f0-b4a8-42dde27851f2","2bb364f0-ff02-11f0-919e-42dde27851f2",["D",1773022263911],33,"/**\n * @jsxImportSource https://esm.sh/react@18.2.0\n */\nimport React, {\n useEffect,\n useMemo,\n useRef,\n useState,\n} from \"https://esm.sh/react@18.2.0\";\nimport type { Memory } from \"/public/shared/types.ts\";\n\ntype CreateBody = Partial<\n Pick\n>;\ntype Patch = Partial>;\n\ntype Props = {\n loading: boolean;\n memories: Memory[];\n onRefresh: () => Promise;\n onCreate: (body: CreateBody) => Promise;\n onUpdate: (id: string, patch: Patch) => Promise;\n onDelete: (id: string) => Promise;\n};\n\nfunction preview(text: string, max = 180) {\n const t = (text ?? \"\").trim().replace(/\\s+/g, \" \");\n return t.length > max ? t.slice(0, max - 1) + \"…\" : (t || \"(empty)\");\n}\n\nfunction normalizeTags(tags: string) {\n return tags\n .split(/[,]+/)\n .map((t) => t.trim())\n .filter(Boolean)\n .join(\", \");\n}\n\nexport function NotebookView({\n loading,\n memories,\n onRefresh,\n onCreate,\n onUpdate,\n onDelete,\n}: Props) {\n const [selectedId, setSelectedId] = useState(\n memories[0]?.id ?? null,\n );\n\n // Pagination like the demo (“Page 1 of 2”)\n const PAGE_SIZE = 10;\n const [page, setPage] = useState(0);\n\n // Create form\n const [newText, setNewText] = useState(\"\");\n const [newDate, setNewDate] = useState(\"\");\n const [newTags, setNewTags] = useState(\"\");\n const newTextareaRef = useRef(null);\n\n // Edit overlay\n const [editOpen, setEditOpen] = useState(false);\n const [editText, setEditText] = useState(\"\");\n const [editDate, setEditDate] = useState(\"\");\n const [editTags, setEditTags] = useState(\"\");\n\n const selected = useMemo(\n () => memories.find((m) => m.id === selectedId) ?? null,\n [memories, selectedId],\n );\n\n const pageCount = Math.max(1, Math.ceil(memories.length / PAGE_SIZE));\n const pagedMemories = useMemo(() => {\n const start = page * PAGE_SIZE;\n return memories.slice(start, start + PAGE_SIZE);\n }, [memories, page]);\n\n // keep selection valid\n useEffect(() => {\n if (selectedId && !memories.some((m) => m.id === selectedId)) {\n setSelectedId(memories[0]?.id ?? null);\n }\n if (!selectedId && memories[0]?.id) {\n setSelectedId(memories[0].id);\n }\n }, [memories]);\n\n // keep page in range\n useEffect(() => {\n if (page > pageCount - 1) setPage(Math.max(0, pageCount - 1));\n }, [pageCount]);\n\n // load selected into editor\n useEffect(() => {\n if (!selected) return;\n setEditText(selected.text ?? \"\");\n setEditDate(selected.date ?? \"\");\n setEditTags(selected.tags ?? \"\");\n }, [selectedId]);\n\n // Ctrl/Cmd+Enter create or save (matches your old behavior)\n useEffect(() => {\n const onKeyDown = (e: KeyboardEvent) => {\n const isAction = (e.ctrlKey || e.metaKey) && e.key === \"Enter\";\n if (!isAction) return;\n\n if (document.activeElement === newTextareaRef.current) {\n void create();\n } else if (editOpen && selected) {\n void save();\n }\n };\n window.addEventListener(\"keydown\", onKeyDown);\n return () => window.removeEventListener(\"keydown\", onKeyDown);\n }, [\n editOpen,\n selected,\n editText,\n editDate,\n editTags,\n newText,\n newDate,\n newTags,\n ]);\n\n async function create() {\n const text = newText.trim();\n if (!text) return;\n\n const body: CreateBody = {\n text,\n date: newDate.trim() ? newDate.trim() : null,\n tags: newTags.trim() ? normalizeTags(newTags) : null,\n createdDate: Date.now(),\n };\n\n const created = await onCreate(body);\n\n setNewText(\"\");\n setNewDate(\"\");\n setNewTags(\"\");\n\n // Assume appended -> jump to last page\n const newIndex = memories.length;\n setPage(Math.floor(newIndex / PAGE_SIZE));\n\n setSelectedId(created.id);\n setEditOpen(true);\n }\n\n async function save() {\n if (!selected) return;\n\n const patch: Patch = {\n text: editText,\n date: editDate.trim() ? editDate.trim() : null,\n tags: editTags.trim() ? normalizeTags(editTags) : null,\n };\n\n await onUpdate(selected.id, patch);\n setEditOpen(false);\n }\n\n async function del() {\n if (!selected) return;\n const ok = confirm(\"Delete this entry?\");\n if (!ok) return;\n await onDelete(selected.id);\n setEditOpen(false);\n }\n\n function openEditor(id: string) {\n setSelectedId(id);\n setEditOpen(true);\n }\n\n return (\n

\n \n\n

Notebook

\n\n

\n \n \n

\n\n

\n {/* Left: Create */}\n

New Entry

\n {loading\n ? \"Loading…\"\n : \"Write something, then click NEW ENTRY.\"}\n

\n\n \n New entry\n \n\n

\n setNewDate(e.target.value)}\n />\n

\n setNewTags(e.target.value)}\n />\n

\n setNewText(e.target.value)}\n />\n\n

\n Create: Ctrl+Enter\n

\n\n {/* Right: Table */}\n

DATE

NOTE

SOURCE

EDIT

\n\n

\n {pagedMemories.map((m) => (\n openEditor(m.id)}\n role=\"row\"\n >\n

{m.date ?? \"—\"}

{preview(m.text, 220)}

\n {m.tags?.trim() ? m.tags : \"—\"}\n

\n openEditor(m.id)}\n title=\"Edit\"\n >\n ✎\n \n

\n ))}\n\n {!loading && memories.length === 0\n ? (\n

\n \n No entries yet.\n

\n )\n : null}\n

\n\n

\n setPage((p) => Math.max(0, p - 1))}\n disabled={page === 0}\n >\n Prev\n \n \n setPage((p) => Math.min(pageCount - 1, p + 1))}\n disabled={page >= pageCount - 1}\n >\n Next\n \n

\n\n

\n Page {page + 1} of {pageCount}\n

\n\n {/* Edit overlay */}\n {editOpen\n ? (\n

setEditOpen(false)}>\n

e.stopPropagation()}>\n

Edit Note

\n {selected ? `Editing ${selected.id}` : \"No selection\"}\n

\n \n \n \n

\n\n

\n {!selected\n ? (\n

\n Pick an entry to edit.\n

\n )\n : (\n <>\n setEditDate(e.target.value)}\n />\n

\n setEditTags(e.target.value)}\n />\n

\n setEditText(e.target.value)}\n style={{ minHeight: 180 }}\n />\n \n Save: Ctrl+Enter\n

\n \n )}\n

\n )\n : null}\n

\n );\n}",[],[420,421,471,463],"components","234af14c-1b3c-11f1-a08d-42dde27851f2","App.tsx","2e7633d4-ff02-11f0-bf3a-42dde27851f2",406,["D",1773008052916],"/**\n * @jsxImportSource https://esm.sh/react@18.2.0\n */\nimport React, {\n useEffect,\n useMemo,\n useState,\n} from \"https://esm.sh/react@18.2.0\";\nimport { NotebookView } from \"/public/components/NotebookView.tsx\";\nimport type { Memory } from \"/public/shared/types.ts\";\n\ntype Props = {\n initialData: unknown;\n};\n\nasync function api(path: string, init?: RequestInit): Promise {\n const res = await fetch(path, {\n headers: { \"content-type\": \"application/json\", ...(init?.headers ?? {}) },\n ...init,\n });\n if (!res.ok) {\n const text = await res.text().catch(() => \"\");\n throw new Error(`HTTP ${res.status}: ${text || res.statusText}`);\n }\n return (await res.json()) as T;\n}\n\nfunction getMemoryTypePriority(memory: Memory): number {\n const createdBy = String(memory.createdBy ?? \"\").toLowerCase();\n const tags = String(memory.tags ?? \"\").toLowerCase();\n const text = String(memory.text ?? \"\").toLowerCase();\n\n const isFunFact = createdBy === \"fun_fact\" ||\n tags.includes(\"fun_fact\") ||\n text.startsWith(\"Fun fact:\");\n\n const isWeather = createdBy === \"weather\" ||\n tags.includes(\"weather\") ||\n text.startsWith(\"weather forecast:\");\n\n if (isWeather) return 2;\n if (isFunFact) return 3;\n return 1;\n}\n\nfunction sortMemoriesForLogbook(memories: Memory[]): Memory[] {\n return [...memories].sort((a, b) => {\n const dateA = String(a.date ?? \"\");\n const dateB = String(b.date ?? \"\");\n\n if (dateA !== dateB) {\n return dateB.localeCompare(dateA);\n }\n\n const priorityA = getMemoryTypePriority(a);\n const priorityB = getMemoryTypePriority(b);\n\n if (priorityA !== priorityB) {\n return priorityA - priorityB;\n }\n\n const createdA = Number(a.createdDate ?? 0);\n const createdB = Number(b.createdDate ?? 0);\n\n if (createdA !== createdB) {\n return createdB - createdA;\n }\n\n return String(a.id ?? \"\").localeCompare(String(b.id ?? \"\"));\n });\n}\n\nexport function App({ initialData }: Props) {\n const preloaded = initialData && typeof initialData === \"object\"\n ? (initialData as any).memories\n : null;\n\n const [memories, setMemories] = useState(\n Array.isArray(preloaded) ? preloaded : [],\n );\n const [loading, setLoading] = useState(!Array.isArray(preloaded));\n const [error, setError] = useState(null);\n\n async function refresh() {\n setError(null);\n setLoading(true);\n try {\n const rows = await api(\"/api/memories\");\n setMemories(rows ?? []);\n } catch (e: any) {\n setError(e?.message ?? String(e));\n } finally {\n setLoading(false);\n }\n }\n\n useEffect(() => {\n if (!Array.isArray(preloaded)) void refresh();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n const stats = useMemo(() => {\n const count = memories.length;\n const withTags = memories.filter((m) =>\n (m.tags ?? \"\").trim().length > 0\n ).length;\n return { count, withTags };\n }, [memories]);\n\n const sortedMemories = useMemo(() => {\n return sortMemoriesForLogbook(memories);\n }, [memories]);\n\n return (\n

Logbook

\n {stats.count} entries\n •\n {stats.withTags} tagged\n •\n Ctrl+Enter\n

\n\n {error\n ? (\n \n

\n Load error: {error}\n

\n \n

\n )\n : null}\n\n {\n const created = await api(\"/api/memories\", {\n method: \"POST\",\n body: JSON.stringify(body),\n });\n setMemories((prev) => [created, ...prev]);\n return created;\n }}\n onUpdate={async (id, patch) => {\n await api<{ success: true }>(\n `/api/memories/${encodeURIComponent(id)}`,\n {\n method: \"PUT\",\n body: JSON.stringify(patch),\n },\n );\n setMemories((prev) =>\n prev.map((m) => (m.id === id ? ({ ...m, ...patch } as Memory) : m))\n );\n }}\n onDelete={async (id) => {\n await api<{ success: true }>(\n `/api/memories/${encodeURIComponent(id)}`,\n {\n method: \"DELETE\",\n },\n );\n setMemories((prev) => prev.filter((m) => m.id !== id));\n }}\n />\n

\n );\n}",[],[420,421,471,473],"2ce14004-ff02-11f0-9c3e-42dde27851f2",237,["D",1769904525637],[244,245],[420,421,471],"8b02706a-ffb4-11f0-9fb4-42dde27851f2","assets","89bd7a6a-ffb4-11f0-a17f-42dde27851f2",258,["D",1769981133977],[],[420,421,486],"f574417a-ff01-11f0-8913-42dde27851f2","7ea69782-f682-11f0-8450-42dde27851f2",220,["D",1769904432638],[242,243,246,248,249,250,251],[420,421],"f7df07f4-0ac0-11f1-9829-42dde27851f2","index.js","5aa6d1ca-f692-11f0-bc77-42dde27851f2","5a5ada90-f692-11f0-965a-42dde27851f2",278,["D",1771195933349],15,"/**\n * Backend HTTP val (Hono) that:\n * - exposes /api/memories CRUD routes (SQLite via ./database/queries.js)\n * - serves the React frontend from / (index.html)\n * - serves frontend assets from /public/* (maps to /dashboard/frontend/*)\n */\nimport { blob } from \"https://esm.town/v/std/blob\";\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { Hono } from \"npm:hono\";\n\nimport {\n createMemory,\n deleteMemory,\n getAllMemories,\n updateMemory,\n} from \"./database/queries.js\";\n\nconst app = new Hono();\n\n// Better error output: if the browser wants HTML, return HTML; otherwise JSON.\napp.onError((err, c) => {\n console.error(\"Error in Hono route:\", err);\n\n const accept = c.req.header(\"accept\") ?? \"\";\n const wantsHtml = accept.includes(\"text/html\");\n\n if (wantsHtml) {\n const msg = String(err?.stack ?? err?.message ?? err);\n return c.html(\n `

${msg}

`,\n 500\n );\n }\n\n return c.json(\n { error: \"Internal Server Error\", details: err?.message ?? String(err) },\n 500\n );\n});\n\n// --- Helpers (Blob reading + content types) ---\n\nasync function blobToBytes(data) {\n // Val Town blob.get can return a Response (stream). If so, read it directly.\n if (data instanceof Response) {\n return new Uint8Array(await data.arrayBuffer());\n }\n // Otherwise treat as BodyInit-ish.\n return new Uint8Array(await new Response(data).arrayBuffer());\n}\n\nfunction contentTypeFor(filename) {\n const lower = String(filename).toLowerCase();\n if (lower.endsWith(\".png\")) return \"image/png\";\n if (lower.endsWith(\".jpg\") || lower.endsWith(\".jpeg\")) return \"image/jpeg\";\n if (lower.endsWith(\".gif\")) return \"image/gif\";\n if (lower.endsWith(\".svg\")) return \"image/svg+xml\";\n if (lower.endsWith(\".webp\")) return \"image/webp\";\n return \"application/octet-stream\";\n}\n\n// --- API Routes for Memories ---\n\napp.get(\"/api/memories\", async (c) => {\n const memories = await getAllMemories();\n return c.json(memories);\n});\n\napp.post(\"/api/memories\", async (c) => {\n /** @type {{date?: (string|null), text?: string, createdBy?: (string|null), createdDate?: (number|null), tags?: (string|null)}} */\n const body = await c.req.json();\n\n if (!body?.text) {\n return c.json({ error: \"Memory text cannot be empty\" }, 400);\n }\n\n const newMemory = await createMemory(body);\n return c.json(newMemory, 201);\n});\n\napp.put(\"/api/memories/:id\", async (c) => {\n const id = c.req.param(\"id\");\n\n /** @type {Partial<{date: (string|null), text: string, createdBy: (string|null), createdDate: (number|null), tags: (string|null)}>} */\n const body = await c.req.json();\n\n if (!body || Object.keys(body).length === 0) {\n return c.json({ error: \"No update fields provided\" }, 400);\n }\n\n await updateMemory(id, body);\n return c.json({ success: true });\n});\n\napp.delete(\"/api/memories/:id\", async (c) => {\n const id = c.req.param(\"id\");\n\n await deleteMemory(id);\n return c.json({ success: true });\n});\n\n// --- Blob Image Serving Routes ---\n\n// --- TEMP: upload a background image into THIS backend's blob store ---\napp.get(\"/api/upload_bg\", (c) =>\n c.html(`\n

Upload logbook_bg.png (to this app's blob store)

\n \n

Then check /api/blob_keys

\n `)\n);\n\napp.post(\"/api/upload_bg\", async (c) => {\n const form = await c.req.formData();\n const file = form.get(\"file\");\n if (!(file instanceof File)) return c.text(\"Missing file\", 400);\n\n const bytes = new Uint8Array(await file.arrayBuffer());\n await blob.set(\"logbook_bg.png\", bytes);\n\n return c.html(`\n

Uploaded logbook_bg.png (${bytes.byteLength} bytes)

\n `);\n});\n\napp.get(\"/api/blob_keys\", async (c) => {\n const keys = await blob.list();\n return c.json({ keys });\n});\n\napp.get(\"/api/images/:filename\", async (c) => {\n const filename = c.req.param(\"filename\");\n console.log(\"images route filename =\", filename);\n\n let data;\n try {\n data = await blob.get(filename);\n } catch (e) {\n console.log(\"blob.get threw for\", filename, e?.name, e?.message);\n return c.json({ error: \"Image not found\", filename, threw: String(e?.name ?? e) }, 404);\n }\n\n if (!data) {\n return c.json({ error: \"Image not found\", filename, got: null }, 404);\n }\n\n const bytes = await blobToBytes(data);\n return new Response(bytes, {\n headers: { \"Content-Type\": contentTypeFor(filename), \"Cache-Control\": \"no-store\" },\n });\n});\n\napp.get(\"/api/images_debug/:filename\", async (c) => {\n const filename = c.req.param(\"filename\");\n\n let data;\n try {\n data = await blob.get(filename);\n } catch {\n return c.json({ ok: false, error: \"not found\" }, 404);\n }\n if (!data) return c.json({ ok: false, error: \"not found\" }, 404);\n\n const bytes = await blobToBytes(data);\n\n // Magic bytes checks (no string formatting edge cases)\n const isPng =\n bytes.length >= 8 &&\n bytes[0] === 0x89 &&\n bytes[1] === 0x50 &&\n bytes[2] === 0x4e &&\n bytes[3] === 0x47 &&\n bytes[4] === 0x0d &&\n bytes[5] === 0x0a &&\n bytes[6] === 0x1a &&\n bytes[7] === 0x0a;\n\n const isJpeg = bytes.length >= 3 && bytes[0] === 0xff && bytes[1] === 0xd8 && bytes[2] === 0xff;\n\n // WEBP starts with \"RIFF....WEBP\"\n const isWebp =\n bytes.length >= 12 &&\n bytes[0] === 0x52 &&\n bytes[1] === 0x49 &&\n bytes[2] === 0x46 &&\n bytes[3] === 0x46 &&\n bytes[8] === 0x57 &&\n bytes[9] === 0x45 &&\n bytes[10] === 0x42 &&\n bytes[11] === 0x50;\n\n let detected = \"unknown\";\n if (isPng) detected = \"png\";\n else if (isJpeg) detected = \"jpeg\";\n else if (isWebp) detected = \"webp\";\n\n const first16 = Array.from(bytes.slice(0, 16))\n .map((b) => b.toString(16).padStart(2, \"0\"))\n .join(\" \");\n\n return c.json({\n ok: true,\n filename,\n byteLength: bytes.byteLength,\n first16,\n detected,\n looksLikePng: isPng,\n contentType: contentTypeFor(filename),\n });\n});\n\n// --- (Optional) Debug route ---\n// Handy to confirm you’re hitting the correct HTTP val.\napp.get(\"/__debug\", (c) => {\n return c.json({\n ok: true,\n hint: \"Try /, /public/index.tsx, /public/components/App.tsx, /public/style.css\",\n url: c.req.url,\n });\n});\n\n// --- Static File Serving (Frontend) ---\n\napp.get(\"/\", async (c) => {\n let html = await readFile(\"/dashboard/frontend/index.html\", import.meta.url);\n\n // OPTIONAL: bootstrap initial data like the Stevens demo template.\n // If your memories table is large, you might want to remove this and let the\n // frontend fetch instead.\n try {\n const memories = await getAllMemories();\n const initial = ``;\n html = html.replace(\"\", `${initial}`);\n } catch (e) {\n console.warn(\"Failed to bootstrap __INITIAL_DATA:\", e);\n }\n\n // Inject view source link\n const viewSourceLink = import.meta.url.replace(\"esm.town\", \"val.town\");\n const viewSourceTag =\n `View Source`;\n html = html.replace(\"\", `${viewSourceTag}`);\n\n return c.html(html);\n});\n\n// Serve all frontend files under /public/*\n// Maps /public/whatever -> /dashboard/frontend/whatever\napp.get(\"/public/*\", (c) => {\n const filePath = c.req.path.replace(/^\\/public/, \"/dashboard/frontend\");\n return serveFile(filePath, import.meta.url);\n});\n\n// HTTP vals expect an exported \"fetch handler\"\nexport default app.fetch;",[],[420,508,499],"backend","39359de6-ffa7-11f0-9a7c-42dde27851f2","queries.js","5aa17086-f692-11f0-bc77-42dde27851f2","5a7b6ba2-f692-11f0-b45d-42dde27851f2",255,["D",1769975413280],"import { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\n\nconst TABLE = \"memories\";\n\n// Only allow updating these columns (prevents column-name injection)\nconst UPDATABLE_COLUMNS = new Set([\"date\", \"text\", \"createdBy\", \"createdDate\", \"tags\"]);\n\nfunction normalizeRow(row) {\n return {\n id: row?.id != null ? String(row.id) : \"\",\n date: row?.date == null ? null : String(row.date),\n text: row?.text != null ? String(row.text) : \"\",\n createdBy: row?.createdBy == null ? null : String(row.createdBy),\n createdDate: row?.createdDate == null ? null : Number(row.createdDate),\n tags: row?.tags == null ? null : String(row.tags),\n };\n}\n\n/** @returns {Promise>} */\nexport async function getAllMemories() {\n const result = await sqlite.execute({\n sql: `\n SELECT id, date, text, createdBy, createdDate, tags\n FROM ${TABLE}\n ORDER BY createdDate DESC\n `,\n args: [],\n });\n\n return (result.rows || []).map(normalizeRow);\n}\n\n/**\n * @param {Object} memory - Memory without id\n * @returns {Promise

History · dbUtils