[{"_1":2,"_176":-5,"_177":-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","ff0419d68e57d8cc3e37e5d3da688157c5dd37c6","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,"_151":152,"_173":174,"_175":-5},"handle","diana123","name","Townie","path","frontend/components/BranchSelect.tsx","project",{"_101":102,"_95":96,"_103":104,"_105":-5,"_106":20,"_107":108,"_109":110,"_111":-5,"_12":112,"_113":-5,"_114":20,"_115":-5,"_116":32,"_14":117,"_118":119,"_120":119,"_121":122,"_123":122,"_124":122,"_125":119,"_126":119,"_23":127,"_130":131,"_133":134,"_150":20},"id","4e6537ea-3fdf-11f0-a2c2-76b3cceeab13","createdAt",["D",1748888877372],"deletedAt","legacyEnvVars","privacy","public","description","create period tracker app","imageUrl","54994f10-3fd6-11f0-8db3-156592191e40","pinnedFileId","pinPreview","screenshotVersion","likeCount","0481865f-6c8a-40ca-86b6-fc3f67a29c55","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_93":94,"_128":129},"profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJ4eGcwRTg4UXRtZGcxWndTM1YzUnBMcUJnNiJ9","org",{"_93":94,"_132":129},"avatar","branch",{"_135":136,"_95":43,"_101":137,"_138":102,"_139":140,"_141":142,"_143":108,"_144":145,"_146":147,"_148":96,"_149":94},"version",1,"4e68ed72-3fdf-11f0-a2c2-76b3cceeab13","projectId","forkedBranchId","8330c2ca-29c6-11f0-8eda-569c3dd06744","forkedBranchVersion",169,"forkedProjectPrivacy","forkedProjectId","832d5cb6-29c6-11f0-8eda-569c3dd06744","forkedProjectOrgId","ba7bb5fb-1abb-4ffb-8f3d-7c244782e5f7","projectName","userHandle","isOwned","file",{"_101":153,"_95":154,"_155":156,"_157":158,"_159":137,"_160":136,"_161":162,"_103":163,"_135":32,"_164":165,"_166":167,"_168":20,"_169":-5,"_97":170},"4e6e3034-3fdf-11f0-a2c2-76b3cceeab13","BranchSelect.tsx","fileId","abace7af-f1db-43bb-9aa5-077756ecd5ee","parentId","74406c9f-5cfb-4ed9-838d-3635bebc87f1","branchId","branchVersion","latest",true,["D",1748888877372],"fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0?dev */\nimport { useMemo } from \"react\";\nimport { useNavigate, useParams } from \"react-router\";\nimport { useBranches } from \"../hooks/useBranches.tsx\";\nimport { useCreateBranch } from \"../hooks/useCreateBranch.tsx\";\n\nconst NEW_BRANCH_VAL = \"__NEW_BRANCH__\";\n\nexport function BranchSelect() {\n const { projectId, branchId } = useParams() as {\n projectId: string;\n branchId: string;\n };\n const navigate = useNavigate();\n const branches = useBranches(projectId);\n const createBranch = useCreateBranch(projectId);\n\n const branch = useMemo(() => {\n if (!branchId) return \"main\";\n if (!branches.data) return \"\";\n const b = branches.data.find((b) => b.id === branchId);\n return b?.name ?? \"main\";\n }, [branchId, branches.data]);\n\n const createBranchPrompt = () => {\n const branchName = window.prompt(\"Create new branch\");\n if (branchName === null || branchName === \"\") return;\n console.log(\"create branch\", branchName);\n createBranch.createBranch({ name: branchName }).then((res) => {\n if (res.error) {\n window.alert(res.error);\n return;\n }\n branches.refetch();\n if (res?.branch?.id) {\n navigate(`/chat/${projectId}/branch/${res.branch.id}`);\n }\n });\n };\n\n const handleChange = (e) => {\n const name = e.target.value;\n if (name === NEW_BRANCH_VAL) {\n return createBranchPrompt();\n }\n const next = branches.data?.find((b) => b.name === name);\n if (next?.id) {\n navigate(`/chat/${projectId}/branch/${next.id}`);\n }\n };\n\n return (\n <>\n \n Branch\n \n \n {branches.loading && }\n {branches.data?.map((branch) => (\n \n ))}\n \n \n \n );\n}\n","deleted","label",[171,172,154],"frontend","components","permalink","https://www.val.town/x/diana123/Townie/code/frontend/components/BranchSelect.tsx","extension","actionData","errors"]