feat: worst-scan fansub web — initial release

Posts engine (SQLite + auto-publisher via poller), public feed with clickable tags, reader, admin panel, submit/search/queue tools. BFF proxy to pipeline API. Clean dark design. Docker-ready.
2026-07-23 15:58:28 -03:00
commit 25449aa5df
71 changed files with 11296 additions and 0 deletions
@@ -0,0 +1,64 @@
+"use client"
+
+import Link from "next/link"
+import { usePathname, useRouter } from "next/navigation"
+import { LayoutDashboard, Image, Search, Send, ListOrdered, FileText, LogOut } from "lucide-react"
+
+const links = [
+  { href: "/feed", label: "Feed", icon: LayoutDashboard },
+  { href: "/submit", label: "Enviar", icon: Send },
+  { href: "/search", label: "Buscar", icon: Search },
+  { href: "/queue", label: "Cola", icon: ListOrdered },
+  { href: "/admin/posts", label: "Posts", icon: FileText },
+]
+
+export function Sidebar() {
+  const pathname = usePathname()
+  const router = useRouter()
+
+  async function handleLogout() {
+    await fetch("/api/auth/logout", { method: "POST" })
+    router.push("/login")
+  }
+
+  return (
+    <aside className="fixed left-0 top-0 z-30 flex h-screen w-56 flex-col border-r border-[var(--border)] bg-[var(--background)]">
+      <div className="flex items-center gap-2.5 border-b border-[var(--border)] px-5 py-4">
+        <div className="flex h-8 w-8 items-center justify-center rounded-lg bg-[var(--accent-subtle)]">
+          <Image className="h-4 w-4 text-[var(--accent)]" />
+        </div>
+        <span className="text-sm font-bold tracking-tight">worst-scan</span>
+      </div>
+
+      <nav className="flex flex-1 flex-col gap-0.5 p-3">
+        {links.map(({ href, label, icon: Icon }) => {
+          const isActive = pathname.startsWith(href)
+          return (
+            <Link
+              key={href}
+              href={href}
+              className={`flex items-center gap-3 rounded-lg px-3 py-2 text-sm transition-all ${
+                isActive
+                  ? "bg-[var(--surface)] font-medium text-[var(--foreground)]"
+                  : "text-[var(--muted)] hover:bg-[var(--surface)] hover:text-[var(--foreground)]"
+              }`}
+            >
+              <Icon className={`h-4 w-4 ${isActive ? "text-[var(--accent)]" : ""}`} />
+              {label}
+            </Link>
+          )
+        })}
+      </nav>
+
+      <div className="border-t border-[var(--border)] p-3">
+        <button
+          onClick={handleLogout}
+          className="flex w-full items-center gap-3 rounded-lg px-3 py-2 text-sm text-[var(--muted)] transition-all hover:bg-[var(--surface)] hover:text-[var(--foreground)]"
+        >
+          <LogOut className="h-4 w-4" />
+          Salir
+        </button>
+      </div>
+    </aside>
+  )
+}