@questpie/admin 3.2.4 → 3.2.5

package/dist/client/components/auth/auth-loading.mjs

@@ -1,6 +1,5 @@
 import { cn } from "../../lib/utils.mjs";
 import { Skeleton } from "../ui/skeleton.mjs";
-import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/client/components/auth/auth-loading.tsx
@@ -12,28 +11,14 @@ import { jsx, jsxs } from "react/jsx-runtime";
 * <AuthLoading message="Checking authentication..." />
 * ```
 */
-function AuthLoading(t0) {
-	const $ = c(10);
-	const { className, message: t1, showMessage: t2 } = t0;
-	const message = t1 === void 0 ? "Loading..." : t1;
-	const showMessage = t2 === void 0 ? true : t2;
-	let t3;
-	if ($[0] !== className) {
-		t3 = cn("flex min-h-screen flex-col items-center justify-center gap-4 px-6", className);
-		$[0] = className;
-		$[1] = t3;
-	} else t3 = $[1];
-	let t4;
-	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-		t4 = /* @__PURE__ */ jsx(Skeleton, { className: "mx-auto size-12" });
-		$[2] = t4;
-	} else t4 = $[2];
-	let t5;
-	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-		t5 = /* @__PURE__ */ jsxs("div", {
+function AuthLoading({ className, message = "Loading...", showMessage = true }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex min-h-screen flex-col items-center justify-center gap-4 px-6", className),
+		"aria-busy": "true",
+		children: [/* @__PURE__ */ jsxs("div", {
 			className: "w-full max-w-sm space-y-4",
 			children: [
-				t4,
+				/* @__PURE__ */ jsx(Skeleton, { className: "mx-auto size-12" }),
 				/* @__PURE__ */ jsxs("div", {
 					className: "space-y-2",
 					children: [/* @__PURE__ */ jsx(Skeleton, {
@@ -46,32 +31,12 @@ function AuthLoading(t0) {
 				}),
 				/* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full" })
 			]
-		});
-		$[3] = t5;
-	} else t5 = $[3];
-	let t6;
-	if ($[4] !== message || $[5] !== showMessage) {
-		t6 = showMessage && /* @__PURE__ */ jsx("p", {
+		}), showMessage && /* @__PURE__ */ jsx("p", {
 			className: "text-muted-foreground text-sm",
 			role: "status",
 			children: message
-		});
-		$[4] = message;
-		$[5] = showMessage;
-		$[6] = t6;
-	} else t6 = $[6];
-	let t7;
-	if ($[7] !== t3 || $[8] !== t6) {
-		t7 = /* @__PURE__ */ jsxs("div", {
-			className: t3,
-			"aria-busy": "true",
-			children: [t5, t6]
-		});
-		$[7] = t3;
-		$[8] = t6;
-		$[9] = t7;
-	} else t7 = $[9];
-	return t7;
+		})]
+	});
 }
 
 //#endregion

package/dist/client/components/blocks/block-canvas.mjs

@@ -5,7 +5,6 @@ import { useBlockEditorActions, useBlockRegistry, useBlockTree } from "./block-e
 import { BlockIcon } from "./block-type-icon.mjs";
 import { findBlockById, findBlockPosition } from "./utils/tree-utils.mjs";
 import { BlockTree } from "./block-tree.mjs";
-import { c } from "react/compiler-runtime";
 import { Icon } from "@iconify/react";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -20,69 +19,38 @@ import { sortableKeyboardCoordinates } from "@dnd-kit/sortable";
 * Supports drag-and-drop reordering and inline field editing.
 */
 function BlockCanvas() {
-	const $ = c(22);
 	const actions = useBlockEditorActions();
 	const tree = useBlockTree();
 	const blocksByType = useBlockRegistry();
 	const [activeId, setActiveId] = React.useState(null);
-	let t0;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = { activationConstraint: { distance: 8 } };
-		$[0] = t0;
-	} else t0 = $[0];
-	let t1;
-	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-		t1 = { coordinateGetter: sortableKeyboardCoordinates };
-		$[1] = t1;
-	} else t1 = $[1];
-	const sensors = useSensors(useSensor(PointerSensor, t0), useSensor(KeyboardSensor, t1));
-	let t2;
-	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-		t2 = (event) => {
-			setActiveId(event.active.id);
-		};
-		$[2] = t2;
-	} else t2 = $[2];
-	const handleDragStart = t2;
-	let t3;
-	if ($[3] !== actions || $[4] !== tree) {
-		t3 = (event_0) => {
-			const { active, over } = event_0;
-			setActiveId(null);
-			if (!over || active.id === over.id) return;
-			const draggedId = active.id;
-			const overId = over.id;
-			const activePosition = findBlockPosition(tree, draggedId);
-			const overPosition = findBlockPosition(tree, overId);
-			if (!activePosition || !overPosition) return;
-			if (activePosition.parentId !== overPosition.parentId) return;
-			actions.moveBlock(draggedId, activePosition.parentId, activePosition.index, overPosition.index);
-		};
-		$[3] = actions;
-		$[4] = tree;
-		$[5] = t3;
-	} else t3 = $[5];
-	const handleDragEnd = t3;
-	let t4;
-	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
-		t4 = () => {
-			setActiveId(null);
-		};
-		$[6] = t4;
-	} else t4 = $[6];
-	const handleDragCancel = t4;
-	let t5;
-	if ($[7] !== activeId || $[8] !== tree) {
-		t5 = activeId ? findBlockById(tree, activeId) : null;
-		$[7] = activeId;
-		$[8] = tree;
-		$[9] = t5;
-	} else t5 = $[9];
-	const activeBlock = t5;
-	const activeBlockSchema = activeBlock ? blocksByType[activeBlock.type] : null;
-	let t6;
-	if ($[10] !== tree) {
-		t6 = /* @__PURE__ */ jsx(RenderProfiler, {
+	const sensors = useSensors(useSensor(PointerSensor, { activationConstraint: { distance: 8 } }), useSensor(KeyboardSensor, { coordinateGetter: sortableKeyboardCoordinates }));
+	const handleDragStart = React.useCallback((event) => {
+		setActiveId(event.active.id);
+	}, []);
+	const handleDragEnd = React.useCallback((event) => {
+		const { active, over } = event;
+		setActiveId(null);
+		if (!over || active.id === over.id) return;
+		const draggedId = active.id;
+		const overId = over.id;
+		const activePosition = findBlockPosition(tree, draggedId);
+		const overPosition = findBlockPosition(tree, overId);
+		if (!activePosition || !overPosition) return;
+		if (activePosition.parentId !== overPosition.parentId) return;
+		actions.moveBlock(draggedId, activePosition.parentId, activePosition.index, overPosition.index);
+	}, [actions, tree]);
+	const handleDragCancel = React.useCallback(() => {
+		setActiveId(null);
+	}, []);
+	const activeBlock = React.useMemo(() => activeId ? findBlockById(tree, activeId) : null, [activeId, tree]);
+	const activeBlockSchema = React.useMemo(() => activeBlock ? blocksByType[activeBlock.type] : null, [activeBlock, blocksByType]);
+	return /* @__PURE__ */ jsxs(DndContext, {
+		sensors,
+		collisionDetection: closestCenter,
+		onDragStart: handleDragStart,
+		onDragEnd: handleDragEnd,
+		onDragCancel: handleDragCancel,
+		children: [/* @__PURE__ */ jsx(RenderProfiler, {
 			id: "blocks.tree",
 			minDurationMs: 8,
 			children: /* @__PURE__ */ jsx(BlockTree, {
@@ -90,13 +58,7 @@ function BlockCanvas() {
 				level: 0,
 				parentId: null
 			})
-		});
-		$[10] = tree;
-		$[11] = t6;
-	} else t6 = $[11];
-	let t7;
-	if ($[12] !== activeBlock || $[13] !== activeBlockSchema) {
-		t7 = activeBlock && /* @__PURE__ */ jsxs("div", {
+		}), /* @__PURE__ */ jsx(DragOverlay, { children: activeBlock && /* @__PURE__ */ jsxs("div", {
 			className: "bg-background flex items-center gap-2 border p-2 shadow-lg",
 			children: [
 				/* @__PURE__ */ jsx(Icon, {
@@ -113,34 +75,8 @@ function BlockCanvas() {
 					children: getBlockLabel(activeBlockSchema, activeBlock.type)
 				})
 			]
-		});
-		$[12] = activeBlock;
-		$[13] = activeBlockSchema;
-		$[14] = t7;
-	} else t7 = $[14];
-	let t8;
-	if ($[15] !== t7) {
-		t8 = /* @__PURE__ */ jsx(DragOverlay, { children: t7 });
-		$[15] = t7;
-		$[16] = t8;
-	} else t8 = $[16];
-	let t9;
-	if ($[17] !== handleDragEnd || $[18] !== sensors || $[19] !== t6 || $[20] !== t8) {
-		t9 = /* @__PURE__ */ jsxs(DndContext, {
-			sensors,
-			collisionDetection: closestCenter,
-			onDragStart: handleDragStart,
-			onDragEnd: handleDragEnd,
-			onDragCancel: handleDragCancel,
-			children: [t6, t8]
-		});
-		$[17] = handleDragEnd;
-		$[18] = sensors;
-		$[19] = t6;
-		$[20] = t8;
-		$[21] = t9;
-	} else t9 = $[21];
-	return t9;
+		}) })]
+	});
 }
 function getBlockLabel(blockSchema, type) {
 	if (!blockSchema) return type.charAt(0).toUpperCase() + type.slice(1);

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

@@ -1,6 +1,5 @@
 "use client";
 
-import { c } from "react/compiler-runtime";
 import * as React from "react";
 import { useStore } from "zustand";
 
@@ -20,108 +19,65 @@ function useBlockEditorStore(selector) {
 	if (!store) throw new Error("useBlockEditor must be used within BlockEditorProvider");
 	return useStore(store, selector);
 }
+/**
+* Hook to access only block editor actions.
+*/
 function useBlockEditorActions() {
-	return useBlockEditorStore(_temp2);
+	return useBlockEditorStore((state) => state.actions);
 }
 /**
 * Hook to access current block tree.
 */
-function _temp2(state) {
-	return state.actions;
-}
 function useBlockTree() {
-	return useBlockEditorStore(_temp3);
+	return useBlockEditorStore((state) => state.content._tree);
 }
 /**
 * Hook to access values for a specific block.
 */
-function _temp3(state) {
-	return state.content._tree;
-}
 function useBlockValues(blockId) {
-	const $ = c(2);
-	let t0;
-	if ($[0] !== blockId) {
-		t0 = (state) => state.content._values[blockId];
-		$[0] = blockId;
-		$[1] = t0;
-	} else t0 = $[1];
-	return useBlockEditorStore(t0);
+	return useBlockEditorStore((state) => state.content._values[blockId]);
 }
 /**
 * Hook to access registered block definitions.
 */
 function useBlockRegistry() {
-	return useBlockEditorStore(_temp4);
+	return useBlockEditorStore((state) => state.blocks);
 }
 /**
 * Hook to access allowed block type filter.
 */
-function _temp4(state) {
-	return state.blocks;
-}
 function useAllowedBlockTypes() {
-	return useBlockEditorStore(_temp5);
+	return useBlockEditorStore((state) => state.allowedBlocks);
 }
 /**
 * Hook to access current insert position.
 */
-function _temp5(state) {
-	return state.allowedBlocks;
-}
 function useBlockInsertPosition() {
-	return useBlockEditorStore(_temp6);
+	return useBlockEditorStore((state) => state.insertPosition);
 }
 /**
 * Hook to check if block library is open.
 */
-function _temp6(state) {
-	return state.insertPosition;
-}
 function useBlockLibraryOpen() {
-	return useBlockEditorStore(_temp7);
+	return useBlockEditorStore((state) => state.isLibraryOpen);
 }
 /**
 * Hook to check if a block is selected.
 */
-function _temp7(state) {
-	return state.isLibraryOpen;
-}
 function useIsBlockSelected(blockId) {
-	const $ = c(2);
-	let t0;
-	if ($[0] !== blockId) {
-		t0 = (state) => state.selectedBlockId === blockId;
-		$[0] = blockId;
-		$[1] = t0;
-	} else t0 = $[1];
-	return useBlockEditorStore(t0);
+	return useBlockEditorStore((state) => state.selectedBlockId === blockId);
 }
 /**
 * Hook to check if a block is expanded.
 */
 function useIsBlockExpanded(blockId) {
-	const $ = c(2);
-	let t0;
-	if ($[0] !== blockId) {
-		t0 = (state) => state.expandedBlockIds.has(blockId);
-		$[0] = blockId;
-		$[1] = t0;
-	} else t0 = $[1];
-	return useBlockEditorStore(t0);
+	return useBlockEditorStore((state) => state.expandedBlockIds.has(blockId));
 }
 /**
 * Hook to get a block schema by type.
 */
 function useBlockSchema(blockType) {
-	const $ = c(2);
-	let t0;
-	if ($[0] !== blockType) {
-		t0 = (state) => state.blocks[blockType];
-		$[0] = blockType;
-		$[1] = t0;
-	} else t0 = $[1];
-	return useBlockEditorStore(t0);
+	return useBlockEditorStore((state) => state.blocks[blockType]);
 }
 /**
 * Hook to get a block schema by type.

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

@@ -8,7 +8,6 @@ import { RenderProfiler } from "../../lib/render-profiler.mjs";
 import { useBlockEditorActions, useBlockLibraryOpen, useBlockTree } from "./block-editor-context.mjs";
 import { BlockCanvas } from "./block-canvas.mjs";
 import { BlockLibrarySidebar } from "./block-library-sidebar.mjs";
-import { c } from "react/compiler-runtime";
 import { Icon } from "@iconify/react";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -20,179 +19,86 @@ import { jsx, jsxs } from "react/jsx-runtime";
 * Main layout for the block editor with inline editable blocks.
 * Uses a scrollable container with FAB for adding blocks.
 */
-function BlockEditorLayout(t0) {
-	const $ = c(31);
-	const { className, minHeight: t1 } = t0;
-	const minHeight = t1 === void 0 ? 500 : t1;
+function BlockEditorLayout({ className, minHeight = 500 }) {
 	const { t } = useTranslation();
 	const actions = useBlockEditorActions();
 	const tree = useBlockTree();
 	const isLibraryOpen = useBlockLibraryOpen();
-	let t2;
-	let t3;
-	if ($[0] !== isLibraryOpen) {
-		t2 = () => {
-			const url = new URL(window.location.href);
-			if (isLibraryOpen) url.searchParams.set("sidebar", "block-library");
-			else if (url.searchParams.get("sidebar") === "block-library") url.searchParams.delete("sidebar");
-			window.history.replaceState({}, "", url.toString());
-			window.dispatchEvent(new Event(SEARCH_PARAMS_EVENT));
-		};
-		t3 = [isLibraryOpen];
-		$[0] = isLibraryOpen;
-		$[1] = t2;
-		$[2] = t3;
-	} else {
-		t2 = $[1];
-		t3 = $[2];
-	}
-	React.useEffect(t2, t3);
+	React.useEffect(() => {
+		const url = new URL(window.location.href);
+		if (isLibraryOpen) url.searchParams.set("sidebar", "block-library");
+		else if (url.searchParams.get("sidebar") === "block-library") url.searchParams.delete("sidebar");
+		window.history.replaceState({}, "", url.toString());
+		window.dispatchEvent(new Event(SEARCH_PARAMS_EVENT));
+	}, [isLibraryOpen]);
 	const treeLengthRef = React.useRef(tree.length);
-	let t4;
-	let t5;
-	if ($[3] !== tree.length) {
-		t4 = () => {
-			treeLengthRef.current = tree.length;
-		};
-		t5 = [tree.length];
-		$[3] = tree.length;
-		$[4] = t4;
-		$[5] = t5;
-	} else {
-		t4 = $[4];
-		t5 = $[5];
-	}
-	React.useEffect(t4, t5);
-	let t6;
-	let t7;
-	if ($[6] !== actions) {
-		t6 = () => {
-			if (new URLSearchParams(window.location.search).get("sidebar") === "block-library") actions.openLibrary({
-				parentId: null,
-				index: treeLengthRef.current
-			});
-		};
-		t7 = [actions];
-		$[6] = actions;
-		$[7] = t6;
-		$[8] = t7;
-	} else {
-		t6 = $[7];
-		t7 = $[8];
-	}
-	React.useEffect(t6, t7);
-	let t8;
-	if ($[9] !== actions || $[10] !== tree.length) {
-		t8 = () => {
-			actions.openLibrary({
-				parentId: null,
-				index: tree.length
-			});
-		};
-		$[9] = actions;
-		$[10] = tree.length;
-		$[11] = t8;
-	} else t8 = $[11];
-	const handleOpenSidebar = t8;
-	let t9;
-	if ($[12] !== actions) {
-		t9 = () => {
-			actions.closeLibrary();
-		};
-		$[12] = actions;
-		$[13] = t9;
-	} else t9 = $[13];
-	const handleCloseSidebar = t9;
-	const hasBlocks = tree.length > 0;
-	let t10;
-	if ($[14] !== className) {
-		t10 = cn("qa-block-editor relative flex flex-col", className);
-		$[14] = className;
-		$[15] = t10;
-	} else t10 = $[15];
-	let t11;
-	if ($[16] !== minHeight) {
-		t11 = { minHeight };
-		$[16] = minHeight;
-		$[17] = t11;
-	} else t11 = $[17];
-	let t12;
-	if ($[18] === Symbol.for("react.memo_cache_sentinel")) {
-		t12 = /* @__PURE__ */ jsx(RenderProfiler, {
-			id: "blocks.canvas",
-			minDurationMs: 8,
-			children: /* @__PURE__ */ jsx(BlockCanvas, {})
+	React.useEffect(() => {
+		treeLengthRef.current = tree.length;
+	}, [tree.length]);
+	React.useEffect(() => {
+		if (new URLSearchParams(window.location.search).get("sidebar") === "block-library") actions.openLibrary({
+			parentId: null,
+			index: treeLengthRef.current
 		});
-		$[18] = t12;
-	} else t12 = $[18];
-	let t13;
-	if ($[19] !== handleOpenSidebar || $[20] !== hasBlocks || $[21] !== t) {
-		t13 = !hasBlocks && /* @__PURE__ */ jsxs("div", {
-			className: "py-8 text-center",
-			children: [/* @__PURE__ */ jsxs("div", {
-				className: "text-muted-foreground",
-				children: [
-					/* @__PURE__ */ jsx(Icon, {
-						icon: "ph:stack",
-						className: "text-muted-foreground/30 mx-auto mb-4 h-12 w-12"
-					}),
-					/* @__PURE__ */ jsx("p", {
-						className: "text-sm font-medium",
-						children: t("blocks.emptyTitle")
-					}),
-					/* @__PURE__ */ jsx("p", {
-						className: "text-muted-foreground mt-1 text-xs",
-						children: t("blocks.addFirst")
-					})
-				]
-			}), /* @__PURE__ */ jsxs(Button, {
-				variant: "outline",
-				size: "sm",
-				className: "mt-4",
-				onClick: handleOpenSidebar,
-				children: [/* @__PURE__ */ jsx(Icon, {
-					icon: "ph:plus",
-					className: "mr-2 h-4 w-4"
-				}), t("blocks.add")]
-			})]
+	}, [actions]);
+	const handleOpenSidebar = () => {
+		actions.openLibrary({
+			parentId: null,
+			index: tree.length
 		});
-		$[19] = handleOpenSidebar;
-		$[20] = hasBlocks;
-		$[21] = t;
-		$[22] = t13;
-	} else t13 = $[22];
-	let t14;
-	if ($[23] !== handleCloseSidebar || $[24] !== isLibraryOpen) {
-		t14 = isLibraryOpen && /* @__PURE__ */ jsx(RenderProfiler, {
-			id: "blocks.library",
-			minDurationMs: 8,
-			children: /* @__PURE__ */ jsx(BlockLibrarySidebar, {
-				open: isLibraryOpen,
-				onClose: handleCloseSidebar
+	};
+	const handleCloseSidebar = () => {
+		actions.closeLibrary();
+	};
+	const hasBlocks = tree.length > 0;
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("qa-block-editor relative flex flex-col", className),
+		style: { minHeight },
+		children: [
+			/* @__PURE__ */ jsx(RenderProfiler, {
+				id: "blocks.canvas",
+				minDurationMs: 8,
+				children: /* @__PURE__ */ jsx(BlockCanvas, {})
+			}),
+			!hasBlocks && /* @__PURE__ */ jsxs("div", {
+				className: "py-8 text-center",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "text-muted-foreground",
+					children: [
+						/* @__PURE__ */ jsx(Icon, {
+							icon: "ph:stack",
+							className: "text-muted-foreground/30 mx-auto mb-4 h-12 w-12"
+						}),
+						/* @__PURE__ */ jsx("p", {
+							className: "text-sm font-medium",
+							children: t("blocks.emptyTitle")
+						}),
+						/* @__PURE__ */ jsx("p", {
+							className: "text-muted-foreground mt-1 text-xs",
+							children: t("blocks.addFirst")
+						})
+					]
+				}), /* @__PURE__ */ jsxs(Button, {
+					variant: "outline",
+					size: "sm",
+					className: "mt-4",
+					onClick: handleOpenSidebar,
+					children: [/* @__PURE__ */ jsx(Icon, {
+						icon: "ph:plus",
+						className: "mr-2 h-4 w-4"
+					}), t("blocks.add")]
+				})]
+			}),
+			isLibraryOpen && /* @__PURE__ */ jsx(RenderProfiler, {
+				id: "blocks.library",
+				minDurationMs: 8,
+				children: /* @__PURE__ */ jsx(BlockLibrarySidebar, {
+					open: isLibraryOpen,
+					onClose: handleCloseSidebar
+				})
 			})
-		});
-		$[23] = handleCloseSidebar;
-		$[24] = isLibraryOpen;
-		$[25] = t14;
-	} else t14 = $[25];
-	let t15;
-	if ($[26] !== t10 || $[27] !== t11 || $[28] !== t13 || $[29] !== t14) {
-		t15 = /* @__PURE__ */ jsxs("div", {
-			className: t10,
-			style: t11,
-			children: [
-				t12,
-				t13,
-				t14
-			]
-		});
-		$[26] = t10;
-		$[27] = t11;
-		$[28] = t13;
-		$[29] = t14;
-		$[30] = t15;
-	} else t15 = $[30];
-	return t15;
+		]
+	});
 }
 
 //#endregion