@questpie/admin 2.0.0 → 3.0.0

package/dist/client/components/blocks/block-editor-provider.mjs

@@ -2,154 +2,234 @@
 
 import { BlockEditorContextProvider } from "./block-editor-context.mjs";
 import { duplicateBlockInTree, getAllBlockIds, getDefaultValues, insertBlockInTree, removeBlockFromTree, reorderBlockInTree } from "./utils/tree-utils.mjs";
-import * as React$1 from "react";
+import { c } from "react/compiler-runtime";
+import * as React from "react";
+import { createStore } from "zustand";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/client/components/blocks/block-editor-provider.tsx
 /**
 * Block Editor Provider
 *
-* Provides state and actions for the block editor.
+* Provides selector-driven state and actions for the block editor.
 */
-function BlockEditorProvider({ value, onChange, blocks, allowedBlocks, locale = "en", children }) {
-	const [selectedBlockId, setSelectedBlockId] = React$1.useState(null);
-	const [expandedBlockIds, setExpandedBlockIds] = React$1.useState(() => /* @__PURE__ */ new Set());
-	const [isLibraryOpen, setIsLibraryOpen] = React$1.useState(false);
-	const [insertPosition, setInsertPosition] = React$1.useState(null);
-	const actions = React$1.useMemo(() => ({
-		selectBlock: (id) => {
-			setSelectedBlockId(id);
-			if (id !== null) {
-				setIsLibraryOpen(false);
-				setInsertPosition(null);
-			}
-		},
-		toggleExpanded: (id) => {
-			setExpandedBlockIds((prev) => {
-				const next = new Set(prev);
-				if (next.has(id)) next.delete(id);
-				else next.add(id);
-				return next;
-			});
-		},
-		expandAll: () => {
-			const allIds = getAllBlockIds(value._tree);
-			setExpandedBlockIds(new Set(allIds));
-		},
-		collapseAll: () => {
-			setExpandedBlockIds(/* @__PURE__ */ new Set());
-		},
-		addBlock: (type, position) => {
-			const blockDef = blocks[type];
-			if (!blockDef) {
-				if (process.env.NODE_ENV !== "production") console.warn(`Block type "${type}" not found`);
-				return;
-			}
-			const newBlock = {
-				id: crypto.randomUUID(),
-				type,
-				children: []
-			};
-			const newValues = getDefaultValues(blockDef.fields);
-			onChange({
-				_tree: insertBlockInTree(value._tree, newBlock, position),
-				_values: {
-					...value._values,
-					[newBlock.id]: newValues
-				}
-			});
-			setSelectedBlockId(newBlock.id);
-			setIsLibraryOpen(false);
-			setInsertPosition(null);
-			if (position.parentId) setExpandedBlockIds((prev) => new Set([...prev, position.parentId]));
-		},
-		removeBlock: (id) => {
-			const { newTree, removedIds } = removeBlockFromTree(value._tree, id);
-			const newValues = { ...value._values };
-			for (const removedId of removedIds) delete newValues[removedId];
-			onChange({
-				_tree: newTree,
-				_values: newValues
-			});
-			if (selectedBlockId === id || removedIds.includes(selectedBlockId)) setSelectedBlockId(null);
-			setExpandedBlockIds((prev) => {
-				const next = new Set(prev);
-				for (const removedId of removedIds) next.delete(removedId);
-				return next;
-			});
-		},
-		duplicateBlock: (id) => {
-			const { newTree, newIds, newValues } = duplicateBlockInTree(value._tree, value._values, id);
-			onChange({
-				_tree: newTree,
-				_values: {
-					...value._values,
-					...newValues
-				}
-			});
-			if (newIds.length > 0) setSelectedBlockId(newIds[0]);
-		},
-		moveBlock: (_id, parentId, fromIndex, toIndex) => {
-			onChange({
-				...value,
-				_tree: reorderBlockInTree(value._tree, parentId, fromIndex, toIndex)
-			});
-		},
-		updateBlockValues: (id, newValues) => {
-			onChange({
-				...value,
-				_values: {
-					...value._values,
-					[id]: {
-						...value._values[id],
-						...newValues
+function BlockEditorProvider(t0) {
+	const $ = c(18);
+	const { value, onChange, blocks, allowedBlocks, locale: t1, children } = t0;
+	const locale = t1 === void 0 ? "en" : t1;
+	const onChangeRef = React.useRef(onChange);
+	let t2;
+	let t3;
+	if ($[0] !== onChange) {
+		t2 = () => {
+			onChangeRef.current = onChange;
+		};
+		t3 = [onChange];
+		$[0] = onChange;
+		$[1] = t2;
+		$[2] = t3;
+	} else {
+		t2 = $[1];
+		t3 = $[2];
+	}
+	React.useEffect(t2, t3);
+	let t4;
+	if ($[3] !== allowedBlocks || $[4] !== blocks || $[5] !== locale || $[6] !== value) {
+		t4 = () => createStore((set, get) => {
+			const actions = {
+				selectBlock: (id) => {
+					set((prev) => ({
+						selectedBlockId: id,
+						isLibraryOpen: id !== null ? false : prev.isLibraryOpen,
+						insertPosition: id !== null ? null : prev.insertPosition
+					}));
+				},
+				toggleExpanded: (id_0) => {
+					set((prev_0) => {
+						const next = new Set(prev_0.expandedBlockIds);
+						if (next.has(id_0)) next.delete(id_0);
+						else next.add(id_0);
+						return { expandedBlockIds: next };
+					});
+				},
+				expandAll: () => {
+					const allIds = getAllBlockIds(get().content._tree);
+					set({ expandedBlockIds: new Set(allIds) });
+				},
+				collapseAll: () => {
+					set({ expandedBlockIds: /* @__PURE__ */ new Set() });
+				},
+				addBlock: (type, position) => {
+					const state = get();
+					const blockDef = state.blocks[type];
+					if (!blockDef) {
+						if (process.env.NODE_ENV !== "production") console.warn(`Block type "${type}" not found`);
+						return;
 					}
+					const newBlock = {
+						id: crypto.randomUUID(),
+						type,
+						children: []
+					};
+					const newValues = getDefaultValues(blockDef.fields);
+					const nextContent = {
+						_tree: insertBlockInTree(state.content._tree, newBlock, position),
+						_values: {
+							...state.content._values,
+							[newBlock.id]: newValues
+						}
+					};
+					onChangeRef.current(nextContent);
+					set((prev_1) => ({
+						content: nextContent,
+						selectedBlockId: newBlock.id,
+						isLibraryOpen: false,
+						insertPosition: null,
+						expandedBlockIds: position.parentId ? new Set([...prev_1.expandedBlockIds, position.parentId]) : prev_1.expandedBlockIds
+					}));
+				},
+				removeBlock: (id_1) => {
+					const state_0 = get();
+					const { newTree, removedIds } = removeBlockFromTree(state_0.content._tree, id_1);
+					const newValues_0 = { ...state_0.content._values };
+					for (const removedId of removedIds) delete newValues_0[removedId];
+					const nextContent_0 = {
+						_tree: newTree,
+						_values: newValues_0
+					};
+					onChangeRef.current(nextContent_0);
+					set((prev_2) => {
+						const nextExpanded = new Set(prev_2.expandedBlockIds);
+						for (const removedId_0 of removedIds) nextExpanded.delete(removedId_0);
+						return {
+							content: nextContent_0,
+							expandedBlockIds: nextExpanded,
+							selectedBlockId: prev_2.selectedBlockId === id_1 || (prev_2.selectedBlockId ? removedIds.includes(prev_2.selectedBlockId) : false) ? null : prev_2.selectedBlockId
+						};
+					});
+				},
+				duplicateBlock: (id_2) => {
+					const state_1 = get();
+					const { newTree: newTree_0, newIds, newValues: newValues_1 } = duplicateBlockInTree(state_1.content._tree, state_1.content._values, id_2);
+					const nextContent_1 = {
+						_tree: newTree_0,
+						_values: {
+							...state_1.content._values,
+							...newValues_1
+						}
+					};
+					onChangeRef.current(nextContent_1);
+					set({
+						content: nextContent_1,
+						selectedBlockId: newIds.length > 0 ? newIds[0] : state_1.selectedBlockId
+					});
+				},
+				moveBlock: (_id, parentId, fromIndex, toIndex) => {
+					const state_2 = get();
+					const nextContent_2 = {
+						...state_2.content,
+						_tree: reorderBlockInTree(state_2.content._tree, parentId, fromIndex, toIndex)
+					};
+					onChangeRef.current(nextContent_2);
+					set({ content: nextContent_2 });
+				},
+				updateBlockValues: (id_3, newValues_2) => {
+					const state_3 = get();
+					const nextContent_3 = {
+						...state_3.content,
+						_values: {
+							...state_3.content._values,
+							[id_3]: {
+								...state_3.content._values[id_3],
+								...newValues_2
+							}
+						}
+					};
+					onChangeRef.current(nextContent_3);
+					set({ content: nextContent_3 });
+				},
+				openLibrary: (position_0) => {
+					set({
+						insertPosition: position_0,
+						isLibraryOpen: true,
+						selectedBlockId: null
+					});
+				},
+				closeLibrary: () => {
+					set({
+						isLibraryOpen: false,
+						insertPosition: null
+					});
 				}
-			});
-		},
-		openLibrary: (position) => {
-			setInsertPosition(position);
-			setIsLibraryOpen(true);
-			setSelectedBlockId(null);
-		},
-		closeLibrary: () => {
-			setIsLibraryOpen(false);
-			setInsertPosition(null);
-		}
-	}), [
-		value,
-		onChange,
-		blocks,
-		selectedBlockId
-	]);
-	const state = React$1.useMemo(() => ({
-		content: value,
-		selectedBlockId,
-		expandedBlockIds,
-		isLibraryOpen,
-		insertPosition,
-		blocks,
-		allowedBlocks: allowedBlocks || null,
-		locale
-	}), [
-		value,
-		selectedBlockId,
-		expandedBlockIds,
-		isLibraryOpen,
-		insertPosition,
-		blocks,
-		allowedBlocks,
-		locale
-	]);
-	return /* @__PURE__ */ jsx(BlockEditorContextProvider, {
-		value: React$1.useMemo(() => ({
-			state,
-			actions
-		}), [state, actions]),
-		children
-	});
+			};
+			let initialAllowedBlocks;
+			if (allowedBlocks != null) initialAllowedBlocks = allowedBlocks;
+			else initialAllowedBlocks = null;
+			return {
+				content: value,
+				selectedBlockId: null,
+				expandedBlockIds: /* @__PURE__ */ new Set(),
+				isLibraryOpen: false,
+				insertPosition: null,
+				blocks,
+				allowedBlocks: initialAllowedBlocks,
+				locale,
+				actions
+			};
+		});
+		$[3] = allowedBlocks;
+		$[4] = blocks;
+		$[5] = locale;
+		$[6] = value;
+		$[7] = t4;
+	} else t4 = $[7];
+	const [store] = React.useState(t4);
+	let t5;
+	let t6;
+	if ($[8] !== allowedBlocks || $[9] !== blocks || $[10] !== locale || $[11] !== store || $[12] !== value) {
+		t5 = () => {
+			const state_4 = store.getState();
+			let nextAllowedBlocks;
+			if (allowedBlocks != null) nextAllowedBlocks = allowedBlocks;
+			else nextAllowedBlocks = null;
+			const patch = {};
+			if (state_4.content !== value) patch.content = value;
+			if (state_4.blocks !== blocks) patch.blocks = blocks;
+			if (state_4.allowedBlocks !== nextAllowedBlocks) patch.allowedBlocks = nextAllowedBlocks;
+			if (state_4.locale !== locale) patch.locale = locale;
+			if (Object.keys(patch).length > 0) store.setState(patch);
+		};
+		t6 = [
+			value,
+			blocks,
+			allowedBlocks,
+			locale,
+			store
+		];
+		$[8] = allowedBlocks;
+		$[9] = blocks;
+		$[10] = locale;
+		$[11] = store;
+		$[12] = value;
+		$[13] = t5;
+		$[14] = t6;
+	} else {
+		t5 = $[13];
+		t6 = $[14];
+	}
+	React.useEffect(t5, t6);
+	let t7;
+	if ($[15] !== children || $[16] !== store) {
+		t7 = /* @__PURE__ */ jsx(BlockEditorContextProvider, {
+			value: store,
+			children
+		});
+		$[15] = children;
+		$[16] = store;
+		$[17] = t7;
+	} else t7 = $[17];
+	return t7;
 }
 
 //#endregion
-export { BlockEditorProvider };
-//# sourceMappingURL=block-editor-provider.mjs.map
+export { BlockEditorProvider };

package/dist/client/components/blocks/block-fields-renderer.mjs

@@ -1,9 +1,11 @@
 "use client";
 
-import { useResolveText } from "../../i18n/hooks.mjs";
+import { useResolveText, useTranslation } from "../../i18n/hooks.mjs";
 import { selectAdmin, useAdminStore } from "../../runtime/provider.mjs";
 import { buildFieldDefinitionsFromMetadata } from "../../utils/build-field-definitions-from-schema.mjs";
-import * as React$1 from "react";
+import { FieldLayoutRenderer } from "../layout/field-layout-renderer.mjs";
+import { c } from "react/compiler-runtime";
+import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/client/components/blocks/block-fields-renderer.tsx
@@ -13,49 +15,218 @@ import { jsx, jsxs } from "react/jsx-runtime";
 * Renders form fields for a block inline (inside the block card).
 * Uses registered field components from the admin config.
 */
-function BlockFieldsRenderer({ blockId, blockSchema }) {
+function BlockFieldsRenderer(t0) {
+	const $ = c(24);
+	const { blockId, blockSchema } = t0;
+	const { t } = useTranslation();
 	const admin = useAdminStore(selectAdmin);
-	const blockFields = React$1.useMemo(() => {
-		if (!blockSchema?.fields || !admin) return {};
-		return buildFieldDefinitionsFromMetadata(blockSchema.fields, admin.getFields());
-	}, [blockSchema?.fields, admin]);
-	if (Object.keys(blockFields).length === 0) return /* @__PURE__ */ jsx("div", {
-		className: "text-center text-sm text-muted-foreground py-4",
-		children: "This block has no editable fields."
-	});
-	return /* @__PURE__ */ jsx("div", {
-		className: "space-y-4",
-		children: Object.entries(blockFields).map(([fieldName, fieldDef]) => /* @__PURE__ */ jsx(BlockField, {
-			name: fieldName,
-			blockId,
-			definition: fieldDef
-		}, `${blockId}:${fieldName}`))
-	});
+	blockSchema?.fields;
+	let t1;
+	bb0: {
+		if (!blockSchema?.fields || !admin) {
+			let t2$2;
+			if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+				t2$2 = {};
+				$[0] = t2$2;
+			} else t2$2 = $[0];
+			t1 = t2$2;
+			break bb0;
+		}
+		const t2$1 = blockSchema.fields;
+		let t3$1;
+		if ($[1] !== admin || $[2] !== t2$1) {
+			t3$1 = buildFieldDefinitionsFromMetadata(t2$1, admin.getFields());
+			$[1] = admin;
+			$[2] = t2$1;
+			$[3] = t3$1;
+		} else t3$1 = $[3];
+		t1 = t3$1;
+	}
+	const blockFields = t1;
+	const resolveText = useResolveText();
+	if (Object.keys(blockFields).length === 0) {
+		let t2$1;
+		if ($[4] !== t) {
+			t2$1 = t("blocks.noEditableFields");
+			$[4] = t;
+			$[5] = t2$1;
+		} else t2$1 = $[5];
+		let t3$1;
+		if ($[6] !== t2$1) {
+			t3$1 = /* @__PURE__ */ jsx("div", {
+				className: "text-muted-foreground py-4 text-center text-sm",
+				children: t2$1
+			});
+			$[6] = t2$1;
+			$[7] = t3$1;
+		} else t3$1 = $[7];
+		return t3$1;
+	}
+	if (blockSchema.form?.fields?.length) {
+		let t2$1;
+		if ($[8] !== blockFields || $[9] !== blockId) {
+			t2$1 = (fieldName, opts) => {
+				const fieldDef = blockFields[fieldName];
+				if (!fieldDef) return null;
+				return /* @__PURE__ */ jsx(BlockField, {
+					name: fieldName,
+					blockId,
+					definition: fieldDef
+				}, `${blockId}:${fieldName}`);
+			};
+			$[8] = blockFields;
+			$[9] = blockId;
+			$[10] = t2$1;
+		} else t2$1 = $[10];
+		let t3$1;
+		if ($[11] !== resolveText) {
+			t3$1 = (text, fallback) => resolveText(text, fallback);
+			$[11] = resolveText;
+			$[12] = t3$1;
+		} else t3$1 = $[12];
+		let t4;
+		if ($[13] !== t2$1 || $[14] !== t3$1) {
+			t4 = {
+				renderField: t2$1,
+				resolveText: t3$1
+			};
+			$[13] = t2$1;
+			$[14] = t3$1;
+			$[15] = t4;
+		} else t4 = $[15];
+		const layoutCtx = t4;
+		const t5 = blockSchema.form.fields;
+		let t6;
+		if ($[16] !== layoutCtx || $[17] !== t5) {
+			t6 = /* @__PURE__ */ jsx(FieldLayoutRenderer, {
+				items: t5,
+				ctx: layoutCtx
+			});
+			$[16] = layoutCtx;
+			$[17] = t5;
+			$[18] = t6;
+		} else t6 = $[18];
+		return t6;
+	}
+	let t2;
+	if ($[19] !== blockFields) {
+		t2 = Object.entries(blockFields);
+		$[19] = blockFields;
+		$[20] = t2;
+	} else t2 = $[20];
+	let t3;
+	if ($[21] !== blockId || $[22] !== t2) {
+		t3 = /* @__PURE__ */ jsx("div", {
+			className: "space-y-4",
+			children: t2.map((t4) => {
+				const [fieldName_0, fieldDef_0] = t4;
+				return /* @__PURE__ */ jsx(BlockField, {
+					name: fieldName_0,
+					blockId,
+					definition: fieldDef_0
+				}, `${blockId}:${fieldName_0}`);
+			})
+		});
+		$[21] = blockId;
+		$[22] = t2;
+		$[23] = t3;
+	} else t3 = $[23];
+	return t3;
 }
-function BlockField({ name, blockId, definition }) {
+function BlockField(t0) {
+	const $ = c(29);
+	const { name, blockId, definition } = t0;
 	const resolveText = useResolveText();
-	const options = definition["~options"] || {};
+	let t1;
+	if ($[0] !== definition) {
+		t1 = definition["~options"] || {};
+		$[0] = definition;
+		$[1] = t1;
+	} else t1 = $[1];
+	const options = t1;
 	const fieldType = definition.name;
-	const label = resolveText(options.label, name);
-	const description = resolveText(options.description, "");
-	const placeholder = resolveText(options.placeholder, "");
+	let t2;
+	if ($[2] !== name || $[3] !== options.label || $[4] !== resolveText) {
+		t2 = resolveText(options.label, name);
+		$[2] = name;
+		$[3] = options.label;
+		$[4] = resolveText;
+		$[5] = t2;
+	} else t2 = $[5];
+	const label = t2;
+	let t3;
+	if ($[6] !== options.description || $[7] !== resolveText) {
+		t3 = resolveText(options.description, "");
+		$[6] = options.description;
+		$[7] = resolveText;
+		$[8] = t3;
+	} else t3 = $[8];
+	const description = t3;
+	let t4;
+	if ($[9] !== options.placeholder || $[10] !== resolveText) {
+		t4 = resolveText(options.placeholder, "");
+		$[9] = options.placeholder;
+		$[10] = resolveText;
+		$[11] = t4;
+	} else t4 = $[11];
+	const placeholder = t4;
 	const scopedName = `content._values.${blockId}.${name}`;
-	const FieldComponent = definition.field?.component;
-	if (!FieldComponent) return /* @__PURE__ */ jsxs("div", {
-		className: "text-sm text-destructive",
-		children: ["No component registered for field type: ", fieldType]
-	});
-	return /* @__PURE__ */ jsx(FieldComponent, {
-		name: scopedName,
-		label,
-		description,
-		placeholder,
-		required: options.required ?? false,
-		disabled: options.disabled ?? false,
-		readOnly: options.readOnly ?? false,
-		localized: options.localized ?? false,
-		...stripUiOptions(options)
-	});
+	const FieldComponent = definition.component;
+	if (!FieldComponent) {
+		let t5$1;
+		if ($[12] !== fieldType) {
+			t5$1 = /* @__PURE__ */ jsxs("div", {
+				className: "text-destructive text-sm",
+				children: ["No component registered for field type: ", fieldType]
+			});
+			$[12] = fieldType;
+			$[13] = t5$1;
+		} else t5$1 = $[13];
+		return t5$1;
+	}
+	const t5 = options.required ?? false;
+	const t6 = options.disabled ?? false;
+	const t7 = options.readOnly ?? false;
+	const t8 = options.localized ?? false;
+	let t9;
+	if ($[14] !== options) {
+		t9 = stripUiOptions(options);
+		$[14] = options;
+		$[15] = t9;
+	} else t9 = $[15];
+	let t10;
+	if ($[16] !== description || $[17] !== label || $[18] !== placeholder || $[19] !== scopedName || $[20] !== t5 || $[21] !== t6 || $[22] !== t7 || $[23] !== t8 || $[24] !== t9) {
+		t10 = {
+			name: scopedName,
+			label,
+			description,
+			placeholder,
+			required: t5,
+			disabled: t6,
+			readOnly: t7,
+			localized: t8,
+			...t9
+		};
+		$[16] = description;
+		$[17] = label;
+		$[18] = placeholder;
+		$[19] = scopedName;
+		$[20] = t5;
+		$[21] = t6;
+		$[22] = t7;
+		$[23] = t8;
+		$[24] = t9;
+		$[25] = t10;
+	} else t10 = $[25];
+	const componentProps = t10;
+	let t11;
+	if ($[26] !== FieldComponent || $[27] !== componentProps) {
+		t11 = /* @__PURE__ */ jsx(FieldComponent, { ...componentProps });
+		$[26] = FieldComponent;
+		$[27] = componentProps;
+		$[28] = t11;
+	} else t11 = $[28];
+	return t11;
 }
 /**
 * Strip UI-specific options that shouldn't be passed to field components
@@ -66,5 +237,4 @@ function stripUiOptions(options) {
 }
 
 //#endregion
-export { BlockFieldsRenderer };
-//# sourceMappingURL=block-fields-renderer.mjs.map
+export { BlockFieldsRenderer };