Add ISAC Skill Chips data module

src/lib/components/SearchableAssignment.svelte

@@ -3,6 +3,8 @@
 	let {
 		items,
 		selected = $bindable<string[]>([]),
+		value = $bindable(''),
+		mode = 'multiple',
 		excludedIds = [],
 		fieldName,
 		emptyLabel = 'NO MATCHING RECORDS',
@@ -13,6 +15,8 @@
 	}: {
 		items: Item[];
 		selected?: string[];
+		value?: string;
+		mode?: 'multiple' | 'single';
 		excludedIds?: string[];
 		fieldName: string;
 		emptyLabel?: string;
@@ -22,22 +26,24 @@
 		emptySelectionLabel?: string;
 	} = $props();
 	let query = $state('');
+	const selectedIds = $derived(mode === 'single' ? (value ? [value] : []) : selected);
 	const normalizedQuery = $derived(query.normalize('NFKC').trim().toLocaleLowerCase());
 	const available = $derived(items.filter((item) =>
 		!excludedIds.includes(item.id)
 		&& (!normalizedQuery || item.name.toLocaleLowerCase().includes(normalizedQuery))
 	));
 	const visible = $derived(available.slice(0, 30));
-	const selectedItems = $derived(selected.map((id) => items.find((item) => item.id === id)).filter((item): item is Item => Boolean(item)));
+	const selectedItems = $derived(selectedIds.map((id) => items.find((item) => item.id === id)).filter((item): item is Item => Boolean(item)));
 	const toggle = (id: string) => {
-		selected = selected.includes(id) ? selected.filter((value) => value !== id) : [...selected, id];
+		if (mode === 'single') value = value === id ? '' : id;
+		else selected = selected.includes(id) ? selected.filter((value) => value !== id) : [...selected, id];
 	};
 </script>
 
 <div class="assignment-picker">
-	{#each selected as id}<input type="hidden" name={fieldName} value={id}/>{/each}
+	{#each selectedIds as id}<input type="hidden" name={fieldName} value={id}/>{/each}
 	<div class="assignment-selected">
-		<div class="assignment-summary"><span>ASSIGNED</span><b>{selected.length}</b></div>
+		<div class="assignment-summary"><span>{mode === 'single' ? 'SELECTED' : 'ASSIGNED'}</span><b>{selectedIds.length}</b></div>
 		<div class="assignment-chips">
 			{#each selectedItems as item}
 				<button type="button" class:pending-reference={item.pending} onclick={() => toggle(item.id)} aria-label={`Remove ${item.name}`}><span>{item.name}{#if item.pending}<small>PENDING</small>{/if}</span><b>×</b></button>
@@ -50,8 +56,8 @@
 	<div class="assignment-results-head"><span>{available.length} MATCHES</span>{#if available.length > visible.length}<b>SHOWING FIRST {visible.length}</b>{/if}</div>
 	<div class="assignment-results" role="list">
 		{#each visible as item}
-			<button type="button" class:selected={selected.includes(item.id)} class:pending-reference={item.pending} aria-pressed={selected.includes(item.id)} onclick={() => toggle(item.id)}>
-				<span>{item.name}{#if item.pending}<small>PENDING · {item.proposerName ?? 'CONTRIBUTOR'}</small>{/if}</span><b>{selected.includes(item.id) ? 'ASSIGNED' : 'ADD ＋'}</b>
+			<button type="button" class:selected={selectedIds.includes(item.id)} class:pending-reference={item.pending} aria-pressed={selectedIds.includes(item.id)} onclick={() => toggle(item.id)}>
+				<span>{item.name}{#if item.pending}<small>PENDING · {item.proposerName ?? 'CONTRIBUTOR'}</small>{/if}</span><b>{selectedIds.includes(item.id) ? (mode === 'single' ? 'SELECTED' : 'ASSIGNED') : (mode === 'single' ? 'SELECT →' : 'ADD ＋')}</b>
 			</button>
 		{:else}
 			<p>{emptyLabel}</p>

src/lib/server/audit.ts

@@ -27,7 +27,7 @@ export async function recordIsacAudit(input: {
 }
 
 export async function auditRecord(table: string, id: string): Promise<Record<string, unknown> | null> {
-	if (!['stat_attributes', 'talents', 'talent_triggers', 'brand_sets', 'gear', 'weapons', 'os_protocols', 'roles'].includes(table)) {
+	if (!['stat_attributes', 'talents', 'talent_triggers', 'brand_sets', 'gear', 'weapons', 'os_protocols', 'skill_chip_sets', 'roles'].includes(table)) {
 		throw new Error('Unsupported audit table');
 	}
 	const database = await getDatabase();

src/lib/server/data-moderation.ts

@@ -5,7 +5,7 @@ import type { AuthUser } from '$lib/server/auth/session';
 import { recordIsacAudit } from '$lib/server/audit';
 import { getContributorMode } from '$lib/server/contributor-mode';
 
-export const DATA_MODULES = ['stats', 'talents', 'brands', 'gear', 'weapons', 'protocols'] as const;
+export const DATA_MODULES = ['attributes', 'talents', 'brands', 'gear', 'weapons', 'protocols', 'skillchips'] as const;
 export type DataModule = typeof DATA_MODULES[number];
 
 type SerializedEntry =

src/lib/server/game-data-icons.ts

@@ -3,13 +3,13 @@ import { mkdir, readFile, unlink, writeFile } from 'node:fs/promises';
 import path from 'node:path';
 import sharp from 'sharp';
 
-export const GAME_ICON_TYPES = ['talent', 'brand_set', 'os_protocol'] as const;
+export const GAME_ICON_TYPES = ['talent', 'brand_set', 'os_protocol', 'skill_chip'] as const;
 export type GameDataIconType = (typeof GAME_ICON_TYPES)[number];
 export const MAX_GAME_ICON_BYTES = 2 * 1024 * 1024;
 export const MAX_GAME_ICON_PIXELS = 12_000_000;
 export const GAME_ICON_SIZE = 256;
 const ENTITY_ID_PATTERN = /^[0-9a-f-]{36}$/i;
-const STORAGE_KEY_PATTERN = /^(talent|brand_set|os_protocol)-[0-9a-f-]{36}\.webp$/i;
+const STORAGE_KEY_PATTERN = /^(talent|brand_set|os_protocol|skill_chip)-[0-9a-f-]{36}\.webp$/i;
 
 export class GameDataIconValidationError extends Error {}