@questpie/admin 1.1.1 → 3.0.0

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

@@ -0,0 +1,60 @@
+import { selectBasePath, selectNavigate, useAdminStore } from "../../runtime/provider.mjs";
+import { useAuthClient } from "../../hooks/use-auth.mjs";
+import { AuthLoading } from "./auth-loading.mjs";
+import * as React from "react";
+import { Fragment, jsx } from "react/jsx-runtime";
+
+//#region src/client/components/auth/auth-guard.tsx
+/**
+* Auth Guard Component
+*
+* Wraps protected content and handles authentication state.
+* Shows loading state while checking session, redirects to login
+* if not authenticated or missing required role.
+*
+* @example
+* ```tsx
+* <AuthGuard loginPath="/admin/login" requiredRole="admin">
+*   <ProtectedContent />
+* </AuthGuard>
+* ```
+*/
+/**
+* Auth Guard Component
+*
+* Protects content by checking authentication state and user role.
+* Uses Better Auth's useSession() hook internally.
+*/
+function AuthGuard({ children, loadingFallback, loginPath, unauthorizedFallback, requiredRole = "admin", disabled = false }) {
+	"use no memo";
+	const authClient = useAuthClient();
+	const basePath = useAdminStore(selectBasePath);
+	const navigate = useAdminStore(selectNavigate);
+	const authEnabled = !disabled;
+	const sessionResult = authClient.useSession();
+	const session = authEnabled ? sessionResult?.data ?? null : null;
+	const isPending = authEnabled ? sessionResult?.isPending ?? false : false;
+	const resolvedLoginPath = loginPath ?? `${basePath}/login`;
+	const shouldRedirect = authEnabled && !isPending && (!session || session.user?.role !== requiredRole);
+	React.useEffect(() => {
+		if (shouldRedirect && !unauthorizedFallback) {
+			const currentPath = typeof window !== "undefined" ? window.location.pathname : "";
+			navigate(currentPath ? `${resolvedLoginPath}?redirect=${encodeURIComponent(currentPath)}` : resolvedLoginPath);
+		}
+	}, [
+		shouldRedirect,
+		unauthorizedFallback,
+		resolvedLoginPath,
+		navigate
+	]);
+	if (!authEnabled) return /* @__PURE__ */ jsx(Fragment, { children });
+	if (isPending) return /* @__PURE__ */ jsx(Fragment, { children: loadingFallback ?? /* @__PURE__ */ jsx(AuthLoading, {}) });
+	if (!session || session.user?.role !== requiredRole) {
+		if (unauthorizedFallback) return /* @__PURE__ */ jsx(Fragment, { children: unauthorizedFallback });
+		return /* @__PURE__ */ jsx(Fragment, { children: loadingFallback ?? /* @__PURE__ */ jsx(AuthLoading, {}) });
+	}
+	return /* @__PURE__ */ jsx(Fragment, { children });
+}
+
+//#endregion
+export { AuthGuard };

package/dist/client/components/auth/auth-loading.d.mts

@@ -0,0 +1,35 @@
+import * as React from "react";
+
+//#region src/client/components/auth/auth-loading.d.ts
+
+interface AuthLoadingProps {
+  /**
+   * Custom class name for the container
+   */
+  className?: string;
+  /**
+   * Loading message to display
+   * @default "Loading..."
+   */
+  message?: string;
+  /**
+   * Show the loading message
+   * @default true
+   */
+  showMessage?: boolean;
+}
+/**
+ * Full-page loading state for authentication
+ *
+ * @example
+ * ```tsx
+ * <AuthLoading message="Checking authentication..." />
+ * ```
+ */
+declare function AuthLoading({
+  className,
+  message,
+  showMessage
+}: AuthLoadingProps): React.ReactElement;
+//#endregion
+export { AuthLoading };

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

@@ -0,0 +1,55 @@
+import { cn } from "../../lib/utils.mjs";
+import { Spinner } from "../ui/spinner.mjs";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/client/components/auth/auth-loading.tsx
+/**
+* Full-page loading state for authentication
+*
+* @example
+* ```tsx
+* <AuthLoading message="Checking authentication..." />
+* ```
+*/
+function AuthLoading(t0) {
+	const $ = c(9);
+	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", className);
+		$[0] = className;
+		$[1] = t3;
+	} else t3 = $[1];
+	let t4;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = /* @__PURE__ */ jsx(Spinner, { className: "text-primary size-8" });
+		$[2] = t4;
+	} else t4 = $[2];
+	let t5;
+	if ($[3] !== message || $[4] !== showMessage) {
+		t5 = showMessage && /* @__PURE__ */ jsx("p", {
+			className: "text-muted-foreground text-sm",
+			children: message
+		});
+		$[3] = message;
+		$[4] = showMessage;
+		$[5] = t5;
+	} else t5 = $[5];
+	let t6;
+	if ($[6] !== t3 || $[7] !== t5) {
+		t6 = /* @__PURE__ */ jsxs("div", {
+			className: t3,
+			children: [t4, t5]
+		});
+		$[6] = t3;
+		$[7] = t5;
+		$[8] = t6;
+	} else t6 = $[8];
+	return t6;
+}
+
+//#endregion
+export { AuthLoading };

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

@@ -0,0 +1,159 @@
+"use client";
+
+import { RenderProfiler } from "../../lib/render-profiler.mjs";
+import { useBlockEditorActions, useBlockRegistry, useBlockTree } from "./block-editor-context.mjs";
+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";
+import { DndContext, DragOverlay, KeyboardSensor, PointerSensor, closestCenter, useSensor, useSensors } from "@dnd-kit/core";
+import { sortableKeyboardCoordinates } from "@dnd-kit/sortable";
+
+//#region src/client/components/blocks/block-canvas.tsx
+/**
+* Block Canvas
+*
+* Main canvas area for displaying and editing the block tree.
+* 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, {
+			id: "blocks.tree",
+			minDurationMs: 8,
+			children: /* @__PURE__ */ jsx(BlockTree, {
+				blocks: tree,
+				level: 0,
+				parentId: null
+			})
+		});
+		$[10] = tree;
+		$[11] = t6;
+	} else t6 = $[11];
+	let t7;
+	if ($[12] !== activeBlock || $[13] !== activeBlockSchema) {
+		t7 = activeBlock && /* @__PURE__ */ jsxs("div", {
+			className: "bg-background flex items-center gap-2 border p-2 shadow-lg",
+			children: [
+				/* @__PURE__ */ jsx(Icon, {
+					icon: "ph:dots-six-vertical",
+					className: "text-muted-foreground h-4 w-4"
+				}),
+				/* @__PURE__ */ jsx(BlockIcon, {
+					icon: activeBlockSchema?.admin?.icon,
+					size: 16,
+					className: "text-muted-foreground"
+				}),
+				/* @__PURE__ */ jsx("span", {
+					className: "text-sm font-medium",
+					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);
+	const label = blockSchema.admin?.label;
+	if (!label) return type.charAt(0).toUpperCase() + type.slice(1);
+	if (typeof label === "string") return label;
+	if (typeof label === "object" && label !== null) {
+		if ("en" in label && typeof label.en === "string") return label.en;
+		const first = Object.values(label)[0];
+		if (typeof first === "string") return first;
+	}
+	return type.charAt(0).toUpperCase() + type.slice(1);
+}
+
+//#endregion
+export { BlockCanvas };

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

@@ -0,0 +1,125 @@
+"use client";
+
+import { c } from "react/compiler-runtime";
+import * as React from "react";
+import { useStore } from "zustand";
+
+//#region src/client/components/blocks/block-editor-context.tsx
+/**
+* Block Editor Context
+*
+* Context and selector hooks for block editor state management.
+*/
+const BlockEditorContext = React.createContext(null);
+const BlockEditorContextProvider = BlockEditorContext.Provider;
+/**
+* Selector hook for block editor store.
+*/
+function useBlockEditorStore(selector) {
+	const store = React.useContext(BlockEditorContext);
+	if (!store) throw new Error("useBlockEditor must be used within BlockEditorProvider");
+	return useStore(store, selector);
+}
+function useBlockEditorActions() {
+	return useBlockEditorStore(_temp2);
+}
+/**
+* Hook to access current block tree.
+*/
+function _temp2(state) {
+	return state.actions;
+}
+function useBlockTree() {
+	return useBlockEditorStore(_temp3);
+}
+/**
+* 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);
+}
+/**
+* Hook to access registered block definitions.
+*/
+function useBlockRegistry() {
+	return useBlockEditorStore(_temp4);
+}
+/**
+* Hook to access allowed block type filter.
+*/
+function _temp4(state) {
+	return state.blocks;
+}
+function useAllowedBlockTypes() {
+	return useBlockEditorStore(_temp5);
+}
+/**
+* Hook to access current insert position.
+*/
+function _temp5(state) {
+	return state.allowedBlocks;
+}
+function useBlockInsertPosition() {
+	return useBlockEditorStore(_temp6);
+}
+/**
+* Hook to check if block library is open.
+*/
+function _temp6(state) {
+	return state.insertPosition;
+}
+function useBlockLibraryOpen() {
+	return useBlockEditorStore(_temp7);
+}
+/**
+* Hook to check if a block is selected.
+*/
+function _temp7(state) {
+	return state.isLibraryOpen;
+}
+/**
+* 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);
+}
+/**
+* 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);
+}
+/**
+* Hook to get a block schema by type.
+* @deprecated Use useBlockSchema instead
+*/
+function useBlockDefinition(blockType) {
+	return useBlockSchema(blockType);
+}
+
+//#endregion
+export { BlockEditorContextProvider, useAllowedBlockTypes, useBlockDefinition, useBlockEditorActions, useBlockInsertPosition, useBlockLibraryOpen, useBlockRegistry, useBlockSchema, useBlockTree, useBlockValues, useIsBlockExpanded };

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

@@ -0,0 +1,199 @@
+"use client";
+
+import { useTranslation } from "../../i18n/hooks.mjs";
+import { cn } from "../../lib/utils.mjs";
+import { Button } from "../ui/button.mjs";
+import { SEARCH_PARAMS_EVENT } from "../../lib/events.mjs";
+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";
+
+//#region src/client/components/blocks/block-editor-layout.tsx
+/**
+* Block Editor Layout
+*
+* 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;
+	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);
+	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, {})
+		});
+		$[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: "No blocks yet"
+					}),
+					/* @__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"
+				}), "Add block"]
+			})]
+		});
+		$[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
+			})
+		});
+		$[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
+export { BlockEditorLayout };