@questpie/admin 3.1.0 → 3.2.1

package/dist/client/preview/preview-field.mjs

@@ -19,36 +19,43 @@ const PreviewContext = React.createContext(null);
 * Use this at the root of your preview page.
 */
 function PreviewProvider(t0) {
-	const $ = c(7);
-	const { isPreviewMode, focusedField, onFieldClick, children } = t0;
-	let t1;
-	if ($[0] !== focusedField || $[1] !== isPreviewMode || $[2] !== onFieldClick) {
-		t1 = {
-			isPreviewMode,
-			focusedField,
-			handleFieldClick: onFieldClick
+	const $ = c(8);
+	const { preview, isPreviewMode, focusedField, onFieldClick, onFieldValueEdited, children } = t0;
+	const t1 = preview?.isPreviewMode ?? isPreviewMode ?? false;
+	const t2 = preview?.focusedField ?? focusedField ?? null;
+	const t3 = preview?.handleFieldClick ?? onFieldClick ?? _temp;
+	const t4 = preview?.handleFieldValueEdited ?? onFieldValueEdited;
+	let t5;
+	if ($[0] !== t1 || $[1] !== t2 || $[2] !== t3 || $[3] !== t4) {
+		t5 = {
+			isPreviewMode: t1,
+			focusedField: t2,
+			handleFieldClick: t3,
+			handleFieldValueEdited: t4
 		};
-		$[0] = focusedField;
-		$[1] = isPreviewMode;
-		$[2] = onFieldClick;
-		$[3] = t1;
-	} else t1 = $[3];
-	const value = t1;
-	let t2;
-	if ($[4] !== children || $[5] !== value) {
-		t2 = /* @__PURE__ */ jsx(PreviewContext.Provider, {
+		$[0] = t1;
+		$[1] = t2;
+		$[2] = t3;
+		$[3] = t4;
+		$[4] = t5;
+	} else t5 = $[4];
+	const value = t5;
+	let t6;
+	if ($[5] !== children || $[6] !== value) {
+		t6 = /* @__PURE__ */ jsx(PreviewContext.Provider, {
 			value,
 			children
 		});
-		$[4] = children;
-		$[5] = value;
-		$[6] = t2;
-	} else t2 = $[6];
-	return t2;
+		$[5] = children;
+		$[6] = value;
+		$[7] = t6;
+	} else t6 = $[7];
+	return t6;
 }
 /**
 * Hook to access preview context.
 */
+function _temp() {}
 function usePreviewContext() {
 	return React.useContext(PreviewContext);
 }
@@ -77,8 +84,8 @@ function usePreviewContext() {
 * ```
 */
 function PreviewField(t0) {
-	const $ = c(21);
-	const { field, fieldType: t1, children, as: t2, className, onClick } = t0;
+	const $ = c(17);
+	const { field, fieldType: t1, editable, children, as: t2, className, style, onClick, onValueCommit } = t0;
 	const fieldType = t1 === void 0 ? "regular" : t1;
 	const Component = t2 === void 0 ? "div" : t2;
 	const context = usePreviewContext();
@@ -86,69 +93,52 @@ function PreviewField(t0) {
 	const fullPath = useResolveFieldPath(field);
 	if (!context?.isPreviewMode) {
 		let t3$1;
-		if ($[0] !== Component || $[1] !== children || $[2] !== className) {
+		if ($[0] !== Component || $[1] !== children || $[2] !== className || $[3] !== style) {
 			t3$1 = /* @__PURE__ */ jsx(Component, {
 				className,
+				style,
 				children
 			});
 			$[0] = Component;
 			$[1] = children;
 			$[2] = className;
-			$[3] = t3$1;
-		} else t3$1 = $[3];
+			$[3] = style;
+			$[4] = t3$1;
+		} else t3$1 = $[4];
 		return t3$1;
 	}
-	const { handleFieldClick, focusedField } = context;
-	const isFocused = focusedField === fullPath;
-	let t3;
-	if ($[4] !== blockScope?.blockId || $[5] !== fieldType || $[6] !== fullPath || $[7] !== handleFieldClick || $[8] !== onClick) {
-		t3 = (e) => {
-			e.stopPropagation();
-			if (onClick) onClick(fullPath, {
-				blockId: blockScope?.blockId,
-				fieldType
-			});
-			else handleFieldClick(fullPath, {
-				blockId: blockScope?.blockId,
-				fieldType
-			});
-		};
-		$[4] = blockScope?.blockId;
-		$[5] = fieldType;
-		$[6] = fullPath;
-		$[7] = handleFieldClick;
-		$[8] = onClick;
-		$[9] = t3;
-	} else t3 = $[9];
-	const handleClick = t3;
-	const t4 = blockScope?.blockId;
-	const t5 = isFocused && "outline-primary outline outline-2 outline-offset-2";
-	let t6;
-	if ($[10] !== className || $[11] !== t5) {
-		t6 = cn(className, "group relative cursor-pointer transition-[outline-color,outline-offset] duration-150", "hover:outline-primary/60 hover:hover:outline hover:outline-2 hover:outline-offset-2 hover:outline-dashed", t5);
-		$[10] = className;
-		$[11] = t5;
-		$[12] = t6;
-	} else t6 = $[12];
+	const t3 = blockScope?.blockId;
+	const t4 = context.focusedField === fullPath;
+	const t5 = onClick ?? context.handleFieldClick;
+	const t6 = onValueCommit ?? context.handleFieldValueEdited;
 	let t7;
-	if ($[13] !== Component || $[14] !== children || $[15] !== fieldType || $[16] !== fullPath || $[17] !== handleClick || $[18] !== t4 || $[19] !== t6) {
-		t7 = /* @__PURE__ */ jsx(Component, {
-			"data-preview-field": fullPath,
-			"data-block-id": t4,
-			"data-field-type": fieldType,
-			onClick: handleClick,
-			className: t6,
+	if ($[5] !== Component || $[6] !== children || $[7] !== className || $[8] !== editable || $[9] !== fieldType || $[10] !== fullPath || $[11] !== style || $[12] !== t3 || $[13] !== t4 || $[14] !== t5 || $[15] !== t6) {
+		t7 = /* @__PURE__ */ jsx(PreviewFieldElement, {
+			Component,
+			blockId: t3,
+			className,
+			editable,
+			fieldType,
+			fullPath,
+			isFocused: t4,
+			onClick: t5,
+			onValueCommit: t6,
+			style,
 			children
 		});
-		$[13] = Component;
-		$[14] = children;
-		$[15] = fieldType;
-		$[16] = fullPath;
-		$[17] = handleClick;
-		$[18] = t4;
-		$[19] = t6;
-		$[20] = t7;
-	} else t7 = $[20];
+		$[5] = Component;
+		$[6] = children;
+		$[7] = className;
+		$[8] = editable;
+		$[9] = fieldType;
+		$[10] = fullPath;
+		$[11] = style;
+		$[12] = t3;
+		$[13] = t4;
+		$[14] = t5;
+		$[15] = t6;
+		$[16] = t7;
+	} else t7 = $[16];
 	return t7;
 }
 /**
@@ -156,71 +146,348 @@ function PreviewField(t0) {
 * Useful when you can't use PreviewProvider.
 */
 function StandalonePreviewField(t0) {
-	const $ = c(20);
-	const { field, fieldType: t1, children, as: t2, className, isPreviewMode, isFocused, onFieldClick } = t0;
+	const $ = c(17);
+	const { field, fieldType: t1, editable, children, as: t2, className, style, isPreviewMode, isFocused, onFieldClick, onValueCommit } = t0;
 	const fieldType = t1 === void 0 ? "regular" : t1;
 	const Component = t2 === void 0 ? "div" : t2;
 	const blockScope = useBlockScope();
 	const fullPath = useResolveFieldPath(field);
 	if (!isPreviewMode) {
 		let t3$1;
-		if ($[0] !== Component || $[1] !== children || $[2] !== className) {
+		if ($[0] !== Component || $[1] !== children || $[2] !== className || $[3] !== style) {
 			t3$1 = /* @__PURE__ */ jsx(Component, {
 				className,
+				style,
 				children
 			});
 			$[0] = Component;
 			$[1] = children;
 			$[2] = className;
-			$[3] = t3$1;
-		} else t3$1 = $[3];
+			$[3] = style;
+			$[4] = t3$1;
+		} else t3$1 = $[4];
 		return t3$1;
 	}
-	let t3;
-	if ($[4] !== blockScope?.blockId || $[5] !== fieldType || $[6] !== fullPath || $[7] !== onFieldClick) {
-		t3 = (e) => {
-			e.stopPropagation();
-			onFieldClick(fullPath, {
-				blockId: blockScope?.blockId,
-				fieldType
-			});
+	const t3 = blockScope?.blockId;
+	const t4 = !!isFocused;
+	let t5;
+	if ($[5] !== Component || $[6] !== children || $[7] !== className || $[8] !== editable || $[9] !== fieldType || $[10] !== fullPath || $[11] !== onFieldClick || $[12] !== onValueCommit || $[13] !== style || $[14] !== t3 || $[15] !== t4) {
+		t5 = /* @__PURE__ */ jsx(PreviewFieldElement, {
+			Component,
+			blockId: t3,
+			className,
+			editable,
+			fieldType,
+			fullPath,
+			isFocused: t4,
+			onClick: onFieldClick,
+			onValueCommit,
+			style,
+			children
+		});
+		$[5] = Component;
+		$[6] = children;
+		$[7] = className;
+		$[8] = editable;
+		$[9] = fieldType;
+		$[10] = fullPath;
+		$[11] = onFieldClick;
+		$[12] = onValueCommit;
+		$[13] = style;
+		$[14] = t3;
+		$[15] = t4;
+		$[16] = t5;
+	} else t5 = $[16];
+	return t5;
+}
+function PreviewFieldElement(t0) {
+	const $ = c(66);
+	const { Component, blockId, children, className, editable, fieldType, fullPath, isFocused, onClick, onValueCommit, style } = t0;
+	const [isEditing, setIsEditing] = React.useState(false);
+	const [draftValue, setDraftValue] = React.useState("");
+	const [isHovered, setIsHovered] = React.useState(false);
+	const [hasDomFocus, setHasDomFocus] = React.useState(false);
+	const inputRef = React.useRef(null);
+	const isEditable = editable === "text" || editable === "textarea";
+	const shouldShowAffordance = isHovered || hasDomFocus || isFocused || isEditing;
+	const t1 = shouldShowAffordance ? "var(--ring, var(--highlight, #b700ff))" : "transparent";
+	const t2 = shouldShowAffordance ? `0 0 0 ${isEditing ? 5 : 4}px color-mix(in srgb, var(--ring, var(--highlight, #b700ff)) ${isEditing ? 24 : 16}%, transparent)` : void 0;
+	const t3 = isEditable ? "text" : "pointer";
+	let t4;
+	if ($[0] !== style || $[1] !== t1 || $[2] !== t2 || $[3] !== t3) {
+		t4 = {
+			outlineColor: t1,
+			outlineOffset: "2px",
+			outlineStyle: "solid",
+			outlineWidth: "2px",
+			boxShadow: t2,
+			borderRadius: "2px",
+			cursor: t3,
+			transition: "outline-color 150ms ease, box-shadow 150ms ease, background-color 150ms ease",
+			...style
 		};
-		$[4] = blockScope?.blockId;
-		$[5] = fieldType;
-		$[6] = fullPath;
-		$[7] = onFieldClick;
-		$[8] = t3;
-	} else t3 = $[8];
-	const handleClick = t3;
-	const t4 = blockScope?.blockId;
-	const t5 = isFocused && "outline-primary outline outline-2 outline-offset-2";
+		$[0] = style;
+		$[1] = t1;
+		$[2] = t2;
+		$[3] = t3;
+		$[4] = t4;
+	} else t4 = $[4];
+	const previewStyle = t4;
+	let t5;
 	let t6;
-	if ($[9] !== className || $[10] !== t5) {
-		t6 = cn(className, "group relative cursor-pointer transition-[outline-color,outline-offset] duration-150", "hover:outline-primary/60 hover:hover:outline hover:outline-2 hover:outline-offset-2 hover:outline-dashed", t5);
-		$[9] = className;
-		$[10] = t5;
-		$[11] = t6;
-	} else t6 = $[11];
+	if ($[5] !== isEditing) {
+		t5 = () => {
+			if (isEditing) {
+				inputRef.current?.focus();
+				inputRef.current?.select();
+			}
+		};
+		t6 = [isEditing];
+		$[5] = isEditing;
+		$[6] = t5;
+		$[7] = t6;
+	} else {
+		t5 = $[6];
+		t6 = $[7];
+	}
+	React.useEffect(t5, t6);
 	let t7;
-	if ($[12] !== Component || $[13] !== children || $[14] !== fieldType || $[15] !== fullPath || $[16] !== handleClick || $[17] !== t4 || $[18] !== t6) {
-		t7 = /* @__PURE__ */ jsx(Component, {
+	if ($[8] !== children || $[9] !== isEditable) {
+		t7 = () => {
+			if (!isEditable) return;
+			setDraftValue(childrenToEditableValue(children));
+			setIsEditing(true);
+		};
+		$[8] = children;
+		$[9] = isEditable;
+		$[10] = t7;
+	} else t7 = $[10];
+	const startEditing = t7;
+	let t8;
+	if ($[11] !== blockId || $[12] !== fieldType || $[13] !== fullPath || $[14] !== onClick) {
+		t8 = () => {
+			onClick(fullPath, {
+				blockId,
+				fieldType
+			});
+		};
+		$[11] = blockId;
+		$[12] = fieldType;
+		$[13] = fullPath;
+		$[14] = onClick;
+		$[15] = t8;
+	} else t8 = $[15];
+	const routeClick = t8;
+	let t9;
+	if ($[16] !== blockId || $[17] !== draftValue || $[18] !== editable || $[19] !== fieldType || $[20] !== fullPath || $[21] !== isEditing || $[22] !== onValueCommit) {
+		t9 = () => {
+			if (!isEditing || !editable) return;
+			const payload = {
+				path: fullPath,
+				value: draftValue,
+				inputKind: editable,
+				blockId,
+				fieldType
+			};
+			if (onValueCommit) onValueCommit(payload);
+			else postFieldValueEdited(payload);
+			setIsEditing(false);
+		};
+		$[16] = blockId;
+		$[17] = draftValue;
+		$[18] = editable;
+		$[19] = fieldType;
+		$[20] = fullPath;
+		$[21] = isEditing;
+		$[22] = onValueCommit;
+		$[23] = t9;
+	} else t9 = $[23];
+	const commitEdit = t9;
+	let t10;
+	if ($[24] !== children) {
+		t10 = () => {
+			setIsEditing(false);
+			setDraftValue(childrenToEditableValue(children));
+		};
+		$[24] = children;
+		$[25] = t10;
+	} else t10 = $[25];
+	const cancelEdit = t10;
+	let t11;
+	if ($[26] !== isEditing || $[27] !== routeClick) {
+		t11 = (event) => {
+			event.preventDefault();
+			event.stopPropagation();
+			if (!isEditing) routeClick();
+		};
+		$[26] = isEditing;
+		$[27] = routeClick;
+		$[28] = t11;
+	} else t11 = $[28];
+	const handleClick = t11;
+	let t12;
+	if ($[29] !== startEditing) {
+		t12 = (event_0) => {
+			event_0.preventDefault();
+			event_0.stopPropagation();
+			startEditing();
+		};
+		$[29] = startEditing;
+		$[30] = t12;
+	} else t12 = $[30];
+	const handleDoubleClick = t12;
+	let t13;
+	if ($[31] !== cancelEdit || $[32] !== commitEdit || $[33] !== editable || $[34] !== isEditable || $[35] !== isEditing || $[36] !== routeClick || $[37] !== startEditing) {
+		t13 = (event_1) => {
+			event_1.stopPropagation();
+			if (!isEditing) {
+				if (event_1.key === "Enter" && isEditable) {
+					event_1.preventDefault();
+					routeClick();
+					startEditing();
+				}
+				return;
+			}
+			if (event_1.key === "Escape") {
+				event_1.preventDefault();
+				cancelEdit();
+				return;
+			}
+			if (editable === "text" && event_1.key === "Enter") {
+				event_1.preventDefault();
+				commitEdit();
+				return;
+			}
+			if (editable === "textarea" && event_1.key === "Enter" && (event_1.metaKey || event_1.ctrlKey)) {
+				event_1.preventDefault();
+				commitEdit();
+			}
+		};
+		$[31] = cancelEdit;
+		$[32] = commitEdit;
+		$[33] = editable;
+		$[34] = isEditable;
+		$[35] = isEditing;
+		$[36] = routeClick;
+		$[37] = startEditing;
+		$[38] = t13;
+	} else t13 = $[38];
+	const handleKeyDown = t13;
+	let t14;
+	if ($[39] !== commitEdit || $[40] !== draftValue || $[41] !== editable || $[42] !== handleKeyDown) {
+		t14 = editable === "textarea" ? /* @__PURE__ */ jsx("textarea", {
+			ref: inputRef,
+			value: draftValue,
+			onChange: (event_2) => setDraftValue(event_2.target.value),
+			onBlur: commitEdit,
+			onClick: _temp2,
+			onKeyDown: handleKeyDown,
+			className: "min-h-[4lh] w-full resize-y bg-transparent p-0 [letter-spacing:inherit] text-inherit outline-none [font:inherit]"
+		}) : /* @__PURE__ */ jsx("input", {
+			ref: inputRef,
+			type: "text",
+			value: draftValue,
+			onChange: (event_4) => setDraftValue(event_4.target.value),
+			onBlur: commitEdit,
+			onClick: _temp3,
+			onKeyDown: handleKeyDown,
+			className: "w-full bg-transparent p-0 [letter-spacing:inherit] text-inherit outline-none [font:inherit]"
+		});
+		$[39] = commitEdit;
+		$[40] = draftValue;
+		$[41] = editable;
+		$[42] = handleKeyDown;
+		$[43] = t14;
+	} else t14 = $[43];
+	const editor = t14;
+	const t15 = isEditing ? "true" : void 0;
+	let t16;
+	let t17;
+	let t18;
+	let t19;
+	if ($[44] === Symbol.for("react.memo_cache_sentinel")) {
+		t16 = () => setIsHovered(true);
+		t17 = () => setIsHovered(false);
+		t18 = () => setHasDomFocus(true);
+		t19 = () => setHasDomFocus(false);
+		$[44] = t16;
+		$[45] = t17;
+		$[46] = t18;
+		$[47] = t19;
+	} else {
+		t16 = $[44];
+		t17 = $[45];
+		t18 = $[46];
+		t19 = $[47];
+	}
+	const t20 = isEditable && "cursor-text";
+	const t21 = isFocused && "outline-primary shadow-[0_0_0_4px_hsl(var(--primary)/0.14)]";
+	const t22 = isEditing && "outline-primary bg-background/80 shadow-[0_0_0_4px_hsl(var(--primary)/0.18)]";
+	let t23;
+	if ($[48] !== className || $[49] !== t20 || $[50] !== t21 || $[51] !== t22) {
+		t23 = cn(className, "group/preview-field relative rounded-[2px] transition-[box-shadow,outline-color,outline-offset] duration-150", "cursor-pointer outline outline-2 outline-offset-2 outline-transparent", "hover:outline-primary/50 hover:shadow-[0_0_0_4px_hsl(var(--primary)/0.10)]", "focus-visible:outline-primary/70 focus-visible:shadow-[0_0_0_4px_hsl(var(--primary)/0.12)]", t20, t21, t22);
+		$[48] = className;
+		$[49] = t20;
+		$[50] = t21;
+		$[51] = t22;
+		$[52] = t23;
+	} else t23 = $[52];
+	const t24 = isEditing ? editor : children;
+	let t25;
+	if ($[53] !== Component || $[54] !== blockId || $[55] !== editable || $[56] !== fieldType || $[57] !== fullPath || $[58] !== handleClick || $[59] !== handleDoubleClick || $[60] !== handleKeyDown || $[61] !== previewStyle || $[62] !== t15 || $[63] !== t23 || $[64] !== t24) {
+		t25 = /* @__PURE__ */ jsx(Component, {
 			"data-preview-field": fullPath,
-			"data-block-id": t4,
+			"data-block-id": blockId,
 			"data-field-type": fieldType,
+			"data-preview-editable": editable,
+			"data-preview-editing": t15,
+			tabIndex: 0,
 			onClick: handleClick,
-			className: t6,
-			children
+			onDoubleClick: handleDoubleClick,
+			onKeyDown: handleKeyDown,
+			onMouseEnter: t16,
+			onMouseLeave: t17,
+			onFocus: t18,
+			onBlur: t19,
+			style: previewStyle,
+			className: t23,
+			children: t24
 		});
-		$[12] = Component;
-		$[13] = children;
-		$[14] = fieldType;
-		$[15] = fullPath;
-		$[16] = handleClick;
-		$[17] = t4;
-		$[18] = t6;
-		$[19] = t7;
-	} else t7 = $[19];
-	return t7;
+		$[53] = Component;
+		$[54] = blockId;
+		$[55] = editable;
+		$[56] = fieldType;
+		$[57] = fullPath;
+		$[58] = handleClick;
+		$[59] = handleDoubleClick;
+		$[60] = handleKeyDown;
+		$[61] = previewStyle;
+		$[62] = t15;
+		$[63] = t23;
+		$[64] = t24;
+		$[65] = t25;
+	} else t25 = $[65];
+	return t25;
+}
+function _temp3(event_5) {
+	return event_5.stopPropagation();
+}
+function _temp2(event_3) {
+	return event_3.stopPropagation();
+}
+function childrenToEditableValue(children) {
+	if (children === null || children === void 0 || typeof children === "boolean") return "";
+	if (typeof children === "string" || typeof children === "number") return String(children);
+	if (Array.isArray(children)) return children.map(childrenToEditableValue).join("");
+	if (React.isValidElement(children)) return childrenToEditableValue(children.props.children);
+	return "";
+}
+function postFieldValueEdited(payload) {
+	if (typeof window === "undefined" || !window.parent) return;
+	window.parent.postMessage({
+		type: "FIELD_VALUE_EDITED",
+		...payload
+	}, "*");
 }
 
 //#endregion

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

@@ -29,10 +29,50 @@ type FocusFieldMessage = {
   /** Field path to focus (supports full scoped paths) */
   fieldPath: string;
 };
+/**
+ * Single preview draft patch operation.
+ */
+type PreviewPatchOp = {
+  op: "set" | "remove";
+  path: string;
+  value?: unknown;
+};
+/**
+ * Seed preview with a full draft snapshot.
+ */
+type InitSnapshotMessage = {
+  type: "INIT_SNAPSHOT";
+  seq: number;
+  data: unknown;
+};
+/**
+ * Apply a batch of draft changes.
+ */
+type PatchBatchMessage = {
+  type: "PATCH_BATCH";
+  seq: number;
+  ops: PreviewPatchOp[];
+  snapshotVersion?: number;
+};
+/**
+ * Replace preview draft after a successful save.
+ */
+type CommitMessage = {
+  type: "COMMIT";
+  seq: number;
+  data: unknown;
+};
+/**
+ * Ask preview to discard its draft and reload from the canonical loader.
+ */
+type FullResyncMessage = {
+  type: "FULL_RESYNC";
+  reason?: string;
+};
 /**
  * All messages from Admin to Preview.
  */
-type AdminToPreviewMessage = PreviewRefreshMessage | SelectBlockMessage | FocusFieldMessage;
+type AdminToPreviewMessage = PreviewRefreshMessage | SelectBlockMessage | FocusFieldMessage | InitSnapshotMessage | PatchBatchMessage | CommitMessage | FullResyncMessage;
 /**
  * Preview is ready to receive data.
  */
@@ -59,6 +99,20 @@ type BlockClickedMessage = {
   /** Block ID that was clicked */
   blockId: string;
 };
+type BlockInsertPosition = {
+  parentId: string | null;
+  index: number;
+};
+/**
+ * User asked to insert a block from the preview surface.
+ */
+type BlockInsertRequestedMessage = {
+  type: "BLOCK_INSERT_REQUESTED";
+  /** Insert position in the existing block tree editor */
+  position: BlockInsertPosition;
+  /** Nearby block used for focus/scroll context */
+  referenceBlockId?: string;
+};
 /**
  * Preview refresh completed.
  * Sent after preview successfully re-runs loader.
@@ -68,10 +122,35 @@ type RefreshCompleteMessage = {
   /** Timestamp of completion */
   timestamp: number;
 };
+/**
+ * Preview acknowledged a patch batch.
+ */
+type PatchAppliedMessage = {
+  type: "PATCH_APPLIED";
+  seq: number;
+};
+/**
+ * Preview detected a mismatch and requested a full resync.
+ */
+type ResyncRequestMessage = {
+  type: "RESYNC_REQUEST";
+  reason?: string;
+};
+/**
+ * User committed an inline edit inside the preview iframe.
+ */
+type FieldValueEditedMessage = {
+  type: "FIELD_VALUE_EDITED";
+  path: string;
+  value: unknown;
+  inputKind: "text" | "textarea" | "number" | "boolean";
+  blockId?: string;
+  fieldType?: "regular" | "block" | "relation";
+};
 /**
  * All messages from Preview to Admin.
  */
-type PreviewToAdminMessage = PreviewReadyMessage | FieldClickedMessage | BlockClickedMessage | RefreshCompleteMessage;
+type PreviewToAdminMessage = PreviewReadyMessage | FieldClickedMessage | BlockClickedMessage | BlockInsertRequestedMessage | RefreshCompleteMessage | PatchAppliedMessage | ResyncRequestMessage | FieldValueEditedMessage;
 /**
  * Preview configuration for a collection.
  */
@@ -111,4 +190,4 @@ declare function isAdminToPreviewMessage(data: unknown): data is AdminToPreviewM
  */
 declare function isPreviewToAdminMessage(data: unknown): data is PreviewToAdminMessage;
 //#endregion
-export { AdminToPreviewMessage, BlockClickedMessage, FieldClickedMessage, FocusFieldMessage, PreviewConfig, PreviewReadyMessage, PreviewRefreshMessage, PreviewToAdminMessage, RefreshCompleteMessage, SelectBlockMessage, isAdminToPreviewMessage, isPreviewToAdminMessage };
+export { AdminToPreviewMessage, BlockClickedMessage, CommitMessage, FieldClickedMessage, FieldValueEditedMessage, FocusFieldMessage, FullResyncMessage, InitSnapshotMessage, PatchAppliedMessage, PatchBatchMessage, PreviewConfig, PreviewPatchOp, PreviewReadyMessage, PreviewRefreshMessage, PreviewToAdminMessage, RefreshCompleteMessage, ResyncRequestMessage, SelectBlockMessage, isAdminToPreviewMessage, isPreviewToAdminMessage };