Release / build-and-push (push) Has been cancelled
Replaces the generic shadcn/ui gray theme + horizontal top-bar shell with the paper-and-ink language from the Claude Design handoff bundle: warm off-white paper, near-black ink, Source Serif 4 + Inter, hairline borders, muted ink accents (clay/indigo/sage/plum/ochre) used functionally for calendars and share scopes. Theme switcher expanded from 2 dimensions (theme × mode) to 7: palette × mode × fontPair × density × dashLayout × calView × navStyle. All exposed in Settings → Appearance and persisted on the users row. Pre-paint script applies all four data-* attributes from localStorage so reload doesn't flash. App shell restructured to a CSS-grid driven by data-nav on <html>: sidebar on desktop, bottom-nav + FAB under 760px. Four desktop nav modes wired (sidebar/rail/top/fab-only). Topbar gets a search-→-CommandPalette button, notification bell, "+ New" quick-add, avatar. Dashboard, calendar, lists, notes, settings, login, public share viewer, and quick-add sheet all reskinned. Dashboard editor gains a Preset menu (classic/split/glance) that fills the layout from the registered widgets. FullCalendar wrapped in .fc-skin and inherits all paper-and-ink tokens via CSS variable overrides. Public share viewer (/s/<token>) rebuilt around ShareFrame: expiration banner, brand strip, eyebrow chip, 38px serif title, mini-day + mini-map cards, share-rows. Schema: drops users.theme; adds theme_palette, theme_font_pair, theme_density, theme_dash_layout, theme_cal_view, theme_nav_style with defaults that match the design (clay / serif-sans / regular / classic / month / rail-desktop). Migration 0014_paper_ink_theme. Middleware sets x-pathname so the AppShell server component can render bare for /s/* and /login without a route-group refactor. Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
32 lines
1.1 KiB
TypeScript
32 lines
1.1 KiB
TypeScript
import "server-only";
|
|
import { getRegistry } from "@/modules/_core";
|
|
import type { SerializedWidgetMeta } from "@/modules/_core/registry";
|
|
import type { DashboardLayout, PresetId } from "./dashboard";
|
|
import { computePresetLayoutFromMetas } from "./dashboard";
|
|
|
|
/** Build a layout matching one of the design's three dashboard arrangements
|
|
* using the live module registry. Server-only — the registry is empty on
|
|
* the client. */
|
|
export function computePresetLayout(preset: PresetId): DashboardLayout {
|
|
const { widgets } = getRegistry();
|
|
if (widgets.length === 0) return { version: 1, widgets: [] };
|
|
|
|
const sorted = [...widgets].sort((a, b) => a.defaultPriority - b.defaultPriority);
|
|
const metas: SerializedWidgetMeta[] = sorted.map((w) => ({
|
|
id: w.id,
|
|
title: w.title,
|
|
description: w.description,
|
|
category: w.category,
|
|
defaultSize: w.defaultSize,
|
|
minSize: w.minSize,
|
|
maxSize: w.maxSize,
|
|
defaultConfig: w.defaultConfig,
|
|
}));
|
|
|
|
return computePresetLayoutFromMetas(preset, metas);
|
|
}
|
|
|
|
export function computeDefaultLayout(): DashboardLayout {
|
|
return computePresetLayout("classic");
|
|
}
|