[{"_1":2,"_174":-5,"_175":-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","c71d04600ed436f0908c818d9755ca62c833f233","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,"_148":149,"_171":172,"_173":-5},"handle","arfan","name","summer-notes-v1","path","frontend/components/NoteForm.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,"_147":20},"id","a4d6028c-37f4-11f0-81cf-9e149126039e","createdAt",["D",1748018432550],"deletedAt","legacyEnvVars","privacy","unlisted","description","imageUrl","1601447d-3c17-4580-a190-f6b82a1eb8e2","pinnedFileId","16f0bcb8-37f5-11f0-ac28-9e149126039e","pinPreview",true,"screenshotVersion","likeCount","8789b31e-4477-4b2d-ae0d-cc5f2132061a","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_93":94,"_129":130},"profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJ3WWZ5Sm91SWx1eXRNRTZDazIwbnFiUVV4WiJ9","org",{"_93":94,"_133":130},"avatar","branch",{"_136":137,"_95":43,"_101":138,"_139":102,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":-5,"_145":96,"_146":94},"version",131,"a4d6e86e-37f4-11f0-81cf-9e149126039e","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","isOwned","file",{"_101":150,"_95":151,"_152":153,"_154":155,"_156":138,"_157":158,"_159":115,"_103":160,"_136":161,"_162":163,"_164":165,"_166":20,"_167":-5,"_97":168},"2cde397e-38f9-11f0-8cad-9e149126039e","NoteForm.tsx","fileId","4491039e-37f5-11f0-9e48-9e149126039e","parentId","a36c1429-e237-44c6-80c0-0c3766606bd3","branchId","branchVersion",106,"latest",["D",1748130329915],4,"fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport { Note } from \"../../shared/types.ts\";\nimport { CONFIG, Category, Section, NoteColor } from \"../../shared/config.ts\";\n\ninterface NoteFormProps {\n note?: Note | null;\n config: typeof CONFIG;\n onSubmit: (data: any) => void;\n onSave?: (data: any) => void;\n onClose: () => void;\n isOpen: boolean;\n}\n\nexport default function NoteForm({ note, config, onSubmit, onSave, onClose, isOpen }: NoteFormProps) {\n const [formData, setFormData] = useState<{\n title: string;\n content: string;\n category: Category;\n section: Section;\n color: NoteColor;\n }>({\n title: \"\",\n content: \"\",\n category: config.categories[0],\n section: config.sections[0],\n color: config.note_colors[0]\n });\n\n useEffect(() => {\n if (note) {\n setFormData({\n title: note.title,\n content: note.content,\n category: note.category,\n section: note.section,\n color: note.color\n });\n }\n }, [note]);\n\n const handleSubmit = (e: React.FormEvent) => {\n e.preventDefault();\n onSubmit(formData);\n };\n\n const handleSave = (e: React.MouseEvent) => {\n e.preventDefault();\n if (onSave) {\n onSave(formData);\n }\n };\n\n const handleChange = (field: string, value: string) => {\n setFormData(prev => ({ ...prev, [field]: value }));\n };\n\n const handleClose = () => {\n onClose();\n };\n\n return (\n \n );\n}","deleted","label",[169,170,151],"frontend","components","permalink","https://www.val.town/x/arfan/summer-notes-v1/code/frontend/components/NoteForm.tsx","extension","actionData","errors"]