@questpie/admin 3.2.4 → 3.2.5

package/dist/client/hooks/use-reactive-prop.mjs

@@ -1,5 +1,4 @@
 import { useAdminStore } from "../runtime/provider.mjs";
-import { c } from "react/compiler-runtime";
 import * as React from "react";
 import { useQuery } from "@tanstack/react-query";
 import { useFormContext, useWatch } from "react-hook-form";
@@ -41,46 +40,24 @@ function hashDeps(values) {
 	return JSON.stringify(values, (_, v) => v === void 0 ? "__undef__" : v);
 }
 function useDebounced(value, delay) {
-	const $ = c(4);
 	const [debounced, setDebounced] = React.useState(value);
-	let t0;
-	let t1;
-	if ($[0] !== delay || $[1] !== value) {
-		t0 = () => {
-			if (delay <= 0) {
-				setDebounced(value);
-				return;
-			}
-			const timer = setTimeout(() => setDebounced(value), delay);
-			return () => clearTimeout(timer);
-		};
-		t1 = [value, delay];
-		$[0] = delay;
-		$[1] = value;
-		$[2] = t0;
-		$[3] = t1;
-	} else {
-		t0 = $[2];
-		t1 = $[3];
-	}
-	React.useEffect(t0, t1);
+	React.useEffect(() => {
+		if (delay <= 0) {
+			setDebounced(value);
+			return;
+		}
+		const timer = setTimeout(() => setDebounced(value), delay);
+		return () => clearTimeout(timer);
+	}, [value, delay]);
 	return debounced;
 }
 const EMPTY_PROPS = Object.freeze({});
-function useReactiveProps(t0) {
-	const $ = c(52);
-	const { entity, entityType: t1, field, props, enabled: t2, debounce: debounceOverride } = t0;
-	const entityType = t1 === void 0 ? "collection" : t1;
-	const enabled = t2 === void 0 ? true : t2;
-	let dbMax;
-	let dynamicOut;
-	let staticOut;
-	let watchSet;
-	if ($[0] !== props) {
-		staticOut = {};
-		dynamicOut = [];
-		watchSet = /* @__PURE__ */ new Set();
-		dbMax = 0;
+function useReactiveProps({ entity, entityType = "collection", field, props, enabled = true, debounce: debounceOverride }) {
+	const { staticProps, placeholders, watchUnion, debounceMax } = React.useMemo(() => {
+		const staticOut = {};
+		const dynamicOut = [];
+		const watchSet = /* @__PURE__ */ new Set();
+		let dbMax = 0;
 		if (props) for (const [key, value] of Object.entries(props)) if (isReactivePropPlaceholder(value)) {
 			dynamicOut.push({
 				key,
@@ -89,105 +66,35 @@ function useReactiveProps(t0) {
 			for (const dep of value.watch) watchSet.add(dep);
 			if (typeof value.debounce === "number" && value.debounce > dbMax) dbMax = value.debounce;
 		} else staticOut[key] = value;
-		$[0] = props;
-		$[1] = dbMax;
-		$[2] = dynamicOut;
-		$[3] = staticOut;
-		$[4] = watchSet;
-	} else {
-		dbMax = $[1];
-		dynamicOut = $[2];
-		staticOut = $[3];
-		watchSet = $[4];
-	}
-	const t3 = dynamicOut.length === 0 ? props ?? EMPTY_PROPS : staticOut;
-	let t4;
-	if ($[5] !== watchSet) {
-		t4 = [...watchSet];
-		$[5] = watchSet;
-		$[6] = t4;
-	} else t4 = $[6];
-	let t5;
-	if ($[7] !== dbMax || $[8] !== dynamicOut || $[9] !== t3 || $[10] !== t4) {
-		t5 = {
-			staticProps: t3,
+		return {
+			staticProps: dynamicOut.length === 0 ? props ?? EMPTY_PROPS : staticOut,
 			placeholders: dynamicOut,
-			watchUnion: t4,
+			watchUnion: [...watchSet],
 			debounceMax: dbMax
 		};
-		$[7] = dbMax;
-		$[8] = dynamicOut;
-		$[9] = t3;
-		$[10] = t4;
-		$[11] = t5;
-	} else t5 = $[11];
-	const { staticProps, placeholders, watchUnion, debounceMax } = t5;
+	}, [props]);
 	const debounce = debounceOverride ?? (debounceMax > 0 ? debounceMax : 100);
 	const formContext = useFormContext();
-	const t6 = formContext?.control;
-	const t7 = watchUnion;
-	const t8 = placeholders.length === 0 || !formContext || watchUnion.length === 0;
-	let t9;
-	if ($[12] !== t6 || $[13] !== t7 || $[14] !== t8) {
-		t9 = {
-			control: t6,
-			name: t7,
-			disabled: t8
-		};
-		$[12] = t6;
-		$[13] = t7;
-		$[14] = t8;
-		$[15] = t9;
-	} else t9 = $[15];
-	const watchedRaw = useWatch(t9);
-	let t10;
-	bb0: {
-		if (placeholders.length === 0) {
-			let t11$2;
-			if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
-				t11$2 = [];
-				$[16] = t11$2;
-			} else t11$2 = $[16];
-			t10 = t11$2;
-			break bb0;
-		}
-		if (watchUnion.length === 0) {
-			let t11$2;
-			if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
-				t11$2 = [];
-				$[17] = t11$2;
-			} else t11$2 = $[17];
-			t10 = t11$2;
-			break bb0;
-		}
-		let t11$1;
-		if ($[18] !== watchedRaw) {
-			t11$1 = Array.isArray(watchedRaw) ? watchedRaw : [watchedRaw];
-			$[18] = watchedRaw;
-			$[19] = t11$1;
-		} else t11$1 = $[19];
-		t10 = t11$1;
-	}
-	const debouncedDeps = useDebounced(t10, debounce);
-	let t11;
-	if ($[20] !== debouncedDeps) {
-		t11 = hashDeps(debouncedDeps);
-		$[20] = debouncedDeps;
-		$[21] = t11;
-	} else t11 = $[21];
-	const depHash = t11;
-	let t12;
-	if ($[22] !== placeholders) {
-		t12 = placeholders.map(_temp).sort();
-		$[22] = placeholders;
-		$[23] = t12;
-	} else t12 = $[23];
-	const placeholderKeys = t12;
-	const client = useAdminStore(_temp2);
+	const watchedRaw = useWatch({
+		control: formContext?.control,
+		name: watchUnion,
+		disabled: placeholders.length === 0 || !formContext || watchUnion.length === 0
+	});
+	const debouncedDeps = useDebounced(React.useMemo(() => {
+		if (placeholders.length === 0) return [];
+		if (watchUnion.length === 0) return [];
+		return Array.isArray(watchedRaw) ? watchedRaw : [watchedRaw];
+	}, [
+		placeholders.length,
+		watchUnion.length,
+		watchedRaw
+	]), debounce);
+	const depHash = React.useMemo(() => hashDeps(debouncedDeps), [debouncedDeps]);
+	const placeholderKeys = React.useMemo(() => placeholders.map((p) => p.key).sort(), [placeholders]);
+	const client = useAdminStore((s) => s.client);
 	const queryEnabled = enabled && placeholders.length > 0 && !!client;
-	let t13;
-	if ($[24] !== depHash || $[25] !== entity || $[26] !== entityType || $[27] !== field || $[28] !== placeholderKeys) {
-		t13 = [
+	const query = useQuery({
+		queryKey: [
 			"questpie",
 			"reactive-props",
 			entityType,
@@ -195,31 +102,19 @@ function useReactiveProps(t0) {
 			field,
 			placeholderKeys,
 			depHash
-		];
-		$[24] = depHash;
-		$[25] = entity;
-		$[26] = entityType;
-		$[27] = field;
-		$[28] = placeholderKeys;
-		$[29] = t13;
-	} else t13 = $[29];
-	let t14;
-	if ($[30] !== client || $[31] !== entity || $[32] !== entityType || $[33] !== field || $[34] !== formContext || $[35] !== placeholders) {
-		t14 = async () => {
+		],
+		queryFn: async () => {
 			if (!client || placeholders.length === 0) return {};
 			const formData = formContext?.getValues?.() ?? {};
 			const response = await client.routes.batchReactive({
 				collection: entity,
 				type: entityType,
 				formData,
-				requests: placeholders.map((t15$1) => {
-					const { key: key_0 } = t15$1;
-					return {
-						field,
-						type: "prop",
-						propPath: key_0
-					};
-				})
+				requests: placeholders.map(({ key }) => ({
+					field,
+					type: "prop",
+					propPath: key
+				}))
 			});
 			const out = {};
 			for (const r of response.results) {
@@ -228,80 +123,27 @@ function useReactiveProps(t0) {
 				out[r.propPath] = r.value;
 			}
 			return out;
-		};
-		$[30] = client;
-		$[31] = entity;
-		$[32] = entityType;
-		$[33] = field;
-		$[34] = formContext;
-		$[35] = placeholders;
-		$[36] = t14;
-	} else t14 = $[36];
-	let t15;
-	if ($[37] !== queryEnabled || $[38] !== t13 || $[39] !== t14) {
-		t15 = {
-			queryKey: t13,
-			queryFn: t14,
-			enabled: queryEnabled,
-			placeholderData: _temp3,
-			staleTime: 3e4
-		};
-		$[37] = queryEnabled;
-		$[38] = t13;
-		$[39] = t14;
-		$[40] = t15;
-	} else t15 = $[40];
-	const query = useQuery(t15);
-	let t16;
-	bb1: {
-		if (placeholders.length === 0) {
-			t16 = staticProps;
-			break bb1;
-		}
-		let out_0;
-		if ($[41] !== placeholders || $[42] !== query.data || $[43] !== staticProps) {
-			out_0 = { ...staticProps };
-			let t17$1;
-			if ($[45] !== query.data) {
-				t17$1 = query.data ?? {};
-				$[45] = query.data;
-				$[46] = t17$1;
-			} else t17$1 = $[46];
-			const resolved = t17$1;
-			for (const { key: key_1 } of placeholders) out_0[key_1] = resolved[key_1];
-			$[41] = placeholders;
-			$[42] = query.data;
-			$[43] = staticProps;
-			$[44] = out_0;
-		} else out_0 = $[44];
-		t16 = out_0;
-	}
-	const merged = t16;
-	const t17 = query.error ?? null;
-	let t18;
-	if ($[47] !== merged || $[48] !== query.isFetching || $[49] !== query.isLoading || $[50] !== t17) {
-		t18 = {
-			props: merged,
-			isLoading: query.isLoading,
-			isFetching: query.isFetching,
-			error: t17
-		};
-		$[47] = merged;
-		$[48] = query.isFetching;
-		$[49] = query.isLoading;
-		$[50] = t17;
-		$[51] = t18;
-	} else t18 = $[51];
-	return t18;
-}
-function _temp3(prev) {
-	return prev;
-}
-function _temp2(s) {
-	return s.client;
-}
-function _temp(p) {
-	return p.key;
+		},
+		enabled: queryEnabled,
+		placeholderData: (prev) => prev,
+		staleTime: 3e4
+	});
+	return {
+		props: React.useMemo(() => {
+			if (placeholders.length === 0) return staticProps;
+			const out = { ...staticProps };
+			const resolved = query.data ?? {};
+			for (const { key } of placeholders) out[key] = resolved[key];
+			return out;
+		}, [
+			staticProps,
+			placeholders,
+			query.data
+		]),
+		isLoading: query.isLoading,
+		isFetching: query.isFetching,
+		error: query.error ?? null
+	};
 }
 
 //#endregion

package/dist/client/hooks/use-realtime-highlight.mjs

@@ -1,4 +1,3 @@
-import { c } from "react/compiler-runtime";
 import { useEffect, useRef, useState } from "react";
 
 //#region src/client/hooks/use-realtime-highlight.ts
@@ -22,128 +21,66 @@ import { useEffect, useRef, useState } from "react";
 * ))}
 * ```
 */
-function useRealtimeHighlight(docs, t0) {
-	const $ = c(18);
-	let t1;
-	if ($[0] !== t0) {
-		t1 = t0 === void 0 ? {} : t0;
-		$[0] = t0;
-		$[1] = t1;
-	} else t1 = $[1];
-	const { highlightDuration: t2, enabled: t3, initializationGracePeriod: t4 } = t1;
-	const highlightDuration = t2 === void 0 ? 1500 : t2;
-	const enabled = t3 === void 0 ? true : t3;
-	const initializationGracePeriod = t4 === void 0 ? 500 : t4;
-	let t5;
-	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-		t5 = /* @__PURE__ */ new Set();
-		$[2] = t5;
-	} else t5 = $[2];
-	const [highlightedIds, setHighlightedIds] = useState(t5);
-	let t6;
-	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-		t6 = /* @__PURE__ */ new Map();
-		$[3] = t6;
-	} else t6 = $[3];
-	const prevDocsRef = useRef(t6);
+function useRealtimeHighlight(docs, options = {}) {
+	const { highlightDuration = 1500, enabled = true, initializationGracePeriod = 500 } = options;
+	const [highlightedIds, setHighlightedIds] = useState(/* @__PURE__ */ new Set());
+	const prevDocsRef = useRef(/* @__PURE__ */ new Map());
 	const hasInitializedRef = useRef(false);
 	const initializedAtRef = useRef(0);
-	let t7;
-	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-		t7 = /* @__PURE__ */ new Set();
-		$[4] = t7;
-	} else t7 = $[4];
-	const timersRef = useRef(t7);
-	let t8;
-	let t9;
-	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
-		t8 = () => () => {
+	const timersRef = useRef(/* @__PURE__ */ new Set());
+	useEffect(() => {
+		return () => {
 			for (const timer of timersRef.current) clearTimeout(timer);
 		};
-		t9 = [];
-		$[5] = t8;
-		$[6] = t9;
-	} else {
-		t8 = $[5];
-		t9 = $[6];
-	}
-	useEffect(t8, t9);
-	let t10;
-	let t11;
-	if ($[7] !== docs || $[8] !== enabled || $[9] !== highlightDuration || $[10] !== initializationGracePeriod) {
-		t10 = () => {
-			if (!enabled || !docs) return;
-			const currentMap = /* @__PURE__ */ new Map();
-			for (const doc of docs) currentMap.set(doc.id, getDocFingerprint(doc));
-			if (!hasInitializedRef.current) {
-				hasInitializedRef.current = true;
-				initializedAtRef.current = Date.now();
-				prevDocsRef.current = currentMap;
-				return;
-			}
-			if (Date.now() - initializedAtRef.current < initializationGracePeriod) {
-				prevDocsRef.current = currentMap;
-				return;
-			}
-			const changedIds = [];
-			for (const doc_0 of docs) {
-				const prevFingerprint = prevDocsRef.current.get(doc_0.id);
-				const currentFingerprint = currentMap.get(doc_0.id);
-				if (!prevFingerprint) changedIds.push(doc_0.id);
-				else if (prevFingerprint !== currentFingerprint) changedIds.push(doc_0.id);
-			}
+	}, []);
+	useEffect(() => {
+		if (!enabled || !docs) return;
+		const currentMap = /* @__PURE__ */ new Map();
+		for (const doc of docs) currentMap.set(doc.id, getDocFingerprint(doc));
+		if (!hasInitializedRef.current) {
+			hasInitializedRef.current = true;
+			initializedAtRef.current = Date.now();
 			prevDocsRef.current = currentMap;
-			if (changedIds.length > 0) {
+			return;
+		}
+		if (Date.now() - initializedAtRef.current < initializationGracePeriod) {
+			prevDocsRef.current = currentMap;
+			return;
+		}
+		const changedIds = [];
+		for (const doc of docs) {
+			const prevFingerprint = prevDocsRef.current.get(doc.id);
+			const currentFingerprint = currentMap.get(doc.id);
+			if (!prevFingerprint) changedIds.push(doc.id);
+			else if (prevFingerprint !== currentFingerprint) changedIds.push(doc.id);
+		}
+		prevDocsRef.current = currentMap;
+		if (changedIds.length > 0) {
+			setHighlightedIds((prev) => {
+				const next = new Set(prev);
+				for (const id of changedIds) next.add(id);
+				return next;
+			});
+			const timer = setTimeout(() => {
 				setHighlightedIds((prev) => {
 					const next = new Set(prev);
-					for (const id of changedIds) next.add(id);
+					for (const id of changedIds) next.delete(id);
 					return next;
 				});
-				const timer_0 = setTimeout(() => {
-					setHighlightedIds((prev_0) => {
-						const next_0 = new Set(prev_0);
-						for (const id_0 of changedIds) next_0.delete(id_0);
-						return next_0;
-					});
-					timersRef.current.delete(timer_0);
-				}, highlightDuration);
-				timersRef.current.add(timer_0);
-			}
-		};
-		t11 = [
-			docs,
-			enabled,
-			highlightDuration,
-			initializationGracePeriod
-		];
-		$[7] = docs;
-		$[8] = enabled;
-		$[9] = highlightDuration;
-		$[10] = initializationGracePeriod;
-		$[11] = t10;
-		$[12] = t11;
-	} else {
-		t10 = $[11];
-		t11 = $[12];
-	}
-	useEffect(t10, t11);
-	let t12;
-	if ($[13] !== highlightedIds) {
-		t12 = (id_1) => highlightedIds.has(id_1);
-		$[13] = highlightedIds;
-		$[14] = t12;
-	} else t12 = $[14];
-	let t13;
-	if ($[15] !== highlightedIds || $[16] !== t12) {
-		t13 = {
-			highlightedIds,
-			isHighlighted: t12
-		};
-		$[15] = highlightedIds;
-		$[16] = t12;
-		$[17] = t13;
-	} else t13 = $[17];
-	return t13;
+				timersRef.current.delete(timer);
+			}, highlightDuration);
+			timersRef.current.add(timer);
+		}
+	}, [
+		docs,
+		enabled,
+		highlightDuration,
+		initializationGracePeriod
+	]);
+	return {
+		highlightedIds,
+		isHighlighted: (id) => highlightedIds.has(id)
+	};
 }
 /**
 * Create a fingerprint for a doc to detect changes

package/dist/client/hooks/use-saved-views.mjs

@@ -1,5 +1,4 @@
 import { useAdminStore } from "../runtime/provider.mjs";
-import { c } from "react/compiler-runtime";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 
 //#region src/client/hooks/use-saved-views.ts
@@ -10,22 +9,14 @@ import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 * If admin_saved_views collection is not available, returns empty array.
 */
 function useSavedViews(collectionName, userId) {
-	const $ = c(11);
-	const client = useAdminStore(_temp);
-	let t0;
-	if ($[0] !== collectionName || $[1] !== userId) {
-		t0 = [
+	const client = useAdminStore((s) => s.client);
+	return useQuery({
+		queryKey: [
 			"admin_saved_views",
 			collectionName,
 			userId
-		];
-		$[0] = collectionName;
-		$[1] = userId;
-		$[2] = t0;
-	} else t0 = $[2];
-	let t1;
-	if ($[3] !== client?.collections || $[4] !== collectionName || $[5] !== userId) {
-		t1 = async () => {
+		],
+		queryFn: async () => {
 			const collections = client?.collections;
 			if (!collections?.admin_saved_views) return { docs: [] };
 			const where = userId ? {
@@ -33,40 +24,18 @@ function useSavedViews(collectionName, userId) {
 				userId
 			} : { collectionName };
 			return { docs: (await collections.admin_saved_views.find({ where }))?.docs ?? [] };
-		};
-		$[3] = client?.collections;
-		$[4] = collectionName;
-		$[5] = userId;
-		$[6] = t1;
-	} else t1 = $[6];
-	const t2 = !!client;
-	let t3;
-	if ($[7] !== t0 || $[8] !== t1 || $[9] !== t2) {
-		t3 = {
-			queryKey: t0,
-			queryFn: t1,
-			enabled: t2
-		};
-		$[7] = t0;
-		$[8] = t1;
-		$[9] = t2;
-		$[10] = t3;
-	} else t3 = $[10];
-	return useQuery(t3);
+		},
+		enabled: !!client
+	});
 }
 /**
 * Hook to save a new view
 */
-function _temp(s) {
-	return s.client;
-}
 function useSaveView(collectionName, userId) {
-	const $ = c(11);
-	const client = useAdminStore(_temp2);
+	const client = useAdminStore((s) => s.client);
 	const queryClient = useQueryClient();
-	let t0;
-	if ($[0] !== client?.collections || $[1] !== collectionName || $[2] !== userId) {
-		t0 = async (data) => {
+	return useMutation({
+		mutationFn: async (data) => {
 			const collections = client?.collections;
 			if (!collections?.admin_saved_views) throw new Error("admin_saved_views collection not available. Make sure to use the adminModule in your app setup.");
 			return collections.admin_saved_views.create({
@@ -75,86 +44,36 @@ function useSaveView(collectionName, userId) {
 				userId: data.userId || userId || "anonymous",
 				isDefault: false
 			});
-		};
-		$[0] = client?.collections;
-		$[1] = collectionName;
-		$[2] = userId;
-		$[3] = t0;
-	} else t0 = $[3];
-	let t1;
-	if ($[4] !== collectionName || $[5] !== queryClient || $[6] !== userId) {
-		t1 = () => {
+		},
+		onSuccess: () => {
 			queryClient.invalidateQueries({ queryKey: [
 				"admin_saved_views",
 				collectionName,
 				userId
 			] });
-		};
-		$[4] = collectionName;
-		$[5] = queryClient;
-		$[6] = userId;
-		$[7] = t1;
-	} else t1 = $[7];
-	let t2;
-	if ($[8] !== t0 || $[9] !== t1) {
-		t2 = {
-			mutationFn: t0,
-			onSuccess: t1
-		};
-		$[8] = t0;
-		$[9] = t1;
-		$[10] = t2;
-	} else t2 = $[10];
-	return useMutation(t2);
+		}
+	});
 }
 /**
 * Hook to delete a view
 */
-function _temp2(s) {
-	return s.client;
-}
 function useDeleteSavedView(collectionName, userId) {
-	const $ = c(9);
-	const client = useAdminStore(_temp3);
+	const client = useAdminStore((s) => s.client);
 	const queryClient = useQueryClient();
-	let t0;
-	if ($[0] !== client?.collections) {
-		t0 = async (viewId) => {
+	return useMutation({
+		mutationFn: async (viewId) => {
 			const collections = client?.collections;
 			if (!collections?.admin_saved_views) throw new Error("admin_saved_views collection not available. Make sure to use the adminModule in your app setup.");
 			return collections.admin_saved_views.delete({ id: viewId });
-		};
-		$[0] = client?.collections;
-		$[1] = t0;
-	} else t0 = $[1];
-	let t1;
-	if ($[2] !== collectionName || $[3] !== queryClient || $[4] !== userId) {
-		t1 = () => {
+		},
+		onSuccess: () => {
 			queryClient.invalidateQueries({ queryKey: [
 				"admin_saved_views",
 				collectionName,
 				userId
 			] });
-		};
-		$[2] = collectionName;
-		$[3] = queryClient;
-		$[4] = userId;
-		$[5] = t1;
-	} else t1 = $[5];
-	let t2;
-	if ($[6] !== t0 || $[7] !== t1) {
-		t2 = {
-			mutationFn: t0,
-			onSuccess: t1
-		};
-		$[6] = t0;
-		$[7] = t1;
-		$[8] = t2;
-	} else t2 = $[8];
-	return useMutation(t2);
-}
-function _temp3(s) {
-	return s.client;
+		}
+	});
 }
 
 //#endregion