admin: Superforms + Zod validation, three-address-defaults schema, profiles toast fix

- Add Superforms + Zod 4 for all admin form validation - Replace address isDefault with three separate boolean defaults (Mailing, Billing, Shipping) - Update profiles page with three-checkbox address form and toast improvements - Convert all admin page server actions to pass request directly to crud - Export superFormErrorsToFieldErrors helper for profiles server actions - Regenerate Prisma client for new schema fields
2026-07-07 13:36:23 -05:00
parent 38347f5f24
commit 38d1752f5b
98 changed files with 3408 additions and 1758 deletions
@@ -0,0 +1,100 @@
+<script lang="ts">
+	import type { PageProps } from './$types';
+	import type { ActionResult } from '$lib/svelte-admin/types';
+	import AdminTable from '$lib/components/admin/AdminTable.svelte';
+	import Toast from '$lib/components/admin/Toast.svelte';
+	import { getModelConfig } from '$lib/svelte-admin/registry';
+	import { enhance } from '$app/forms';
+
+	let { data, form }: PageProps = $props();
+
+	const config = getModelConfig('license-keys')!;
+
+	let showCreateForm = $state(false);
+	let toastMessage = $state('');
+	let toastType = $state<'success' | 'error'>('success');
+	let createError = $state('');
+
+	$effect(() => {
+		if (form && 'success' in (form as ActionResult)) {
+			const result = form as ActionResult;
+			if (result.success) {
+				toastMessage = 'License key created and emailed';
+				toastType = 'success';
+				showCreateForm = false;
+			} else {
+				createError = result.error ?? 'Failed to create license key';
+			}
+		}
+	});
+
+	function toggleForm() {
+		showCreateForm = !showCreateForm;
+		createError = '';
+	}
+</script>
+
+<div class="p-6">
+	<div class="mb-4 flex items-center justify-between">
+		<h1 class="text-xl font-bold text-gray-900 dark:text-gray-100">{config.displayName}</h1>
+		<button
+			type="button"
+			onclick={toggleForm}
+			class="border border-gray-300 px-3 py-1.5 text-sm font-medium dark:border-gray-600 dark:text-gray-300"
+		>
+			{showCreateForm ? 'Cancel' : 'Create Key +'}
+		</button>
+	</div>
+
+	{#if showCreateForm}
+		<form method="POST" action="?/createKey" use:enhance class="mb-6 border border-gray-200 p-4 dark:border-gray-700">
+			<h2 class="mb-3 text-sm font-semibold text-gray-700 dark:text-gray-300">
+				Create New License Key
+			</h2>
+			{#if createError}
+				<div class="mb-3 border border-red-300 bg-red-50 px-3 py-2 text-sm text-red-700">
+					{createError}
+				</div>
+			{/if}
+			<div class="flex flex-col gap-3">
+				<div>
+					<label for="email" class="mb-1 block text-sm font-medium text-gray-700 dark:text-gray-300">
+						User Email
+					</label>
+					<input
+						type="email"
+						id="email"
+						name="email"
+						required
+						class="w-full border border-gray-300 px-3 py-1.5 text-sm dark:border-gray-600 dark:bg-gray-800 dark:text-gray-100"
+						placeholder="user@example.com"
+					/>
+				</div>
+				<label class="flex items-center gap-2 text-sm text-gray-700 dark:text-gray-300">
+					<input type="checkbox" name="deactivateOld" class="h-4 w-4" />
+					Deactivate existing active keys for this user
+				</label>
+				<div class="flex justify-end">
+					<button
+						type="submit"
+						class="border border-gray-300 bg-gray-100 px-4 py-1.5 text-sm font-medium hover:bg-gray-200 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-300 dark:hover:bg-gray-700"
+					>
+						Create & Email Key
+					</button>
+				</div>
+			</div>
+		</form>
+	{/if}
+
+	<AdminTable
+		records={data.records}
+		listFields={config.listFields}
+		searchFields={config.searchFields}
+		fieldTypes={config.fieldTypes}
+		singular={config.displayNameSingular}
+	/>
+</div>
+
+{#if toastMessage}
+	<Toast message={toastMessage} type={toastType} />
+{/if}