@questpie/admin 3.2.0 → 3.2.2

package/dist/client/preview/block-scope-context.mjs

@@ -31,39 +31,29 @@ const BlockScopeContext = React.createContext(null);
 function BlockScopeProvider(t0) {
 	const $ = c(6);
 	const { blockId, basePath: t1, children } = t0;
-	const basePath = t1 === void 0 ? "content._values" : t1;
-	const parentScope = React.useContext(BlockScopeContext);
+	const fieldPrefix = `${t1 === void 0 ? "content._values" : t1}.${blockId}`;
 	let t2;
-	bb0: {
-		if (parentScope) {
-			t2 = `${parentScope.fieldPrefix}.${blockId}`;
-			break bb0;
-		}
-		t2 = `${basePath}.${blockId}`;
-	}
-	const fieldPrefix = t2;
-	let t3;
 	if ($[0] !== blockId || $[1] !== fieldPrefix) {
-		t3 = {
+		t2 = {
 			blockId,
 			fieldPrefix
 		};
 		$[0] = blockId;
 		$[1] = fieldPrefix;
-		$[2] = t3;
-	} else t3 = $[2];
-	const value = t3;
-	let t4;
+		$[2] = t2;
+	} else t2 = $[2];
+	const value = t2;
+	let t3;
 	if ($[3] !== children || $[4] !== value) {
-		t4 = /* @__PURE__ */ jsx(BlockScopeContext.Provider, {
+		t3 = /* @__PURE__ */ jsx(BlockScopeContext.Provider, {
 			value,
 			children
 		});
 		$[3] = children;
 		$[4] = value;
-		$[5] = t4;
-	} else t4 = $[5];
-	return t4;
+		$[5] = t3;
+	} else t3 = $[5];
+	return t3;
 }
 /**
 * Get current block scope context.

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

@@ -1,5 +1,5 @@
 import { BlockScopeContextValue, BlockScopeProvider, BlockScopeProviderProps, useBlockScope, useResolveFieldPath } from "./block-scope-context.mjs";
 import { PreviewBanner, PreviewBannerProps } from "./preview-banner.mjs";
 import { PreviewField, PreviewFieldProps, PreviewProvider, StandalonePreviewField, usePreviewContext } from "./preview-field.mjs";
-import { AdminToPreviewMessage, BlockClickedMessage, FieldClickedMessage, FocusFieldMessage, PreviewConfig, PreviewReadyMessage, PreviewRefreshMessage, PreviewToAdminMessage, RefreshCompleteMessage, SelectBlockMessage, isAdminToPreviewMessage, isPreviewToAdminMessage } from "./types.mjs";
+import { AdminToPreviewMessage, BlockClickedMessage, CommitMessage, FieldClickedMessage, FieldValueEditedMessage, FocusFieldMessage, FullResyncMessage, InitSnapshotMessage, PatchAppliedMessage, PatchBatchMessage, PreviewConfig, PreviewPatchOp, PreviewReadyMessage, PreviewRefreshMessage, PreviewToAdminMessage, RefreshCompleteMessage, ResyncRequestMessage, SelectBlockMessage, isAdminToPreviewMessage, isPreviewToAdminMessage } from "./types.mjs";
 import { UseCollectionPreviewOptions, UseCollectionPreviewResult, useCollectionPreview } from "./use-collection-preview.mjs";

package/dist/client/preview/patch.mjs

@@ -0,0 +1,100 @@
+//#region src/client/preview/patch.ts
+function cloneSnapshot(value) {
+	if (typeof globalThis.structuredClone === "function") return globalThis.structuredClone(value);
+	if (value === void 0) return value;
+	return JSON.parse(JSON.stringify(value));
+}
+function shouldApplyPatchBatch(lastAppliedSeq, nextSeq) {
+	return lastAppliedSeq == null || nextSeq > lastAppliedSeq;
+}
+function applyPatchBatchImmutable(data, ops) {
+	return ops.reduce((current, op) => {
+		if (op.op === "set") return setAtPath(current, op.path, op.value);
+		if (op.op === "remove") return removeAtPath(current, op.path);
+		throw new Error(`Unsupported preview patch operation: ${op.op}`);
+	}, data);
+}
+function splitPath(path) {
+	if (path === "") return [];
+	return path.split(".");
+}
+function isObjectRecord(value) {
+	return value !== null && typeof value === "object" && !Array.isArray(value);
+}
+function isArrayIndex(segment) {
+	return /^(0|[1-9]\d*)$/.test(segment);
+}
+function createContainer(nextSegment) {
+	return nextSegment !== void 0 && isArrayIndex(nextSegment) ? [] : {};
+}
+function cloneContainer(value, nextSegment) {
+	if (Array.isArray(value)) return [...value];
+	if (isObjectRecord(value)) return { ...value };
+	return createContainer(nextSegment);
+}
+function readChild(container, segment) {
+	if (Array.isArray(container) && isArrayIndex(segment)) return container[Number(segment)];
+	if (isObjectRecord(container)) return container[segment];
+}
+function writeChild(container, segment, value) {
+	if (Array.isArray(container) && isArrayIndex(segment)) {
+		container[Number(segment)] = value;
+		return;
+	}
+	container[segment] = value;
+}
+function hasChild(container, segment) {
+	if (Array.isArray(container) && isArrayIndex(segment)) {
+		const index = Number(segment);
+		return index >= 0 && index < container.length;
+	}
+	if (isObjectRecord(container)) return Object.prototype.hasOwnProperty.call(container, segment);
+	return false;
+}
+function deleteChild(container, segment) {
+	if (Array.isArray(container) && isArrayIndex(segment)) {
+		container.splice(Number(segment), 1);
+		return;
+	}
+	delete container[segment];
+}
+function setAtPath(data, path, value) {
+	const segments = splitPath(path);
+	if (segments.length === 0) return cloneSnapshot(value);
+	const root = cloneContainer(data, segments[0]);
+	let cursor = root;
+	for (let index = 0; index < segments.length - 1; index += 1) {
+		const segment = segments[index];
+		const nextSegment = segments[index + 1];
+		const nextChild = cloneContainer(readChild(cursor, segment), nextSegment);
+		writeChild(cursor, segment, nextChild);
+		cursor = nextChild;
+	}
+	writeChild(cursor, segments[segments.length - 1], cloneSnapshot(value));
+	return root;
+}
+function removeAtPath(data, path) {
+	const segments = splitPath(path);
+	if (segments.length === 0) return;
+	if (!Array.isArray(data) && !isObjectRecord(data)) return data;
+	const root = cloneContainer(data, segments[0]);
+	let sourceCursor = data;
+	let cursor = root;
+	for (let index = 0; index < segments.length - 1; index += 1) {
+		const segment = segments[index];
+		if (!hasChild(sourceCursor, segment)) return data;
+		const sourceChild = readChild(sourceCursor, segment);
+		if (!Array.isArray(sourceChild) && !isObjectRecord(sourceChild)) return data;
+		const nextChild = cloneContainer(sourceChild, segments[index + 1]);
+		writeChild(cursor, segment, nextChild);
+		sourceCursor = sourceChild;
+		cursor = nextChild;
+	}
+	const finalSegment = segments[segments.length - 1];
+	if (!hasChild(sourceCursor, finalSegment)) return data;
+	deleteChild(cursor, finalSegment);
+	return root;
+}
+
+//#endregion
+export { applyPatchBatchImmutable, cloneSnapshot, shouldApplyPatchBatch };

package/dist/client/preview/preview-banner.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime21 from "react/jsx-runtime";
+import * as react_jsx_runtime22 from "react/jsx-runtime";
 
 //#region src/client/preview/preview-banner.d.ts
 
@@ -40,6 +40,6 @@ declare function PreviewBanner({
   isPreviewMode,
   className,
   exitPreviewUrl
-}: PreviewBannerProps): react_jsx_runtime21.JSX.Element | null;
+}: PreviewBannerProps): react_jsx_runtime22.JSX.Element | null;
 //#endregion
 export { PreviewBanner, PreviewBannerProps };

package/dist/client/preview/preview-field.d.mts

@@ -8,17 +8,30 @@ type PreviewFieldProps = {
   field: string;
   /** Field type for routing (regular, block, or relation) */
   fieldType?: "regular" | "block" | "relation";
+  /** Enable inline scalar editing in preview mode */
+  editable?: "text" | "textarea";
   /** Content to render */
   children: React.ReactNode;
   /** HTML element type */
   as?: React.ElementType;
   /** Additional class names */
   className?: string;
+  /** Inline styles for the rendered element */
+  style?: React.CSSProperties;
   /** Click handler (uses context by default) */
   onClick?: (fieldPath: string, context?: {
     blockId?: string;
     fieldType?: "regular" | "block" | "relation";
   }) => void;
+  /** Inline edit commit handler (uses context/default postMessage by default) */
+  onValueCommit?: (payload: PreviewFieldValueEditedPayload) => void;
+};
+type PreviewFieldValueEditedPayload = {
+  path: string;
+  value: unknown;
+  inputKind: "text" | "textarea" | "number" | "boolean";
+  blockId?: string;
+  fieldType?: "regular" | "block" | "relation";
 };
 type PreviewContextValue = {
   isPreviewMode: boolean;
@@ -26,6 +39,7 @@ type PreviewContextValue = {
     blockId?: string;
     fieldType?: "regular" | "block" | "relation";
   }) => void;
+  handleFieldValueEdited?: (payload: PreviewFieldValueEditedPayload) => void;
   focusedField: string | null;
 };
 /**
@@ -33,17 +47,26 @@ type PreviewContextValue = {
  * Use this at the root of your preview page.
  */
 declare function PreviewProvider({
+  preview,
   isPreviewMode,
   focusedField,
   onFieldClick,
+  onFieldValueEdited,
   children
 }: {
-  isPreviewMode: boolean;
-  focusedField: string | null;
-  onFieldClick: (fieldPath: string, context?: {
+  preview?: {
+    isPreviewMode: boolean;
+    focusedField: string | null;
+    handleFieldClick: PreviewContextValue["handleFieldClick"];
+    handleFieldValueEdited?: PreviewContextValue["handleFieldValueEdited"];
+  };
+  isPreviewMode?: boolean;
+  focusedField?: string | null;
+  onFieldClick?: (fieldPath: string, context?: {
     blockId?: string;
     fieldType?: "regular" | "block" | "relation";
   }) => void;
+  onFieldValueEdited?: (payload: PreviewFieldValueEditedPayload) => void;
   children: React.ReactNode;
 }): react_jsx_runtime23.JSX.Element;
 /**
@@ -77,10 +100,13 @@ declare function usePreviewContext(): PreviewContextValue | null;
 declare function PreviewField({
   field,
   fieldType,
+  editable,
   children,
   as: Component,
   className,
-  onClick
+  style,
+  onClick,
+  onValueCommit
 }: PreviewFieldProps): react_jsx_runtime23.JSX.Element;
 /**
  * Standalone PreviewField that works without context.
@@ -89,12 +115,15 @@ declare function PreviewField({
 declare function StandalonePreviewField({
   field,
   fieldType,
+  editable,
   children,
   as: Component,
   className,
+  style,
   isPreviewMode,
   isFocused,
-  onFieldClick
+  onFieldClick,
+  onValueCommit
 }: PreviewFieldProps & {
   isPreviewMode: boolean;
   isFocused?: boolean;