Elody Frontend

The Vue 3 PWA that renders the GraphQL-driven UI.

Architecture

• Build Pipeline — the three pipelines behind a deployed frontend: modules publishing to Nexus, the PWA source image, and the client build that compiles them into one image.
• Production Serving — how that image serves the compiled PWA and the GraphQL API from a single Express process.
• Auth & Session — OIDC login/logout, server-side tokens and refresh, cross-tab sync, route guards and whitelisting.

Styling

• Dynamic Tailwind Classes — why runtime-built class names work locally and break once deployed.

Features

• Comments & Threads — threaded discussions on an entity, with @ user tagging and # entity links.
• Rounded Counts — how capped result counts are displayed to the user.
• External URL Mediafiles — a mediafile that stands in for an external link instead of a stored file.
• Embedded Viewer — a chrome-less IIIF viewer route other websites can put in an <iframe>.