src/lib/dev-login-config.ts — startup assertion: throws if NODE_ENV=production + ENABLE_DEV_LOGIN=true, scoped to runtime (skipped during next build).
Container
scripts/migrate.mjs — runs Drizzle migrations against DATABASE_URL.
deploy/docker-entrypoint.sh — runs migrations then exec node server.js. Skip with RUN_MIGRATIONS=false.
Dockerfile — copies drizzle/, scripts/migrate.mjs, entrypoint into runner stage; ENTRYPOINT now points at the script.
Compose
deploy/compose.yaml — famapp now image: ${FAMAPP_IMAGE:-ghcr.io/ginnoir/famapp:latest} (build still works locally as fallback). Authentik pinned via AUTHENTIK_IMAGE_TAG (default 2024.12.3). New RUN_MIGRATIONS env passed through.
.env.production.example — documents FAMAPP_IMAGE, AUTHENTIK_IMAGE_TAG, RUN_MIGRATIONS.
CI/CD
.github/workflows/ci.yml — push/PR: typecheck + lint + format:check + build.
.github/workflows/release.yml — v* tag: build + push ghcr.io/ginnoir/famapp:vX.Y.Z, :X.Y, :latest to GHCR.
Docs
deploy/README.md — full deploy/rollback/release runbook.
CHANGELOG.md — release log seeded with an Unreleased entry.
docs/tasks/09-pre-deploy-checklist.md — task 09 reframed from one-shot removal to a recurring pre-deploy checklist.
STATUS.md — updated.
Verified: pnpm typecheck, pnpm format, pnpm build, and docker compose config all clean.
67 lines
1.7 KiB
TypeScript
67 lines
1.7 KiB
TypeScript
"use client";
|
|
|
|
import { THEMES, THEME_MODES } from "@/modules/_core/themes";
|
|
import type { ThemeId, ThemeMode } from "@/modules/_core/themes";
|
|
import { useTheme } from "@/hooks/use-theme";
|
|
import { Label } from "@/components/ui/label";
|
|
import {
|
|
Select,
|
|
SelectContent,
|
|
SelectItem,
|
|
SelectTrigger,
|
|
SelectValue,
|
|
} from "@/components/ui/select";
|
|
import { Button } from "@/components/ui/button";
|
|
import { cn } from "@/lib/utils";
|
|
|
|
interface Props {
|
|
initialTheme?: ThemeId;
|
|
initialMode?: ThemeMode;
|
|
signedIn?: boolean;
|
|
}
|
|
|
|
export function ThemePicker({
|
|
initialTheme = "default",
|
|
initialMode = "system",
|
|
signedIn = false,
|
|
}: Props) {
|
|
const { theme, mode, setTheme, setMode } = useTheme(initialTheme, initialMode, signedIn);
|
|
|
|
return (
|
|
<div className="space-y-4">
|
|
<div className="space-y-1.5">
|
|
<Label>Theme</Label>
|
|
<Select value={theme} onValueChange={(v) => setTheme(v as ThemeId)}>
|
|
<SelectTrigger className="w-48">
|
|
<SelectValue />
|
|
</SelectTrigger>
|
|
<SelectContent>
|
|
{THEMES.map((t) => (
|
|
<SelectItem key={t.id} value={t.id}>
|
|
{t.label}
|
|
</SelectItem>
|
|
))}
|
|
</SelectContent>
|
|
</Select>
|
|
</div>
|
|
|
|
<div className="space-y-1.5">
|
|
<Label>Mode</Label>
|
|
<div className="flex gap-1">
|
|
{THEME_MODES.map((m) => (
|
|
<Button
|
|
key={m.id}
|
|
variant="outline"
|
|
size="sm"
|
|
className={cn(mode === m.id && "bg-primary text-primary-foreground")}
|
|
onClick={() => setMode(m.id)}
|
|
>
|
|
{m.label}
|
|
</Button>
|
|
))}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|