[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_110":111,"_112":113},"routes/embed.x.$handle.$name.$",{"_9":10,"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":-5},"handle","puf","name","book-explorer","path","frontend/components/Login.tsx","project",{"_22":49,"_11":12,"_35":50,"_51":-5,"_52":44,"_53":54,"_55":54,"_56":57,"_58":-5,"_59":60,"_61":62,"_63":34,"_64":-5,"_65":-5,"_66":38,"_67":68,"_69":-5,"_70":-5,"_71":-5,"_72":-5,"_73":74,"_75":74,"_76":77,"_78":77,"_79":77,"_80":74,"_81":74,"_82":83,"_84":85,"_86":87,"_88":44},"file",{"_22":23,"_11":24,"_25":26,"_27":28,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":-5,"_13":46},"permalink","https://www.val.town/x/puf/book-explorer/code/frontend/components/Login.tsx","extension","id","f9fc947e-9111-438d-bba5-734775151edb","Login.tsx","fileId","01a001de-e00b-7376-9430-657618f20e05","parentId","01a001de-e00b-7376-9430-69e64d25a08e","branchId","3c85d5e5-04a7-4e4e-a80e-4ead07d80b71","branchVersion",1,"latest",true,"createdAt",["D",1786737778590],"version",0,"fileType","script","content","/** @jsxImportSource https://esm.sh/react */\nimport React, { useState } from \"https://esm.sh/react\";\nexport function Login() {\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState(null);\n const [handle, setHandle] = useState(\"\");\n\n const handleSubmit = (e: React.FormEvent) => {\n e.preventDefault();\n setLoading(true);\n setError(null);\n\n if (!handle.trim()) {\n setError(\"Please enter your Bluesky handle\");\n setLoading(false);\n return;\n }\n\n try {\n // Direct redirect to OAuth package's login endpoint with handle parameter\n globalThis.location.href = `/login?handle=${\n encodeURIComponent(handle.trim())\n }`;\n } catch (error) {\n console.error(\"Login failed:\", error);\n setError(\"Failed to start login process\");\n setLoading(false);\n }\n };\n\n return (\n

\n Login to Book Explorer\n

\n\n

\n {error && (\n

\n {error}\n

\n )}\n\n

\n \n Bluesky Handle\n \n {\n const target = e.target as HTMLInputElement;\n setHandle(target.value);\n }}\n placeholder=\"your-handle.bsky.social\"\n className=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n disabled={loading}\n required\n />\n

\n Enter your Bluesky handle (with or without .bsky.social)\n

\n\n \n {loading ? \"Authenticating...\" : \"Login with Bluesky\"}\n \n \n\n

\n 📚 Book Explorer - Manage your Bluesky book collection\n

\n Uses OAuth for secure authentication. Only you can access and modify\n your book records.\n

\n );\n}\n","deleted",false,"label",[47,48,24],"frontend","components","4a96eee3-533f-412b-8133-dd32795fc18d",["D",1786737778590],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","","imageUrl","userId","dbc2eaf5-6585-43f5-8eaa-f18c7e2c0249","pinnedFileId","01a001de-e00b-7376-9430-58b08610e2e9","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","e84da261-8841-4e35-8772-7604500a2ff8","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_9":10,"_109":105},"org",{"_9":10,"_103":10,"_104":105,"_59":60,"_106":107,"_108":44},"branch",{"_37":89,"_11":90,"_22":30,"_91":49,"_92":93,"_94":95,"_96":54,"_97":98,"_99":100,"_101":12,"_102":10},"isOwned",3,"main","projectId","forkedBranchId","b9acac30-705a-11f0-8062-0224a6c84d84","forkedBranchVersion",96,"forkedProjectPrivacy","forkedProjectId","b9ac3f66-705a-11f0-8062-0224a6c84d84","forkedProjectOrgId","c04d51b2-a7dc-46ca-ad6f-52f47c2906a8","projectName","userHandle","displayName","avatar","https://secure.gravatar.com/avatar/4df6cf8a2fa4219b0990c579e3f5cffd.jpg?s=200&d=identicon","tier","free","canRestrictVals","profileImageUrl","ctx",{"_82":-5,"_143":144,"_145":146,"_147":148,"_149":44,"_150":44,"_151":44,"_152":34,"_153":-5,"_154":-7,"_155":-7,"_156":38,"_157":44,"_158":44,"_159":-5,"_160":44,"_161":44,"_162":44,"_163":-5},"ENV",{"_114":115,"_116":117,"_118":90,"_119":120,"_121":122,"_123":124,"_125":126,"_127":128,"_129":130,"_131":132,"_133":134,"_135":136,"_137":138,"_139":140,"_141":142},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e8c4b7030cb7600e4eb0736b15f422c8b8bd130f","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","orgs",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]