[{"_1":2,"_175":-5,"_176":-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","2c0721760fd9b1dbbb286cd802e37f338d938669","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,"_149":150,"_172":173,"_174":-5},"handle","tijs","name","kipclip-appview","path","frontend/context/AppContext.tsx","project",{"_101":102,"_95":96,"_103":104,"_105":-5,"_106":20,"_107":108,"_109":110,"_111":112,"_12":113,"_114":-5,"_115":20,"_116":-5,"_117":118,"_14":119,"_120":121,"_122":121,"_123":124,"_125":124,"_126":124,"_127":121,"_128":121,"_23":129,"_132":133,"_135":136,"_148":20},"id","940f4f7a-a799-11f0-b381-0224a6c84d84","createdAt",["D",1760293850431],"deletedAt","legacyEnvVars","privacy","public","description","Save bookmarks using atproto","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/6467765b-035a-4037-8ef2-4140b8d0d300/square512","14049850-28c1-11f0-89c9-c7d0e2d9e1ea","pinnedFileId","pinPreview","screenshotVersion","likeCount",1,"c04d51b2-a7dc-46ca-ad6f-52f47c2906a8","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_93":94,"_130":131},"profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yd2Nod2N0bE1MWFdEUlRYd083ZE5pbXJ1bDAifQ","org",{"_93":94,"_134":131,"_12":113},"avatar","branch",{"_137":138,"_95":43,"_101":139,"_140":102,"_141":-5,"_142":-5,"_143":-5,"_144":-5,"_145":-5,"_146":96,"_147":94},"version",234,"940fa826-a799-11f0-b381-0224a6c84d84","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","isOwned","file",{"_101":151,"_95":152,"_153":154,"_155":156,"_157":139,"_158":159,"_160":161,"_103":162,"_137":118,"_163":164,"_165":166,"_167":20,"_168":-5,"_97":169},"52bc45b2-b362-11f0-9d97-0224a6c84d84","AppContext.tsx","fileId","e4efbcb8-ab5e-11f0-ab3f-0224a6c84d84","parentId","e4ac89de-ab5e-11f0-9018-0224a6c84d84","branchId","branchVersion",198,"latest",true,["D",1761589532423],"fileType","script","content","/** @jsxImportSource https://esm.sh/react */\nimport {\n createContext,\n type ReactNode,\n useContext,\n useState,\n} from \"https://esm.sh/react\";\nimport type {\n EnrichedBookmark,\n EnrichedTag,\n SessionInfo,\n} from \"../../shared/types.ts\";\nimport { apiGet } from \"../utils/api.ts\";\n\ninterface AppState {\n session: SessionInfo | null;\n bookmarks: EnrichedBookmark[];\n tags: EnrichedTag[];\n selectedTags: Set;\n loading: boolean;\n}\n\ninterface AppContextValue extends AppState {\n // Session actions\n setSession: (session: SessionInfo | null) => void;\n\n // Bookmark actions\n setBookmarks: (bookmarks: EnrichedBookmark[]) => void;\n addBookmark: (bookmark: EnrichedBookmark) => void;\n updateBookmark: (bookmark: EnrichedBookmark) => void;\n deleteBookmark: (uri: string) => void;\n loadBookmarks: () => Promise;\n\n // Tag actions\n setTags: (tags: EnrichedTag[]) => void;\n addTag: (tag: EnrichedTag) => void;\n updateTag: (tag: EnrichedTag) => void;\n deleteTag: (uri: string) => void;\n loadTags: () => Promise;\n\n // Filter actions\n toggleTag: (tagValue: string) => void;\n clearFilters: () => void;\n\n // Computed values\n filteredBookmarks: EnrichedBookmark[];\n}\n\nconst AppContext = createContext(null);\n\nexport function AppProvider({ children }: { children: ReactNode }) {\n const [session, setSession] = useState(null);\n const [bookmarks, setBookmarks] = useState([]);\n const [tags, setTags] = useState([]);\n const [selectedTags, setSelectedTags] = useState>(new Set());\n const [loading, _setLoading] = useState(true);\n\n // Bookmark actions\n async function loadBookmarks() {\n try {\n const response = await apiGet(\"/api/bookmarks\");\n if (!response.ok) {\n throw new Error(\"Failed to load bookmarks\");\n }\n const data = await response.json();\n setBookmarks(data.bookmarks);\n } catch (err) {\n console.error(\"Failed to load bookmarks:\", err);\n throw err;\n }\n }\n\n function addBookmark(bookmark: EnrichedBookmark) {\n setBookmarks((prev) => [bookmark, ...prev]);\n }\n\n function updateBookmark(bookmark: EnrichedBookmark) {\n setBookmarks((prev) =>\n prev.map((b) => b.uri === bookmark.uri ? bookmark : b)\n );\n }\n\n function deleteBookmark(uri: string) {\n setBookmarks((prev) => prev.filter((b) => b.uri !== uri));\n }\n\n // Tag actions\n async function loadTags() {\n try {\n const response = await apiGet(\"/api/tags\");\n if (!response.ok) {\n throw new Error(\"Failed to load tags\");\n }\n const data = await response.json();\n setTags(data.tags);\n } catch (err) {\n console.error(\"Failed to load tags:\", err);\n throw err;\n }\n }\n\n function addTag(tag: EnrichedTag) {\n setTags((prev) => [tag, ...prev]);\n }\n\n function updateTag(tag: EnrichedTag) {\n setTags((prev) => prev.map((t) => t.uri === tag.uri ? tag : t));\n }\n\n function deleteTag(uri: string) {\n setTags((prev) => prev.filter((t) => t.uri !== uri));\n }\n\n // Filter actions\n function toggleTag(tagValue: string) {\n setSelectedTags((prev) => {\n const newSet = new Set(prev);\n if (newSet.has(tagValue)) {\n newSet.delete(tagValue);\n } else {\n newSet.add(tagValue);\n }\n return newSet;\n });\n }\n\n function clearFilters() {\n setSelectedTags(new Set());\n }\n\n // Computed values\n const filteredBookmarks = selectedTags.size === 0\n ? bookmarks\n : bookmarks.filter((bookmark) =>\n [...selectedTags].every((tag) => bookmark.tags?.includes(tag))\n );\n\n const value: AppContextValue = {\n // State\n session,\n bookmarks,\n tags,\n selectedTags,\n loading,\n\n // Session actions\n setSession,\n\n // Bookmark actions\n setBookmarks,\n addBookmark,\n updateBookmark,\n deleteBookmark,\n loadBookmarks,\n\n // Tag actions\n setTags,\n addTag,\n updateTag,\n deleteTag,\n loadTags,\n\n // Filter actions\n toggleTag,\n clearFilters,\n\n // Computed values\n filteredBookmarks,\n };\n\n return {children};\n}\n\nexport function useApp() {\n const context = useContext(AppContext);\n if (!context) {\n throw new Error(\"useApp must be used within AppProvider\");\n }\n return context;\n}\n","deleted","label",[170,171,152],"frontend","context","permalink","https://www.val.town/x/tijs/kipclip-appview/code/frontend/context/AppContext.tsx","extension","actionData","errors"]