\n \n\n",[],[265,275],"8e7a4370-31a2-11f0-877d-569c3dd06744","Header.tsx","8e7a4438-31a2-11f0-877d-569c3dd06744","5c577b12-b5ad-4bb0-bc8f-24432963f00d",["D",1747323469313],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\n\nexport default function Header() {\n return (\n

\n 🏠\n

House Hunter

\n \n

Find your dream home today

\n );\n}",[],[265,290,283],"components","8a0666fc-31a2-11f0-9f95-569c3dd06744","App.tsx","8a0667a6-31a2-11f0-9f95-569c3dd06744",15,["D",1747323461854],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport { Property, PropertyFilters, ProjectInfo } from \"../../shared/types.ts\";\nimport Header from \"./Header.tsx\";\nimport PropertyList from \"./PropertyList.tsx\";\nimport PropertyFiltersPanel from \"./PropertyFiltersPanel.tsx\";\nimport Footer from \"./Footer.tsx\";\n\ninterface AppProps {\n initialData: {\n properties: Property[];\n };\n}\n\nexport default function App({ initialData }: AppProps) {\n const [properties, setProperties] = useState(initialData.properties);\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState(null);\n const [filters, setFilters] = useState({});\n const [cities, setCities] = useState([]);\n const [states, setStates] = useState([]);\n const [projectInfo, setProjectInfo] = useState(null);\n\n // Fetch cities and states for filter dropdowns\n useEffect(() => {\n const fetchFilterOptions = async () => {\n try {\n const [citiesRes, statesRes] = await Promise.all([\n fetch('/api/properties/cities'),\n fetch('/api/properties/states')\n ]);\n \n const citiesData = await citiesRes.json();\n const statesData = await statesRes.json();\n \n setCities(citiesData.cities);\n setStates(statesData.states);\n } catch (err) {\n console.error('Error fetching filter options:', err);\n }\n };\n\n fetchFilterOptions();\n }, []);\n\n // Fetch project info for footer\n useEffect(() => {\n const fetchProjectInfo = async () => {\n try {\n const res = await fetch('/api/project-info');\n const data = await res.json();\n setProjectInfo(data);\n } catch (err) {\n console.error('Error fetching project info:', err);\n }\n };\n\n fetchProjectInfo();\n }, []);\n\n // Apply filters and fetch properties\n const applyFilters = async (newFilters: PropertyFilters) => {\n setLoading(true);\n setError(null);\n setFilters(newFilters);\n \n try {\n // Build query string from filters\n const queryParams = new URLSearchParams();\n \n if (newFilters.minPrice) queryParams.append('minPrice', newFilters.minPrice.toString());\n if (newFilters.maxPrice) queryParams.append('maxPrice', newFilters.maxPrice.toString());\n if (newFilters.minBedrooms) queryParams.append('minBedrooms', newFilters.minBedrooms.toString());\n if (newFilters.minBathrooms) queryParams.append('minBathrooms', newFilters.minBathrooms.toString());\n if (newFilters.city) queryParams.append('city', newFilters.city);\n if (newFilters.state) queryParams.append('state', newFilters.state);\n if (newFilters.searchTerm) queryParams.append('searchTerm', newFilters.searchTerm);\n \n const response = await fetch(`/api/properties?${queryParams.toString()}`);\n \n if (!response.ok) {\n throw new Error('Failed to fetch properties');\n }\n \n const data = await response.json();\n setProperties(data.properties);\n } catch (err) {\n setError('Error fetching properties. Please try again.');\n console.error(err);\n } finally {\n setLoading(false);\n }\n };\n\n return (\n

\n \n

\n {/* Filters sidebar */}\n

\n \n

\n \n {/* Property listings */}\n

\n {error && (\n

\n {error}\n

\n )}\n \n \n

\n \n

\n );\n}",[],[265,290,292],"8a06b2a6-31a2-11f0-9f95-569c3dd06744",["D",1747323461854],[210,211],[265,290],"7355c6aa-31a2-11f0-9090-569c3dd06744",["D",1747323423787],[209,212,213,214],[265],"5aa23198-31a2-11f0-9f5d-569c3dd06744","index.ts","5aa23260-31a2-11f0-9f5d-569c3dd06744",7,["D",1747323382348],"import { Hono } from \"https://esm.sh/hono@3.11.12\";\nimport { cors } from \"https://esm.sh/@hono/cors@0.0.8\";\nimport { runMigrations } from \"./database/migrations.ts\";\nimport properties from \"./routes/properties.ts\";\nimport static_routes from \"./routes/static.ts\";\nimport { parseProject } from \"https://esm.town/v/std/utils@85-main/index.ts\";\n\n// Initialize the app\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n throw err;\n});\n\n// Add CORS middleware\napp.use(\"*\", cors());\n\n// Get project info for view source link\nconst projectInfo = parseProject(import.meta.url);\n\n// Add API routes\napp.route(\"/api/properties\", properties);\n\n// Add a route to get project info\napp.get(\"/api/project-info\", (c) => {\n return c.json({\n username: projectInfo.username,\n name: projectInfo.name,\n version: projectInfo.version,\n branch: projectInfo.branch,\n projectUrl: projectInfo.links.self.project\n });\n});\n\n// Add static routes\napp.route(\"/\", static_routes);\n\n// Initialize database on startup\nrunMigrations().catch(err => {\n console.error(\"Failed to run migrations:\", err);\n});\n\n// Export the app for HTTP vals\nexport default app.fetch;",[],[171,308],"61498d52-31a2-11f0-aaec-569c3dd06744","61498de8-31a2-11f0-aaec-569c3dd06744",8,["D",1747323393509],"# Backend\n\nThis directory contains the server-side code for the House Hunter application.\n\n## Structure\n\n- `index.ts` - Main entry point for the backend\n- `database/` - Database schema and queries\n- `routes/` - API route handlers\n\n## API Endpoints\n\n### Properties\n\n- `GET /api/properties` - Get all properties with optional filtering\n - Query parameters:\n - `minPrice` - Minimum price\n - `maxPrice` - Maximum price\n - `minBedrooms` - Minimum number of bedrooms\n - `minBathrooms` - Minimum number of bathrooms\n - `city` - Filter by city\n - `state` - Filter by state\n - `searchTerm` - Search in title, description, address, and city\n- `GET /api/properties/:id` - Get a single property by ID\n- `GET /api/properties/cities` - Get list of available cities\n- `GET /api/properties/states` - Get list of available states\n\n### Project Info\n\n- `GET /api/project-info` - Get information about the project for the view source link\n\n## Static Files\n\nThe backend serves static files from the `/frontend` and `/shared` directories.",[],[171,90],"52a5c2e8-31a2-11f0-b340-569c3dd06744","static.ts","52a5c3a6-31a2-11f0-b340-569c3dd06744","04ce77fb-3e60-41d5-b63c-76fe06079d85",6,["D",1747323368947],"import { Hono } from \"https://esm.sh/hono@3.11.12\";\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { getProperties } from \"../database/queries.ts\";\n\nconst static_routes = new Hono();\n\n// Serve frontend files\nstatic_routes.get(\"/frontend/*\", (c) => serveFile(c.req.path, import.meta.url));\n\n// Serve shared files\nstatic_routes.get(\"/shared/*\", (c) => serveFile(c.req.path, import.meta.url));\n\n// Serve index.html with initial data\nstatic_routes.get(\"/\", async (c) => {\n try {\n // Get initial properties data\n const initialProperties = await getProperties();\n \n // Read the HTML file\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n \n // Inject initial data\n const dataScript = ``;\n \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(\"Server error\", 500);\n }\n});\n\nexport default static_routes;",[],[171,331,323],"routes","4b86386c-31a2-11f0-9b37-569c3dd06744","properties.ts","4b863902-31a2-11f0-9b37-569c3dd06744",5,["D",1747323356991],"import { Hono } from \"https://esm.sh/hono@3.11.12\";\nimport { getProperties, getPropertyById, getCities, getStates, PropertyFilters } from \"../database/queries.ts\";\n\nconst properties = new Hono();\n\n// Get all properties with optional filtering\nproperties.get(\"/\", async (c) => {\n const { \n minPrice, maxPrice, minBedrooms, minBathrooms, \n city, state, searchTerm \n } = c.req.query();\n\n const filters: PropertyFilters = {};\n \n // Parse and validate filters\n if (minPrice) filters.minPrice = parseInt(minPrice);\n if (maxPrice) filters.maxPrice = parseInt(maxPrice);\n if (minBedrooms) filters.minBedrooms = parseInt(minBedrooms);\n if (minBathrooms) filters.minBathrooms = parseFloat(minBathrooms);\n if (city) filters.city = city;\n if (state) filters.state = state;\n if (searchTerm) filters.searchTerm = searchTerm;\n\n try {\n const properties = await getProperties(filters);\n return c.json({ properties });\n } catch (error) {\n console.error(\"Error fetching properties:\", error);\n return c.json({ error: \"Failed to fetch properties\" }, 500);\n }\n});\n\n// Get a single property by ID\nproperties.get(\"/:id\", async (c) => {\n const id = parseInt(c.req.param(\"id\"));\n \n if (isNaN(id)) {\n return c.json({ error: \"Invalid property ID\" }, 400);\n }\n \n try {\n const property = await getPropertyById(id);\n \n if (!property) {\n return c.json({ error: \"Property not found\" }, 404);\n }\n \n return c.json({ property });\n } catch (error) {\n console.error(\"Error fetching property:\", error);\n return c.json({ error: \"Failed to fetch property\" }, 500);\n }\n});\n\n// Get cities for dropdown\nproperties.get(\"/cities\", async (c) => {\n try {\n const cities = await getCities();\n return c.json({ cities });\n } catch (error) {\n console.error(\"Error fetching cities:\", error);\n return c.json({ error: \"Failed to fetch cities\" }, 500);\n }\n});\n\n// Get states for dropdown\nproperties.get(\"/states\", async (c) => {\n try {\n const states = await getStates();\n return c.json({ states });\n } catch (error) {\n console.error(\"Error fetching states:\", error);\n return c.json({ error: \"Failed to fetch states\" }, 500);\n }\n});\n\nexport default properties;",[],[171,331,333],"4b866d50-31a2-11f0-9b37-569c3dd06744",["D",1747323356991],[204,205],[171,331],["D",1747323335125],[],[171,92,81],["D",1747323317977],[],[171,92,66],["D",1747323344602],[],[171,92,90],["D",1747323317977],[200,201,202],[171,92],"3444883e-31a2-11f0-a011-569c3dd06744",["D",1747323317977],[199,203,206,207],[171],["D",1747323244003],{"_11":12,"_141":72},{"_11":12,"_137":-5,"_71":72,"_31":70,"_138":139,"_140":30},{"_41":128,"_13":16,"_35":38,"_129":95,"_130":-5,"_131":-5,"_132":-5,"_133":-5,"_134":-5,"_135":14,"_136":12},"ctx",{"_54":-5,"_160":397,"_398":399,"_400":401,"_402":30,"_403":30,"_404":30,"_405":24,"_406":-5,"_407":-7,"_408":-7,"_409":26,"_410":30,"_411":30,"_412":-5,"_413":30,"_414":30,"_415":30,"_416":-5},"ENV",{"_368":369,"_370":371,"_372":16,"_373":374,"_375":376,"_377":378,"_379":380,"_381":382,"_383":384,"_385":386,"_387":388,"_389":390,"_391":392,"_393":394,"_395":396},"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 · database