-
-
- - drop -
- - -
-
-
-
-
-
-
-
-
-
-
- Burns after viewing
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- ![]()
-
-
-
-
-
-
-
-
-
-
- This file has been burned and can no longer be viewed.
-
-
-
-
-
-
-
- end-to-end encrypted
- - - - diff --git a/src/db.ts b/src/db.ts index 4064043..92f31e9 100644 --- a/src/db.ts +++ b/src/db.ts @@ -1,5 +1,6 @@ import { Database } from "bun:sqlite"; import { mkdirSync, unlinkSync } from "fs"; + import { config } from "./config.ts"; const DATA_DIR = config.dataDir; diff --git a/src/index.ts b/src/index.ts index 44c5a72..f7037f0 100644 --- a/src/index.ts +++ b/src/index.ts @@ -1,21 +1,23 @@ import { Hono } from "hono"; import { serveStatic } from "hono/bun"; -import file from "./routes/file.ts"; -import { cleanExpired } from "./db.ts"; + import { config } from "./config.ts"; +import { cleanExpired } from "./db.ts"; +import file from "./routes/file.ts"; const app = new Hono(); app.route("/api/file", file); -app.get("/p/:id", () => { - return new Response(Bun.file("public/view.html"), { +app.use("/*", serveStatic({ root: "./web/dist" })); + +// SPA catch-all: serve index.html for unmatched routes +app.get("/*", () => { + return new Response(Bun.file("web/dist/index.html"), { headers: { "Content-Type": "text/html; charset=utf-8" }, }); }); -app.use("/*", serveStatic({ root: "./public" })); - // Clean expired uploads every 5 minutes setInterval(cleanExpired, 5 * 60 * 1000); diff --git a/src/routes/file.ts b/src/routes/file.ts index 20ec5f0..f5cd8d2 100644 --- a/src/routes/file.ts +++ b/src/routes/file.ts @@ -1,6 +1,7 @@ import { Hono } from "hono"; -import { createFile, getFile, peekFile, unlinkFile } from "../db.ts"; + import { config } from "../config.ts"; +import { createFile, getFile, peekFile, unlinkFile } from "../db.ts"; const DURATION_UNITS: Record
+
+ );
+}
diff --git a/web/src/index.tsx b/web/src/index.tsx
new file mode 100644
index 0000000..0bd32a2
--- /dev/null
+++ b/web/src/index.tsx
@@ -0,0 +1,18 @@
+import { Router, Route } from "@solidjs/router";
+import { render } from "solid-js/web";
+
+import App from "./App";
+import Upload from "./pages/Upload";
+import View from "./pages/View";
+
+import "./styles.css";
+
+render(
+ () => (
+
+
+ + + drop + +
+ {props.children} ++ end-to-end encrypted +
+ fileInput.click()}
+ >
+
+
+
+ + Drop a file or{" "} + +
+ { + if (fileInput.files?.[0]) setFile(fileInput.files[0]); + }} + /> +
+
+ {file()!.name} ({formatBytes(file()!.size)})
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {error()}
+
+
+
+
+
+
+
+ ${textContent().replace(/`);
+ };
+
+ const saveFile = () => {
+ if (decryptedBlob) triggerDownload(decryptedBlob, fileName());
+ };
+
+ return (
+ <>
+
+
+ Encrypted file
+
+ {formatBytes(size())}
+ {formatExpiry(expiresAt())}
+
+
+
+
+ Burns after viewing
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {textContent()}
+
+
+
+
+
+
+ })
+
+
+
+
+
+
+
+
+ {fileName()}
+
+
+
+
+
+
+
+ This file has been burned and can no longer be viewed.
+
+
+
+
+
+ {error()}
+
+
+ );
+}
diff --git a/src/styles.css b/web/src/styles.css
similarity index 97%
rename from src/styles.css
rename to web/src/styles.css
index fb9159e..0d0ba36 100644
--- a/src/styles.css
+++ b/web/src/styles.css
@@ -1,6 +1,6 @@
@import "tailwindcss";
-@source "../public";
+@source "../src";
@theme {
--color-bg: var(--c-bg);
diff --git a/web/tsconfig.json b/web/tsconfig.json
new file mode 100644
index 0000000..1b3f9dd
--- /dev/null
+++ b/web/tsconfig.json
@@ -0,0 +1,14 @@
+{
+ "compilerOptions": {
+ "target": "ESNext",
+ "module": "ESNext",
+ "moduleResolution": "bundler",
+ "jsx": "preserve",
+ "jsxImportSource": "solid-js",
+ "strict": true,
+ "noEmit": true,
+ "isolatedModules": true,
+ "skipLibCheck": true
+ },
+ "include": ["src"]
+}
diff --git a/web/vite.config.ts b/web/vite.config.ts
new file mode 100644
index 0000000..95bbb04
--- /dev/null
+++ b/web/vite.config.ts
@@ -0,0 +1,12 @@
+import tailwindcss from "@tailwindcss/vite";
+import { defineConfig } from "vite";
+import solid from "vite-plugin-solid";
+
+export default defineConfig({
+ plugins: [solid(), tailwindcss()],
+ server: {
+ proxy: {
+ "/api": "http://localhost:3000",
+ },
+ },
+});