@questpie/admin 3.2.4 → 3.2.6

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

@@ -3,7 +3,6 @@
 import { BlockEditorContextProvider } from "./block-editor-context.mjs";
 import { duplicateBlockInTree, getAllBlockIds, getBlockPathIds, getDefaultValues, insertBlockInTree, removeBlockFromTree, reorderBlockInTree } from "./utils/tree-utils.mjs";
 import { useFocusOptional } from "../../contexts/focus-context.mjs";
-import { c } from "react/compiler-runtime";
 import * as React from "react";
 import { createStore } from "zustand";
 import { jsx } from "react/jsx-runtime";
@@ -14,263 +13,203 @@ import { jsx } from "react/jsx-runtime";
 *
 * Provides selector-driven state and actions for the block editor.
 */
-function BlockEditorProvider(t0) {
-	const $ = c(22);
-	const { value, onChange, blocks, allowedBlocks, locale: t1, children } = t0;
-	const locale = t1 === void 0 ? "en" : t1;
+function BlockEditorProvider({ value, onChange, blocks, allowedBlocks, locale = "en", children }) {
 	const onChangeRef = React.useRef(onChange);
 	const previewFocusState = useFocusOptional()?.state;
-	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;
+	React.useEffect(() => {
+		onChangeRef.current = onChange;
+	}, [onChange]);
+	const [store] = React.useState(() => 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) => {
+				set((prev) => {
+					const next = new Set(prev.expandedBlockIds);
+					if (next.has(id)) next.delete(id);
+					else next.add(id);
+					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
 					}
-					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) => ({
+				};
+				onChangeRef.current(nextContent);
+				set((prev) => ({
+					content: nextContent,
+					selectedBlockId: newBlock.id,
+					isLibraryOpen: false,
+					insertPosition: null,
+					expandedBlockIds: position.parentId ? new Set([...prev.expandedBlockIds, position.parentId]) : prev.expandedBlockIds
+				}));
+			},
+			removeBlock: (id) => {
+				const state = get();
+				const { newTree, removedIds } = removeBlockFromTree(state.content._tree, id);
+				const newValues = { ...state.content._values };
+				for (const removedId of removedIds) delete newValues[removedId];
+				const nextContent = {
+					_tree: newTree,
+					_values: newValues
+				};
+				onChangeRef.current(nextContent);
+				set((prev) => {
+					const nextExpanded = new Set(prev.expandedBlockIds);
+					for (const removedId of removedIds) nextExpanded.delete(removedId);
+					return {
 						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
+						expandedBlockIds: nextExpanded,
+						selectedBlockId: prev.selectedBlockId === id || (prev.selectedBlockId ? removedIds.includes(prev.selectedBlockId) : false) ? null : prev.selectedBlockId
 					};
-					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
-							}
+				});
+			},
+			duplicateBlock: (id) => {
+				const state = get();
+				const { newTree, newIds, newValues } = duplicateBlockInTree(state.content._tree, state.content._values, id);
+				const nextContent = {
+					_tree: newTree,
+					_values: {
+						...state.content._values,
+						...newValues
+					}
+				};
+				onChangeRef.current(nextContent);
+				set({
+					content: nextContent,
+					selectedBlockId: newIds.length > 0 ? newIds[0] : state.selectedBlockId
+				});
+			},
+			moveBlock: (_id, parentId, fromIndex, toIndex) => {
+				const state = get();
+				const nextContent = {
+					...state.content,
+					_tree: reorderBlockInTree(state.content._tree, parentId, fromIndex, toIndex)
+				};
+				onChangeRef.current(nextContent);
+				set({ content: nextContent });
+			},
+			updateBlockValues: (id, newValues) => {
+				const state = get();
+				const nextContent = {
+					...state.content,
+					_values: {
+						...state.content._values,
+						[id]: {
+							...state.content._values[id],
+							...newValues
 						}
-					};
-					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
-					});
-				}
-			};
-			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] !== previewFocusState || $[9] !== store) {
-		t5 = () => {
-			if (previewFocusState?.type !== "block" && previewFocusState?.type !== "block-insert") return;
-			const state_4 = store.getState();
-			const targetBlockId = previewFocusState.type === "block" ? previewFocusState.blockId : previewFocusState.referenceBlockId ?? previewFocusState.position.parentId;
-			let expandedBlockIds = state_4.expandedBlockIds;
-			if (targetBlockId) {
-				const blockPath = getBlockPathIds(state_4.content._tree, targetBlockId);
-				if (!blockPath) return;
-				expandedBlockIds = new Set(state_4.expandedBlockIds);
-				for (const blockId of blockPath) expandedBlockIds.add(blockId);
-			}
-			if (previewFocusState.type === "block-insert") {
-				store.setState({
-					selectedBlockId: targetBlockId,
+					}
+				};
+				onChangeRef.current(nextContent);
+				set({ content: nextContent });
+			},
+			openLibrary: (position) => {
+				set({
+					insertPosition: position,
 					isLibraryOpen: true,
-					insertPosition: previewFocusState.position,
-					expandedBlockIds
+					selectedBlockId: null
+				});
+			},
+			closeLibrary: () => {
+				set({
+					isLibraryOpen: false,
+					insertPosition: null
 				});
-				return;
 			}
-			store.setState({
-				selectedBlockId: previewFocusState.blockId,
-				isLibraryOpen: false,
-				insertPosition: null,
-				expandedBlockIds
-			});
-		};
-		t6 = [previewFocusState, store];
-		$[8] = previewFocusState;
-		$[9] = store;
-		$[10] = t5;
-		$[11] = t6;
-	} else {
-		t5 = $[10];
-		t6 = $[11];
-	}
-	React.useEffect(t5, t6);
-	let t7;
-	let t8;
-	if ($[12] !== allowedBlocks || $[13] !== blocks || $[14] !== locale || $[15] !== store || $[16] !== value) {
-		t7 = () => {
-			const state_5 = store.getState();
-			let nextAllowedBlocks;
-			if (allowedBlocks != null) nextAllowedBlocks = allowedBlocks;
-			else nextAllowedBlocks = null;
-			const patch = {};
-			if (state_5.content !== value) patch.content = value;
-			if (state_5.blocks !== blocks) patch.blocks = blocks;
-			if (state_5.allowedBlocks !== nextAllowedBlocks) patch.allowedBlocks = nextAllowedBlocks;
-			if (state_5.locale !== locale) patch.locale = locale;
-			if (Object.keys(patch).length > 0) store.setState(patch);
 		};
-		t8 = [
-			value,
+		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,
+			allowedBlocks: initialAllowedBlocks,
 			locale,
-			store
-		];
-		$[12] = allowedBlocks;
-		$[13] = blocks;
-		$[14] = locale;
-		$[15] = store;
-		$[16] = value;
-		$[17] = t7;
-		$[18] = t8;
-	} else {
-		t7 = $[17];
-		t8 = $[18];
-	}
-	React.useEffect(t7, t8);
-	let t9;
-	if ($[19] !== children || $[20] !== store) {
-		t9 = /* @__PURE__ */ jsx(BlockEditorContextProvider, {
-			value: store,
-			children
+			actions
+		};
+	}));
+	React.useEffect(() => {
+		if (previewFocusState?.type !== "block" && previewFocusState?.type !== "block-insert") return;
+		const state = store.getState();
+		const targetBlockId = previewFocusState.type === "block" ? previewFocusState.blockId : previewFocusState.referenceBlockId ?? previewFocusState.position.parentId;
+		let expandedBlockIds = state.expandedBlockIds;
+		if (targetBlockId) {
+			const blockPath = getBlockPathIds(state.content._tree, targetBlockId);
+			if (!blockPath) return;
+			expandedBlockIds = new Set(state.expandedBlockIds);
+			for (const blockId of blockPath) expandedBlockIds.add(blockId);
+		}
+		if (previewFocusState.type === "block-insert") {
+			store.setState({
+				selectedBlockId: targetBlockId,
+				isLibraryOpen: true,
+				insertPosition: previewFocusState.position,
+				expandedBlockIds
+			});
+			return;
+		}
+		store.setState({
+			selectedBlockId: previewFocusState.blockId,
+			isLibraryOpen: false,
+			insertPosition: null,
+			expandedBlockIds
 		});
-		$[19] = children;
-		$[20] = store;
-		$[21] = t9;
-	} else t9 = $[21];
-	return t9;
+	}, [previewFocusState, store]);
+	React.useEffect(() => {
+		const state = store.getState();
+		let nextAllowedBlocks;
+		if (allowedBlocks != null) nextAllowedBlocks = allowedBlocks;
+		else nextAllowedBlocks = null;
+		const patch = {};
+		if (state.content !== value) patch.content = value;
+		if (state.blocks !== blocks) patch.blocks = blocks;
+		if (state.allowedBlocks !== nextAllowedBlocks) patch.allowedBlocks = nextAllowedBlocks;
+		if (state.locale !== locale) patch.locale = locale;
+		if (Object.keys(patch).length > 0) store.setState(patch);
+	}, [
+		value,
+		blocks,
+		allowedBlocks,
+		locale,
+		store
+	]);
+	return /* @__PURE__ */ jsx(BlockEditorContextProvider, {
+		value: store,
+		children
+	});
 }
 
 //#endregion