@thebes/cadmea 1.0.0

package/dist/tanstack-start/server.js

@@ -0,0 +1,730 @@
+import { createComponent, escape, ssr, ssrAttribute } from "solid-js/web";
+import { createMutation, createQuery, useQueryClient } from "@tanstack/solid-query";
+import { For, Show, Suspense, createEffect, createSignal, lazy } from "solid-js";
+import { Link, useBlocker } from "@tanstack/solid-router";
+//#region src/CollectionEdit.tsx
+var _tmpl$$4 = ["<p class=\"text-sm text-error\" role=\"alert\">", "</p>"], _tmpl$2$3 = "<span class=\"loading loading-spinner loading-sm\"></span>", _tmpl$3$1 = [
+	"<button type=\"button\" class=\"btn flex-1\"",
+	">",
+	"</button>"
+], _tmpl$4$1 = [
+	"<button type=\"button\" class=\"btn btn-primary flex-1\"",
+	">",
+	"</button>"
+], _tmpl$5$1 = [
+	"<button type=\"button\" class=\"btn btn-outline flex-1\"",
+	">",
+	"</button>"
+], _tmpl$6$1 = [
+	"<form class=\"flex flex-col gap-4\">",
+	"",
+	"<div class=\"bg-base-100 sticky bottom-0 flex gap-2 border-t py-3\">",
+	"</div></form>"
+], _tmpl$7$1 = "<span class=\"text-error\"> *</span>", _tmpl$8$1 = [
+	"<div class=\"form-control\"><label class=\"label\"",
+	">",
+	"",
+	"</label>",
+	"</div>"
+], _tmpl$9$1 = [
+	"<button type=\"submit\" class=\"btn btn-primary flex-1\"",
+	">",
+	"</button>"
+], _tmpl$0$1 = [
+	"<input",
+	" class=\"input\" type=\"text\"",
+	"",
+	">"
+], _tmpl$1$1 = [
+	"<select",
+	" class=\"select\"",
+	"",
+	">",
+	"</select>"
+], _tmpl$10$1 = [
+	"<option",
+	">",
+	"</option>"
+], _tmpl$11$1 = [
+	"<input",
+	" class=\"input\" type=\"number\"",
+	"",
+	">"
+], _tmpl$12$1 = [
+	"<input",
+	" class=\"input\" type=\"text\" readonly",
+	">"
+], _tmpl$13$1 = [
+	"<input",
+	" class=\"checkbox\" type=\"checkbox\"",
+	">"
+], _tmpl$14$1 = ["<p class=\"text-sm opacity-70 break-all\">", "</p>"], _tmpl$15 = ["<p class=\"text-sm text-error\">", "</p>"], _tmpl$16 = [
+	"<div class=\"flex flex-col gap-2\">",
+	"<input",
+	" class=\"file-input\" type=\"file\"",
+	"",
+	">",
+	"",
+	"</div>"
+], _tmpl$17 = [
+	"<select",
+	" class=\"select\"",
+	"",
+	"><option value>—</option>",
+	"</select>"
+], _tmpl$18 = [
+	"<div class=\"flex flex-col gap-3\">",
+	"<button type=\"button\" class=\"btn btn-outline btn-sm self-start\">Add ",
+	"</button></div>"
+], _tmpl$19 = ["<div class=\"card bg-base-200 flex flex-col gap-2 p-3\">", "<button type=\"button\" class=\"btn btn-error btn-outline btn-sm self-start\">Remove</button></div>"];
+const RichTextEditor = lazy(() => import("../RichTextEditor-DcLqdFY7.js").then((mod) => ({ default: mod.RichTextEditor })));
+function editableFields(config) {
+	return Object.entries(config.fields).filter(([key]) => key !== "id");
+}
+function CollectionEdit(props) {
+	const initialSnapshot = JSON.stringify(props.initialValues ?? {});
+	const [values, setValues] = createSignal(props.initialValues ?? {});
+	createEffect(() => {
+		props.onDirtyChange?.(JSON.stringify(values()) !== initialSnapshot);
+	});
+	function setField(key, value) {
+		setValues((prev) => ({
+			...prev,
+			[key]: value
+		}));
+	}
+	const ctx = {
+		onUploadFile: props.onUploadFile,
+		relationshipOptions: props.relationshipOptions
+	};
+	const versioned = () => props.config.versions?.drafts && props.draftActions;
+	return ssr(_tmpl$6$1, escape(createComponent(Show, {
+		get when() {
+			return props.error;
+		},
+		get children() {
+			return ssr(_tmpl$$4, escape(props.error));
+		}
+	})), escape(createComponent(For, {
+		get each() {
+			return editableFields(props.config);
+		},
+		children: ([key, field]) => ssr(_tmpl$8$1, ssrAttribute("for", escape(key, true), false), escape(key), escape(createComponent(Show, {
+			get when() {
+				return field.required;
+			},
+			get children() {
+				return ssr(_tmpl$7$1);
+			}
+		})), escape(renderInput(key, field, values()[key], setField, ctx)))
+	})), escape(createComponent(Show, {
+		get when() {
+			return versioned();
+		},
+		get fallback() {
+			return createComponent(Show, {
+				get when() {
+					return props.capabilities?.canUpdate !== false;
+				},
+				get children() {
+					return ssr(_tmpl$9$1, ssrAttribute("disabled", props.saving, true), escape(createComponent(Show, {
+						get when() {
+							return props.saving;
+						},
+						get fallback() {
+							return props.submitLabel ?? "Save";
+						},
+						get children() {
+							return ssr(_tmpl$2$3);
+						}
+					})));
+				}
+			});
+		},
+		get children() {
+			return [
+				ssr(_tmpl$3$1, ssrAttribute("disabled", props.draftActions?.saving, true), escape(createComponent(Show, {
+					get when() {
+						return props.draftActions?.saving;
+					},
+					get fallback() {
+						return props.draftActions?.saveDraftLabel ?? "Save draft";
+					},
+					get children() {
+						return ssr(_tmpl$2$3);
+					}
+				}))),
+				ssr(_tmpl$4$1, ssrAttribute("disabled", !props.draftActions?.canPublish || props.draftActions?.publishing, true), escape(createComponent(Show, {
+					get when() {
+						return props.draftActions?.publishing;
+					},
+					get fallback() {
+						return props.draftActions?.publishLabel ?? "Publish";
+					},
+					get children() {
+						return ssr(_tmpl$2$3);
+					}
+				}))),
+				createComponent(Show, {
+					get when() {
+						return props.draftActions?.onPreview;
+					},
+					get children() {
+						return ssr(_tmpl$5$1, ssrAttribute("disabled", !props.draftActions?.canPreview || props.draftActions?.previewing, true), escape(createComponent(Show, {
+							get when() {
+								return props.draftActions?.previewing;
+							},
+							get fallback() {
+								return props.draftActions?.previewLabel ?? "Preview";
+							},
+							get children() {
+								return ssr(_tmpl$2$3);
+							}
+						})));
+					}
+				})
+			];
+		}
+	})));
+}
+function renderInput(key, field, value, setField, ctx) {
+	switch (field.type) {
+		case "text": return ssr(_tmpl$0$1, ssrAttribute("id", escape(key, true), false), ssrAttribute("value", escape(value ?? "", true), false), ssrAttribute("required", field.required, true));
+		case "select": return ssr(_tmpl$1$1, ssrAttribute("id", escape(key, true), false), ssrAttribute("value", escape(value ?? "", true), false), ssrAttribute("required", field.required, true), escape(createComponent(For, {
+			get each() {
+				return field.options;
+			},
+			children: (option) => ssr(_tmpl$10$1, ssrAttribute("value", escape(option, true), false), escape(option))
+		})));
+		case "number": return ssr(_tmpl$11$1, ssrAttribute("id", escape(key, true), false), ssrAttribute("value", escape(value ?? "", true), false), ssrAttribute("required", field.required, true));
+		case "date": return ssr(_tmpl$12$1, ssrAttribute("id", escape(key, true), false), ssrAttribute("value", escape(formatDateValue(value), true), false));
+		case "checkbox": return ssr(_tmpl$13$1, ssrAttribute("id", escape(key, true), false), ssrAttribute("checked", value ?? false, true));
+		case "upload": return renderUploadInput(key, field, value, setField, ctx);
+		case "relationship": return renderRelationshipInput(key, field, value, setField, ctx);
+		case "array": return renderArrayInput(key, field, value, setField, ctx);
+		case "richText": return createComponent(Suspense, {
+			get fallback() {
+				return ssr(_tmpl$2$3);
+			},
+			get children() {
+				return createComponent(RichTextEditor, {
+					id: key,
+					content: value,
+					onChange: (doc) => setField(key, doc)
+				});
+			}
+		});
+		default: return null;
+	}
+}
+function renderUploadInput(key, field, value, setField, ctx) {
+	const [uploading, setUploading] = createSignal(false);
+	const [uploadError, setUploadError] = createSignal();
+	return ssr(_tmpl$16, escape(createComponent(Show, {
+		when: value,
+		get children() {
+			return ssr(_tmpl$14$1, escape(value));
+		}
+	})), ssrAttribute("id", escape(key, true), false), ssrAttribute("required", field.required && !value, true), ssrAttribute("disabled", uploading(), true), escape(createComponent(Show, {
+		get when() {
+			return uploading();
+		},
+		get children() {
+			return ssr(_tmpl$2$3);
+		}
+	})), escape(createComponent(Show, {
+		get when() {
+			return uploadError();
+		},
+		get children() {
+			return ssr(_tmpl$15, escape(uploadError()));
+		}
+	})));
+}
+function renderRelationshipInput(key, field, value, setField, ctx) {
+	if (field.hasMany) return null;
+	const options = ctx.relationshipOptions?.[field.relationTo] ?? [];
+	return ssr(_tmpl$17, ssrAttribute("id", escape(key, true), false), ssrAttribute("value", value != null ? escape(String(value), true) : "", false), ssrAttribute("required", field.required, true), escape(createComponent(For, {
+		each: options,
+		children: (option) => ssr(_tmpl$10$1, ssrAttribute("value", escape(option.id, true), false), escape(option.label))
+	})));
+}
+function renderArrayInput(key, field, value, setField, ctx) {
+	const items = () => Array.isArray(value) ? value : [];
+	function updateItem(index, itemKey, itemValue) {
+		const next = items().slice();
+		next[index] = {
+			...next[index],
+			[itemKey]: itemValue
+		};
+		setField(key, next);
+	}
+	function fieldsForItem(item) {
+		const base = Object.entries(field.fields);
+		const discriminator = field.discriminator;
+		if (!discriminator) return base;
+		const variantValue = item[discriminator.key];
+		const variantFields = typeof variantValue === "string" ? discriminator.variants[variantValue] : void 0;
+		return variantFields ? [...base, ...Object.entries(variantFields)] : base;
+	}
+	return ssr(_tmpl$18, escape(createComponent(For, {
+		get each() {
+			return items();
+		},
+		children: (item, index) => ssr(_tmpl$19, escape(createComponent(For, {
+			get each() {
+				return fieldsForItem(item);
+			},
+			children: ([itemKey, itemField]) => {
+				const inputId = `${key}.${index()}.${itemKey}`;
+				return ssr(_tmpl$8$1, ssrAttribute("for", escape(inputId, true), false), escape(itemKey), escape(createComponent(Show, {
+					get when() {
+						return itemField.required;
+					},
+					get children() {
+						return ssr(_tmpl$7$1);
+					}
+				})), escape(renderInput(inputId, itemField, item[itemKey], (_, v) => updateItem(index(), itemKey, v), ctx)));
+			}
+		})))
+	})), escape(key));
+}
+function formatDateValue(value) {
+	if (!value) return "—";
+	const date = value instanceof Date ? value : new Date(value);
+	return Number.isNaN(date.getTime()) ? "—" : date.toLocaleString();
+}
+//#endregion
+//#region src/tanstack-start/create.tsx
+var _tmpl$$3 = [
+	"<div class=\"flex flex-col gap-4\"><h1 class=\"text-xl font-semibold\">",
+	"</h1>",
+	"</div>"
+];
+/**
+* Builds a create-page component for a collection. See
+* `createCollectionListPage`'s doc comment for the same rationale on
+* keeping navigation in the route file rather than this package.
+*/
+function createCollectionCreatePage(options) {
+	return function CollectionCreatePage() {
+		const queryClient = useQueryClient();
+		const [error, setError] = createSignal();
+		const create = createMutation(() => ({
+			mutationFn: options.createFn,
+			onSuccess: (created) => {
+				queryClient.invalidateQueries({ queryKey: options.invalidateQueryKey });
+				options.onCreated?.(created);
+			},
+			onError: (e) => setError(e.message)
+		}));
+		return ssr(_tmpl$$3, escape(options.label ?? `New ${options.collection.slug}`), escape(createComponent(CollectionEdit, {
+			get config() {
+				return options.collection;
+			},
+			get submitLabel() {
+				return options.submitLabel ?? "Create";
+			},
+			get error() {
+				return error();
+			},
+			onSubmit: (values) => create.mutate(values),
+			get onUploadFile() {
+				return options.onUploadFile;
+			}
+		})));
+	};
+}
+//#endregion
+//#region src/tanstack-start/edit.tsx
+var _tmpl$$2 = ["<button type=\"button\" class=\"btn btn-error btn-outline btn-sm self-start\">", "</button>"], _tmpl$2$2 = [
+	"<div class=\"flex flex-col gap-4\"><h1 class=\"text-xl font-semibold\">",
+	"</h1>",
+	"",
+	"</div>"
+];
+/**
+* Builds an edit-page component for a collection — fetch, update, and
+* delete, all wired together, plus a router-level unsaved-changes guard
+* (`useBlocker`) driven by `CollectionEdit`'s `onDirtyChange`. See
+* `createCollectionListPage`'s doc comment for the rationale on keeping
+* navigation in the route file.
+*/
+function createCollectionEditPage(options) {
+	return function CollectionEditPage() {
+		const queryClient = useQueryClient();
+		const [error, setError] = createSignal();
+		const [dirty, setDirty] = createSignal(false);
+		const [latestDraftId, setLatestDraftId] = createSignal();
+		useBlocker({
+			shouldBlockFn: () => dirty(),
+			enableBeforeUnload: () => dirty()
+		});
+		const row = createQuery(() => ({
+			queryKey: options.queryKey(),
+			queryFn: options.queryFn
+		}));
+		const update = createMutation(() => ({
+			mutationFn: options.updateFn,
+			onSuccess: () => {
+				setError(void 0);
+				queryClient.invalidateQueries({ queryKey: options.invalidateQueryKey });
+			},
+			onError: (e) => setError(e.message)
+		}));
+		createMutation(() => ({
+			mutationFn: options.deleteFn,
+			onSuccess: () => {
+				queryClient.invalidateQueries({ queryKey: options.invalidateQueryKey });
+				options.onDeleted?.();
+			},
+			onError: (e) => setError(e.message)
+		}));
+		const saveDraft = createMutation(() => ({
+			mutationFn: (values) => options.draftActions?.saveDraftFn(values) ?? Promise.reject(/* @__PURE__ */ new Error("No draftActions configured")),
+			onSuccess: (draft) => {
+				setError(void 0);
+				setLatestDraftId(draft.id);
+			},
+			onError: (e) => setError(e.message)
+		}));
+		const publish = createMutation(() => ({
+			mutationFn: () => {
+				const versionId = latestDraftId();
+				if (versionId === void 0 || !options.draftActions) return Promise.reject(/* @__PURE__ */ new Error("No draft saved yet"));
+				return options.draftActions.publishFn(versionId);
+			},
+			onSuccess: () => {
+				setError(void 0);
+				queryClient.invalidateQueries({ queryKey: options.invalidateQueryKey });
+			},
+			onError: (e) => setError(e.message)
+		}));
+		const preview = createMutation(() => ({
+			mutationFn: () => {
+				const versionId = latestDraftId();
+				if (versionId === void 0 || !options.draftActions?.previewFn) return Promise.reject(/* @__PURE__ */ new Error("No draft saved yet"));
+				return options.draftActions.previewFn(versionId);
+			},
+			onSuccess: ({ url }) => {
+				setError(void 0);
+				window.open(url, "_blank", "noopener,noreferrer");
+			},
+			onError: (e) => setError(e.message)
+		}));
+		return ssr(_tmpl$2$2, escape(options.label ?? `Edit ${options.collection.slug}`), escape(createComponent(Show, {
+			get when() {
+				return row.data;
+			},
+			get children() {
+				return createComponent(CollectionEdit, {
+					get config() {
+						return options.collection;
+					},
+					get initialValues() {
+						return row.data ?? void 0;
+					},
+					get submitLabel() {
+						return options.submitLabel ?? "Save changes";
+					},
+					get error() {
+						return error();
+					},
+					get saving() {
+						return update.isPending;
+					},
+					onSubmit: (values) => update.mutate(values),
+					get onUploadFile() {
+						return options.onUploadFile;
+					},
+					onDirtyChange: setDirty,
+					get capabilities() {
+						return options.capabilities?.();
+					},
+					get draftActions() {
+						return options.draftActions && {
+							onSaveDraft: (values) => saveDraft.mutate(values),
+							onPublish: () => publish.mutate(),
+							onPreview: options.draftActions.previewFn ? () => preview.mutate() : void 0,
+							saving: saveDraft.isPending,
+							publishing: publish.isPending,
+							previewing: preview.isPending,
+							canPublish: latestDraftId() !== void 0,
+							canPreview: latestDraftId() !== void 0,
+							saveDraftLabel: options.draftActions.saveDraftLabel,
+							publishLabel: options.draftActions.publishLabel,
+							previewLabel: options.draftActions.previewLabel
+						};
+					}
+				});
+			}
+		})), escape(createComponent(Show, {
+			get when() {
+				return options.capabilities?.()?.canDelete !== false;
+			},
+			get children() {
+				return ssr(_tmpl$$2, escape(options.deleteLabel ?? `Delete ${options.collection.slug}`));
+			}
+		})));
+	};
+}
+//#endregion
+//#region src/CollectionList.tsx
+var _tmpl$$1 = ["<button type=\"button\" class=\"btn btn-outline btn-sm\">", "</button>"], _tmpl$2$1 = [
+	"<div class=\"join\"><select aria-label=\"Sort by\" class=\"select select-sm join-item\"",
+	">",
+	"</select><select aria-label=\"Sort direction\" class=\"select select-sm join-item\"",
+	"><option value=\"asc\">Ascending</option><option value=\"desc\">Descending</option></select></div>"
+], _tmpl$3 = "<th></th>", _tmpl$4 = [
+	"<table class=\"table hidden md:table\"><thead><tr>",
+	"",
+	"</tr></thead><tbody>",
+	"</tbody></table>"
+], _tmpl$5 = ["<div class=\"flex flex-col gap-2 md:hidden\">", "</div>"], _tmpl$6 = [
+	"<div class=\"bg-base-100 sticky bottom-0 flex items-center justify-between gap-2 border-t py-2\"><button type=\"button\" class=\"btn btn-sm\"",
+	">Prev</button><span class=\"text-sm opacity-70\">Page ",
+	"</span><button type=\"button\" class=\"btn btn-sm\"",
+	">Next</button></div>"
+], _tmpl$7 = [
+	"<div class=\"flex flex-col gap-3\"><div class=\"flex flex-wrap items-center justify-between gap-2\">",
+	"",
+	"</div>",
+	"",
+	"</div>"
+], _tmpl$8 = [
+	"<option",
+	">",
+	"</option>"
+], _tmpl$9 = ["<p class=\"text-sm opacity-70\">No ", " yet.</p>"], _tmpl$0 = ["<th>", "</th>"], _tmpl$1 = ["<td><input type=\"checkbox\" class=\"checkbox checkbox-sm\"", "></td>"], _tmpl$10 = [
+	"<tr",
+	">",
+	"",
+	"</tr>"
+], _tmpl$11 = ["<td>", "</td>"], _tmpl$12 = ["<input type=\"checkbox\" class=\"checkbox checkbox-sm mt-1\"", ">"], _tmpl$13 = [
+	"<div class=\"card bg-base-200 cursor-pointer p-3\" role=\"button\" tabindex=\"0\"><div class=\"flex items-start gap-3\">",
+	"<div class=\"flex flex-1 flex-col gap-1\">",
+	"</div></div></div>"
+], _tmpl$14 = [
+	"<div class=\"flex justify-between gap-2 text-sm\"><span class=\"opacity-60\">",
+	"</span><span class=\"text-right\">",
+	"</span></div>"
+];
+function listableFields(config) {
+	const excluded = new Set([
+		"richText",
+		"array",
+		"relationship"
+	]);
+	return Object.entries(config.fields).filter(([key, field]) => key !== "id" && !excluded.has(field.type));
+}
+function formatCellValue(value) {
+	if (value === null || value === void 0) return "—";
+	if (value instanceof Date) return value.toLocaleDateString();
+	return String(value);
+}
+function rowId(row) {
+	return typeof row.id === "number" ? row.id : void 0;
+}
+function CollectionList(props) {
+	const columns = () => listableFields(props.config);
+	const [selectMode, setSelectMode] = createSignal(false);
+	return ssr(_tmpl$7, escape(createComponent(Show, {
+		get when() {
+			return props.selectable;
+		},
+		get children() {
+			return ssr(_tmpl$$1, selectMode() ? "Done" : "Select");
+		}
+	})), escape(createComponent(Show, {
+		get when() {
+			return props.onSortChange;
+		},
+		get children() {
+			return ssr(_tmpl$2$1, ssrAttribute("value", escape(props.sortField ?? "", true), false), escape(createComponent(For, {
+				get each() {
+					return columns();
+				},
+				children: ([key]) => ssr(_tmpl$8, ssrAttribute("value", escape(key, true), false), escape(key))
+			})), ssrAttribute("value", escape(props.sortDirection ?? "asc", true), false));
+		}
+	})), escape(createComponent(Show, {
+		get when() {
+			return props.rows.length > 0;
+		},
+		get fallback() {
+			return ssr(_tmpl$9, escape(props.config.slug));
+		},
+		get children() {
+			return [ssr(_tmpl$4, escape(createComponent(Show, {
+				get when() {
+					return selectMode();
+				},
+				get children() {
+					return ssr(_tmpl$3);
+				}
+			})), escape(createComponent(For, {
+				get each() {
+					return columns();
+				},
+				children: ([key]) => ssr(_tmpl$0, escape(key))
+			})), escape(createComponent(For, {
+				get each() {
+					return props.rows;
+				},
+				children: (row) => ssr(_tmpl$10, ssrAttribute("class", props.onRowClick || selectMode() ? "cursor-pointer hover" : escape(void 0, true), false), escape(createComponent(Show, {
+					get when() {
+						return selectMode();
+					},
+					get children() {
+						return ssr(_tmpl$1, ssrAttribute("checked", rowId(row) !== void 0 && (props.selectedIds?.has(rowId(row)) ?? false), true));
+					}
+				})), escape(createComponent(For, {
+					get each() {
+						return columns();
+					},
+					children: ([key]) => ssr(_tmpl$11, escape(formatCellValue(row[key])))
+				})))
+			}))), ssr(_tmpl$5, escape(createComponent(For, {
+				get each() {
+					return props.rows;
+				},
+				children: (row) => ssr(_tmpl$13, escape(createComponent(Show, {
+					get when() {
+						return selectMode();
+					},
+					get children() {
+						return ssr(_tmpl$12, ssrAttribute("checked", rowId(row) !== void 0 && (props.selectedIds?.has(rowId(row)) ?? false), true));
+					}
+				})), escape(createComponent(For, {
+					get each() {
+						return columns();
+					},
+					children: ([key]) => ssr(_tmpl$14, escape(key), escape(formatCellValue(row[key])))
+				})))
+			})))];
+		}
+	})), escape(createComponent(Show, {
+		get when() {
+			return props.page !== void 0 && props.pageSize !== void 0;
+		},
+		get children() {
+			return ssr(_tmpl$6, ssrAttribute("disabled", (props.page ?? 1) <= 1, true), escape(props.page), ssrAttribute("disabled", props.totalCount !== void 0 ? (props.page ?? 1) * (props.pageSize ?? 0) >= props.totalCount : props.rows.length < (props.pageSize ?? 0), true));
+		}
+	})));
+}
+//#endregion
+//#region src/tanstack-start/list.tsx
+var _tmpl$ = [
+	"<div class=\"flex flex-col gap-4\"><div class=\"flex items-center justify-between\"><h1 class=\"text-xl font-semibold\">",
+	"</h1>",
+	"</div>",
+	"</div>"
+], _tmpl$2 = "<div class=\"loading loading-spinner\"></div>";
+/**
+* Builds a list-view page component for a collection — paginated/sortable
+* query, loading state, and the generic table/card list, wired together.
+* The returned component is meant to be passed directly as a route's
+* `component`:
+*
+* ```tsx
+* export const Route = createFileRoute('/admin/pages/')({
+*   component: createCollectionListPage({
+*     collection: pagesCollection,
+*     label: 'Pages',
+*     queryKey: ['pages'],
+*     queryFn: (params) => getPages({ data: params }),
+*     newHref: '/admin/pages/new',
+*     newLabel: 'New page',
+*     onRowClick: (row) => navigate({ to: '/admin/pages/$pageId', params: { pageId: String(row.id) } }),
+*   }),
+* })
+* ```
+*
+* Navigation stays in the route file (via `onRowClick`/`newHref` as plain
+* strings) rather than this package calling `useNavigate()` itself —
+* TanStack Router's route-typing is generated per-app, so a generic
+* package can't produce a correctly-typed `navigate()` call for routes
+* it doesn't know about.
+*/
+function createCollectionListPage(options) {
+	return function CollectionListPage() {
+		const pageSize = options.pageSize ?? 20;
+		const [page, setPage] = createSignal(1);
+		const [sortField, setSortField] = createSignal(void 0);
+		const [sortDirection, setSortDirection] = createSignal("asc");
+		const result = createQuery(() => ({
+			queryKey: [
+				...options.queryKey,
+				page(),
+				sortField(),
+				sortDirection()
+			],
+			queryFn: () => options.queryFn({
+				page: page(),
+				pageSize,
+				sortField: sortField(),
+				sortDirection: sortDirection()
+			})
+		}));
+		function handleSortChange(field, direction) {
+			setSortField(field);
+			setSortDirection(direction);
+			setPage(1);
+		}
+		return ssr(_tmpl$, escape(options.label ?? options.collection.slug), escape(createComponent(Show, {
+			get when() {
+				return options.newHref && options.capabilities?.()?.canCreate !== false;
+			},
+			get children() {
+				return createComponent(Link, {
+					get to() {
+						return options.newHref;
+					},
+					"class": "btn btn-primary btn-sm",
+					get children() {
+						return options.newLabel ?? `New ${options.collection.slug}`;
+					}
+				});
+			}
+		})), escape(createComponent(Show, {
+			get when() {
+				return !result.isLoading;
+			},
+			get fallback() {
+				return ssr(_tmpl$2);
+			},
+			get children() {
+				return createComponent(CollectionList, {
+					get config() {
+						return options.collection;
+					},
+					get rows() {
+						return result.data?.rows ?? [];
+					},
+					get onRowClick() {
+						return options.onRowClick;
+					},
+					get page() {
+						return page();
+					},
+					pageSize,
+					get totalCount() {
+						return result.data?.total;
+					},
+					onPageChange: setPage,
+					get sortField() {
+						return sortField();
+					},
+					get sortDirection() {
+						return sortDirection();
+					},
+					onSortChange: handleSortChange
+				});
+			}
+		})));
+	};
+}
+//#endregion
+export { createCollectionCreatePage, createCollectionEditPage, createCollectionListPage };
+
+//# sourceMappingURL=server.js.map