\n \n \n \n \n\n",[18,66],"6de971ce-3136-11f0-8e91-569c3dd06744",["D",1747277029039],[18,90],"pulls","branches",1,"forks","envVars",{"_192":26,"_194":26},"connections",{"_192":26,"_193":26},"count","unfilledCount","emptyCount",{"_35":332,"_13":296,"_64":289,"_45":-5,"_37":38,"_164":291,"_165":24,"_39":333,"_41":26,"_67":91,"_167":-5,"_68":30,"_168":-5,"_219":334,"_17":335},{"_35":328,"_13":320,"_64":314,"_45":289,"_37":38,"_164":291,"_165":24,"_39":329,"_41":26,"_67":91,"_167":-5,"_68":30,"_168":-5,"_219":330,"_17":331},{"_35":321,"_13":322,"_64":323,"_45":314,"_37":38,"_164":291,"_165":24,"_39":324,"_41":26,"_67":81,"_167":325,"_68":30,"_168":-5,"_219":326,"_17":327},{"_35":311,"_13":312,"_64":313,"_45":314,"_37":38,"_164":315,"_165":24,"_39":316,"_41":26,"_67":81,"_167":317,"_68":30,"_168":-5,"_219":318,"_17":319},{"_35":307,"_13":306,"_64":300,"_45":289,"_37":38,"_164":301,"_165":24,"_39":308,"_41":26,"_67":91,"_167":-5,"_68":30,"_168":-5,"_219":309,"_17":310},{"_35":297,"_13":298,"_64":299,"_45":300,"_37":38,"_164":301,"_165":24,"_39":302,"_41":26,"_67":81,"_167":303,"_68":30,"_168":-5,"_219":304,"_17":305},{"_35":287,"_13":288,"_64":104,"_45":289,"_37":38,"_164":128,"_165":24,"_39":290,"_41":291,"_67":292,"_167":293,"_68":30,"_168":-5,"_219":294,"_17":295},{"_35":163,"_13":18,"_64":92,"_45":-5,"_37":38,"_164":42,"_165":24,"_39":284,"_41":26,"_67":91,"_167":-5,"_68":30,"_168":-5,"_219":285,"_17":286},{"_35":181,"_13":90,"_64":89,"_45":92,"_37":38,"_164":84,"_165":24,"_39":281,"_41":26,"_67":91,"_167":-5,"_68":30,"_168":-5,"_219":282,"_17":283},{"_35":274,"_13":275,"_64":276,"_45":89,"_37":38,"_164":84,"_165":24,"_39":277,"_41":26,"_67":81,"_167":278,"_68":30,"_168":-5,"_219":279,"_17":280},{"_35":266,"_13":267,"_64":268,"_45":89,"_37":38,"_164":269,"_165":24,"_39":270,"_41":26,"_67":81,"_167":271,"_68":30,"_168":-5,"_219":272,"_17":273},{"_35":258,"_13":259,"_64":260,"_45":89,"_37":38,"_164":261,"_165":24,"_39":262,"_41":26,"_67":81,"_167":263,"_68":30,"_168":-5,"_219":264,"_17":265},{"_35":250,"_13":251,"_64":252,"_45":89,"_37":38,"_164":253,"_165":24,"_39":254,"_41":26,"_67":81,"_167":255,"_68":30,"_168":-5,"_219":256,"_17":257},{"_35":242,"_13":243,"_64":244,"_45":89,"_37":38,"_164":245,"_165":24,"_39":246,"_41":26,"_67":81,"_167":247,"_68":30,"_168":-5,"_219":248,"_17":249},{"_35":177,"_13":66,"_64":65,"_45":92,"_37":38,"_164":42,"_165":24,"_39":239,"_41":26,"_67":21,"_167":179,"_68":30,"_168":-5,"_219":240,"_17":241},{"_35":173,"_13":80,"_64":79,"_45":92,"_37":38,"_164":74,"_165":24,"_39":236,"_41":26,"_67":81,"_167":175,"_68":30,"_168":-5,"_219":237,"_17":238},{"_35":232,"_13":231,"_64":225,"_45":-5,"_37":38,"_164":226,"_165":24,"_39":233,"_41":26,"_67":91,"_167":-5,"_68":30,"_168":-5,"_219":234,"_17":235},{"_35":222,"_13":223,"_64":224,"_45":225,"_37":38,"_164":226,"_165":24,"_39":227,"_41":26,"_67":81,"_167":228,"_68":30,"_168":-5,"_219":229,"_17":230},{"_35":214,"_13":215,"_64":216,"_45":-5,"_37":38,"_164":186,"_165":24,"_39":217,"_41":26,"_67":21,"_167":218,"_68":30,"_168":-5,"_219":220,"_17":221},"33a01388-3136-11f0-b784-569c3dd06744","README.md","33a01428-3136-11f0-b784-569c3dd06744",["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",[],[215],"364f8460-3136-11f0-b784-569c3dd06744","types.ts","364f850a-3136-11f0-b784-569c3dd06744","13acfb30-d58d-4833-af59-7204cf2571ba",2,["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}",[],[231,223],"shared","364f8956-3136-11f0-b784-569c3dd06744",["D",1747276935757],[212],[231],["D",1747276998905],[],[18,80],["D",1747276994210],[],[18,66],"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}",[],[18,90,243],"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}",[],[18,90,251],"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}",[],[18,90,259],"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}",[],[18,90,267],"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}",[],[18,90,275],["D",1747277029039],[204,205,206,207,208],[18,90],["D",1747276994210],[203,209,210],[18],"c67e589a-3136-11f0-bf42-569c3dd06744","index.ts","c1e5f7b3-ff70-4acc-b793-a1bdd91064ac",["D",1747277177656],3,"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;",[],[296,288],"backend","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;",[],[296,306,298],"routes","4c9867dc-3136-11f0-9aa1-569c3dd06744",["D",1747276973145],[200],[296,306],"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}",[],[296,320,312],"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}",[],[296,320,322],"3aa16498-3136-11f0-a98c-569c3dd06744",["D",1747276943006],[197,198],[296,320],"3aa16254-3136-11f0-a98c-569c3dd06744",["D",1747276943006],[196,199,201],[296],["D",1747276859072],{"_11":12,"_141":71},{"_11":12,"_137":-5,"_70":71,"_31":69,"_138":139,"_140":30},{"_41":128,"_13":16,"_35":38,"_129":94,"_130":-5,"_131":-5,"_132":-5,"_133":-5,"_134":-5,"_135":14,"_136":12},"ctx",{"_54":-5,"_160":373,"_374":375,"_376":377,"_378":30,"_379":30,"_380":30,"_381":24,"_382":-5,"_383":-7,"_384":-7,"_385":26,"_386":30,"_387":30,"_388":-5,"_389":30,"_390":30,"_391":30,"_392":-5},"ENV",{"_344":345,"_346":347,"_348":16,"_349":350,"_351":352,"_353":354,"_355":356,"_357":358,"_359":360,"_361":362,"_363":364,"_365":366,"_367":368,"_369":370,"_371":372},"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"]

History · frontend