Merge branch 'it-works' into develop
This commit is contained in:
@@ -0,0 +1,260 @@
|
||||
"use client";
|
||||
|
||||
import { useEffect, useState } from "react";
|
||||
import Link from "next/link";
|
||||
|
||||
const API_BASE_URL =
|
||||
process.env.NEXT_PUBLIC_API_BASE_URL ?? "http://localhost:8080";
|
||||
|
||||
const formatCount = (value: number | null | undefined) =>
|
||||
(typeof value === "number" ? value : 0).toLocaleString();
|
||||
|
||||
type ImportSummary = {
|
||||
totalProducts: number;
|
||||
mappedProducts: number;
|
||||
pendingProducts: number;
|
||||
};
|
||||
|
||||
type RawByMerchantRow = {
|
||||
merchantId: number;
|
||||
merchantName: string;
|
||||
platform: string;
|
||||
status: string;
|
||||
count: number;
|
||||
};
|
||||
|
||||
type MerchantImportRow = {
|
||||
merchantId: number;
|
||||
merchantName: string;
|
||||
totalProducts: number;
|
||||
mappedProducts: number;
|
||||
pendingProducts: number;
|
||||
lastImportAt?: string | null;
|
||||
};
|
||||
|
||||
export default function ImportStatusPage() {
|
||||
const [summary, setSummary] = useState<ImportSummary | null>(null);
|
||||
const [rows, setRows] = useState<MerchantImportRow[]>([]);
|
||||
const [loading, setLoading] = useState(true);
|
||||
const [error, setError] = useState<string | null>(null);
|
||||
const [importingId, setImportingId] = useState<number | null>(null);
|
||||
|
||||
useEffect(() => {
|
||||
async function load() {
|
||||
try {
|
||||
setLoading(true);
|
||||
setError(null);
|
||||
|
||||
const [summaryRes, byMerchantRes] = await Promise.all([
|
||||
fetch(`${API_BASE_URL}/api/admin/import-status/summary`),
|
||||
fetch(`${API_BASE_URL}/api/admin/import-status/by-merchant`),
|
||||
]);
|
||||
|
||||
if (!summaryRes.ok || !byMerchantRes.ok) {
|
||||
throw new Error("Failed to load import status");
|
||||
}
|
||||
|
||||
const summaryJson: ImportSummary = await summaryRes.json();
|
||||
const byMerchantRaw: RawByMerchantRow[] = await byMerchantRes.json();
|
||||
|
||||
// Aggregate per merchant using merchantId as the key
|
||||
const merchantMap = new Map<number, MerchantImportRow>();
|
||||
|
||||
for (const row of byMerchantRaw) {
|
||||
const id = row.merchantId;
|
||||
const name = row.merchantName;
|
||||
const status = row.status;
|
||||
const count = row.count ?? 0;
|
||||
|
||||
if (!merchantMap.has(id)) {
|
||||
merchantMap.set(id, {
|
||||
merchantId: id,
|
||||
merchantName: name,
|
||||
totalProducts: 0,
|
||||
mappedProducts: 0,
|
||||
pendingProducts: 0,
|
||||
lastImportAt: null, // not provided by API yet
|
||||
});
|
||||
}
|
||||
|
||||
const agg = merchantMap.get(id)!;
|
||||
agg.totalProducts += count;
|
||||
|
||||
if (status === "MAPPED") {
|
||||
agg.mappedProducts += count;
|
||||
} else if (status === "PENDING_MAPPING") {
|
||||
agg.pendingProducts += count;
|
||||
}
|
||||
}
|
||||
|
||||
const byMerchantJson: MerchantImportRow[] = Array.from(
|
||||
merchantMap.values()
|
||||
);
|
||||
|
||||
setSummary(summaryJson);
|
||||
setRows(byMerchantJson);
|
||||
} catch (e: any) {
|
||||
console.error(e);
|
||||
setError(e.message ?? "Failed to load import status");
|
||||
} finally {
|
||||
setLoading(false);
|
||||
}
|
||||
}
|
||||
|
||||
load();
|
||||
}, []);
|
||||
|
||||
async function handleReimport(merchantId: number) {
|
||||
try {
|
||||
setImportingId(merchantId);
|
||||
const res = await fetch(
|
||||
`${API_BASE_URL}/api/admin/merchants/${merchantId}/import`,
|
||||
{
|
||||
method: "POST",
|
||||
}
|
||||
);
|
||||
|
||||
if (!res.ok) {
|
||||
throw new Error(`Re-import failed (${res.status})`);
|
||||
}
|
||||
|
||||
// Optionally re-load data here if you want the table to refresh automatically
|
||||
} catch (e: any) {
|
||||
console.error(e);
|
||||
alert(e.message ?? "Failed to trigger import");
|
||||
} finally {
|
||||
setImportingId(null);
|
||||
}
|
||||
}
|
||||
|
||||
return (
|
||||
<main className="min-h-screen bg-black text-zinc-50">
|
||||
<div className="mx-auto max-w-6xl px-4 py-8">
|
||||
<header className="flex items-center justify-between gap-4">
|
||||
<div>
|
||||
<h1 className="text-2xl font-semibold tracking-tight">
|
||||
Import Status
|
||||
</h1>
|
||||
<p className="mt-1 text-sm text-zinc-400">
|
||||
Per-merchant feed health and mapping coverage.
|
||||
</p>
|
||||
</div>
|
||||
<Link
|
||||
href="/admin"
|
||||
className="text-xs text-zinc-400 hover:text-zinc-200"
|
||||
>
|
||||
← Back to Admin Home
|
||||
</Link>
|
||||
</header>
|
||||
|
||||
{loading && (
|
||||
<p className="mt-6 text-sm text-zinc-400">Loading import status…</p>
|
||||
)}
|
||||
|
||||
{error && <p className="mt-6 text-sm text-red-400">Error: {error}</p>}
|
||||
|
||||
{summary && !loading && !error && (
|
||||
<>
|
||||
{/* Summary cards */}
|
||||
<section className="mt-6 grid gap-4 md:grid-cols-3">
|
||||
<div className="rounded-lg border border-zinc-800 bg-zinc-950/70 px-4 py-3">
|
||||
<p className="text-xs uppercase tracking-[0.18em] text-zinc-500">
|
||||
Total Products
|
||||
</p>
|
||||
<p className="mt-2 text-xl font-semibold">
|
||||
{formatCount(summary.totalProducts)}
|
||||
</p>
|
||||
</div>
|
||||
<div className="rounded-lg border border-zinc-800 bg-zinc-950/70 px-4 py-3">
|
||||
<p className="text-xs uppercase tracking-[0.18em] text-zinc-500">
|
||||
Mapped
|
||||
</p>
|
||||
<p className="mt-2 text-xl font-semibold text-emerald-400">
|
||||
{formatCount(summary.mappedProducts)}
|
||||
</p>
|
||||
</div>
|
||||
<div className="rounded-lg border border-zinc-800 bg-zinc-950/70 px-4 py-3">
|
||||
<p className="text-xs uppercase tracking-[0.18em] text-zinc-500">
|
||||
Pending Mapping
|
||||
</p>
|
||||
<p className="mt-2 text-xl font-semibold text-amber-300">
|
||||
{formatCount(summary.pendingProducts)}
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="mt-8">
|
||||
<h2 className="text-xs font-semibold uppercase tracking-[0.18em] text-zinc-500">
|
||||
By Merchant
|
||||
</h2>
|
||||
|
||||
<div className="mt-3 overflow-x-auto rounded-lg border border-zinc-800 bg-zinc-950/70">
|
||||
<table className="min-w-full text-left text-sm">
|
||||
<thead className="border-b border-zinc-800 bg-zinc-950/80 text-xs uppercase text-zinc-500">
|
||||
<tr>
|
||||
<th className="px-4 py-3">Merchant</th>
|
||||
<th className="px-4 py-3 text-right">Total</th>
|
||||
<th className="px-4 py-3 text-right">Mapped</th>
|
||||
<th className="px-4 py-3 text-right">Pending</th>
|
||||
<th className="px-4 py-3">Last Import</th>
|
||||
<th className="px-4 py-3 text-right">Actions</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{rows.map((row) => (
|
||||
<tr
|
||||
key={row.merchantId}
|
||||
className="border-t border-zinc-900/80"
|
||||
>
|
||||
<td className="px-4 py-3">
|
||||
<span className="font-medium text-zinc-50">
|
||||
{row.merchantName}
|
||||
</span>
|
||||
</td>
|
||||
<td className="px-4 py-3 text-right text-zinc-300">
|
||||
{formatCount(row.totalProducts)}
|
||||
</td>
|
||||
<td className="px-4 py-3 text-right text-emerald-400">
|
||||
{formatCount(row.mappedProducts)}
|
||||
</td>
|
||||
<td className="px-4 py-3 text-right text-amber-300">
|
||||
{formatCount(row.pendingProducts)}
|
||||
</td>
|
||||
<td className="px-4 py-3 text-xs text-zinc-500">
|
||||
{row.lastImportAt
|
||||
? new Date(row.lastImportAt).toLocaleString()
|
||||
: "—"}
|
||||
</td>
|
||||
<td className="px-4 py-3">
|
||||
<div className="flex justify-end gap-2">
|
||||
<Link
|
||||
href={`/admin/mapping?merchantId=${row.merchantId}`}
|
||||
className="rounded-md border border-zinc-700 bg-zinc-900 px-2.5 py-1 text-xs text-zinc-200 hover:border-amber-400/80 hover:bg-zinc-800"
|
||||
>
|
||||
Mapping
|
||||
</Link>
|
||||
|
||||
<button
|
||||
type="button"
|
||||
onClick={() => handleReimport(row.merchantId)}
|
||||
disabled={importingId === row.merchantId}
|
||||
className="rounded-md border border-zinc-700 bg-zinc-900 px-2.5 py-1 text-xs text-zinc-200 hover:border-amber-400/80 hover:bg-zinc-800 disabled:cursor-not-allowed disabled:opacity-60"
|
||||
>
|
||||
{importingId === row.merchantId
|
||||
? "Re-importing…"
|
||||
: "Re-import"}
|
||||
</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
))}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</section>
|
||||
</>
|
||||
)}
|
||||
</div>
|
||||
</main>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,323 @@
|
||||
"use client";
|
||||
|
||||
import { useEffect, useState } from "react";
|
||||
|
||||
const API_BASE_URL =
|
||||
process.env.NEXT_PUBLIC_API_BASE_URL ?? "http://localhost:8080";
|
||||
|
||||
type PendingBucket = {
|
||||
merchantId: number;
|
||||
merchantName: string;
|
||||
rawCategoryKey: string;
|
||||
mappedPartRole: string | null;
|
||||
productCount: number;
|
||||
};
|
||||
|
||||
const PART_ROLE_OPTIONS: string[] = [
|
||||
// LOWER – receivers
|
||||
"LOWER_RECEIVER_STRIPPED",
|
||||
"LOWER_RECEIVER_COMPLETE",
|
||||
"LOWER_RECEIVER_COMPLETE_PISTOL",
|
||||
"LOWER_RECEIVER_COMPLETE_RIFLE",
|
||||
"LOWER_RECEIVER_80",
|
||||
"LOWER_RECEIVER_BILLET",
|
||||
"LOWER_RECEIVER_FORGED",
|
||||
"LOWER_RECEIVER_POLYMER",
|
||||
|
||||
// LOWER – internals & controls
|
||||
"LOWER_PARTS_KIT",
|
||||
"LOWER_PARTS_KIT_ENHANCED",
|
||||
|
||||
"TRIGGER",
|
||||
"TRIGGER_OTHER",
|
||||
"TRIGGER_COMBAT",
|
||||
"TRIGGER_MATCH",
|
||||
"TRIGGER_DROP_IN",
|
||||
"TRIGGER_SINGLE_STAGE",
|
||||
"TRIGGER_TWO_STAGE",
|
||||
"TRIGGER_GUARD",
|
||||
"PISTOL_GRIP",
|
||||
"PISTOL_GRIP_ERGO",
|
||||
"PISTOL_GRIP_VERTICAL",
|
||||
"SAFETY_SELECTOR",
|
||||
"SAFETY_SELECTOR_AMBI",
|
||||
"SAFETY_SELECTOR_45_DEG",
|
||||
"MAG_RELEASE",
|
||||
"TAKEDOWN_PINS",
|
||||
"SPRINGS_PINS_MISC",
|
||||
|
||||
// LOWER – buffer & stock
|
||||
"BUFFER_KIT",
|
||||
"BUFFER_TUBE",
|
||||
"BUFFER_TUBE_MILSPEC",
|
||||
"BUFFER_TUBE_COMMERCIAL",
|
||||
"BUFFER_SPRING",
|
||||
"BUFFER_WEIGHT",
|
||||
"STOCK_ADJUSTABLE",
|
||||
"STOCK_FIXED",
|
||||
"STOCK_FOLDER",
|
||||
"STOCK_PRECISION",
|
||||
"BRACE_PISTOL",
|
||||
|
||||
// UPPER – receivers & BCG
|
||||
"UPPER_RECEIVER_STRIPPED",
|
||||
"UPPER_RECEIVER_BILLET",
|
||||
"UPPER_RECEIVER_MONOLITHIC",
|
||||
"UPPER_RECEIVER_COMPLETE",
|
||||
"UPPER_RECEIVER_COMPLETE_PISTOL",
|
||||
"UPPER_RECEIVER_COMPLETE_RIFLE",
|
||||
"BOLT_CARRIER_GROUP",
|
||||
"BCG_COMPLETE",
|
||||
"BCG_LIGHTWEIGHT",
|
||||
"BCG_NICKEL_BORON",
|
||||
|
||||
// UPPER – barrel & gas
|
||||
"BARREL",
|
||||
"BARREL_THREADED",
|
||||
"BARREL_PENCIL",
|
||||
"BARREL_MATCH",
|
||||
"BARREL_HEAVY",
|
||||
"BARREL_14_5_PINNED",
|
||||
"GAS_BLOCK",
|
||||
"GAS_BLOCK_ADJUSTABLE",
|
||||
"GAS_BLOCK_LOW_PROFILE",
|
||||
"GAS_TUBE_PISTOL",
|
||||
"GAS_TUBE_CAR",
|
||||
"GAS_TUBE_MID",
|
||||
"GAS_TUBE_RIFLE",
|
||||
|
||||
// UPPER – front end / muzzle
|
||||
"HANDGUARD_MLOK",
|
||||
"HANDGUARD_KEYMOD",
|
||||
"HANDGUARD_QUAD",
|
||||
"HANDGUARD_SLICK",
|
||||
"MUZZLE_BRAKE",
|
||||
"MUZZLE_COMPENSATOR",
|
||||
|
||||
// 👇 generic / backup muzzle roles
|
||||
"MUZZLE_DEVICE",
|
||||
"MUZZLE_DEVICE_OTHER",
|
||||
|
||||
"FLASH_HIDER",
|
||||
"MUZZLE_DEVICE_QD_MOUNT",
|
||||
"SUPPRESSOR_DIRECT_THREAD",
|
||||
"SUPPRESSOR_QD",
|
||||
"SUPPRESSOR_RIFLE",
|
||||
"SUPPRESSOR_PISTOL",
|
||||
"CHARGING_HANDLE",
|
||||
"CHARGING_HANDLE_AMBI",
|
||||
"CHARGING_HANDLE_GAS_BUSTER",
|
||||
|
||||
// Sights / optics
|
||||
"SIGHTS_BACKUP",
|
||||
"SIGHTS_IRON_FIXED",
|
||||
"SIGHTS_IRON_FLIP",
|
||||
"SIGHTS_OFFSET",
|
||||
"OPTIC_REDDOT",
|
||||
"OPTIC_LPVO",
|
||||
"OPTIC_HOLOGRAPHIC",
|
||||
"OPTIC_PRISM",
|
||||
"OPTIC_MAGNIFIER",
|
||||
|
||||
// Accessories
|
||||
"MAGAZINE",
|
||||
"SLING",
|
||||
"BIPOD",
|
||||
"MOUNT_SCOPE",
|
||||
"MOUNT_OFFSET",
|
||||
"LIGHT_WEAPON",
|
||||
"LASER_VISIBLE",
|
||||
"LASER_IR",
|
||||
"TOOL",
|
||||
];
|
||||
|
||||
export default function MappingAdminPage() {
|
||||
const [rows, setRows] = useState<PendingBucket[]>([]);
|
||||
const [loading, setLoading] = useState(true);
|
||||
const [savingKey, setSavingKey] = useState<string | null>(null);
|
||||
const [error, setError] = useState<string | null>(null);
|
||||
|
||||
useEffect(() => {
|
||||
async function load() {
|
||||
try {
|
||||
setLoading(true);
|
||||
setError(null);
|
||||
const res = await fetch(
|
||||
`${API_BASE_URL}/api/admin/mapping/pending-buckets`
|
||||
);
|
||||
if (!res.ok) {
|
||||
throw new Error(`Failed to load pending buckets (${res.status})`);
|
||||
}
|
||||
const data: PendingBucket[] = await res.json();
|
||||
setRows(data);
|
||||
} catch (e: any) {
|
||||
console.error(e);
|
||||
setError(e.message ?? "Failed to load pending buckets");
|
||||
} finally {
|
||||
setLoading(false);
|
||||
}
|
||||
}
|
||||
|
||||
load();
|
||||
}, []);
|
||||
|
||||
const handleChangeRole = (idx: number, value: string) => {
|
||||
setRows((prev) => {
|
||||
const next = [...prev];
|
||||
next[idx] = { ...next[idx], mappedPartRole: value || null };
|
||||
return next;
|
||||
});
|
||||
};
|
||||
|
||||
const handleSave = async (row: PendingBucket) => {
|
||||
if (!row.mappedPartRole) return;
|
||||
|
||||
const key = `${row.merchantId}-${row.rawCategoryKey}`;
|
||||
try {
|
||||
setSavingKey(key);
|
||||
setError(null);
|
||||
|
||||
const res = await fetch(`${API_BASE_URL}/api/admin/mapping/apply`, {
|
||||
method: "POST",
|
||||
headers: { "Content-Type": "application/json" },
|
||||
body: JSON.stringify({
|
||||
merchantId: row.merchantId,
|
||||
rawCategoryKey: row.rawCategoryKey,
|
||||
mappedPartRole: row.mappedPartRole,
|
||||
}),
|
||||
});
|
||||
|
||||
if (!res.ok) {
|
||||
throw new Error(`Failed to save mapping (${res.status})`);
|
||||
}
|
||||
|
||||
// After save, remove this bucket from the list
|
||||
setRows((prev) =>
|
||||
prev.filter(
|
||||
(r) =>
|
||||
!(
|
||||
r.merchantId === row.merchantId &&
|
||||
r.rawCategoryKey === row.rawCategoryKey
|
||||
)
|
||||
)
|
||||
);
|
||||
} catch (e: any) {
|
||||
console.error(e);
|
||||
setError(e.message ?? "Failed to save mapping");
|
||||
} finally {
|
||||
setSavingKey(null);
|
||||
}
|
||||
};
|
||||
|
||||
return (
|
||||
<main className="min-h-screen bg-black text-zinc-50">
|
||||
<div className="mx-auto max-w-6xl px-4 py-6">
|
||||
<h1 className="text-xl font-semibold tracking-tight">
|
||||
Bulk Mapping – Pending Categories
|
||||
</h1>
|
||||
<p className="mt-1 text-sm text-zinc-400">
|
||||
Bucketed by merchant + raw category. Map each bucket to a part role to
|
||||
clean up the builder catalog.
|
||||
</p>
|
||||
|
||||
{loading && (
|
||||
<p className="mt-4 text-sm text-zinc-400">Loading pending buckets…</p>
|
||||
)}
|
||||
|
||||
{error && (
|
||||
<p className="mt-4 text-sm text-red-400">Error: {error}</p>
|
||||
)}
|
||||
|
||||
{!loading && rows.length === 0 && !error && (
|
||||
<p className="mt-4 text-sm text-emerald-400">
|
||||
No pending mapping buckets 🎉
|
||||
</p>
|
||||
)}
|
||||
|
||||
{!loading && rows.length > 0 && (
|
||||
<section className="mt-4 rounded-lg border border-zinc-800 bg-zinc-950/80 p-3">
|
||||
<div className="mb-2 flex items-center justify-between">
|
||||
<h2 className="text-xs font-semibold uppercase tracking-[0.14em] text-zinc-500">
|
||||
Pending Buckets
|
||||
</h2>
|
||||
<span className="text-xs text-zinc-400">
|
||||
{rows.length} buckets • {rows.reduce((s, r) => s + r.productCount, 0)}{" "}
|
||||
products
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div className="mt-1 overflow-x-auto">
|
||||
<table className="min-w-full text-xs">
|
||||
<thead>
|
||||
<tr className="border-b border-zinc-800 bg-zinc-900/60">
|
||||
<th className="px-2 py-1 text-left text-zinc-400">
|
||||
Merchant
|
||||
</th>
|
||||
<th className="px-2 py-1 text-left text-zinc-400">
|
||||
Raw Category
|
||||
</th>
|
||||
<th className="px-2 py-1 text-left text-zinc-400">
|
||||
Products
|
||||
</th>
|
||||
<th className="px-2 py-1 text-left text-zinc-400">
|
||||
Part Role
|
||||
</th>
|
||||
<th className="px-2 py-1 text-right text-zinc-400">
|
||||
Action
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{rows.map((row, idx) => {
|
||||
const rowKey = `${row.merchantId}-${row.rawCategoryKey}`;
|
||||
const isSaving = savingKey === rowKey;
|
||||
|
||||
return (
|
||||
<tr
|
||||
key={rowKey}
|
||||
className="border-b border-zinc-900 hover:bg-zinc-900/40"
|
||||
>
|
||||
<td className="px-2 py-1 text-zinc-100">
|
||||
{row.merchantName}
|
||||
</td>
|
||||
<td className="px-2 py-1 text-zinc-300">
|
||||
{row.rawCategoryKey}
|
||||
</td>
|
||||
<td className="px-2 py-1 text-zinc-200">{row.productCount}</td>
|
||||
<td className="px-2 py-1 text-zinc-100">
|
||||
<select
|
||||
className="w-full rounded-md border border-zinc-700 bg-zinc-950/80 px-2 py-1 text-xs text-zinc-100 outline-none focus:border-amber-400"
|
||||
value={row.mappedPartRole ?? ""}
|
||||
onChange={(e) =>
|
||||
handleChangeRole(idx, e.target.value)
|
||||
}
|
||||
>
|
||||
<option value="">Select part role…</option>
|
||||
{PART_ROLE_OPTIONS.map((pr) => (
|
||||
<option key={pr} value={pr}>
|
||||
{pr}
|
||||
</option>
|
||||
))}
|
||||
</select>
|
||||
</td>
|
||||
<td className="px-2 py-1 text-right">
|
||||
<button
|
||||
onClick={() => handleSave(row)}
|
||||
disabled={!row.mappedPartRole || isSaving}
|
||||
className="rounded-md bg-emerald-500 px-3 py-1 text-[0.7rem] font-semibold text-black disabled:cursor-not-allowed disabled:bg-zinc-700"
|
||||
>
|
||||
{isSaving ? "Saving…" : "Save"}
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
);
|
||||
})}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</section>
|
||||
)}
|
||||
</div>
|
||||
</main>
|
||||
);
|
||||
}
|
||||
+166
-55
@@ -1,67 +1,178 @@
|
||||
"use client";
|
||||
|
||||
import { useEffect, useState } from "react";
|
||||
import Link from "next/link";
|
||||
import { useAuth } from "@/context/AuthContext";
|
||||
|
||||
export default function AdminHomePage() {
|
||||
const { token } = useAuth();
|
||||
const API_BASE_URL =
|
||||
process.env.NEXT_PUBLIC_API_BASE_URL ?? "http://localhost:8080";
|
||||
|
||||
if (!token) {
|
||||
return (
|
||||
<div className="p-6 text-sm text-red-500">
|
||||
You must be logged in to view this page.
|
||||
</div>
|
||||
);
|
||||
}
|
||||
type AdminOverview = {
|
||||
totalProducts: number;
|
||||
mappedProducts: number;
|
||||
unmappedProducts: number;
|
||||
merchantCount: number;
|
||||
categoryMappingCount: number;
|
||||
};
|
||||
|
||||
const cards = [
|
||||
{
|
||||
title: "Canonical categories",
|
||||
href: "admin/categories",
|
||||
description:
|
||||
"Manage the core builder categories and their group/grouping + sort order.",
|
||||
},
|
||||
{
|
||||
title: "Part role mappings",
|
||||
href: "/admin/part-role-mappings",
|
||||
description:
|
||||
"Advanced: map logical builder part roles to canonical categories per platform.",
|
||||
},
|
||||
{
|
||||
title: "Merchant category mappings",
|
||||
href: "/admin/merchant-category-mappings",
|
||||
description:
|
||||
"Map raw merchant feed categories to your canonical categories.",
|
||||
},
|
||||
];
|
||||
export default function AdminLandingPage() {
|
||||
const [overview, setOverview] = useState<AdminOverview | null>(null);
|
||||
const [loading, setLoading] = useState(true);
|
||||
const [error, setError] = useState<string | null>(null);
|
||||
|
||||
useEffect(() => {
|
||||
async function load() {
|
||||
try {
|
||||
setLoading(true);
|
||||
setError(null);
|
||||
const res = await fetch(`${API_BASE_URL}/api/admin/dashboard/overview`);
|
||||
if (!res.ok) {
|
||||
throw new Error(`Failed to load dashboard (${res.status})`);
|
||||
}
|
||||
const data: AdminOverview = await res.json();
|
||||
setOverview(data);
|
||||
} catch (e: any) {
|
||||
console.error(e);
|
||||
setError(e.message ?? "Failed to load admin dashboard");
|
||||
} finally {
|
||||
setLoading(false);
|
||||
}
|
||||
}
|
||||
|
||||
load();
|
||||
}, []);
|
||||
|
||||
return (
|
||||
<div className="mx-auto max-w-5xl p-6 space-y-6">
|
||||
<div>
|
||||
<h1 className="text-lg font-semibold tracking-tight text-zinc-100">
|
||||
Admin
|
||||
</h1>
|
||||
<p className="mt-1 text-xs text-zinc-400">
|
||||
Internal tools to keep your builder data clean and consistent.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div className="grid gap-4 sm:grid-cols-3">
|
||||
{cards.map((card) => (
|
||||
<Link
|
||||
key={card.href}
|
||||
href={card.href}
|
||||
className="group rounded-lg border border-zinc-800 bg-zinc-950/70 p-4 text-left hover:border-emerald-500/70 hover:bg-zinc-900/80"
|
||||
>
|
||||
<h2 className="text-sm font-medium text-zinc-100 group-hover:text-white">
|
||||
{card.title}
|
||||
</h2>
|
||||
<p className="mt-1 text-[11px] leading-snug text-zinc-400">
|
||||
{card.description}
|
||||
<main className="min-h-screen bg-black text-zinc-50">
|
||||
<div className="mx-auto max-w-6xl px-4 py-8">
|
||||
<header className="flex items-center justify-between gap-4">
|
||||
<div>
|
||||
<h1 className="text-2xl font-semibold tracking-tight">
|
||||
Battl Builder – Admin
|
||||
</h1>
|
||||
<p className="mt-1 text-sm text-zinc-400">
|
||||
Control room for feeds, mappings, and catalog health.
|
||||
</p>
|
||||
</Link>
|
||||
))}
|
||||
</div>
|
||||
</header>
|
||||
|
||||
{loading && (
|
||||
<p className="mt-6 text-sm text-zinc-400">Loading dashboard…</p>
|
||||
)}
|
||||
|
||||
{error && (
|
||||
<p className="mt-6 text-sm text-red-400">Error: {error}</p>
|
||||
)}
|
||||
|
||||
{overview && !loading && !error && (
|
||||
<>
|
||||
{/* Stats row */}
|
||||
<section className="mt-6 grid gap-4 sm:grid-cols-2 lg:grid-cols-4">
|
||||
<div className="rounded-lg border border-zinc-800 bg-zinc-950/70 p-4">
|
||||
<p className="text-xs uppercase tracking-[0.16em] text-zinc-500">
|
||||
Total Products
|
||||
</p>
|
||||
<p className="mt-2 text-2xl font-semibold">
|
||||
{overview.totalProducts.toLocaleString()}
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div className="rounded-lg border border-zinc-800 bg-zinc-950/70 p-4">
|
||||
<p className="text-xs uppercase tracking-[0.16em] text-zinc-500">
|
||||
Mapped Products
|
||||
</p>
|
||||
<p className="mt-2 text-2xl font-semibold text-emerald-400">
|
||||
{overview.mappedProducts.toLocaleString()}
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div className="rounded-lg border border-zinc-800 bg-zinc-950/70 p-4">
|
||||
<p className="text-xs uppercase tracking-[0.16em] text-zinc-500">
|
||||
Unmapped Products
|
||||
</p>
|
||||
<p className="mt-2 text-2xl font-semibold text-amber-400">
|
||||
{overview.unmappedProducts.toLocaleString()}
|
||||
</p>
|
||||
<p className="mt-1 text-[0.7rem] text-zinc-500">
|
||||
Products still in <code>PENDING_MAPPING</code>.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div className="rounded-lg border border-zinc-800 bg-zinc-950/70 p-4">
|
||||
<p className="text-xs uppercase tracking-[0.16em] text-zinc-500">
|
||||
Merchants / Mappings
|
||||
</p>
|
||||
<p className="mt-2 text-lg font-semibold">
|
||||
{overview.merchantCount}{" "}
|
||||
<span className="text-xs font-normal text-zinc-400">
|
||||
merchants
|
||||
</span>
|
||||
</p>
|
||||
<p className="text-sm text-zinc-400">
|
||||
{overview.categoryMappingCount.toLocaleString()} mappings
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* Nav cards */}
|
||||
<section className="mt-10">
|
||||
<h2 className="text-xs font-semibold uppercase tracking-[0.18em] text-zinc-500">
|
||||
Admin Tools
|
||||
</h2>
|
||||
<div className="mt-3 grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
|
||||
{/* Bulk Mapping */}
|
||||
<Link
|
||||
href="/admin/mapping"
|
||||
className="group rounded-lg border border-zinc-800 bg-zinc-950/70 p-4 transition hover:border-amber-400/80 hover:bg-zinc-900/70"
|
||||
>
|
||||
<p className="text-sm font-semibold text-zinc-50">
|
||||
Bulk Category Mapping
|
||||
</p>
|
||||
<p className="mt-1 text-xs text-zinc-400">
|
||||
Bucket raw merchant categories and map them to part roles to
|
||||
keep the catalog clean.
|
||||
</p>
|
||||
<p className="mt-3 text-xs text-amber-300">
|
||||
{overview.unmappedProducts.toLocaleString()} products
|
||||
pending mapping
|
||||
</p>
|
||||
</Link>
|
||||
|
||||
{/* Import Status */}
|
||||
<Link
|
||||
href="/admin/import-status"
|
||||
className="group rounded-lg border border-zinc-800 bg-zinc-950/70 p-4 transition hover:border-amber-400/80 hover:bg-zinc-900/70"
|
||||
>
|
||||
<p className="text-sm font-semibold text-zinc-50">
|
||||
Import Status
|
||||
</p>
|
||||
<p className="mt-1 text-xs text-zinc-400">
|
||||
Inspect last feed runs, per-merchant health, and errors.
|
||||
</p>
|
||||
<p className="mt-3 text-xs text-zinc-500 group-hover:text-zinc-300">
|
||||
View import summaries →
|
||||
</p>
|
||||
</Link>
|
||||
|
||||
{/* Placeholder for future admin tools */}
|
||||
<Link
|
||||
href="/admin/products"
|
||||
className="group rounded-lg border border-zinc-900 bg-zinc-950/40 p-4 transition hover:border-amber-400/80 hover:bg-zinc-900/70"
|
||||
>
|
||||
<p className="text-sm font-semibold text-zinc-50">
|
||||
Catalog Explorer
|
||||
</p>
|
||||
<p className="mt-1 text-xs text-zinc-400">
|
||||
(Future) Browse normalized products, offers, and compatibility.
|
||||
</p>
|
||||
<p className="mt-3 text-xs text-zinc-500 group-hover:text-zinc-300">
|
||||
Coming soon
|
||||
</p>
|
||||
</Link>
|
||||
</div>
|
||||
</section>
|
||||
</>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
);
|
||||
}
|
||||
@@ -4,21 +4,19 @@ import { useEffect, useMemo, useState } from "react";
|
||||
import Link from "next/link";
|
||||
import { useParams, useRouter } from "next/navigation";
|
||||
import { CATEGORIES } from "@/data/gunbuilderParts";
|
||||
import { CATEGORY_TO_PART_ROLES } from "@/data/partRoleMappings";
|
||||
import type { CategoryId, Part } from "@/types/gunbuilder";
|
||||
|
||||
type ViewMode = "card" | "list";
|
||||
|
||||
type GunbuilderProductFromApi = {
|
||||
id: string;
|
||||
id: number;
|
||||
name: string;
|
||||
brand: string;
|
||||
platform: string;
|
||||
partRole: string;
|
||||
price: number | null;
|
||||
mainImageUrl: string | null;
|
||||
imageUrl: string | null;
|
||||
buyUrl: string | null;
|
||||
// optional stock flag if/when backend sends it
|
||||
inStock?: boolean | null;
|
||||
};
|
||||
|
||||
@@ -83,19 +81,14 @@ export default function CategoryPage() {
|
||||
|
||||
async function fetchCategoryParts() {
|
||||
try {
|
||||
setLoading(true);
|
||||
setLoading(true);
|
||||
setError(null);
|
||||
|
||||
// FIX: determine which backend partRoles map to this category
|
||||
const roles = CATEGORY_TO_PART_ROLES[categoryId] ?? [];
|
||||
|
||||
const search = new URLSearchParams();
|
||||
search.set("platform", "AR-15");
|
||||
roles.forEach((r) => search.append("partRoles", r));
|
||||
search.set("categorySlug", categoryId);
|
||||
|
||||
const url = `${API_BASE_URL}/api/products/gunbuilder${
|
||||
roles.length ? `?${search.toString()}` : ""
|
||||
}`;
|
||||
const url = `${API_BASE_URL}/api/gunbuilder/products/by-category?${search.toString()}`;
|
||||
|
||||
const res = await fetch(url, { signal: controller.signal });
|
||||
|
||||
@@ -106,12 +99,12 @@ export default function CategoryPage() {
|
||||
const data: GunbuilderProductFromApi[] = await res.json();
|
||||
|
||||
const normalized: UiPart[] = data.map((p) => ({
|
||||
id: p.id,
|
||||
id: String(p.id), // normalize to string for BuildState
|
||||
categoryId,
|
||||
name: p.name,
|
||||
brand: p.brand,
|
||||
price: p.price ?? 0,
|
||||
imageUrl: p.mainImageUrl ?? undefined,
|
||||
imageUrl: p.imageUrl ?? undefined, // match backend field name
|
||||
url: p.buyUrl ?? undefined,
|
||||
notes: undefined,
|
||||
inStock: p.inStock ?? true,
|
||||
|
||||
+50
-5
@@ -4,9 +4,10 @@ import { useMemo, useState, useEffect } from "react";
|
||||
import Link from "next/link";
|
||||
import { useSearchParams, useRouter } from "next/navigation";
|
||||
import { CATEGORIES } from "@/data/gunbuilderParts";
|
||||
import { BUILDER_SLOTS, isSlotSatisfied } from "@/data/builderSlots";
|
||||
import type { CategoryId, Part } from "@/types/gunbuilder";
|
||||
import { PART_ROLE_TO_CATEGORY } from "@/data/partRoleMappings";
|
||||
import { Pencil, Link2 } from "lucide-react";
|
||||
import { Pencil, Link2, Square, CheckSquare } from "lucide-react";
|
||||
|
||||
type GunbuilderProductFromApi = {
|
||||
id: number; // backend numeric id
|
||||
@@ -205,6 +206,17 @@ export default function GunbuilderPage() {
|
||||
.filter(Boolean) as Part[];
|
||||
}, [build, parts]);
|
||||
|
||||
const selectedByCategory: Record<CategoryId, unknown> = useMemo(
|
||||
() =>
|
||||
Object.fromEntries(
|
||||
Object.entries(build).map(([categoryId, partId]) => [
|
||||
categoryId as CategoryId,
|
||||
partId ? true : false,
|
||||
]),
|
||||
) as Record<CategoryId, unknown>,
|
||||
[build],
|
||||
);
|
||||
|
||||
const totalPrice = useMemo(
|
||||
() => selectedParts.reduce((sum, p) => sum + p.price, 0),
|
||||
[selectedParts],
|
||||
@@ -338,10 +350,10 @@ export default function GunbuilderPage() {
|
||||
<header className="mb-6">
|
||||
<div>
|
||||
<p className="text-xs font-semibold tracking-[0.2em] uppercase text-zinc-500">
|
||||
Shadow Standard Co.
|
||||
BATTL BUILDERS
|
||||
</p>
|
||||
<h1 className="mt-1 text-2xl md:text-3xl font-semibold tracking-tight">
|
||||
The Build Bench: <span className="text-amber-300">Early Access</span>
|
||||
BattlBuilder <span className="text-amber-300">Early Access</span>
|
||||
</h1>
|
||||
<p className="mt-2 text-sm text-zinc-400 max-w-xl">
|
||||
Explore components from trusted brands, choose one part per
|
||||
@@ -352,8 +364,9 @@ export default function GunbuilderPage() {
|
||||
</div>
|
||||
</header>
|
||||
|
||||
{/* Build summary panel */}
|
||||
<section className="mb-6 rounded-lg border border-zinc-800 bg-zinc-950/80 p-3 md:p-4 flex flex-col gap-3 md:flex-row md:items-start md:justify-between">
|
||||
|
||||
{/* Build summary panel */}
|
||||
<section className="mb-6 rounded-lg border border-zinc-800 bg-zinc-950/80 p-3 md:p-4 flex flex-col gap-3 md:flex-row md:items-start md:justify-between">
|
||||
{/* Left: title + totals + primary actions */}
|
||||
<div className="flex flex-col gap-2">
|
||||
<h2 className="text-xs font-semibold uppercase tracking-[0.16em] text-amber-300">
|
||||
@@ -462,6 +475,38 @@ export default function GunbuilderPage() {
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* Build status strip */}
|
||||
<section className="mb-6 space-y-3">
|
||||
<h2 className="text-[0.7rem] font-semibold uppercase tracking-[0.16em] text-zinc-500">
|
||||
Build Status (Needs Refined)
|
||||
</h2>
|
||||
<div className="flex flex-wrap gap-2 md:gap-3">
|
||||
{BUILDER_SLOTS.map((slot) => {
|
||||
const satisfied = isSlotSatisfied(slot, selectedByCategory);
|
||||
|
||||
return (
|
||||
<div
|
||||
key={slot.id}
|
||||
className={`inline-flex items-center gap-1.5 rounded-full border px-3 py-1 text-[0.7rem] md:text-xs ${
|
||||
satisfied
|
||||
? "border-emerald-500/70 bg-emerald-950/50 text-emerald-200"
|
||||
: "border-zinc-800 bg-zinc-950/80 text-zinc-200"
|
||||
}`}
|
||||
>
|
||||
{satisfied ? (
|
||||
<CheckSquare className="h-4 w-4 text-emerald-400" />
|
||||
) : (
|
||||
<Square className="h-4 w-4 text-zinc-600/80" />
|
||||
)}
|
||||
<span className="font-medium truncate max-w-[9rem] md:max-w-[11rem]">
|
||||
{slot.label}
|
||||
</span>
|
||||
</div>
|
||||
);
|
||||
})}
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* Layout */}
|
||||
<section className="rounded-lg border border-zinc-800 bg-zinc-950/60 p-3 md:p-4">
|
||||
<p className="mb-4 text-xs text-zinc-500">
|
||||
|
||||
@@ -0,0 +1,263 @@
|
||||
// data/builderSlots.ts
|
||||
|
||||
/**
|
||||
* Builder "slots" represent the major assemblies in a Battl Builder rifle:
|
||||
* - Lower Receiver Assembly
|
||||
* - Upper Receiver Assembly
|
||||
* - Fire Control / Optics / Accessories, etc.
|
||||
*
|
||||
* Each slot can be satisfied by one or more "patterns" of categories.
|
||||
* Example:
|
||||
* Lower Assembly is satisfied by EITHER:
|
||||
* - a single Complete Lower
|
||||
* - OR a combination of stripped lower + parts + buffer + stock + grip + safety
|
||||
*
|
||||
* The frontend can use this file to:
|
||||
* - show build progress for each slot
|
||||
* - grey out / collapse sub-categories when a complete assembly is selected
|
||||
* - validate that a build is "complete" before sharing/saving
|
||||
*/
|
||||
|
||||
export type SlotGroup = "LOWER" | "UPPER" | "SYSTEM" | "ACCESSORIES";
|
||||
|
||||
/**
|
||||
* CategoryId should correspond to CATEGORIES[id] from data/gunbuilderParts.ts
|
||||
* We keep it loose here to avoid circular type imports.
|
||||
*/
|
||||
export type CategoryId = string;
|
||||
|
||||
export type BuilderSlotId =
|
||||
| "lowerAssembly"
|
||||
| "upperAssembly"
|
||||
| "opticSystem"
|
||||
| "sightSystem"
|
||||
| "suppressorSystem"
|
||||
| "magazineSystem"
|
||||
| "accessoriesSupport";
|
||||
|
||||
export interface BuilderSlot {
|
||||
id: BuilderSlotId;
|
||||
label: string;
|
||||
group: SlotGroup;
|
||||
/**
|
||||
* Human-facing description for tooltips / help text.
|
||||
*/
|
||||
description: string;
|
||||
/**
|
||||
* All category IDs that are visually associated with this slot.
|
||||
* (Useful for layout / grouping in the UI.)
|
||||
*/
|
||||
categories: CategoryId[];
|
||||
/**
|
||||
* Each inner array is a valid way to "satisfy" the slot.
|
||||
*
|
||||
* Example (lowerAssembly):
|
||||
* [
|
||||
* ["completeLower"], // Pattern 1: single complete lower
|
||||
* ["lower", "lowerParts", "trigger", "grip", "safety", "buffer", "stock"] // Pattern 2: custom lower
|
||||
* ]
|
||||
*/
|
||||
satisfactionPatterns: CategoryId[][];
|
||||
}
|
||||
|
||||
/**
|
||||
* Core Battl Builder slots.
|
||||
*
|
||||
* These line up with your existing CATEGORIES in data/gunbuilderParts.ts:
|
||||
*
|
||||
* LOWER:
|
||||
* - lower
|
||||
* - completeLower
|
||||
* - lowerParts
|
||||
* - trigger
|
||||
* - grip
|
||||
* - safety
|
||||
* - buffer
|
||||
* - stock
|
||||
*
|
||||
* UPPER:
|
||||
* - upper
|
||||
* - completeUpper
|
||||
* - bcg
|
||||
* - barrel
|
||||
* - gasBlock
|
||||
* - gasTube
|
||||
* - muzzleDevice
|
||||
* - suppressor
|
||||
* - handguard
|
||||
* - chargingHandle
|
||||
* - sights
|
||||
* - optic
|
||||
*
|
||||
* ACCESSORIES:
|
||||
* - magazine
|
||||
* - weaponLight
|
||||
* - foregrip
|
||||
* - bipod
|
||||
* - sling
|
||||
* - railAccessory
|
||||
* - tools
|
||||
*/
|
||||
export const BUILDER_SLOTS: BuilderSlot[] = [
|
||||
{
|
||||
id: "lowerAssembly",
|
||||
label: "Lower Receiver Assembly",
|
||||
group: "LOWER",
|
||||
description:
|
||||
"The serialized foundation of the rifle: receiver, controls, fire control, stock, and buffer system.",
|
||||
categories: [
|
||||
"lower",
|
||||
"completeLower",
|
||||
"lowerParts",
|
||||
"trigger",
|
||||
"grip",
|
||||
"safety",
|
||||
"buffer",
|
||||
"stock",
|
||||
],
|
||||
satisfactionPatterns: [
|
||||
// Pattern 1: single complete lower does it all
|
||||
["completeLower"],
|
||||
// Pattern 2: fully custom lower built from individual parts
|
||||
["lower", "lowerParts", "trigger", "grip", "safety", "buffer", "stock"],
|
||||
],
|
||||
},
|
||||
|
||||
{
|
||||
id: "upperAssembly",
|
||||
label: "Upper Receiver Assembly",
|
||||
group: "UPPER",
|
||||
description:
|
||||
"The working end of the rifle: upper, barrel, gas system, handguard, BCG, charging handle, and muzzle device.",
|
||||
categories: [
|
||||
"upper",
|
||||
"completeUpper",
|
||||
"bcg",
|
||||
"barrel",
|
||||
"gasBlock",
|
||||
"gasTube",
|
||||
"handguard",
|
||||
"muzzleDevice",
|
||||
"chargingHandle",
|
||||
],
|
||||
satisfactionPatterns: [
|
||||
// Pattern 1: complete upper
|
||||
["completeUpper"],
|
||||
// Pattern 2: custom upper from parts
|
||||
[
|
||||
"upper",
|
||||
"barrel",
|
||||
"gasBlock",
|
||||
"gasTube",
|
||||
"handguard",
|
||||
"bcg",
|
||||
"chargingHandle",
|
||||
"muzzleDevice",
|
||||
],
|
||||
],
|
||||
},
|
||||
|
||||
{
|
||||
id: "opticSystem",
|
||||
label: "Optic System",
|
||||
group: "SYSTEM",
|
||||
description:
|
||||
"Primary glass for the rifle: LPVOs, red dots, prisms, and magnifiers.",
|
||||
categories: ["optic"],
|
||||
satisfactionPatterns: [
|
||||
// For now: any optic fills the slot.
|
||||
["optic"],
|
||||
],
|
||||
},
|
||||
|
||||
{
|
||||
id: "sightSystem",
|
||||
label: "Backup / Iron Sights",
|
||||
group: "SYSTEM",
|
||||
description:
|
||||
"Backup irons or primary sights for no-glass builds and hard-use setups.",
|
||||
categories: ["sights"],
|
||||
satisfactionPatterns: [["sights"]],
|
||||
},
|
||||
|
||||
{
|
||||
id: "suppressorSystem",
|
||||
label: "Muzzle / Suppressor",
|
||||
group: "SYSTEM",
|
||||
description:
|
||||
"Dedicated suppressor slot for QD or direct-thread cans. (Muzzle device is handled in the upper assembly patterns.)",
|
||||
categories: ["suppressor"],
|
||||
satisfactionPatterns: [["suppressor"]],
|
||||
},
|
||||
|
||||
{
|
||||
id: "magazineSystem",
|
||||
label: "Magazines",
|
||||
group: "ACCESSORIES",
|
||||
description:
|
||||
"Feeding the beast: mags appropriate to the platform and caliber.",
|
||||
categories: ["magazine"],
|
||||
satisfactionPatterns: [["magazine"]],
|
||||
},
|
||||
|
||||
{
|
||||
id: "accessoriesSupport",
|
||||
label: "Support Gear",
|
||||
group: "ACCESSORIES",
|
||||
description:
|
||||
"Lights, lasers, foregrips, bipods, slings, rail widgets, and tools that keep the rifle honest.",
|
||||
categories: [
|
||||
"weaponLight",
|
||||
"foregrip",
|
||||
"bipod",
|
||||
"sling",
|
||||
"railAccessory",
|
||||
"tools",
|
||||
],
|
||||
// Accessories are all optional; this slot is never strictly "required"
|
||||
satisfactionPatterns: [
|
||||
// An empty pattern would technically always be satisfied,
|
||||
// but we can treat this slot as "nice to have" in the UI instead.
|
||||
["weaponLight"],
|
||||
["foregrip"],
|
||||
["bipod"],
|
||||
["sling"],
|
||||
["railAccessory"],
|
||||
["tools"],
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
/**
|
||||
* Helper: determine whether a slot is satisfied given currently selected parts.
|
||||
*
|
||||
* `selectedByCategory` is expected to be a map of categoryId → truthy if selected.
|
||||
* The value can be the actual Part, or just `true` if you track it elsewhere.
|
||||
*/
|
||||
export function isSlotSatisfied(
|
||||
slot: BuilderSlot,
|
||||
selectedByCategory: Record<CategoryId, unknown>
|
||||
): boolean {
|
||||
return slot.satisfactionPatterns.some((pattern) =>
|
||||
pattern.every((categoryId) => Boolean(selectedByCategory[categoryId]))
|
||||
);
|
||||
}
|
||||
|
||||
/**
|
||||
* Optional helper: get the first pattern that is currently satisfied.
|
||||
* Can be used to:
|
||||
* - show which "path" the user took (complete vs custom)
|
||||
* - conditionally collapse/expand sub-categories in the UI
|
||||
*/
|
||||
export function getSatisfiedPattern(
|
||||
slot: BuilderSlot,
|
||||
selectedByCategory: Record<CategoryId, unknown>
|
||||
): CategoryId[] | null {
|
||||
for (const pattern of slot.satisfactionPatterns) {
|
||||
const ok = pattern.every((categoryId) =>
|
||||
Boolean(selectedByCategory[categoryId])
|
||||
);
|
||||
if (ok) return pattern;
|
||||
}
|
||||
return null;
|
||||
}
|
||||
@@ -10,7 +10,7 @@ export const CATEGORY_TO_PART_ROLES: Record<CategoryId, string[]> = {
|
||||
buffer: ["buffer-kit"],
|
||||
lowerParts: ["lower-parts-kit"],
|
||||
sights: ["sight"],
|
||||
lower: ["lower-receiver"],
|
||||
lower: ["LOWER_RECEIVER_STRIPPED"],
|
||||
optic: ["optic"],
|
||||
stock: ["stock"],
|
||||
|
||||
|
||||
Reference in New Issue
Block a user