📄 Document Storage

\n );\n}\n\nconst styles = {\n container: {\n fontFamily: \"system-ui, sans-serif\",\n maxWidth: \"100%\",\n width: \"100%\",\n margin: \"0\",\n padding: \"20px\",\n boxSizing: \"border-box\",\n textAlign: \"center\",\n },\n uploadForm: {\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n gap: \"10px\",\n marginBottom: \"20px\",\n width: \"100%\",\n },\n fileInput: {\n padding: \"10px\",\n border: \"1px solid #ccc\",\n borderRadius: \"4px\",\n width: \"100%\",\n maxWidth: \"300px\",\n touchAction: \"manipulation\",\n },\n uploadButton: {\n padding: \"12px 15px\",\n backgroundColor: \"#4CAF50\",\n color: \"white\",\n border: \"none\",\n borderRadius: \"4px\",\n cursor: \"pointer\",\n width: \"100%\",\n maxWidth: \"300px\",\n fontSize: \"16px\",\n touchAction: \"manipulation\",\n },\n documentList: {\n textAlign: \"left\",\n width: \"100%\",\n },\n list: {\n listStyleType: \"none\",\n padding: 0,\n margin: 0,\n },\n listItem: {\n display: \"flex\",\n justifyContent: \"space-between\",\n alignItems: \"center\",\n padding: \"15px 10px\",\n borderBottom: \"1px solid #eee\",\n touchAction: \"manipulation\",\n },\n documentInfo: {\n display: \"flex\",\n flexDirection: \"column\",\n flex: 1,\n marginRight: \"10px\",\n },\n documentName: {\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\",\n },\n documentTimestamp: {\n fontSize: \"0.8em\",\n color: \"#666\",\n marginTop: \"5px\",\n },\n deleteButton: {\n background: \"none\",\n border: \"none\",\n cursor: \"pointer\",\n fontSize: \"20px\",\n padding: \"10px\",\n touchAction: \"manipulation\",\n },\n sourceLink: {\n display: \"block\",\n marginTop: \"20px\",\n color: \"#666\",\n textDecoration: \"none\",\n fontSize: \"14px\",\n },\n};\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n const { blob } = await import(\"https://esm.town/v/std/blob\");\n const KEY = \"Document_Storage_System\";\n\n if (request.method === \"GET\" && new URL(request.url).pathname === \"/list-documents\") {\n const documents = await blob.list(`${KEY}_`);\n const documentDetails = documents.map(doc => ({\n name: doc.key.replace(`${KEY}_`, \"\"),\n uploadedAt: doc.lastModified,\n })).sort((a, b) => new Date(b.uploadedAt) - new Date(a.uploadedAt));\n\n return new Response(JSON.stringify(documentDetails), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n\n if (request.method === \"POST\" && new URL(request.url).pathname === \"/upload-document\") {\n const formData = await request.formData();\n const file = formData.get(\"document\") as File;\n\n if (!file) {\n return new Response(\"No file uploaded\", { status: 400 });\n }\n\n const arrayBuffer = await file.arrayBuffer();\n await blob.set(`${KEY}_${file.name}`, new Uint8Array(arrayBuffer), {\n metadata: {\n uploadedAt: new Date().toISOString(),\n },\n });\n\n return new Response(\"Document uploaded successfully\", { status: 200 });\n }\n\n if (request.method === \"DELETE\" && new URL(request.url).pathname === \"/delete-document\") {\n const url = new URL(request.url);\n const filename = url.searchParams.get(\"filename\");\n\n if (!filename) {\n return new Response(\"No filename provided\", { status: 400 });\n }\n\n await blob.delete(`${KEY}_${filename}`);\n return new Response(\"Document deleted successfully\", { status: 200 });\n }\n\n return new Response(\n `\n \n \n Document Storage\n \n \n \n \n \n

\n \n \n \n \n `,\n {\n headers: { \"Content-Type\": \"text/html\" },\n },\n );\n}","deleted","label",[98],"permalink","https://www.val.town/x/Alphydoo/Document_Storage_System/code/main.tsx","extension","actionData","errors"]

📄 Document Storage

Stored Documents