History

mithral e55686bd21 Apply the brand: charcoal, blue-violet, purple, and the real logo Replaces the gold experiment with the actual brand. - Palette: brand charcoal (#303030, sampled from the logo's own background) with the logo's glow as the primary accent (#6d7cff) and its purple (#c084fc) as a secondary. Text is the palette's white / light gray. Light mode re-tuned to the same hues. - Logo: the source mark keyed off its charcoal background to RGBA, cropped to its content bounds, and added as web/public/logo.png. It now appears in the sidebar and on the login screen; a square favicon is derived from it and wired into index.html. - The featured kicker uses the purple secondary, so both brand hues are present without adding a second competing accent. Verified: logo loads in the app, accent resolves to #6d7cff, secondary to #c084fc, surface to #303030.		2026-10-10 17:41:49 -04:00
..
public	Apply the brand: charcoal, blue-violet, purple, and the real logo	2026-10-10 17:41:49 -04:00
src	Apply the brand: charcoal, blue-violet, purple, and the real logo	2026-10-10 17:41:49 -04:00
.gitignore	Web UI: Svelte app, embedded into the binary	2026-10-09 16:40:58 -04:00
embed.go	Web UI: Svelte app, embedded into the binary	2026-10-09 16:40:58 -04:00
index.html	Apply the brand: charcoal, blue-violet, purple, and the real logo	2026-10-10 17:41:49 -04:00
package.json	web: type process.env in vite.config (add @types/node)	2026-10-10 16:33:05 -04:00
pnpm-lock.yaml	web: type process.env in vite.config (add @types/node)	2026-10-10 16:33:05 -04:00
pnpm-workspace.yaml	Web UI: Svelte app, embedded into the binary	2026-10-09 16:40:58 -04:00
README.md	Web UI: Svelte app, embedded into the binary	2026-10-09 16:40:58 -04:00
svelte.config.js	Web UI: Svelte app, embedded into the binary	2026-10-09 16:40:58 -04:00
tsconfig.json	web: type process.env in vite.config (add @types/node)	2026-10-10 16:33:05 -04:00
vite.config.ts	dev: fix the Vite proxy and add a one-command dev runner	2026-10-10 16:32:32 -04:00

README.md

Vellum web

Svelte 5 + Vite + TypeScript single-page app. It is built to a static bundle in dist/ and embedded into the Go binary, so all asset paths are relative (base: './' in vite.config.ts).

Commands

pnpm install
pnpm dev      # dev server on :5173, proxying /api to :7788
pnpm build    # writes dist/
pnpm check    # svelte-check

Run the Go server on :7788 (make run from the repo root) and pnpm dev proxies API and health requests to it, so cookies and sessions behave exactly as they will in production.

Layout

src/
  main.ts                 entry point
  App.svelte              login gate -> shell
  app.css                 design tokens and base styles
  lib/
    api.ts                typed client; mirrors the Go handlers
    session.ts            auth + library stores
    nav.ts                view state
    components/
      Login.svelte
      Shell.svelte        nav + view switch
      Libraries.svelte    library list, create, scan, delete
      LibraryView.svelte  item grid with covers
      Reader.svelte       epub.js reader with progress sync
      Users.svelte        admin user management

The reader resumes from a spine index, which is why progress positions are integers: it round-trips through the polymorphic progress table without needing a text column.