[{"_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,"_150":151,"_172":173,"_174":-5},"handle","nbbaier","name","kipclip-appview","path","frontend/context/AppContext.tsx","project",{"_101":102,"_95":96,"_103":104,"_105":-5,"_106":20,"_107":108,"_109":-5,"_110":-5,"_12":111,"_112":-5,"_113":20,"_114":-5,"_115":32,"_14":116,"_117":118,"_119":118,"_120":121,"_122":121,"_123":121,"_124":118,"_125":118,"_23":126,"_129":130,"_132":133,"_149":20},"id","b113f044-b1c1-11f0-9e9a-0224a6c84d84","createdAt",["D",1761410590580],"deletedAt","legacyEnvVars","privacy","public","description","imageUrl","5d1042a9-7b0b-499d-8a72-3a8ac7a4e185","pinnedFileId","pinPreview","screenshotVersion","likeCount","5f80108f-7ca4-4327-b77b-089dbe4b5a82","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_93":94,"_127":128},"profileImageUrl","https://secure.gravatar.com/avatar/0129a541b7b3574e92c4afd06c5e32da&d=identicon","org",{"_93":94,"_131":128,"_12":111},"avatar","branch",{"_134":135,"_95":43,"_101":136,"_137":102,"_138":139,"_140":141,"_142":108,"_143":144,"_145":146,"_147":96,"_148":94},"version",1,"b118e5ea-b1c1-11f0-9e9a-0224a6c84d84","projectId","forkedBranchId","940fa826-a799-11f0-b381-0224a6c84d84","forkedBranchVersion",190,"forkedProjectPrivacy","forkedProjectId","940f4f7a-a799-11f0-b381-0224a6c84d84","forkedProjectOrgId","c04d51b2-a7dc-46ca-ad6f-52f47c2906a8","projectName","userHandle","isOwned","file",{"_101":152,"_95":153,"_154":155,"_156":157,"_158":136,"_159":135,"_160":161,"_103":162,"_134":32,"_163":164,"_165":166,"_167":20,"_168":-5,"_97":169},"b11ec618-b1c1-11f0-9e9a-0224a6c84d84","AppContext.tsx","fileId","019a1c40-a7c9-77ff-b434-557d28c024c5","parentId","019a1c40-a7c9-77ff-b434-5b3a58251124","branchId","branchVersion","latest",true,["D",1761410590580],"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\";\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 fetch(\"/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 fetch(\"/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,153],"frontend","context","permalink","https://www.val.town/x/nbbaier/kipclip-appview/code/frontend/context/AppContext.tsx","extension","actionData","errors"]