[{"_1":2,"_172":-5,"_173":-5},"loaderData",{"_3":4,"_95":96,"_171":-5},"root",{"_5":6,"_34":35,"_62":63,"_93":94},"ctx",{"_7":8,"_19":20,"_21":-5,"_22":23,"_24":25,"_26":27,"_28":27,"_29":27,"_30":31,"_32":33},"auth",{"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5},"sessionClaims","sessionId","sessionStatus","userId","actor","orgId","orgRole","orgSlug","orgPermissions","factorVerificationAge","environmentVariableKeys",[],"user","preferences_keybindings","default","preferences_theme","light","preferences_fixers",false,"preferences_copilot","preferences_selection_ai","preferences_model","claude-3-5-haiku-20241022","notification_count",0,"ENV",{"_36":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":51,"_52":53,"_54":55,"_56":57,"_58":59,"_60":61},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","f8fa8c4a4e93c9e28f2a5e80f55cea87f3043a94","RENDER_GIT_BRANCH","main","CLERK_PUBLISHABLE_KEY","pk_live_Y2xlcmsudmFsLnRvd24k","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/","API_URL","https://api.val.town","WORKER_FINGERPRINT","fd7e47ba602df66e0f857b45e802b861","clerkState",{"_64":65},"__internal_clerk_state",{"_66":67,"_68":45,"_69":70,"_71":70,"_72":27,"_73":70,"_74":70,"_75":70,"_76":70,"_77":70,"_78":70,"_79":70,"_80":70,"_81":82,"_91":27,"_92":27},"__clerk_ssr_state",{"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5},"__publishableKey","__proxyUrl","","__domain","__isSatellite","__signInUrl","__signUpUrl","__afterSignInUrl","__afterSignUpUrl","__signInForceRedirectUrl","__signUpForceRedirectUrl","__signInFallbackRedirectUrl","__signUpFallbackRedirectUrl","__clerk_debug",{"_83":27,"_84":70,"_85":86,"_87":70,"_88":45,"_89":27,"_90":70},"isSignedIn","proxyUrl","reason","session-token-and-uat-missing","message","publishableKey","isSatellite","domain","__telemetryDisabled","__telemetryDebug","remixVersion",2,"routes/embed.x.$handle.$name.$",{"_97":98,"_99":100,"_101":102,"_103":104,"_147":148,"_168":169,"_170":-5},"handle","charmaine","name","hn_notifier","path","frontend/components/Input.tsx","project",{"_105":106,"_99":100,"_107":108,"_109":-5,"_110":27,"_111":112,"_113":-5,"_114":-5,"_12":115,"_116":117,"_118":119,"_120":-5,"_121":33,"_122":123,"_124":123,"_125":126,"_127":126,"_128":126,"_129":123,"_130":27,"_21":131,"_134":135},"id","bb6ce380-0a77-11f0-93e4-569c3dd06744","createdAt",["D",1743016981026],"deletedAt","legacyEnvVars","privacy","public","description","imageUrl","c156eb0e-8b9d-4104-a055-502e9a0eb441","pinnedFileId","94e5d6c4-8b05-4624-b043-5e79c4343db5","pinPreview",true,"screenshotVersion","likeCount","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","isOwned",{"_97":98,"_132":133},"profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yakh1a0cxcnYweDVXdUJIWUhzb01lU0hhRmMifQ","branch",{"_136":137,"_99":43,"_105":138,"_139":106,"_140":141,"_142":143,"_144":112,"_145":146},"version",1,"bb6fb92a-0a77-11f0-93e4-569c3dd06744","projectId","forkedBranchId","c848cfc0-f3f1-11ef-89f6-569c3dd06744","forkedBranchVersion",1844,"forkedProjectPrivacy","forkedProjectUserId","5d1042a9-7b0b-499d-8a72-3a8ac7a4e185","file",{"_105":149,"_99":150,"_151":152,"_153":154,"_155":138,"_156":137,"_157":119,"_107":158,"_136":33,"_159":160,"_161":162,"_163":27,"_164":-5,"_101":165},"bb71c86e-0a77-11f0-93e4-569c3dd06744","Input.tsx","fileId","bf6895a7-2a07-4a6e-b285-b6fe59fd0760","parentId","338d4d63-81dc-487e-8979-bb37f287f6f6","branchId","branchVersion","latest",["D",1743016981026],"fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { ErrorBoundary } from \"https://esm.sh/react-error-boundary\";\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport { useUrls } from \"https://esm.town/v/nbbaier/hn_notifier/frontend/components/ItemContext.tsx\";\n\ninterface InputProps {\n placeholder?: string;\n initialValue?: string;\n onSubmit?: (url: string) => void;\n}\n\nconst InputComponent: React.FC = ({\n placeholder = \"Enter a Hacker News URL\",\n initialValue = \"\",\n onSubmit,\n}) => {\n const [url, setUrl] = useState(initialValue);\n const { saveUrl, isLoading } = useUrls();\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault(); // Prevent the default form submission\n\n try {\n // Extract the ID from the URL\n const idParam = new URL(url).searchParams.get(\"id\");\n\n if (!idParam) {\n console.error(\"Invalid URL: missing id parameter\");\n return;\n }\n\n const id = parseInt(idParam, 10);\n\n if (isNaN(id)) {\n console.error(\"Invalid ID: not a number\");\n return;\n }\n\n // Save the URL using the context function\n console.log(\"saving:\", id);\n await saveUrl(id);\n\n // Clear the input field\n setUrl(\"\");\n\n // Call the onSubmit callback if provided\n if (onSubmit) {\n onSubmit(url);\n }\n } catch (error) {\n console.error(\"Error submitting URL:\", error);\n }\n };\n\n return (\n \n );\n};\n\nexport default InputComponent;","deleted","subdomain",[166,167,150],"frontend","components","permalink","https://www.val.town/x/charmaine/hn_notifier/code/frontend/components/Input.tsx","extension","routes/embed","actionData","errors"]