\n \n\n",[],[212,210],"8e7a4370-31a2-11f0-877d-569c3dd06744",["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}",[],[212,246,255],"8a0666fc-31a2-11f0-9f95-569c3dd06744",["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}",[],[212,246,244],"8a06b2a6-31a2-11f0-9f95-569c3dd06744",["D",1747323461854],[367,368],[212,246],["D",1747323423787],[366,369,370,371],[212],"5aa23198-31a2-11f0-9f5d-569c3dd06744",["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;",[],[93,155],"61498d52-31a2-11f0-aaec-569c3dd06744",["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.",[],[93,73],"52a5c2e8-31a2-11f0-b340-569c3dd06744",["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;",[],[93,135,146],"4b86386c-31a2-11f0-9b37-569c3dd06744",["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;",[],[93,135,137],"4b866d50-31a2-11f0-9b37-569c3dd06744",["D",1747323356991],[361,362],[93,135],"3e7cfe9e-31a2-11f0-8f58-569c3dd06744",["D",1747323335125],"import { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\nimport { PROPERTIES_TABLE } from \"./migrations.ts\";\n\nexport interface Property {\n id: number;\n title: string;\n description: string;\n price: number;\n bedrooms: number;\n bathrooms: number;\n sqft: number;\n address: string;\n city: string;\n state: string;\n zip: string;\n lat: number | null;\n lng: number | null;\n image_url: string | null;\n created_at: string;\n updated_at: string;\n}\n\nexport interface PropertyFilters {\n minPrice?: number;\n maxPrice?: number;\n minBedrooms?: number;\n minBathrooms?: number;\n city?: string;\n state?: string;\n searchTerm?: string;\n}\n\n// Get all properties with optional filtering\nexport async function getProperties(filters: PropertyFilters = {}): Promise {\n let query = `SELECT * FROM ${PROPERTIES_TABLE} WHERE 1=1`;\n const params: any[] = [];\n\n // Apply filters\n if (filters.minPrice !== undefined) {\n query += ` AND price >= ?`;\n params.push(filters.minPrice);\n }\n \n if (filters.maxPrice !== undefined) {\n query += ` AND price <= ?`;\n params.push(filters.maxPrice);\n }\n \n if (filters.minBedrooms !== undefined) {\n query += ` AND bedrooms >= ?`;\n params.push(filters.minBedrooms);\n }\n \n if (filters.minBathrooms !== undefined) {\n query += ` AND bathrooms >= ?`;\n params.push(filters.minBathrooms);\n }\n \n if (filters.city) {\n query += ` AND city LIKE ?`;\n params.push(`%${filters.city}%`);\n }\n \n if (filters.state) {\n query += ` AND state = ?`;\n params.push(filters.state);\n }\n \n if (filters.searchTerm) {\n query += ` AND (\n title LIKE ? OR \n description LIKE ? OR \n address LIKE ? OR \n city LIKE ?\n )`;\n const term = `%${filters.searchTerm}%`;\n params.push(term, term, term, term);\n }\n \n query += ` ORDER BY price ASC`;\n \n const result = await sqlite.execute(query, params);\n return result.rows as Property[];\n}\n\n// Get a single property by ID\nexport async function getPropertyById(id: number): Promise {\n const result = await sqlite.execute(\n `SELECT * FROM ${PROPERTIES_TABLE} WHERE id = ?`,\n [id]\n );\n \n if (result.rows.length === 0) {\n return null;\n }\n \n return result.rows[0] as Property;\n}\n\n// Get cities for dropdown\nexport async function getCities(): Promise {\n const result = await sqlite.execute(\n `SELECT DISTINCT city FROM ${PROPERTIES_TABLE} ORDER BY city ASC`\n );\n \n return result.rows.map(row => row.city);\n}\n\n// Get states for dropdown\nexport async function getStates(): Promise {\n const result = await sqlite.execute(\n `SELECT DISTINCT state FROM ${PROPERTIES_TABLE} ORDER BY state ASC`\n );\n \n return result.rows.map(row => row.state);\n}",[],[93,99,113],"34445eae-31a2-11f0-a011-569c3dd06744",["D",1747323317977],"import { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\n\n// Table names - use versioning for schema changes\nexport const PROPERTIES_TABLE = \"properties_v1\";\n\n// Create tables if they don't exist\nexport async function runMigrations() {\n // Properties table\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${PROPERTIES_TABLE} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n title TEXT NOT NULL,\n description TEXT NOT NULL,\n price INTEGER NOT NULL,\n bedrooms INTEGER NOT NULL,\n bathrooms REAL NOT NULL,\n sqft INTEGER NOT NULL,\n address TEXT NOT NULL,\n city TEXT NOT NULL,\n state TEXT NOT NULL,\n zip TEXT NOT NULL,\n lat REAL,\n lng REAL,\n image_url TEXT,\n created_at TEXT DEFAULT (datetime('now')),\n updated_at TEXT DEFAULT (datetime('now'))\n )\n `);\n\n // Check if we need to seed initial data\n const count = await sqlite.execute(`SELECT COUNT(*) as count FROM ${PROPERTIES_TABLE}`);\n \n if (count.rows[0].count === 0) {\n await seedInitialData();\n }\n}\n\n// Seed some initial property data\nasync function seedInitialData() {\n const properties = [\n {\n title: \"Modern Downtown Condo\",\n description: \"Beautiful modern condo in the heart of downtown with amazing city views. Features include hardwood floors, stainless steel appliances, and a spacious balcony.\",\n price: 450000,\n bedrooms: 2,\n bathrooms: 2,\n sqft: 1200,\n address: \"123 Main St\",\n city: \"Seattle\",\n state: \"WA\",\n zip: \"98101\",\n lat: 47.6062,\n lng: -122.3321,\n image_url: \"https://images.unsplash.com/photo-1522708323590-d24dbb6b0267?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NHx8YXBhcnRtZW50fGVufDB8fDB8fHww&auto=format&fit=crop&w=800&q=60\"\n },\n {\n title: \"Suburban Family Home\",\n description: \"Spacious family home in a quiet suburban neighborhood. Features a large backyard, updated kitchen, and finished basement.\",\n price: 650000,\n bedrooms: 4,\n bathrooms: 2.5,\n sqft: 2400,\n address: \"456 Oak Ave\",\n city: \"Bellevue\",\n state: \"WA\",\n zip: \"98004\",\n lat: 47.6101,\n lng: -122.2015,\n image_url: \"https://images.unsplash.com/photo-1568605114967-8130f3a36994?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NXx8aG91c2V8ZW58MHx8MHx8fDA%3D&auto=format&fit=crop&w=800&q=60\"\n },\n {\n title: \"Waterfront Luxury Villa\",\n description: \"Stunning waterfront property with panoramic views. Features include a gourmet kitchen, home theater, and private dock.\",\n price: 1250000,\n bedrooms: 5,\n bathrooms: 4,\n sqft: 3800,\n address: \"789 Lake Dr\",\n city: \"Kirkland\",\n state: \"WA\",\n zip: \"98033\",\n lat: 47.6769,\n lng: -122.2060,\n image_url: \"https://images.unsplash.com/photo-1613490493576-7fde63acd811?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8Mnx8bHV4dXJ5JTIwaG91c2V8ZW58MHx8MHx8fDA%3D&auto=format&fit=crop&w=800&q=60\"\n },\n {\n title: \"Cozy Starter Home\",\n description: \"Perfect starter home in a friendly neighborhood. Recently renovated with new appliances and updated bathroom.\",\n price: 350000,\n bedrooms: 3,\n bathrooms: 1,\n sqft: 1500,\n address: \"101 Pine St\",\n city: \"Renton\",\n state: \"WA\",\n zip: \"98055\",\n lat: 47.4829,\n lng: -122.2171,\n image_url: \"https://images.unsplash.com/photo-1605276374104-dee2a0ed3cd6?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTJ8fGhvdXNlfGVufDB8fDB8fHww&auto=format&fit=crop&w=800&q=60\"\n },\n {\n title: \"Historic Craftsman\",\n description: \"Beautifully maintained historic craftsman with original woodwork and modern updates. Features include a covered porch and mature garden.\",\n price: 750000,\n bedrooms: 3,\n bathrooms: 2,\n sqft: 2100,\n address: \"222 Maple Rd\",\n city: \"Tacoma\",\n state: \"WA\",\n zip: \"98403\",\n lat: 47.2529,\n lng: -122.4443,\n image_url: \"https://images.unsplash.com/photo-1570129477492-45c003edd2be?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8M3x8aG91c2V8ZW58MHx8MHx8fDA%3D&auto=format&fit=crop&w=800&q=60\"\n },\n {\n title: \"Urban Loft\",\n description: \"Stylish urban loft in a converted warehouse. Features high ceilings, exposed brick, and an open floor plan.\",\n price: 525000,\n bedrooms: 1,\n bathrooms: 1.5,\n sqft: 1100,\n address: \"333 Industrial Blvd\",\n city: \"Seattle\",\n state: \"WA\",\n zip: \"98107\",\n lat: 47.6615,\n lng: -122.3720,\n image_url: \"https://images.unsplash.com/photo-1560448204-e02f11c3d0e2?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTd8fGxvZnR8ZW58MHx8MHx8fDA%3D&auto=format&fit=crop&w=800&q=60\"\n }\n ];\n\n // Insert properties\n for (const property of properties) {\n await sqlite.execute(`\n INSERT INTO ${PROPERTIES_TABLE} (\n title, description, price, bedrooms, bathrooms, sqft, \n address, city, state, zip, lat, lng, image_url\n ) VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)\n `, [\n property.title, property.description, property.price, \n property.bedrooms, property.bathrooms, property.sqft,\n property.address, property.city, property.state, property.zip,\n property.lat, property.lng, property.image_url\n ]);\n }\n}",[],[93,99,104],"4422bc3a-31a2-11f0-96f5-569c3dd06744",["D",1747323344602],"# Database Layer\n\nThis directory contains the database schema and query functions for the House Hunter application.\n\n## Files\n\n- `migrations.ts` - Contains the database schema definitions and initial data seeding\n- `queries.ts` - Contains functions for querying the database\n\n## Schema\n\nThe main table is `properties_v1` which stores all property listings with the following fields:\n\n- `id` - Unique identifier\n- `title` - Property title\n- `description` - Detailed description\n- `price` - Price in USD\n- `bedrooms` - Number of bedrooms\n- `bathrooms` - Number of bathrooms\n- `sqft` - Square footage\n- `address` - Street address\n- `city` - City\n- `state` - State\n- `zip` - ZIP code\n- `lat` - Latitude (for map display)\n- `lng` - Longitude (for map display)\n- `image_url` - URL to the property image\n- `created_at` - Creation timestamp\n- `updated_at` - Last update timestamp\n\n## Usage\n\nThe database is automatically initialized when the application starts. The `runMigrations` function creates the necessary tables and seeds initial data if needed.",[],[93,99,73],"34448a5a-31a2-11f0-a011-569c3dd06744",["D",1747323317977],[357,358,359],[93,99],["D",1747323317977],[356,360,363,364],[93],["D",1747323244003],{"_11":12,"_301":78},{"_11":12,"_297":-5,"_77":78,"_25":76,"_298":299,"_300":24},{"_48":249,"_13":16,"_42":45,"_289":256,"_290":-5,"_291":-5,"_292":-5,"_293":-5,"_294":-5,"_295":14,"_296":12},"ctx",{"_60":-5,"_321":514,"_515":516,"_517":518,"_519":24,"_520":24,"_521":24,"_522":331,"_523":-5,"_524":-7,"_525":-7,"_526":20,"_527":24,"_528":24,"_529":-5,"_530":24,"_531":24,"_532":24,"_533":-5},"ENV",{"_485":486,"_487":488,"_489":16,"_490":491,"_492":493,"_494":495,"_496":497,"_498":499,"_500":501,"_502":503,"_504":505,"_506":507,"_508":509,"_510":511,"_512":513},"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