camox 0.44.0 → 0.46.0

package/dist/features/preview/components/AddBlockSidebar.js

@@ -1,381 +0,0 @@
-import { useLocation } from "../../navigation/navigation.js";
-import { useProjectSlug } from "../../../lib/auth.js";
-import { usePageBlocks } from "../../../lib/normalized-data.js";
-import { useCamoxApp } from "../../provider/components/CamoxAppContext.js";
-import { blockMutations, blockQueries, projectQueries } from "../../../lib/queries.js";
-import { previewStore } from "../previewStore.js";
-import { useRequireDraftSource } from "../../../core/hooks/useRequireDraftSource.js";
-import { BlockThumbnail } from "./BlockThumbnail.js";
-import { usePreviewedPage } from "../CamoxPreview.js";
-import { c } from "react/compiler-runtime";
-import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-import { generateKeyBetween } from "fractional-indexing";
-import * as React from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useSelector } from "@xstate/store-react";
-import { queryKeys } from "@camox/api-contract/query-keys";
-import { Button } from "@camox/ui/button";
-import { ArrowLeft } from "lucide-react";
-import { Badge } from "@camox/ui/badge";
-import { PanelContent } from "@camox/ui/panel";
-import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from "@camox/ui/command";
-
-//#region src/features/preview/components/AddBlockSidebar.tsx
-const AddBlockSidebar = () => {
-	const $ = c(57);
-	if ($[0] !== "4c8d55ba83f686c7bfc04ce464d348e236b6ed16fb43d0305b13b93cf8de061f") {
-		for (let $i = 0; $i < 57; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "4c8d55ba83f686c7bfc04ce464d348e236b6ed16fb43d0305b13b93cf8de061f";
-	}
-	const [highlightedValue, setHighlightedValue] = React.useState("");
-	const queryClient = useQueryClient();
-	const { pathname } = useLocation();
-	const requireDraft = useRequireDraftSource();
-	let t0;
-	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = blockMutations.create();
-		$[1] = t0;
-	} else t0 = $[1];
-	let t1;
-	if ($[2] !== pathname || $[3] !== queryClient) {
-		t1 = {
-			...t0,
-			onMutate: (variables) => {
-				const pageQueryKey = queryKeys.pages.getByPath(pathname, "draft");
-				const previousPage = queryClient.getQueryData(pageQueryKey);
-				if (!previousPage) return {};
-				const blockIds = previousPage.page.blockIds;
-				const pageBlocks = blockIds.map((id) => queryClient.getQueryData(queryKeys.blocks.get(id, "draft"))?.block).filter(_temp);
-				const { afterPosition } = variables;
-				let position;
-				if (afterPosition == null) {
-					const lastBlock = pageBlocks[pageBlocks.length - 1];
-					position = generateKeyBetween(lastBlock?.position ?? null, null);
-				} else if (afterPosition === "") {
-					const firstBlock = pageBlocks[0];
-					position = generateKeyBetween(null, firstBlock?.position ?? null);
-				} else {
-					let afterIndex = -1;
-					for (let i = pageBlocks.length - 1; i >= 0; i--) if (String(pageBlocks[i].position) <= afterPosition) {
-						afterIndex = i;
-						break;
-					}
-					const nextBlock = afterIndex >= 0 ? pageBlocks[afterIndex + 1] : pageBlocks[0];
-					position = generateKeyBetween(afterIndex >= 0 ? pageBlocks[afterIndex].position : null, nextBlock?.position ?? null);
-				}
-				const now = Date.now();
-				const optimisticId = -now;
-				const optimisticBlock = {
-					id: optimisticId,
-					pageId: variables.pageId,
-					layoutId: null,
-					type: variables.type,
-					content: variables.content,
-					settings: variables.settings ?? null,
-					placement: null,
-					summary: "",
-					position,
-					createdAt: now,
-					updatedAt: now
-				};
-				queryClient.setQueryData(queryKeys.blocks.get(optimisticId, "draft"), {
-					block: optimisticBlock,
-					repeatableItems: [],
-					files: []
-				});
-				const insertIndex = pageBlocks.findIndex((b_0) => b_0.position > position);
-				const newBlockIds = [...blockIds];
-				if (insertIndex === -1) newBlockIds.push(optimisticId);
-				else newBlockIds.splice(insertIndex, 0, optimisticId);
-				queryClient.setQueryData(pageQueryKey, {
-					...previousPage,
-					page: {
-						...previousPage.page,
-						blockIds: newBlockIds
-					}
-				});
-				queryClient.cancelQueries({ queryKey: pageQueryKey });
-				return {
-					previousPage,
-					optimisticId
-				};
-			},
-			onError: (_error, _variables, context) => {
-				if (context?.previousPage) queryClient.setQueryData(queryKeys.pages.getByPath(pathname, "draft"), context.previousPage);
-				if (context?.optimisticId) queryClient.removeQueries({ queryKey: queryKeys.blocks.get(context.optimisticId, "draft") });
-			},
-			onSettled: () => {
-				queryClient.invalidateQueries({ queryKey: queryKeys.pages.getByPath(pathname, "draft") });
-			}
-		};
-		$[2] = pathname;
-		$[3] = queryClient;
-		$[4] = t1;
-	} else t1 = $[4];
-	const createBlock = useMutation(t1);
-	const projectSlug = useProjectSlug();
-	let t2;
-	if ($[5] !== projectSlug) {
-		t2 = projectQueries.getBySlug(projectSlug);
-		$[5] = projectSlug;
-		$[6] = t2;
-	} else t2 = $[6];
-	const { data: project } = useQuery(t2);
-	const availableBlocks = useCamoxApp().getBlocks().filter(_temp2);
-	const page = usePreviewedPage();
-	const { pageBlocks: pageBlocks_0 } = usePageBlocks(page);
-	let t3;
-	if ($[7] !== project?.id) {
-		t3 = blockQueries.getUsageCounts(project?.id ?? 0);
-		$[7] = project?.id;
-		$[8] = t3;
-	} else t3 = $[8];
-	const t4 = !!project;
-	let t5;
-	if ($[9] !== t3 || $[10] !== t4) {
-		t5 = {
-			...t3,
-			enabled: t4
-		};
-		$[9] = t3;
-		$[10] = t4;
-		$[11] = t5;
-	} else t5 = $[11];
-	const { data: t6 } = useQuery(t5);
-	let t7;
-	if ($[12] !== t6) {
-		t7 = t6 === void 0 ? {} : t6;
-		$[12] = t6;
-		$[13] = t7;
-	} else t7 = $[13];
-	const totalCounts = t7;
-	let t8;
-	if ($[14] !== page || $[15] !== pageBlocks_0) {
-		bb0: {
-			const counts = {};
-			if (!page) {
-				t8 = counts;
-				break bb0;
-			}
-			for (const block of pageBlocks_0) counts[block.type] = (counts[block.type] ?? 0) + 1;
-			t8 = counts;
-		}
-		$[14] = page;
-		$[15] = pageBlocks_0;
-		$[16] = t8;
-	} else t8 = $[16];
-	const pageCounts = t8;
-	const peekedBlockPosition = useSelector(previewStore, _temp3);
-	let t9;
-	if ($[17] !== createBlock || $[18] !== page || $[19] !== pageBlocks_0 || $[20] !== peekedBlockPosition || $[21] !== requireDraft) {
-		t9 = async (block_0) => {
-			if (!page) return;
-			if (!requireDraft()) return;
-			const afterPosition_0 = peekedBlockPosition === "" ? "" : peekedBlockPosition ?? pageBlocks_0[pageBlocks_0.length - 1]?.position;
-			const bundle = block_0._internal.getInitialBundle();
-			const { id: blockId } = await createBlock.mutateAsync({
-				pageId: page.page.id,
-				type: block_0._internal.id,
-				content: bundle.content,
-				settings: bundle.settings,
-				afterPosition: afterPosition_0,
-				repeatableItems: bundle.repeatableItems
-			});
-			previewStore.send({
-				type: "focusCreatedBlock",
-				blockId
-			});
-			previewStore.send({ type: "exitPeekedBlock" });
-		};
-		$[17] = createBlock;
-		$[18] = page;
-		$[19] = pageBlocks_0;
-		$[20] = peekedBlockPosition;
-		$[21] = requireDraft;
-		$[22] = t9;
-	} else t9 = $[22];
-	const handleAddBlock = t9;
-	let t10;
-	if ($[23] !== pageBlocks_0 || $[24] !== peekedBlockPosition) {
-		t10 = (block_1) => {
-			const afterPosition_1 = peekedBlockPosition === "" ? "" : peekedBlockPosition ?? pageBlocks_0[pageBlocks_0.length - 1]?.position;
-			previewStore.send({
-				type: "setPeekedBlock",
-				block: block_1,
-				afterPosition: afterPosition_1
-			});
-		};
-		$[23] = pageBlocks_0;
-		$[24] = peekedBlockPosition;
-		$[25] = t10;
-	} else t10 = $[25];
-	const handlePreviewBlock = t10;
-	const handleValueChange = (value) => {
-		setHighlightedValue(value);
-		const block_2 = availableBlocks.find((b_2) => b_2._internal.title === value);
-		if (block_2) handlePreviewBlock(block_2);
-		else previewStore.send({ type: "clearPeekedBlock" });
-	};
-	let t11;
-	if ($[26] !== pageCounts || $[27] !== totalCounts) {
-		t11 = (blockId_0) => {
-			const total = totalCounts[blockId_0] ?? 0;
-			if (total === 0) return "Never used";
-			const page_0 = pageCounts[blockId_0] ?? "none";
-			return `${total} use${total > 1 ? "s" : ""} (${page_0} here)`;
-		};
-		$[26] = pageCounts;
-		$[27] = totalCounts;
-		$[28] = t11;
-	} else t11 = $[28];
-	const displayCount = t11;
-	let t12;
-	if ($[29] === Symbol.for("react.memo_cache_sentinel")) {
-		t12 = /* @__PURE__ */ jsx("div", {
-			className: "px-2 pt-2",
-			children: /* @__PURE__ */ jsxs(Button, {
-				variant: "ghost",
-				className: "w-full justify-start",
-				onClick: _temp4,
-				children: [/* @__PURE__ */ jsx(ArrowLeft, { className: "text-muted-foreground" }), "Add new block"]
-			})
-		});
-		$[29] = t12;
-	} else t12 = $[29];
-	const T0 = PanelContent;
-	const t13 = "flex min-h-0 grow basis-0 flex-col overflow-hidden px-2 pt-2";
-	const T1 = Command;
-	const t14 = "h-0 min-h-0 flex-1 rounded-none! bg-transparent! p-0!";
-	const t15 = _temp5;
-	let t16;
-	if ($[30] === Symbol.for("react.memo_cache_sentinel")) {
-		t16 = /* @__PURE__ */ jsx(CommandInput, {
-			placeholder: "Search blocks...",
-			className: "px-0 pt-0",
-			autoFocus: true
-		});
-		$[30] = t16;
-	} else t16 = $[30];
-	const T2 = CommandList;
-	const t17 = "mt-2 max-h-none min-h-0 flex-1 pb-2";
-	let t18;
-	if ($[31] === Symbol.for("react.memo_cache_sentinel")) {
-		t18 = /* @__PURE__ */ jsx(CommandEmpty, { children: "No blocks found." });
-		$[31] = t18;
-	} else t18 = $[31];
-	const T3 = CommandGroup;
-	const t19 = "p-0";
-	let t20;
-	if ($[32] !== totalCounts) {
-		t20 = (a, b_3) => (totalCounts[b_3._internal.id] ?? 0) - (totalCounts[a._internal.id] ?? 0);
-		$[32] = totalCounts;
-		$[33] = t20;
-	} else t20 = $[33];
-	let t21;
-	if ($[34] !== displayCount || $[35] !== handleAddBlock) {
-		t21 = (block_3) => /* @__PURE__ */ jsxs(CommandItem, {
-			value: block_3._internal.title,
-			keywords: [block_3._internal.description ?? ""],
-			hideCheck: true,
-			onSelect: () => {
-				handleAddBlock(block_3);
-			},
-			className: "group bg-card data-[selected=true]:border-primary mb-3 flex flex-col items-stretch gap-0 overflow-hidden rounded-lg border-2 p-0 last:mb-0",
-			children: [/* @__PURE__ */ jsx(BlockThumbnail, { block: block_3 }), /* @__PURE__ */ jsxs("div", {
-				className: "border-border flex flex-col gap-1 border-t px-3 py-2",
-				children: [/* @__PURE__ */ jsxs("div", {
-					className: "flex items-center justify-between gap-2",
-					children: [/* @__PURE__ */ jsx("span", {
-						className: "min-w-0 leading-5 font-medium",
-						children: block_3._internal.title
-					}), block_3._internal.synced && /* @__PURE__ */ jsx(Badge, {
-						variant: "secondary",
-						size: "sm",
-						children: "Synced"
-					})]
-				}), /* @__PURE__ */ jsx("span", {
-					className: "text-muted-foreground text-xs leading-4",
-					children: displayCount(block_3._internal.id)
-				})]
-			})]
-		}, block_3._internal.id);
-		$[34] = displayCount;
-		$[35] = handleAddBlock;
-		$[36] = t21;
-	} else t21 = $[36];
-	const t22 = availableBlocks.sort(t20).map(t21);
-	let t23;
-	if ($[37] !== T3 || $[38] !== t22) {
-		t23 = /* @__PURE__ */ jsx(T3, {
-			className: t19,
-			children: t22
-		});
-		$[37] = T3;
-		$[38] = t22;
-		$[39] = t23;
-	} else t23 = $[39];
-	let t24;
-	if ($[40] !== T2 || $[41] !== t18 || $[42] !== t23) {
-		t24 = /* @__PURE__ */ jsxs(T2, {
-			className: t17,
-			children: [t18, t23]
-		});
-		$[40] = T2;
-		$[41] = t18;
-		$[42] = t23;
-		$[43] = t24;
-	} else t24 = $[43];
-	let t25;
-	if ($[44] !== T1 || $[45] !== handleValueChange || $[46] !== highlightedValue || $[47] !== t15 || $[48] !== t16 || $[49] !== t24) {
-		t25 = /* @__PURE__ */ jsxs(T1, {
-			value: highlightedValue,
-			onValueChange: handleValueChange,
-			className: t14,
-			onKeyDown: t15,
-			children: [t16, t24]
-		});
-		$[44] = T1;
-		$[45] = handleValueChange;
-		$[46] = highlightedValue;
-		$[47] = t15;
-		$[48] = t16;
-		$[49] = t24;
-		$[50] = t25;
-	} else t25 = $[50];
-	let t26;
-	if ($[51] !== T0 || $[52] !== t25) {
-		t26 = /* @__PURE__ */ jsx(T0, {
-			className: t13,
-			children: t25
-		});
-		$[51] = T0;
-		$[52] = t25;
-		$[53] = t26;
-	} else t26 = $[53];
-	let t27;
-	if ($[54] !== t12 || $[55] !== t26) {
-		t27 = /* @__PURE__ */ jsxs(Fragment, { children: [t12, t26] });
-		$[54] = t12;
-		$[55] = t26;
-		$[56] = t27;
-	} else t27 = $[56];
-	return t27;
-};
-function _temp(b) {
-	return b != null;
-}
-function _temp2(b_1) {
-	return !b_1._internal.layoutOnly;
-}
-function _temp3(state) {
-	return state.context.peekedBlockPosition;
-}
-function _temp4() {
-	return previewStore.send({ type: "closeAddBlockSidebar" });
-}
-function _temp5(e) {
-	if (e.key === "Escape") previewStore.send({ type: "closeAddBlockSidebar" });
-}
-
-//#endregion
-export { AddBlockSidebar };