[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_310":311,"_312":313},"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",13,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":24,"_26":27,"_28":27},"file",{"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":14,"_40":41,"_23":24},"previous","deleted",false,"deletedHere","path","frontend/components/InteractionForm.tsx","latestPath","fileId","9a54f51c-3136-11f0-ac4a-569c3dd06744","name","InteractionForm.tsx","fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport { Interaction, InteractionType } from \"../../shared/types.ts\";\n\ninterface InteractionFormProps {\n onSubmit: (interaction: Interaction) => void;\n}\n\nexport default function InteractionForm({ onSubmit }: InteractionFormProps) {\n const [formData, setFormData] = useState>({\n type: 'call' as InteractionType,\n notes: '',\n date: new Date().toISOString().split('T')[0] // Today's date in YYYY-MM-DD format\n });\n\n const [errors, setErrors] = useState>({});\n\n const handleChange = (\n e: React.ChangeEvent\n ) => {\n const { name, value } = e.target;\n setFormData(prev => ({ ...prev, [name]: value }));\n \n // Clear error when field is edited\n if (errors[name]) {\n setErrors(prev => {\n const newErrors = { ...prev };\n delete newErrors[name];\n return newErrors;\n });\n }\n };\n\n const validateForm = () => {\n const newErrors: Record = {};\n \n if (!formData.type) {\n newErrors.type = \"Type is required\";\n }\n \n if (!formData.date) {\n newErrors.date = \"Date is required\";\n }\n \n setErrors(newErrors);\n return Object.keys(newErrors).length === 0;\n };\n\n const handleSubmit = (e: React.FormEvent) => {\n e.preventDefault();\n \n if (validateForm()) {\n onSubmit(formData as Interaction);\n }\n };\n\n return (\n \n );\n}","createdAt",["D",1747277103568],"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":306,"_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":307,"_79":308,"_81":309,"_83":24},"tree",[168,175,184,186],"files",[168,169,170,171,172,173,174,175,176,177,178,179,180,181,182,183,184,185,186],"counts",{"_158":61,"_159":133,"_160":61,"_161":162,"_163":164},"contents",[125,126,127,128],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_42":152,"_31":153,"_29":154,"_132":-5,"_40":41,"_39":155,"_134":57,"_37":156,"_13":61,"_33":144,"_35":-5,"_23":24,"_137":-5,"_26":157},{"_42":146,"_31":147,"_29":148,"_132":-5,"_40":41,"_39":149,"_134":57,"_37":150,"_13":61,"_33":144,"_35":-5,"_23":24,"_137":-5,"_26":151},{"_42":139,"_31":140,"_29":141,"_132":-5,"_40":41,"_39":142,"_134":57,"_37":143,"_13":61,"_33":144,"_35":-5,"_23":24,"_137":-5,"_26":145},{"_42":129,"_31":130,"_29":131,"_132":-5,"_40":41,"_39":133,"_134":57,"_37":135,"_13":61,"_33":20,"_35":136,"_23":24,"_137":-5,"_26":138},"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",[130],"364f8956-3136-11f0-b784-569c3dd06744","shared","13acfb30-d58d-4833-af59-7204cf2571ba",2,["D",1747276935757],"directory",[140],"5926833a-3136-11f0-9661-569c3dd06744","frontend","05a61e0b-e9dc-4b94-8cf5-a62a60f0a165",7,["D",1747276994210],[147],"3aa16254-3136-11f0-a98c-569c3dd06744","backend","c1e5f7b3-ff70-4acc-b793-a1bdd91064ac",3,["D",1747276943006],[153],"pulls","branches","forks","envVars",{"_165":61,"_167":61},"connections",{"_165":61,"_166":61},"count","unfilledCount","emptyCount",{"_42":152,"_31":153,"_29":154,"_132":-5,"_40":41,"_39":155,"_134":57,"_37":303,"_13":61,"_33":144,"_35":-5,"_23":24,"_137":-5,"_188":304,"_26":305},{"_42":299,"_31":291,"_29":285,"_132":154,"_40":41,"_39":155,"_134":57,"_37":300,"_13":61,"_33":144,"_35":-5,"_23":24,"_137":-5,"_188":301,"_26":302},{"_42":292,"_31":293,"_29":294,"_132":285,"_40":41,"_39":155,"_134":57,"_37":295,"_13":61,"_33":34,"_35":296,"_23":24,"_137":-5,"_188":297,"_26":298},{"_42":282,"_31":283,"_29":284,"_132":285,"_40":41,"_39":286,"_134":57,"_37":287,"_13":61,"_33":34,"_35":288,"_23":24,"_137":-5,"_188":289,"_26":290},{"_42":278,"_31":277,"_29":271,"_132":154,"_40":41,"_39":272,"_134":57,"_37":279,"_13":61,"_33":144,"_35":-5,"_23":24,"_137":-5,"_188":280,"_26":281},{"_42":268,"_31":269,"_29":270,"_132":271,"_40":41,"_39":272,"_134":57,"_37":273,"_13":61,"_33":34,"_35":274,"_23":24,"_137":-5,"_188":275,"_26":276},{"_42":261,"_31":262,"_29":55,"_132":154,"_40":41,"_39":263,"_134":24,"_37":264,"_13":61,"_33":34,"_35":265,"_23":24,"_137":-5,"_188":266,"_26":267},{"_42":146,"_31":147,"_29":148,"_132":-5,"_40":41,"_39":149,"_134":57,"_37":258,"_13":61,"_33":144,"_35":-5,"_23":24,"_137":-5,"_188":259,"_26":260},{"_42":254,"_31":221,"_29":217,"_132":148,"_40":41,"_39":249,"_134":57,"_37":255,"_13":61,"_33":144,"_35":-5,"_23":24,"_137":-5,"_188":256,"_26":257},{"_42":246,"_31":247,"_29":248,"_132":217,"_40":41,"_39":249,"_134":57,"_37":250,"_13":61,"_33":34,"_35":251,"_23":24,"_137":-5,"_188":252,"_26":253},{"_42":238,"_31":239,"_29":240,"_132":217,"_40":41,"_39":241,"_134":57,"_37":242,"_13":61,"_33":34,"_35":243,"_23":24,"_137":-5,"_188":244,"_26":245},{"_42":230,"_31":231,"_29":232,"_132":217,"_40":41,"_39":233,"_134":57,"_37":234,"_13":61,"_33":34,"_35":235,"_23":24,"_137":-5,"_188":236,"_26":237},{"_42":222,"_31":223,"_29":224,"_132":217,"_40":41,"_39":225,"_134":57,"_37":226,"_13":61,"_33":34,"_35":227,"_23":24,"_137":-5,"_188":228,"_26":229},{"_42":216,"_31":32,"_29":30,"_132":217,"_40":41,"_39":14,"_134":57,"_37":218,"_13":61,"_33":34,"_35":36,"_23":24,"_137":-5,"_188":219,"_26":220},{"_42":209,"_31":210,"_29":211,"_132":148,"_40":41,"_39":149,"_134":57,"_37":212,"_13":61,"_33":20,"_35":213,"_23":24,"_137":-5,"_188":214,"_26":215},{"_42":201,"_31":202,"_29":203,"_132":148,"_40":41,"_39":204,"_134":57,"_37":205,"_13":61,"_33":34,"_35":206,"_23":24,"_137":-5,"_188":207,"_26":208},{"_42":139,"_31":140,"_29":141,"_132":-5,"_40":41,"_39":142,"_134":57,"_37":198,"_13":61,"_33":144,"_35":-5,"_23":24,"_137":-5,"_188":199,"_26":200},{"_42":191,"_31":192,"_29":193,"_132":141,"_40":41,"_39":142,"_134":57,"_37":194,"_13":61,"_33":34,"_35":195,"_23":24,"_137":-5,"_188":196,"_26":197},{"_42":129,"_31":130,"_29":131,"_132":-5,"_40":41,"_39":133,"_134":57,"_37":187,"_13":61,"_33":20,"_35":136,"_23":24,"_137":-5,"_188":189,"_26":190},["D",1747276931253],"children",[],[130],"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}",[],[140,192],["D",1747276935757],[185],[140],"5bf2a094-3136-11f0-8dc8-569c3dd06744","index.tsx","5bf2a12a-3136-11f0-8dc8-569c3dd06744",8,["D",1747276998905],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\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 \"./components/App.tsx\";\n\nconst root = createRoot(document.getElementById(\"root\")!);\nroot.render();",[],[147,202],"59265da6-3136-11f0-9661-569c3dd06744","index.html","59265e46-3136-11f0-9661-569c3dd06744",["D",1747276994210],"\n\n\n \n \n Personal CRM\n \n \n \n\n\n

\n \n \n \n \n\n",[],[147,210],"9a54f44a-3136-11f0-ac4a-569c3dd06744","ed520248-4749-4262-b3f3-8de72fedb75a",["D",1747277103568],[],[147,221,32],"components","72523188-3136-11f0-8e91-569c3dd06744","ContactList.tsx","72523264-3136-11f0-8e91-569c3dd06744",10,["D",1747277036441],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { Contact } from \"../../shared/types.ts\";\n\ninterface ContactListProps {\n contacts: Contact[];\n selectedContactId?: number;\n onSelectContact: (contact: Contact) => void;\n}\n\nexport default function ContactList({ \n contacts, \n selectedContactId, \n onSelectContact \n}: ContactListProps) {\n if (contacts.length === 0) {\n return (\n

\n No contacts found\n

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

onSelectContact(contact)}\n >\n
{contact.name}
\n {contact.company && (\n
{contact.company}
\n )}\n {contact.email && (\n
{contact.email}
\n )}\n

\n );\n}",[],[147,221,223],"7d554c32-3136-11f0-a36f-569c3dd06744","ContactForm.tsx","7d554df4-3136-11f0-a36f-569c3dd06744",11,["D",1747277054915],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport { Contact } from \"../../shared/types.ts\";\n\ninterface ContactFormProps {\n contact?: Contact;\n onSubmit: (contact: Contact) => void;\n}\n\nexport default function ContactForm({ contact, onSubmit }: ContactFormProps) {\n const [formData, setFormData] = useState({\n id: contact?.id,\n name: contact?.name || \"\",\n email: contact?.email || \"\",\n phone: contact?.phone || \"\",\n company: contact?.company || \"\",\n notes: contact?.notes || \"\"\n });\n\n const [errors, setErrors] = useState>({});\n\n const handleChange = (e: React.ChangeEvent) => {\n const { name, value } = e.target;\n setFormData(prev => ({ ...prev, [name]: value }));\n \n // Clear error when field is edited\n if (errors[name]) {\n setErrors(prev => {\n const newErrors = { ...prev };\n delete newErrors[name];\n return newErrors;\n });\n }\n };\n\n const validateForm = () => {\n const newErrors: Record = {};\n \n if (!formData.name.trim()) {\n newErrors.name = \"Name is required\";\n }\n \n if (formData.email && !/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(formData.email)) {\n newErrors.email = \"Invalid email format\";\n }\n \n setErrors(newErrors);\n return Object.keys(newErrors).length === 0;\n };\n\n const handleSubmit = (e: React.FormEvent) => {\n e.preventDefault();\n \n if (validateForm()) {\n onSubmit(formData);\n }\n };\n\n return (\n \n );\n}",[],[147,221,231],"90f0030e-3136-11f0-9109-569c3dd06744","ContactDetail.tsx","90f003cc-3136-11f0-9109-569c3dd06744",12,["D",1747277087808],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport { Contact, Interaction, InteractionType } from \"../../shared/types.ts\";\nimport InteractionForm from \"./InteractionForm.tsx\";\n\ninterface ContactDetailProps {\n contact: Contact;\n onEdit: () => void;\n onDelete: () => void;\n onContactUpdated: () => void;\n}\n\nexport default function ContactDetail({ \n contact, \n onEdit, \n onDelete,\n onContactUpdated\n}: ContactDetailProps) {\n const [interactions, setInteractions] = useState([]);\n const [isLoading, setIsLoading] = useState(true);\n const [error, setError] = useState(null);\n const [isAddingInteraction, setIsAddingInteraction] = useState(false);\n\n // Fetch interactions for this contact\n const fetchInteractions = async () => {\n if (!contact.id) return;\n \n setIsLoading(true);\n setError(null);\n \n try {\n const response = await fetch(`/api/contacts/${contact.id}/interactions`);\n const result = await response.json();\n \n if (!result.success) {\n throw new Error(result.error || \"Failed to fetch interactions\");\n }\n \n setInteractions(result.data);\n } catch (err) {\n setError(err instanceof Error ? err.message : \"An unknown error occurred\");\n console.error(\"Error fetching interactions:\", err);\n } finally {\n setIsLoading(false);\n }\n };\n\n // Load interactions when contact changes\n useEffect(() => {\n fetchInteractions();\n }, [contact.id]);\n\n // Add a new interaction\n const handleAddInteraction = async (interaction: Interaction) => {\n try {\n const response = await fetch(\"/api/interactions\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({\n ...interaction,\n contact_id: contact.id\n })\n });\n \n const result = await response.json();\n \n if (!result.success) {\n throw new Error(result.error || \"Failed to add interaction\");\n }\n \n fetchInteractions();\n setIsAddingInteraction(false);\n onContactUpdated();\n } catch (err) {\n setError(err instanceof Error ? err.message : \"An unknown error occurred\");\n console.error(\"Error adding interaction:\", err);\n }\n };\n\n // Delete an interaction\n const handleDeleteInteraction = async (id: number) => {\n if (!confirm(\"Are you sure you want to delete this interaction?\")) return;\n \n try {\n const response = await fetch(`/api/interactions/${id}`, {\n method: \"DELETE\"\n });\n \n const result = await response.json();\n \n if (!result.success) {\n throw new Error(result.error || \"Failed to delete interaction\");\n }\n \n fetchInteractions();\n onContactUpdated();\n } catch (err) {\n setError(err instanceof Error ? err.message : \"An unknown error occurred\");\n console.error(\"Error deleting interaction:\", err);\n }\n };\n\n // Format date for display\n const formatDate = (dateString: string) => {\n const date = new Date(dateString);\n return date.toLocaleDateString();\n };\n\n // Get icon for interaction type\n const getInteractionIcon = (type: InteractionType) => {\n switch (type) {\n case 'call': return '📞';\n case 'email': return '📧';\n case 'meeting': return '👥';\n default: return '📝';\n }\n };\n\n return (\n

{contact.name}

\n {contact.company && (\n

{contact.company}

\n )}\n

\n \n Edit\n \n \n Delete\n \n

\n\n {error && (\n

\n Error: {error}\n \n

\n )}\n\n

\n {contact.email && (\n

Email

{contact.email}

\n )}\n \n {contact.phone && (\n

Phone

{contact.phone}

\n )}\n

\n\n {contact.notes && (\n

Notes

{contact.notes}

\n )}\n\n

Interactions

\n setIsAddingInteraction(true)}\n >\n Add Interaction\n \n

\n\n {isAddingInteraction ? (\n

New Interaction

\n setIsAddingInteraction(false)}\n >\n Cancel\n \n

\n \n

\n ) : null}\n\n {isLoading ? (\n

\n ) : interactions.length === 0 ? (\n

\n No interactions recorded yet\n

\n ) : (\n

\n
\n
\n \n {getInteractionIcon(interaction.type)}\n \n
\n
\n \n {interaction.type}\n \n •\n \n {formatDate(interaction.date)}\n \n
\n {interaction.notes && (\n
\n {interaction.notes}\n
\n )}\n
\n
\n interaction.id && handleDeleteInteraction(interaction.id)}\n title=\"Delete interaction\"\n >\n ×\n \n
\n

\n )}\n

\n );\n}",[],[147,221,239],"6de94212-3136-11f0-8e91-569c3dd06744","App.tsx","6de94302-3136-11f0-8e91-569c3dd06744",9,["D",1747277029039],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport { Contact } from \"../../shared/types.ts\";\nimport ContactList from \"./ContactList.tsx\";\nimport ContactDetail from \"./ContactDetail.tsx\";\nimport ContactForm from \"./ContactForm.tsx\";\n\nexport default function App() {\n const [contacts, setContacts] = useState([]);\n const [selectedContact, setSelectedContact] = useState(null);\n const [isLoading, setIsLoading] = useState(true);\n const [error, setError] = useState(null);\n const [isAddingContact, setIsAddingContact] = useState(false);\n const [isEditingContact, setIsEditingContact] = useState(false);\n const [searchQuery, setSearchQuery] = useState(\"\");\n\n // Fetch contacts\n const fetchContacts = async (query = \"\") => {\n setIsLoading(true);\n setError(null);\n try {\n const url = query \n ? `/api/contacts?q=${encodeURIComponent(query)}` \n : \"/api/contacts\";\n \n const response = await fetch(url);\n const result = await response.json();\n \n if (!result.success) {\n throw new Error(result.error || \"Failed to fetch contacts\");\n }\n \n setContacts(result.data);\n } catch (err) {\n setError(err instanceof Error ? err.message : \"An unknown error occurred\");\n console.error(\"Error fetching contacts:\", err);\n } finally {\n setIsLoading(false);\n }\n };\n\n // Initial load\n useEffect(() => {\n fetchContacts();\n }, []);\n\n // Handle search\n useEffect(() => {\n const delayDebounceFn = setTimeout(() => {\n fetchContacts(searchQuery);\n }, 300);\n\n return () => clearTimeout(delayDebounceFn);\n }, [searchQuery]);\n\n // Select a contact\n const handleSelectContact = (contact: Contact) => {\n setSelectedContact(contact);\n setIsAddingContact(false);\n setIsEditingContact(false);\n };\n\n // Add a new contact\n const handleAddContact = async (contact: Contact) => {\n try {\n const response = await fetch(\"/api/contacts\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify(contact)\n });\n \n const result = await response.json();\n \n if (!result.success) {\n throw new Error(result.error || \"Failed to add contact\");\n }\n \n fetchContacts();\n setIsAddingContact(false);\n } catch (err) {\n setError(err instanceof Error ? err.message : \"An unknown error occurred\");\n console.error(\"Error adding contact:\", err);\n }\n };\n\n // Update a contact\n const handleUpdateContact = async (contact: Contact) => {\n if (!contact.id) return;\n \n try {\n const response = await fetch(`/api/contacts/${contact.id}`, {\n method: \"PUT\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify(contact)\n });\n \n const result = await response.json();\n \n if (!result.success) {\n throw new Error(result.error || \"Failed to update contact\");\n }\n \n fetchContacts();\n setSelectedContact({ ...contact });\n setIsEditingContact(false);\n } catch (err) {\n setError(err instanceof Error ? err.message : \"An unknown error occurred\");\n console.error(\"Error updating contact:\", err);\n }\n };\n\n // Delete a contact\n const handleDeleteContact = async (id: number) => {\n if (!confirm(\"Are you sure you want to delete this contact?\")) return;\n \n try {\n const response = await fetch(`/api/contacts/${id}`, {\n method: \"DELETE\"\n });\n \n const result = await response.json();\n \n if (!result.success) {\n throw new Error(result.error || \"Failed to delete contact\");\n }\n \n fetchContacts();\n setSelectedContact(null);\n } catch (err) {\n setError(err instanceof Error ? err.message : \"An unknown error occurred\");\n console.error(\"Error deleting contact:\", err);\n }\n };\n\n return (\n

Personal CRM

Manage your contacts and interactions

\n\n {error && (\n

\n Error: {error}\n \n

\n )}\n\n

\n {/* Left sidebar */}\n

Contacts

\n {\n setIsAddingContact(true);\n setSelectedContact(null);\n setIsEditingContact(false);\n }}\n >\n Add Contact\n \n

\n \n

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

\n\n {isLoading ? (\n

\n ) : (\n \n )}\n

\n\n {/* Main content */}\n

\n {isAddingContact ? (\n

Add New Contact

\n setIsAddingContact(false)}\n >\n Cancel\n \n

\n \n

\n ) : isEditingContact && selectedContact ? (\n

Edit Contact

\n setIsEditingContact(false)}\n >\n Cancel\n \n

\n \n

\n ) : selectedContact ? (\n setIsEditingContact(true)}\n onDelete={() => handleDeleteContact(selectedContact.id!)}\n onContactUpdated={() => {\n fetchContacts();\n // Refresh the selected contact\n if (selectedContact.id) {\n fetch(`/api/contacts/${selectedContact.id}`)\n .then(res => res.json())\n .then(result => {\n if (result.success) {\n setSelectedContact(result.data);\n }\n });\n }\n }}\n />\n ) : (\n

Select a contact to view details or add a new contact

\n )}\n

\n );\n}",[],[147,221,247],"6de971ce-3136-11f0-8e91-569c3dd06744",["D",1747277029039],[177,178,179,180,181],[147,221],["D",1747276994210],[176,182,183],[147],"5322fedc-3136-11f0-a084-569c3dd06744","index.ts",6,["D",1747276984122],"import { Hono } from \"https://esm.sh/hono@3.11.12\";\nimport { cors } from \"https://esm.sh/@hono/cors@0.0.8\";\nimport { readFile, serveFile, parseProject } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { runMigrations } from \"./database/migrations.ts\";\nimport apiRoutes from \"./routes/api.ts\";\n\n// Initialize the app\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n throw err;\n});\n\n// Add CORS middleware\napp.use(\"*\", cors());\n\n// Run migrations on startup\napp.use(\"*\", async (c, next) => {\n try {\n await runMigrations();\n } catch (error) {\n console.error(\"Migration error:\", error);\n }\n await next();\n});\n\n// API routes\napp.route(\"/api\", apiRoutes);\n\n// Serve static files\napp.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", c => serveFile(c.req.path, import.meta.url));\n\n// Serve the main HTML page with initial data\napp.get(\"/\", async c => {\n try {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n \n // Get project info for view source link\n const projectInfo = parseProject(import.meta.url);\n const viewSourceUrl = projectInfo.links.self.project;\n \n // Replace placeholders with actual data\n html = html.replace(\"__VIEW_SOURCE_URL__\", viewSourceUrl);\n \n return c.html(html);\n } catch (error) {\n console.error(\"Error serving index:\", error);\n return c.text(\"Error loading application. Please try again later.\", 500);\n }\n});\n\n// This is the entry point for HTTP vals\nexport default app.fetch;",[],[153,262],"4c9841c6-3136-11f0-9aa1-569c3dd06744","api.ts","4c9842a2-3136-11f0-9aa1-569c3dd06744","374c1afc-3393-44f6-9222-5f278139f437",5,["D",1747276973145],"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;",[],[153,277,269],"routes","4c9867dc-3136-11f0-9aa1-569c3dd06744",["D",1747276973145],[173],[153,277],"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}",[],[153,291,283],"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}",[],[153,291,293],"3aa16498-3136-11f0-a98c-569c3dd06744",["D",1747276943006],[170,171],[153,291],["D",1747276943006],[169,172,174],[153],["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":343,"_344":345,"_346":347,"_348":24,"_349":24,"_350":24,"_351":57,"_352":-5,"_353":-7,"_354":-7,"_355":61,"_356":24,"_357":24,"_358":-5,"_359":24,"_360":24,"_361":24,"_362":-5},"ENV",{"_314":315,"_316":317,"_318":85,"_319":320,"_321":322,"_323":324,"_325":326,"_327":328,"_329":330,"_331":332,"_333":334,"_335":336,"_337":338,"_339":340,"_341":342},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","71c1b20804b3232a7e513be260cfffc1932a9e97","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v13