[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_362":363,"_364":365},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_269":-5,"_20":270,"_22":271,"_272":273,"_274":275,"_26":276,"_24":277,"_278":-5,"_279":-5,"_280":55,"_281":282,"_283":46,"_284":-5,"_285":-5,"_286":287},"routes/_app.x.$handle.$name.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":-5,"_29":-5,"_30":-5,"_31":-5,"_32":-5},"handle","charmaine","name","create","branchName","main","version","path","backend/routes","project",{"_34":216,"_13":14,"_47":217,"_218":-5,"_219":55,"_220":221,"_222":221,"_223":-5,"_224":-5,"_225":226,"_227":179,"_228":46,"_229":46,"_230":-5,"_231":49,"_232":233,"_234":-5,"_235":-5,"_236":-5,"_237":-5,"_238":239,"_240":239,"_241":242,"_243":242,"_244":242,"_245":239,"_246":239,"_247":248,"_249":250,"_251":252,"_253":55},"tree",[65,66,67,68],"file",{"_34":60,"_41":42,"_37":40,"_13":59,"_52":-5,"_50":61,"_17":49,"_39":62,"_47":63,"_43":44,"_56":-5,"_18":64},"contents",[33],"upstream","pull","ahead","behind","envVars",{"_34":35,"_13":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_18":57},"id","4c9841c6-3136-11f0-9aa1-569c3dd06744","api.ts","fileId","4c9842a2-3136-11f0-9aa1-569c3dd06744","parentId","374c1afc-3393-44f6-9222-5f278139f437","branchId","0899cc42-3136-11f0-a36f-569c3dd06744","branchVersion",5,"latest",true,"createdAt",["D",1747276973145],0,"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;","deleted",false,"label",[58,59,36],"backend","routes","4c9867dc-3136-11f0-9aa1-569c3dd06744","directory","c1e5f7b3-ff70-4acc-b793-a1bdd91064ac",["D",1747276973145],[58,59],{"_34":169,"_13":58,"_37":62,"_39":-5,"_41":42,"_43":170,"_45":46,"_47":171,"_17":49,"_50":61,"_52":-5,"_54":55,"_56":-5,"_75":172,"_18":173},{"_34":93,"_13":94,"_37":95,"_39":-5,"_41":42,"_43":96,"_45":46,"_47":97,"_17":49,"_50":61,"_52":-5,"_54":55,"_56":-5,"_75":98,"_18":99},{"_34":78,"_13":79,"_37":80,"_39":-5,"_41":42,"_43":81,"_45":46,"_47":82,"_17":49,"_50":61,"_52":-5,"_54":55,"_56":-5,"_75":83,"_18":84},{"_34":69,"_13":70,"_37":71,"_39":-5,"_41":42,"_43":72,"_45":46,"_47":73,"_17":49,"_50":24,"_52":74,"_54":55,"_56":-5,"_75":76,"_18":77},"33a01388-3136-11f0-b784-569c3dd06744","README.md","33a01428-3136-11f0-b784-569c3dd06744",1,["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","children",[],[70],"364f8956-3136-11f0-b784-569c3dd06744","shared","13acfb30-d58d-4833-af59-7204cf2571ba",2,["D",1747276935757],[85],[79],{"_34":86,"_13":87,"_37":88,"_39":80,"_41":42,"_43":81,"_45":46,"_47":89,"_17":49,"_50":51,"_52":90,"_54":55,"_56":-5,"_75":91,"_18":92},"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}",[],[79,87],"5926833a-3136-11f0-9661-569c3dd06744","frontend","05a61e0b-e9dc-4b94-8cf5-a62a60f0a165",7,["D",1747276994210],[100,101,102],[94],{"_34":118,"_13":119,"_37":120,"_39":95,"_41":42,"_43":121,"_45":46,"_47":122,"_17":49,"_50":61,"_52":-5,"_54":55,"_56":-5,"_75":123,"_18":124},{"_34":111,"_13":112,"_37":113,"_39":95,"_41":42,"_43":96,"_45":46,"_47":114,"_17":49,"_50":24,"_52":115,"_54":55,"_56":-5,"_75":116,"_18":117},{"_34":103,"_13":104,"_37":105,"_39":95,"_41":42,"_43":106,"_45":46,"_47":107,"_17":49,"_50":51,"_52":108,"_54":55,"_56":-5,"_75":109,"_18":110},"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();",[],[94,104],"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",[],[94,112],"6de971ce-3136-11f0-8e91-569c3dd06744","components","ed520248-4749-4262-b3f3-8de72fedb75a",9,["D",1747277029039],[125,126,127,128,129],[94,119],{"_34":162,"_13":163,"_37":164,"_39":120,"_41":42,"_43":121,"_45":46,"_47":165,"_17":49,"_50":51,"_52":166,"_54":55,"_56":-5,"_75":167,"_18":168},{"_34":154,"_13":155,"_37":156,"_39":120,"_41":42,"_43":157,"_45":46,"_47":158,"_17":49,"_50":51,"_52":159,"_54":55,"_56":-5,"_75":160,"_18":161},{"_34":146,"_13":147,"_37":148,"_39":120,"_41":42,"_43":149,"_45":46,"_47":150,"_17":49,"_50":51,"_52":151,"_54":55,"_56":-5,"_75":152,"_18":153},{"_34":138,"_13":139,"_37":140,"_39":120,"_41":42,"_43":141,"_45":46,"_47":142,"_17":49,"_50":51,"_52":143,"_54":55,"_56":-5,"_75":144,"_18":145},{"_34":130,"_13":131,"_37":132,"_39":120,"_41":42,"_43":133,"_45":46,"_47":134,"_17":49,"_50":51,"_52":135,"_54":55,"_56":-5,"_75":136,"_18":137},"9a54f44a-3136-11f0-ac4a-569c3dd06744","InteractionForm.tsx","9a54f51c-3136-11f0-ac4a-569c3dd06744",13,["D",1747277103568],"/** @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}",[],[94,119,131],"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}",[],[94,119,139],"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}",[],[94,119,147],"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}",[],[94,119,155],"6de94212-3136-11f0-8e91-569c3dd06744","App.tsx","6de94302-3136-11f0-8e91-569c3dd06744",["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}",[],[94,119,163],"3aa16254-3136-11f0-a98c-569c3dd06744",3,["D",1747276943006],[174,175,176],[58],{"_34":193,"_13":194,"_37":195,"_39":62,"_41":42,"_43":170,"_45":46,"_47":196,"_17":49,"_50":61,"_52":-5,"_54":55,"_56":-5,"_75":197,"_18":198},{"_34":60,"_13":59,"_37":40,"_39":62,"_41":42,"_43":44,"_45":46,"_47":186,"_17":49,"_50":61,"_52":-5,"_54":55,"_56":-5,"_75":187,"_18":188},{"_34":177,"_13":178,"_37":179,"_39":62,"_41":42,"_43":180,"_45":46,"_47":181,"_17":170,"_50":182,"_52":183,"_54":55,"_56":-5,"_75":184,"_18":185},"c67e589a-3136-11f0-bf42-569c3dd06744","index.ts","5322ffa4-3136-11f0-a084-569c3dd06744",16,["D",1747277177656],"http","import { Hono } from \"https://esm.sh/hono@3.11.12\";\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 custom CORS middleware\napp.use(\"*\", async (c, next) => {\n // Run the middleware\n await next();\n \n // Add CORS headers to the response\n c.res.headers.set(\"Access-Control-Allow-Origin\", \"*\");\n c.res.headers.set(\"Access-Control-Allow-Methods\", \"GET, POST, PUT, DELETE, OPTIONS\");\n c.res.headers.set(\"Access-Control-Allow-Headers\", \"Content-Type, Authorization\");\n \n // Handle preflight requests\n if (c.req.method === \"OPTIONS\") {\n return new Response(null, { status: 204 });\n }\n});\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;",[],[58,178],["D",1747276973145],[189],[58,59],{"_34":35,"_13":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":190,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_75":191,"_18":192},["D",1747276973145],[],[58,59,36],"3aa16498-3136-11f0-a98c-569c3dd06744","database","0c5a3a9d-173a-4d53-a564-c4eaa3105491",["D",1747276943006],[199,200],[58,194],{"_34":209,"_13":210,"_37":211,"_39":195,"_41":42,"_43":170,"_45":46,"_47":212,"_17":49,"_50":51,"_52":213,"_54":55,"_56":-5,"_75":214,"_18":215},{"_34":201,"_13":202,"_37":203,"_39":195,"_41":42,"_43":204,"_45":46,"_47":205,"_17":49,"_50":51,"_52":206,"_54":55,"_56":-5,"_75":207,"_18":208},"42e97848-3136-11f0-8f7a-569c3dd06744","queries.ts","42e9792e-3136-11f0-8f7a-569c3dd06744",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}",[],[58,194,202],"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}",[],[58,194,210],"089964be-3136-11f0-a36f-569c3dd06744",["D",1747276859072],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","c156eb0e-8b9d-4104-a055-502e9a0eb441","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","2019e55b-c541-4c51-bef0-008eef10ef88","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_268":264},"org",{"_11":12,"_262":-5,"_263":264,"_225":226,"_265":266,"_267":55},"branch",{"_17":180,"_13":16,"_34":42,"_254":216,"_255":-5,"_256":-5,"_257":-5,"_258":-5,"_259":-5,"_260":14,"_261":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJ4cFpFME5pSXNZamJNd296dlZSYVJ0OVF1RSJ9","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_34":216,"_13":14,"_47":358,"_218":-5,"_219":55,"_220":221,"_222":221,"_223":-5,"_224":-5,"_225":226,"_227":179,"_228":46,"_229":46,"_230":-5,"_231":49,"_232":233,"_234":-5,"_235":-5,"_236":-5,"_237":-5,"_238":239,"_240":239,"_241":242,"_243":242,"_244":242,"_245":239,"_246":239,"_247":359,"_249":360,"_251":361,"_253":55},[301,308,317,319],"files",[301,302,303,304,305,306,307,308,309,310,311,312,313,314,315,316,317,318,319],"counts",{"_292":49,"_293":72,"_294":49,"_32":295,"_296":297},[290],{"_34":60,"_13":59,"_37":40,"_39":62,"_41":42,"_43":44,"_45":46,"_47":288,"_17":49,"_50":61,"_52":-5,"_54":55,"_56":-5,"_18":289},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1747276973145],[58,59],{"_34":35,"_13":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_18":291},[58,59,36],"pulls","branches","forks",{"_298":49,"_300":49},"connections",{"_298":49,"_299":49},"count","unfilledCount","emptyCount",{"_34":169,"_13":58,"_37":62,"_39":-5,"_41":42,"_43":170,"_45":46,"_47":171,"_17":49,"_50":61,"_52":-5,"_54":55,"_56":-5,"_75":356,"_18":357},{"_34":193,"_13":194,"_37":195,"_39":62,"_41":42,"_43":170,"_45":46,"_47":196,"_17":49,"_50":61,"_52":-5,"_54":55,"_56":-5,"_75":354,"_18":355},{"_34":209,"_13":210,"_37":211,"_39":195,"_41":42,"_43":170,"_45":46,"_47":212,"_17":49,"_50":51,"_52":213,"_54":55,"_56":-5,"_75":352,"_18":353},{"_34":201,"_13":202,"_37":203,"_39":195,"_41":42,"_43":204,"_45":46,"_47":205,"_17":49,"_50":51,"_52":206,"_54":55,"_56":-5,"_75":350,"_18":351},{"_34":60,"_13":59,"_37":40,"_39":62,"_41":42,"_43":44,"_45":46,"_47":186,"_17":49,"_50":61,"_52":-5,"_54":55,"_56":-5,"_75":348,"_18":349},{"_34":35,"_13":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":190,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_75":346,"_18":347},{"_34":177,"_13":178,"_37":179,"_39":62,"_41":42,"_43":180,"_45":46,"_47":181,"_17":170,"_50":182,"_52":183,"_54":55,"_56":-5,"_75":344,"_18":345},{"_34":93,"_13":94,"_37":95,"_39":-5,"_41":42,"_43":96,"_45":46,"_47":97,"_17":49,"_50":61,"_52":-5,"_54":55,"_56":-5,"_75":342,"_18":343},{"_34":118,"_13":119,"_37":120,"_39":95,"_41":42,"_43":121,"_45":46,"_47":122,"_17":49,"_50":61,"_52":-5,"_54":55,"_56":-5,"_75":340,"_18":341},{"_34":162,"_13":163,"_37":164,"_39":120,"_41":42,"_43":121,"_45":46,"_47":165,"_17":49,"_50":51,"_52":166,"_54":55,"_56":-5,"_75":338,"_18":339},{"_34":154,"_13":155,"_37":156,"_39":120,"_41":42,"_43":157,"_45":46,"_47":158,"_17":49,"_50":51,"_52":159,"_54":55,"_56":-5,"_75":336,"_18":337},{"_34":146,"_13":147,"_37":148,"_39":120,"_41":42,"_43":149,"_45":46,"_47":150,"_17":49,"_50":51,"_52":151,"_54":55,"_56":-5,"_75":334,"_18":335},{"_34":138,"_13":139,"_37":140,"_39":120,"_41":42,"_43":141,"_45":46,"_47":142,"_17":49,"_50":51,"_52":143,"_54":55,"_56":-5,"_75":332,"_18":333},{"_34":130,"_13":131,"_37":132,"_39":120,"_41":42,"_43":133,"_45":46,"_47":134,"_17":49,"_50":51,"_52":135,"_54":55,"_56":-5,"_75":330,"_18":331},{"_34":111,"_13":112,"_37":113,"_39":95,"_41":42,"_43":96,"_45":46,"_47":114,"_17":49,"_50":24,"_52":115,"_54":55,"_56":-5,"_75":328,"_18":329},{"_34":103,"_13":104,"_37":105,"_39":95,"_41":42,"_43":106,"_45":46,"_47":107,"_17":49,"_50":51,"_52":108,"_54":55,"_56":-5,"_75":326,"_18":327},{"_34":78,"_13":79,"_37":80,"_39":-5,"_41":42,"_43":81,"_45":46,"_47":82,"_17":49,"_50":61,"_52":-5,"_54":55,"_56":-5,"_75":324,"_18":325},{"_34":86,"_13":87,"_37":88,"_39":80,"_41":42,"_43":81,"_45":46,"_47":89,"_17":49,"_50":51,"_52":90,"_54":55,"_56":-5,"_75":322,"_18":323},{"_34":69,"_13":70,"_37":71,"_39":-5,"_41":42,"_43":72,"_45":46,"_47":73,"_17":49,"_50":24,"_52":74,"_54":55,"_56":-5,"_75":320,"_18":321},[],[70],[],[79,87],[318],[79],[],[94,104],[],[94,112],[],[94,119,131],[],[94,119,139],[],[94,119,147],[],[94,119,155],[],[94,119,163],[310,311,312,313,314],[94,119],[309,315,316],[94],[],[58,178],[],[58,59,36],[306],[58,59],[],[58,194,202],[],[58,194,210],[303,304],[58,194],[302,305,307],[58],["D",1747276859072],{"_11":12,"_268":264},{"_11":12,"_262":-5,"_263":264,"_225":226,"_265":266,"_267":55},{"_17":180,"_13":16,"_34":42,"_254":216,"_255":-5,"_256":-5,"_257":-5,"_258":-5,"_259":-5,"_260":14,"_261":12},"ctx",{"_247":-5,"_285":395,"_396":397,"_398":399,"_400":55,"_401":55,"_402":55,"_403":46,"_404":-5,"_405":-7,"_406":-7,"_407":49,"_408":55,"_409":55,"_410":-5,"_411":55,"_412":55,"_413":55,"_414":-5},"ENV",{"_366":367,"_368":369,"_370":16,"_371":372,"_373":374,"_375":376,"_377":378,"_379":380,"_381":382,"_383":384,"_385":386,"_387":388,"_389":390,"_391":392,"_393":394},"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"]