📄 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 = new URL(import.meta.url).pathname.split(\"/\").at(-1);\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}","createdAt",["D",1739804524085],"version",6,"currentUserHasLiked","likeCount",1,"forkCount","referenceCount","dependencyCount","commentCount","prCount","mergedPr",{"_129":130,"_131":132},"handle","Alphydoo","profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ydDlsU1dnaGxpc01MWklwekg2cGExTGJVTkkifQ","forkedVal","interval","slug","Alphydoo/Document_Storage_System","description","@jsxImportSource https://esm.sh/react@18.2.0","versions",[141,144,148,152,156,159,162],{"_117":118,"_142":-5,"_115":143,"_112":110},"prId",["D",1739804524085],{"_117":145,"_142":-5,"_115":146,"_112":147},5,["D",1739783134878],"58ebc82e-ed0e-11ef-b5ca-e6cdfca9ef9f",{"_117":149,"_142":-5,"_115":150,"_112":151},4,["D",1739783006272],"0c43bf04-ed0e-11ef-b514-e6cdfca9ef9f",{"_117":153,"_142":-5,"_115":154,"_112":155},3,["D",1739782632160],"2d47cb74-ed0d-11ef-ac36-e6cdfca9ef9f",{"_117":90,"_142":-5,"_115":157,"_112":158},["D",1739782529699],"f0345036-ed0c-11ef-888b-e6cdfca9ef9f",{"_117":121,"_142":-5,"_115":160,"_112":161},["D",1739782429256],"b455dcf6-ed0c-11ef-96df-e6cdfca9ef9f",{"_117":31,"_142":-5,"_115":163,"_112":164},["D",1739782146326],"0bb2d5d6-ed0c-11ef-bb2e-e6cdfca9ef9f","recentThread","breadcrumbs","comments",[169],{"_112":170,"_171":172,"_115":173,"_174":-5,"_175":26,"_176":26,"_20":177},"af89bd28-ed11-11ef-b74f-e6cdfca9ef9f","body","nice",["D",1739784568703],"updatedAt","canDelete","canEdit",{"_129":130,"_131":132},"isOwner","routes/_app.v.$handle.$name.pulls._index",{"_95":96,"_94":181,"_129":130,"_137":138,"_98":99,"_199":31,"_200":31,"_50":51,"_201":202},{"_98":99,"_95":96,"_100":101,"_102":-5,"_103":-5,"_104":105,"_106":-5,"_107":108,"_109":110,"_111":26,"_112":110,"_113":114,"_115":182,"_117":118,"_119":26,"_120":121,"_122":31,"_123":31,"_124":121,"_125":121,"_126":31,"_127":-5,"_20":183,"_133":-5,"_134":-7,"_135":136,"_137":138,"_139":184},["D",1739804524085],{"_129":130,"_131":132},[185,187,189,191,193,195,197],{"_117":118,"_142":-5,"_115":186,"_112":110},["D",1739804524085],{"_117":145,"_142":-5,"_115":188,"_112":147},["D",1739783134878],{"_117":149,"_142":-5,"_115":190,"_112":151},["D",1739783006272],{"_117":153,"_142":-5,"_115":192,"_112":155},["D",1739782632160],{"_117":90,"_142":-5,"_115":194,"_112":158},["D",1739782529699],{"_117":121,"_142":-5,"_115":196,"_112":161},["D",1739782429256],{"_117":31,"_142":-5,"_115":198,"_112":164},["D",1739782146326],"page","count","prs",[],"routes/_app","actionData","errors"]

📄 Document Storage

Stored Documents