Initial commit

2026-05-26 22:46:00 +02:00
commit 7e2c2ff89c
256 changed files with 51523 additions and 0 deletions
@@ -0,0 +1,107 @@
+import Link from "next/link";
+import { notFound } from "next/navigation";
+import { ArrowLeft, Trash2 } from "lucide-react";
+import { rawDb } from "@/lib/db/client";
+import { listImages, listAllTagCategories } from "@/lib/db/queries";
+import { MasonryGrid } from "@/components/grid/MasonryGrid";
+import { RegisterVisible } from "@/components/select/RegisterVisible";
+import { FilterBar } from "@/components/grid/FilterBar";
+import { UploadCard } from "@/components/ingest/UploadCard";
+import { resolveSort } from "@/lib/sortServer";
+import { deleteTag, renameTag } from "@/app/actions/entities";
+import { EntityRenameInline } from "@/components/entities/EntityRenameInline";
+import { TagCategoryPicker } from "@/components/categories/TagCategoryPicker";
+import { parseFilterCriteria, statusToFlags } from "@/lib/filters";
+
+export const dynamic = "force-dynamic";
+
+export default async function TagPage({
+  params,
+  searchParams,
+}: {
+  params: Promise<{ name: string }>;
+  searchParams: Promise<Record<string, string | string[] | undefined>>;
+}) {
+  const { name } = await params;
+  const sp = await searchParams;
+  const sort = await resolveSort(typeof sp.sort === "string" ? sp.sort : undefined);
+  const search = (typeof sp.q === "string" ? sp.q.trim() : "") || undefined;
+  const criteria = parseFilterCriteria(sp);
+  const decoded = decodeURIComponent(name);
+  const tag = rawDb.prepare(`SELECT id, category_id FROM tags WHERE name = ?`).get(decoded) as
+    | { id: number; category_id: number | null }
+    | undefined;
+  if (!tag) notFound();
+  const categories = listAllTagCategories();
+  const items = listImages({
+    tagId: tag.id,
+    sort,
+    search,
+    ...statusToFlags(criteria.status),
+    marks: criteria.marks,
+    actressIds: criteria.ids.actresses,
+    actressMode: criteria.mode.actresses,
+    studioIds: criteria.ids.studios,
+    seriesIds: criteria.ids.series,
+    genreIds: criteria.ids.genres,
+    genreMode: criteria.mode.genres,
+    collectionIds: criteria.ids.collections,
+    collectionMode: criteria.mode.collections,
+    tagIds: criteria.ids.tags,
+    tagMode: criteria.mode.tags,
+    categoryIds: criteria.ids.categories,
+    categoryMode: criteria.mode.categories,
+  });
+
+  const remove = async () => {
+    "use server";
+    await deleteTag(decoded);
+  };
+
+  const rename = async (name: string) => {
+    "use server";
+    return await renameTag(decoded, name);
+  };
+
+  return (
+    <div className="max-w-[1600px] mx-auto px-6 py-6 fade-in">
+      <Link href="/tag" className="inline-flex items-center gap-1 text-sm text-[var(--color-fg-dim)] hover:text-[var(--color-fg)] mb-4">
+        <ArrowLeft className="w-4 h-4" /> All tags
+      </Link>
+      <div className="flex items-start justify-between gap-6 mb-4">
+        <div>
+          <div className="flex items-center gap-2">
+            <h1 className="text-3xl font-semibold tracking-tight mb-1">
+              <span className="text-[var(--color-violet)]">#{decoded}</span>
+            </h1>
+            <EntityRenameInline
+              initialName={decoded}
+              onRename={rename}
+              redirectBase="/tag/"
+              redirectKey="name"
+            />
+            <form action={remove}>
+              <button className="flex items-center gap-1.5 text-xs px-2 py-1 rounded-lg glass text-[var(--color-fg-muted)] hover:text-[var(--color-coral)] hover:border-[var(--color-coral)]/30">
+                <Trash2 className="w-3.5 h-3.5" /> Delete
+              </button>
+            </form>
+          </div>
+          <p className="text-[var(--color-fg-dim)]">{items.length} image{items.length === 1 ? "" : "s"}</p>
+          <div className="mt-3">
+            <TagCategoryPicker
+              tagId={tag.id}
+              currentCategoryId={tag.category_id}
+              categories={categories.map((c) => ({ id: c.id, name: c.name, slug: c.slug, color: c.color }))}
+            />
+          </div>
+        </div>
+        <div className="w-[300px] flex-shrink-0">
+          <UploadCard autoAssign={{ tagName: decoded }} />
+        </div>
+      </div>
+      <FilterBar current={{ kind: "tag", name: decoded }} criteria={criteria} sort={sort} />
+      <RegisterVisible ids={items.map((i) => i.id)} />
+      <MasonryGrid images={items} />
+    </div>
+  );
+}