@questpie/admin 3.1.0 → 3.2.1

package/dist/client/hooks/use-transition-stage.mjs

@@ -1,4 +1,4 @@
-import { selectClient, useAdminStore } from "../runtime/provider.mjs";
+import { selectBasePath, useAdminStore } from "../runtime/provider.mjs";
 import { c } from "react/compiler-runtime";
 import { useMutation, useQueryClient } from "@tanstack/react-query";
 
@@ -9,8 +9,8 @@ import { useMutation, useQueryClient } from "@tanstack/react-query";
 * Provides a mutation for transitioning collection/global records between
 * workflow stages. Supports optional scheduled transitions via `scheduledAt`.
 *
-* Uses direct fetch (same pattern as audit fetcher) because the generated
-* client SDK does not yet expose the `scheduledAt` parameter.
+* Uses direct fetch because the hook accepts runtime collection/global names
+* from admin metadata, while the generated client SDK is keyed by app types.
 *
 * @example
 * ```tsx
@@ -40,22 +40,15 @@ import { useMutation, useQueryClient } from "@tanstack/react-query";
 * @param options - Optional configuration (mode, mutationOptions)
 */
 function useTransitionStage(resourceName, options) {
-	const $ = c(14);
+	const $ = c(12);
 	const mode = options?.mode ?? "collection";
-	const client = useAdminStore(selectClient);
+	const basePath = useAdminStore(selectBasePath);
 	const queryClient = useQueryClient();
 	let t0;
-	if ($[0] !== client) {
-		t0 = client.getBasePath?.() ?? "";
-		$[0] = client;
-		$[1] = t0;
-	} else t0 = $[1];
-	const basePath = t0;
-	let t1;
-	if ($[2] !== basePath || $[3] !== mode || $[4] !== resourceName) {
-		t1 = async (params) => {
+	if ($[0] !== basePath || $[1] !== mode || $[2] !== resourceName) {
+		t0 = async (params) => {
 			const body = { stage: params.stage };
-			if (params.scheduledAt) body.scheduledAt = params.scheduledAt instanceof Date ? params.scheduledAt.toISOString() : params.scheduledAt;
+			if (params.scheduledAt !== void 0) body.scheduledAt = params.scheduledAt instanceof Date ? params.scheduledAt.toISOString() : params.scheduledAt;
 			const url = mode === "global" ? `${basePath}/globals/${resourceName}/transition` : `${basePath}/${resourceName}/${params.id}/transition`;
 			const response = await fetch(url, {
 				method: "POST",
@@ -72,14 +65,14 @@ function useTransitionStage(resourceName, options) {
 			}
 			return response.json();
 		};
-		$[2] = basePath;
-		$[3] = mode;
-		$[4] = resourceName;
-		$[5] = t1;
-	} else t1 = $[5];
-	let t2;
-	if ($[6] !== mode || $[7] !== queryClient || $[8] !== resourceName) {
-		t2 = () => {
+		$[0] = basePath;
+		$[1] = mode;
+		$[2] = resourceName;
+		$[3] = t0;
+	} else t0 = $[3];
+	let t1;
+	if ($[4] !== mode || $[5] !== queryClient || $[6] !== resourceName) {
+		t1 = () => {
 			if (mode === "collection") queryClient.invalidateQueries({ queryKey: ["questpie", "collections"] });
 			else queryClient.invalidateQueries({ queryKey: ["questpie", "globals"] });
 			queryClient.invalidateQueries({ queryKey: [
@@ -89,25 +82,25 @@ function useTransitionStage(resourceName, options) {
 				resourceName
 			] });
 		};
-		$[6] = mode;
-		$[7] = queryClient;
-		$[8] = resourceName;
-		$[9] = t2;
-	} else t2 = $[9];
-	const t3 = options?.mutationOptions;
-	let t4;
-	if ($[10] !== t1 || $[11] !== t2 || $[12] !== t3) {
-		t4 = {
-			mutationFn: t1,
-			onSuccess: t2,
-			...t3
+		$[4] = mode;
+		$[5] = queryClient;
+		$[6] = resourceName;
+		$[7] = t1;
+	} else t1 = $[7];
+	const t2 = options?.mutationOptions;
+	let t3;
+	if ($[8] !== t0 || $[9] !== t1 || $[10] !== t2) {
+		t3 = {
+			mutationFn: t0,
+			onSuccess: t1,
+			...t2
 		};
-		$[10] = t1;
-		$[11] = t2;
-		$[12] = t3;
-		$[13] = t4;
-	} else t4 = $[13];
-	return useMutation(t4);
+		$[8] = t0;
+		$[9] = t1;
+		$[10] = t2;
+		$[11] = t3;
+	} else t3 = $[11];
+	return useMutation(t3);
 }
 function _temp() {
 	return {};

package/dist/client/preview/block-scope-context.d.mts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime25 from "react/jsx-runtime";
+import * as react_jsx_runtime21 from "react/jsx-runtime";
 
 //#region src/client/preview/block-scope-context.d.ts
 
@@ -35,7 +35,7 @@ declare function BlockScopeProvider({
   blockId,
   basePath,
   children
-}: BlockScopeProviderProps): react_jsx_runtime25.JSX.Element;
+}: BlockScopeProviderProps): react_jsx_runtime21.JSX.Element;
 /**
  * Get current block scope context.
  *

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_runtime24 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_runtime24.JSX.Element | null;
+}: PreviewBannerProps): react_jsx_runtime22.JSX.Element | null;
 //#endregion
 export { PreviewBanner, PreviewBannerProps };

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

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime21 from "react/jsx-runtime";
+import * as react_jsx_runtime23 from "react/jsx-runtime";
 
 //#region src/client/preview/preview-field.d.ts
 
@@ -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,19 +47,28 @@ 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_runtime21.JSX.Element;
+}): react_jsx_runtime23.JSX.Element;
 /**
  * Hook to access preview context.
  */
@@ -77,11 +100,14 @@ declare function usePreviewContext(): PreviewContextValue | null;
 declare function PreviewField({
   field,
   fieldType,
+  editable,
   children,
   as: Component,
   className,
-  onClick
-}: PreviewFieldProps): react_jsx_runtime21.JSX.Element;
+  style,
+  onClick,
+  onValueCommit
+}: PreviewFieldProps): react_jsx_runtime23.JSX.Element;
 /**
  * Standalone PreviewField that works without context.
  * Useful when you can't use PreviewProvider.
@@ -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;
@@ -102,6 +131,6 @@ declare function StandalonePreviewField({
     blockId?: string;
     fieldType?: "regular" | "block" | "relation";
   }) => void;
-}): react_jsx_runtime21.JSX.Element;
+}): react_jsx_runtime23.JSX.Element;
 //#endregion
 export { PreviewField, PreviewFieldProps, PreviewProvider, StandalonePreviewField, usePreviewContext };