@questpie/admin 3.2.0 → 3.2.1

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;