[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_304":305,"_306":307},"routes/_app.x.$handle.$name",{"_97":96,"_32":46,"_105":87,"_27":106,"_13":14,"_107":-5,"_11":108,"_109":110,"_111":112,"_113":114,"_115":116,"_20":-5,"_117":-5,"_118":-5,"_119":25,"_120":121,"_122":59,"_123":-5,"_124":-5,"_125":126},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_44":45,"_32":46,"_39":47,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":57,"_58":59,"_60":59,"_61":-5,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":80,"_81":82,"_83":84,"_85":25},"version",25,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":35,"_36":38,"_39":40,"_41":14,"_42":43,"_24":25},"previous",{"_30":31,"_32":33,"_34":35,"_36":37},"deleted",false,"deletedHere","path","frontend/components/CrimeMap.tsx","latestPath","fileId","f7ebfa3c-3f90-11f0-9d2c-76b3cceeab13","name","CrimeMap.tsx","fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useEffect, useRef } from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport type { CrimeReport } from \"../../shared/types.ts\";\n\ninterface CrimeMapProps {\n reports: CrimeReport[];\n selectedLocation: { lat: number; lng: number } | null;\n onLocationSelect: (lat: number, lng: number) => void;\n}\n\ndeclare global {\n interface Window {\n L: any;\n }\n}\n\nexport default function CrimeMap({ reports, selectedLocation, onLocationSelect }: CrimeMapProps) {\n const mapRef = useRef(null);\n const mapInstanceRef = useRef(null);\n const markersRef = useRef([]);\n const selectedMarkerRef = useRef(null);\n\n useEffect(() => {\n if (!mapRef.current || !window.L) return;\n\n // Initialize map\n const map = window.L.map(mapRef.current).setView([40.7128, -74.0060], 13);\n map.createPane(\"labels\");\n map.getPane(\"labels\").style.zIndex = 650;\n\n // Add tile layer\n window.L.tileLayer(\"https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png\", {\n attribution: \"© OpenStreetMap contributors\",\n }).addTo(map);\n\n // Try to get user's location\n if (navigator.geolocation) {\n navigator.geolocation.getCurrentPosition(\n (position) => {\n const { latitude, longitude } = position.coords;\n map.setView([latitude, longitude], 13);\n },\n (error) => {\n console.log(\"Geolocation error:\", error);\n // Keep default location\n },\n );\n }\n\n // Add click handler for location selection\n map.on(\"click\", (e: any) => {\n const { lat, lng } = e.latlng;\n onLocationSelect(lat, lng);\n });\n\n mapInstanceRef.current = map;\n\n return () => {\n map.remove();\n };\n }, [onLocationSelect]);\n\n // Update crime report markers\n useEffect(() => {\n if (!mapInstanceRef.current) return;\n\n // Clear existing markers\n markersRef.current.forEach(marker => {\n mapInstanceRef.current.removeLayer(marker);\n });\n markersRef.current = [];\n\n // Add markers for each crime report\n reports.forEach(report => {\n const crimeIcon = window.L.divIcon({\n className: \"crime-marker\",\n html: getCrimeEmoji(report.crime_type),\n iconSize: [20, 20],\n iconAnchor: [10, 10],\n });\n\n const marker = window.L.marker([report.latitude, report.longitude], {\n icon: crimeIcon,\n }).addTo(mapInstanceRef.current);\n\n // Add popup with crime details\n const popupContent = `\n

${report.crime_type}

${report.description}

Status: ${report.status}

Reported: ${new Date(report.created_at || \"\").toLocaleDateString()}

\n ${report.address ? `

Address: ${report.address}

` : \"\"}\n

\n `;\n\n marker.bindPopup(popupContent);\n markersRef.current.push(marker);\n });\n }, [reports]);\n\n // Update selected location marker\n useEffect(() => {\n if (!mapInstanceRef.current) return;\n\n // Remove existing selected marker\n if (selectedMarkerRef.current) {\n mapInstanceRef.current.removeLayer(selectedMarkerRef.current);\n selectedMarkerRef.current = null;\n }\n\n // Add new selected marker\n if (selectedLocation) {\n const selectedIcon = window.L.divIcon({\n className: \"selected-location-marker\",\n html: \"📍\",\n iconSize: [24, 24],\n iconAnchor: [12, 12],\n });\n\n selectedMarkerRef.current = window.L.marker([selectedLocation.lat, selectedLocation.lng], {\n icon: selectedIcon,\n }).addTo(mapInstanceRef.current);\n\n selectedMarkerRef.current.bindPopup(\"Selected location for crime report\").openPopup();\n }\n }, [selectedLocation]);\n\n return (\n

\n Crime Reports\n

\n Selected Location\n

${report.crime_type}

${report.description}

Status: ${report.status}

Reported: ${new Date(report.created_at || \"\").toLocaleDateString()}

\n ${report.address ? `

Address: ${report.address}

` : \"\"}\n

\n Crime Reports\n

\n Selected Location\n

\n );\n}\n\nfunction getCrimeEmoji(crimeType: string): string {\n const emojiMap: Record = {\n \"Theft\": \"💰\",\n \"Burglary\": \"🏠\",\n \"Assault\": \"👊\",\n \"Vandalism\": \"🔨\",\n \"Drug-related\": \"💊\",\n \"Vehicle Crime\": \"🚗\",\n \"Fraud\": \"💳\",\n \"Domestic Violence\": \"🏠\",\n \"Public Disorder\": \"📢\",\n \"Other\": \"⚠️\",\n };\n\n return emojiMap[crimeType] || \"⚠️\";\n}","createdAt",["D",1748856809538],"branchVersion","branchId","966b2f30-3f90-11f0-800c-76b3cceeab13","id","966ac248-3f90-11f0-800c-76b3cceeab13","CrimeMap",["D",1748855067988],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","238dc720-3f90-11f0-ad5b-814c56c8abb0","pinnedFileId","cfe50056-3f90-11f0-905d-76b3cceeab13","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","74213d8f-b268-4ac6-b09e-69eb86e44175","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_97":96,"_104":100},"org",{"_97":96,"_98":-5,"_99":100,"_18":55,"_101":102,"_103":25},"branch",{"_13":86,"_32":87,"_44":43,"_88":45,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":46,"_95":96},"isOwned",38,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","realcoder","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJ4d2g1a0xNT0I4U3dPaFhiU0k2dHdsMDM5RiJ9","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_44":45,"_32":46,"_39":300,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":57,"_58":59,"_60":59,"_61":-5,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":301,"_81":302,"_83":303,"_85":25},"tree",[170,178,185,187],"files",[170,171,172,173,174,175,176,177,178,179,180,181,182,183,184,185,186,187],"counts",{"_160":63,"_161":135,"_162":63,"_163":164,"_165":166},"contents",[127,128,129,130],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_44":154,"_32":155,"_30":156,"_134":-5,"_42":43,"_41":157,"_136":59,"_39":158,"_13":63,"_34":146,"_36":-5,"_24":25,"_139":-5,"_27":159},{"_44":148,"_32":149,"_30":150,"_134":-5,"_42":43,"_41":151,"_136":59,"_39":152,"_13":63,"_34":146,"_36":-5,"_24":25,"_139":-5,"_27":153},{"_44":141,"_32":142,"_30":143,"_134":-5,"_42":43,"_41":144,"_136":59,"_39":145,"_13":63,"_34":146,"_36":-5,"_24":25,"_139":-5,"_27":147},{"_44":131,"_32":132,"_30":133,"_134":-5,"_42":43,"_41":135,"_136":59,"_39":137,"_13":63,"_34":20,"_36":138,"_24":25,"_139":-5,"_27":140},"ae8f1536-3f90-11f0-a60d-76b3cceeab13","README.md","ae8f15f4-3f90-11f0-a60d-76b3cceeab13","parentId",1,"latest",["D",1748855108486],"# Crime Reporting App\n\nA web application that allows users to report crimes in their local area using an interactive map.\n\n## Features\n\n- Interactive map interface for selecting crime location\n- Crime type categorization\n- Anonymous reporting option\n- Real-time crime report viewing\n- Location-based crime filtering\n\n## Project Structure\n\n```\n├── backend/\n│ ├── database/\n│ │ ├── migrations.ts # Database schema setup\n│ │ └── queries.ts # Database query functions\n│ ├── routes/\n│ │ ├── reports.ts # Crime report API endpoints\n│ │ └── static.ts # Static file serving\n│ └── index.ts # Main Hono server\n├── frontend/\n│ ├── components/\n│ │ ├── App.tsx # Main React component\n│ │ ├── CrimeMap.tsx # Interactive map component\n│ │ └── ReportForm.tsx # Crime reporting form\n│ ├── index.html # Main HTML template\n│ ├── index.tsx # Frontend entry point\n│ └── style.css # Custom styles\n├── shared/\n│ └── types.ts # Shared TypeScript types\n└── README.md\n```\n\n## Technology Stack\n\n- **Backend**: Hono (TypeScript API framework)\n- **Database**: SQLite\n- **Frontend**: React with TypeScript\n- **Map**: Leaflet.js\n- **Styling**: TailwindCSS\n\n## API Endpoints\n\n- `GET /api/reports` - Get all crime reports (with optional location filtering)\n- `POST /api/reports` - Submit a new crime report\n- `GET /api/reports/stats` - Get crime statistics by type and area\n\n## Database Schema\n\n### Reports Table\n- `id` - Primary key\n- `crime_type` - Type of crime reported\n- `description` - Detailed description\n- `latitude` - Location latitude\n- `longitude` - Location longitude\n- `address` - Human-readable address\n- `reporter_name` - Reporter name (optional for anonymous reports)\n- `reporter_contact` - Contact information (optional)\n- `is_anonymous` - Boolean flag for anonymous reports\n- `status` - Report status (pending, reviewed, resolved)\n- `created_at` - Timestamp of report creation\n\n## Usage\n\n1. Open the application in your browser\n2. Click on the map to select the crime location\n3. Fill out the crime report form\n4. Submit the report\n5. View existing reports on the map\n\n## Development\n\nThe app automatically serves static files and provides a REST API for crime reports. The database is initialized on first run.","label",[132],"b1debaac-3f90-11f0-984b-76b3cceeab13","shared","57859476-c566-4eb2-bf20-f0d0fb46d05d",2,["D",1748855114039],"directory",[142],"d621da48-3f90-11f0-97f8-76b3cceeab13","frontend","4d66147a-eecb-4262-b628-9610fbc28f8c",8,["D",1748855174870],[149],"b5b31b82-3f90-11f0-9402-76b3cceeab13","backend","be447c83-12c1-4506-935a-fc03bdaf890b",3,["D",1748855120462],[155],"pulls","branches","forks","envVars",{"_167":63,"_169":63},"connections",{"_167":63,"_168":63},"count","unfilledCount","emptyCount",{"_44":154,"_32":155,"_30":156,"_134":-5,"_42":43,"_41":157,"_136":59,"_39":297,"_13":63,"_34":146,"_36":-5,"_24":25,"_139":-5,"_189":298,"_27":299},{"_44":293,"_32":285,"_30":279,"_134":156,"_42":43,"_41":157,"_136":59,"_39":294,"_13":63,"_34":146,"_36":-5,"_24":25,"_139":-5,"_189":295,"_27":296},{"_44":286,"_32":287,"_30":288,"_134":279,"_42":43,"_41":157,"_136":59,"_39":289,"_13":63,"_34":35,"_36":290,"_24":25,"_139":-5,"_189":291,"_27":292},{"_44":276,"_32":277,"_30":278,"_134":279,"_42":43,"_41":280,"_136":59,"_39":281,"_13":63,"_34":35,"_36":282,"_24":25,"_139":-5,"_189":283,"_27":284},{"_44":272,"_32":263,"_30":257,"_134":156,"_42":43,"_41":267,"_136":59,"_39":273,"_13":63,"_34":146,"_36":-5,"_24":25,"_139":-5,"_189":274,"_27":275},{"_44":264,"_32":265,"_30":266,"_134":257,"_42":43,"_41":267,"_136":59,"_39":268,"_13":63,"_34":35,"_36":269,"_24":25,"_139":-5,"_189":270,"_27":271},{"_44":254,"_32":255,"_30":256,"_134":257,"_42":43,"_41":258,"_136":59,"_39":259,"_13":63,"_34":35,"_36":260,"_24":25,"_139":-5,"_189":261,"_27":262},{"_44":246,"_32":247,"_30":57,"_134":156,"_42":43,"_41":248,"_136":59,"_39":249,"_13":135,"_34":250,"_36":251,"_24":25,"_139":-5,"_189":252,"_27":253},{"_44":148,"_32":149,"_30":150,"_134":-5,"_42":43,"_41":151,"_136":59,"_39":243,"_13":63,"_34":146,"_36":-5,"_24":25,"_139":-5,"_189":244,"_27":245},{"_44":239,"_32":226,"_30":220,"_134":150,"_42":43,"_41":234,"_136":59,"_39":240,"_13":63,"_34":146,"_36":-5,"_24":25,"_139":-5,"_189":241,"_27":242},{"_44":231,"_32":232,"_30":233,"_134":220,"_42":43,"_41":234,"_136":59,"_39":235,"_13":63,"_34":35,"_36":236,"_24":25,"_139":-5,"_189":237,"_27":238},{"_44":227,"_32":33,"_30":31,"_134":220,"_42":43,"_41":14,"_136":25,"_39":228,"_13":221,"_34":35,"_36":38,"_24":25,"_139":-5,"_189":229,"_27":230},{"_44":217,"_32":218,"_30":219,"_134":220,"_42":43,"_41":221,"_136":25,"_39":222,"_13":63,"_34":35,"_36":223,"_24":25,"_139":-5,"_189":224,"_27":225},{"_44":210,"_32":211,"_30":212,"_134":150,"_42":43,"_41":151,"_136":25,"_39":213,"_13":63,"_34":20,"_36":214,"_24":25,"_139":-5,"_189":215,"_27":216},{"_44":202,"_32":203,"_30":204,"_134":150,"_42":43,"_41":205,"_136":59,"_39":206,"_13":63,"_34":35,"_36":207,"_24":25,"_139":-5,"_189":208,"_27":209},{"_44":141,"_32":142,"_30":143,"_134":-5,"_42":43,"_41":144,"_136":59,"_39":199,"_13":63,"_34":146,"_36":-5,"_24":25,"_139":-5,"_189":200,"_27":201},{"_44":192,"_32":193,"_30":194,"_134":143,"_42":43,"_41":144,"_136":59,"_39":195,"_13":63,"_34":35,"_36":196,"_24":25,"_139":-5,"_189":197,"_27":198},{"_44":131,"_32":132,"_30":133,"_134":-5,"_42":43,"_41":135,"_136":59,"_39":188,"_13":63,"_34":20,"_36":138,"_24":25,"_139":-5,"_189":190,"_27":191},["D",1748855108486],"children",[],[132],"b1deb2d2-3f90-11f0-984b-76b3cceeab13","types.ts","b1deb3a4-3f90-11f0-984b-76b3cceeab13",["D",1748855114039],"// Shared types for the crime reporting app\n\nexport interface CrimeReport {\n id?: number;\n crime_type: string;\n description: string;\n latitude: number;\n longitude: number;\n address?: string;\n reporter_name?: string;\n reporter_contact?: string;\n is_anonymous: boolean;\n status: 'pending' | 'reviewed' | 'resolved';\n created_at?: string;\n}\n\nexport interface CrimeStats {\n crime_type: string;\n count: number;\n}\n\nexport interface LocationFilter {\n lat: number;\n lng: number;\n radius: number; // in kilometers\n}\n\nexport const CRIME_TYPES = [\n 'Theft',\n 'Burglary',\n 'Assault',\n 'Vandalism',\n 'Drug-related',\n 'Vehicle Crime',\n 'Fraud',\n 'Domestic Violence',\n 'Public Disorder',\n 'Other'\n] as const;\n\nexport type CrimeType = typeof CRIME_TYPES[number];",[],[142,193],["D",1748855114039],[186],[142],"d954d454-3f90-11f0-8559-76b3cceeab13","index.tsx","d954d508-3f90-11f0-8559-76b3cceeab13",9,["D",1748855180246],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client?deps=react@18.2.0,react-dom@18.2.0\";\nimport App from \"./components/App.tsx\";\n\nconst root = createRoot(document.getElementById(\"root\")!);\nroot.render();",[],[149,203],"d621ba86-3f90-11f0-97f8-76b3cceeab13","index.html","d621bb30-3f90-11f0-97f8-76b3cceeab13",["D",1748855174870],"\n\n\n \n \n Crime Reporting App\n \n \n \n \n \n \n \n \n \n \n\n\n

\n \n \n\n",[],[149,211],"08dd1704-3f91-11f0-825c-76b3cceeab13","ReportForm.tsx","08dd17d6-3f91-11f0-825c-76b3cceeab13","b4050c00-2af5-4c47-853b-b480158d8ce5",12,["D",1748855259994],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport { CRIME_TYPES } from \"../../shared/types.ts\";\n\ninterface ReportFormProps {\n location: {lat: number, lng: number};\n onSubmit: (data: any) => void;\n onClose: () => void;\n}\n\nexport default function ReportForm({ location, onSubmit, onClose }: ReportFormProps) {\n const [formData, setFormData] = useState({\n crime_type: '',\n description: '',\n address: '',\n reporter_name: '',\n reporter_contact: '',\n is_anonymous: false\n });\n\n const [isSubmitting, setIsSubmitting] = useState(false);\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n \n if (!formData.crime_type || !formData.description) {\n alert('Please fill in all required fields');\n return;\n }\n\n setIsSubmitting(true);\n try {\n await onSubmit(formData);\n } finally {\n setIsSubmitting(false);\n }\n };\n\n const handleChange = (e: React.ChangeEvent) => {\n const { name, value, type } = e.target;\n setFormData(prev => ({\n ...prev,\n [name]: type === 'checkbox' ? (e.target as HTMLInputElement).checked : value\n }));\n };\n\n return (\n

Report a Crime

\n \n ×\n \n

\n\n

\n 📍 Location: {location.lat.toFixed(4)}, {location.lng.toFixed(4)}\n

\n\n

\n {/* Crime Type */}\n

\n \n Crime Type *\n \n \n \n {CRIME_TYPES.map(type => (\n \n ))}\n \n

\n\n {/* Description */}\n

\n \n Description *\n \n \n

\n\n {/* Address */}\n

\n \n Address (Optional)\n \n \n

\n\n {/* Anonymous Reporting */}\n

\n \n \n Submit anonymously\n \n

\n\n {/* Reporter Information (only if not anonymous) */}\n {!formData.is_anonymous && (\n <>\n

\n \n Your Name\n \n \n

\n\n

\n \n Contact Information\n \n \n

\n \n )}\n\n {/* Disclaimer */}\n

\n ⚠️ Important: This is not a substitute for emergency services. \n If you are in immediate danger, call 911 or your local emergency number.\n

\n\n {/* Submit Buttons */}\n

\n \n Cancel\n \n \n {isSubmitting ? 'Submitting...' : 'Submit Report'}\n \n

\n );\n}",[],[149,226,218],"components","a47736c4-3f94-11f0-9999-76b3cceeab13",["D",1748856809538],[],[149,226,33],"ea73dce4-3f90-11f0-869e-76b3cceeab13","App.tsx","ea73ddb6-3f90-11f0-869e-76b3cceeab13",10,["D",1748855208970],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport CrimeMap from \"./CrimeMap.tsx\";\nimport ReportForm from \"./ReportForm.tsx\";\nimport type { CrimeReport } from \"../../shared/types.ts\";\n\nexport default function App() {\n const [reports, setReports] = useState([]);\n const [selectedLocation, setSelectedLocation] = useState<{lat: number, lng: number} | null>(null);\n const [showForm, setShowForm] = useState(false);\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(null);\n\n // Fetch crime reports\n const fetchReports = async () => {\n try {\n setLoading(true);\n const response = await fetch('/api/reports');\n if (!response.ok) {\n throw new Error('Failed to fetch reports');\n }\n const data = await response.json();\n setReports(data);\n } catch (err) {\n setError(err instanceof Error ? err.message : 'An error occurred');\n } finally {\n setLoading(false);\n }\n };\n\n useEffect(() => {\n fetchReports();\n }, []);\n\n const handleLocationSelect = (lat: number, lng: number) => {\n setSelectedLocation({ lat, lng });\n setShowForm(true);\n };\n\n const handleReportSubmit = async (reportData: any) => {\n try {\n const response = await fetch('/api/reports', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify({\n ...reportData,\n latitude: selectedLocation?.lat,\n longitude: selectedLocation?.lng,\n }),\n });\n\n if (!response.ok) {\n throw new Error('Failed to submit report');\n }\n\n // Refresh reports and close form\n await fetchReports();\n setShowForm(false);\n setSelectedLocation(null);\n alert('Crime report submitted successfully!');\n } catch (err) {\n alert('Failed to submit report: ' + (err instanceof Error ? err.message : 'Unknown error'));\n }\n };\n\n const handleCloseForm = () => {\n setShowForm(false);\n setSelectedLocation(null);\n };\n\n if (loading) {\n return (\n

Loading crime reports...

\n );\n }\n\n if (error) {\n return (\n

⚠️ Error

{error}

\n \n

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

\n {/* Header */}\n

🚨 Crime Reporting

Report crimes in your local area

\n {reports.length} reports total\n

\n\n {/* Main Content */}\n

\n {/* Map Section */}\n

Crime Map

\n Click on the map to select a location and report a crime\n

\n \n

\n\n {/* Sidebar */}\n

\n {/* Instructions */}\n

How to Report

\n 1\n Click on the map where the crime occurred\n
\n 2\n Fill out the crime report form\n
\n 3\n Submit your report\n

\n\n {/* Recent Reports */}\n

Recent Reports

\n {reports.slice(0, 10).map((report) => (\n

\n {report.crime_type}\n \n {report.status}\n \n

{report.description}

\n {report.address || `${report.latitude.toFixed(4)}, ${report.longitude.toFixed(4)}`}\n

\n ))}\n

\n\n {/* Report Form Modal */}\n {showForm && selectedLocation && (\n \n )}\n

\n );\n}",[],[149,226,232],"ea73f2f6-3f90-11f0-869e-76b3cceeab13",["D",1748855208970],[180,181,182],[149,226],["D",1748855174870],[179,183,184],[149],"0aa7d48e-3f91-11f0-a354-76b3cceeab13","index.ts",13,["D",1748855262994],"http","import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { initializeDatabase } from \"./database/migrations.ts\";\nimport reports from \"./routes/reports.ts\";\nimport staticRoutes from \"./routes/static.ts\";\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n throw err;\n});\n\n// Initialize database on startup\nawait initializeDatabase();\n\n// API routes\napp.route(\"/api/reports\", reports);\n\n// Static file serving and main page\napp.route(\"/\", staticRoutes);\n\n// Health check endpoint\napp.get(\"/health\", (c) => {\n return c.json({ status: \"healthy\", timestamp: new Date().toISOString() });\n});\n\n// 404 handler\napp.notFound((c) => {\n return c.json({ error: \"Not found\" }, 404);\n});\n\nexport default app.fetch; // This is the entry point for HTTP vals",[],[155,247],"cc1446a8-3f90-11f0-97f8-76b3cceeab13","static.ts","cc144784-3f90-11f0-97f8-76b3cceeab13","a038936b-2995-4d64-9846-4c2e9a03310f",6,["D",1748855158013],"import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\n\nconst staticRoutes = new Hono();\n\n// Serve frontend files\nstaticRoutes.get(\"/frontend/*\", (c) => serveFile(c.req.path, import.meta.url));\n\n// Serve shared files\nstaticRoutes.get(\"/shared/*\", (c) => serveFile(c.req.path, import.meta.url));\n\n// Serve the main page with initial data injection\nstaticRoutes.get(\"/\", async (c) => {\n try {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n \n // You could inject initial data here if needed\n // const initialData = await fetchInitialData();\n // const dataScript = ``;\n // html = html.replace(\"\", `${dataScript}`);\n \n return c.html(html);\n } catch (error) {\n console.error(\"Error serving index:\", error);\n return c.text(\"Error loading page\", 500);\n }\n});\n\nexport default staticRoutes;",[],[155,263,255],"routes","c79f4b40-3f90-11f0-a2ca-76b3cceeab13","reports.ts","c79f4bf4-3f90-11f0-a2ca-76b3cceeab13",5,["D",1748855150532],"import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport type { CrimeReport, LocationFilter } from \"../../shared/types.ts\";\nimport {\n createCrimeReport,\n getAllCrimeReports,\n getCrimeReportsInArea,\n getCrimeStats,\n updateReportStatus\n} from \"../database/queries.ts\";\n\nconst reports = new Hono();\n\n// Get all crime reports or filter by location\nreports.get(\"/\", async (c) => {\n try {\n const lat = c.req.query(\"lat\");\n const lng = c.req.query(\"lng\");\n const radius = c.req.query(\"radius\");\n\n if (lat && lng && radius) {\n const filter: LocationFilter = {\n lat: parseFloat(lat),\n lng: parseFloat(lng),\n radius: parseFloat(radius)\n };\n const reports = await getCrimeReportsInArea(filter);\n return c.json(reports);\n } else {\n const reports = await getAllCrimeReports();\n return c.json(reports);\n }\n } catch (error) {\n console.error(\"Error fetching reports:\", error);\n return c.json({ error: \"Failed to fetch reports\" }, 500);\n }\n});\n\n// Create a new crime report\nreports.post(\"/\", async (c) => {\n try {\n const body = await c.req.json();\n \n // Validate required fields\n if (!body.crime_type || !body.description || !body.latitude || !body.longitude) {\n return c.json({ error: \"Missing required fields\" }, 400);\n }\n\n const report: Omit = {\n crime_type: body.crime_type,\n description: body.description,\n latitude: parseFloat(body.latitude),\n longitude: parseFloat(body.longitude),\n address: body.address,\n reporter_name: body.is_anonymous ? undefined : body.reporter_name,\n reporter_contact: body.is_anonymous ? undefined : body.reporter_contact,\n is_anonymous: Boolean(body.is_anonymous),\n status: 'pending'\n };\n\n const reportId = await createCrimeReport(report);\n \n return c.json({ \n success: true, \n id: reportId,\n message: \"Crime report submitted successfully\" \n }, 201);\n } catch (error) {\n console.error(\"Error creating report:\", error);\n return c.json({ error: \"Failed to create report\" }, 500);\n }\n});\n\n// Get crime statistics\nreports.get(\"/stats\", async (c) => {\n try {\n const stats = await getCrimeStats();\n return c.json(stats);\n } catch (error) {\n console.error(\"Error fetching stats:\", error);\n return c.json({ error: \"Failed to fetch statistics\" }, 500);\n }\n});\n\n// Update report status (for admin use)\nreports.patch(\"/:id/status\", async (c) => {\n try {\n const id = parseInt(c.req.param(\"id\"));\n const { status } = await c.req.json();\n \n if (![\"pending\", \"reviewed\", \"resolved\"].includes(status)) {\n return c.json({ error: \"Invalid status\" }, 400);\n }\n\n await updateReportStatus(id, status);\n return c.json({ success: true, message: \"Status updated successfully\" });\n } catch (error) {\n console.error(\"Error updating status:\", error);\n return c.json({ error: \"Failed to update status\" }, 500);\n }\n});\n\nexport default reports;",[],[155,263,265],"c79f5cb6-3f90-11f0-a2ca-76b3cceeab13",["D",1748855150532],[175,176],[155,263],"bed7cc1c-3f90-11f0-a015-76b3cceeab13","queries.ts","bed7ccee-3f90-11f0-a015-76b3cceeab13","9bf6003d-1533-429a-9316-8d78481b2677",4,["D",1748855135807],"import { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\nimport { TABLE_NAME } from \"./migrations.ts\";\nimport type { CrimeReport, CrimeStats, LocationFilter } from \"../../shared/types.ts\";\n\nexport async function createCrimeReport(report: Omit): Promise {\n const result = await sqlite.execute(`\n INSERT INTO ${TABLE_NAME} (\n crime_type, description, latitude, longitude, address,\n reporter_name, reporter_contact, is_anonymous, status\n ) VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?)\n `, [\n report.crime_type,\n report.description,\n report.latitude,\n report.longitude,\n report.address || null,\n report.reporter_name || null,\n report.reporter_contact || null,\n report.is_anonymous ? 1 : 0,\n report.status\n ]);\n\n return result.lastInsertRowId as number;\n}\n\nexport async function getAllCrimeReports(): Promise {\n const result = await sqlite.execute(`\n SELECT * FROM ${TABLE_NAME} \n ORDER BY created_at DESC\n `);\n\n return result.rows.map(row => ({\n id: row[0] as number,\n crime_type: row[1] as string,\n description: row[2] as string,\n latitude: row[3] as number,\n longitude: row[4] as number,\n address: row[5] as string || undefined,\n reporter_name: row[6] as string || undefined,\n reporter_contact: row[7] as string || undefined,\n is_anonymous: Boolean(row[8]),\n status: row[9] as 'pending' | 'reviewed' | 'resolved',\n created_at: row[10] as string\n }));\n}\n\nexport async function getCrimeReportsInArea(filter: LocationFilter): Promise {\n // Simple bounding box query (for more accuracy, you'd use proper geospatial functions)\n const latDelta = filter.radius / 111; // Rough conversion: 1 degree ≈ 111 km\n const lngDelta = filter.radius / (111 * Math.cos(filter.lat * Math.PI / 180));\n\n const result = await sqlite.execute(`\n SELECT * FROM ${TABLE_NAME} \n WHERE latitude BETWEEN ? AND ?\n AND longitude BETWEEN ? AND ?\n ORDER BY created_at DESC\n `, [\n filter.lat - latDelta,\n filter.lat + latDelta,\n filter.lng - lngDelta,\n filter.lng + lngDelta\n ]);\n\n return result.rows.map(row => ({\n id: row[0] as number,\n crime_type: row[1] as string,\n description: row[2] as string,\n latitude: row[3] as number,\n longitude: row[4] as number,\n address: row[5] as string || undefined,\n reporter_name: row[6] as string || undefined,\n reporter_contact: row[7] as string || undefined,\n is_anonymous: Boolean(row[8]),\n status: row[9] as 'pending' | 'reviewed' | 'resolved',\n created_at: row[10] as string\n }));\n}\n\nexport async function getCrimeStats(): Promise {\n const result = await sqlite.execute(`\n SELECT crime_type, COUNT(*) as count\n FROM ${TABLE_NAME}\n GROUP BY crime_type\n ORDER BY count DESC\n `);\n\n return result.rows.map(row => ({\n crime_type: row[0] as string,\n count: row[1] as number\n }));\n}\n\nexport async function updateReportStatus(id: number, status: 'pending' | 'reviewed' | 'resolved'): Promise {\n await sqlite.execute(`\n UPDATE ${TABLE_NAME} \n SET status = ? \n WHERE id = ?\n `, [status, id]);\n}",[],[155,285,277],"database","b5b315f6-3f90-11f0-9402-76b3cceeab13","migrations.ts","b5b316dc-3f90-11f0-9402-76b3cceeab13",["D",1748855120462],"import { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\n\nconst TABLE_NAME = 'crime_reports_v1';\n\nexport async function initializeDatabase() {\n console.log('Initializing database...');\n \n // Create the crime reports table\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${TABLE_NAME} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n crime_type TEXT NOT NULL,\n description TEXT NOT NULL,\n latitude REAL NOT NULL,\n longitude REAL NOT NULL,\n address TEXT,\n reporter_name TEXT,\n reporter_contact TEXT,\n is_anonymous BOOLEAN NOT NULL DEFAULT 0,\n status TEXT NOT NULL DEFAULT 'pending',\n created_at DATETIME DEFAULT CURRENT_TIMESTAMP\n )\n `);\n\n // Create index for location-based queries\n await sqlite.execute(`\n CREATE INDEX IF NOT EXISTS idx_crime_reports_location \n ON ${TABLE_NAME} (latitude, longitude)\n `);\n\n // Create index for crime type queries\n await sqlite.execute(`\n CREATE INDEX IF NOT EXISTS idx_crime_reports_type \n ON ${TABLE_NAME} (crime_type)\n `);\n\n console.log('Database initialized successfully');\n}\n\nexport { TABLE_NAME };",[],[155,285,287],"b5b31d80-3f90-11f0-9402-76b3cceeab13",["D",1748855120462],[172,173],[155,285],["D",1748855120462],[171,174,177],[155],["D",1748855067988],{"_97":96,"_104":100},{"_97":96,"_98":-5,"_99":100,"_18":55,"_101":102,"_103":25},{"_13":86,"_32":87,"_44":43,"_88":45,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":46,"_95":96},"ctx",{"_79":-5,"_124":337,"_338":339,"_340":341,"_342":25,"_343":25,"_344":25,"_345":59,"_346":-5,"_347":-7,"_348":-7,"_349":63,"_350":25,"_351":25,"_352":-5,"_353":25,"_354":25,"_355":25,"_356":-5},"ENV",{"_308":309,"_310":311,"_312":87,"_313":314,"_315":316,"_317":318,"_319":320,"_321":322,"_323":324,"_325":326,"_327":328,"_329":330,"_331":332,"_333":334,"_335":336},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","5015b8df46402d8bba4f485ecc37aec202b0e06b","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 · v25