Memory API GUI

Add New Memory

\n );\n}\n\n// Client-side rendering\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\n// Server-side code\nconst app = new Hono();\n\nconst getMemoriesKey = (): string => {\n return `memories_${\"gpt_memory\"}`;\n};\n\nconst getMemories = async () => {\n const { blob } = await import(\"https://esm.town/v/std/blob\");\n return await blob.getJSON(getMemoriesKey(), []);\n};\n\nconst setMemories = async (memories: any) => {\n const { blob } = await import(\"https://esm.town/v/std/blob\");\n await blob.setJSON(getMemoriesKey(), memories);\n};\n\nconst verifyRequest = (c): { error: any } => {\n const expectedKey = c.env.API_KEY;\n const providedKey = c.req.header('x-val-token');\n \n if (!providedKey || providedKey !== expectedKey) {\n return { error: c.json({ error: \"Unauthorized\" }, 401) };\n }\n return { error: null };\n};\n\nconst validateMemoryFields = (data: any): { isValid: boolean; error?: string } => {\n const requiredFields = ['name', 'description', 'summary', 'reason'];\n for (const field of requiredFields) {\n if (!data[field] || typeof data[field] !== 'string' || data[field].trim() === '') {\n return { isValid: false, error: `Missing or invalid ${field}` };\n }\n }\n return { isValid: true };\n};\n\n// GET ALL MEMORIES\napp.get(\"/memory\", async (c) => {\n const { error } = verifyRequest(c);\n if (error != null) return error;\n\n const memories = (await getMemories())\n .map(memory => ({\n id: memory.id,\n name: memory.name,\n summary: memory.summary ?? \"Missing summary\",\n reason: memory.reason,\n }));\n return c.json({ memories });\n});\n\n// ADD NEW MEMORY\napp.post(\"/memory\", async (c) => {\n const { error } = verifyRequest(c);\n if (error != null) return error;\n\n let data;\n try {\n data = await c.req.json();\n } catch (e) {\n return c.json({ error: \"Bad Request: Invalid JSON\" }, 400);\n }\n\n const validation = validateMemoryFields(data);\n if (!validation.isValid) {\n return c.json({ error: `Bad Request: ${validation.error}` }, 400);\n }\n\n const { name, description, summary, reason } = data;\n const id = uuidv4();\n const newMemory = { id, name, description, summary, reason };\n\n let memories = await getMemories();\n memories.push(newMemory);\n await setMemories(memories);\n\n return c.json({ id });\n});\n\n// DELETE SPECIFIED MEMORY\napp.delete(\"/memory/:id\", async (c) => {\n const { error } = verifyRequest(c);\n if (error != null) return error;\n\n const id = c.req.param(\"id\");\n\n let memories = await getMemories();\n memories = memories.filter(memory => memory.id !== id);\n await setMemories(memories);\n\n return c.json({ message: \"Memory deleted successfully\" });\n});\n\n// Serve the GUI\napp.get(\"/\", (c) => {\n return c.html(`\n \n \n \n \n \n Memory API GUI\n \n \n \n

\n \n \n \n \n `);\n});\n\nexport default async function server(req: Request): Promise {\n return app.fetch(req);\n}\n\nconst css = `\n body {\n font-family: Arial, sans-serif;\n max-width: 800px;\n margin: 0 auto;\n padding: 20px;\n }\n input, button {\n margin: 5px;\n padding: 5px;\n }\n ul {\n list-style-type: none;\n padding: 0;\n }\n li {\n border: 1px solid #ddd;\n margin: 10px 0;\n padding: 10px;\n }\n`;","deleted","label",[98],"permalink","https://www.val.town/x/toowired/gpt_memory/code/main.tsx","extension","actionData","errors"]

Memory API GUI

Add New Memory

Memories

{memory.name}