[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_226":227,"_228":229},"routes/_app.x.$handle.$name",{"_102":101,"_32":51,"_110":92,"_27":111,"_13":14,"_112":-5,"_11":113,"_114":115,"_116":117,"_118":119,"_120":121,"_21":-5,"_122":-5,"_123":-5,"_124":25,"_125":126,"_127":25,"_128":-5,"_129":-5,"_130":131},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_49":50,"_32":51,"_38":52,"_53":-5,"_54":25,"_55":56,"_57":56,"_58":-5,"_59":-5,"_18":60,"_61":62,"_63":64,"_65":64,"_66":-5,"_67":68,"_69":70,"_71":-5,"_72":-5,"_73":-5,"_74":-5,"_75":76,"_77":76,"_78":79,"_80":79,"_81":79,"_82":76,"_83":76,"_84":85,"_86":87,"_88":89,"_90":25},"version",5,"changes",[19,20],"aiChatInfo","userId",{"_21":43,"_23":-7,"_24":25,"_26":25,"_27":44,"_29":44},{"_21":22,"_23":-7,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":35,"_36":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous","deleted",false,"deletedHere","path","backend/routes/api.ts","latestPath","fileId","4c9842a2-3136-11f0-9aa1-569c3dd06744","name","api.ts","fileType","script","content","import { Hono } from \"https://esm.sh/hono@3.11.12\";\nimport { \n getAllContacts, \n getContactById, \n createContact, \n updateContact, \n deleteContact,\n searchContacts,\n getInteractionsByContactId,\n createInteraction,\n deleteInteraction\n} from \"../database/queries.ts\";\nimport { Contact, Interaction } from \"../../shared/types.ts\";\n\nconst api = new Hono();\n\n// Contacts endpoints\napi.get(\"/contacts\", async (c) => {\n try {\n const searchQuery = c.req.query(\"q\");\n const contacts = searchQuery \n ? await searchContacts(searchQuery)\n : await getAllContacts();\n \n return c.json({ success: true, data: contacts });\n } catch (error) {\n console.error(\"Error fetching contacts:\", error);\n return c.json({ success: false, error: \"Failed to fetch contacts\" }, 500);\n }\n});\n\napi.get(\"/contacts/:id\", async (c) => {\n try {\n const id = parseInt(c.req.param(\"id\"));\n const contact = await getContactById(id);\n \n if (!contact) {\n return c.json({ success: false, error: \"Contact not found\" }, 404);\n }\n \n return c.json({ success: true, data: contact });\n } catch (error) {\n console.error(\"Error fetching contact:\", error);\n return c.json({ success: false, error: \"Failed to fetch contact\" }, 500);\n }\n});\n\napi.post(\"/contacts\", async (c) => {\n try {\n const contact = await c.req.json() as Contact;\n \n if (!contact.name) {\n return c.json({ success: false, error: \"Name is required\" }, 400);\n }\n \n const id = await createContact(contact);\n return c.json({ success: true, data: { id } }, 201);\n } catch (error) {\n console.error(\"Error creating contact:\", error);\n return c.json({ success: false, error: \"Failed to create contact\" }, 500);\n }\n});\n\napi.put(\"/contacts/:id\", async (c) => {\n try {\n const id = parseInt(c.req.param(\"id\"));\n const contact = await c.req.json() as Contact;\n \n if (!contact.name) {\n return c.json({ success: false, error: \"Name is required\" }, 400);\n }\n \n const success = await updateContact(id, contact);\n \n if (!success) {\n return c.json({ success: false, error: \"Contact not found\" }, 404);\n }\n \n return c.json({ success: true });\n } catch (error) {\n console.error(\"Error updating contact:\", error);\n return c.json({ success: false, error: \"Failed to update contact\" }, 500);\n }\n});\n\napi.delete(\"/contacts/:id\", async (c) => {\n try {\n const id = parseInt(c.req.param(\"id\"));\n const success = await deleteContact(id);\n \n if (!success) {\n return c.json({ success: false, error: \"Contact not found\" }, 404);\n }\n \n return c.json({ success: true });\n } catch (error) {\n console.error(\"Error deleting contact:\", error);\n return c.json({ success: false, error: \"Failed to delete contact\" }, 500);\n }\n});\n\n// Interactions endpoints\napi.get(\"/contacts/:id/interactions\", async (c) => {\n try {\n const contactId = parseInt(c.req.param(\"id\"));\n const interactions = await getInteractionsByContactId(contactId);\n \n return c.json({ success: true, data: interactions });\n } catch (error) {\n console.error(\"Error fetching interactions:\", error);\n return c.json({ success: false, error: \"Failed to fetch interactions\" }, 500);\n }\n});\n\napi.post(\"/interactions\", async (c) => {\n try {\n const interaction = await c.req.json() as Interaction;\n \n if (!interaction.contact_id || !interaction.type || !interaction.date) {\n return c.json({ \n success: false, \n error: \"Contact ID, type, and date are required\" \n }, 400);\n }\n \n const id = await createInteraction(interaction);\n return c.json({ success: true, data: { id } }, 201);\n } catch (error) {\n console.error(\"Error creating interaction:\", error);\n return c.json({ success: false, error: \"Failed to create interaction\" }, 500);\n }\n});\n\napi.delete(\"/interactions/:id\", async (c) => {\n try {\n const id = parseInt(c.req.param(\"id\"));\n const success = await deleteInteraction(id);\n \n if (!success) {\n return c.json({ success: false, error: \"Interaction not found\" }, 404);\n }\n \n return c.json({ success: true });\n } catch (error) {\n console.error(\"Error deleting interaction:\", error);\n return c.json({ success: false, error: \"Failed to delete interaction\" }, 500);\n }\n});\n\nexport default api;","createdAt",["D",1747276973145],"branchVersion","branchId","0899cc42-3136-11f0-a36f-569c3dd06744",{"_30":45,"_32":46,"_34":47,"_36":-5,"_38":48,"_40":14,"_41":42,"_24":25},"backend/routes","374c1afc-3393-44f6-9222-5f278139f437","routes","directory",["D",1747276973145],"id","089964be-3136-11f0-a36f-569c3dd06744","create",["D",1747276859072],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","c156eb0e-8b9d-4104-a055-502e9a0eb441","pinnedFileId","5322ffa4-3136-11f0-a084-569c3dd06744","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","2019e55b-c541-4c51-bef0-008eef10ef88","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_102":101,"_109":105},"org",{"_102":101,"_103":-5,"_104":105,"_18":60,"_106":107,"_108":25},"branch",{"_13":91,"_32":92,"_49":42,"_93":50,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":-5,"_99":51,"_100":101},"isOwned",16,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","charmaine","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJ4cFpFME5pSXNZamJNd296dlZSYVJ0OVF1RSJ9","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_49":50,"_32":51,"_38":222,"_53":-5,"_54":25,"_55":56,"_57":56,"_58":-5,"_59":-5,"_18":60,"_61":62,"_63":64,"_65":64,"_66":-5,"_67":68,"_69":70,"_71":-5,"_72":-5,"_73":-5,"_74":-5,"_75":76,"_77":76,"_78":79,"_80":79,"_81":79,"_82":76,"_83":76,"_84":223,"_86":224,"_88":225,"_90":25},"tree",[167,173,175],"files",[167,168,169,170,171,172,173,174,175],"counts",{"_157":68,"_158":139,"_159":68,"_160":161,"_162":163},"contents",[132,133,134],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_49":151,"_32":152,"_30":153,"_138":-5,"_41":42,"_40":154,"_140":64,"_38":155,"_13":68,"_34":47,"_36":-5,"_24":25,"_143":-5,"_27":156},{"_49":145,"_32":146,"_30":147,"_138":-5,"_41":42,"_40":148,"_140":64,"_38":149,"_13":68,"_34":47,"_36":-5,"_24":25,"_143":-5,"_27":150},{"_49":135,"_32":136,"_30":137,"_138":-5,"_41":42,"_40":139,"_140":64,"_38":141,"_13":68,"_34":21,"_36":142,"_24":25,"_143":-5,"_27":144},"33a01388-3136-11f0-b784-569c3dd06744","README.md","33a01428-3136-11f0-b784-569c3dd06744","parentId",1,"latest",["D",1747276931253],"# Personal CRM\n\nA simple personal Customer Relationship Management (CRM) system built on Val Town.\n\n## Features\n\n- Store and manage contacts\n- Track interactions with contacts (calls, emails, meetings)\n- Search and filter contacts\n- Add notes and reminders\n\n## Project Structure\n\n```\n├── backend/\n│ ├── database/\n│ │ ├── migrations.ts # Schema definitions\n│ │ └── queries.ts # DB query functions\n│ ├── routes/ # Route modules\n│ │ └── api.ts # API endpoints\n│ └── index.ts # Main entry point\n├── frontend/\n│ ├── components/\n│ │ ├── App.tsx # Main application component\n│ │ ├── ContactList.tsx # List of contacts\n│ │ ├── ContactDetail.tsx # Contact details view\n│ │ ├── ContactForm.tsx # Add/edit contact form\n│ │ └── InteractionForm.tsx # Add interaction form\n│ ├── index.html # Main HTML template\n│ └── index.tsx # Frontend JS entry point\n└── shared/\n └── types.ts # Shared types and interfaces\n```\n\n## How to Use\n\n1. Visit the HTTP endpoint to access the CRM interface\n2. Add contacts with their details\n3. Record interactions with your contacts\n4. Search and filter to find specific contacts\n\n## Technologies Used\n\n- Backend: Hono, SQLite\n- Frontend: React, Tailwind CSS\n- Shared: TypeScript","label",[136],"364f8956-3136-11f0-b784-569c3dd06744","shared","13acfb30-d58d-4833-af59-7204cf2571ba",2,["D",1747276935757],[146],"3aa16254-3136-11f0-a98c-569c3dd06744","backend","c1e5f7b3-ff70-4acc-b793-a1bdd91064ac",3,["D",1747276943006],[152],"pulls","branches","forks","envVars",{"_164":68,"_166":68},"connections",{"_164":68,"_165":68},"count","unfilledCount","emptyCount",{"_49":151,"_32":152,"_30":153,"_138":-5,"_41":42,"_40":154,"_140":64,"_38":219,"_13":68,"_34":47,"_36":-5,"_24":25,"_143":-5,"_177":220,"_27":221},{"_49":215,"_32":207,"_30":201,"_138":153,"_41":42,"_40":154,"_140":64,"_38":216,"_13":68,"_34":47,"_36":-5,"_24":25,"_143":-5,"_177":217,"_27":218},{"_49":208,"_32":209,"_30":210,"_138":201,"_41":42,"_40":154,"_140":64,"_38":211,"_13":68,"_34":35,"_36":212,"_24":25,"_143":-5,"_177":213,"_27":214},{"_49":198,"_32":199,"_30":200,"_138":201,"_41":42,"_40":202,"_140":64,"_38":203,"_13":68,"_34":35,"_36":204,"_24":25,"_143":-5,"_177":205,"_27":206},{"_49":194,"_32":46,"_30":45,"_138":153,"_41":42,"_40":14,"_140":64,"_38":195,"_13":68,"_34":47,"_36":-5,"_24":25,"_143":-5,"_177":196,"_27":197},{"_49":190,"_32":33,"_30":31,"_138":45,"_41":42,"_40":14,"_140":64,"_38":191,"_13":68,"_34":35,"_36":37,"_24":25,"_143":-5,"_177":192,"_27":193},{"_49":145,"_32":146,"_30":147,"_138":-5,"_41":42,"_40":148,"_140":64,"_38":187,"_13":68,"_34":47,"_36":-5,"_24":25,"_143":-5,"_177":188,"_27":189},{"_49":180,"_32":181,"_30":182,"_138":147,"_41":42,"_40":148,"_140":64,"_38":183,"_13":68,"_34":35,"_36":184,"_24":25,"_143":-5,"_177":185,"_27":186},{"_49":135,"_32":136,"_30":137,"_138":-5,"_41":42,"_40":139,"_140":64,"_38":176,"_13":68,"_34":21,"_36":142,"_24":25,"_143":-5,"_177":178,"_27":179},["D",1747276931253],"children",[],[136],"364f8460-3136-11f0-b784-569c3dd06744","types.ts","364f850a-3136-11f0-b784-569c3dd06744",["D",1747276935757],"// Shared types for the Personal CRM\n\nexport interface Contact {\n id?: number;\n name: string;\n email?: string;\n phone?: string;\n company?: string;\n notes?: string;\n created_at?: string;\n updated_at?: string;\n}\n\nexport type InteractionType = 'call' | 'email' | 'meeting' | 'other';\n\nexport interface Interaction {\n id?: number;\n contact_id: number;\n type: InteractionType;\n notes?: string;\n date: string;\n created_at?: string;\n}\n\nexport interface ApiResponse {\n success: boolean;\n data?: T;\n error?: string;\n}",[],[146,181],["D",1747276935757],[174],[146],"4c9841c6-3136-11f0-9aa1-569c3dd06744",["D",1747276973145],[],[152,46,33],"4c9867dc-3136-11f0-9aa1-569c3dd06744",["D",1747276973145],[172],[152,46],"42e97848-3136-11f0-8f7a-569c3dd06744","queries.ts","42e9792e-3136-11f0-8f7a-569c3dd06744","0c5a3a9d-173a-4d53-a564-c4eaa3105491",4,["D",1747276956902],"import { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\nimport { Contact, Interaction } from \"../../shared/types.ts\";\nimport { CONTACTS_TABLE, INTERACTIONS_TABLE } from \"./migrations.ts\";\n\n// Contact queries\nexport async function getAllContacts(): Promise {\n const result = await sqlite.execute(`SELECT * FROM ${CONTACTS_TABLE} ORDER BY name ASC`);\n return result.rows as Contact[];\n}\n\nexport async function getContactById(id: number): Promise {\n const result = await sqlite.execute(\n `SELECT * FROM ${CONTACTS_TABLE} WHERE id = ?`,\n [id]\n );\n return result.rows.length > 0 ? (result.rows[0] as Contact) : null;\n}\n\nexport async function createContact(contact: Contact): Promise {\n const { name, email, phone, company, notes } = contact;\n const result = await sqlite.execute(\n `INSERT INTO ${CONTACTS_TABLE} (name, email, phone, company, notes) \n VALUES (?, ?, ?, ?, ?) RETURNING id`,\n [name, email || null, phone || null, company || null, notes || null]\n );\n return result.rows[0].id as number;\n}\n\nexport async function updateContact(id: number, contact: Contact): Promise {\n const { name, email, phone, company, notes } = contact;\n const result = await sqlite.execute(\n `UPDATE ${CONTACTS_TABLE} \n SET name = ?, email = ?, phone = ?, company = ?, notes = ?, updated_at = datetime('now')\n WHERE id = ?`,\n [name, email || null, phone || null, company || null, notes || null, id]\n );\n return result.rowsAffected > 0;\n}\n\nexport async function deleteContact(id: number): Promise {\n const result = await sqlite.execute(\n `DELETE FROM ${CONTACTS_TABLE} WHERE id = ?`,\n [id]\n );\n return result.rowsAffected > 0;\n}\n\nexport async function searchContacts(query: string): Promise {\n const searchTerm = `%${query}%`;\n const result = await sqlite.execute(\n `SELECT * FROM ${CONTACTS_TABLE} \n WHERE name LIKE ? OR email LIKE ? OR company LIKE ? OR notes LIKE ?\n ORDER BY name ASC`,\n [searchTerm, searchTerm, searchTerm, searchTerm]\n );\n return result.rows as Contact[];\n}\n\n// Interaction queries\nexport async function getInteractionsByContactId(contactId: number): Promise {\n const result = await sqlite.execute(\n `SELECT * FROM ${INTERACTIONS_TABLE} \n WHERE contact_id = ? \n ORDER BY date DESC`,\n [contactId]\n );\n return result.rows as Interaction[];\n}\n\nexport async function createInteraction(interaction: Interaction): Promise {\n const { contact_id, type, notes, date } = interaction;\n const result = await sqlite.execute(\n `INSERT INTO ${INTERACTIONS_TABLE} (contact_id, type, notes, date) \n VALUES (?, ?, ?, ?) RETURNING id`,\n [contact_id, type, notes || null, date]\n );\n return result.rows[0].id as number;\n}\n\nexport async function deleteInteraction(id: number): Promise {\n const result = await sqlite.execute(\n `DELETE FROM ${INTERACTIONS_TABLE} WHERE id = ?`,\n [id]\n );\n return result.rowsAffected > 0;\n}",[],[152,207,199],"database","3aa15a98-3136-11f0-a98c-569c3dd06744","migrations.ts","3aa15b74-3136-11f0-a98c-569c3dd06744",["D",1747276943006],"import { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\n\n// Table names - change these when modifying schema\nexport const CONTACTS_TABLE = 'personal_crm_contacts';\nexport const INTERACTIONS_TABLE = 'personal_crm_interactions';\n\nexport async function runMigrations() {\n // Create contacts table\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${CONTACTS_TABLE} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n name TEXT NOT NULL,\n email TEXT,\n phone TEXT,\n company TEXT,\n notes TEXT,\n created_at TEXT DEFAULT (datetime('now')),\n updated_at TEXT DEFAULT (datetime('now'))\n )\n `);\n\n // Create interactions table\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${INTERACTIONS_TABLE} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n contact_id INTEGER NOT NULL,\n type TEXT NOT NULL,\n notes TEXT,\n date TEXT NOT NULL,\n created_at TEXT DEFAULT (datetime('now')),\n FOREIGN KEY (contact_id) REFERENCES ${CONTACTS_TABLE} (id) ON DELETE CASCADE\n )\n `);\n\n console.log(\"Migrations completed successfully\");\n}",[],[152,207,209],"3aa16498-3136-11f0-a98c-569c3dd06744",["D",1747276943006],[169,170],[152,207],["D",1747276943006],[168,171],[152],["D",1747276859072],{"_102":101,"_109":105},{"_102":101,"_103":-5,"_104":105,"_18":60,"_106":107,"_108":25},{"_13":91,"_32":92,"_49":42,"_93":50,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":-5,"_99":51,"_100":101},"ctx",{"_84":-5,"_129":259,"_260":261,"_262":263,"_264":25,"_265":25,"_266":25,"_267":64,"_268":-5,"_269":-7,"_270":-7,"_271":68,"_272":25,"_273":25,"_274":-5,"_275":25,"_276":25,"_277":25,"_278":-5},"ENV",{"_230":231,"_232":233,"_234":92,"_235":236,"_237":238,"_239":240,"_241":242,"_243":244,"_245":246,"_247":248,"_249":250,"_251":252,"_253":254,"_255":256,"_257":258},"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 · v5