@questpie/admin 2.0.0 → 3.0.1

package/dist/client/scope/picker.mjs

@@ -1,11 +1,11 @@
 import { cn } from "../lib/utils.mjs";
 import { useAdminStore } from "../runtime/provider.mjs";
-import { Skeleton } from "../components/ui/skeleton.mjs";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../components/ui/select.mjs";
+import { Skeleton } from "../components/ui/skeleton.mjs";
 import { useScope } from "./provider.mjs";
+import { c } from "react/compiler-runtime";
 import { Icon } from "@iconify/react";
 import { useQuery } from "@tanstack/react-query";
-import { useCallback, useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/client/scope/picker.tsx
@@ -48,17 +48,33 @@ import { jsx, jsxs } from "react/jsx-runtime";
 * />
 * ```
 */
-function ScopePicker({ collection, labelField = "name", valueField = "id", options: staticOptions, loadOptions, placeholder = "Select...", label, allowClear = false, clearText = "All", className, compact = false }) {
+function ScopePicker(t0) {
+	const $ = c(82);
+	const { collection, labelField: t1, valueField: t2, options: staticOptions, loadOptions, placeholder: t3, label, allowClear: t4, clearText: t5, className, compact: t6 } = t0;
+	const labelField = t1 === void 0 ? "name" : t1;
+	const valueField = t2 === void 0 ? "id" : t2;
+	const placeholder = t3 === void 0 ? "Select..." : t3;
+	const allowClear = t4 === void 0 ? false : t4;
+	const clearText = t5 === void 0 ? "All" : t5;
+	const compact = t6 === void 0 ? false : t6;
 	const { scopeId, setScope, isLoading: scopeLoading } = useScope();
-	const client = useAdminStore((s) => s.client);
-	const { data: collectionData, isLoading: collectionLoading, error: collectionError } = useQuery({
-		queryKey: [
+	const client = useAdminStore(_temp);
+	let t7;
+	if ($[0] !== collection || $[1] !== labelField || $[2] !== valueField) {
+		t7 = [
 			"scope-picker",
 			collection,
 			labelField,
 			valueField
-		],
-		queryFn: async () => {
+		];
+		$[0] = collection;
+		$[1] = labelField;
+		$[2] = valueField;
+		$[3] = t7;
+	} else t7 = $[3];
+	let t8;
+	if ($[4] !== client || $[5] !== collection || $[6] !== labelField || $[7] !== valueField) {
+		t8 = async () => {
 			if (!collection || !client) return null;
 			return (await client.collections[collection].find({
 				limit: 100,
@@ -70,92 +86,310 @@ function ScopePicker({ collection, labelField = "name", valueField = "id", optio
 				value: String(doc[valueField]),
 				label: String(doc[labelField] ?? doc[valueField])
 			}));
-		},
-		enabled: !!collection && !!client,
-		staleTime: 6e4
-	});
-	const { data: asyncOptions, isLoading: asyncLoading, error: asyncError } = useQuery({
-		queryKey: ["scope-picker-async", loadOptions?.toString()],
-		queryFn: loadOptions,
-		enabled: !!loadOptions,
-		staleTime: 6e4
-	});
-	const options = useMemo(() => {
-		if (staticOptions) return staticOptions;
-		if (collectionData) return collectionData;
-		if (asyncOptions) return asyncOptions;
-		return [];
-	}, [
-		staticOptions,
-		collectionData,
-		asyncOptions
-	]);
+		};
+		$[4] = client;
+		$[5] = collection;
+		$[6] = labelField;
+		$[7] = valueField;
+		$[8] = t8;
+	} else t8 = $[8];
+	const t9 = !!collection && !!client;
+	let t10;
+	if ($[9] !== t7 || $[10] !== t8 || $[11] !== t9) {
+		t10 = {
+			queryKey: t7,
+			queryFn: t8,
+			enabled: t9,
+			staleTime: 6e4
+		};
+		$[9] = t7;
+		$[10] = t8;
+		$[11] = t9;
+		$[12] = t10;
+	} else t10 = $[12];
+	const { data: collectionData, isLoading: collectionLoading, error: collectionError } = useQuery(t10);
+	let t11;
+	if ($[13] !== loadOptions) {
+		t11 = loadOptions?.toString();
+		$[13] = loadOptions;
+		$[14] = t11;
+	} else t11 = $[14];
+	let t12;
+	if ($[15] !== t11) {
+		t12 = ["scope-picker-async", t11];
+		$[15] = t11;
+		$[16] = t12;
+	} else t12 = $[16];
+	const t13 = !!loadOptions;
+	let t14;
+	if ($[17] !== loadOptions || $[18] !== t12 || $[19] !== t13) {
+		t14 = {
+			queryKey: t12,
+			queryFn: loadOptions,
+			enabled: t13,
+			staleTime: 6e4
+		};
+		$[17] = loadOptions;
+		$[18] = t12;
+		$[19] = t13;
+		$[20] = t14;
+	} else t14 = $[20];
+	const { data: asyncOptions, isLoading: asyncLoading, error: asyncError } = useQuery(t14);
+	let t15;
+	bb0: {
+		if (staticOptions) {
+			t15 = staticOptions;
+			break bb0;
+		}
+		if (collectionData) {
+			t15 = collectionData;
+			break bb0;
+		}
+		if (asyncOptions) {
+			t15 = asyncOptions;
+			break bb0;
+		}
+		let t16$1;
+		if ($[21] === Symbol.for("react.memo_cache_sentinel")) {
+			t16$1 = [];
+			$[21] = t16$1;
+		} else t16$1 = $[21];
+		t15 = t16$1;
+	}
+	const options = t15;
 	const isLoading = scopeLoading || collectionLoading || asyncLoading;
 	const error = collectionError || asyncError;
-	const handleValueChange = useCallback((value) => {
-		if (!value || value === "__clear__") setScope(null);
-		else setScope(value);
-	}, [setScope]);
-	const selectedLabel = useMemo(() => {
-		if (!scopeId) return null;
-		return options.find((opt) => opt.value === scopeId)?.label ?? scopeId;
-	}, [scopeId, options]);
-	if (isLoading) return /* @__PURE__ */ jsxs("div", {
-		className: cn("space-y-1.5", className),
-		children: [label && !compact && /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-16" }), /* @__PURE__ */ jsx(Skeleton, { className: cn("h-9 w-full", compact && "h-8") })]
-	});
-	if (error) return /* @__PURE__ */ jsx("div", {
-		className: cn("text-xs text-destructive", className),
-		children: "Failed to load options"
-	});
-	return /* @__PURE__ */ jsxs("div", {
-		className: cn("space-y-1.5", className),
-		children: [label && !compact && /* @__PURE__ */ jsx("span", {
-			className: "text-xs font-medium text-muted-foreground",
+	let t16;
+	if ($[22] !== setScope) {
+		t16 = (value) => {
+			if (!value || value === "__clear__") setScope(null);
+			else setScope(value);
+		};
+		$[22] = setScope;
+		$[23] = t16;
+	} else t16 = $[23];
+	const handleValueChange = t16;
+	let t17;
+	bb1: {
+		if (!scopeId) {
+			t17 = null;
+			break bb1;
+		}
+		let t18$1;
+		if ($[24] !== options || $[25] !== scopeId) {
+			let t19$1;
+			if ($[27] !== scopeId) {
+				t19$1 = (opt) => opt.value === scopeId;
+				$[27] = scopeId;
+				$[28] = t19$1;
+			} else t19$1 = $[28];
+			t18$1 = options.find(t19$1);
+			$[24] = options;
+			$[25] = scopeId;
+			$[26] = t18$1;
+		} else t18$1 = $[26];
+		t17 = t18$1?.label ?? scopeId;
+	}
+	const selectedLabel = t17;
+	if (isLoading) {
+		let t18$1;
+		if ($[29] !== className) {
+			t18$1 = cn("space-y-1.5", className);
+			$[29] = className;
+			$[30] = t18$1;
+		} else t18$1 = $[30];
+		let t19$1;
+		if ($[31] !== compact || $[32] !== label) {
+			t19$1 = label && !compact && /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-16" });
+			$[31] = compact;
+			$[32] = label;
+			$[33] = t19$1;
+		} else t19$1 = $[33];
+		const t20$1 = compact && "h-8";
+		let t21$1;
+		if ($[34] !== t20$1) {
+			t21$1 = cn("h-9 w-full", t20$1);
+			$[34] = t20$1;
+			$[35] = t21$1;
+		} else t21$1 = $[35];
+		let t22$1;
+		if ($[36] !== t21$1) {
+			t22$1 = /* @__PURE__ */ jsx(Skeleton, { className: t21$1 });
+			$[36] = t21$1;
+			$[37] = t22$1;
+		} else t22$1 = $[37];
+		let t23$1;
+		if ($[38] !== t18$1 || $[39] !== t19$1 || $[40] !== t22$1) {
+			t23$1 = /* @__PURE__ */ jsxs("div", {
+				className: t18$1,
+				children: [t19$1, t22$1]
+			});
+			$[38] = t18$1;
+			$[39] = t19$1;
+			$[40] = t22$1;
+			$[41] = t23$1;
+		} else t23$1 = $[41];
+		return t23$1;
+	}
+	if (error) {
+		let t18$1;
+		if ($[42] !== className) {
+			t18$1 = cn("text-destructive text-xs", className);
+			$[42] = className;
+			$[43] = t18$1;
+		} else t18$1 = $[43];
+		let t19$1;
+		if ($[44] !== t18$1) {
+			t19$1 = /* @__PURE__ */ jsx("div", {
+				className: t18$1,
+				children: "Failed to load options"
+			});
+			$[44] = t18$1;
+			$[45] = t19$1;
+		} else t19$1 = $[45];
+		return t19$1;
+	}
+	let t18;
+	if ($[46] !== className) {
+		t18 = cn("space-y-1.5", className);
+		$[46] = className;
+		$[47] = t18;
+	} else t18 = $[47];
+	let t19;
+	if ($[48] !== compact || $[49] !== label) {
+		t19 = label && !compact && /* @__PURE__ */ jsx("span", {
+			className: "text-muted-foreground text-xs font-medium",
 			children: label
-		}), /* @__PURE__ */ jsxs(Select, {
-			value: scopeId ?? "__clear__",
-			onValueChange: (value) => handleValueChange(value),
-			children: [/* @__PURE__ */ jsx(SelectTrigger, {
-				className: cn("w-full", compact && "h-8 text-xs", !scopeId && "text-muted-foreground"),
-				children: /* @__PURE__ */ jsx(SelectValue, {
-					placeholder,
-					children: scopeId ? selectedLabel : allowClear ? clearText : placeholder
-				})
-			}), /* @__PURE__ */ jsxs(SelectContent, { children: [
-				allowClear && /* @__PURE__ */ jsx(SelectItem, {
-					value: "__clear__",
-					children: /* @__PURE__ */ jsxs("span", {
-						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ jsx(Icon, {
-							icon: "ph:globe",
-							className: "size-4 text-muted-foreground"
-						}), clearText]
-					})
-				}),
-				options.map((option) => /* @__PURE__ */ jsx(SelectItem, {
-					value: option.value,
-					children: /* @__PURE__ */ jsxs("span", {
-						className: "flex items-center gap-2",
-						children: [
-							option.icon,
-							/* @__PURE__ */ jsx("span", { children: option.label }),
-							option.description && /* @__PURE__ */ jsx("span", {
-								className: "text-muted-foreground text-xs",
-								children: option.description
-							})
-						]
-					})
-				}, option.value)),
-				options.length === 0 && /* @__PURE__ */ jsx("div", {
-					className: "px-2 py-1.5 text-xs text-muted-foreground",
-					children: "No options available"
+		});
+		$[48] = compact;
+		$[49] = label;
+		$[50] = t19;
+	} else t19 = $[50];
+	const t20 = scopeId ?? "__clear__";
+	let t21;
+	if ($[51] !== handleValueChange) {
+		t21 = (value_0) => handleValueChange(value_0);
+		$[51] = handleValueChange;
+		$[52] = t21;
+	} else t21 = $[52];
+	const t22 = compact && "h-8 text-xs";
+	const t23 = !scopeId && "text-muted-foreground";
+	let t24;
+	if ($[53] !== t22 || $[54] !== t23) {
+		t24 = cn("w-full", t22, t23);
+		$[53] = t22;
+		$[54] = t23;
+		$[55] = t24;
+	} else t24 = $[55];
+	const t25 = scopeId ? selectedLabel : allowClear ? clearText : placeholder;
+	let t26;
+	if ($[56] !== placeholder || $[57] !== t25) {
+		t26 = /* @__PURE__ */ jsx(SelectValue, {
+			placeholder,
+			children: t25
+		});
+		$[56] = placeholder;
+		$[57] = t25;
+		$[58] = t26;
+	} else t26 = $[58];
+	let t27;
+	if ($[59] !== t24 || $[60] !== t26) {
+		t27 = /* @__PURE__ */ jsx(SelectTrigger, {
+			className: t24,
+			children: t26
+		});
+		$[59] = t24;
+		$[60] = t26;
+		$[61] = t27;
+	} else t27 = $[61];
+	let t28;
+	if ($[62] !== allowClear || $[63] !== clearText) {
+		t28 = allowClear && /* @__PURE__ */ jsx(SelectItem, {
+			value: "__clear__",
+			children: /* @__PURE__ */ jsxs("span", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ jsx(Icon, {
+					icon: "ph:globe",
+					className: "text-muted-foreground size-4"
+				}), clearText]
+			})
+		});
+		$[62] = allowClear;
+		$[63] = clearText;
+		$[64] = t28;
+	} else t28 = $[64];
+	let t29;
+	if ($[65] !== options) {
+		t29 = options.map(_temp2);
+		$[65] = options;
+		$[66] = t29;
+	} else t29 = $[66];
+	let t30;
+	if ($[67] !== options.length) {
+		t30 = options.length === 0 && /* @__PURE__ */ jsx("div", {
+			className: "text-muted-foreground px-2 py-1.5 text-xs",
+			children: "No options available"
+		});
+		$[67] = options.length;
+		$[68] = t30;
+	} else t30 = $[68];
+	let t31;
+	if ($[69] !== t28 || $[70] !== t29 || $[71] !== t30) {
+		t31 = /* @__PURE__ */ jsxs(SelectContent, { children: [
+			t28,
+			t29,
+			t30
+		] });
+		$[69] = t28;
+		$[70] = t29;
+		$[71] = t30;
+		$[72] = t31;
+	} else t31 = $[72];
+	let t32;
+	if ($[73] !== t20 || $[74] !== t21 || $[75] !== t27 || $[76] !== t31) {
+		t32 = /* @__PURE__ */ jsxs(Select, {
+			value: t20,
+			onValueChange: t21,
+			children: [t27, t31]
+		});
+		$[73] = t20;
+		$[74] = t21;
+		$[75] = t27;
+		$[76] = t31;
+		$[77] = t32;
+	} else t32 = $[77];
+	let t33;
+	if ($[78] !== t18 || $[79] !== t19 || $[80] !== t32) {
+		t33 = /* @__PURE__ */ jsxs("div", {
+			className: t18,
+			children: [t19, t32]
+		});
+		$[78] = t18;
+		$[79] = t19;
+		$[80] = t32;
+		$[81] = t33;
+	} else t33 = $[81];
+	return t33;
+}
+function _temp2(option_0) {
+	return /* @__PURE__ */ jsx(SelectItem, {
+		value: option_0.value,
+		children: /* @__PURE__ */ jsxs("span", {
+			className: "flex items-center gap-2",
+			children: [
+				option_0.icon,
+				/* @__PURE__ */ jsx("span", { children: option_0.label }),
+				option_0.description && /* @__PURE__ */ jsx("span", {
+					className: "text-muted-foreground text-xs",
+					children: option_0.description
 				})
-			] })]
-		})]
-	});
+			]
+		})
+	}, option_0.value);
+}
+function _temp(s) {
+	return s.client;
 }
 
 //#endregion
-export { ScopePicker };
-//# sourceMappingURL=picker.mjs.map
+export { ScopePicker };

package/dist/client/scope/provider.d.mts

@@ -1,5 +1,5 @@
 import { ScopeContextValue, ScopeProviderProps } from "./types.mjs";
-import * as react_jsx_runtime31 from "react/jsx-runtime";
+import * as react_jsx_runtime25 from "react/jsx-runtime";
 
 //#region src/client/scope/provider.d.ts
 
@@ -29,7 +29,7 @@ declare function ScopeProvider({
   headerName,
   storageKey,
   defaultScope
-}: ScopeProviderProps): react_jsx_runtime31.JSX.Element;
+}: ScopeProviderProps): react_jsx_runtime25.JSX.Element;
 /**
  * Hook to access the current scope context.
  *
@@ -70,7 +70,7 @@ declare function useScopeSafe(): ScopeContextValue | null;
  *   const scopedFetch = useScopedFetch();
  *
  *   const client = useMemo(() =>
- *     createClient<typeof cms>({
+ *     createClient<typeof app>({
  *       baseURL: '/api',
  *       fetch: scopedFetch,
  *     }),
@@ -100,5 +100,4 @@ declare function useScopedFetch(): FetchFn;
  */
 declare function createScopedFetch(headerName: string, getScopeId: () => string | null): FetchFn;
 //#endregion
-export { ScopeProvider, createScopedFetch, useScope, useScopeSafe, useScopedFetch };
-//# sourceMappingURL=provider.d.mts.map
+export { ScopeProvider, createScopedFetch, useScope, useScopeSafe, useScopedFetch };

package/dist/client/scope/provider.mjs

@@ -1,4 +1,5 @@
-import { createContext, useCallback, useContext, useEffect, useState } from "react";
+import { c } from "react/compiler-runtime";
+import { createContext, useCallback, useContext, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/client/scope/provider.tsx
@@ -27,22 +28,22 @@ const ScopeContext = createContext(null);
 * ```
 */
 function ScopeProvider({ children, headerName, storageKey, defaultScope = null }) {
-	const [isLoading, setIsLoading] = useState(!!storageKey);
 	const [scopeId, setScopeId] = useState(() => {
 		if (typeof window === "undefined") return defaultScope;
-		if (storageKey) return localStorage.getItem(storageKey) ?? defaultScope;
+		if (storageKey) try {
+			return localStorage.getItem(storageKey) ?? defaultScope;
+		} catch {
+			return defaultScope;
+		}
 		return defaultScope;
 	});
-	useEffect(() => {
-		if (storageKey && typeof window !== "undefined") {
-			setScopeId(localStorage.getItem(storageKey) ?? defaultScope);
-			setIsLoading(false);
-		}
-	}, [storageKey]);
+	const isLoading = false;
 	const setScope = useCallback((id) => {
 		setScopeId(id);
-		if (storageKey && typeof window !== "undefined") if (id) localStorage.setItem(storageKey, id);
-		else localStorage.removeItem(storageKey);
+		if (storageKey && typeof window !== "undefined") try {
+			if (id) localStorage.setItem(storageKey, id);
+			else localStorage.removeItem(storageKey);
+		} catch {}
 	}, [storageKey]);
 	const value = {
 		scopeId,
@@ -104,7 +105,7 @@ function useScopeSafe() {
 *   const scopedFetch = useScopedFetch();
 *
 *   const client = useMemo(() =>
-*     createClient<typeof cms>({
+*     createClient<typeof app>({
 *       baseURL: '/api',
 *       fetch: scopedFetch,
 *     }),
@@ -116,15 +117,23 @@ function useScopeSafe() {
 * ```
 */
 function useScopedFetch() {
+	const $ = c(3);
 	const { scopeId, headerName } = useScope();
-	return useCallback((input, init) => {
-		const headers = new Headers(init?.headers);
-		if (scopeId) headers.set(headerName, scopeId);
-		return fetch(input, {
-			...init,
-			headers
-		});
-	}, [scopeId, headerName]);
+	let t0;
+	if ($[0] !== headerName || $[1] !== scopeId) {
+		t0 = (input, init) => {
+			const headers = new Headers(init?.headers);
+			if (scopeId) headers.set(headerName, scopeId);
+			return fetch(input, {
+				...init,
+				headers
+			});
+		};
+		$[0] = headerName;
+		$[1] = scopeId;
+		$[2] = t0;
+	} else t0 = $[2];
+	return t0;
 }
 /**
 * Creates a fetch function that injects scope headers.
@@ -155,5 +164,4 @@ function createScopedFetch(headerName, getScopeId) {
 }
 
 //#endregion
-export { ScopeProvider, createScopedFetch, useScope, useScopeSafe, useScopedFetch };
-//# sourceMappingURL=provider.mjs.map
+export { ScopeProvider, createScopedFetch, useScope, useScopeSafe, useScopedFetch };

package/dist/client/scope/types.d.mts

@@ -108,5 +108,4 @@ interface ScopePickerProps {
   compact?: boolean;
 }
 //#endregion
-export { ScopeContextValue, ScopeOption, ScopePickerProps, ScopeProviderProps };
-//# sourceMappingURL=types.d.mts.map
+export { ScopeContextValue, ScopeOption, ScopePickerProps, ScopeProviderProps };