File Host

\n \n

Drag & drop HTML files and images here

or click to select files

\n \n

\n\n

\n Uploading files...\n

\n\n

\n\n \n\n`;\n \n return c.html(html);\n});\n\n// Upload endpoint\napp.post(\"/upload\", async (c) => {\n try {\n const formData = await c.req.formData();\n const file = formData.get('file') as File;\n \n if (!file) {\n return c.json({ error: 'No file provided' }, 400);\n }\n\n // Read file content\n const content = await file.text();\n \n // Store file metadata and content\n const fileData = {\n name: file.name,\n content: content,\n type: file.type,\n size: file.size,\n uploadedAt: new Date().toISOString()\n };\n \n // Store in blob storage with file name as key\n await blob.setJSON(`file:${file.name}`, fileData);\n \n return c.json({ success: true, filename: file.name });\n } catch (error) {\n console.error('Upload error:', error);\n return c.json({ error: 'Upload failed' }, 500);\n }\n});\n\n// List files endpoint\napp.get(\"/files\", async (c) => {\n try {\n const keys = await blob.list(\"file:\");\n const files = [];\n \n for (const key of keys) {\n const fileData = await blob.getJSON(key);\n if (fileData) {\n files.push({\n name: fileData.name,\n type: fileData.type,\n size: fileData.size,\n uploadedAt: fileData.uploadedAt\n });\n }\n }\n \n // Sort by upload date, newest first\n files.sort((a, b) => new Date(b.uploadedAt).getTime() - new Date(a.uploadedAt).getTime());\n \n return c.json(files);\n } catch (error) {\n console.error('List files error:', error);\n return c.json({ error: 'Failed to list files' }, 500);\n }\n});\n\n// Serve individual files (for images, CSS, JS, etc.)\napp.get(\"/files/:filename\", async (c) => {\n try {\n const filename = c.req.param('filename');\n const fileData = await blob.getJSON(`file:${filename}`);\n \n if (!fileData) {\n return c.notFound();\n }\n \n // Set appropriate content type\n const headers: Record = {};\n if (fileData.type) {\n headers['Content-Type'] = fileData.type;\n }\n \n return new Response(fileData.content, { headers });\n } catch (error) {\n console.error('Serve file error:', error);\n return c.text('Internal Server Error', 500);\n }\n});\n\n// Delete file endpoint\napp.delete(\"/files/:filename\", async (c) => {\n try {\n const filename = c.req.param('filename');\n await blob.delete(`file:${filename}`);\n return c.json({ success: true });\n } catch (error) {\n console.error('Delete file error:', error);\n return c.json({ error: 'Failed to delete file' }, 500);\n }\n});\n\n// Serve HTML files at clean URLs (e.g., /hello-world for hello-world.html)\napp.get(\"/:pageName\", async (c) => {\n try {\n const pageName = c.req.param('pageName');\n \n // Try both .html and .htm extensions\n let fileData = await blob.getJSON(`file:${pageName}.html`);\n if (!fileData) {\n fileData = await blob.getJSON(`file:${pageName}.htm`);\n }\n \n if (!fileData) {\n return c.notFound();\n }\n \n return c.html(fileData.content);\n } catch (error) {\n console.error('Serve HTML error:', error);\n return c.text('Internal Server Error', 500);\n }\n});\n\nexport default app.fetch;","deleted","label",[98],"permalink","https://www.val.town/x/bart/note/code/index.ts","extension","actionData","errors"]