feat: delta/instant upload + frontend UI/UX polish

Bundles the backend+frontend delta-upload (content-dedup) feature with a
batch of frontend fixes from this session.

Upload / dedup:
- Client-hashed delta & instant upload (deltaUpload, hashWasm vendor shim)
- Backend dedup batch endpoint (dedup_service, dedup_handler, routes)
- session store owned-hash helpers; unit tests + upload-strategy bench

Frontend UI/UX:
- Colour file-type icons in grid/list (per-type tinted tiles + glyph hue)
- Robust thumbnail fallback; PDFs now show their type icon (backend
  generates no PDF thumbnails) instead of a blank tile
- Fix PDF preview: load via a same-origin blob: iframe — the API URL is
  blocked by the global X-Frame-Options: DENY in the browser's framed
  PDF viewer, matching the existing CSP `frame-src blob:` design
- Groups: localized virtual-group description (no DB schema-note leak),
  add nav.groups to the 15 missing locales, fix primary-button contrast
- Repoint --color-text-light → --color-on-accent (was faint grey on accent)
- Nudge the admin role badge off the user-menu header divider

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
DioCrafts
2026-06-20 16:33:08 +02:00
parent f8490ad96e
commit d98e3117b2
35 changed files with 901 additions and 101 deletions
+46
View File
@@ -0,0 +1,46 @@
/**
* Lazy loader + minimal typing for the vendored OxiCloud hash WASM
* (`/vendors/hash-wasm/oxicloud_hash_wasm.js`) — the same BLAKE3 crate the
* server and the delta worker use. Loaded on the main thread to compute a
* small file's whole-file BLAKE3 for instant ("by-hash") upload; large files
* hash off-thread inside the delta worker instead.
*/
interface HashWasmModule {
/** wasm-bindgen init; resolves once the `.wasm` is instantiated. */
default: () => Promise<unknown>;
/** One-shot BLAKE3 of a buffer → 64-char lowercase hex. */
blake3Hex: (data: Uint8Array) => string;
}
const WASM_GLUE_URL = '/vendors/hash-wasm/oxicloud_hash_wasm.js';
let modPromise: Promise<HashWasmModule> | null = null;
function load(): Promise<HashWasmModule> {
if (!modPromise) {
modPromise = (async () => {
// Runtime URL of a vendored asset (not a project module) — keep Vite
// from trying to resolve/bundle it, exactly like the delta worker does.
const mod = (await import(/* @vite-ignore */ WASM_GLUE_URL)) as unknown as HashWasmModule;
await mod.default();
return mod;
})().catch((err) => {
modPromise = null; // let a later call retry after a transient failure
throw err;
});
}
return modPromise;
}
/**
* Whole-file BLAKE3 (64-char lowercase hex) of `file`. Matches the server's
* `file_hash` (BLAKE3 over the whole content), so it can be handed to
* `/api/files/by-hash`. Reads the file fully into memory — intended for small
* files only.
*/
export async function blake3HexOfFile(file: File): Promise<string> {
const mod = await load();
const bytes = new Uint8Array(await file.arrayBuffer());
return mod.blake3Hex(bytes);
}