@questpie/admin 2.0.0 → 3.0.0

package/dist/client/hooks/use-field-options.mjs

@@ -1,11 +1,11 @@
 import { useAdminStore } from "../runtime/provider.mjs";
-import * as React$1 from "react";
+import { useDebouncedValue } from "./use-search.mjs";
+import { c } from "react/compiler-runtime";
+import * as React from "react";
+import { useInfiniteQuery, useQueryClient } from "@tanstack/react-query";
 import { useFormContext, useWatch } from "react-hook-form";
 
 //#region src/client/hooks/use-field-options.ts
-/**
-* Get sibling data for a field path (for fields inside arrays)
-*/
 function getSiblingData(values, fieldPath) {
 	const parts = fieldPath.split(".");
 	const numericIndex = parts.findIndex((p) => /^\d+$/.test(p));
@@ -16,9 +16,6 @@ function getSiblingData(values, fieldPath) {
 	else return null;
 	return typeof sibling === "object" ? sibling : null;
 }
-/**
-* Get watched dependency values
-*/
 function getWatchedValues(allValues, siblingData, watchDeps) {
 	const result = {};
 	for (const dep of watchDeps) if (dep.startsWith("$sibling.")) {
@@ -27,158 +24,246 @@ function getWatchedValues(allValues, siblingData, watchDeps) {
 	} else if (!dep.startsWith("$")) result[dep] = allValues[dep];
 	return result;
 }
-/**
-* Hook to fetch dynamic options for select/relation fields.
-* Supports search, pagination, and dependency-based refetching.
-*
-* @example
-* ```tsx
-* const { options, isLoading, search, setSearch, loadMore } = useFieldOptions({
-*   collection: "orders",
-*   field: "items.0.city",
-*   optionsConfig: schema.fields.city.reactive?.options,
-* });
-*
-* return (
-*   <Select
-*     options={options}
-*     isLoading={isLoading}
-*     onInputChange={setSearch}
-*     onMenuScrollToBottom={loadMore}
-*   />
-* );
-* ```
-*/
-function useFieldOptions({ collection, mode = "collection", field, optionsConfig, staticOptions, initialSearch = "", limit = 20, enabled = true }) {
-	const client = useAdminStore((s) => s.client);
+function useFieldOptions(t0) {
+	const $ = c(57);
+	const { collection, mode: t1, field, optionsConfig, staticOptions, initialSearch: t2, limit: t3, enabled: t4 } = t0;
+	const mode = t1 === void 0 ? "collection" : t1;
+	const initialSearch = t2 === void 0 ? "" : t2;
+	const limit = t3 === void 0 ? 20 : t3;
+	const enabled = t4 === void 0 ? true : t4;
+	const client = useAdminStore(_temp);
 	const form = useFormContext();
-	const [options, setOptions] = React$1.useState([]);
-	const [isLoading, setIsLoading] = React$1.useState(false);
-	const [hasMore, setHasMore] = React$1.useState(false);
-	const [total, setTotal] = React$1.useState();
-	const [search, setSearch] = React$1.useState(initialSearch);
-	const [page, setPage] = React$1.useState(0);
-	const [error, setError] = React$1.useState(null);
-	const watchedValues = useWatch({ control: form.control });
-	const formValues = React$1.useMemo(() => watchedValues ?? {}, [watchedValues]);
-	const siblingData = React$1.useMemo(() => getSiblingData(formValues, field), [formValues, field]);
-	const watchDeps = optionsConfig?.watch ?? [];
-	const depValues = React$1.useMemo(() => getWatchedValues(formValues, siblingData, watchDeps), [
-		formValues,
-		siblingData,
-		watchDeps
-	]);
-	const depKey = JSON.stringify(depValues);
-	const prevDepKeyRef = React$1.useRef(depKey);
-	const fetchOptions = React$1.useCallback(async (currentPage, append = false) => {
-		if (!optionsConfig || !client) {
-			if (staticOptions) {
-				let filtered = staticOptions;
-				if (search) {
-					const searchLower = search.toLowerCase();
-					filtered = staticOptions.filter((opt) => {
-						return (typeof opt.label === "string" ? opt.label : Object.values(opt.label).join(" ")).toLowerCase().includes(searchLower);
-					});
-				}
-				setOptions(filtered);
-				setHasMore(false);
-				setTotal(filtered.length);
-			}
-			return;
+	const queryClient = useQueryClient();
+	const [search, setSearch] = React.useState(initialSearch);
+	const debouncedSearch = useDebouncedValue(search, 300);
+	let t5;
+	if ($[0] !== form.control) {
+		t5 = { control: form.control };
+		$[0] = form.control;
+		$[1] = t5;
+	} else t5 = $[1];
+	const watchedValues = useWatch(t5);
+	let t6;
+	if ($[2] !== watchedValues) {
+		t6 = watchedValues ?? {};
+		$[2] = watchedValues;
+		$[3] = t6;
+	} else t6 = $[3];
+	const formValues = t6;
+	let t7;
+	if ($[4] !== field || $[5] !== formValues) {
+		t7 = getSiblingData(formValues, field);
+		$[4] = field;
+		$[5] = formValues;
+		$[6] = t7;
+	} else t7 = $[6];
+	const siblingData = t7;
+	let t8;
+	if ($[7] !== optionsConfig?.watch) {
+		t8 = optionsConfig?.watch ?? [];
+		$[7] = optionsConfig?.watch;
+		$[8] = t8;
+	} else t8 = $[8];
+	const watchDeps = t8;
+	let t9;
+	if ($[9] !== formValues || $[10] !== siblingData || $[11] !== watchDeps) {
+		t9 = getWatchedValues(formValues, siblingData, watchDeps);
+		$[9] = formValues;
+		$[10] = siblingData;
+		$[11] = watchDeps;
+		$[12] = t9;
+	} else t9 = $[12];
+	const depValues = t9;
+	let t10;
+	if ($[13] !== depValues) {
+		t10 = JSON.stringify(depValues);
+		$[13] = depValues;
+		$[14] = t10;
+	} else t10 = $[14];
+	const depKey = t10;
+	let t11;
+	bb0: {
+		if (optionsConfig || !staticOptions) {
+			t11 = null;
+			break bb0;
 		}
-		setIsLoading(true);
-		setError(null);
-		try {
-			const response = await client.rpc.fieldOptions({
+		if (!debouncedSearch) {
+			t11 = staticOptions;
+			break bb0;
+		}
+		let t12$1;
+		if ($[15] !== debouncedSearch || $[16] !== staticOptions) {
+			const searchLower = debouncedSearch.toLowerCase();
+			t12$1 = staticOptions.filter((opt) => {
+				return (typeof opt.label === "string" ? opt.label : Object.values(opt.label).join(" ")).toLowerCase().includes(searchLower);
+			});
+			$[15] = debouncedSearch;
+			$[16] = staticOptions;
+			$[17] = t12$1;
+		} else t12$1 = $[17];
+		t11 = t12$1;
+	}
+	const filteredStaticOptions = t11;
+	let t12;
+	if ($[18] !== collection || $[19] !== debouncedSearch || $[20] !== depKey || $[21] !== field || $[22] !== mode) {
+		t12 = [
+			"questpie",
+			"field-options",
+			collection,
+			mode,
+			field,
+			debouncedSearch,
+			depKey
+		];
+		$[18] = collection;
+		$[19] = debouncedSearch;
+		$[20] = depKey;
+		$[21] = field;
+		$[22] = mode;
+		$[23] = t12;
+	} else t12 = $[23];
+	let t13;
+	if ($[24] !== client || $[25] !== collection || $[26] !== debouncedSearch || $[27] !== field || $[28] !== form || $[29] !== limit || $[30] !== mode) {
+		t13 = async (t14$1) => {
+			const { pageParam: t15$1 } = t14$1;
+			const pageParam = t15$1 === void 0 ? 0 : t15$1;
+			const currentFormValues = form.getValues() ?? {};
+			const currentSiblingData = getSiblingData(currentFormValues, field);
+			const response = await client.routes.fieldOptions({
 				collection,
 				type: mode,
 				field,
-				formData: formValues,
-				siblingData,
-				search,
-				page: currentPage,
+				formData: currentFormValues,
+				siblingData: currentSiblingData,
+				search: debouncedSearch,
+				page: pageParam,
 				limit
 			});
-			const newOptions = response.options;
-			if (append) setOptions((prev) => [...prev, ...newOptions]);
-			else setOptions(newOptions);
-			setHasMore(response.hasMore ?? false);
-			setTotal(response.total);
-		} catch (err) {
-			console.error("Field options error:", err);
-			setError(err instanceof Error ? err : new Error(String(err)));
-		} finally {
-			setIsLoading(false);
-		}
-	}, [
-		client,
-		collection,
-		mode,
-		field,
-		formValues,
-		siblingData,
-		search,
-		limit,
-		optionsConfig,
-		staticOptions
-	]);
-	React$1.useEffect(() => {
-		if (!enabled) return;
-		if (prevDepKeyRef.current !== depKey) {
-			prevDepKeyRef.current = depKey;
-			setPage(0);
-			fetchOptions(0, false);
+			return {
+				options: response.options,
+				hasMore: response.hasMore ?? false,
+				total: response.total,
+				page: pageParam
+			};
+		};
+		$[24] = client;
+		$[25] = collection;
+		$[26] = debouncedSearch;
+		$[27] = field;
+		$[28] = form;
+		$[29] = limit;
+		$[30] = mode;
+		$[31] = t13;
+	} else t13 = $[31];
+	const t14 = enabled && !!optionsConfig && !!client;
+	let t15;
+	if ($[32] !== t12 || $[33] !== t13 || $[34] !== t14) {
+		t15 = {
+			queryKey: t12,
+			queryFn: t13,
+			initialPageParam: 0,
+			getNextPageParam: _temp2,
+			enabled: t14,
+			staleTime: 1e4,
+			placeholderData: _temp3
+		};
+		$[32] = t12;
+		$[33] = t13;
+		$[34] = t14;
+		$[35] = t15;
+	} else t15 = $[35];
+	const { data, isLoading: queryLoading, error: queryError, fetchNextPage, hasNextPage, isFetchingNextPage } = useInfiniteQuery(t15);
+	let t16;
+	bb1: {
+		if (!data) {
+			let t17$2;
+			if ($[36] === Symbol.for("react.memo_cache_sentinel")) {
+				t17$2 = [];
+				$[36] = t17$2;
+			} else t17$2 = $[36];
+			t16 = t17$2;
+			break bb1;
 		}
-	}, [
-		enabled,
-		depKey,
-		fetchOptions
-	]);
-	const searchDebounceRef = React$1.useRef(null);
-	React$1.useEffect(() => {
-		if (!enabled) return;
-		if (searchDebounceRef.current) clearTimeout(searchDebounceRef.current);
-		searchDebounceRef.current = setTimeout(() => {
-			setPage(0);
-			fetchOptions(0, false);
-		}, 300);
-		return () => {
-			if (searchDebounceRef.current) clearTimeout(searchDebounceRef.current);
+		let t17$1;
+		if ($[37] !== data.pages) {
+			t17$1 = data.pages.flatMap(_temp4);
+			$[37] = data.pages;
+			$[38] = t17$1;
+		} else t17$1 = $[38];
+		t16 = t17$1;
+	}
+	const serverOptions = t16;
+	const total = data?.pages[data.pages.length - 1]?.total;
+	const options = filteredStaticOptions ?? serverOptions;
+	const isLoading = filteredStaticOptions ? false : queryLoading;
+	const hasMore = filteredStaticOptions ? false : hasNextPage ?? false;
+	let t17;
+	if ($[39] !== fetchNextPage || $[40] !== hasNextPage || $[41] !== isFetchingNextPage) {
+		t17 = () => {
+			if (!isFetchingNextPage && hasNextPage) fetchNextPage();
+		};
+		$[39] = fetchNextPage;
+		$[40] = hasNextPage;
+		$[41] = isFetchingNextPage;
+		$[42] = t17;
+	} else t17 = $[42];
+	const loadMore = t17;
+	let t18;
+	if ($[43] !== collection || $[44] !== field || $[45] !== mode || $[46] !== queryClient) {
+		t18 = () => {
+			queryClient.invalidateQueries({ queryKey: [
+				"questpie",
+				"field-options",
+				collection,
+				mode,
+				field
+			] });
 		};
-	}, [
-		enabled,
-		search,
-		fetchOptions
-	]);
-	React$1.useEffect(() => {
-		if (enabled) fetchOptions(0, false);
-	}, []);
-	return {
-		options,
-		isLoading,
-		hasMore,
-		total,
-		search,
-		setSearch,
-		loadMore: React$1.useCallback(() => {
-			if (isLoading || !hasMore) return;
-			const nextPage = page + 1;
-			setPage(nextPage);
-			fetchOptions(nextPage, true);
-		}, [
+		$[43] = collection;
+		$[44] = field;
+		$[45] = mode;
+		$[46] = queryClient;
+		$[47] = t18;
+	} else t18 = $[47];
+	const refresh = t18;
+	const t19 = queryError ?? null;
+	let t20;
+	if ($[48] !== hasMore || $[49] !== isLoading || $[50] !== loadMore || $[51] !== options || $[52] !== refresh || $[53] !== search || $[54] !== t19 || $[55] !== total) {
+		t20 = {
+			options,
 			isLoading,
 			hasMore,
-			page,
-			fetchOptions
-		]),
-		refresh: React$1.useCallback(() => {
-			setPage(0);
-			fetchOptions(0, false);
-		}, [fetchOptions]),
-		error
-	};
+			total,
+			search,
+			setSearch,
+			loadMore,
+			refresh,
+			error: t19
+		};
+		$[48] = hasMore;
+		$[49] = isLoading;
+		$[50] = loadMore;
+		$[51] = options;
+		$[52] = refresh;
+		$[53] = search;
+		$[54] = t19;
+		$[55] = total;
+		$[56] = t20;
+	} else t20 = $[56];
+	return t20;
+}
+function _temp4(page) {
+	return page.options;
+}
+function _temp3(prev) {
+	return prev;
+}
+function _temp2(lastPage) {
+	return lastPage.hasMore ? lastPage.page + 1 : void 0;
+}
+function _temp(s) {
+	return s.client;
 }
 
 //#endregion
-export { useFieldOptions };
-//# sourceMappingURL=use-field-options.mjs.map
+export { useFieldOptions };

package/dist/client/hooks/use-global-fields.mjs

@@ -1,27 +1,58 @@
 import { selectAdmin, useAdminStore } from "../runtime/provider.mjs";
 import { buildFieldDefinitionsFromSchema } from "../utils/build-field-definitions-from-schema.mjs";
 import { useGlobalSchema } from "./use-global-schema.mjs";
-import { useMemo } from "react";
+import { c } from "react/compiler-runtime";
 
 //#region src/client/hooks/use-global-fields.ts
-function useGlobalFields(globalName, options = {}) {
+function useGlobalFields(globalName, t0) {
+	const $ = c(12);
+	let t1;
+	if ($[0] !== t0) {
+		t1 = t0 === void 0 ? {} : t0;
+		$[0] = t0;
+		$[1] = t1;
+	} else t1 = $[1];
+	const options = t1;
 	const admin = useAdminStore(selectAdmin);
 	const { data: schema, isLoading, error } = useGlobalSchema(globalName, options.schemaQueryOptions);
-	return {
-		fields: useMemo(() => {
-			if (!schema || !admin) return {};
-			return buildFieldDefinitionsFromSchema(schema, admin.getFields(), options.buildOptions);
-		}, [
+	let t2;
+	bb0: {
+		if (!schema || !admin) {
+			let t3$2;
+			if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+				t3$2 = {};
+				$[2] = t3$2;
+			} else t3$2 = $[2];
+			t2 = t3$2;
+			break bb0;
+		}
+		let t3$1;
+		if ($[3] !== admin || $[4] !== options.buildOptions || $[5] !== schema) {
+			t3$1 = buildFieldDefinitionsFromSchema(schema, admin.getFields(), options.buildOptions);
+			$[3] = admin;
+			$[4] = options.buildOptions;
+			$[5] = schema;
+			$[6] = t3$1;
+		} else t3$1 = $[6];
+		t2 = t3$1;
+	}
+	const fields = t2;
+	let t3;
+	if ($[7] !== error || $[8] !== fields || $[9] !== isLoading || $[10] !== schema) {
+		t3 = {
+			fields,
 			schema,
-			admin,
-			options.buildOptions
-		]),
-		schema,
-		isLoading,
-		error
-	};
+			isLoading,
+			error
+		};
+		$[7] = error;
+		$[8] = fields;
+		$[9] = isLoading;
+		$[10] = schema;
+		$[11] = t3;
+	} else t3 = $[11];
+	return t3;
 }
 
 //#endregion
-export { useGlobalFields };
-//# sourceMappingURL=use-global-fields.mjs.map
+export { useGlobalFields };

package/dist/client/hooks/use-global-meta.mjs

@@ -1,4 +1,5 @@
 import { selectClient, useAdminStore } from "../runtime/provider.mjs";
+import { c } from "react/compiler-runtime";
 import { useQuery, useSuspenseQuery } from "@tanstack/react-query";
 
 //#region src/client/hooks/use-global-meta.ts
@@ -30,16 +31,36 @@ import { useQuery, useSuspenseQuery } from "@tanstack/react-query";
 * ```
 */
 function useGlobalMeta(global, queryOptions) {
+	const $ = c(9);
 	const client = useAdminStore(selectClient);
-	return useQuery({
-		queryKey: getGlobalMetaQueryKey(global),
-		queryFn: async () => {
-			return client.globals[global].meta();
-		},
-		staleTime: 300 * 1e3,
-		gcTime: 1800 * 1e3,
-		...queryOptions
-	});
+	let t0;
+	if ($[0] !== global) {
+		t0 = getGlobalMetaQueryKey(global);
+		$[0] = global;
+		$[1] = t0;
+	} else t0 = $[1];
+	let t1;
+	if ($[2] !== client || $[3] !== global) {
+		t1 = async () => client.globals[global].meta();
+		$[2] = client;
+		$[3] = global;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== queryOptions || $[6] !== t0 || $[7] !== t1) {
+		t2 = {
+			queryKey: t0,
+			queryFn: t1,
+			staleTime: 3e5,
+			gcTime: 18e5,
+			...queryOptions
+		};
+		$[5] = queryOptions;
+		$[6] = t0;
+		$[7] = t1;
+		$[8] = t2;
+	} else t2 = $[8];
+	return useQuery(t2);
 }
 /**
 * Query key for global meta
@@ -53,7 +74,32 @@ function getGlobalMetaQueryKey(global) {
 		"meta"
 	];
 }
+/**
+* Query options factory for global metadata
+* Can be used with TanStack Query's prefetching in loaders or with useSuspenseQuery
+*
+* @example
+* ```ts
+* // In TanStack Start loader
+* export const Route = createFileRoute("/admin/globals/:name")({
+*   loader: async ({ context, params }) => {
+*     await context.queryClient.ensureQueryData(
+*       getGlobalMetaQueryOptions(params.name, context.client)
+*     );
+*   },
+* });
+* ```
+*/
+function getGlobalMetaQueryOptions(global, client) {
+	return {
+		queryKey: getGlobalMetaQueryKey(global),
+		queryFn: async () => {
+			return client.globals[global].meta();
+		},
+		staleTime: 300 * 1e3,
+		gcTime: 1800 * 1e3
+	};
+}
 
 //#endregion
-export { useGlobalMeta };
-//# sourceMappingURL=use-global-meta.mjs.map
+export { getGlobalMetaQueryOptions, useGlobalMeta };

package/dist/client/hooks/use-global-schema.mjs

@@ -1,4 +1,5 @@
 import { selectClient, useAdminStore } from "../runtime/provider.mjs";
+import { c } from "react/compiler-runtime";
 import { useQuery } from "@tanstack/react-query";
 
 //#region src/client/hooks/use-global-schema.ts
@@ -8,16 +9,36 @@ import { useQuery } from "@tanstack/react-query";
 * Returns introspection data including fields, access, and validation.
 */
 function useGlobalSchema(global, queryOptions) {
+	const $ = c(9);
 	const client = useAdminStore(selectClient);
-	return useQuery({
-		queryKey: getGlobalSchemaQueryKey(global),
-		queryFn: async () => {
-			return client.globals[global].schema();
-		},
-		staleTime: 300 * 1e3,
-		gcTime: 1800 * 1e3,
-		...queryOptions
-	});
+	let t0;
+	if ($[0] !== global) {
+		t0 = getGlobalSchemaQueryKey(global);
+		$[0] = global;
+		$[1] = t0;
+	} else t0 = $[1];
+	let t1;
+	if ($[2] !== client || $[3] !== global) {
+		t1 = async () => client.globals[global].schema();
+		$[2] = client;
+		$[3] = global;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== queryOptions || $[6] !== t0 || $[7] !== t1) {
+		t2 = {
+			queryKey: t0,
+			queryFn: t1,
+			staleTime: 3e5,
+			gcTime: 18e5,
+			...queryOptions
+		};
+		$[5] = queryOptions;
+		$[6] = t0;
+		$[7] = t1;
+		$[8] = t2;
+	} else t2 = $[8];
+	return useQuery(t2);
 }
 function getGlobalSchemaQueryKey(global) {
 	return [
@@ -29,5 +50,4 @@ function getGlobalSchemaQueryKey(global) {
 }
 
 //#endregion
-export { useGlobalSchema };
-//# sourceMappingURL=use-global-schema.mjs.map
+export { useGlobalSchema };

package/dist/client/hooks/use-global.d.mts

@@ -35,6 +35,17 @@ declare function useGlobal<K extends ResolvedGlobalNames>(globalName: K, options
  * ```
  */
 declare function useGlobalUpdate<K extends ResolvedGlobalNames>(globalName: K, mutationOptions?: Omit<UseMutationOptions, "mutationFn">): any;
+/**
+ * Hook to fetch global version history
+ */
+declare function useGlobalVersions<K extends ResolvedGlobalNames>(globalName: K, options?: {
+  id?: string;
+  limit?: number;
+  offset?: number;
+}, queryOptions?: Omit<UseQueryOptions, "queryKey" | "queryFn">): any;
+/**
+ * Hook to revert global to a previous version
+ */
+declare function useGlobalRevertVersion<K extends ResolvedGlobalNames>(globalName: K, mutationOptions?: Omit<UseMutationOptions, "mutationFn">): any;
 //#endregion
-export { useGlobal, useGlobalUpdate };
-//# sourceMappingURL=use-global.d.mts.map
+export { useGlobal, useGlobalRevertVersion, useGlobalUpdate, useGlobalVersions };