\n \n \n\n",[],[357,366],"b11ec618-b1c1-11f0-9e9a-0224a6c84d84","AppContext.tsx","019a1c40-a7c9-77ff-b434-557d28c024c5","019a1c40-a7c9-77ff-b434-5b3a58251124",["D",1761410590580],"/** @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",[],[357,380,373],"context","b11ec9a6-b1c1-11f0-9e9a-0224a6c84d84",["D",1761410590580],[230],[357,380],"b11ebd44-b1c1-11f0-9e9a-0224a6c84d84","UserMenu.tsx","019a1c40-a7c9-77ff-b434-4cc7f0d6a7f8","019a1c40-a7c9-77ff-b434-5081302a4079",["D",1761410590580],"/** @jsxImportSource https://esm.sh/react */\nimport { useEffect, useRef, useState } from \"https://esm.sh/react\";\n\ninterface UserMenuProps {\n handle: string;\n onLogout: () => void;\n}\n\nexport function UserMenu({ handle, onLogout }: UserMenuProps) {\n const [isOpen, setIsOpen] = useState(false);\n const menuRef = useRef(null);\n\n useEffect(() => {\n function handleClickOutside(event: MouseEvent) {\n if (menuRef.current && !menuRef.current.contains(event.target as Node)) {\n setIsOpen(false);\n }\n }\n\n if (isOpen) {\n document.addEventListener(\"mousedown\", handleClickOutside);\n }\n\n return () => {\n document.removeEventListener(\"mousedown\", handleClickOutside);\n };\n }, [isOpen]);\n\n return (\n

\n {/* Desktop: Username button */}\n setIsOpen(!isOpen)}\n className=\"hidden md:flex items-center gap-2 px-3 py-2 rounded-lg hover:bg-gray-100 transition-colors\"\n aria-expanded={isOpen}\n aria-haspopup=\"true\"\n >\n \n @{handle}\n \n \n \n \n \n\n {/* Mobile: Hamburger button */}\n setIsOpen(!isOpen)}\n className=\"md:hidden p-2 rounded-lg hover:bg-gray-100 transition-colors\"\n aria-expanded={isOpen}\n aria-haspopup=\"true\"\n aria-label=\"Menu\"\n >\n \n {isOpen\n ? (\n \n )\n : (\n \n )}\n \n \n\n {/* Dropdown menu */}\n {isOpen && (\n

\n {/* Mobile only: Show username in menu */}\n

@{handle}

\n\n setIsOpen(false)}\n >\n \n \n \n Tools\n \n\n setIsOpen(false)}\n >\n \n \n \n About\n \n\n {\n setIsOpen(false);\n onLogout();\n }}\n className=\"w-full text-left px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 transition-colors\"\n >\n Logout\n \n

\n )}\n

\n );\n}\n",[],[357,393,386],"components","b11eaf3e-b1c1-11f0-9e9a-0224a6c84d84","Tools.tsx","019a1c40-a7c9-77ff-b434-4b5a4dc6a9d1",["D",1761410590580],"/** @jsxImportSource https://esm.sh/react */\nimport { useEffect, useRef, useState } from \"https://esm.sh/react\";\n\nexport function Tools() {\n const [copied, setCopied] = useState(false);\n const bookmarkletContainerRef = useRef(null);\n\n const bookmarkletCode =\n `javascript:(function(){window.open('https://kipclip.com/save?url='+encodeURIComponent(location.href),'kipclip','width=600,height=700')})()`;\n\n useEffect(() => {\n // Set href directly on DOM element after render to bypass React\n if (bookmarkletContainerRef.current) {\n const anchor = bookmarkletContainerRef.current.querySelector(\"a\");\n if (anchor) {\n anchor.href = bookmarkletCode;\n }\n }\n }, [bookmarkletCode]);\n\n async function handleCopy() {\n try {\n await navigator.clipboard.writeText(bookmarkletCode);\n setCopied(true);\n setTimeout(() => setCopied(false), 2000);\n } catch (err) {\n console.error(\"Failed to copy:\", err);\n }\n }\n\n return (\n

\n \n \n \n kipclip\n \n \n \n Back to Bookmarks\n \n

\n\n

\n Save from Anywhere\n

\n Add bookmarks to kipclip from any website with these tools\n

\n\n {/* Bookmarklet Section */}\n

\n \n \n \n

\n Browser Bookmarklet\n

\n Works on all desktop browsers (Chrome, Firefox, Safari, Edge)\n

\n\n {/* Draggable Bookmarklet */}\n

\n Drag this button to your bookmarks bar:\n

\n e.preventDefault()}\n className=\"inline-flex items-center gap-2 px-6 py-3 rounded-lg font-bold text-white shadow-lg hover:shadow-xl transition-shadow cursor-move select-none\"\n style={{ backgroundColor: \"var(--coral)\" }}\n draggable=\"true\"\n >\n \n \n \n Kip it\n \n

\n\n {/* Instructions */}\n

\n How to install:\n

\n 1.\n \n Make sure your bookmarks bar is visible (press{\" \"}\n \n Cmd+Shift+B\n {\" \"}\n or{\" \"}\n \n Ctrl+Shift+B\n )\n \n
\n 2.\n \n Drag the \"Kip it\" button above to your bookmarks bar\n \n
\n 3.\n \n When you're on a page you want to save, click the\n bookmarklet in your bookmarks bar\n \n

\n\n {/* Alternative Methods */}\n

\n Alternative installation methods:\n

\n Method 2:{\" \"}\n Right-click the button above and select \"Bookmark This Link\"\n or \"Add to Bookmarks\"\n

\n Method 3:{\" \"}\n Copy the code and create a bookmark manually:\n

\n \n {bookmarkletCode}\n \n \n {copied ? \"Copied!\" : \"Copy\"}\n \n

\n\n {/* Mobile Section */}\n

\n \n \n \n

\n Mobile Devices\n

\n Save bookmarks from your phone or tablet\n

\n\n

\n iOS Shortcut (Recommended):\n

\n Install the \"Kip it\" shortcut to save bookmarks from Safari's\n share menu with one tap.\n

\n \n \n \n \n Get iOS Shortcut\n \n

\n After installing, \"Kip it\" will appear in your share menu when\n viewing web pages in Safari.\n

\n\n

\n Android (Chrome):\n

\n 1.\n Open kipclip.com in Chrome\n
\n 2.\n \n Tap the menu (⋮), then \"Add to Home screen\"\n \n
\n 3.\n \n When sharing URLs from other apps, kipclip will appear as a\n share target\n \n

\n\n {/* Help Section */}\n

\n Need help?{\" \"}\n \n Contact us\n \n

\n );\n}\n",[],[357,393,395],"b11ea7f0-b1c1-11f0-9e9a-0224a6c84d84","TagSidebar.tsx","019a1c40-a7c9-77ff-b434-44d0a3f4676c",["D",1761410590580],"/** @jsxImportSource https://esm.sh/react */\nimport { useEffect, useState } from \"https://esm.sh/react\";\nimport { AddTag } from \"./AddTag.tsx\";\nimport { EditTag } from \"./EditTag.tsx\";\nimport { useApp } from \"../context/AppContext.tsx\";\n\nexport function TagSidebar() {\n const {\n tags,\n selectedTags,\n toggleTag,\n clearFilters,\n loadTags: loadTagsFromContext,\n addTag,\n updateTag,\n deleteTag,\n } = useApp();\n\n const [loading, setLoading] = useState(true);\n const [showAddModal, setShowAddModal] = useState(false);\n const [editingTag, setEditingTag] = useState(null);\n const [error, setError] = useState(null);\n\n useEffect(() => {\n loadTags();\n }, []);\n\n async function loadTags() {\n setLoading(true);\n setError(null);\n try {\n await loadTagsFromContext();\n } catch (err: any) {\n setError(err.message);\n } finally {\n setLoading(false);\n }\n }\n\n function handleTagAdded(tag: any) {\n addTag(tag);\n setShowAddModal(false);\n }\n\n function handleTagUpdated(updatedTag: any) {\n updateTag(updatedTag);\n setEditingTag(null);\n }\n\n function handleTagDeleted(tagUri: string) {\n deleteTag(tagUri);\n setEditingTag(null);\n }\n\n // Shared tag item renderer\n function renderTag(tag: any) {\n const isSelected = selectedTags.has(tag.value);\n return (\n {\n toggleTag(tag.value);\n }}\n >\n

\n {isSelected && (\n \n \n \n )}\n {tag.value}\n

\n {\n e.stopPropagation();\n setEditingTag(tag);\n }}\n className={`opacity-0 group-hover:opacity-100 transition p-1 rounded flex-shrink-0 ${\n isSelected ? \"hover:bg-blue-500\" : \"hover:bg-gray-200\"\n }`}\n title=\"Edit tag\"\n >\n \n \n \n \n {\n e.stopPropagation();\n }}\n onDragStart={(e) => {\n e.stopPropagation();\n e.dataTransfer.effectAllowed = \"copy\";\n e.dataTransfer.setData(\"text/plain\", tag.value);\n const listItem = (e.target as HTMLElement).closest(\"li\");\n if (listItem) {\n // Set the drag image to the entire tag card\n e.dataTransfer.setDragImage(listItem, 20, 20);\n listItem.style.opacity = \"0.5\";\n }\n }}\n onDragEnd={(e) => {\n e.stopPropagation();\n const listItem = (e.target as HTMLElement).closest(\"li\");\n if (listItem) {\n listItem.style.opacity = \"1\";\n }\n }}\n className={`opacity-0 group-hover:opacity-100 transition p-1 rounded cursor-grab active:cursor-grabbing flex-shrink-0 ${\n isSelected ? \"hover:bg-blue-500\" : \"hover:bg-gray-200\"\n }`}\n title=\"Drag to bookmark to tag it\"\n >\n \n \n \n \n

\n \n );\n }\n\n if (loading) {\n return (\n <>\n {/* Mobile: Horizontal sticky bar */}\n \n

\n \n\n {/* Desktop: Vertical sidebar */}\n \n

\n \n \n );\n }\n\n return (\n <>\n {/* Mobile: Horizontal sticky bar */}\n \n

\n Tags\n

\n {error\n ? (\n

\n {error}\n

\n )\n : tags.length === 0\n ? (\n

\n No tags yet\n

\n )\n : (\n

\n {tags.map(renderTag)}\n \n )}\n {selectedTags.size > 0 && (\n \n Clear filters\n \n )}\n setShowAddModal(true)}\n className=\"flex-shrink-0 ml-auto p-2 hover:bg-gray-100 rounded-lg transition text-gray-600\"\n title=\"Create tag\"\n >\n \n \n \n \n

\n \n\n {/* Desktop: Vertical sidebar */}\n \n

\n Login Required\n

\n Sign in to save bookmarks to kipclip\n

\n\n \n Sign in with AT Protocol\n \n

\n );\n }\n\n if (saved) {\n return (\n

\n \n \n \n

\n Bookmark Saved!\n

\n Your bookmark has been saved to kipclip\n

\n\n

\n \n Close Window\n \n \n View All Bookmarks\n \n

\n );\n }\n\n return (\n

\n \n

Save Bookmark

\n \n ×\n \n

\n\n

\n Signed in as @{session.handle}\n

\n\n

\n \n URL\n \n setUrl(e.target.value)}\n placeholder=\"https://example.com\"\n className=\"w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-coral focus:border-transparent outline-none transition\"\n disabled={saving}\n autoFocus\n required\n />\n

\n\n {error && (\n

\n {error}\n

\n )}\n\n \n {saving\n ? (\n \n

\n Saving...\n \n )\n : (\n \"Save Bookmark\"\n )}\n \n \n\n

\n The page title and description will be automatically fetched\n

\n );\n}\n",[],[357,393,409],"b11e9c60-b1c1-11f0-9e9a-0224a6c84d84","Login.tsx","019a1c40-a7c9-77ff-b434-3c60e8011552",["D",1761410590580],"/** @jsxImportSource https://esm.sh/react */\nimport { useState } from \"https://esm.sh/react\";\n\nexport function Login() {\n const [handle, setHandle] = useState(\"\");\n const [loading, setLoading] = useState(false);\n\n function handleLogin(e: React.FormEvent) {\n e.preventDefault();\n if (!handle.trim()) return;\n\n setLoading(true);\n try {\n // Redirect to OAuth login\n globalThis.location.href = `/login?handle=${encodeURIComponent(handle)}`;\n } catch (error) {\n console.error(\"Login failed:\", error);\n setLoading(false);\n }\n }\n\n return (\n

\n \n \n kipclip\n \n

\n You find it, you kip it\n

\n\n

\n \n Your AT Protocol handle\n \n setHandle(e.target.value)}\n placeholder=\"alice.bsky.social\"\n className=\"w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-coral focus:border-transparent outline-none transition\"\n disabled={loading}\n autoFocus\n />\n

\n\n \n {loading\n ? (\n \n

\n Connecting...\n \n )\n : (\n \"Sign in with AT Protocol\"\n )}\n \n \n\n

\n kipclip saves bookmarks to your personal data server using the\n {\" \"}\n \n community bookmark lexicon\n \n

\n );\n}\n",[],[357,393,416],"b11e9698-b1c1-11f0-9e9a-0224a6c84d84","EditTag.tsx","019a1c40-a7c9-77ff-b434-38bf34e48882",["D",1761410590580],"/** @jsxImportSource https://esm.sh/react */\nimport { useState } from \"https://esm.sh/react\";\nimport type { EnrichedTag } from \"../../shared/types.ts\";\nimport { useApp } from \"../context/AppContext.tsx\";\n\ninterface EditTagProps {\n tag: EnrichedTag;\n onClose: () => void;\n onTagUpdated: (tag: EnrichedTag) => void;\n onTagDeleted: (tagUri: string) => void;\n}\n\nexport function EditTag(\n { tag, onClose, onTagUpdated, onTagDeleted }: EditTagProps,\n) {\n const { loadBookmarks } = useApp();\n const [value, setValue] = useState(tag.value);\n const [isSubmitting, setIsSubmitting] = useState(false);\n const [isDeleting, setIsDeleting] = useState(false);\n const [error, setError] = useState(null);\n\n // Extract rkey from URI (format: at://did:plc:xxx/com.kipclip.tag/rkey)\n const rkey = tag.uri.split(\"/\").pop()!;\n\n async function handleSubmit(e: React.FormEvent) {\n e.preventDefault();\n\n if (!value.trim()) {\n setError(\"Tag value cannot be empty\");\n return;\n }\n\n const newValue = value.trim();\n const hasChanged = newValue !== tag.value;\n\n if (!hasChanged) {\n // No change, just close\n onClose();\n return;\n }\n\n setIsSubmitting(true);\n setError(null);\n\n try {\n const response = await fetch(`/api/tags/${rkey}`, {\n method: \"PUT\",\n headers: {\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({ value: newValue }),\n });\n\n if (!response.ok) {\n const data = await response.json();\n throw new Error(data.error || \"Failed to update tag\");\n }\n\n const data = await response.json();\n\n // Refresh bookmarks since tag was renamed on them\n if (hasChanged) {\n await loadBookmarks();\n }\n\n if (data.tag) {\n onTagUpdated(data.tag);\n }\n } catch (err: any) {\n setError(err.message);\n setIsSubmitting(false);\n }\n }\n\n async function handleDelete() {\n setIsDeleting(true);\n setError(null);\n\n try {\n // First, fetch usage count\n const usageResponse = await fetch(`/api/tags/${rkey}/usage`);\n if (!usageResponse.ok) {\n throw new Error(\"Failed to check tag usage\");\n }\n\n const usageData = await usageResponse.json();\n const count = usageData.count || 0;\n\n // Show detailed confirmation\n let confirmMessage = `Delete tag \"${tag.value}\"?`;\n if (count > 0) {\n confirmMessage += `\\n\\nThis tag is used on ${count} bookmark${\n count === 1 ? \"\" : \"s\"\n } and will be removed from ${count === 1 ? \"it\" : \"all of them\"}.`;\n confirmMessage += \"\\n\\nThis action cannot be undone.\";\n }\n\n if (!confirm(confirmMessage)) {\n setIsDeleting(false);\n return;\n }\n\n // Delete the tag (backend will remove from bookmarks)\n const deleteResponse = await fetch(`/api/tags/${rkey}`, {\n method: \"DELETE\",\n });\n\n if (!deleteResponse.ok) {\n const data = await deleteResponse.json();\n throw new Error(data.error || \"Failed to delete tag\");\n }\n\n // Refresh bookmarks if any were affected\n if (count > 0) {\n await loadBookmarks();\n }\n\n onTagDeleted(tag.uri);\n } catch (err: any) {\n setError(err.message);\n setIsDeleting(false);\n }\n }\n\n return (\n \n e.stopPropagation()}\n >\n

Edit Tag

\n\n

\n \n Tag Value\n \n setValue(e.target.value)}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500\"\n placeholder=\"Enter tag value\"\n maxLength={64}\n disabled={isSubmitting || isDeleting}\n autoFocus\n />\n

\n {value.length}/64 characters\n

\n\n {error && (\n

\n {error}\n

\n )}\n\n

\n \n {isDeleting ? \"Deleting...\" : \"Delete\"}\n \n\n

\n \n Cancel\n \n \n {isSubmitting ? \"Saving...\" : \"Save\"}\n \n

\n \n \n );\n}\n",[],[357,393,423],"b11e8d56-b1c1-11f0-9e9a-0224a6c84d84","EditBookmark.tsx","019a1c40-a7c9-77ff-b434-365aa8ce408d",["D",1761410590580],"/** @jsxImportSource https://esm.sh/react */\nimport { useState } from \"https://esm.sh/react\";\nimport type { EnrichedBookmark, EnrichedTag } from \"../../shared/types.ts\";\n\ninterface EditBookmarkProps {\n bookmark: EnrichedBookmark;\n availableTags: EnrichedTag[];\n onClose: () => void;\n onBookmarkUpdated: (bookmark: EnrichedBookmark) => void;\n onBookmarkDeleted: (uri: string) => void;\n onTagsChanged?: () => void;\n}\n\nexport function EditBookmark({\n bookmark,\n availableTags,\n onClose,\n onBookmarkUpdated,\n onBookmarkDeleted,\n onTagsChanged,\n}: EditBookmarkProps) {\n const [tags, setTags] = useState(bookmark.tags || []);\n const [tagInput, setTagInput] = useState(\"\");\n const [showSuggestions, setShowSuggestions] = useState(false);\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState(null);\n\n // Editable fields state\n const [title, setTitle] = useState(bookmark.title || \"\");\n const [url, setUrl] = useState(bookmark.subject);\n const [description, setDescription] = useState(bookmark.description || \"\");\n\n // Filter suggestions based on input\n const suggestions = availableTags\n .filter((tag) =>\n tag.value.toLowerCase().includes(tagInput.toLowerCase()) &&\n !tags.includes(tag.value)\n )\n .slice(0, 5);\n\n function handleAddTag(tagValue: string) {\n if (tagValue && !tags.includes(tagValue)) {\n setTags([...tags, tagValue]);\n setTagInput(\"\");\n setShowSuggestions(false);\n }\n }\n\n function handleRemoveTag(tagValue: string) {\n setTags(tags.filter((t) => t !== tagValue));\n }\n\n function handleTagInputKeyDown(e: React.KeyboardEvent) {\n if (e.key === \"Enter\") {\n e.preventDefault();\n if (suggestions.length > 0) {\n handleAddTag(suggestions[0].value);\n } else if (tagInput.trim()) {\n handleAddTag(tagInput.trim());\n }\n } else if (e.key === \"Escape\") {\n setShowSuggestions(false);\n }\n }\n\n async function handleSave() {\n setLoading(true);\n setError(null);\n\n try {\n // Find new tags that don't exist in availableTags\n const existingTagValues = new Set(availableTags.map((t) => t.value));\n const newTags = tags.filter((tag) => !existingTagValues.has(tag));\n\n // Create tag records for new tags\n for (const tagValue of newTags) {\n try {\n await fetch(\"/api/tags\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({ value: tagValue }),\n });\n } catch (err) {\n console.error(`Failed to create tag record for \"${tagValue}\":`, err);\n // Continue even if tag creation fails\n }\n }\n\n // Update bookmark with all editable fields\n const rkey = bookmark.uri.split(\"/\").pop();\n const response = await fetch(`/api/bookmarks/${rkey}`, {\n method: \"PATCH\",\n headers: {\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({\n tags,\n title,\n url,\n description,\n }),\n });\n\n if (!response.ok) {\n throw new Error(\"Failed to update bookmark\");\n }\n\n const data = await response.json();\n\n // Refresh tag list if new tags were created\n if (newTags.length > 0 && onTagsChanged) {\n onTagsChanged();\n }\n\n onBookmarkUpdated(data.bookmark);\n } catch (err: any) {\n setError(err.message);\n setLoading(false);\n }\n }\n\n async function handleDelete() {\n if (!confirm(\"Are you sure you want to delete this bookmark?\")) {\n return;\n }\n\n setLoading(true);\n setError(null);\n\n try {\n const rkey = bookmark.uri.split(\"/\").pop();\n const response = await fetch(`/api/bookmarks/${rkey}`, {\n method: \"DELETE\",\n });\n\n if (!response.ok) {\n throw new Error(\"Failed to delete bookmark\");\n }\n\n onBookmarkDeleted(bookmark.uri);\n } catch (err: any) {\n setError(err.message);\n setLoading(false);\n }\n }\n\n return (\n

Edit Bookmark

\n \n ×\n \n

\n\n

\n {/* Title - Editable */}\n

\n \n Title\n \n setTitle(e.target.value)}\n placeholder=\"Enter bookmark title\"\n className=\"w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-coral focus:border-transparent outline-none transition\"\n disabled={loading}\n />\n

\n\n {/* URL - Editable */}\n

\n\n {/* Description - Editable */}\n

\n \n Description\n \n setDescription(e.target.value)}\n placeholder=\"Enter bookmark description (optional)\"\n rows={3}\n className=\"w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-coral focus:border-transparent outline-none transition resize-y\"\n disabled={loading}\n />\n

\n\n {/* Tags - Editable */}\n

\n \n Tags\n \n\n {/* Current tags */}\n {tags.length > 0 && (\n

\n {tags.map((tag) => (\n \n {tag}\n handleRemoveTag(tag)}\n className=\"text-gray-500 hover:text-red-600 ml-1\"\n disabled={loading}\n >\n ×\n \n \n ))}\n

\n )}\n\n {/* Add tag input */}\n

\n {\n setTagInput(e.target.value);\n setShowSuggestions(true);\n }}\n onKeyDown={handleTagInputKeyDown}\n onFocus={() => setShowSuggestions(true)}\n onBlur={() => setTimeout(() => setShowSuggestions(false), 200)}\n placeholder=\"Add tags...\"\n className=\"w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-coral focus:border-transparent outline-none transition\"\n disabled={loading}\n />\n\n {/* Suggestions dropdown */}\n {showSuggestions && suggestions.length > 0 && (\n

\n {suggestions.map((tag) => (\n handleAddTag(tag.value)}\n className=\"w-full text-left px-4 py-2 hover:bg-gray-50 text-gray-700 text-sm\"\n >\n {tag.value}\n \n ))}\n

\n )}\n

\n\n

\n Type to search existing tags or press Enter to create a new one\n

\n\n {/* Created date */}\n

\n Created {new Date(bookmark.createdAt).toLocaleDateString()} at{\" \"}\n {new Date(bookmark.createdAt).toLocaleTimeString()}\n

\n\n {error && (\n

\n {error}\n

\n )}\n

\n\n {/* Footer with action buttons */}\n

\n \n Cancel\n \n \n {loading\n ? (\n \n

\n Saving...\n \n )\n : (\n \"Save Changes\"\n )}\n \n

\n\n \n Delete Bookmark\n \n

\n );\n}\n",[],[357,393,430],"b11e7f78-b1c1-11f0-9e9a-0224a6c84d84","BookmarkList.tsx","019a1c40-a7c9-77ff-b434-3208bbb7479f",["D",1761410590580],"/** @jsxImportSource https://esm.sh/react */\nimport { useEffect, useRef, useState } from \"https://esm.sh/react\";\nimport { AddBookmark } from \"./AddBookmark.tsx\";\nimport { EditBookmark } from \"./EditBookmark.tsx\";\nimport { useApp } from \"../context/AppContext.tsx\";\n\nexport function BookmarkList() {\n const {\n filteredBookmarks: bookmarks,\n tags: availableTags,\n addBookmark,\n updateBookmark,\n deleteBookmark,\n loadBookmarks: loadBookmarksFromContext,\n loadTags,\n } = useApp();\n\n const [loading, setLoading] = useState(true);\n const [showAddModal, setShowAddModal] = useState(false);\n const [editingBookmark, setEditingBookmark] = useState(null);\n const [error, setError] = useState(null);\n const [dragOverBookmark, setDragOverBookmark] = useState(null);\n\n // Pull-to-refresh state\n const [pullDistance, setPullDistance] = useState(0);\n const [isPulling, setIsPulling] = useState(false);\n const [isRefreshing, setIsRefreshing] = useState(false);\n const touchStartY = useRef(0);\n\n useEffect(() => {\n loadBookmarks();\n }, []);\n\n // Pull-to-refresh touch handlers\n useEffect(() => {\n function isAtTop(): boolean {\n // Check both window scroll and main element scroll for PWA compatibility\n const mainElement = document.querySelector(\"main\");\n const windowAtTop = globalThis.scrollY === 0;\n const mainAtTop = !mainElement || mainElement.scrollTop === 0;\n return windowAtTop && mainAtTop;\n }\n\n function handleTouchStart(e: TouchEvent) {\n // Only start pull if scrolled to top\n if (isAtTop()) {\n touchStartY.current = e.touches[0].clientY;\n setIsPulling(true);\n }\n }\n\n function handleTouchMove(e: TouchEvent) {\n if (!isPulling || isRefreshing) return;\n\n const touchY = e.touches[0].clientY;\n const distance = touchY - touchStartY.current;\n\n // Only pull down, and limit distance\n if (distance > 0 && isAtTop()) {\n e.preventDefault();\n setPullDistance(Math.min(distance, 120));\n }\n }\n\n function handleTouchEnd() {\n if (!isPulling) return;\n\n setIsPulling(false);\n\n // Trigger refresh if pulled far enough\n if (pullDistance > 80) {\n setIsRefreshing(true);\n loadBookmarks().finally(() => {\n setIsRefreshing(false);\n setPullDistance(0);\n });\n } else {\n setPullDistance(0);\n }\n }\n\n // Listen on document level to catch all touch events\n document.addEventListener(\"touchstart\", handleTouchStart, {\n passive: true,\n });\n document.addEventListener(\"touchmove\", handleTouchMove, {\n passive: false,\n });\n document.addEventListener(\"touchend\", handleTouchEnd);\n\n return () => {\n document.removeEventListener(\"touchstart\", handleTouchStart);\n document.removeEventListener(\"touchmove\", handleTouchMove);\n document.removeEventListener(\"touchend\", handleTouchEnd);\n };\n }, [isPulling, pullDistance, isRefreshing]);\n\n async function loadBookmarks() {\n setLoading(true);\n setError(null);\n try {\n await loadBookmarksFromContext();\n } catch (err: any) {\n setError(err.message);\n } finally {\n setLoading(false);\n }\n }\n\n function handleBookmarkUpdated(bookmark: any) {\n updateBookmark(bookmark);\n setEditingBookmark(null);\n }\n\n function handleBookmarkDeleted(uri: string) {\n deleteBookmark(uri);\n setEditingBookmark(null);\n }\n\n function handleBookmarkAdded(bookmark: any) {\n addBookmark(bookmark);\n setShowAddModal(false);\n }\n\n async function handleDropTag(bookmarkUri: string, tagValue: string) {\n try {\n // Extract rkey from URI\n const rkey = bookmarkUri.split(\"/\").pop();\n if (!rkey) {\n throw new Error(\"Invalid bookmark URI\");\n }\n\n // Find the bookmark\n const bookmark = bookmarks.find((b) => b.uri === bookmarkUri);\n if (!bookmark) {\n throw new Error(\"Bookmark not found\");\n }\n\n // Check if tag already exists\n if (bookmark.tags?.includes(tagValue)) {\n return; // Skip if already tagged\n }\n\n // Add tag to existing tags\n const newTags = [...(bookmark.tags || []), tagValue];\n\n // Update via API\n const response = await fetch(`/api/bookmarks/${rkey}`, {\n method: \"PATCH\",\n headers: {\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({ tags: newTags }),\n });\n\n if (!response.ok) {\n throw new Error(\"Failed to update bookmark tags\");\n }\n\n const data = await response.json();\n\n // Update context state\n updateBookmark(data.bookmark);\n } catch (err: any) {\n console.error(\"Failed to add tag to bookmark:\", err);\n alert(`Failed to add tag: ${err.message}`);\n }\n }\n\n function handleVisit(e: React.MouseEvent, url: string) {\n e.stopPropagation();\n globalThis.open(url, \"_blank\", \"noopener,noreferrer\");\n }\n\n async function handleShare(e: React.MouseEvent, bookmark: any) {\n e.stopPropagation();\n\n const shareData = {\n title: bookmark.title || new URL(bookmark.subject).hostname,\n text: bookmark.description\n ? `${\n bookmark.title || new URL(bookmark.subject).hostname\n }\\n\\n${bookmark.description}`\n : bookmark.title || new URL(bookmark.subject).hostname,\n url: bookmark.subject,\n };\n\n // Check if Web Share API is supported\n if (navigator.share) {\n try {\n await navigator.share(shareData);\n } catch (err: any) {\n // User cancelled or share failed\n if (err.name !== \"AbortError\") {\n console.error(\"Share failed:\", err);\n }\n }\n } else {\n // Fallback: copy to clipboard\n try {\n const textToCopy =\n `${shareData.title}\\n${shareData.text}\\n${shareData.url}`;\n await navigator.clipboard.writeText(textToCopy);\n alert(\"Link copied to clipboard!\");\n } catch (err) {\n console.error(\"Failed to copy:\", err);\n alert(\"Sharing not supported on this browser\");\n }\n }\n }\n\n if (loading) {\n return (\n

\n );\n }\n\n if (error) {\n return (\n

Error: {error}

\n \n

\n );\n }\n\n return (\n

\n {/* Pull-to-refresh indicator */}\n 0 ? \"flex\" : \"none\",\n alignItems: \"center\",\n justifyContent: \"center\",\n backgroundColor: \"var(--coral)\",\n color: \"white\",\n zIndex: 40,\n transition: isPulling ? \"none\" : \"height 0.3s ease-out\",\n }}\n >\n {isRefreshing\n ? (\n \n

\n )\n : (\n \n {pullDistance > 80 ? \"↓\" : \"↑\"}\n \n )}\n \n\n

\n {/* Desktop: side-by-side layout */}\n

\n Your Bookmarks\n \n {bookmarks.length}{\" \"}\n {bookmarks.length === 1 ? \"bookmark\" : \"bookmarks\"}\n \n

\n setShowAddModal(true)}\n className=\"btn-primary\"\n >\n + Add Bookmark\n \n

\n\n {/* Mobile: stacked layout */}\n

\n Your Bookmarks\n

\n setShowAddModal(true)}\n className=\"px-3 py-2 text-sm rounded-md\"\n style={{ backgroundColor: \"var(--coral)\", color: \"white\" }}\n >\n + Add\n \n

\n {bookmarks.length}{\" \"}\n {bookmarks.length === 1 ? \"bookmark\" : \"bookmarks\"}\n

\n\n {bookmarks.length === 0\n ? (\n

\n 📚\n

\n No bookmarks yet\n

\n Start collecting your favorite links!\n

\n setShowAddModal(true)}\n className=\"btn-primary\"\n >\n Add Your First Bookmark\n \n

\n )\n : (\n

\n {bookmarks.map((bookmark) => (\n setEditingBookmark(bookmark)}\n onDragOver={(e) => {\n e.preventDefault();\n e.dataTransfer.dropEffect = \"copy\";\n }}\n onDragEnter={(e) => {\n e.preventDefault();\n setDragOverBookmark(bookmark.uri);\n }}\n onDragLeave={(e) => {\n e.preventDefault();\n // Only clear if we're leaving the card itself, not a child\n if (e.currentTarget === e.target) {\n setDragOverBookmark(null);\n }\n }}\n onDrop={(e) => {\n e.preventDefault();\n setDragOverBookmark(null);\n const tagValue = e.dataTransfer.getData(\"text/plain\");\n if (tagValue) {\n handleDropTag(bookmark.uri, tagValue);\n }\n }}\n >\n

\n {bookmark.title || new URL(bookmark.subject).hostname}\n

\n {bookmark.subject}\n

\n\n

\n {new Date(bookmark.createdAt).toLocaleDateString()}\n

\n\n {bookmark.tags && bookmark.tags.length > 0 && (\n

\n {bookmark.tags.map((tag, i) => (\n \n {tag}\n \n ))}\n

\n )}\n\n {/* Desktop: hover-reveal buttons (bottom-right) */}\n

\n handleVisit(e, bookmark.subject)}\n className=\"w-7 h-7 flex items-center justify-center text-gray-600 hover:text-gray-900 bg-white/90 hover:bg-white rounded-md transition-colors shadow-sm\"\n title=\"Visit bookmark\"\n >\n \n \n \n \n handleShare(e, bookmark)}\n className=\"w-7 h-7 flex items-center justify-center text-gray-600 hover:text-gray-900 bg-white/90 hover:bg-white rounded-md transition-colors shadow-sm\"\n title=\"Share bookmark\"\n >\n \n \n \n \n

\n\n {/* Mobile: always-visible buttons (bottom-right) */}\n

\n handleVisit(e, bookmark.subject)}\n className=\"w-8 h-8 flex items-center justify-center text-gray-600 hover:text-gray-900 bg-white/90 hover:bg-white rounded-md transition-colors shadow-sm\"\n title=\"Visit bookmark\"\n >\n \n \n \n \n handleShare(e, bookmark)}\n className=\"w-8 h-8 flex items-center justify-center text-gray-600 hover:text-gray-900 bg-white/90 hover:bg-white rounded-md transition-colors shadow-sm\"\n title=\"Share bookmark\"\n >\n \n \n \n \n

\n ))}\n \n )}\n\n {showAddModal && (\n setShowAddModal(false)}\n onBookmarkAdded={handleBookmarkAdded}\n />\n )}\n\n {editingBookmark && (\n setEditingBookmark(null)}\n onBookmarkUpdated={handleBookmarkUpdated}\n onBookmarkDeleted={handleBookmarkDeleted}\n onTagsChanged={loadTags}\n />\n )}\n \n );\n}\n",[],[357,393,437],"b11e7b68-b1c1-11f0-9e9a-0224a6c84d84","App.tsx","019a1c40-a7c9-77ff-b434-2c7fc0aea44a",["D",1761410590580],"/** @jsxImportSource https://esm.sh/react */\nimport { useEffect, useState } from \"https://esm.sh/react\";\nimport { Login } from \"./Login.tsx\";\nimport { BookmarkList } from \"./BookmarkList.tsx\";\nimport { UserMenu } from \"./UserMenu.tsx\";\nimport { TagSidebar } from \"./TagSidebar.tsx\";\nimport { Tools } from \"./Tools.tsx\";\nimport { About } from \"./About.tsx\";\nimport { Save } from \"./Save.tsx\";\nimport { useApp } from \"../context/AppContext.tsx\";\n\nexport function App() {\n const { session, setSession } = useApp();\n const [loading, setLoading] = useState(true);\n const [currentPath, setCurrentPath] = useState(globalThis.location.pathname);\n\n useEffect(() => {\n checkSession();\n\n // Listen for popstate events to update route\n const handlePopState = () => {\n setCurrentPath(globalThis.location.pathname);\n };\n globalThis.addEventListener(\"popstate\", handlePopState);\n return () => globalThis.removeEventListener(\"popstate\", handlePopState);\n }, []);\n\n async function checkSession() {\n try {\n const response = await fetch(\"/api/auth/session\");\n if (response.ok) {\n const data = await response.json();\n setSession({\n did: data.did,\n handle: data.handle,\n });\n }\n } catch (error) {\n console.error(\"Failed to check session:\", error);\n } finally {\n setLoading(false);\n }\n }\n\n async function handleLogout() {\n try {\n await fetch(\"/api/auth/logout\", { method: \"POST\" });\n setSession(null);\n } catch (error) {\n console.error(\"Failed to logout:\", error);\n }\n }\n\n // Handle special routes that don't require session check\n if (currentPath === \"/tools\") {\n return ;\n }\n\n if (currentPath === \"/about\") {\n return ;\n }\n\n if (currentPath === \"/save\") {\n return ;\n }\n\n if (loading) {\n return (\n

\n );\n }\n\n if (!session) {\n return ;\n }\n\n return (\n

\n \n \n kipclip\n \n

\n \n

\n\n

\n \n

\n );\n}\n",[],[357,393,444],"b11e77f8-b1c1-11f0-9e9a-0224a6c84d84","AddTag.tsx","019a1c40-a7c9-77ff-b434-29ab6f85a651",["D",1761410590580],"/** @jsxImportSource https://esm.sh/react */\nimport { useState } from \"https://esm.sh/react\";\nimport type { EnrichedTag } from \"../../shared/types.ts\";\n\ninterface AddTagProps {\n onClose: () => void;\n onTagAdded: (tag: EnrichedTag) => void;\n}\n\nexport function AddTag({ onClose, onTagAdded }: AddTagProps) {\n const [value, setValue] = useState(\"\");\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState(null);\n\n async function handleSubmit(e: React.FormEvent) {\n e.preventDefault();\n if (!value.trim()) return;\n\n setLoading(true);\n setError(null);\n\n try {\n const response = await fetch(\"/api/tags\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({ value: value.trim() }),\n });\n\n if (!response.ok) {\n const data = await response.json();\n throw new Error(data.error || \"Failed to add tag\");\n }\n\n const data = await response.json();\n onTagAdded(data.tag);\n } catch (err: any) {\n setError(err.message);\n setLoading(false);\n }\n }\n\n return (\n

Create Tag

\n \n ×\n \n

\n\n

\n \n Tag Name\n \n setValue(e.target.value)}\n placeholder=\"e.g., work, personal, reading\"\n maxLength={64}\n className=\"w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-coral focus:border-transparent outline-none transition\"\n disabled={loading}\n autoFocus\n required\n />\n

\n {value.length}/64 characters\n

\n\n {error && (\n

\n {error}\n

\n )}\n\n

\n \n Cancel\n \n \n {loading\n ? (\n \n

\n Creating...\n \n )\n : (\n \"Create Tag\"\n )}\n \n

\n );\n}\n",[],[357,393,451],"b11e749c-b1c1-11f0-9e9a-0224a6c84d84","AddBookmark.tsx","019a1c40-a7c9-77ff-b434-241e5140662b",["D",1761410590580],"/** @jsxImportSource https://esm.sh/react */\nimport { useState } from \"https://esm.sh/react\";\nimport type { EnrichedBookmark } from \"../../shared/types.ts\";\n\ninterface AddBookmarkProps {\n onClose: () => void;\n onBookmarkAdded: (bookmark: EnrichedBookmark) => void;\n}\n\nexport function AddBookmark({ onClose, onBookmarkAdded }: AddBookmarkProps) {\n const [url, setUrl] = useState(\"\");\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState(null);\n\n async function handleSubmit(e: React.FormEvent) {\n e.preventDefault();\n if (!url.trim()) return;\n\n setLoading(true);\n setError(null);\n\n try {\n const response = await fetch(\"/api/bookmarks\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({ url: url.trim() }),\n });\n\n if (!response.ok) {\n const data = await response.json();\n throw new Error(data.error || \"Failed to add bookmark\");\n }\n\n const data = await response.json();\n onBookmarkAdded(data.bookmark);\n } catch (err: any) {\n setError(err.message);\n setLoading(false);\n }\n }\n\n return (\n

Add Bookmark

\n \n ×\n \n

\n\n

\n\n {error && (\n

\n {error}\n

\n )}\n\n

\n \n Cancel\n \n \n {loading\n ? (\n \n

\n Adding...\n \n )\n : (\n \"Add Bookmark\"\n )}\n \n

\n\n

\n The page title will be automatically fetched and saved with your\n bookmark\n

\n );\n}\n",[],[357,393,458],"b11e706e-b1c1-11f0-9e9a-0224a6c84d84","About.tsx","019a1c40-a7c9-77ff-b434-23c348123294",["D",1761410590580],"/** @jsxImportSource https://esm.sh/react */\n\nexport function About() {\n return (\n

\n \n \n \n kipclip\n \n \n \n Back to Bookmarks\n \n

\n\n

\n About kipclip\n

\n kipclip is a simple, open bookmarks app for the AT Protocol. Save\n links you care about, organize them with tags, and browse them from\n any device.\n

\n\n

How it works

\n Your bookmarks are saved as AT Protocol records in your own PDS\n (Personal Data Server) under your account.\n
\n kipclip uses a community lexicon (schema) so other AT Protocol\n apps can read these records too.\n
\n The app UI is a lightweight web client; the data lives with you in\n your PDS.\n

\n\n

\n Important note on privacy\n

\n AT Protocol records are public by default. That means bookmarks you\n save with kipclip are public and discoverable. Please don’t save\n anything sensitive or private.\n

\n\n

Links

\n \n \n \n \n GitHub Repository\n \n \n \n Support this project\n \n \n 🦋\n made bij tijs.org\n \n

\n );\n}\n",[],[357,393,465],"b11ec168-b1c1-11f0-9e9a-0224a6c84d84",["D",1761410590580],[217,218,219,220,221,222,223,224,225,226,227,228],[357,393],"b11ed090-b1c1-11f0-9e9a-0224a6c84d84",["D",1761410590580],[216,229,231,232,233],[357],"b11e6ce0-b1c1-11f0-9e9a-0224a6c84d84","index.ts",["D",1761410590580],"http","import { Hono } from \"https://esm.sh/hono\";\nimport { createATProtoOAuth } from \"jsr:@tijs/atproto-oauth-hono@^0.3.2\";\nimport { DrizzleStorage } from \"jsr:@tijs/atproto-oauth-hono@^0.3.2/drizzle\";\nimport { db, initializeTables } from \"./database/db.ts\";\nimport { staticRoutes } from \"./routes/static.ts\";\nimport { bookmarksApi } from \"./routes/bookmarks.ts\";\nimport { tagsApi } from \"./routes/tags.ts\";\n\n// Run database migrations on startup\nawait initializeTables();\n\n// Create the main app\nconst app = new Hono();\n\n// Get base URL and cookie secret from environment\nconst BASE_URL = Deno.env.get(\"BASE_URL\") ||\n \"https://kipclip-tijs.val.town\";\nconst COOKIE_SECRET = Deno.env.get(\"COOKIE_SECRET\");\n\nif (!COOKIE_SECRET) {\n throw new Error(\"COOKIE_SECRET environment variable is required\");\n}\n\n// Create OAuth integration with DrizzleStorage\nexport const oauth = createATProtoOAuth({\n baseUrl: BASE_URL,\n appName: \"kipclip\",\n cookieSecret: COOKIE_SECRET,\n sessionTtl: 60 * 60 * 24 * 30, // 30 days in seconds\n storage: new DrizzleStorage(db),\n});\n\n// Note: No canonical-host redirect; app runs purely as a standard website\n\n// Mount OAuth routes (provides /login, /oauth/callback, /api/auth/*)\n// @ts-expect-error TS2589: Hono's type inference hits TypeScript's recursion limit with complex nested route types\napp.route(\"/\", oauth.routes);\n\n// Mount bookmarks API (uses oauth.sessions internally)\napp.route(\"/api\", bookmarksApi);\n\n// Mount tags API\napp.route(\"/api\", tagsApi);\n\n// Static file serving and SPA routing\napp.route(\"/\", staticRoutes);\n\n// Error handler - let errors bubble up with full context\napp.onError((err, _c) => {\n console.error(\"Application error:\", err);\n throw err;\n});\n\nexport default app.fetch;\n","bkmrk",[],[175,480],"b11e6740-b1c1-11f0-9e9a-0224a6c84d84","enrichment.ts","019a1c40-a7c9-77ff-b434-13dab18068c8","019a1c40-a7c9-77ff-b434-1475f5d4abaf",["D",1761410590580],"import type { UrlMetadata } from \"../../shared/types.ts\";\n\n/**\n * Extracts metadata from a URL by fetching and parsing the HTML\n */\nexport async function extractUrlMetadata(\n url: string,\n): Promise {\n try {\n // Validate URL\n const parsedUrl = new URL(url);\n if (!parsedUrl.protocol.startsWith(\"http\")) {\n throw new Error(\"Only HTTP(S) URLs are supported\");\n }\n\n // Fetch the URL with a timeout\n const controller = new AbortController();\n const timeoutId = setTimeout(() => controller.abort(), 10000); // 10s timeout\n\n const response = await fetch(url, {\n signal: controller.signal,\n headers: {\n \"User-Agent\":\n \"kipclip-bot/1.0 (Bookmark enrichment; +https://kipclip.com)\",\n },\n });\n\n clearTimeout(timeoutId);\n\n if (!response.ok) {\n throw new Error(`HTTP ${response.status}: ${response.statusText}`);\n }\n\n // Only process HTML content\n const contentType = response.headers.get(\"content-type\") || \"\";\n if (!contentType.includes(\"text/html\")) {\n // For non-HTML content, just return the URL as title\n return {\n title: parsedUrl.hostname,\n };\n }\n\n // Parse HTML\n const html = await response.text();\n return parseHtmlMetadata(html, parsedUrl);\n } catch (error) {\n console.error(`Failed to extract metadata from ${url}:`, error);\n // Return minimal metadata on error\n const parsedUrl = new URL(url);\n return {\n title: parsedUrl.hostname,\n };\n }\n}\n\n/**\n * Parses HTML to extract metadata\n */\nfunction parseHtmlMetadata(html: string, url: URL): UrlMetadata {\n const metadata: UrlMetadata = {};\n\n // Extract title - try tag first\n const titleMatch = html.match(/<title[^>]*>([^<]+)<\\/title>/i);\n if (titleMatch) {\n metadata.title = decodeHtmlEntities(titleMatch[1].trim());\n }\n\n // Try og:title as fallback\n if (!metadata.title) {\n const ogTitleMatch = html.match(\n /<meta[^>]+property=[\"']og:title[\"'][^>]+content=[\"']([^\"']+)[\"']/i,\n );\n if (ogTitleMatch) {\n metadata.title = decodeHtmlEntities(ogTitleMatch[1].trim());\n }\n }\n\n // Extract description from meta tags\n const descMatch = html.match(\n /<meta[^>]+name=[\"']description[\"'][^>]+content=[\"']([^\"']+)[\"']/i,\n );\n if (descMatch) {\n metadata.description = decodeHtmlEntities(descMatch[1].trim());\n }\n\n // Try og:description as fallback\n if (!metadata.description) {\n const ogDescMatch = html.match(\n /<meta[^>]+property=[\"']og:description[\"'][^>]+content=[\"']([^\"']+)[\"']/i,\n );\n if (ogDescMatch) {\n metadata.description = decodeHtmlEntities(ogDescMatch[1].trim());\n }\n }\n\n // Extract favicon\n const faviconMatch = html.match(\n /<link[^>]+rel=[\"'](?:icon|shortcut icon)[\"'][^>]+href=[\"']([^\"']+)[\"']/i,\n );\n if (faviconMatch) {\n const faviconUrl = faviconMatch[1];\n // Resolve relative URLs\n metadata.favicon = new URL(faviconUrl, url).href;\n }\n\n // Default to hostname/favicon.ico if no favicon found\n if (!metadata.favicon) {\n metadata.favicon = new URL(\"/favicon.ico\", url.origin).href;\n }\n\n // Use hostname as fallback title\n if (!metadata.title) {\n metadata.title = url.hostname;\n }\n\n return metadata;\n}\n\n/**\n * Decode common HTML entities\n */\nfunction decodeHtmlEntities(text: string): string {\n const entities: Record<string, string> = {\n \"&\": \"&\",\n \"<\": \"<\",\n \">\": \">\",\n \""\": '\"',\n \"'\": \"'\",\n \"'\": \"'\",\n };\n\n return text.replace(/&[^;]+;/g, (entity) => entities[entity] || entity);\n}\n\n/**\n * Testable function for dependency injection\n */\nexport async function extractUrlMetadataWithFetcher(\n url: string,\n fetcher: typeof fetch = fetch,\n): Promise<UrlMetadata> {\n // This version accepts a custom fetcher for testing\n const originalFetch = globalThis.fetch;\n globalThis.fetch = fetcher;\n try {\n return await extractUrlMetadata(url);\n } finally {\n globalThis.fetch = originalFetch;\n }\n}\n",[],[175,495,488],"services","b11e6ba0-b1c1-11f0-9e9a-0224a6c84d84",["D",1761410590580],[213],[175,495],["D",1761410590580],[],[175,97,76],["D",1761410590580],[],[175,97,89],["D",1761410590580],[],[175,97,95],["D",1761410590580],[209,210,211],[175,97],"b11e4684-b1c1-11f0-9e9a-0224a6c84d84","schema.ts","019a1c40-a7c9-77ff-b433-f9919d10dbbf","019a1c40-a7c9-77ff-b433-feff258a7376",["D",1761410590580],"import {\n integer,\n sqliteTable,\n text,\n} from \"https://esm.sh/drizzle-orm@0.44.5/sqlite-core\";\n\n// Iron session storage table (used by OAuth package)\nexport const ironSessionStorage = sqliteTable(\"iron_session_storage\", {\n key: text(\"key\").primaryKey(),\n value: text(\"value\").notNull(),\n expiresAt: integer(\"expires_at\"),\n createdAt: integer(\"created_at\").notNull(),\n updatedAt: integer(\"updated_at\").notNull(),\n});\n",[],[175,520,513],"database","b11e40bc-b1c1-11f0-9e9a-0224a6c84d84","migrations.ts","019a1c40-a7c9-77ff-b433-f7bdb8fa20d6",["D",1761410590580],"// Database migrations for kipclip\n// This provides proper schema versioning and safe migrations\n\nimport { rawDb } from \"./db.ts\";\n\n// Migration tracking table\nconst MIGRATIONS_TABLE = `\n CREATE TABLE IF NOT EXISTS migrations (\n id INTEGER PRIMARY KEY,\n version TEXT UNIQUE NOT NULL,\n description TEXT NOT NULL,\n executed_at TEXT DEFAULT CURRENT_TIMESTAMP\n )\n`;\n\n// List of all migrations in order\nconst MIGRATIONS = [\n {\n version: \"001_initial_schema\",\n description: \"Create initial OAuth session storage table\",\n sql: `\n -- Create iron_session_storage table for OAuth sessions\n CREATE TABLE IF NOT EXISTS iron_session_storage (\n key TEXT PRIMARY KEY,\n value TEXT NOT NULL,\n expires_at INTEGER,\n created_at INTEGER NOT NULL,\n updated_at INTEGER NOT NULL\n );\n\n -- Create index for efficient cleanup of expired sessions\n CREATE INDEX IF NOT EXISTS idx_iron_session_expires\n ON iron_session_storage(expires_at);\n `,\n },\n];\n\nexport async function runMigrations() {\n console.log(\"🔄 Running database migrations...\");\n\n try {\n // Create migrations table\n await rawDb.execute({\n sql: MIGRATIONS_TABLE,\n args: [],\n });\n\n // Get already executed migrations\n const executed = await rawDb.execute({\n sql: \"SELECT version FROM migrations ORDER BY id\",\n args: [],\n });\n\n // Get executed versions from row arrays (sqlite2 returns arrays, not objects)\n const executedVersions = new Set(\n executed.rows?.map((row) => row[0] as string) || [],\n );\n\n // Run pending migrations\n for (const migration of MIGRATIONS) {\n if (!executedVersions.has(migration.version)) {\n console.log(\n `📝 Running migration: ${migration.version} - ${migration.description}`,\n );\n\n // Split SQL into individual statements (SQLite limitation)\n const statements = migration.sql\n .split(\";\")\n .map((stmt) => stmt.trim())\n .filter((stmt) => stmt.length > 0);\n\n // Execute each statement\n for (const statement of statements) {\n try {\n await rawDb.execute({\n sql: statement,\n args: [],\n });\n } catch (error) {\n console.warn(\n `⚠️ Statement warning (likely table exists): ${error.message}`,\n );\n }\n }\n\n // Record migration as executed\n await rawDb.execute({\n sql: \"INSERT INTO migrations (version, description) VALUES (?, ?)\",\n args: [migration.version, migration.description],\n });\n\n console.log(`✅ Completed migration: ${migration.version}`);\n }\n }\n\n console.log(\"✅ All migrations completed successfully\");\n } catch (error) {\n console.error(\"❌ Migration failed:\", error);\n throw error;\n }\n}\n\nexport async function getMigrationStatus() {\n try {\n await rawDb.execute({\n sql: MIGRATIONS_TABLE,\n args: [],\n });\n const result = await rawDb.execute({\n sql:\n \"SELECT version, description, executed_at FROM migrations ORDER BY id\",\n args: [],\n });\n return result.rows || [];\n } catch (error) {\n console.error(\"Failed to get migration status:\", error);\n return [];\n }\n}\n",[],[175,520,522],"b11e3f7c-b1c1-11f0-9e9a-0224a6c84d84","db.ts","019a1c40-a7c9-77ff-b433-f26fef02cd5c",["D",1761410590580],"// Drizzle ORM database module using Val Town's sqlite\nimport { drizzle } from \"https://esm.sh/drizzle-orm@0.44.5/sqlite-proxy\";\nimport { sqlite } from \"https://esm.town/v/std/sqlite2\";\nimport * as schema from \"./schema.ts\";\n\n// Create Drizzle database instance with schema using sqlite-proxy adapter\nexport const db = drizzle(\n async (sql, params) => {\n const result = await sqlite.execute({ sql, args: params || [] });\n return { rows: result.rows };\n },\n { schema },\n);\n\n// Export raw sqlite for migrations and schema operations\nexport const rawDb = sqlite;\n\n// Initialize all tables using Drizzle migrations\nexport async function initializeTables() {\n // Run proper Drizzle-based migrations\n const { runMigrations } = await import(\"./migrations.ts\");\n await runMigrations();\n}\n",[],[175,520,529],"b11e47a6-b1c1-11f0-9e9a-0224a6c84d84",["D",1761410590580],[205,206,207],[175,520],"b11e6f42-b1c1-11f0-9e9a-0224a6c84d84",["D",1761410590580],[204,208,212,214],[175],"b11e32d4-b1c1-11f0-9e9a-0224a6c84d84","settings.local.json","019a1c40-a7c9-77ff-b433-e979bfeb8bf7","019a1c40-a7c9-77ff-b433-efb77a0884c3",["D",1761410590580],"{\n \"permissions\": {\n \"allow\": [\n \"WebFetch(domain:github.com)\",\n \"WebFetch(domain:jsr.io)\",\n \"WebSearch\",\n \"Bash(deno check:*)\",\n \"Read(//Users/tijs/projects/atproto/anchor-appview/**)\",\n \"Bash(deno fmt:*)\",\n \"Bash(deno task:*)\",\n \"Bash(deno lint:*)\",\n \"Bash(vt push:*)\",\n \"WebFetch(domain:kipclip.val.run)\",\n \"WebFetch(domain:kip.val.run)\",\n \"Bash(find:*)\",\n \"Bash(cat:*)\",\n \"Bash(git add:*)\",\n \"Bash(git commit:*)\",\n \"Bash(git push:*)\",\n \"WebFetch(domain:atproto.com)\",\n \"Bash(python3:*)\",\n \"Read(//Users/tijs/Desktop/**)\",\n \"Read(//Users/tijs/projects/atproto/atproto-oauth-hono/**)\",\n \"Read(//Users/tijs/projects/atproto/**)\",\n \"Bash(deno test:*)\",\n \"Bash(git tag:*)\",\n \"WebFetch(domain:support.apple.com)\",\n \"Bash(git stash)\",\n \"Bash(git stash pop)\",\n \"WebFetch(domain:more.ko-fi.com)\",\n \"WebFetch(domain:www.svgrepo.com)\",\n \"WebFetch(domain:uxwing.com)\"\n ],\n \"deny\": [],\n \"ask\": []\n }\n}\n",[],[551,544],".claude","b11e3dc4-b1c1-11f0-9e9a-0224a6c84d84",["D",1761410590580],[202],[551],["D",1761410590580],{"_11":12,"_145":82},{"_11":12,"_141":-5,"_81":82,"_31":80,"_142":143,"_144":30},{"_39":40,"_13":16,"_33":36,"_133":100,"_134":-5,"_135":-5,"_136":-5,"_137":-5,"_138":-5,"_139":14,"_140":12},"ctx",{"_52":-5,"_164":593,"_594":595,"_596":597,"_598":30,"_599":30,"_600":30,"_601":24,"_602":-5,"_603":-7,"_604":-7,"_605":26,"_606":30,"_607":30,"_608":-5,"_609":30,"_610":30,"_611":30,"_612":-5},"ENV",{"_564":565,"_566":567,"_568":16,"_569":570,"_571":572,"_573":574,"_575":576,"_577":578,"_579":580,"_581":582,"_583":584,"_585":586,"_587":588,"_589":590,"_591":592},"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",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"] </article></body></html>

History · routes