[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_180":181,"_182":183},"routes/_app.x.$handle.$name",{"_98":97,"_32":45,"_106":85,"_27":107,"_13":14,"_108":-5,"_11":109,"_110":111,"_112":113,"_114":115,"_116":117,"_20":-5,"_118":119,"_120":121,"_122":25,"_123":124,"_125":49,"_126":-5,"_127":-5,"_128":129},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":49,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":31,"_57":49,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":78,"_79":80,"_81":82,"_83":25},"version",3,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","main.tsx","latestPath","fileId","953ddffc-26c4-11f0-9a82-569c3dd06744","name","fileType","http","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Hono } from \"https://esm.sh/hono\";\nimport { debounce } from \"https://esm.sh/lodash-es\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { useDropzone } from \"https://esm.sh/react-dropzone?deps=react@18.2.0,react-dom@18.2.0\";\nimport React, { ReactNode, useCallback, useEffect, useRef, useState } from \"https://esm.sh/react@18.2.0\";\nimport { lastlogin } from \"https://esm.town/v/stevekrouse/lastlogin_safe\";\nimport { LoginWithGoogleButton } from \"https://esm.town/v/stevekrouse/LoginWithGoogleButton\";\n\ninterface TooltipProps {\n children: ReactNode;\n content: string;\n}\n\nfunction Tooltip({ children, content }: TooltipProps) {\n const [isVisible, setIsVisible] = useState(false);\n const tooltipRef = useRef(null);\n\n useEffect(() => {\n const handleClickOutside = (event: MouseEvent) => {\n if (tooltipRef.current && !tooltipRef.current.contains(event.target as Node)) {\n setIsVisible(false);\n }\n };\n\n document.addEventListener(\"mousedown\", handleClickOutside);\n return () => {\n document.removeEventListener(\"mousedown\", handleClickOutside);\n };\n }, []);\n\n return (\n

\n setIsVisible(true)}\n onMouseLeave={() => setIsVisible(false)}\n >\n {children}\n

\n {isVisible && (\n \n {content}\n

\n \n )}\n \n );\n}\n\nfunction formatBytes(bytes: number, decimals = 2) {\n if (bytes === 0) return \"0 Bytes\";\n const k = 1024;\n const dm = decimals < 0 ? 0 : decimals;\n const sizes = [\"Bytes\", \"KB\", \"MB\", \"GB\", \"TB\", \"PB\", \"EB\", \"ZB\", \"YB\"];\n const i = Math.floor(Math.log(bytes) / Math.log(k));\n return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + \" \" + sizes[i];\n}\n\nfunction copyToClipboard(text: string) {\n navigator.clipboard.writeText(text).then(() => {\n console.log(\"Text copied to clipboard\");\n }).catch(err => {\n console.error(\"Failed to copy text: \", err);\n });\n}\n\nfunction ActionMenu({ blob, onDownload, onRename, onDelete, onMoveToPublic, onMoveOutOfPublic }) {\n const [isOpen, setIsOpen] = useState(false);\n const menuRef = useRef(null);\n const isPublic = blob.key.startsWith(\"__public/\");\n const publicUrl = isPublic ? `${window.location.origin}/api/public/${encodeURIComponent(blob.key.slice(9))}` : null;\n\n useEffect(() => {\n function handleClickOutside(event) {\n if (menuRef.current && !menuRef.current.contains(event.target)) {\n event.stopPropagation();\n setIsOpen(false);\n }\n }\n\n document.addEventListener(\"mousedown\", handleClickOutside);\n return () => {\n document.removeEventListener(\"mousedown\", handleClickOutside);\n };\n }, []);\n\n const handleAction = (e, action) => {\n e.stopPropagation();\n setIsOpen(false);\n action();\n };\n\n const handleClick = (e) => {\n e.stopPropagation();\n setIsOpen(!isOpen);\n };\n\n return (\n

\n \n {isOpen && (\n

\n )}\n

\n );\n}\n\nfunction BlobItem({ blob, onSelect, isSelected, onDownload, onRename, onDelete, onMoveToPublic, onMoveOutOfPublic }) {\n const [isLoading, setIsLoading] = useState(false);\n const decodedKey = decodeURIComponent(blob.key);\n const truncatedName = decodedKey;\n\n const handleClick = async () => {\n setIsLoading(!isSelected);\n await onSelect(blob);\n setIsLoading(false);\n };\n\n return (\n \n

\n \n \n \n

\n {truncatedName}\n

\n {formatBytes(blob.size)} • Last modified: {new Date(blob.lastModified).toLocaleString()}\n

\n {isLoading\n ?

\n : (\n \n )}\n

\n \n );\n}\n\ninterface Blob {\n key: string;\n size: number;\n lastModified: string;\n}\n\nfunction App({ initialEmail, initialProfile }) {\n const encodeKey = (key: string) => encodeURIComponent(key);\n const decodeKey = (key: string) => decodeURIComponent(key);\n\n const [blobs, setBlobs] = useState([]);\n const [searchPrefix, setSearchPrefix] = useState(\"\");\n const [limit, setLimit] = useState(20);\n const [selectedBlob, setSelectedBlob] = useState(null);\n const [editContent, setEditContent] = useState(\"\");\n const [email, setEmail] = useState(initialEmail);\n const [profile, setProfile] = useState(initialProfile);\n const [loading, setLoading] = useState(false);\n const [blobContentLoading, setBlobContentLoading] = useState(false);\n const [isDragging, setIsDragging] = useState(false);\n\n const fetchBlobs = useCallback(async () => {\n setLoading(true);\n try {\n const response = await fetch(`/api/blobs?prefix=${encodeKey(searchPrefix)}&limit=${limit}`);\n const data = await response.json();\n setBlobs(data);\n } catch (error) {\n console.error(\"Error fetching blobs:\", error);\n } finally {\n setLoading(false);\n }\n }, [searchPrefix, limit]);\n\n useEffect(() => {\n fetchBlobs();\n }, [fetchBlobs]);\n\n const handleSearch = (e) => {\n const value = e.target.value;\n setSearchPrefix(value);\n };\n\n const handleBlobClick = async (clickedBlob: Blob) => {\n if (selectedBlob && selectedBlob.key === clickedBlob.key) {\n // Deselect if the clicked blob is already selected\n setSelectedBlob(null);\n setEditContent(\"\");\n } else {\n setBlobContentLoading(true);\n try {\n const response = await fetch(`/api/blob?key=${encodeKey(clickedBlob.key)}`);\n const content = await response.text();\n setSelectedBlob({ ...clickedBlob, key: decodeKey(clickedBlob.key) });\n setEditContent(content);\n } catch (error) {\n console.error(\"Error fetching blob content:\", error);\n } finally {\n setBlobContentLoading(false);\n }\n }\n };\n\n const handleSave = async () => {\n try {\n await fetch(`/api/blob?key=${encodeKey(selectedBlob.key)}`, {\n method: \"PUT\",\n body: editContent,\n });\n setBlobs(blobs.map(b => b.key === selectedBlob.key ? { ...b, lastModified: new Date().toISOString() } : b));\n } catch (error) {\n console.error(\"Error saving blob:\", error);\n }\n };\n\n const handleDelete = async (key) => {\n try {\n await fetch(`/api/blob?key=${encodeKey(key)}`, { method: \"DELETE\" });\n setBlobs(blobs.filter(b => b.key !== key));\n if (selectedBlob && selectedBlob.key === key) {\n setSelectedBlob(null);\n }\n } catch (error) {\n console.error(\"Error deleting blob:\", error);\n }\n };\n\n const handleDrop = async (acceptedFiles) => {\n for (const file of acceptedFiles) {\n try {\n const formData = new FormData();\n formData.append(\"file\", file);\n const key = `${searchPrefix}${file.name}`;\n formData.append(\"key\", encodeKey(key));\n await fetch(\"/api/blob\", { method: \"POST\", body: formData });\n const newBlob = { key, size: file.size, lastModified: new Date().toISOString() };\n setBlobs([newBlob, ...blobs]);\n handleBlobClick(newBlob);\n } catch (error) {\n console.error(\"Error uploading file:\", error);\n }\n }\n fetchBlobs();\n };\n\n const { getRootProps, getInputProps, isDragActive } = useDropzone({\n onDrop: handleDrop,\n noClick: true,\n noKeyboard: true,\n });\n\n const handleCreateTextBlob = async () => {\n const key = prompt(\"Enter blob name:\");\n if (key) {\n try {\n const fullKey = `${searchPrefix}${key}`;\n await fetch(`/api/blob?key=${encodeKey(fullKey)}`, {\n method: \"PUT\",\n body: \"\",\n });\n const newBlob = { key: fullKey, size: 0, lastModified: new Date().toISOString() };\n setBlobs([newBlob, ...blobs]);\n handleBlobClick(newBlob);\n } catch (error) {\n console.error(\"Error creating text blob:\", error);\n }\n }\n };\n\n const handleDownload = async (key) => {\n try {\n const response = await fetch(`/api/blob?key=${encodeKey(key)}`);\n const blob = await response.blob();\n const url = window.URL.createObjectURL(blob);\n const a = document.createElement(\"a\");\n a.style.display = \"none\";\n a.href = url;\n a.download = key.split(\"/\").pop();\n document.body.appendChild(a);\n a.click();\n window.URL.revokeObjectURL(url);\n } catch (error) {\n console.error(\"Error downloading blob:\", error);\n }\n };\n\n const handleRename = async (oldKey) => {\n const newKey = prompt(\"Enter new blob name:\", oldKey);\n if (newKey && newKey !== oldKey) {\n try {\n const response = await fetch(`/api/blob?key=${encodeKey(oldKey)}`);\n const content = await response.blob();\n await fetch(`/api/blob?key=${encodeKey(newKey)}`, {\n method: \"PUT\",\n body: content,\n });\n await fetch(`/api/blob?key=${encodeKey(oldKey)}`, { method: \"DELETE\" });\n setBlobs(blobs.map(b => b.key === oldKey ? { ...b, key: newKey } : b));\n if (selectedBlob && selectedBlob.key === oldKey) {\n setSelectedBlob({ ...selectedBlob, key: newKey });\n }\n } catch (error) {\n console.error(\"Error renaming blob:\", error);\n }\n }\n };\n\n const handleMoveToPublic = async (key) => {\n const newKey = `__public/${key}`;\n try {\n const response = await fetch(`/api/blob?key=${encodeKey(key)}`);\n const content = await response.blob();\n await fetch(`/api/blob?key=${encodeKey(newKey)}`, {\n method: \"PUT\",\n body: content,\n });\n await fetch(`/api/blob?key=${encodeKey(key)}`, { method: \"DELETE\" });\n setBlobs(blobs.map(b => b.key === key ? { ...b, key: newKey } : b));\n if (selectedBlob && selectedBlob.key === key) {\n setSelectedBlob({ ...selectedBlob, key: newKey });\n }\n } catch (error) {\n console.error(\"Error moving blob to public folder:\", error);\n }\n };\n\n const handleMoveOutOfPublic = async (key) => {\n const newKey = key.slice(9); // Remove \"__public/\" prefix\n try {\n const response = await fetch(`/api/blob?key=${encodeKey(key)}`);\n const content = await response.blob();\n await fetch(`/api/blob?key=${encodeKey(newKey)}`, {\n method: \"PUT\",\n body: content,\n });\n await fetch(`/api/blob?key=${encodeKey(key)}`, { method: \"DELETE\" });\n setBlobs(blobs.map(b => b.key === key ? { ...b, key: newKey } : b));\n if (selectedBlob && selectedBlob.key === key) {\n setSelectedBlob({ ...selectedBlob, key: newKey });\n }\n } catch (error) {\n console.error(\"Error moving blob out of public folder:\", error);\n }\n };\n\n const handleCloseBlob = () => {\n setSelectedBlob(null);\n setEditContent(\"\");\n };\n\n return (\n

\n \n

Blob Admin

\n \n View Source\n \n

\n {profile && (\n

\n $\"Profile\"$ \n {profile.username}\n Logout\n

\n )}\n

\n {email\n ? (\n

\n \n

Blobs

\n \n New Text Blob\n \n {\n const file = e.target.files[0];\n if (file) {\n await handleDrop([file]);\n }\n }}\n className=\"hidden\"\n id=\"fileInput\"\n />\n \n Upload File\n \n

\n \n

\n Show:\n setLimit(Number(e.target.value))}\n className=\"px-3 py-2 border rounded bg-gray-700 text-white\"\n >\n \n \n \n \n

\n setSearchPrefix(\"__public/\")}\n className=\"text-blue-400 hover:text-blue-300 text-sm mb-2\"\n >\n View public folder\n \n \n ⓘ\n \n

\n {loading\n ? (\n

\n )\n : (\n

\n ))}\n

\n )}\n

\n {selectedBlob && (\n

{selectedBlob.key}

\n \n ✕\n \n

\n {selectedBlob.key.startsWith(\"__public/\") && (\n

\n Public URL:\n \n copyToClipboard(\n `${window.location.origin}/api/public/${encodeURIComponent(selectedBlob.key.slice(9))}`,\n )}\n className=\"text-blue-400 hover:text-blue-300 text-sm\"\n >\n Copy\n \n

\n )}\n

\n {blobContentLoading\n ? (\n

\n )\n : selectedBlob.key.match(/\\.(jpg|jpeg|png|gif)$/i)\n ? (\n \n console.error(\"Error loading image\")}\n />\n

\n )\n : (\n setEditContent(e.target.value)}\n className=\"w-full h-64 p-2 border rounded bg-gray-700 text-white\"\n />\n )}\n {!selectedBlob.key.match(/\\.(jpg|jpeg|png|gif)$/i) && (\n

\n \n Save\n \n

\n )}\n

\n )}\n \n )\n : (\n

\n \n \n via LastLogin\n \n

\n )}\n \n \n );\n}\n\nfunction client() {\n const initialEmail = document.getElementById(\"root\").getAttribute(\"data-email\");\n const initialProfile = JSON.parse(document.getElementById(\"root\").getAttribute(\"data-profile\"));\n createRoot(document.getElementById(\"root\")).render(\n ,\n );\n}\n\nif (typeof document !== \"undefined\") {\n client();\n}\n\nconst app = new Hono();\n\n// Public route without authentication\napp.get(\"/api/public/:id\", async (c) => {\n const key = `__public/${c.req.param(\"id\")}`;\n const { blob } = await import(\"https://esm.town/v/std/blob\");\n try {\n const originalResponse = await blob.get(key);\n if (key.endsWith(\".mp4\")) {\n // Clone original headers and set the correct Content-Type.\n const headers = new Headers(originalResponse.headers);\n headers.set(\"Content-Type\", \"video/mp4\");\n\n // Create a new Response with the same body and status.\n return new Response(originalResponse.body, {\n status: originalResponse.status,\n statusText: originalResponse.statusText,\n headers,\n });\n }\n return originalResponse;\n } catch (e) {\n return c.text(`Blob not found: ${key}`, 404);\n }\n});\n\n// Middleware to check authentication\nconst checkAuth = async (c, next) => {\n const email = c.req.header(\"X-LastLogin-Email\");\n\n if (!email) {\n return c.html(`\n \n \n Blob Admin\n \n \n \n

\n \n \n

\n \n \n `);\n }\n const { ValTown } = await import(\"npm:@valtown/sdk\");\n const vt = new ValTown();\n const { email: authorEmail, profileImageUrl, username } = await vt.me.profile.retrieve();\n // const authorEmail = me.email;\n\n if (email !== authorEmail) {\n return c.html(\n `\n \n \n Access Restricted\n \n \n \n

Access Restricted

\n This Blob Admin is only accessible to ${username}.\n

\n 🔒 You are currently signed in with:
\n ${email}\n

\n To access this val, you must:\n

Sign in with the email associated with your Val Town account
Ensure you are signed in as ${username}

\n \n Logout\n \n \n Sign In\n \n

\n \n View Val Source\n \n

\n \n \n \n \n `);\n});\n\nexport default lastlogin((request: Request) => app.fetch(request));","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Hono } from \"https://esm.sh/hono\";\nimport { debounce } from \"https://esm.sh/lodash-es\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { useDropzone } from \"https://esm.sh/react-dropzone?deps=react@18.2.0,react-dom@18.2.0\";\nimport React, { ReactNode, useCallback, useEffect, useRef, useState } from \"https://esm.sh/react@18.2.0\";\nimport { lastlogin } from \"https://esm.town/v/stevekrouse/lastlogin_safe\";\nimport { LoginWithGoogleButton } from \"https://esm.town/v/stevekrouse/LoginWithGoogleButton\";\nimport { FaFile, FaFolder, FaImage, FaFileAlt, FaFileCode, FaFilePdf, FaFileArchive, FaFileAudio, FaFileVideo } from \"https://esm.sh/react-icons@4.10.1/fa?deps=react@18.2.0\";\nimport { Prism as SyntaxHighlighter } from \"https://esm.sh/react-syntax-highlighter?deps=react@18.2.0\";\nimport { dracula } from \"https://esm.sh/react-syntax-highlighter/dist/esm/styles/prism?deps=react@18.2.0\";\n\ninterface TooltipProps {\n children: ReactNode;\n content: string;\n}\n\nfunction Tooltip({ children, content }: TooltipProps) {\n const [isVisible, setIsVisible] = useState(false);\n const tooltipRef = useRef(null);\n\n useEffect(() => {\n const handleClickOutside = (event: MouseEvent) => {\n if (tooltipRef.current && !tooltipRef.current.contains(event.target as Node)) {\n setIsVisible(false);\n }\n };\n\n document.addEventListener(\"mousedown\", handleClickOutside);\n return () => {\n document.removeEventListener(\"mousedown\", handleClickOutside);\n };\n }, []);\n\n return (\n

\n setIsVisible(true)}\n onMouseLeave={() => setIsVisible(false)}\n >\n {children}\n

\n {isVisible && (\n \n {content}\n

\n \n )}\n \n );\n}\n\nfunction formatBytes(bytes: number, decimals = 2) {\n if (bytes === 0) return \"0 Bytes\";\n const k = 1024;\n const dm = decimals < 0 ? 0 : decimals;\n const sizes = [\"Bytes\", \"KB\", \"MB\", \"GB\", \"TB\", \"PB\", \"EB\", \"ZB\", \"YB\"];\n const i = Math.floor(Math.log(bytes) / Math.log(k));\n return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + \" \" + sizes[i];\n}\n\nfunction copyToClipboard(text: string) {\n navigator.clipboard.writeText(text).then(() => {\n console.log(\"Text copied to clipboard\");\n }).catch(err => {\n console.error(\"Failed to copy text: \", err);\n });\n}\n\nfunction getFileIcon(fileName: string) {\n const extension = fileName.split('.').pop().toLowerCase();\n switch (extension) {\n case 'jpg':\n case 'jpeg':\n case 'png':\n case 'gif':\n return ;\n case 'txt':\n case 'md':\n return ;\n case 'js':\n case 'ts':\n case 'py':\n case 'html':\n case 'css':\n return ;\n case 'pdf':\n return ;\n case 'zip':\n case 'rar':\n case '7z':\n return ;\n case 'mp3':\n case 'wav':\n case 'ogg':\n return ;\n case 'mp4':\n case 'avi':\n case 'mov':\n return ;\n default:\n return ;\n }\n}\n\nfunction ActionMenu({ blob, onDownload, onRename, onDelete, onMoveToPublic, onMoveOutOfPublic, onShare, onEncrypt, onDecrypt }) {\n const [isOpen, setIsOpen] = useState(false);\n const menuRef = useRef(null);\n const isPublic = blob.key.startsWith(\"__public/\");\n const publicUrl = isPublic ? `${window.location.origin}/api/public/${encodeURIComponent(blob.key.slice(9))}` : null;\n\n useEffect(() => {\n function handleClickOutside(event) {\n if (menuRef.current && !menuRef.current.contains(event.target)) {\n event.stopPropagation();\n setIsOpen(false);\n }\n }\n\n document.addEventListener(\"mousedown\", handleClickOutside);\n return () => {\n document.removeEventListener(\"mousedown\", handleClickOutside);\n };\n }, []);\n\n const handleAction = (e, action) => {\n e.stopPropagation();\n setIsOpen(false);\n action();\n };\n\n const handleClick = (e) => {\n e.stopPropagation();\n setIsOpen(!isOpen);\n };\n\n return (\n

\n \n {isOpen && (\n

\n handleAction(e, () => onDownload(blob.key))}\n className=\"block w-full text-left px-4 py-2 text-sm text-white hover:bg-gray-600\"\n >\n Download\n \n handleAction(e, () => onRename(blob.key))}\n className=\"block w-full text-left px-4 py-2 text-sm text-white hover:bg-gray-600\"\n >\n Rename\n \n handleAction(e, () => onDelete(blob.key))}\n className=\"block w-full text-left px-4 py-2 text-sm text-white hover:bg-gray-600\"\n >\n Delete\n \n {isPublic\n ? (\n handleAction(e, () => onMoveOutOfPublic(blob.key))}\n className=\"block w-full text-left px-4 py-2 text-sm text-white hover:bg-gray-600\"\n >\n Move out of public folder\n \n )\n : (\n handleAction(e, () => onMoveToPublic(blob.key))}\n className=\"block w-full text-left px-4 py-2 text-sm text-white hover:bg-gray-600\"\n >\n Move to public folder\n \n )}\n {isPublic && (\n handleAction(e, () => copyToClipboard(publicUrl))}\n className=\"block w-full text-left px-4 py-2 text-sm text-white hover:bg-gray-600\"\n >\n Copy public link\n \n )}\n handleAction(e, () => onShare(blob.key))}\n className=\"block w-full text-left px-4 py-2 text-sm text-white hover:bg-gray-600\"\n >\n Share\n \n handleAction(e, () => onEncrypt(blob.key))}\n className=\"block w-full text-left px-4 py-2 text-sm text-white hover:bg-gray-600\"\n >\n Encrypt\n \n handleAction(e, () => onDecrypt(blob.key))}\n className=\"block w-full text-left px-4 py-2 text-sm text-white hover:bg-gray-600\"\n >\n Decrypt\n \n

\n )}\n

\n );\n}\n\nfunction BlobItem({ blob, onSelect, isSelected, onDownload, onRename, onDelete, onMoveToPublic, onMoveOutOfPublic, onShare, onEncrypt, onDecrypt, onDragStart, onDragOver, onDrop }) {\n const [isLoading, setIsLoading] = useState(false);\n const decodedKey = decodeURIComponent(blob.key);\n const truncatedName = decodedKey;\n\n const handleClick = async () => {\n setIsLoading(!isSelected);\n await onSelect(blob);\n setIsLoading(false);\n };\n\n const handleDragStart = (e) => {\n e.dataTransfer.setData('text/plain', blob.key);\n onDragStart(blob.key);\n };\n\n return (\n onDragOver(e, blob.key)}\n onDrop={(e) => onDrop(e, blob.key)}\n >\n

\n {blob.isFolder ? : getFileIcon(blob.key)}\n

\n {truncatedName}\n

\n {formatBytes(blob.size)} • Last modified: {new Date(blob.lastModified).toLocaleString()}\n

\n {isLoading\n ?

\n : (\n \n )}\n

\n \n );\n}\n\ninterface Blob {\n key: string;\n size: number;\n lastModified: string;\n isFolder: boolean;\n}\n\nfunction App({ initialEmail, initialProfile }) {\n const encodeKey = (key: string) => encodeURIComponent(key);\n const decodeKey = (key: string) => decodeURIComponent(key);\n\n const [blobs, setBlobs] = useState([]);\n const [currentFolder, setCurrentFolder] = useState(\"\");\n const [searchPrefix, setSearchPrefix] = useState(\"\");\n const [limit, setLimit] = useState(20);\n const [selectedBlob, setSelectedBlob] = useState(null);\n const [editContent, setEditContent] = useState(\"\");\n const [email, setEmail] = useState(initialEmail);\n const [profile, setProfile] = useState(initialProfile);\n const [loading, setLoading] = useState(false);\n const [blobContentLoading, setBlobContentLoading] = useState(false);\n const [isDragging, setIsDragging] = useState(false);\n const [selectedFiles, setSelectedFiles] = useState([]);\n const [fileTypeFilter, setFileTypeFilter] = useState(\"\");\n const [uploadProgress, setUploadProgress] = useState<{ [key: string]: number }>({});\n const [isLocked, setIsLocked] = useState(false);\n\n const fetchBlobs = useCallback(async () => {\n setLoading(true);\n try {\n const response = await fetch(`/api/blobs?prefix=${encodeKey(currentFolder)}&limit=${limit}`);\n const data = await response.json();\n setBlobs(data);\n } catch (error) {\n console.error(\"Error fetching blobs:\", error);\n } finally {\n setLoading(false);\n }\n }, [currentFolder, limit]);\n\n useEffect(() => {\n fetchBlobs();\n }, [fetchBlobs]);\n\n const handleSearch = debounce(async (e) => {\n const value = e.target.value;\n setSearchPrefix(value);\n try {\n const response = await fetch(`/api/search?query=${encodeKey(value)}`);\n const data = await response.json();\n setBlobs(data);\n } catch (error) {\n console.error(\"Error searching blobs:\", error);\n }\n }, 300);\n\n const handleBlobClick = async (clickedBlob: Blob) => {\n if (clickedBlob.isFolder) {\n setCurrentFolder(clickedBlob.key);\n return;\n }\n\n if (selectedBlob && selectedBlob.key === clickedBlob.key) {\n setSelectedBlob(null);\n setEditContent(\"\");\n } else {\n setBlobContentLoading(true);\n try {\n const response = await fetch(`/api/blob?key=${encodeKey(clickedBlob.key)}`);\n const content = await response.text();\n setSelectedBlob({ ...clickedBlob, key: decodeKey(clickedBlob.key) });\n setEditContent(content);\n } catch (error) {\n console.error(\"Error fetching blob content:\", error);\n } finally {\n setBlobContentLoading(false);\n }\n }\n };\n\n const handleSave = async () => {\n if (isLocked) {\n alert(\"This file is currently locked for editing.\");\n return;\n }\n\n try {\n await fetch(`/api/blob?key=${encodeKey(selectedBlob.key)}`, {\n method: \"PUT\",\n body: editContent,\n });\n setBlobs(blobs.map(b => b.key === selectedBlob.key ? { ...b, lastModified: new Date().toISOString() } : b));\n } catch (error) {\n console.error(\"Error saving blob:\", error);\n }\n };\n\n const handleDelete = async (key) => {\n try {\n await fetch(`/api/blob?key=${encodeKey(key)}`, { method: \"DELETE\" });\n setBlobs(blobs.filter(b => b.key !== key));\n if (selectedBlob && selectedBlob.key === key) {\n setSelectedBlob(null);\n }\n } catch (error) {\n console.error(\"Error deleting blob:\", error);\n }\n };\n\n const handleDrop = async (acceptedFiles) => {\n for (const file of acceptedFiles) {\n try {\n const formData = new FormData();\n formData.append(\"file\", file);\n const key = `${currentFolder}${file.name}`;\n formData.append(\"key\", encodeKey(key));\n\n const xhr = new XMLHttpRequest();\n xhr.open(\"POST\", \"/api/blob\", true);\n xhr.upload.onprogress = (event) => {\n if (event.lengthComputable) {\n const percentComplete = (event.loaded / event.total) * 100;\n setUploadProgress(prev => ({ ...prev, [key]: percentComplete }));\n }\n };\n xhr.onload = () => {\n if (xhr.status === 200) {\n const newBlob = { key, size: file.size, lastModified: new Date().toISOString(), isFolder: false };\n setBlobs(prev => [newBlob, ...prev]);\n handleBlobClick(newBlob);\n setUploadProgress(prev => {\n const newProgress = { ...prev };\n delete newProgress[key];\n return newProgress;\n });\n }\n };\n xhr.send(formData);\n } catch (error) {\n console.error(\"Error uploading file:\", error);\n }\n }\n };\n\n const { getRootProps, getInputProps, isDragActive } = useDropzone({\n onDrop: handleDrop,\n noClick: true,\n noKeyboard: true,\n });\n\n const handleCreateTextBlob = async () => {\n const key = prompt(\"Enter blob name:\");\n if (key) {\n try {\n const fullKey = `${currentFolder}${key}`;\n await fetch(`/api/blob?key=${encodeKey(fullKey)}`, {\n method: \"PUT\",\n body: \"\",\n });\n const newBlob = { key: fullKey, size: 0, lastModified: new Date().toISOString(), isFolder: false };\n setBlobs([newBlob, ...blobs]);\n handleBlobClick(newBlob);\n } catch (error) {\n console.error(\"Error creating text blob:\", error);\n }\n }\n };\n\n const handleCreateFolder = async () => {\n const folderName = prompt(\"Enter folder name:\");\n if (folderName) {\n const fullKey = `${currentFolder}${folderName}/`;\n const newFolder = { key: fullKey, size: 0, lastModified: new Date().toISOString(), isFolder: true };\n setBlobs([newFolder, ...blobs]);\n }\n };\n\n const handleDownload = async (key) => {\n try {\n const response = await fetch(`/api/blob?key=${encodeKey(key)}`);\n const blob = await response.blob();\n const url = window.URL.createObjectURL(blob);\n const a = document.createElement(\"a\");\n a.style.display = \"none\";\n a.href = url;\n a.download = key.split(\"/\").pop();\n document.body.appendChild(a);\n a.click();\n window.URL.revokeObjectURL(url);\n } catch (error) {\n console.error(\"Error downloading blob:\", error);\n }\n };\n\n const handleRename = async (oldKey) => {\n const newKey = prompt(\"Enter new blob name:\", oldKey);\n if (newKey && newKey !== oldKey) {\n try {\n const response = await fetch(`/api/blob?key=${encodeKey(oldKey)}`);\n const content = await response.blob();\n await fetch(`/api/blob?key=${encodeKey(newKey)}`, {\n method: \"PUT\",\n body: content,\n });\n await fetch(`/api/blob?key=${encodeKey(oldKey)}`, { method: \"DELETE\" });\n setBlobs(blobs.map(b => b.key === oldKey ? { ...b, key: newKey } : b));\n if (selectedBlob && selectedBlob.key === oldKey) {\n setSelectedBlob({ ...selectedBlob, key: newKey });\n }\n } catch (error) {\n console.error(\"Error renaming blob:\", error);\n }\n }\n };\n\n const handleMoveToPublic = async (key) => {\n const newKey = `__public/${key}`;\n try {\n const response = await fetch(`/api/blob?key=${encodeKey(key)}`);\n const content = await response.blob();\n await fetch(`/api/blob?key=${encodeKey(newKey)}`, {\n method: \"PUT\",\n body: content,\n });\n await fetch(`/api/blob?key=${encodeKey(key)}`, { method: \"DELETE\" });\n setBlobs(blobs.map(b => b.key === key ? { ...b, key: newKey } : b));\n if (selectedBlob && selectedBlob.key === key) {\n setSelectedBlob({ ...selectedBlob, key: newKey });\n }\n } catch (error) {\n console.error(\"Error moving blob to public folder:\", error);\n }\n };\n\n const handleMoveOutOfPublic = async (key) => {\n const newKey = key.slice(9); // Remove \"__public/\" prefix\n try {\n const response = await fetch(`/api/blob?key=${encodeKey(key)}`);\n const content = await response.blob();\n await fetch(`/api/blob?key=${encodeKey(newKey)}`, {\n method: \"PUT\",\n body: content,\n });\n await fetch(`/api/blob?key=${encodeKey(key)}`, { method: \"DELETE\" });\n setBlobs(blobs.map(b => b.key === key ? { ...b, key: newKey } : b));\n if (selectedBlob && selectedBlob.key === key) {\n setSelectedBlob({ ...selectedBlob, key: newKey });\n }\n } catch (error) {\n console.error(\"Error moving blob out of public folder:\", error);\n }\n };\n\n const handleShare = async (key) => {\n try {\n const response = await fetch(`/api/share?key=${encodeKey(key)}`);\n const { shareUrl } = await response.json();\n alert(`Share URL: ${shareUrl}`);\n } catch (error) {\n console.error(\"Error sharing blob:\", error);\n }\n };\n\n const handleEncrypt = async (key) => {\n const password = prompt(\"Enter encryption password:\");\n if (password) {\n try {\n await fetch(`/api/encrypt?key=${encodeKey(key)}&password=${encodeKey(password)}`, { method: \"POST\" });\n alert(\"File encrypted successfully.\");\n } catch (error) {\n console.error(\"Error encrypting blob:\", error);\n }\n }\n };\n\n const handleDecrypt = async (key) => {\n const password = prompt(\"Enter decryption password:\");\n if (password) {\n try {\n await fetch(`/api/decrypt?key=${encodeKey(key)}&password=${encodeKey(password)}`, { method: \"POST\" });\n alert(\"File decrypted successfully.\");\n } catch (error) {\n console.error(\"Error decrypting blob:\", error);\n }\n }\n };\n\n const handleCloseBlob = () => {\n setSelectedBlob(null);\n setEditContent(\"\");\n };\n\n const handleDragStart = (key) => {\n setIsDragging(true);\n };\n\n const handleDragOver = (e, targetKey) => {\n e.preventDefault();\n e.stopPropagation();\n };\n\n const handleDrop = async (e, targetKey) => {\n e.preventDefault();\n e.stopPropagation();\n setIsDragging(false);\n\n const sourceKey = e.dataTransfer.getData('text/plain');\n if (sourceKey === targetKey) return;\n\n try {\n await fetch(`/api/move?sourceKey=${encodeKey(sourceKey)}&targetKey=${encodeKey(targetKey)}`, { method: \"POST\" });\n fetchBlobs();\n } catch (error) {\n console.error(\"Error moving blob:\", error);\n }\n };\n\n const handleFileSelection = (key) => {\n setSelectedFiles(prev => {\n if (prev.includes(key)) {\n return prev.filter(k => k !== key);\n } else {\n return [...prev, key];\n }\n });\n };\n\n const handleBatchDelete = async () => {\n if (window.confirm(`Are you sure you want to delete ${selectedFiles.length} files?`)) {\n try {\n await Promise.all(selectedFiles.map(key => fetch(`/api/blob?key=${encodeKey(key)}`, { method: \"DELETE\" })));\n setBlobs(blobs.filter(b => !selectedFiles.includes(b.key)));\n setSelectedFiles([]);\n } catch (error) {\n console.error(\"Error deleting files:\", error);\n }\n }\n };\n\n const handleBatchMove = async () => {\n const targetFolder = prompt(\"Enter target folder:\");\n if (targetFolder) {\n try {\n await Promise.all(selectedFiles.map(key => \n fetch(`/api/move?sourceKey=${encodeKey(key)}&targetKey=${encodeKey(`${targetFolder}/${key.split('/').pop()}`)}`, { method: \"POST\" })\n ));\n fetchBlobs();\n setSelectedFiles([]);\n } catch (error) {\n console.error(\"Error moving files:\", error);\n }\n }\n };\n\n const handleLock = async () => {\n if (selectedBlob) {\n try {\n await fetch(`/api/lock?key=${encodeKey(selectedBlob.key)}`, { method: \"POST\" });\n setIsLocked(true);\n } catch (error) {\n console.error(\"Error locking file:\", error);\n }\n }\n };\n\n const handleUnlock = async () => {\n if (selectedBlob) {\n try {\n await fetch(`/api/unlock?key=${encodeKey(selectedBlob.key)}`, { method: \"POST\" });\n setIsLocked(false);\n } catch (error) {\n console.error(\"Error unlocking file:\", error);\n }\n }\n };\n\n const filteredBlobs = blobs.filter(blob => {\n if (!fileTypeFilter) return true;\n const extension = blob.key.split('.').pop().toLowerCase();\n return fileTypeFilter === extension;\n });\n\n return (\n

\n \n

Blob Admin

\n \n View Source\n \n

\n {profile && (\n

\n $\"Profile\"$ \n {profile.username}\n Logout\n

\n )}\n

\n {email\n ? (\n

\n \n

Blobs

\n \n New Text Blob\n \n \n New Folder\n \n {\n const file = e.target.files[0];\n if (file) {\n await handleDrop([file]);\n }\n }}\n className=\"hidden\"\n id=\"fileInput\"\n />\n \n Upload File\n \n

\n \n

\n setFileTypeFilter(e.target.value)}\n className=\"px-3 py-2 border rounded bg-gray-700 text-white\"\n >\n \n \n \n \n \n \n \n setLimit(Number(e.target.value))}\n className=\"px-3 py-2 border rounded bg-gray-700 text-white\"\n >\n \n \n \n \n

\n setCurrentFolder(currentFolder.split('/').slice(0, -2).join('/') + '/')}\n className=\"text-blue-400 hover:text-blue-300 text-sm\"\n disabled={currentFolder === \"\"}\n >\n ⬆️ Up\n \n {currentFolder || \"Root\"}\n

\n {selectedFiles.length > 0 && (\n

\n \n Delete Selected\n \n \n Move Selected\n \n

\n )}\n

\n {loading\n ? (\n

\n )\n : (\n

\n ))}\n

\n )}\n {Object.keys(uploadProgress).length > 0 && (\n

Upload Progress

\n {Object.entries(uploadProgress).map(([key, progress]) => (\n

{key}

\n ))}\n

\n )}\n

\n {selectedBlob && (\n

{selectedBlob.key}

\n {isLocked ? (\n \n Unlock\n \n ) : (\n \n Lock\n \n )}\n \n ✕\n \n

\n {selectedBlob.key.startsWith(\"__public/\") && (\n

\n )}\n

\n {blobContentLoading\n ? (\n

\n )\n : selectedBlob.key.match(/\\.(jpg|jpeg|png|gif)$/i)\n ? (\n \n console.error(\"Error loading image\")}\n />\n

\n )\n : selectedBlob.key.match(/\\.(pdf)$/i)\n ? (\n \n )\n : selectedBlob.key.match(/\\.(mp3|wav|ogg)$/i)\n ? (\n

\n )\n : selectedBlob.key.match(/\\.(mp4|webm|ogg)$/i)\n ? (\n

\n )\n : selectedBlob.key.match(/\\.(js|ts|py|html|css|json)$/i)\n ? (\n \n {editContent}\n \n )\n : (\n setEditContent(e.target.value)}\n className=\"w-full h-64 p-2 border rounded bg-gray-700 text-white\"\n readOnly={isLocked}\n />\n )}\n {!selectedBlob.key.match(/\\.(jpg|jpeg|png|gif|pdf|mp3|wav|ogg|mp4|webm)$/i) && (\n

\n \n Save\n \n

\n )}\n

\n \n )}\n \n )\n : (\n

\n \n \n via LastLogin\n \n

\n \n \n

Access Restricted

\n This Blob Admin is only accessible to ${username}.\n

\n 🔒 You are currently signed in with:
\n ${email}\n

\n To access this val, you must:\n

Sign in with the email associated with your Val Town account
Ensure you are signed in as ${username}

\n \n Logout\n \n \n Sign In\n \n

\n \n View Val Source\n \n

\n \n \n `,\n 403,\n {\n \"X-Restricted-Access\": \"true\",\n },\n );\n }\n\n c.set(\"email\", email);\n c.set(\"profile\", { profileImageUrl, username });\n await next();\n};\n\napp.get(\"/api/blobs\", checkAuth, async (c) => {\n const prefix = c.req.query(\"prefix\") || \"\";\n const limit = parseInt(c.req.query(\"limit\") || \"20\", 10);\n const { blob } = await import(\"https://esm.town/v/std/blob\");\n const blobList = await blob.list(prefix);\n const result = blobList.slice(0, limit).map(b => ({ ...b, isFolder: b.key.endsWith('/') }));\n return c.json(result);\n});\n\napp.get(\"/api/blob\", checkAuth, async (c) => {\n const key = c.req.query(\"key\");\n if (!key) return c.text(\"Missing key parameter\", 400);\n const { blob } = await import(\"https://esm.town/v/std/blob\");\n const content = await blob.get(key);\n return content;\n});\n\napp.put(\"/api/blob\", checkAuth, async (c) => {\n const key = c.req.query(\"key\");\n if (!key) return c.text(\"Missing key parameter\", 400);\n const content = await c.req.arrayBuffer();\n const { blob } = await import(\"https://esm.town/v/std/blob\");\n await blob.set(key, content);\n return c.text(\"OK\");\n});\n\napp.delete(\"/api/blob\", checkAuth, async (c) => {\n const key = c.req.query(\"key\");\n if (!key) return c.text(\"Missing key parameter\", 400);\n const { blob } = await import(\"https://esm.town/v/std/blob\");\n await blob.delete(key);\n return c.text(\"OK\");\n});\n\napp.post(\"/api/blob\", checkAuth, async (c) => {\n const { file, key } = await c.req.parseBody();\n if (!file || !key) return c.text(\"Missing file or key\", 400);\n const { blob } = await import(\"https://esm.town/v/std/blob\");\n await blob.set(key, await file.arrayBuffer());\n return c.text(\"OK\");\n});\n\napp.post(\"/api/move\", checkAuth, async (c) => {\n const sourceKey = c.req.query(\"sourceKey\");\n const targetKey = c.req.query(\"targetKey\");\n if (!sourceKey || !targetKey) return c.text(\"Missing sourceKey or targetKey parameter\", 400);\n const { blob } = await import(\"https://esm.town/v/std/blob\");\n const content = await blob.get(sourceKey);\n await blob.set(targetKey, content);\n await blob.delete(sourceKey);\n return c.text(\"OK\");\n});\n\napp.get(\"/api/search\", checkAuth, async (c) => {\n const query = c.req.query(\"query\");\n if (!query) return c.text(\"Missing query parameter\", 400);\n const { blob } = await import(\"https://esm.town/v/std/blob\");\n const blobList = await blob.list(\"\");\n const results = blobList.filter(b => b.key.toLowerCase().includes(query.toLowerCase()));\n return c.json(results);\n});\n\napp.post(\"/api/share\", checkAuth, async (c) => {\n const key = c.req.query(\"key\");\n if (!key) return c.text(\"Missing key parameter\", 400);\n // Generate a unique share ID\n const shareId = Math.random().toString(36).substring(2, 15);\n const shareUrl = `${c.req.url.origin}/api/shared/${shareId}`;\n // Store the mapping between shareId and key\n const { blob } = await import(\"https://esm.town/v/std/blob\");\n await blob.set(`__shares/${shareId}`, key);\n return c.json({ shareUrl });\n});\n\napp.get(\"/api/shared/:id\", async (c) => {\n const shareId = c.req.param(\"id\");\n const { blob } = await import(\"https://esm.town/v/std/blob\");\n const key = await blob.get(`__shares/${shareId}`);\n if (!key) return c.text(\"Share not found\", 404);\n const content = await blob.get(key);\n return content;\n});\n\napp.post(\"/api/encrypt\", checkAuth, async (c) => {\n const key = c.req.query(\"key\");\n const password = c.req.query(\"password\");\n if (!key || !password) return c.text(\"Missing key or password parameter\", 400);\n const { blob } = await import(\"https://esm.town/v/std/blob\");\n const content = await blob.get(key);\n // Implement encryption logic here\n const encryptedContent = content; // Replace with actual encryption\n await blob.set(key, encryptedContent);\n return c.text(\"OK\");\n});\n\napp.post(\"/api/decrypt\", checkAuth, async (c) => {\n const key = c.req.query(\"key\");\n const password = c.req.query(\"password\");\n if (!key || !password) return c.text(\"Missing key or password parameter\", 400);\n const { blob } = await import(\"https://esm.town/v/std/blob\");\n const encryptedContent = await blob.get(key);\n // Implement decryption logic here\n const decryptedContent = encryptedContent; // Replace with actual decryption\n await blob.set(key, decryptedContent);\n return c.text(\"OK\");\n});\n\napp.post(\"/api/lock\", checkAuth, async (c) => {\n const key = c.req.query(\"key\");\n if (!key) return c.text(\"Missing key parameter\", 400);\n const { blob } = await import(\"https://esm.town/v/std/blob\");\n await blob.set(`__locks/${key}`, \"locked\");\n return c.text(\"OK\");\n});\n\napp.post(\"/api/unlock\", checkAuth, async (c) => {\n const key = c.req.query(\"key\");\n if (!key) return c.text(\"Missing key parameter\", 400);\n const { blob } = await import(\"https://esm.town/v/std/blob\");\n await blob.delete(`__locks/${key}`);\n return c.text(\"OK\");\n});\n\napp.get(\"*\", checkAuth, async (c) => {\n const email = c.get(\"email\");\n const profile = c.get(\"profile\");\n return c.html(`\n \n \n Blob Admin\n \n \n \n

\n \n \n \n \n `);\n});\n\nexport default lastlogin((request: Request) => app.fetch(request));","createdAt",["D",1742552072767],"branchVersion","branchId","95373ab2-26c4-11f0-9a82-569c3dd06744","id","9536e864-26c4-11f0-9a82-569c3dd06744","blob_admin_toowired",["D",1746128620731],"deletedAt","legacyEnvVars",true,"privacy","public","httpPrivacy","description","imageUrl","02bea313-4abc-475e-987f-68da0b110d85","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","332725b9-0bd3-42b9-83ec-05fac730cb70","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_98":97,"_105":101},"org",{"_98":97,"_99":-5,"_100":101,"_18":55,"_102":103,"_104":25},"branch",{"_13":84,"_32":85,"_43":42,"_86":44,"_87":88,"_89":61,"_90":51,"_91":92,"_93":94,"_95":45,"_96":97},"isOwned",7,"main","projectId","forkedBranchId","46794d58-1962-11f0-aff0-569c3dd06744","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","4679026c-1962-11f0-aff0-569c3dd06744","forkedProjectOrgId","e81e7335-6d4c-4764-a902-d0962bbfa9f7","projectName","userHandle","toowired","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJ5MkxRcEVHOWxNcEFMQ0d1VHB5S1R0Unh2byJ9","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":176,"_47":-5,"_48":49,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":31,"_57":49,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":177,"_79":178,"_81":179,"_83":25},"tree",[167,168],"files",[167,168],"counts",{"_157":61,"_158":153,"_159":153,"_160":161,"_162":163},"contents",[141,142],"upstreamProject",{"_43":92,"_32":137,"_53":138,"_54":-5,"_50":51,"_77":139},"upstreamBranch",{"_43":88,"_38":130,"_131":132,"_32":85,"_86":92,"_13":133,"_87":-5,"_89":-5,"_134":135,"_47":-5,"_83":25,"_50":51,"_96":136,"_62":94,"_95":137},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1744657032829],"updatedAt",["D",1769028837053],65,"lockfileKey","1769028839091-esm.town_v_stevekrouse_blob_admin@65-main","stevekrouse","blob_admin","Dashboard to view & edit Val Town Blog Storage",{"_98":136,"_105":140},"https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg",{"_43":150,"_32":151,"_30":152,"_144":-5,"_41":42,"_40":153,"_145":49,"_38":154,"_13":61,"_33":20,"_35":155,"_24":25,"_148":-5,"_27":156},{"_43":143,"_32":28,"_30":31,"_144":-5,"_41":42,"_40":14,"_145":25,"_38":146,"_13":147,"_33":34,"_35":37,"_24":25,"_148":-5,"_27":149},"95520360-26c4-11f0-9a82-569c3dd06744","parentId","latest",["D",1742552072767],2,"label",[28],"953e200c-26c4-11f0-9a82-569c3dd06744","README.md","953e20a2-26c4-11f0-9a82-569c3dd06744",1,["D",1742551268404],"# Blob Admin\n\nThis is a lightweight Blob Admin interface to view and debug your Blob data.\n\n![Screenshot 2024-11-22 at 15.43.43@2x.png](https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/d075a4ee-93ec-4cdd-4823-7c8aee593f00/public)\n\nVersions 0-17 of this val were done with Hono and server-rendering. \nVersions 18+ were generated with Townie and use client-side React.\n\nTo use this val, fork it to your account. \nAuthentication is handled by @stevekrouse/lastlogin,\nso only the owner of the val will be able to see and edit their own blobs.",[151],"pulls","branches","forks","envVars",{"_164":61,"_166":61},"connections",{"_164":61,"_165":61},"count","unfilledCount","emptyCount",{"_43":150,"_32":151,"_30":152,"_144":-5,"_41":42,"_40":153,"_145":49,"_38":173,"_13":61,"_33":20,"_35":155,"_24":25,"_148":-5,"_170":174,"_27":175},{"_43":143,"_32":28,"_30":31,"_144":-5,"_41":42,"_40":14,"_145":25,"_38":169,"_13":147,"_33":34,"_35":37,"_24":25,"_148":-5,"_170":171,"_27":172},["D",1742552072767],"children",[],[28],["D",1742551268404],[],[151],["D",1746128620731],{"_98":97,"_105":101},{"_98":97,"_99":-5,"_100":101,"_18":55,"_102":103,"_104":25},{"_13":84,"_32":85,"_43":42,"_86":44,"_87":88,"_89":61,"_90":51,"_91":92,"_93":94,"_95":45,"_96":97},"ctx",{"_77":-5,"_127":213,"_214":215,"_216":217,"_218":25,"_219":25,"_220":25,"_221":49,"_222":-5,"_223":-7,"_224":-7,"_225":61,"_226":25,"_227":25,"_228":-5,"_229":25,"_230":25,"_231":25,"_232":-5},"ENV",{"_184":185,"_186":187,"_188":85,"_189":190,"_191":192,"_193":194,"_195":196,"_197":198,"_199":200,"_201":202,"_203":204,"_205":206,"_207":208,"_209":210,"_211":212},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","c73f21da490985bff19c279eb0e09db24d688e4f","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"]

Diff · v3