@questpie/admin 3.2.3 → 3.2.5

package/dist/client/preview/use-collection-preview.mjs

@@ -1,7 +1,6 @@
 "use client";
 
 import { applyPatchBatchImmutable, cloneSnapshot, shouldApplyPatchBatch } from "./patch.mjs";
-import { c } from "react/compiler-runtime";
 import * as React from "react";
 
 //#region src/client/preview/use-collection-preview.ts
@@ -42,222 +41,144 @@ import * as React from "react";
 * }
 * ```
 */
-function useCollectionPreview(t0) {
-	const $ = c(30);
-	const { initialData, onRefresh } = t0;
-	let t1;
-	if ($[0] !== initialData) {
-		t1 = () => cloneSnapshot(initialData);
-		$[0] = initialData;
-		$[1] = t1;
-	} else t1 = $[1];
-	const [draftData, setDraftData] = React.useState(t1);
+function useCollectionPreview({ initialData, onRefresh }) {
+	const [draftData, setDraftData] = React.useState(() => cloneSnapshot(initialData));
 	const [selectedBlockId, setSelectedBlockId] = React.useState(null);
 	const [focusedField, setFocusedField] = React.useState(null);
 	const [isPreviewMode, setIsPreviewMode] = React.useState(false);
 	const lastAppliedSeqRef = React.useRef(null);
 	const initialDataRef = React.useRef(initialData);
-	let t2;
-	let t3;
-	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-		t2 = () => {
-			try {
-				setIsPreviewMode(window.self !== window.top);
-			} catch {
-				setIsPreviewMode(true);
-			}
-		};
-		t3 = [];
-		$[2] = t2;
-		$[3] = t3;
-	} else {
-		t2 = $[2];
-		t3 = $[3];
-	}
-	React.useEffect(t2, t3);
+	const focusScrollTimerRef = React.useRef(null);
+	React.useEffect(() => {
+		try {
+			setIsPreviewMode(window.self !== window.top);
+		} catch {
+			setIsPreviewMode(true);
+		}
+	}, []);
 	const onRefreshRef = React.useRef(onRefresh);
-	let t4;
-	let t5;
-	if ($[4] !== onRefresh) {
-		t4 = () => {
-			onRefreshRef.current = onRefresh;
+	React.useEffect(() => {
+		onRefreshRef.current = onRefresh;
+	}, [onRefresh]);
+	React.useEffect(() => {
+		initialDataRef.current = initialData;
+		setDraftData(cloneSnapshot(initialData));
+	}, [initialData]);
+	React.useEffect(() => {
+		if (!isPreviewMode) return;
+		window.parent.postMessage({ type: "PREVIEW_READY" }, "*");
+		const scheduleFocusScroll = (fieldPath) => {
+			if (focusScrollTimerRef.current !== null) window.clearTimeout(focusScrollTimerRef.current);
+			focusScrollTimerRef.current = window.setTimeout(() => {
+				focusScrollTimerRef.current = null;
+				const element = findPreviewFieldElement(fieldPath);
+				if (!element || shouldSkipPreviewAutoScroll(element)) return;
+				if (!isElementNearViewport(element)) element.scrollIntoView({
+					behavior: "auto",
+					block: "nearest"
+				});
+			}, 80);
 		};
-		t5 = [onRefresh];
-		$[4] = onRefresh;
-		$[5] = t4;
-		$[6] = t5;
-	} else {
-		t4 = $[5];
-		t5 = $[6];
-	}
-	React.useEffect(t4, t5);
-	let t6;
-	let t7;
-	if ($[7] !== initialData) {
-		t6 = () => {
-			initialDataRef.current = initialData;
-			setDraftData(cloneSnapshot(initialData));
-		};
-		t7 = [initialData];
-		$[7] = initialData;
-		$[8] = t6;
-		$[9] = t7;
-	} else {
-		t6 = $[8];
-		t7 = $[9];
-	}
-	React.useEffect(t6, t7);
-	let t8;
-	let t9;
-	if ($[10] !== isPreviewMode) {
-		t8 = () => {
-			if (!isPreviewMode) return;
-			window.parent.postMessage({ type: "PREVIEW_READY" }, "*");
-			const handleMessage = async (event) => {
-				const message = event.data;
-				if (!isPreviewAdminMessage(message)) return;
-				bb24: switch (message.type) {
-					case "PREVIEW_REFRESH":
-						await onRefreshRef.current();
-						setDraftData(cloneSnapshot(initialDataRef.current));
-						window.parent.postMessage({
-							type: "REFRESH_COMPLETE",
-							timestamp: Date.now()
-						}, "*");
-						break bb24;
-					case "SELECT_BLOCK":
-						setSelectedBlockId(message.blockId);
-						break bb24;
-					case "FOCUS_FIELD":
-						setFocusedField(message.fieldPath);
-						setTimeout(() => {
-							const element = findPreviewFieldElement(message.fieldPath);
-							if (element) element.scrollIntoView({
-								behavior: "smooth",
-								block: "center"
-							});
-						}, 150);
-						break bb24;
-					case "INIT_SNAPSHOT":
-						lastAppliedSeqRef.current = message.seq;
-						setDraftData(cloneSnapshot(message.data));
-						break bb24;
-					case "PATCH_BATCH":
-						if (!shouldApplyPatchBatch(lastAppliedSeqRef.current, message.seq)) break bb24;
-						try {
+		const handleMessage = async (event) => {
+			const message = event.data;
+			if (!isPreviewAdminMessage(message)) return;
+			switch (message.type) {
+				case "PREVIEW_REFRESH":
+					await onRefreshRef.current();
+					setDraftData(cloneSnapshot(initialDataRef.current));
+					window.parent.postMessage({
+						type: "REFRESH_COMPLETE",
+						timestamp: Date.now()
+					}, "*");
+					break;
+				case "SELECT_BLOCK":
+					setSelectedBlockId((current) => current === message.blockId ? current : message.blockId);
+					break;
+				case "FOCUS_FIELD":
+					setFocusedField((current) => current === message.fieldPath ? current : message.fieldPath);
+					scheduleFocusScroll(message.fieldPath);
+					break;
+				case "INIT_SNAPSHOT":
+					lastAppliedSeqRef.current = message.seq;
+					setDraftData(cloneSnapshot(message.data));
+					break;
+				case "PATCH_BATCH":
+					if (!shouldApplyPatchBatch(lastAppliedSeqRef.current, message.seq)) break;
+					try {
+						React.startTransition(() => {
 							setDraftData((current) => applyPatchBatchImmutable(current, message.ops));
-							lastAppliedSeqRef.current = message.seq;
-							window.parent.postMessage({
-								type: "PATCH_APPLIED",
-								seq: message.seq,
-								snapshotVersion: message.snapshotVersion
-							}, "*");
-						} catch (t10$1) {
-							const error = t10$1;
-							window.parent.postMessage({
-								type: "RESYNC_REQUEST",
-								reason: error instanceof Error ? error.message : "Failed to apply preview patch batch"
-							}, "*");
-						}
-						break bb24;
-					case "COMMIT":
+						});
 						lastAppliedSeqRef.current = message.seq;
-						setDraftData(cloneSnapshot(message.data));
-						break bb24;
-					case "FULL_RESYNC":
-						await onRefreshRef.current();
-						setDraftData(cloneSnapshot(initialDataRef.current));
 						window.parent.postMessage({
-							type: "REFRESH_COMPLETE",
-							timestamp: Date.now()
+							type: "PATCH_APPLIED",
+							seq: message.seq,
+							snapshotVersion: message.snapshotVersion
 						}, "*");
-				}
-			};
-			window.addEventListener("message", handleMessage);
-			return () => window.removeEventListener("message", handleMessage);
-		};
-		t9 = [isPreviewMode];
-		$[10] = isPreviewMode;
-		$[11] = t8;
-		$[12] = t9;
-	} else {
-		t8 = $[11];
-		t9 = $[12];
-	}
-	React.useEffect(t8, t9);
-	let t10;
-	if ($[13] !== isPreviewMode) {
-		t10 = (fieldPath, context) => {
-			if (isPreviewMode) window.parent.postMessage({
-				type: "FIELD_CLICKED",
-				fieldPath,
-				blockId: context?.blockId,
-				fieldType: context?.fieldType
-			}, "*");
-		};
-		$[13] = isPreviewMode;
-		$[14] = t10;
-	} else t10 = $[14];
-	const handleFieldClick = t10;
-	let t11;
-	if ($[15] !== isPreviewMode) {
-		t11 = (blockId) => {
-			if (isPreviewMode) window.parent.postMessage({
-				type: "BLOCK_CLICKED",
-				blockId
-			}, "*");
+					} catch (error) {
+						window.parent.postMessage({
+							type: "RESYNC_REQUEST",
+							reason: error instanceof Error ? error.message : "Failed to apply preview patch batch"
+						}, "*");
+					}
+					break;
+				case "COMMIT":
+					lastAppliedSeqRef.current = message.seq;
+					setDraftData(cloneSnapshot(message.data));
+					break;
+				case "FULL_RESYNC":
+					await onRefreshRef.current();
+					setDraftData(cloneSnapshot(initialDataRef.current));
+					window.parent.postMessage({
+						type: "REFRESH_COMPLETE",
+						timestamp: Date.now()
+					}, "*");
+					break;
+			}
 		};
-		$[15] = isPreviewMode;
-		$[16] = t11;
-	} else t11 = $[16];
-	const handleBlockClick = t11;
-	let t12;
-	if ($[17] !== isPreviewMode) {
-		t12 = (payload) => {
-			if (isPreviewMode) window.parent.postMessage({
-				type: "FIELD_VALUE_EDITED",
-				...payload
-			}, "*");
+		window.addEventListener("message", handleMessage);
+		return () => {
+			window.removeEventListener("message", handleMessage);
+			if (focusScrollTimerRef.current !== null) {
+				window.clearTimeout(focusScrollTimerRef.current);
+				focusScrollTimerRef.current = null;
+			}
 		};
-		$[17] = isPreviewMode;
-		$[18] = t12;
-	} else t12 = $[18];
-	const handleFieldValueEdited = t12;
-	let t13;
-	if ($[19] !== isPreviewMode) {
-		t13 = (payload_0) => {
+	}, [isPreviewMode]);
+	const handleFieldClick = React.useCallback((fieldPath, context) => {
+		if (isPreviewMode) window.parent.postMessage({
+			type: "FIELD_CLICKED",
+			fieldPath,
+			blockId: context?.blockId,
+			fieldType: context?.fieldType
+		}, "*");
+	}, [isPreviewMode]);
+	const handleBlockClick = React.useCallback((blockId) => {
+		if (isPreviewMode) window.parent.postMessage({
+			type: "BLOCK_CLICKED",
+			blockId
+		}, "*");
+	}, [isPreviewMode]);
+	const handleFieldValueEdited = React.useCallback((payload) => {
+		if (isPreviewMode) window.parent.postMessage({
+			type: "FIELD_VALUE_EDITED",
+			...payload
+		}, "*");
+	}, [isPreviewMode]);
+	return {
+		data: draftData,
+		isPreviewMode,
+		selectedBlockId,
+		focusedField,
+		handleFieldClick,
+		handleBlockClick,
+		handleBlockInsert: React.useCallback((payload) => {
 			if (isPreviewMode) window.parent.postMessage({
 				type: "BLOCK_INSERT_REQUESTED",
-				...payload_0
+				...payload
 			}, "*");
-		};
-		$[19] = isPreviewMode;
-		$[20] = t13;
-	} else t13 = $[20];
-	const handleBlockInsert = t13;
-	let t14;
-	if ($[21] !== draftData || $[22] !== focusedField || $[23] !== handleBlockClick || $[24] !== handleBlockInsert || $[25] !== handleFieldClick || $[26] !== handleFieldValueEdited || $[27] !== isPreviewMode || $[28] !== selectedBlockId) {
-		t14 = {
-			data: draftData,
-			isPreviewMode,
-			selectedBlockId,
-			focusedField,
-			handleFieldClick,
-			handleBlockClick,
-			handleBlockInsert,
-			handleFieldValueEdited
-		};
-		$[21] = draftData;
-		$[22] = focusedField;
-		$[23] = handleBlockClick;
-		$[24] = handleBlockInsert;
-		$[25] = handleFieldClick;
-		$[26] = handleFieldValueEdited;
-		$[27] = isPreviewMode;
-		$[28] = selectedBlockId;
-		$[29] = t14;
-	} else t14 = $[29];
-	return t14;
+		}, [isPreviewMode]),
+		handleFieldValueEdited
+	};
 }
 function isPreviewAdminMessage(data) {
 	if (!data || typeof data !== "object") return false;
@@ -282,6 +203,19 @@ function findPreviewFieldElement(fieldPath) {
 	const escaped = typeof CSS !== "undefined" && typeof CSS.escape === "function" ? CSS.escape(fieldPath) : fieldPath.replace(/\\/g, "\\\\").replace(/"/g, "\\\"");
 	return document.querySelector(`[data-preview-field="${escaped}"]`);
 }
+function shouldSkipPreviewAutoScroll(element) {
+	const activeElement = document.activeElement;
+	if (activeElement && element.contains(activeElement)) return true;
+	return element instanceof HTMLElement && element.dataset.previewEditing === "true";
+}
+function isElementNearViewport(element) {
+	const rect = element.getBoundingClientRect();
+	const viewportHeight = window.innerHeight || document.documentElement.clientHeight;
+	const viewportWidth = window.innerWidth || document.documentElement.clientWidth;
+	const verticalMargin = Math.min(120, viewportHeight * .2);
+	const horizontalMargin = Math.min(120, viewportWidth * .2);
+	return rect.bottom >= -verticalMargin && rect.top <= viewportHeight + verticalMargin && rect.right >= -horizontalMargin && rect.left <= viewportWidth + horizontalMargin;
+}
 
 //#endregion
 export { useCollectionPreview };

package/dist/client/runtime/content-locales-provider.mjs

@@ -1,5 +1,4 @@
 import { selectClient, useAdminStore } from "./provider.mjs";
-import { c } from "react/compiler-runtime";
 import { createContext, useContext } from "react";
 import { useQuery } from "@tanstack/react-query";
 import { DEFAULT_LOCALE } from "questpie/shared";
@@ -37,92 +36,41 @@ const DEFAULT_LOCALES = {
 * </AdminProvider>
 * ```
 */
-function ContentLocalesProvider(t0) {
-	const $ = c(20);
-	const { children } = t0;
+function ContentLocalesProvider({ children }) {
 	const client = useAdminStore(selectClient);
-	let t1;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t1 = ["questpie", "contentLocales"];
-		$[0] = t1;
-	} else t1 = $[0];
-	let t2;
-	if ($[1] !== client) {
-		t2 = {
-			queryKey: t1,
-			queryFn: async () => {
-				try {
-					return await client.routes.getContentLocales({});
-				} catch {
-					return DEFAULT_LOCALES;
-				}
-			},
-			staleTime: 3e5,
-			gcTime: 6e5
-		};
-		$[1] = client;
-		$[2] = t2;
-	} else t2 = $[2];
-	const { data, isLoading, error } = useQuery(t2);
+	const { data, isLoading, error } = useQuery({
+		queryKey: ["questpie", "contentLocales"],
+		queryFn: async () => {
+			try {
+				return await client.routes.getContentLocales({});
+			} catch {
+				return DEFAULT_LOCALES;
+			}
+		},
+		staleTime: 300 * 1e3,
+		gcTime: 600 * 1e3
+	});
 	const localesData = data ?? DEFAULT_LOCALES;
-	const t3 = localesData.locales.length > 1;
-	const t4 = error;
-	let t5;
-	let t6;
-	if ($[3] !== localesData.locales) {
-		t5 = (code) => {
+	const value = {
+		...localesData,
+		isLocalized: localesData.locales.length > 1,
+		isLoading,
+		error,
+		getLocaleLabel: (code) => {
 			return localesData.locales.find((l) => l.code === code)?.label ?? code.toUpperCase();
-		};
-		t6 = (code_0) => localesData.locales.some((l_0) => l_0.code === code_0);
-		$[3] = localesData.locales;
-		$[4] = t5;
-		$[5] = t6;
-	} else {
-		t5 = $[4];
-		t6 = $[5];
-	}
-	let t7;
-	if ($[6] !== localesData.defaultLocale || $[7] !== localesData.fallbacks) {
-		t7 = (code_1) => {
-			if (localesData.fallbacks?.[code_1]) return localesData.fallbacks[code_1];
+		},
+		isValidLocale: (code) => {
+			return localesData.locales.some((l) => l.code === code);
+		},
+		getFallbackLocale: (code) => {
+			if (localesData.fallbacks?.[code]) return localesData.fallbacks[code];
 			return localesData.defaultLocale;
-		};
-		$[6] = localesData.defaultLocale;
-		$[7] = localesData.fallbacks;
-		$[8] = t7;
-	} else t7 = $[8];
-	let t8;
-	if ($[9] !== isLoading || $[10] !== localesData || $[11] !== t3 || $[12] !== t4 || $[13] !== t5 || $[14] !== t6 || $[15] !== t7) {
-		t8 = {
-			...localesData,
-			isLocalized: t3,
-			isLoading,
-			error: t4,
-			getLocaleLabel: t5,
-			isValidLocale: t6,
-			getFallbackLocale: t7
-		};
-		$[9] = isLoading;
-		$[10] = localesData;
-		$[11] = t3;
-		$[12] = t4;
-		$[13] = t5;
-		$[14] = t6;
-		$[15] = t7;
-		$[16] = t8;
-	} else t8 = $[16];
-	const value = t8;
-	let t9;
-	if ($[17] !== children || $[18] !== value) {
-		t9 = /* @__PURE__ */ jsx(ContentLocalesContext.Provider, {
-			value,
-			children
-		});
-		$[17] = children;
-		$[18] = value;
-		$[19] = t9;
-	} else t9 = $[19];
-	return t9;
+		}
+	};
+	return /* @__PURE__ */ jsx(ContentLocalesContext.Provider, {
+		value,
+		children
+	});
 }
 /**
 * Safely get content locales from context.

package/dist/client/runtime/locale-scope.mjs

@@ -1,5 +1,4 @@
 import { selectContentLocale, selectSetContentLocale, useAdminStore } from "./provider.mjs";
-import { c } from "react/compiler-runtime";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 
@@ -27,81 +26,41 @@ const LocaleScopeContext = React.createContext(null);
 * Provides an isolated locale scope for nested forms.
 * Locale changes inside this provider don't affect the global state.
 */
-function LocaleScopeProvider(t0) {
-	const $ = c(9);
-	const { children, initialLocale } = t0;
+function LocaleScopeProvider({ children, initialLocale }) {
 	const globalLocale = useAdminStore(selectContentLocale);
 	const [scopedLocale, setScopedLocale] = React.useState(initialLocale ?? globalLocale);
 	const hasModifiedRef = React.useRef(false);
-	let t1;
-	let t2;
-	if ($[0] !== globalLocale) {
-		t1 = () => {
-			if (!hasModifiedRef.current) setScopedLocale(globalLocale);
-		};
-		t2 = [globalLocale];
-		$[0] = globalLocale;
-		$[1] = t1;
-		$[2] = t2;
-	} else {
-		t1 = $[1];
-		t2 = $[2];
-	}
-	React.useEffect(t1, t2);
-	let t3;
-	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-		t3 = (locale) => {
-			hasModifiedRef.current = true;
-			setScopedLocale(locale);
-		};
-		$[3] = t3;
-	} else t3 = $[3];
-	const setLocale = t3;
-	let t4;
-	if ($[4] !== scopedLocale) {
-		t4 = {
-			locale: scopedLocale,
-			setLocale,
-			isScoped: true
-		};
-		$[4] = scopedLocale;
-		$[5] = t4;
-	} else t4 = $[5];
-	const value = t4;
-	let t5;
-	if ($[6] !== children || $[7] !== value) {
-		t5 = /* @__PURE__ */ jsx(LocaleScopeContext.Provider, {
-			value,
-			children
-		});
-		$[6] = children;
-		$[7] = value;
-		$[8] = t5;
-	} else t5 = $[8];
-	return t5;
+	React.useEffect(() => {
+		if (!hasModifiedRef.current) setScopedLocale(globalLocale);
+	}, [globalLocale]);
+	const setLocale = React.useCallback((locale) => {
+		hasModifiedRef.current = true;
+		setScopedLocale(locale);
+	}, []);
+	const value = React.useMemo(() => ({
+		locale: scopedLocale,
+		setLocale,
+		isScoped: true
+	}), [scopedLocale, setLocale]);
+	return /* @__PURE__ */ jsx(LocaleScopeContext.Provider, {
+		value,
+		children
+	});
 }
 /**
 * Returns scoped locale if in a LocaleScopeProvider, otherwise global locale.
 * Use this in components that need locale-aware behavior (FieldWrapper, FormView).
 */
 function useScopedLocale() {
-	const $ = c(3);
 	const scopedContext = React.useContext(LocaleScopeContext);
 	const globalLocale = useAdminStore(selectContentLocale);
 	const globalSetLocale = useAdminStore(selectSetContentLocale);
 	if (scopedContext) return scopedContext;
-	let t0;
-	if ($[0] !== globalLocale || $[1] !== globalSetLocale) {
-		t0 = {
-			locale: globalLocale,
-			setLocale: globalSetLocale,
-			isScoped: false
-		};
-		$[0] = globalLocale;
-		$[1] = globalSetLocale;
-		$[2] = t0;
-	} else t0 = $[2];
-	return t0;
+	return {
+		locale: globalLocale,
+		setLocale: globalSetLocale,
+		isScoped: false
+	};
 }
 
 //#endregion