[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_113":114,"_115":116},"routes/embed.x.$handle.$name.$",{"_9":10,"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":-5},"handle","excaliburgroup","name","typesafe-typewriter","path","frontend/lib/useChanges.ts","project",{"_22":49,"_11":12,"_35":50,"_51":-5,"_52":44,"_53":54,"_55":54,"_56":57,"_58":-5,"_59":60,"_61":62,"_63":34,"_64":-5,"_65":-5,"_66":38,"_67":68,"_69":70,"_71":72,"_73":74,"_75":-5,"_76":77,"_78":77,"_79":80,"_81":80,"_82":80,"_83":77,"_84":77,"_85":86,"_87":88,"_89":90,"_91":44},"file",{"_22":23,"_11":24,"_25":26,"_27":28,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":-5,"_13":46},"permalink","https://www.val.town/x/excaliburgroup/typesafe-typewriter/code/frontend/lib/useChanges.ts","extension","id","2791252d-945e-4cf6-b950-b320ccd132dc","useChanges.ts","fileId","01a0adc4-f465-7159-a286-7db112ae08c4","parentId","01a0adc4-f465-7159-a286-84fd47d5bb6a","branchId","98145032-61fb-401d-aa37-c2c28c961a2c","branchVersion",1,"latest",true,"createdAt",["D",1789621761083],"version",0,"fileType","script","content","import { useEffect, useRef, useState } from \"https://esm.sh/react@18.2.0\";\nimport { deltaText, isMeaningful } from \"./display.ts\";\nimport type { Answer, QuestionMeta } from \"./types.ts\";\n\n/** How long a row stays lit after a meaningful change. */\nconst HOLD_MS = 1800;\n\nexport type Changes = {\n changed: Record;\n delta: Record;\n};\n\nconst NONE: Changes = { changed: {}, delta: {} };\n\n/**\n * Watch the answers and light up the rows whose judgment actually moved. This\n * is the whole demo: without it, 16 bars twitch at once and the eye has nothing\n * to follow. Rows stay lit for HOLD_MS, so a change is visible even at typing\n * speed.\n */\nexport function useChanges(\n answers: Record | undefined,\n meta: QuestionMeta[],\n): Changes {\n const prev = useRef>({});\n const timers = useRef>>({});\n const [state, setState] = useState(NONE);\n\n useEffect(() => {\n if (!answers) return;\n\n const changed: string[] = [];\n const delta: Record = {};\n for (const m of meta) {\n const before = prev.current[m.id];\n const after = answers[m.id];\n if (!isMeaningful(before, after)) continue;\n changed.push(m.id);\n const text = deltaText(m, before!, after!);\n if (text) delta[m.id] = text;\n }\n prev.current = { ...answers };\n if (!changed.length) return;\n\n setState((s) => ({\n changed: { ...s.changed, ...Object.fromEntries(changed.map((id) => [id, true])) },\n delta: { ...s.delta, ...delta },\n }));\n\n // Deliberately not cleaned up on re-run: a row lit at t=0 must still be lit\n // at t=200ms, when the next answer arrives and this effect runs again.\n for (const id of changed) {\n clearTimeout(timers.current[id]);\n timers.current[id] = setTimeout(() => {\n setState((s) => {\n const next = { ...s.changed };\n delete next[id];\n return { ...s, changed: next };\n });\n }, HOLD_MS);\n }\n }, [answers, meta]);\n\n return state;\n}","deleted",false,"label",[47,48,24],"frontend","lib","f472fece-b77c-49ec-ba6d-5966eeeae35c",["D",1789621761083],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","16 TypeSafe gut-checks on your writing, on every keystroke","imageUrl","userId","afe2b544-cf82-4ec7-b224-73e17d689b31","pinnedFileId","01a0adc4-f466-7590-900b-33f0db60d9c0","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","01a0adc4-89cb-74cf-8562-07488e054c08","tursoName","f472feceb77c49ecba6d5966eeeae35c","tursoHostname","f472feceb77c49ecba6d5966eeeae35c-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789623069662],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_9":10,"_112":108},"org",{"_9":10,"_105":106,"_107":108,"_59":60,"_109":110,"_111":44},"branch",{"_37":32,"_11":92,"_22":30,"_93":49,"_94":95,"_96":97,"_98":54,"_99":100,"_101":102,"_103":12,"_104":10},"isOwned","main","projectId","forkedBranchId","e9a8eeca-33f2-423b-8459-435fd862f66d","forkedBranchVersion",74,"forkedProjectPrivacy","forkedProjectId","c242175a-bb41-49a1-ae69-d9c2930a22f1","forkedProjectOrgId","e81e7335-6d4c-4764-a902-d0962bbfa9f7","projectName","userHandle","displayName","ExcaliburGroupLead","avatar","https://avatars.githubusercontent.com/u/271091673?v=4","tier","free","canRestrictVals","profileImageUrl","ctx",{"_85":-5,"_146":147,"_148":149,"_150":151,"_152":44,"_153":44,"_154":44,"_155":34,"_156":-5,"_157":-7,"_158":-7,"_159":38,"_160":44,"_161":44,"_162":-5,"_163":44,"_164":44,"_165":44,"_166":-5},"ENV",{"_117":118,"_119":120,"_121":92,"_122":123,"_124":125,"_126":127,"_128":129,"_130":131,"_132":133,"_134":135,"_136":137,"_138":139,"_140":141,"_142":143,"_144":145},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e8c4b7030cb7600e4eb0736b15f422c8b8bd130f","RENDER_GIT_BRANCH","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","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town","orgs",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]