Real Estate Search

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_212":213,"_214":215},"routes/_app.x.$handle.$name",{"_98":97,"_32":49,"_106":88,"_27":107,"_13":14,"_108":-5,"_11":109,"_110":111,"_112":113,"_114":115,"_116":117,"_21":-5,"_118":-5,"_119":-5,"_120":25,"_121":122,"_123":25,"_124":-5,"_125":-5,"_126":127},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_47":48,"_32":49,"_37":50,"_51":-5,"_52":25,"_53":54,"_55":54,"_56":-5,"_57":-5,"_18":58,"_59":-5,"_60":25,"_61":-5,"_62":-5,"_63":64,"_65":66,"_67":-5,"_68":-5,"_69":-5,"_70":-5,"_71":72,"_73":72,"_74":75,"_76":75,"_77":75,"_78":72,"_79":72,"_80":81,"_82":83,"_84":85,"_86":25},"version",5,"changes",[19,20],"aiChatInfo","userId",{"_21":42,"_23":-7,"_24":25,"_26":25,"_27":43,"_29":43},{"_21":22,"_23":-7,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":21,"_35":36,"_37":38,"_39":14,"_40":41,"_24":25},"previous","deleted",false,"deletedHere","path","frontend/index.html","latestPath","fileId","ea16c63e-ea72-11f0-a178-42dde27851f2","name","index.html","fileType","content","\n\n\n \n \n Real Estate Search\n \n \n \n\n\n

\n \n\n","createdAt",["D",1767643972296],"branchVersion","branchId","4a53ab3e-ea69-11f0-a5d8-42dde27851f2",{"_30":44,"_32":43,"_34":45,"_35":-5,"_37":46,"_39":14,"_40":41,"_24":25},"frontend","af93c481-5dac-4ae3-a3ea-2e92fff478d2","directory",["D",1767643972296],"id","4a5333fc-ea69-11f0-a5d8-42dde27851f2","untitled-9102",["D",1767639838785],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","fdfab7c0-51e6-11f0-84e7-c3e88eac9309","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","9799d6ee-9639-47cb-81e2-11b1b1751211","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_98":97,"_105":101},"org",{"_98":97,"_99":-5,"_100":101,"_18":58,"_102":103,"_104":25},"branch",{"_13":87,"_32":88,"_47":41,"_89":48,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":49,"_96":97},"isOwned",22,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","nicoyoung","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yejBjQkVQSE1RQjdpTFV2alhXYTlHNlBjbUYifQ","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_47":48,"_32":49,"_37":208,"_51":-5,"_52":25,"_53":54,"_55":54,"_56":-5,"_57":-5,"_18":58,"_59":-5,"_60":25,"_61":-5,"_62":-5,"_63":64,"_65":66,"_67":-5,"_68":-5,"_69":-5,"_70":-5,"_71":72,"_73":72,"_74":75,"_76":75,"_77":75,"_78":72,"_79":72,"_80":209,"_82":210,"_84":211,"_86":25},"tree",[169,171,174,175],"files",[169,170,171,172,173,174,175],"counts",{"_159":64,"_160":136,"_161":64,"_162":163,"_164":165},"contents",[128,129,130,131],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_47":156,"_32":43,"_30":44,"_135":-5,"_40":41,"_39":14,"_137":153,"_37":157,"_13":64,"_34":45,"_35":-5,"_24":25,"_140":-5,"_27":158},{"_47":149,"_32":150,"_30":151,"_135":-5,"_40":41,"_39":152,"_137":153,"_37":154,"_13":64,"_34":45,"_35":-5,"_24":25,"_140":-5,"_27":155},{"_47":142,"_32":143,"_30":144,"_135":-5,"_40":41,"_39":145,"_137":25,"_37":146,"_13":64,"_34":21,"_35":147,"_24":25,"_140":-5,"_27":148},{"_47":132,"_32":133,"_30":134,"_135":-5,"_40":41,"_39":136,"_137":25,"_37":138,"_13":64,"_34":139,"_35":107,"_24":25,"_140":-5,"_27":141},"4a5591c4-ea69-11f0-a5d8-42dde27851f2","main.ts","4a559278-ea69-11f0-a5d8-42dde27851f2","parentId",1,"latest",["D",1767639838801],"script","label",[133],"d22fc778-ea72-11f0-9163-42dde27851f2","README.md","d22fc82c-ea72-11f0-9163-42dde27851f2",2,["D",1767643932195],"# Real Estate Search Bar\n\nA magical real estate search interface that parses natural language queries in real-time as you type.\n\n## Features\n\n- **Live Parsing**: Filters update instantly as you type, character by character\n- **Natural Language**: Type \"2 bed 3 bath under 500k in Brooklyn with yard\" and watch the magic happen\n- **Visual Feedback**: Colored underlines show what's been parsed\n- **Bidirectional**: Manual filter changes don't get overwritten\n- **Smart Parsing**: Handles various formats like \"2br\", \"1.5ba\", \"500k\", \"$1M\"\n\n## Structure\n\n- `frontend/` - React-based search interface\n- `backend/` - Hono API server\n- `shared/` - Shared types and utilities\n\n## Usage\n\nType naturally in the search bar and watch filters populate automatically:\n- Beds: \"2 bed\", \"3br\", \"2 bedroom\"\n- Baths: \"2 bath\", \"1.5ba\", \"2 bathrooms\" \n- Price: \"under 500k\", \"below $1M\", \"above 300k\"\n- Neighborhoods: Brooklyn areas (Bed Stuy, Williamsburg, etc.)\n- Features: yard, parking, garage, doorman, etc.",[143],"d7326636-ea72-11f0-9163-42dde27851f2","shared","e77da4cc-e5a3-443d-aa03-7dd0d12164a0",3,true,["D",1767643940599],[150],"ea16efec-ea72-11f0-a178-42dde27851f2",["D",1767643972296],[43],"pulls","branches","forks","envVars",{"_166":64,"_168":64},"connections",{"_166":64,"_167":64},"count","unfilledCount","emptyCount",{"_47":156,"_32":43,"_30":44,"_135":-5,"_40":41,"_39":14,"_137":153,"_37":205,"_13":64,"_34":45,"_35":-5,"_24":25,"_140":-5,"_177":206,"_27":207},{"_47":201,"_32":33,"_30":31,"_135":44,"_40":41,"_39":14,"_137":153,"_37":202,"_13":64,"_34":21,"_35":36,"_24":25,"_140":-5,"_177":203,"_27":204},{"_47":149,"_32":150,"_30":151,"_135":-5,"_40":41,"_39":152,"_137":153,"_37":198,"_13":64,"_34":45,"_35":-5,"_24":25,"_140":-5,"_177":199,"_27":200},{"_47":190,"_32":191,"_30":192,"_135":151,"_40":41,"_39":193,"_137":153,"_37":194,"_13":64,"_34":139,"_35":195,"_24":25,"_140":-5,"_177":196,"_27":197},{"_47":183,"_32":184,"_30":185,"_135":151,"_40":41,"_39":152,"_137":153,"_37":186,"_13":64,"_34":139,"_35":187,"_24":25,"_140":-5,"_177":188,"_27":189},{"_47":142,"_32":143,"_30":144,"_135":-5,"_40":41,"_39":145,"_137":25,"_37":180,"_13":64,"_34":21,"_35":147,"_24":25,"_140":-5,"_177":181,"_27":182},{"_47":132,"_32":133,"_30":134,"_135":-5,"_40":41,"_39":136,"_137":25,"_37":176,"_13":64,"_34":139,"_35":107,"_24":25,"_140":-5,"_177":178,"_27":179},["D",1767639838801],"children",[],[133],["D",1767643932195],[],[143],"d7324fac-ea72-11f0-9163-42dde27851f2","types.ts","d7325092-ea72-11f0-9163-42dde27851f2",["D",1767643940599],"export interface SearchFilters {\n beds?: number;\n baths?: number;\n priceMin?: number;\n priceMax?: number;\n neighborhoods: string[];\n propertyTypes: string[];\n features: string[];\n}\n\nexport interface ParsedSegment {\n text: string;\n start: number;\n end: number;\n type: 'beds' | 'baths' | 'priceMin' | 'priceMax' | 'neighborhood' | 'propertyType' | 'feature';\n value: any;\n}\n\nexport const NEIGHBORHOODS = [\n 'Bed Stuy',\n 'Williamsburg', \n 'Park Slope',\n 'Bushwick',\n 'Crown Heights',\n 'Greenpoint',\n 'Fort Greene',\n 'DUMBO',\n 'Cobble Hill',\n 'Clinton Hill'\n];\n\nexport const PROPERTY_TYPES = [\n 'house',\n 'condo', \n 'co-op',\n 'townhouse',\n 'apartment'\n];\n\nexport const FEATURES = [\n 'yard',\n 'parking',\n 'garage', \n 'doorman',\n 'laundry',\n 'gym',\n 'pool',\n 'rooftop'\n];",[],[150,184],"e34d73ca-ea72-11f0-ab5b-42dde27851f2","parser.ts","e34d74c4-ea72-11f0-ab5b-42dde27851f2",4,["D",1767643960907],"import { SearchFilters, ParsedSegment, NEIGHBORHOODS, PROPERTY_TYPES, FEATURES } from './types.ts';\n\nexport function parseSearchQuery(query: string): { filters: SearchFilters; segments: ParsedSegment[] } {\n const segments: ParsedSegment[] = [];\n const filters: SearchFilters = {\n neighborhoods: [],\n propertyTypes: [],\n features: []\n };\n\n // Beds parsing - matches \"2 bed\", \"3br\", \"2 bedroom\", \"2 beds\"\n const bedsRegex = /(\\d+)\\s*(?:bed(?:room)?s?|br)\\b/gi;\n let match;\n while ((match = bedsRegex.exec(query)) !== null) {\n const beds = parseInt(match[1]);\n if (!filters.beds || beds > filters.beds) { // Take the highest if multiple\n filters.beds = beds;\n segments.push({\n text: match[0],\n start: match.index,\n end: match.index + match[0].length,\n type: 'beds',\n value: beds\n });\n }\n }\n\n // Baths parsing - matches \"2 bath\", \"1.5ba\", \"2 bathrooms\"\n const bathsRegex = /(\\d+(?:\\.\\d+)?)\\s*(?:bath(?:room)?s?|ba)\\b/gi;\n while ((match = bathsRegex.exec(query)) !== null) {\n const baths = parseFloat(match[1]);\n if (!filters.baths || baths > filters.baths) { // Take the highest if multiple\n filters.baths = baths;\n segments.push({\n text: match[0],\n start: match.index,\n end: match.index + match[0].length,\n type: 'baths',\n value: baths\n });\n }\n }\n\n // Price max parsing - \"under 500k\", \"below $1M\", \"max 600000\"\n const priceMaxRegex = /(?:under|below|max|maximum)\\s*\\$?(\\d+(?:\\.\\d+)?)\\s*([km])?/gi;\n while ((match = priceMaxRegex.exec(query)) !== null) {\n let price = parseFloat(match[1]);\n const suffix = match[2]?.toLowerCase();\n if (suffix === 'k') price *= 1000;\n if (suffix === 'm') price *= 1000000;\n \n if (!filters.priceMax || price < filters.priceMax) { // Take the lowest max\n filters.priceMax = price;\n segments.push({\n text: match[0],\n start: match.index,\n end: match.index + match[0].length,\n type: 'priceMax',\n value: price\n });\n }\n }\n\n // Price min parsing - \"above 300k\", \"at least 400k\", \"min 500k\"\n const priceMinRegex = /(?:above|at\\s+least|min|minimum)\\s*\\$?(\\d+(?:\\.\\d+)?)\\s*([km])?/gi;\n while ((match = priceMinRegex.exec(query)) !== null) {\n let price = parseFloat(match[1]);\n const suffix = match[2]?.toLowerCase();\n if (suffix === 'k') price *= 1000;\n if (suffix === 'm') price *= 1000000;\n \n if (!filters.priceMin || price > filters.priceMin) { // Take the highest min\n filters.priceMin = price;\n segments.push({\n text: match[0],\n start: match.index,\n end: match.index + match[0].length,\n type: 'priceMin',\n value: price\n });\n }\n }\n\n // Neighborhoods parsing\n NEIGHBORHOODS.forEach(neighborhood => {\n const regex = new RegExp(`\\\\b${neighborhood.replace(/\\s+/g, '\\\\s+')}\\\\b`, 'gi');\n while ((match = regex.exec(query)) !== null) {\n if (!filters.neighborhoods.includes(neighborhood)) {\n filters.neighborhoods.push(neighborhood);\n segments.push({\n text: match[0],\n start: match.index,\n end: match.index + match[0].length,\n type: 'neighborhood',\n value: neighborhood\n });\n }\n }\n });\n\n // Property types parsing\n PROPERTY_TYPES.forEach(type => {\n const regex = new RegExp(`\\\\b${type}s?\\\\b`, 'gi');\n while ((match = regex.exec(query)) !== null) {\n if (!filters.propertyTypes.includes(type)) {\n filters.propertyTypes.push(type);\n segments.push({\n text: match[0],\n start: match.index,\n end: match.index + match[0].length,\n type: 'propertyType',\n value: type\n });\n }\n }\n });\n\n // Features parsing\n FEATURES.forEach(feature => {\n const regex = new RegExp(`\\\\b${feature}\\\\b`, 'gi');\n while ((match = regex.exec(query)) !== null) {\n if (!filters.features.includes(feature)) {\n filters.features.push(feature);\n segments.push({\n text: match[0],\n start: match.index,\n end: match.index + match[0].length,\n type: 'feature',\n value: feature\n });\n }\n }\n });\n\n // Sort segments by position for proper highlighting\n segments.sort((a, b) => a.start - b.start);\n\n return { filters, segments };\n}\n\nexport function formatPrice(price: number): string {\n if (price >= 1000000) {\n return `$${(price / 1000000).toFixed(price % 1000000 === 0 ? 0 : 1)}M`;\n } else if (price >= 1000) {\n return `$${(price / 1000).toFixed(price % 1000 === 0 ? 0 : 0)}k`;\n } else {\n return `$${price.toLocaleString()}`;\n }\n}",[],[150,191],["D",1767643940599],[172,173],[150],"ea16c58a-ea72-11f0-a178-42dde27851f2",["D",1767643972296],[],[43,33],["D",1767643972296],[170],[43],["D",1767639838785],{"_98":97,"_105":101},{"_98":97,"_99":-5,"_100":101,"_18":58,"_102":103,"_104":25},{"_13":87,"_32":88,"_47":41,"_89":48,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":49,"_96":97},"ctx",{"_80":-5,"_125":245,"_246":247,"_248":249,"_250":25,"_251":25,"_252":25,"_253":153,"_254":-5,"_255":-7,"_256":-7,"_257":64,"_258":25,"_259":25,"_260":-5,"_261":25,"_262":25,"_263":25,"_264":-5},"ENV",{"_216":217,"_218":219,"_220":88,"_221":222,"_223":224,"_225":226,"_227":228,"_229":230,"_231":232,"_233":234,"_235":236,"_237":238,"_239":240,"_241":242,"_243":244},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","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 · v5