[{"_1":2,"_177":-5,"_178":-5},"loaderData",{"_3":4,"_91":92},"root",{"_5":6,"_34":35,"_64":65},"ctx",{"_7":8,"_23":-5,"_24":25,"_26":27,"_28":20,"_29":20,"_30":20,"_31":32,"_33":20},"auth",{"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":20,"_21":22},"sessionClaims","sessionId","sessionStatus","userId","actor","orgId","orgRole","orgSlug","orgPermissions","factorVerificationAge","isAuthenticated",false,"tokenType","session_token","user","preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","notificationCount",0,"flagDenols","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,"_62":63},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","77fda040d260e43e66e3017d68686b51ac04eda6","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/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","API_URL","https://api.val.town","clerkState",{"_66":67},"__internal_clerk_state",{"_68":69,"_70":45,"_71":72,"_73":72,"_74":20,"_75":72,"_76":72,"_77":72,"_78":72,"_79":80,"_89":20,"_90":20},"__clerk_ssr_state",{"_21":22,"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":20},"__publishableKey","__proxyUrl","","__domain","__isSatellite","__signInUrl","__signUpUrl","__afterSignInUrl","__afterSignUpUrl","__clerk_debug",{"_81":20,"_19":20,"_82":72,"_83":84,"_85":72,"_86":45,"_87":20,"_88":72},"isSignedIn","proxyUrl","reason","session-token-and-uat-missing","message","publishableKey","isSatellite","domain","__telemetryDisabled","__telemetryDebug","routes/embed.x.$handle.$name.$",{"_93":94,"_95":96,"_97":98,"_99":100,"_152":153,"_174":175,"_176":-5},"handle","shouser","name","timeline","path","frontend/components/PlayerForm.tsx","project",{"_101":102,"_95":96,"_103":104,"_105":-5,"_106":20,"_107":108,"_109":-5,"_110":-5,"_12":111,"_112":113,"_114":115,"_116":-5,"_117":32,"_14":118,"_119":120,"_121":120,"_122":123,"_124":123,"_125":123,"_126":120,"_127":120,"_23":128,"_131":132,"_134":135,"_151":20},"id","91876650-0c0a-11f0-8733-569c3dd06744","createdAt",["D",1743189997915],"deletedAt","legacyEnvVars","privacy","public","description","imageUrl","387c2a1a-af32-4662-ba80-cb97133b520c","pinnedFileId","283fb3ef-4f3b-4939-9ca0-f872ad257949","pinPreview",true,"screenshotVersion","likeCount","a64c2ee7-6cd7-4fb7-9ff6-03782ed89739","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_93":94,"_129":130},"profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJzR3VCb2xOR0loZEIwRWg5cnlVZUt4ajlpQiJ9","org",{"_93":94,"_133":130},"avatar","branch",{"_136":137,"_95":43,"_101":138,"_139":102,"_140":141,"_142":143,"_144":108,"_145":146,"_147":148,"_149":96,"_150":94},"version",11,"918b7a9c-0c0a-11f0-8733-569c3dd06744","projectId","forkedBranchId","18a180fe-0be7-11f0-bd1f-569c3dd06744","forkedBranchVersion",312,"forkedProjectPrivacy","forkedProjectId","18a1288e-0be7-11f0-bd1f-569c3dd06744","forkedProjectOrgId","f407f111-fdbb-4126-923f-44aed4d9e9ad","projectName","userHandle","isOwned","file",{"_101":154,"_95":155,"_156":157,"_158":159,"_160":138,"_161":162,"_163":115,"_103":164,"_136":32,"_165":166,"_167":168,"_169":20,"_170":-5,"_97":171},"918eb9e6-0c0a-11f0-8733-569c3dd06744","PlayerForm.tsx","fileId","47c6d049-4c0a-4347-afc7-68b5a55e98da","parentId","706f69a8-da97-439f-84cf-fdc56bb3df48","branchId","branchVersion",1,"latest",["D",1743189997915],"fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0?dev */\nimport { defaultPlayerFormData, Player, PlayerFormData } from \"/shared/types.ts\";\nimport { validatePlayerForm } from \"/shared/utils.ts\";\nimport React, { useState } from \"https://esm.sh/react@18.2.0?dev\";\n\ninterface PlayerFormProps {\n onPlayerAdded: (player: Player) => void;\n}\n\nexport function PlayerForm({ onPlayerAdded }: PlayerFormProps) {\n const [formData, setFormData] = useState({ ...defaultPlayerFormData });\n const [errors, setErrors] = useState([]);\n const [isSubmitting, setIsSubmitting] = useState(false);\n\n // Handle form input changes\n const handleChange = (e: React.ChangeEvent) => {\n const { name, value } = e.target;\n setFormData(prev => ({\n ...prev,\n [name]: value,\n }));\n };\n\n // Handle form submission\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n\n // Validate form data\n const validationErrors = validatePlayerForm(formData);\n if (validationErrors.length > 0) {\n setErrors(validationErrors);\n return;\n }\n\n setErrors([]);\n setIsSubmitting(true);\n\n try {\n const response = await fetch(\"/api/players\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify(formData),\n });\n\n if (!response.ok) {\n throw new Error(\"Failed to create player\");\n }\n\n const newPlayer = await response.json();\n onPlayerAdded(newPlayer);\n\n // Reset form\n setFormData({ ...defaultPlayerFormData });\n } catch (err) {\n setErrors([\"Failed to create player. Please try again.\"]);\n console.error(err);\n } finally {\n setIsSubmitting(false);\n }\n };\n\n return (\n \n );\n}","deleted","label",[172,173,155],"frontend","components","permalink","https://www.val.town/x/shouser/timeline/code/frontend/components/PlayerForm.tsx","extension","actionData","errors"]