8921830f43
Ship the installability bits that t-paliad-041 deferred so iOS / Android users can add Paliad to their home screen. What landed: - frontend/public/manifest.json — name=Paliad, theme_color #65a30d (lime), display=standalone, scope=/, start_url=/dashboard, four icon entries (192/512 × any/maskable). Served from /manifest.json with the spec-mandated application/manifest+json content type (servePWAManifest in internal/handlers/pwa.go). - frontend/public/icons/ — lime "p" logo rendered to 192/512 PNGs in both "any" and maskable variants (maskable variant has extra safe-zone padding), 180×180 apple-touch-icon, 32×32 favicon. SVG sources kept under frontend/icons-src/ for regeneration via rsvg-convert. - frontend/public/sw.js — minimal cache-first for /assets/* and /icons/*, network-first for /api/*, network passthrough for everything else. CACHE_VERSION + activate-clean lets us bump and purge cleanly. Served from /sw.js so its scope can claim /; Service-Worker-Allowed: / header set, no-cache on the SW file itself so updates take effect on next load. - frontend/src/components/PWAHead.tsx — head fragment (manifest link, apple-touch-icon, favicon, app-name metas, <script src="/assets/app.js" defer>). Added to all 30 page TSX files via mechanical insertion. - frontend/src/client/app.ts — universal client bundle loaded on every page. Three jobs: register the service worker, init the BottomNav (icarus flagged that bottom-nav.ts was written but never wired into the build — m reproduced the broken [+] Anlegen and Menü buttons in prod), and surface the install banner. - frontend/src/client/pwa-install.ts — install banner UI. Two flows: beforeinstallprompt for Chromium/Android (deferred → CTA → prompt), one-time iOS Safari hint pointing at the share sheet. Both dismissals persist in localStorage (paliad-install-dismissed / -ios-shown). - frontend/src/styles/global.css — banner styles, sits above BottomNav on mobile and pinned bottom-right on desktop, lime-on-white card with the brand "p" mark. - frontend/build.ts — copies frontend/public → dist verbatim so the manifest, icons, and SW land at the application root. Verification before merge: - bun run build clean, go build/vet/test clean. - Local server smoke: curl -sI confirmed manifest.json (200, application/manifest+json), all icon files (200, image/png), sw.js (200, Service-Worker-Allowed: /), app.js (200, text/javascript). - Playwright at 390×844: Chrome fired beforeinstallprompt, the banner rendered with "Paliad installieren" + "Installieren" CTA in German, dismiss persisted across reload via localStorage. Manifest validated in-browser (name/short_name/start_url/display/scope all correct, all four icon URLs returned 200). - The InvalidStateError on serviceWorker.register() seen in the MCP Playwright profile is a known headless flag; SW registration works in real Chrome / Safari on localhost and HTTPS production. Out of scope: push notifications, runtime offline mode (SW intentionally stays minimal — cache shell + assets, network passthrough for everything else).
143 lines
6.8 KiB
TypeScript
143 lines
6.8 KiB
TypeScript
import { mkdir, cp, rm } from "fs/promises";
|
|
import { join } from "path";
|
|
import { renderIndex } from "./src/index";
|
|
import { renderLogin } from "./src/login";
|
|
import { renderKostenrechner } from "./src/kostenrechner";
|
|
import { renderFristenrechner } from "./src/fristenrechner";
|
|
import { renderDownloads } from "./src/downloads";
|
|
import { renderLinks } from "./src/links";
|
|
import { renderGlossary } from "./src/glossary";
|
|
import { renderGebuehrentabellen } from "./src/gebuehrentabellen";
|
|
import { renderChecklists } from "./src/checklists";
|
|
import { renderChecklistsDetail } from "./src/checklists-detail";
|
|
import { renderChecklistsInstance } from "./src/checklists-instance";
|
|
import { renderCourts } from "./src/courts";
|
|
import { renderProjects } from "./src/projects";
|
|
import { renderProjectsNew } from "./src/projects-new";
|
|
import { renderProjectsDetail } from "./src/projects-detail";
|
|
import { renderDeadlines } from "./src/deadlines";
|
|
import { renderDeadlinesNew } from "./src/deadlines-new";
|
|
import { renderDeadlinesDetail } from "./src/deadlines-detail";
|
|
import { renderDeadlinesCalendar } from "./src/deadlines-calendar";
|
|
import { renderAppointments } from "./src/appointments";
|
|
import { renderAppointmentsNew } from "./src/appointments-new";
|
|
import { renderAppointmentsDetail } from "./src/appointments-detail";
|
|
import { renderAppointmentsCalendar } from "./src/appointments-calendar";
|
|
import { renderSettings } from "./src/settings";
|
|
import { renderDashboard } from "./src/dashboard";
|
|
import { renderAgenda } from "./src/agenda";
|
|
import { renderOnboarding } from "./src/onboarding";
|
|
import { renderChangelog } from "./src/changelog";
|
|
import { renderTeam } from "./src/team";
|
|
import { renderNotFound } from "./src/notfound";
|
|
|
|
const DIST = join(import.meta.dir, "dist");
|
|
|
|
async function build() {
|
|
// Clean dist/
|
|
await rm(DIST, { recursive: true, force: true });
|
|
await mkdir(join(DIST, "assets"), { recursive: true });
|
|
|
|
// Bundle client-side JS
|
|
const result = await Bun.build({
|
|
entrypoints: [
|
|
// app.ts is loaded on every page (SW registration + bottom-nav init +
|
|
// install prompt). Keep it ahead of per-page bundles so name collisions
|
|
// surface fast.
|
|
join(import.meta.dir, "src/client/app.ts"),
|
|
join(import.meta.dir, "src/client/index.ts"),
|
|
join(import.meta.dir, "src/client/login.ts"),
|
|
join(import.meta.dir, "src/client/kostenrechner.ts"),
|
|
join(import.meta.dir, "src/client/fristenrechner.ts"),
|
|
join(import.meta.dir, "src/client/downloads.ts"),
|
|
join(import.meta.dir, "src/client/links.ts"),
|
|
join(import.meta.dir, "src/client/glossary.ts"),
|
|
join(import.meta.dir, "src/client/gebuehrentabellen.ts"),
|
|
join(import.meta.dir, "src/client/checklists.ts"),
|
|
join(import.meta.dir, "src/client/checklists-detail.ts"),
|
|
join(import.meta.dir, "src/client/checklists-instance.ts"),
|
|
join(import.meta.dir, "src/client/courts.ts"),
|
|
join(import.meta.dir, "src/client/projects.ts"),
|
|
join(import.meta.dir, "src/client/projects-new.ts"),
|
|
join(import.meta.dir, "src/client/projects-detail.ts"),
|
|
join(import.meta.dir, "src/client/deadlines.ts"),
|
|
join(import.meta.dir, "src/client/deadlines-new.ts"),
|
|
join(import.meta.dir, "src/client/deadlines-detail.ts"),
|
|
join(import.meta.dir, "src/client/deadlines-calendar.ts"),
|
|
join(import.meta.dir, "src/client/appointments.ts"),
|
|
join(import.meta.dir, "src/client/appointments-new.ts"),
|
|
join(import.meta.dir, "src/client/appointments-detail.ts"),
|
|
join(import.meta.dir, "src/client/appointments-calendar.ts"),
|
|
join(import.meta.dir, "src/client/settings.ts"),
|
|
join(import.meta.dir, "src/client/dashboard.ts"),
|
|
join(import.meta.dir, "src/client/agenda.ts"),
|
|
join(import.meta.dir, "src/client/onboarding.ts"),
|
|
join(import.meta.dir, "src/client/changelog.ts"),
|
|
join(import.meta.dir, "src/client/team.ts"),
|
|
join(import.meta.dir, "src/client/notfound.ts"),
|
|
],
|
|
outdir: join(DIST, "assets"),
|
|
naming: "[name].js",
|
|
minify: true,
|
|
});
|
|
|
|
if (!result.success) {
|
|
console.error("JS build failed:");
|
|
for (const log of result.logs) {
|
|
console.error(log);
|
|
}
|
|
process.exit(1);
|
|
}
|
|
|
|
// Copy CSS
|
|
await cp(
|
|
join(import.meta.dir, "src/styles/global.css"),
|
|
join(DIST, "assets/global.css"),
|
|
);
|
|
|
|
// Copy public/ → dist/ (manifest.json, sw.js, icons/) — served at the
|
|
// application root so the service worker can claim scope=/ and so the
|
|
// manifest is reachable at /manifest.json without a sub-path rewrite.
|
|
await cp(
|
|
join(import.meta.dir, "public"),
|
|
DIST,
|
|
{ recursive: true },
|
|
);
|
|
|
|
// Render HTML pages
|
|
await Bun.write(join(DIST, "index.html"), renderIndex());
|
|
await Bun.write(join(DIST, "login.html"), renderLogin("login.js"));
|
|
await Bun.write(join(DIST, "kostenrechner.html"), renderKostenrechner());
|
|
await Bun.write(join(DIST, "fristenrechner.html"), renderFristenrechner());
|
|
await Bun.write(join(DIST, "downloads.html"), renderDownloads());
|
|
await Bun.write(join(DIST, "links.html"), renderLinks());
|
|
await Bun.write(join(DIST, "glossary.html"), renderGlossary());
|
|
await Bun.write(join(DIST, "gebuehrentabellen.html"), renderGebuehrentabellen());
|
|
await Bun.write(join(DIST, "checklists.html"), renderChecklists());
|
|
await Bun.write(join(DIST, "checklists-detail.html"), renderChecklistsDetail());
|
|
await Bun.write(join(DIST, "checklists-instance.html"), renderChecklistsInstance());
|
|
await Bun.write(join(DIST, "courts.html"), renderCourts());
|
|
await Bun.write(join(DIST, "projects.html"), renderProjects());
|
|
await Bun.write(join(DIST, "projects-new.html"), renderProjectsNew());
|
|
await Bun.write(join(DIST, "projects-detail.html"), renderProjectsDetail());
|
|
await Bun.write(join(DIST, "deadlines.html"), renderDeadlines());
|
|
await Bun.write(join(DIST, "deadlines-new.html"), renderDeadlinesNew());
|
|
await Bun.write(join(DIST, "deadlines-detail.html"), renderDeadlinesDetail());
|
|
await Bun.write(join(DIST, "deadlines-calendar.html"), renderDeadlinesCalendar());
|
|
await Bun.write(join(DIST, "appointments.html"), renderAppointments());
|
|
await Bun.write(join(DIST, "appointments-new.html"), renderAppointmentsNew());
|
|
await Bun.write(join(DIST, "appointments-detail.html"), renderAppointmentsDetail());
|
|
await Bun.write(join(DIST, "appointments-calendar.html"), renderAppointmentsCalendar());
|
|
await Bun.write(join(DIST, "settings.html"), renderSettings());
|
|
await Bun.write(join(DIST, "dashboard.html"), renderDashboard());
|
|
await Bun.write(join(DIST, "agenda.html"), renderAgenda());
|
|
await Bun.write(join(DIST, "onboarding.html"), renderOnboarding());
|
|
await Bun.write(join(DIST, "changelog.html"), renderChangelog());
|
|
await Bun.write(join(DIST, "team.html"), renderTeam());
|
|
await Bun.write(join(DIST, "notfound.html"), renderNotFound());
|
|
|
|
console.log("Build complete \u2192 dist/");
|
|
}
|
|
|
|
build();
|