appflare 0.2.48 → 0.2.49

package/cli/templates/dashboard/builders/table-routes/common/pagination.ts

@@ -1,30 +1,30 @@
-/**
- * Builds the pagination HTML string (runtime template literal) for a given route prefix.
- * PocketBase-style minimal footer with total count.
- * @param routePrefix - e.g. "/admin/users" or "/admin/table/myTable"
- */
-export function buildPaginationHtml(routePrefix: string): string {
-	return `
-\t\t<div class="flex flex-col sm:flex-row justify-between items-center mt-4 gap-3 py-3 px-1">
-\t\t\t<div class="text-xs text-base-content/40">
-\t\t\t\tTotal found: <span class="font-medium text-base-content/60">\${total}</span>
-\t\t\t</div>
-\t\t\t\${totalPages > 1 ? html\`
-\t\t\t<div class="join border border-base-200 rounded-lg">
-\t\t\t\t\${page > 1 ? html\`
-\t\t\t\t\t<button hx-get="${routePrefix}?page=\${page - 1}&search=\${search}&sort=\${sort}&order=\${order}" hx-target="#main-content" hx-push-url="true" class="join-item btn btn-sm btn-ghost">
-\t\t\t\t\t\t<iconify-icon icon="mdi:chevron-left" width="16" height="16"></iconify-icon>
-\t\t\t\t\t</button>
-\t\t\t\t\` : html\`<button class="join-item btn btn-sm btn-ghost btn-disabled"><iconify-icon icon="mdi:chevron-left" width="16" height="16"></iconify-icon></button>\`}
-
-\t\t\t\t<button class="join-item btn btn-sm btn-ghost no-animation pointer-events-none text-xs">\${page} / \${totalPages}</button>
-
-\t\t\t\t\${page < totalPages ? html\`
-\t\t\t\t\t<button hx-get="${routePrefix}?page=\${page + 1}&search=\${search}&sort=\${sort}&order=\${order}" hx-target="#main-content" hx-push-url="true" class="join-item btn btn-sm btn-ghost">
-\t\t\t\t\t\t<iconify-icon icon="mdi:chevron-right" width="16" height="16"></iconify-icon>
-\t\t\t\t\t</button>
-\t\t\t\t\` : html\`<button class="join-item btn btn-sm btn-ghost btn-disabled"><iconify-icon icon="mdi:chevron-right" width="16" height="16"></iconify-icon></button>\`}
-\t\t\t</div>
-\t\t\t\` : ''}
-\t\t</div>`;
-}
+/**
+ * Builds the pagination HTML string (runtime template literal) for a given route prefix.
+ * PocketBase-style minimal footer with total count.
+ * @param routePrefix - e.g. "/admin/users" or "/admin/table/myTable"
+ */
+export function buildPaginationHtml(routePrefix: string): string {
+	return `
+\t\t<div class="flex flex-col sm:flex-row justify-between items-center mt-4 gap-3 py-3 px-1">
+\t\t\t<div class="text-xs text-base-content/40">
+\t\t\t\tTotal found: <span class="font-medium text-base-content/60">\${total}</span>
+\t\t\t</div>
+\t\t\t\${totalPages > 1 ? html\`
+\t\t\t<div class="join border border-base-200 rounded-lg">
+\t\t\t\t\${page > 1 ? html\`
+\t\t\t\t\t<button hx-get="${routePrefix}?page=\${page - 1}&search=\${search}&sort=\${sort}&order=\${order}" hx-target="#main-content" hx-push-url="true" class="join-item btn btn-sm btn-ghost">
+\t\t\t\t\t\t<iconify-icon icon="mdi:chevron-left" width="16" height="16"></iconify-icon>
+\t\t\t\t\t</button>
+\t\t\t\t\` : html\`<button class="join-item btn btn-sm btn-ghost btn-disabled"><iconify-icon icon="mdi:chevron-left" width="16" height="16"></iconify-icon></button>\`}
+
+\t\t\t\t<button class="join-item btn btn-sm btn-ghost no-animation pointer-events-none text-xs">\${page} / \${totalPages}</button>
+
+\t\t\t\t\${page < totalPages ? html\`
+\t\t\t\t\t<button hx-get="${routePrefix}?page=\${page + 1}&search=\${search}&sort=\${sort}&order=\${order}" hx-target="#main-content" hx-push-url="true" class="join-item btn btn-sm btn-ghost">
+\t\t\t\t\t\t<iconify-icon icon="mdi:chevron-right" width="16" height="16"></iconify-icon>
+\t\t\t\t\t</button>
+\t\t\t\t\` : html\`<button class="join-item btn btn-sm btn-ghost btn-disabled"><iconify-icon icon="mdi:chevron-right" width="16" height="16"></iconify-icon></button>\`}
+\t\t\t</div>
+\t\t\t\` : ''}
+\t\t</div>`;
+}

package/cli/templates/dashboard/builders/table-routes/common/search-bar.ts

@@ -1,23 +1,23 @@
-/**
- * Builds the search input HTML string (runtime template literal) for a given route prefix.
- * PocketBase-style full-width filter bar.
- * @param routePrefix - e.g. "/admin/users" or "/admin/table/myTable"
- * @param placeholder - placeholder text for the input
- */
-export function buildSearchBarHtml(
-	routePrefix: string,
-	placeholder = "Search term or filter...",
-): string {
-	return `
-\t\t\t<div class="form-control w-full md:w-auto relative">
-\t\t\t\t<iconify-icon icon="mdi:magnify" width="18" height="18" class="absolute left-3 top-1/2 -translate-y-1/2 opacity-40"></iconify-icon>
-\t\t\t\t<input type="text"
-\t\t\t\t\tname="search"
-\t\t\t\t\tplaceholder="${placeholder}"
-\t\t\t\t\tvalue="\${search}"
-\t\t\t\t\thx-get="${routePrefix}?sort=\${sort}&order=\${order}"
-\t\t\t\t\thx-trigger="keyup changed delay:500ms, search"
-\t\t\t\t\thx-target="#main-content"
-\t\t\t\t\tclass="input input-sm md:input-md input-bordered pl-9 w-full md:w-72 bg-base-200/50 border-base-200 focus:bg-base-100 focus:border-primary transition-all text-sm" />
-\t\t\t</div>`;
-}
+/**
+ * Builds the search input HTML string (runtime template literal) for a given route prefix.
+ * PocketBase-style full-width filter bar.
+ * @param routePrefix - e.g. "/admin/users" or "/admin/table/myTable"
+ * @param placeholder - placeholder text for the input
+ */
+export function buildSearchBarHtml(
+	routePrefix: string,
+	placeholder = "Search term or filter...",
+): string {
+	return `
+\t\t\t<div class="form-control w-full md:w-auto relative">
+\t\t\t\t<iconify-icon icon="mdi:magnify" width="18" height="18" class="absolute left-3 top-1/2 -translate-y-1/2 opacity-40"></iconify-icon>
+\t\t\t\t<input type="text"
+\t\t\t\t\tname="search"
+\t\t\t\t\tplaceholder="${placeholder}"
+\t\t\t\t\tvalue="\${search}"
+\t\t\t\t\thx-get="${routePrefix}?sort=\${sort}&order=\${order}"
+\t\t\t\t\thx-trigger="keyup changed delay:500ms, search"
+\t\t\t\t\thx-target="#main-content"
+\t\t\t\t\tclass="input input-sm md:input-md input-bordered pl-9 w-full md:w-72 bg-base-200/50 border-base-200 focus:bg-base-100 focus:border-primary transition-all text-sm" />
+\t\t\t</div>`;
+}

package/cli/templates/dashboard/builders/table-routes/fragments.ts

@@ -1,217 +1,257 @@
-import { DiscoveredTable } from "../../types";
-
-export function buildSearchConditions(table: DiscoveredTable): string {
-	return table.columns
-		.filter((column) => column.type === "string")
-		.map(
-			(column) => `
-\t\t\ttry { searchConditions.push(like(tableSchema.${column.name}, \`%\${search}%\`)); } catch (e) {}
-\t\t\t`,
-		)
-		.join("");
-}
-
-/**
- * Returns an Iconify icon name for a column type.
- */
-function columnTypeIcon(type: string): string {
-	switch (type) {
-		case "number":
-			return "mdi:pound";
-		case "boolean":
-			return "mdi:toggle-switch-outline";
-		case "date":
-			return "mdi:calendar";
-		default:
-			return "mdi:format-text";
-	}
-}
-
-export function buildColumnHeaders(
-	table: DiscoveredTable,
-	columns: string[],
-): string {
-	return columns
-		.map((column) => {
-			const col = table.columns.find((c) => c.name === column);
-			const icon = col ? columnTypeIcon(col.type) : "mdi:format-text";
-			return `
-\t\t\t\t\t\t\t<th>
-\t\t\t\t\t\t\t\t<a href="#" 
-\t\t\t\t\t\t\t\t   hx-get="/admin/table/${table.exportName}?page=\${page}&search=\${search}&sort=${column}&order=\${sort === '${column}' && order === 'asc' ? 'desc' : 'asc'}" 
-\t\t\t\t\t\t\t\t   hx-target="#main-content"
-\t\t\t\t\t\t\t\t   hx-push-url="true"
-\t\t\t\t\t\t\t\t   class="hover:text-primary flex items-center gap-1.5 transition-colors whitespace-nowrap">
-\t\t\t\t\t\t\t\t   <iconify-icon icon="${icon}" width="14" height="14" class="opacity-40"></iconify-icon>
-\t\t\t\t\t\t\t\t   ${column} 
-\t\t\t\t\t\t\t\t   <span class="text-[10px] opacity-30">\${sort === '${column}' ? (order === 'asc' ? '▲' : '▼') : ''}</span>
-\t\t\t\t\t\t\t\t</a>
-\t\t\t\t\t\t\t</th>
-\t\t\t\t\t\t\t`;
-		})
-		.join("");
-}
-
-export function buildRowCells(columns: string[], primaryKey?: string): string {
-	return columns
-		.map((column) => {
-			if (primaryKey && column === primaryKey) {
-				return `<td><button type="button" class="truncate max-w-[200px] text-sm font-mono text-xs opacity-70 hover:opacity-100 cursor-copy text-left" title="Click to copy: \${String((row as any).${column} ?? '')}" data-copy-value="\${String((row as any).${column} ?? '')}" onclick="navigator.clipboard?.writeText(this.dataset.copyValue || '')">\${String((row as any).${column} ?? '')}</button></td>`;
-			}
-
-			return `<td><div class="truncate max-w-[200px] text-sm" title="\${String((row as any).${column} ?? '')}">\${String((row as any).${column} ?? '')}</div></td>`;
-		})
-		.join("");
-}
-
-export function buildFieldInput(
-	table: DiscoveredTable,
-	columnName: string,
-	mode: "create" | "edit",
-): string {
-	const column = table.columns.find((item) => item.name === columnName);
-	if (!column) {
-		return "";
-	}
-
-	const requiredAttr = !column.optional ? " required" : "";
-	const inputType =
-		column.type === "number"
-			? "number"
-			: column.type === "date"
-				? "date"
-				: "text";
-
-	if (column.type === "boolean") {
-		if (mode === "edit") {
-			return `
-\t\t<div class="form-control">
-\t\t\t<label class="label cursor-pointer justify-start gap-3">
-\t\t\t\t<input type="checkbox" name="${columnName}" value="true" class="checkbox checkbox-sm checkbox-primary" \${(row as any).${columnName} ? 'checked' : ''} />
-\t\t\t\t<span class="label-text text-sm">${columnName}</span>
-\t\t\t</label>
-\t\t</div>
-\t\t`;
-		}
-
-		return `
-\t\t<div class="form-control">
-\t\t\t<label class="label cursor-pointer justify-start gap-3">
-\t\t\t\t<input type="checkbox" name="${columnName}" value="true" class="checkbox checkbox-sm checkbox-primary" />
-\t\t\t\t<span class="label-text text-sm">${columnName}</span>
-\t\t\t</label>
-\t\t</div>
-\t\t`;
-	}
-
-	if (mode === "edit") {
-		const valueExpression =
-			column.type === "date"
-				? `\${(() => {
-					const value = (row as any).${columnName};
-					if (value == null || value === '') return '';
-
-					const date =
-						value instanceof Date
-							? value
-							: new Date(typeof value === 'number' ? value : String(value));
-					if (Number.isNaN(date.getTime())) return '';
-
-					const year = date.getFullYear();
-					const month = String(date.getMonth() + 1).padStart(2, '0');
-					const day = String(date.getDate()).padStart(2, '0');
-					return String(year) + '-' + month + '-' + day;
-				})()}`
-				: `\${String((row as any).${columnName} ?? '')}`;
-
-		return `
-\t\t<div class="form-control">
-\t\t\t<label class="label"><span class="label-text text-sm font-medium">${columnName}</span></label>
-\t\t\t<input type="${inputType}" name="${columnName}" class="input input-bordered w-full text-sm" value="${valueExpression}"${requiredAttr} />
-\t\t</div>
-\t\t`;
-	}
-
-	return `
-\t\t<div class="form-control">
-\t\t\t<label class="label"><span class="label-text text-sm font-medium">${columnName}</span></label>
-\t\t\t<input type="${inputType}" name="${columnName}" class="input input-bordered w-full text-sm"${requiredAttr} />
-\t\t</div>
-\t\t`;
-}
-
-export function buildPayloadAssignments(
-	table: DiscoveredTable,
-	fields: string[],
-): string {
-	return fields
-		.map((field) => {
-			const column = table.columns.find((item) => item.name === field);
-			if (!column) {
-				return "";
-			}
-
-			const requiredCheck = !column.optional
-				? `
-\t\tif (raw_${field} === '') {
-\t\t\treturn c.text('${field} is required', 400);
-\t\t}
-\t\t`
-				: "";
-
-			if (column.type === "number") {
-				return `
-\t\tconst raw_${field} = getValue(body['${field}']);
-\t\t${requiredCheck}
-\t\tif (raw_${field} !== '') {
-\t\t\tconst parsed_${field} = Number(raw_${field});
-\t\t\tif (Number.isNaN(parsed_${field})) {
-\t\t\t\treturn c.text('${field} must be a valid number', 400);
-\t\t\t}
-\t\t\tpayload.${field} = parsed_${field};
-\t\t}
-\t\t`;
-			}
-
-			if (column.type === "boolean") {
-				return `
-\t\tconst raw_${field} = getValue(body['${field}']);
-\t\tpayload.${field} = raw_${field} === 'true' || raw_${field} === 'on' || raw_${field} === '1';
-\t\t`;
-			}
-
-			if (column.type === "date") {
-				return `
-		const raw_${field} = getValue(body['${field}']);
-		${requiredCheck}
-		if (raw_${field} !== '') {
-			if (!/^\\d{4}-\\d{2}-\\d{2}$/.test(raw_${field})) {
-				return c.text('${field} must be a valid date (YYYY-MM-DD)', 400);
-			}
-
-			const [year_${field}, month_${field}, day_${field}] = raw_${field}.split('-').map(Number);
-			const parsed_${field} = new Date(year_${field}, month_${field} - 1, day_${field});
-			if (
-				Number.isNaN(parsed_${field}.getTime()) ||
-				parsed_${field}.getFullYear() !== year_${field} ||
-				parsed_${field}.getMonth() !== month_${field} - 1 ||
-				parsed_${field}.getDate() !== day_${field}
-			) {
-				return c.text('${field} must be a valid date', 400);
-			}
-
-			payload.${field} = parsed_${field};
-		}
-		`;
-			}
-
-			return `
-\t\tconst raw_${field} = getValue(body['${field}']);
-\t\t${requiredCheck}
-\t\tif (raw_${field} !== '') {
-\t\t\tpayload.${field} = raw_${field};
-\t\t}
-\t\t`;
-		})
-		.join("\n");
-}
+import { DiscoveredTable } from "../../types";
+
+export function buildSearchConditions(table: DiscoveredTable): string {
+	return table.columns
+		.filter((column) => column.type === "string")
+		.map(
+			(column) => `
+\t\t\ttry { searchConditions.push(like(tableSchema.${column.name}, \`%\${search}%\`)); } catch (e) {}
+\t\t\t`,
+		)
+		.join("");
+}
+
+/**
+ * Returns an Iconify icon name for a column type.
+ */
+function columnTypeIcon(type: string): string {
+	switch (type) {
+		case "number":
+			return "mdi:pound";
+		case "boolean":
+			return "mdi:toggle-switch-outline";
+		case "date":
+			return "mdi:calendar";
+		case "json":
+			return "mdi:code-braces";
+		default:
+			return "mdi:format-text";
+	}
+}
+
+export function buildColumnHeaders(
+	table: DiscoveredTable,
+	columns: string[],
+): string {
+	return columns
+		.map((column) => {
+			const col = table.columns.find((c) => c.name === column);
+			const icon = col ? columnTypeIcon(col.type) : "mdi:format-text";
+			return `
+\t\t\t\t\t\t\t<th>
+\t\t\t\t\t\t\t\t<a href="#" 
+\t\t\t\t\t\t\t\t   hx-get="/admin/table/${table.exportName}?page=\${page}&search=\${search}&sort=${column}&order=\${sort === '${column}' && order === 'asc' ? 'desc' : 'asc'}" 
+\t\t\t\t\t\t\t\t   hx-target="#main-content"
+\t\t\t\t\t\t\t\t   hx-push-url="true"
+\t\t\t\t\t\t\t\t   class="hover:text-primary flex items-center gap-1.5 transition-colors whitespace-nowrap">
+\t\t\t\t\t\t\t\t   <iconify-icon icon="${icon}" width="14" height="14" class="opacity-40"></iconify-icon>
+\t\t\t\t\t\t\t\t   ${column} 
+\t\t\t\t\t\t\t\t   <span class="text-[10px] opacity-30">\${sort === '${column}' ? (order === 'asc' ? '▲' : '▼') : ''}</span>
+\t\t\t\t\t\t\t\t</a>
+\t\t\t\t\t\t\t</th>
+\t\t\t\t\t\t\t`;
+		})
+		.join("");
+}
+
+export function buildRowCells(table: DiscoveredTable, columns: string[], primaryKey?: string): string {
+	return columns
+		.map((column) => {
+			const col = table.columns.find((c) => c.name === column);
+
+			if (primaryKey && column === primaryKey) {
+				return `<td><button type="button" class="truncate max-w-[200px] text-sm font-mono text-xs opacity-70 hover:opacity-100 cursor-copy text-left" title="Click to copy: \${String((row as any).${column} ?? '')}" data-copy-value="\${String((row as any).${column} ?? '')}" onclick="navigator.clipboard?.writeText(this.dataset.copyValue || '')">\${String((row as any).${column} ?? '')}</button></td>`;
+			}
+
+			if (col?.type === "json") {
+				return `<td>\${raw((() => { const __v = (row as any).${column}; if (__v === null || __v === undefined) return '<span class="opacity-30 text-xs">null</span>'; if (Array.isArray(__v)) { if (__v.length === 0) return '<span class="badge badge-ghost badge-sm font-mono text-xs">[ ]</span>'; return '<div class="flex flex-wrap gap-1 max-w-[200px]">' + __v.slice(0, 3).map((item) => '<span class="badge badge-ghost badge-xs font-mono">' + (typeof item === 'object' && item !== null ? JSON.stringify(item).slice(0, 20) + (JSON.stringify(item).length > 20 ? '…' : '') : String(item ?? '')) + '</span>').join('') + (__v.length > 3 ? '<span class="badge badge-ghost badge-xs opacity-50">+' + (__v.length - 3) + '</span>' : '') + '</div>'; } if (typeof __v === 'object') { const __s = JSON.stringify(__v); return '<span class="badge badge-outline badge-sm font-mono text-[10px]">' + __s.slice(0, 50) + (__s.length > 50 ? '…' : '') + '</span>'; } return String(__v ?? ''); })())}</td>`;
+			}
+
+			return `<td><div class="truncate max-w-[200px] text-sm" title="\${String((row as any).${column} ?? '')}">\${String((row as any).${column} ?? '')}</div></td>`;
+		})
+		.join("");
+}
+
+export function buildFieldInput(
+	table: DiscoveredTable,
+	columnName: string,
+	mode: "create" | "edit",
+): string {
+	const column = table.columns.find((item) => item.name === columnName);
+	if (!column) {
+		return "";
+	}
+
+	const requiredAttr = !column.optional ? " required" : "";
+	const inputType =
+		column.type === "number"
+			? "number"
+			: column.type === "date"
+				? "date"
+				: "text";
+
+	if (column.type === "boolean") {
+		if (mode === "edit") {
+			return `
+\t\t<div class="form-control">
+\t\t\t<label class="label cursor-pointer justify-start gap-3">
+\t\t\t\t<input type="checkbox" name="${columnName}" value="true" class="checkbox checkbox-sm checkbox-primary" \${(row as any).${columnName} ? 'checked' : ''} />
+\t\t\t\t<span class="label-text text-sm">${columnName}</span>
+\t\t\t</label>
+\t\t</div>
+\t\t`;
+		}
+
+		return `
+\t\t<div class="form-control">
+\t\t\t<label class="label cursor-pointer justify-start gap-3">
+\t\t\t\t<input type="checkbox" name="${columnName}" value="true" class="checkbox checkbox-sm checkbox-primary" />
+\t\t\t\t<span class="label-text text-sm">${columnName}</span>
+\t\t\t</label>
+\t\t</div>
+\t\t`;
+	}
+
+	if (column.type === "json") {
+		if (mode === "edit") {
+			return `
+\t\t<div class="form-control">
+\t\t\t<label class="label"><span class="label-text text-sm font-medium">${columnName}</span></label>
+\t\t\t<textarea name="${columnName}" class="textarea textarea-bordered w-full font-mono text-xs h-32"${requiredAttr}>\${typeof (row as any).${columnName} === 'string' ? (row as any).${columnName} : JSON.stringify((row as any).${columnName} ?? null, null, 2)}</textarea>
+\t\t</div>
+\t\t`;
+		}
+
+		return `
+\t\t<div class="form-control">
+\t\t\t<label class="label"><span class="label-text text-sm font-medium">${columnName}</span></label>
+\t\t\t<textarea name="${columnName}" class="textarea textarea-bordered w-full font-mono text-xs h-32" placeholder="null"${requiredAttr}></textarea>
+\t\t</div>
+\t\t`;
+	}
+
+	if (mode === "edit") {
+		const valueExpression =
+			column.type === "date"
+				? `\${(() => {
+					const value = (row as any).${columnName};
+					if (value == null || value === '') return '';
+
+					const date =
+						value instanceof Date
+							? value
+							: new Date(typeof value === 'number' ? value : String(value));
+					if (Number.isNaN(date.getTime())) return '';
+
+					const year = date.getFullYear();
+					const month = String(date.getMonth() + 1).padStart(2, '0');
+					const day = String(date.getDate()).padStart(2, '0');
+					return String(year) + '-' + month + '-' + day;
+				})()}`
+				: `\${String((row as any).${columnName} ?? '')}`;
+
+		return `
+\t\t<div class="form-control">
+\t\t\t<label class="label"><span class="label-text text-sm font-medium">${columnName}</span></label>
+\t\t\t<input type="${inputType}" name="${columnName}" class="input input-bordered w-full text-sm" value="${valueExpression}"${requiredAttr} />
+\t\t</div>
+\t\t`;
+	}
+
+	return `
+\t\t<div class="form-control">
+\t\t\t<label class="label"><span class="label-text text-sm font-medium">${columnName}</span></label>
+\t\t\t<input type="${inputType}" name="${columnName}" class="input input-bordered w-full text-sm"${requiredAttr} />
+\t\t</div>
+\t\t`;
+}
+
+export function buildPayloadAssignments(
+	table: DiscoveredTable,
+	fields: string[],
+): string {
+	return fields
+		.map((field) => {
+			const column = table.columns.find((item) => item.name === field);
+			if (!column) {
+				return "";
+			}
+
+			const requiredCheck = !column.optional
+				? `
+\t\tif (raw_${field} === '') {
+\t\t\treturn c.text('${field} is required', 400);
+\t\t}
+\t\t`
+				: "";
+
+			if (column.type === "number") {
+				return `
+\t\tconst raw_${field} = getValue(body['${field}']);
+\t\t${requiredCheck}
+\t\tif (raw_${field} !== '') {
+\t\t\tconst parsed_${field} = Number(raw_${field});
+\t\t\tif (Number.isNaN(parsed_${field})) {
+\t\t\t\treturn c.text('${field} must be a valid number', 400);
+\t\t\t}
+\t\t\tpayload.${field} = parsed_${field};
+\t\t}
+\t\t`;
+			}
+
+			if (column.type === "boolean") {
+				return `
+\t\tconst raw_${field} = getValue(body['${field}']);
+\t\tpayload.${field} = raw_${field} === 'true' || raw_${field} === 'on' || raw_${field} === '1';
+\t\t`;
+			}
+
+			if (column.type === "json") {
+				return `
+\t\tconst raw_${field} = getValue(body['${field}']);
+\t\t${requiredCheck}
+\t\tif (raw_${field} !== '') {
+\t\t\ttry {
+\t\t\t\tpayload.${field} = JSON.parse(raw_${field});
+\t\t\t} catch (e) {
+\t\t\t\treturn c.text('${field} must be valid JSON', 400);
+\t\t\t}
+\t\t}
+\t\t`;
+			}
+
+			if (column.type === "date") {
+				return `
+		const raw_${field} = getValue(body['${field}']);
+		${requiredCheck}
+		if (raw_${field} !== '') {
+			if (!/^\\d{4}-\\d{2}-\\d{2}$/.test(raw_${field})) {
+				return c.text('${field} must be a valid date (YYYY-MM-DD)', 400);
+			}
+
+			const [year_${field}, month_${field}, day_${field}] = raw_${field}.split('-').map(Number);
+			const parsed_${field} = new Date(year_${field}, month_${field} - 1, day_${field});
+			if (
+				Number.isNaN(parsed_${field}.getTime()) ||
+				parsed_${field}.getFullYear() !== year_${field} ||
+				parsed_${field}.getMonth() !== month_${field} - 1 ||
+				parsed_${field}.getDate() !== day_${field}
+			) {
+				return c.text('${field} must be a valid date', 400);
+			}
+
+			payload.${field} = parsed_${field};
+		}
+		`;
+			}
+
+			return `
+\t\tconst raw_${field} = getValue(body['${field}']);
+\t\t${requiredCheck}
+\t\tif (raw_${field} !== '') {
+\t\t\tpayload.${field} = raw_${field};
+\t\t}
+\t\t`;
+		})
+		.join("\n");
+}