[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_206":207,"_208":209},"routes/_app.x.$handle.$name",{"_95":94,"_31":44,"_103":85,"_26":104,"_13":14,"_105":-5,"_11":106,"_107":108,"_109":110,"_111":112,"_113":114,"_20":-5,"_115":-5,"_116":-5,"_117":24,"_118":119,"_120":24,"_121":-5,"_122":-5,"_123":124},"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":-5,"_52":-5,"_18":53,"_54":55,"_56":57,"_58":57,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":78,"_79":80,"_81":82,"_83":24},"version",4,"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","backend/database/queries.ts","latestPath","fileId","42e9792e-3136-11f0-8f7a-569c3dd06744","name","queries.ts","fileType","script","content","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}","createdAt",["D",1747276956902],"branchVersion","branchId","0899cc42-3136-11f0-a36f-569c3dd06744","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",{"_95":94,"_102":98},"org",{"_95":94,"_96":-5,"_97":98,"_18":53,"_99":100,"_101":24},"branch",{"_13":84,"_31":85,"_42":41,"_86":43,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":44,"_93":94},"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",{"_42":43,"_31":44,"_37":202,"_46":-5,"_47":24,"_48":49,"_50":49,"_51":-5,"_52":-5,"_18":53,"_54":55,"_56":57,"_58":57,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":203,"_79":204,"_81":205,"_83":24},"tree",[161,165,167],"files",[161,162,163,164,165,166,167],"counts",{"_151":61,"_152":132,"_153":61,"_154":155,"_156":157},"contents",[125,126,127],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_42":145,"_31":146,"_29":147,"_131":-5,"_40":41,"_39":148,"_133":57,"_37":149,"_13":61,"_33":143,"_35":-5,"_23":24,"_136":-5,"_26":150},{"_42":138,"_31":139,"_29":140,"_131":-5,"_40":41,"_39":141,"_133":57,"_37":142,"_13":61,"_33":143,"_35":-5,"_23":24,"_136":-5,"_26":144},{"_42":128,"_31":129,"_29":130,"_131":-5,"_40":41,"_39":132,"_133":57,"_37":134,"_13":61,"_33":20,"_35":135,"_23":24,"_136":-5,"_26":137},"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",[129],"364f8956-3136-11f0-b784-569c3dd06744","shared","13acfb30-d58d-4833-af59-7204cf2571ba",2,["D",1747276935757],"directory",[139],"3aa16254-3136-11f0-a98c-569c3dd06744","backend","c1e5f7b3-ff70-4acc-b793-a1bdd91064ac",3,["D",1747276943006],[146],"pulls","branches","forks","envVars",{"_158":61,"_160":61},"connections",{"_158":61,"_159":61},"count","unfilledCount","emptyCount",{"_42":145,"_31":146,"_29":147,"_131":-5,"_40":41,"_39":148,"_133":57,"_37":199,"_13":61,"_33":143,"_35":-5,"_23":24,"_136":-5,"_169":200,"_26":201},{"_42":195,"_31":187,"_29":183,"_131":147,"_40":41,"_39":148,"_133":57,"_37":196,"_13":61,"_33":143,"_35":-5,"_23":24,"_136":-5,"_169":197,"_26":198},{"_42":188,"_31":189,"_29":190,"_131":183,"_40":41,"_39":148,"_133":57,"_37":191,"_13":61,"_33":34,"_35":192,"_23":24,"_136":-5,"_169":193,"_26":194},{"_42":182,"_31":32,"_29":30,"_131":183,"_40":41,"_39":14,"_133":57,"_37":184,"_13":61,"_33":34,"_35":36,"_23":24,"_136":-5,"_169":185,"_26":186},{"_42":138,"_31":139,"_29":140,"_131":-5,"_40":41,"_39":141,"_133":57,"_37":179,"_13":61,"_33":143,"_35":-5,"_23":24,"_136":-5,"_169":180,"_26":181},{"_42":172,"_31":173,"_29":174,"_131":140,"_40":41,"_39":141,"_133":57,"_37":175,"_13":61,"_33":34,"_35":176,"_23":24,"_136":-5,"_169":177,"_26":178},{"_42":128,"_31":129,"_29":130,"_131":-5,"_40":41,"_39":132,"_133":57,"_37":168,"_13":61,"_33":20,"_35":135,"_23":24,"_136":-5,"_169":170,"_26":171},["D",1747276931253],"children",[],[129],"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}",[],[139,173],["D",1747276935757],[166],[139],"42e97848-3136-11f0-8f7a-569c3dd06744","0c5a3a9d-173a-4d53-a564-c4eaa3105491",["D",1747276956902],[],[146,187,32],"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}",[],[146,187,189],"3aa16498-3136-11f0-a98c-569c3dd06744",["D",1747276943006],[163,164],[146,187],["D",1747276943006],[162],[146],["D",1747276859072],{"_95":94,"_102":98},{"_95":94,"_96":-5,"_97":98,"_18":53,"_99":100,"_101":24},{"_13":84,"_31":85,"_42":41,"_86":43,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":44,"_93":94},"ctx",{"_77":-5,"_122":239,"_240":241,"_242":243,"_244":24,"_245":24,"_246":24,"_247":57,"_248":-5,"_249":-7,"_250":-7,"_251":61,"_252":24,"_253":24,"_254":-5,"_255":24,"_256":24,"_257":24,"_258":-5},"ENV",{"_210":211,"_212":213,"_214":85,"_215":216,"_217":218,"_219":220,"_221":222,"_223":224,"_225":226,"_227":228,"_229":230,"_231":232,"_233":234,"_235":236,"_237":238},"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 · v4