Sync member info

Author: Oscar-gg

.env.example

@@ -29,3 +29,17 @@ DATABASE_URL="postgresql://postgres:password@localhost:5432/go-roborrego"
 NEXT_PUBLIC_SUPABASE_URL="https://<project-ref>.supabase.co"
 NEXT_PUBLIC_SUPABASE_ANON_KEY=""
 SUPABASE_SERVICE_ROLE_KEY=""
+
+# GitHub App — for exporting member data to roborregos-web as a PR
+# Create a GitHub App at https://github.com/settings/apps with:
+#   - Repository permissions: Contents (read/write), Pull Requests (read/write)
+#   - Install the app on RoBorregos/roborregos-web and note the Installation ID
+# App ID from the app's "General" settings page
+GITHUB_APP_ID=""
+# Private key — generate a .pem from the app settings, then inline with \n as newlines
+GITHUB_APP_PRIVATE_KEY=""
+# Installation ID — found in the URL when viewing the app installation:
+# https://github.com/organizations/<org>/settings/installations/<id>
+GITHUB_APP_INSTALLATION_ID=""
+# Override if forking to a different repo (default: RoBorregos/roborregos-web)
+# GITHUB_WEB_REPO="RoBorregos/roborregos-web"

package-lock.json

@@ -27,6 +27,7 @@
     "@dnd-kit/sortable": "^10.0.0",
     "@dnd-kit/utilities": "^3.2.2",
     "@modelcontextprotocol/sdk": "^1.27.1",
+    "@octokit/auth-app": "^8.2.0",
     "@prisma/client": "^6.6.0",
     "@supabase/supabase-js": "^2.99.1",
     "@t3-oss/env-nextjs": "^0.12.0",

package.json

@@ -119,6 +119,13 @@ model User {
     role           Role         @default(VIEWER)
     status         MemberStatus @default(ACTIVE)
     lastLoginAt    DateTime?
+    // Web export
+    webId             Int?     @unique
+    lastname          String?
+    subtitle          String?
+    semesters         Int?
+    tags              String?
+    excludeFromExport Boolean  @default(false)
 
     // NextAuth relations
     accounts Account[]

prisma/schema.prisma

@@ -1,5 +1,6 @@
 "use client";
 
+import { useState } from "react";
 import Link from "next/link";
 import { api, type RouterOutputs } from "~/trpc/react";
 
@@ -175,6 +176,89 @@ export function AdminDashboardClient() {
             ))}
           </div>
         </Section>
+
+        {/* Web export */}
+        <WebExportPanel />
+      </div>
+    </div>
+  );
+}
+
+function WebExportPanel() {
+  const [result, setResult] = useState<{ prUrl?: string; prNumber?: number; memberCount?: number; imagesUploaded?: number; newIdAssignments?: number } | null>(null);
+  const [error, setError] = useState<string | null>(null);
+
+  const exportMutation = api.admin.exportToWebRepo.useMutation({
+    onSuccess: (data) => {
+      if (!data.dryRun) setResult(data);
+    },
+    onError: (e) => setError(e.message),
+  });
+
+  const dryRunMutation = api.admin.exportToWebRepo.useMutation({
+    onSuccess: (data) => {
+      if (data.dryRun) {
+        const preview = data as { dryRun: true; memberCount: number; newIdAssignments: number };
+        setResult({ memberCount: preview.memberCount, newIdAssignments: preview.newIdAssignments });
+      }
+    },
+    onError: (e) => setError(e.message),
+  });
+
+  const isBusy = exportMutation.isPending || dryRunMutation.isPending;
+
+  return (
+    <div className="bg-white rounded-xl border border-gray-200 shadow-sm overflow-hidden lg:col-span-2">
+      <div className="flex items-center justify-between px-4 py-3 border-b border-gray-100">
+        <h2 className="text-sm font-semibold text-gray-900">Export Members to Website</h2>
+        <span className="text-xs text-gray-400">roborregos-web</span>
+      </div>
+      <div className="px-4 py-4 space-y-3">
+        <p className="text-xs text-gray-500">
+          Creates a pull request on <span className="font-mono">RoBorregos/roborregos-web</span> with
+          updated <span className="font-mono">members.json</span> and member images.
+          Members marked &ldquo;Exclude from export&rdquo; are skipped. Web IDs are auto-assigned if missing.
+        </p>
+
+        {error && (
+          <p className="text-xs text-red-600 bg-red-50 rounded-lg px-3 py-2">{error}</p>
+        )}
+
+        {result?.prUrl && (
+          <div className="text-xs bg-green-50 border border-green-200 rounded-lg px-3 py-2 space-y-1">
+            <p className="font-medium text-green-800">PR created successfully</p>
+            <p className="text-green-700">
+              {result.memberCount} members · {result.imagesUploaded} images · {result.newIdAssignments} new IDs assigned
+            </p>
+            <a href={result.prUrl} target="_blank" rel="noreferrer" className="text-blue-600 hover:underline font-mono">
+              PR #{result.prNumber}
+            </a>
+          </div>
+        )}
+
+        {result && !result.prUrl && (
+          <div className="text-xs bg-blue-50 border border-blue-200 rounded-lg px-3 py-2">
+            <p className="font-medium text-blue-800">Dry run complete</p>
+            <p className="text-blue-700">{result.memberCount} members to export · {result.newIdAssignments} would get new IDs</p>
+          </div>
+        )}
+
+        <div className="flex gap-2">
+          <button
+            onClick={() => { setError(null); setResult(null); dryRunMutation.mutate({ dryRun: true }); }}
+            disabled={isBusy}
+            className="px-3 py-1.5 text-xs border border-gray-300 text-gray-700 rounded-lg hover:bg-gray-50 disabled:opacity-50 transition-colors"
+          >
+            {dryRunMutation.isPending ? "Running…" : "Dry Run"}
+          </button>
+          <button
+            onClick={() => { setError(null); setResult(null); exportMutation.mutate({ dryRun: false }); }}
+            disabled={isBusy}
+            className="px-3 py-1.5 text-xs bg-[#1a2744] text-white rounded-lg hover:bg-[#243660] disabled:opacity-50 transition-colors"
+          >
+            {exportMutation.isPending ? "Creating PR…" : "Create PR"}
+          </button>
+        </div>
       </div>
     </div>
   );