\n \n\n\n",[],[75,128],"d9a47b44-41ba-11f1-9d90-42b51c65c3df","components","d9a47c34-41ba-11f1-9d90-42b51c65c3df",4,["D",1777240619625],[142],[75,136],{"_36":143,"_13":144,"_39":145,"_41":137,"_42":43,"_44":146,"_46":47,"_48":147,"_17":64,"_51":101,"_53":148,"_55":56,"_57":-5,"_85":149,"_18":150},"183d121c-41bb-11f1-ada7-42b51c65c3df","App.tsx","183d12e4-41bb-11f1-ada7-42b51c65c3df",9,["D",1777240724646],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useCallback } from \"https://esm.sh/react@18.2.0\";\n\ninterface VariantDetail {\n variant: string;\n changes: string[];\n}\n\ninterface VariantResult {\n original: string;\n misreadVariants: VariantDetail[];\n phoneticVariants: VariantDetail[];\n}\n\nexport default function App() {\n const [name, setName] = useState(\"\");\n const [result, setResult] = useState(null);\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState(\"\");\n\n const search = useCallback(async () => {\n if (!name.trim()) return;\n setLoading(true);\n setError(\"\");\n try {\n const res = await fetch(`/api/variants?name=${encodeURIComponent(name.trim())}`);\n if (!res.ok) throw new Error(\"Failed to fetch variants\");\n const data = await res.json();\n setResult(data);\n } catch (e: any) {\n setError(e.message);\n } finally {\n setLoading(false);\n }\n }, [name]);\n\n const handleKeyDown = (e: React.KeyboardEvent) => {\n if (e.key === \"Enter\") search();\n };\n\n return (\n

🔍 Name Spelling Variants

\n Based on FamilySearch{\" \"}\n \n Spelling Substitution Tables\n {\" \"}\n — find how a name might be misread or phonetically misspelled in historical records.\n

\n\n

\n setName(e.target.value)}\n onKeyDown={handleKeyDown}\n placeholder=\"Enter a name (e.g. Carter, Schwartz, Kelly)\"\n class=\"flex-1 px-4 py-3 rounded-lg border border-stone-300 bg-white text-lg focus:outline-none focus:ring-2 focus:ring-amber-500 focus:border-amber-500\"\n />\n \n {loading ? \"...\" : \"Find Variants\"}\n \n

\n\n {error &&

{error}

}\n\n {result && (\n

\n Showing variants for {result.original}\n

\n\n \n\n \n

\n )}\n\n {!result && !loading && (\n

📜

Type a name and press Enter to see possible spelling variants.

Useful for genealogy research when ancestors' names may be recorded differently.

\n )}\n\n \n

\n );\n}\n\nfunction VariantSection({\n title,\n description,\n variants,\n color,\n}: {\n title: string;\n description: string;\n variants: VariantDetail[];\n color: string;\n}) {\n const [expanded, setExpanded] = useState(true);\n const badgeColor = color === \"blue\" ? \"bg-blue-100 text-blue-800\" : \"bg-emerald-100 text-emerald-800\";\n const hoverColor = color === \"blue\" ? \"hover:bg-blue-50\" : \"hover:bg-emerald-50\";\n\n return (\n

\n setExpanded(!expanded)}\n class=\"w-full px-5 py-4 flex items-center justify-between text-left hover:bg-stone-50 transition-colors\"\n >\n

{title}

{description}

\n \n {variants.length} variant{variants.length !== 1 ? \"s\" : \"\"}\n \n {expanded ? \"▲\" : \"▼\"}\n

\n \n\n {expanded && variants.length > 0 && (\n

\n {variants.map((v, i) => (\n

\n {v.variant}\n

{v.changes.join(\", \")}

\n ))}\n

\n )}\n\n {expanded && variants.length === 0 && (\n

No variants found.

\n )}\n

\n );\n}\n",[],[75,136,144],"d5819150-41ba-11f1-b581-42b51c65c3df",["D",1777240612692],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Name variant finder using FamilySearch substitution tables","imageUrl","userId","7a779fe5-132d-4331-9652-27892c1b5862","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","195d1ebf-d8e6-405a-8992-f0223776d06f","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_204":200},"org",{"_11":12,"_198":-5,"_199":200,"_161":162,"_201":202,"_203":56},"branch",{"_17":62,"_13":16,"_36":43,"_190":151,"_191":-5,"_192":-5,"_193":-5,"_194":-5,"_195":-5,"_196":14,"_197":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yZjBEdVZvMTcxRzNZaFlPSUJnOUlSOExZZHkifQ","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":151,"_13":14,"_48":270,"_153":-5,"_154":56,"_155":156,"_157":156,"_158":159,"_160":-5,"_161":162,"_163":40,"_164":47,"_165":-5,"_166":-5,"_167":50,"_168":169,"_170":-5,"_171":-5,"_172":-5,"_173":-5,"_174":175,"_176":175,"_177":178,"_179":178,"_180":178,"_181":175,"_182":175,"_183":271,"_185":272,"_187":273,"_189":56},[240,245,248,249],"files",[240,241,242,243,244,245,246,247,248,249],"counts",{"_231":64,"_232":50,"_233":64,"_31":234,"_235":236},[223,224,225,226],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_36":74,"_13":75,"_39":76,"_41":-5,"_42":43,"_44":77,"_46":47,"_48":78,"_17":64,"_51":72,"_53":-5,"_55":56,"_57":-5,"_18":230},{"_36":67,"_13":68,"_39":69,"_41":-5,"_42":43,"_44":70,"_46":47,"_48":71,"_17":64,"_51":72,"_53":-5,"_55":56,"_57":-5,"_18":229},{"_36":59,"_13":60,"_39":61,"_41":-5,"_42":43,"_44":62,"_46":47,"_48":63,"_17":64,"_51":24,"_53":65,"_55":56,"_57":-5,"_18":228},{"_36":37,"_13":38,"_39":40,"_41":-5,"_42":43,"_44":45,"_46":47,"_48":49,"_17":50,"_51":52,"_53":54,"_55":56,"_57":-5,"_18":227},[38],[60],[68],[75],"pulls","branches","forks",{"_237":64,"_239":64},"connections",{"_237":64,"_238":64},"count","unfilledCount","emptyCount",{"_36":74,"_13":75,"_39":76,"_41":-5,"_42":43,"_44":77,"_46":47,"_48":113,"_17":64,"_51":72,"_53":-5,"_55":56,"_57":-5,"_85":268,"_18":269},{"_36":135,"_13":136,"_39":137,"_41":76,"_42":43,"_44":138,"_46":47,"_48":139,"_17":64,"_51":72,"_53":-5,"_55":56,"_57":-5,"_85":266,"_18":267},{"_36":143,"_13":144,"_39":145,"_41":137,"_42":43,"_44":146,"_46":47,"_48":147,"_17":64,"_51":101,"_53":148,"_55":56,"_57":-5,"_85":264,"_18":265},{"_36":127,"_13":128,"_39":129,"_41":76,"_42":43,"_44":130,"_46":47,"_48":131,"_17":64,"_51":24,"_53":132,"_55":56,"_57":-5,"_85":262,"_18":263},{"_36":119,"_13":120,"_39":121,"_41":76,"_42":43,"_44":122,"_46":47,"_48":123,"_17":64,"_51":101,"_53":124,"_55":56,"_57":-5,"_85":260,"_18":261},{"_36":67,"_13":68,"_39":69,"_41":-5,"_42":43,"_44":70,"_46":47,"_48":91,"_17":64,"_51":72,"_53":-5,"_55":56,"_57":-5,"_85":258,"_18":259},{"_36":105,"_13":106,"_39":107,"_41":69,"_42":43,"_44":108,"_46":47,"_48":109,"_17":64,"_51":101,"_53":110,"_55":56,"_57":-5,"_85":256,"_18":257},{"_36":96,"_13":97,"_39":98,"_41":69,"_42":43,"_44":99,"_46":47,"_48":100,"_17":64,"_51":101,"_53":102,"_55":56,"_57":-5,"_85":254,"_18":255},{"_36":59,"_13":60,"_39":61,"_41":-5,"_42":43,"_44":62,"_46":47,"_48":88,"_17":64,"_51":24,"_53":65,"_55":56,"_57":-5,"_85":252,"_18":253},{"_36":37,"_13":38,"_39":40,"_41":-5,"_42":43,"_44":45,"_46":47,"_48":84,"_17":50,"_51":52,"_53":54,"_55":56,"_57":-5,"_85":250,"_18":251},[],[38],[],[60],[],[68,97],[],[68,106],[246,247],[68],[],[75,120],[],[75,128],[],[75,136,144],[242],[75,136],[241,243,244],[75],["D",1777240612692],{"_11":12,"_204":200},{"_11":12,"_198":-5,"_199":200,"_161":162,"_201":202,"_203":56},{"_17":62,"_13":16,"_36":43,"_190":151,"_191":-5,"_192":-5,"_193":-5,"_194":-5,"_195":-5,"_196":14,"_197":12},"ctx",{"_183":-5,"_220":307,"_308":309,"_310":311,"_312":56,"_313":56,"_314":56,"_315":47,"_316":-5,"_317":-7,"_318":-7,"_319":64,"_320":56,"_321":56,"_322":-5,"_323":56,"_324":56,"_325":56,"_326":-5},"ENV",{"_278":279,"_280":281,"_282":16,"_283":284,"_285":286,"_287":288,"_289":290,"_291":292,"_293":294,"_295":296,"_297":298,"_299":300,"_301":302,"_303":304,"_305":306},"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"]

Code