[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_176":177,"_178":179},"routes/_app.x.$handle.$name",{"_97":96,"_32":45,"_105":85,"_27":106,"_13":14,"_107":-5,"_11":108,"_109":110,"_111":112,"_113":114,"_115":116,"_20":-5,"_117":118,"_119":120,"_121":25,"_122":123,"_124":25,"_125":-5,"_126":-5,"_127":128},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":49,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":-5,"_57":49,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":78,"_79":80,"_81":82,"_83":25},"version",21,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","main.tsx","latestPath","fileId","cf48155c-25f0-11f0-ad23-569c3dd06744","name","fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport getDistance from \"https://esm.sh/geolib/es/getDistance\";\nimport { useLoaderData } from \"https://esm.sh/react-router-dom@6.23.0?deps=react@18.2.0,react-dom@18.2.0\";\nimport date_me_doc_locations_geo from \"https://esm.town/v/stevekrouse/date_me_doc_locations_geo\";\n\nfunction absoluteURL(url) {\n if (url.startsWith(\"http://\") || url.startsWith(\"https://\"))\n return url;\n else return \"https://\" + url;\n}\n\nlet headers = [\n \"Name\",\n \"Age\",\n \"Gender\",\n \"InterestedIn\",\n \"Style\",\n \"Location\",\n \"LocationFlexibility\",\n \"Contact\",\n \"LastUpdated\",\n];\n\nlet linkClass = \"text-sky-600 hover:text-sky-500\";\n\nfunction httpsIfy(url: string) {\n if (!url.startsWith(\"http://\") && !url.startsWith(\"https://\")) {\n return `https://${url}`;\n }\n return url;\n}\n\n// TODO - refactor this into a Cell React component\nfunction renderCell(header, row) {\n let data = row[header];\n if (header === \"Name\") {\n return {data};\n } else if (Array.isArray(data)) {\n return data.map(d => {d});\n } else if (header === \"LastUpdated\") {\n return new Date(data).toISOString().split(\"T\")[0];\n }\n else {\n return data;\n }\n}\n\nfunction convertParams(url) {\n const params = new URL(url).searchParams;\n const search = {\n gender: params.get(\"gender\"),\n desiredGender: params.get(\"desired-gender\"),\n minAge: params.get(\"min-age\")?.length ? params.get(\"min-age\") : 0,\n maxAge: params.get(\"max-age\")?.length ? params.get(\"max-age\") : 100,\n location: params.get(\"location\"),\n radius: params.get(\"radius\"),\n };\n return search;\n}\n\nconst metersInMile = 1609.34;\n\nfunction withinRadius(\n profileLocation: string[],\n searchLocation: { lat: number; lon: number },\n radius: number,\n) {\n const profileLocations = profileLocation.map(l => date_me_doc_locations_geo[l]);\n return profileLocations.some(location => {\n isPointWithinRadius(location, searchLocation, radius * metersInMile);\n });\n}\n\nexport async function loader({ request }) {\n \"use server\"; // this is not a real feature; just me reminding myself I'm on the server\n const { zip } = await import(\"npm:lodash-es\");\n const { sqlite } = await import(\"https://esm.town/v/std/sqlite\");\n\n const search = convertParams(request.url);\n let { columns, rows } = await sqlite.execute({\n sql: `select * from datemedocs\n where\n aAge >= ?\n and Age <= ?\n and Gender like ?\n and InterestedIn like ?\n order by LastUpdated desc\n `,\n args: [\n search.minAge,\n search.maxAge,\n \"%\" + (search.desiredGender ?? \"\") + \"%\",\n \"%\" + (search.gender ?? \"\") + \"%\",\n ],\n });\n\n const profiles = rows.map(row =>\n Object.fromEntries(zip(\n columns,\n row.map(d => {\n try {\n return JSON.parse(d);\n } catch (_) {\n return d;\n }\n }),\n ))\n ).filter(profile => withinRadius(profile.location, search.location, search.radius));\n\n return Response.json({ profiles });\n}\n\nexport function Browse() {\n const search = convertParams(window.location.href);\n const { profiles } = useLoaderData() as any; // TODO - get good typing\n return (\n <>\n

\n You are {search.gender?.length ? search.gender : \"any gender\"}{\" \"}looking for{\" \"}\n {search.desiredGender?.length ? search.desiredGender : \"any gender\"}{\" \"}bewteen the ages of{\" \"}\n {search.minAge}{\" \"}and{\" \"}{search.maxAge} in{\" \"}\n {search.location?.length ? search.location : \"the world\"}. There are{\" \"}{profiles.length}{\" \"}\n profiles for you.\n

\n \n Redo Search\n \n

\n Clear filters\n

\n \n {headers.map(h => )}\n \n {profiles.map(d => (\n \n {headers.map(h => (\n \n ))}\n \n ))}\n \n

{h}
\n \n {renderCell(h, d)}\n \n

\n \n );\n}","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport getDistance from \"https://esm.sh/geolib/es/getDistance\";\nimport { useLoaderData } from \"https://esm.sh/react-router-dom@6.23.0?deps=react@18.2.0,react-dom@18.2.0\";\nimport date_me_doc_locations_geo from \"https://esm.town/v/stevekrouse/date_me_doc_locations_geo\";\n\nfunction absoluteURL(url) {\n if (url.startsWith(\"http://\") || url.startsWith(\"https://\"))\n return url;\n else return \"https://\" + url;\n}\n\nlet headers = [\n \"Name\",\n \"Age\",\n \"Gender\",\n \"InterestedIn\",\n \"Style\",\n \"Location\",\n \"LocationFlexibility\",\n \"Contact\",\n \"LastUpdated\",\n];\n\nlet linkClass = \"text-sky-600 hover:text-sky-500\";\n\nfunction httpsIfy(url: string) {\n if (!url.startsWith(\"http://\") && !url.startsWith(\"https://\")) {\n return `https://${url}`;\n }\n return url;\n}\n\n// TODO - refactor this into a Cell React component\nfunction renderCell(header, row) {\n let data = row[header];\n if (header === \"Name\") {\n return {data};\n } else if (Array.isArray(data)) {\n return data.map(d => {d});\n } else if (header === \"LastUpdated\") {\n return new Date(data).toISOString().split(\"T\")[0];\n }\n else {\n return data;\n }\n}\n\nfunction convertParams(url) {\n const params = new URL(url).searchParams;\n const search = {\n gender: params.get(\"gender\"),\n desiredGender: params.get(\"desired-gender\"),\n minAge: params.get(\"min-age\")?.length ? params.get(\"min-age\") : 0,\n maxAge: params.get(\"max-age\")?.length ? params.get(\"max-age\") : 100,\n location: params.get(\"location\"),\n radius: params.get(\"radius\"),\n };\n return search;\n}\n\nconst metersInMile = 1609.34;\n\nfunction withinRadius(\n profileLocation: string[],\n searchLocation: { lat: number; lon: number },\n radius: number,\n) {\n const profileLocations = profileLocation.map(l => date_me_doc_locations_geo[l]);\n return profileLocations.some(location => {\n isPointWithinRadius(location, searchLocation, radius * metersInMile);\n });\n}\n\nexport async function loader({ request }) {\n \"use server\"; // this is not a real feature; just me reminding myself I'm on the server\n const { zip } = await import(\"npm:lodash-es\");\n const { sqlite } = await import(\"https://esm.town/v/std/sqlite\");\n\n const search = convertParams(request.url);\n let { columns, rows } = await sqlite.execute({\n sql: `select * from datemedocs\n where\n Age >= ?\n and Age <= ?\n and Gender like ?\n and InterestedIn like ?\n order by LastUpdated desc\n `,\n args: [\n search.minAge,\n search.maxAge,\n \"%\" + (search.desiredGender ?? \"\") + \"%\",\n \"%\" + (search.gender ?? \"\") + \"%\",\n ],\n });\n\n const profiles = rows.map(row =>\n Object.fromEntries(zip(\n columns,\n row.map(d => {\n try {\n return JSON.parse(d);\n } catch (_) {\n return d;\n }\n }),\n ))\n ).filter(profile => withinRadius(profile.location, search.location, search.radius));\n\n return Response.json({ profiles });\n}\n\nexport function Browse() {\n const search = convertParams(window.location.href);\n const { profiles } = useLoaderData() as any; // TODO - get good typing\n return (\n <>\n

\n \n Redo Search\n \n

\n Clear filters\n

\n \n {headers.map(h => )}\n \n {profiles.map(d => (\n \n {headers.map(h => (\n \n ))}\n \n ))}\n \n

{h}
\n \n {renderCell(h, d)}\n \n

\n \n );\n}","createdAt",["D",1717960770033],"branchVersion","branchId","cf45d120-25f0-11f0-ad23-569c3dd06744","id","cf459d54-25f0-11f0-ad23-569c3dd06744","dateme_browse_react",["D",1746037664829],"deletedAt","legacyEnvVars",true,"privacy","public","httpPrivacy","description","imageUrl","a0bf3b31-15a5-4d5c-880e-4b1e22c9bc18","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","e81e7335-6d4c-4764-a902-d0962bbfa9f7","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":84,"_32":85,"_43":42,"_86":44,"_87":88,"_89":61,"_90":51,"_91":92,"_93":63,"_94":45,"_95":96},"isOwned",44,"main","projectId","forkedBranchId","f3da384c-2540-11f0-a4ea-569c3dd06744","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","f3d9e64e-2540-11f0-a4ea-569c3dd06744","forkedProjectOrgId","projectName","userHandle","stevekrouse","handle","displayName","avatar","https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":172,"_47":-5,"_48":49,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":-5,"_57":49,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":173,"_79":174,"_81":175,"_83":25},"tree",[163,164],"files",[163,164],"counts",{"_153":61,"_154":149,"_155":61,"_156":157,"_158":159},"contents",[137,138],"upstreamProject",{"_43":92,"_32":135,"_53":-5,"_54":-5,"_50":51,"_77":136},"upstreamBranch",{"_43":88,"_38":129,"_130":131,"_32":85,"_86":92,"_13":132,"_87":133,"_89":61,"_134":-5,"_47":-5,"_83":25,"_50":51,"_95":96,"_62":63,"_94":135},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1745962134774],"updatedAt",["D",1726494954908],108,"8950994e-277f-11f0-b46e-569c3dd06744","lockfileKey","dateme_browse",{"_97":96,"_104":100},{"_43":146,"_32":147,"_30":148,"_140":-5,"_41":42,"_40":149,"_141":49,"_38":150,"_13":61,"_33":20,"_35":151,"_24":25,"_144":-5,"_27":152},{"_43":139,"_32":28,"_30":31,"_140":-5,"_41":42,"_40":14,"_141":25,"_38":142,"_13":143,"_33":34,"_35":37,"_24":25,"_144":-5,"_27":145},"cf92886c-25f0-11f0-ad23-569c3dd06744","parentId","latest",["D",1717960770033],20,"label",[28],"cf481dae-25f0-11f0-ad23-569c3dd06744","README.md","cf481e44-25f0-11f0-ad23-569c3dd06744",1,["D",1717765558612],"Migrated from folder: Archive/dateme_react_router_rewrite/dateme_browse_react",[147],"pulls","branches","forks","envVars",{"_160":61,"_162":61},"connections",{"_160":61,"_161":61},"count","unfilledCount","emptyCount",{"_43":146,"_32":147,"_30":148,"_140":-5,"_41":42,"_40":149,"_141":49,"_38":169,"_13":61,"_33":20,"_35":151,"_24":25,"_144":-5,"_166":170,"_27":171},{"_43":139,"_32":28,"_30":31,"_140":-5,"_41":42,"_40":14,"_141":25,"_38":165,"_13":143,"_33":34,"_35":37,"_24":25,"_144":-5,"_166":167,"_27":168},["D",1717960770033],"children",[],[28],["D",1717765558612],[],[147],["D",1746037664829],{"_97":96,"_104":100},{"_97":96,"_98":-5,"_99":100,"_18":55,"_101":102,"_103":25},{"_13":84,"_32":85,"_43":42,"_86":44,"_87":88,"_89":61,"_90":51,"_91":92,"_93":63,"_94":45,"_95":96},"ctx",{"_77":-5,"_126":209,"_210":211,"_212":213,"_214":25,"_215":25,"_216":25,"_217":49,"_218":-5,"_219":-7,"_220":-7,"_221":61,"_222":25,"_223":25,"_224":-5,"_225":25,"_226":25,"_227":25,"_228":-5},"ENV",{"_180":181,"_182":183,"_184":85,"_185":186,"_187":188,"_189":190,"_191":192,"_193":194,"_195":196,"_197":198,"_199":200,"_201":202,"_203":204,"_205":206,"_207":208},"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"]

Diff · v21