[{"_1":2,"_172":-5,"_173":-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","0fffb492b08724537e73cd8bc4c3f31babbf0bd5","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,"_146":147,"_169":170,"_171":-5},"handle","moizedits","name","my-first-val","path","frontend/components/ArrayInput.tsx","project",{"_101":102,"_95":96,"_103":104,"_105":-5,"_106":20,"_107":108,"_109":-5,"_110":-5,"_12":111,"_112":-5,"_113":20,"_114":-5,"_115":32,"_14":116,"_117":118,"_119":118,"_120":121,"_122":121,"_123":121,"_124":118,"_125":118,"_23":126,"_129":130,"_132":133,"_145":20},"id","81453866-3681-11f0-80c0-9e149126039e","createdAt",["D",1747859029594],"deletedAt","legacyEnvVars","privacy","public","description","imageUrl","6acd35c0-3681-11f0-aa91-c30dad1a6213","pinnedFileId","pinPreview","screenshotVersion","likeCount","c6597761-ab04-4b5a-86ef-49722a4c597e","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_93":94,"_127":128},"profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJ4UThWT25tU2hOdnJkUWdpWUJFTVVvdTVWZyJ9","org",{"_93":94,"_131":128,"_12":111},"avatar","branch",{"_134":135,"_95":43,"_101":136,"_137":102,"_138":-5,"_139":-5,"_140":-5,"_141":-5,"_142":-5,"_143":96,"_144":94},"version",19,"814582d0-3681-11f0-80c0-9e149126039e","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","isOwned","file",{"_101":148,"_95":149,"_150":151,"_152":153,"_154":136,"_155":156,"_157":158,"_103":159,"_134":32,"_160":161,"_162":163,"_164":20,"_165":-5,"_97":166},"8231f4ac-3682-11f0-81ad-9e149126039e","ArrayInput.tsx","fileId","8231f56a-3682-11f0-81ad-9e149126039e","parentId","27f2e3e5-a744-473d-9101-41f9d32ba8fd","branchId","branchVersion",17,"latest",true,["D",1747859460639],"fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from 'https://esm.sh/react@18.2.0';\n\ninterface ArrayInputProps {\n array: number[];\n onArrayChange: (array: number[]) => void;\n showTarget: boolean;\n target?: number;\n onTargetChange?: (target: number) => void;\n}\n\nconst ArrayInput: React.FC = ({ \n array, \n onArrayChange, \n showTarget, \n target, \n onTargetChange \n}) => {\n const [arrayInput, setArrayInput] = useState(array.join(', '));\n const [targetInput, setTargetInput] = useState(target?.toString() || '');\n const [error, setError] = useState('');\n \n const handleArrayInputChange = (e: React.ChangeEvent) => {\n setArrayInput(e.target.value);\n };\n \n const handleTargetInputChange = (e: React.ChangeEvent) => {\n setTargetInput(e.target.value);\n };\n \n const handleSubmit = (e: React.FormEvent) => {\n e.preventDefault();\n \n try {\n // Parse array input\n const newArray = arrayInput\n .split(',')\n .map(item => item.trim())\n .filter(item => item !== '')\n .map(item => {\n const num = parseInt(item);\n if (isNaN(num)) {\n throw new Error(`Invalid number: ${item}`);\n }\n return num;\n });\n \n if (newArray.length < 2) {\n throw new Error('Please enter at least 2 numbers');\n }\n \n if (newArray.length > 20) {\n throw new Error('Please enter at most 20 numbers');\n }\n \n // Parse target input if needed\n if (showTarget && onTargetChange) {\n const newTarget = parseInt(targetInput);\n if (isNaN(newTarget)) {\n throw new Error('Please enter a valid target number');\n }\n onTargetChange(newTarget);\n }\n \n // Update array\n onArrayChange(newArray);\n setError('');\n } catch (err) {\n setError(err.message);\n }\n };\n \n const generateRandomArray = () => {\n const size = Math.floor(Math.random() * 9) + 5; // 5-13 elements\n const newArray = Array.from({ length: size }, () => Math.floor(Math.random() * 100) + 1);\n setArrayInput(newArray.join(', '));\n onArrayChange(newArray);\n \n // Generate random target if needed\n if (showTarget && onTargetChange) {\n const randomIndex = Math.floor(Math.random() * newArray.length);\n const newTarget = newArray[randomIndex];\n setTargetInput(newTarget.toString());\n onTargetChange(newTarget);\n }\n };\n \n return (\n \n );\n};\n\nexport default ArrayInput;","deleted","label",[167,168,149],"frontend","components","permalink","https://www.val.town/x/moizedits/my-first-val/code/frontend/components/ArrayInput.tsx","extension","actionData","errors"]