[{"_1":2,"_189":-5,"_190":-5},"loaderData",{"_3":4,"_93":94},"root",{"_5":6,"_36":37,"_66":67},"ctx",{"_7":8,"_23":-5,"_24":25,"_26":27,"_28":20,"_29":20,"_30":20,"_31":-5,"_32":33,"_34":20,"_35":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","preferencesChatPanelState","notificationCount",0,"flagDenols","isTeamOrgMember","ENV",{"_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,"_64":65},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","649658ad08db36d20c9686b1f9c11e229c7276ed","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",{"_68":69},"__internal_clerk_state",{"_70":71,"_72":47,"_73":74,"_75":74,"_76":20,"_77":74,"_78":74,"_79":74,"_80":74,"_81":82,"_91":20,"_92":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",{"_83":20,"_19":20,"_84":74,"_85":86,"_87":74,"_88":47,"_89":20,"_90":74},"isSignedIn","proxyUrl","reason","session-token-and-uat-missing","message","publishableKey","isSatellite","domain","__telemetryDisabled","__telemetryDebug","routes/embed.x.$handle.$name.$",{"_95":96,"_97":98,"_99":100,"_101":102,"_162":163,"_186":187,"_188":-5},"handle","ozanatgreenpt","name","thirdTimer","path","src/frontend/components/Footer.tsx","project",{"_103":104,"_97":98,"_105":106,"_107":-5,"_108":20,"_109":110,"_111":112,"_113":-5,"_12":114,"_115":116,"_117":118,"_119":-5,"_120":-5,"_121":33,"_14":122,"_123":124,"_125":126,"_127":128,"_129":128,"_130":131,"_132":131,"_133":131,"_134":128,"_135":128,"_23":136,"_139":140,"_144":145,"_161":20},"id","2564eb70-1099-11f1-8a6a-42dde27851f2","createdAt",["D",1771838536808],"deletedAt","legacyEnvVars","privacy","public","description","This version stores some data, so you can restart the app!","imageUrl","019bfe98-75fd-713b-83d5-edcffcda6af5","pinnedFileId","019c89ce-7cc0-75ad-bf76-e12eeaf4e6b3","pinPreview",true,"pinMigrated","screenshotVersion","likeCount","019bfe98-75fd-713b-83d5-f27288110d30","tursoName","2564eb70109911f18a6a42dde27851f2","tursoHostname","2564eb70109911f18a6a42dde27851f2-val-town.aws-us-east-2.turso.io","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_95":96,"_137":138},"profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzM4cGlWZXRaZkpPd3gzTU9Qb1ZJY3V6a2tVZyJ9","org",{"_95":96,"_141":138,"_12":114,"_142":143},"avatar","tier","free","branch",{"_146":147,"_97":45,"_103":148,"_149":104,"_150":151,"_152":153,"_154":110,"_155":156,"_157":158,"_159":98,"_160":96},"version",120,"2568f8fa-1099-11f1-8a6a-42dde27851f2","projectId","forkedBranchId","d5703b74-7fe8-11f0-a138-0224a6c84d84","forkedBranchVersion",13,"forkedProjectPrivacy","forkedProjectId","d56cf5fe-7fe8-11f0-a138-0224a6c84d84","forkedProjectOrgId","7018ec7d-7a8e-4e8f-93d1-ab6a7334ca50","projectName","userHandle","isOwned","file",{"_103":164,"_97":165,"_166":167,"_168":169,"_170":148,"_171":172,"_173":118,"_105":174,"_146":175,"_176":177,"_178":179,"_180":20,"_181":-5,"_99":182},"06436f3e-10ba-11f1-a177-42dde27851f2","Footer.tsx","fileId","019c89ce-7cc0-75ad-bf76-f96855969dae","parentId","019c89ce-7cc0-75ad-bf77-1d75d56a7b1b","branchId","branchVersion",85,"latest",["D",1771852658008],17,"fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0?dev */\n\nimport React, { useCallback, useEffect, useRef, useState } from \"https://esm.sh/react@18.2.0\";\nimport type { GroupMemberState } from \"../../shared/types.ts\";\nimport { fetchGroupMembers } from \"../utils/group-api.ts\";\nimport { getDisplayName, getPassphrase, setDisplayName, setPassphrase } from \"../utils/passphrase.ts\";\nimport { GroupTimerCard } from \"./GroupTimerCard.tsx\";\nimport { Link } from \"./Link.tsx\";\n\nexport const SOURCE_URL = \"https://val.town/x/nbbaier/thirdTimer\";\n\ninterface FooterProps {\n onPassphraseChange?: () => void;\n}\n\nexport const Footer = function Footer({ onPassphraseChange }: FooterProps) {\n const [activeCount, setActiveCount] = useState(null);\n const [joined, setJoined] = useState(() => !!getPassphrase());\n const [currentPassphrase, setCurrentPassphrase] = useState(() => getPassphrase() ?? \"\");\n const [inputValue, setInputValue] = useState(\"\");\n const [nameInputValue, setNameInputValue] = useState(\"\");\n const [members, setMembers] = useState([]);\n const [groupMessage, setGroupMessage] = useState(null);\n const intervalRef = useRef(null);\n const prevCountRef = useRef(null);\n\n useEffect(() => {\n const fetchCount = () => {\n fetch(\"/api/active-count\")\n .then((r) => r.json())\n .then((data) => setActiveCount(data.count))\n .catch(() => {});\n };\n\n fetchCount();\n const interval = setInterval(fetchCount, 30_000);\n return () => clearInterval(interval);\n }, []);\n\n const pollGroup = useCallback(() => {\n if (!currentPassphrase) return;\n fetchGroupMembers(currentPassphrase)\n .then((newMembers) => {\n setMembers(newMembers);\n const prev = prevCountRef.current;\n const curr = newMembers.length;\n if (prev !== null && curr !== prev) {\n if (curr > prev) {\n console.log(`[group] member joined — now ${curr} members`);\n setGroupMessage(\"Someone joined the group\");\n } else {\n console.log(`[group] member left — now ${curr} members`);\n setGroupMessage(\"Someone left the group\");\n }\n setTimeout(() => setGroupMessage(null), 3000);\n }\n prevCountRef.current = curr;\n })\n .catch(() => {});\n }, [currentPassphrase]);\n\n useEffect(() => {\n if (!joined || !currentPassphrase) {\n setMembers([]);\n if (intervalRef.current) clearInterval(intervalRef.current);\n return;\n }\n\n pollGroup();\n intervalRef.current = setInterval(pollGroup, 10_000);\n return () => {\n if (intervalRef.current) clearInterval(intervalRef.current);\n };\n }, [joined, currentPassphrase, pollGroup]);\n\n const handleJoin = () => {\n const trimmedPassphrase = inputValue.trim();\n const trimmedName = nameInputValue.trim();\n if (!trimmedPassphrase) return;\n setPassphrase(trimmedPassphrase);\n setDisplayName(trimmedName || null);\n setCurrentPassphrase(trimmedPassphrase);\n setJoined(true);\n setInputValue(\"\");\n setNameInputValue(\"\");\n onPassphraseChange?.();\n };\n\n const handleLeave = () => {\n setPassphrase(null);\n setDisplayName(null);\n setCurrentPassphrase(\"\");\n setJoined(false);\n setMembers([]);\n prevCountRef.current = null;\n onPassphraseChange?.();\n };\n\n return (\n \n );\n};\n","deleted","label",[183,184,185,165],"src","frontend","components","permalink","https://www.val.town/x/ozanatgreenpt/thirdTimer/code/src/frontend/components/Footer.tsx","extension","actionData","errors"]