Blob Admin

\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

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

Blobs

{selectedBlob.key}

Blob Admin Features:

Access Restricted

Code