camox 0.3.0 → 0.3.1

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

@@ -1,3 +1,4 @@
+import { c } from "react/compiler-runtime";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { codeToHtml } from "shiki";
@@ -9,29 +10,54 @@ var css = `
   background-color: var(--shiki-dark-bg) !important;
 }
 `;
-var ShikiMarkdown = ({ code }) => {
+var ShikiMarkdown = (t0) => {
+	const $ = c(6);
+	const { code } = t0;
 	const [html, setHtml] = React.useState("");
-	React.useEffect(() => {
-		let cancelled = false;
-		codeToHtml(code, {
-			lang: "markdown",
-			themes: {
-				light: "github-light",
-				dark: "github-dark-high-contrast"
-			},
-			defaultColor: false
-		}).then((result) => {
-			if (!cancelled) setHtml(result);
-		});
-		return () => {
-			cancelled = true;
+	let t1;
+	let t2;
+	if ($[0] !== code) {
+		t1 = () => {
+			let cancelled = false;
+			codeToHtml(code, {
+				lang: "markdown",
+				themes: {
+					light: "github-light",
+					dark: "github-dark-high-contrast"
+				},
+				defaultColor: false
+			}).then((result) => {
+				if (!cancelled) setHtml(result);
+			});
+			return () => {
+				cancelled = true;
+			};
 		};
-	}, [code]);
+		t2 = [code];
+		$[0] = code;
+		$[1] = t1;
+		$[2] = t2;
+	} else {
+		t1 = $[1];
+		t2 = $[2];
+	}
+	React.useEffect(t1, t2);
 	if (!html) return null;
-	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("style", { children: css }), /* @__PURE__ */ jsx("div", {
-		className: "border-input w-full min-w-0 overflow-hidden rounded-md border text-sm [&_code]:font-mono [&_pre]:rounded-md [&_pre]:px-3 [&_pre]:py-2 [&_pre]:break-all [&_pre]:whitespace-pre-wrap",
-		dangerouslySetInnerHTML: { __html: html }
-	})] });
+	let t3;
+	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = /* @__PURE__ */ jsx("style", { children: css });
+		$[3] = t3;
+	} else t3 = $[3];
+	let t4;
+	if ($[4] !== html) {
+		t4 = /* @__PURE__ */ jsxs(Fragment, { children: [t3, /* @__PURE__ */ jsx("div", {
+			className: "border-input w-full min-w-0 overflow-hidden rounded-md border text-sm [&_code]:font-mono [&_pre]:rounded-md [&_pre]:px-3 [&_pre]:py-2 [&_pre]:break-all [&_pre]:whitespace-pre-wrap",
+			dangerouslySetInnerHTML: { __html: html }
+		})] });
+		$[4] = html;
+		$[5] = t4;
+	} else t4 = $[5];
+	return t4;
 };
 //#endregion
 export { ShikiMarkdown };

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

@@ -3,6 +3,7 @@ import { useIsPreviewSheetOpen } from "./PreviewSideSheet.js";
 import { isOverlayMessage } from "../overlayMessages.js";
 import { FORMAT_FLAGS } from "../../../core/lib/modifierFormats.js";
 import { cn } from "../../../lib/utils.js";
+import { c } from "react/compiler-runtime";
 import { Kbd } from "@camox/ui/kbd";
 import { useSelector } from "@xstate/store/react";
 import * as React from "react";
@@ -27,33 +28,63 @@ var FORMAT_BUTTONS = [{
 	shortcut: "⌘ I"
 }];
 var TextFormatToolbar = () => {
-	const iframeElement = useSelector(previewStore, (state) => state.context.iframeElement);
+	const $ = c(15);
+	const iframeElement = useSelector(previewStore, _temp);
 	const isAnySideSheetOpen = useIsPreviewSheetOpen();
 	const [hasSelection, setHasSelection] = React.useState(false);
 	const [activeFormats, setActiveFormats] = React.useState(0);
-	React.useEffect(() => {
-		const handleMessage = (event) => {
-			const data = event.data;
-			if (!isOverlayMessage(data) || data.type !== "CAMOX_TEXT_SELECTION_STATE") return;
-			setHasSelection(data.hasSelection);
-			setActiveFormats(data.activeFormats);
+	let t0;
+	let t1;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = () => {
+			const handleMessage = (event) => {
+				const data = event.data;
+				if (!isOverlayMessage(data) || data.type !== "CAMOX_TEXT_SELECTION_STATE") return;
+				setHasSelection(data.hasSelection);
+				setActiveFormats(data.activeFormats);
+			};
+			window.addEventListener("message", handleMessage);
+			return () => window.removeEventListener("message", handleMessage);
 		};
-		window.addEventListener("message", handleMessage);
-		return () => window.removeEventListener("message", handleMessage);
-	}, []);
-	const sendFormat = (formatKey) => {
-		iframeElement?.contentWindow?.postMessage({
-			type: "CAMOX_FORMAT_TEXT",
-			formatKey
-		}, "*");
-	};
-	return /* @__PURE__ */ jsxs(FloatingToolbar, {
-		onMouseDown: (e) => e.preventDefault(),
-		className: cn("bottom-17 gap-2", hasSelection && !isAnySideSheetOpen ? "opacity-100 translate-y-0" : "opacity-0 pointer-events-none translate-y-2"),
-		children: [/* @__PURE__ */ jsx("span", {
+		t1 = [];
+		$[0] = t0;
+		$[1] = t1;
+	} else {
+		t0 = $[0];
+		t1 = $[1];
+	}
+	React.useEffect(t0, t1);
+	let t2;
+	if ($[2] !== iframeElement?.contentWindow) {
+		t2 = (formatKey) => {
+			iframeElement?.contentWindow?.postMessage({
+				type: "CAMOX_FORMAT_TEXT",
+				formatKey
+			}, "*");
+		};
+		$[2] = iframeElement?.contentWindow;
+		$[3] = t2;
+	} else t2 = $[3];
+	const sendFormat = t2;
+	const t3 = hasSelection && !isAnySideSheetOpen ? "opacity-100 translate-y-0" : "opacity-0 pointer-events-none translate-y-2";
+	let t4;
+	if ($[4] !== t3) {
+		t4 = cn("bottom-17 gap-2", t3);
+		$[4] = t3;
+		$[5] = t4;
+	} else t4 = $[5];
+	let t5;
+	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = /* @__PURE__ */ jsx("span", {
 			className: "text-muted-foreground text-sm",
 			children: "Selected text"
-		}), /* @__PURE__ */ jsx(ButtonGroup, { children: FORMAT_BUTTONS.map(({ key, flag, icon: Icon, label, shortcut }) => {
+		});
+		$[6] = t5;
+	} else t5 = $[6];
+	let t6;
+	if ($[7] !== activeFormats || $[8] !== sendFormat) {
+		t6 = FORMAT_BUTTONS.map((t7) => {
+			const { key, flag, icon: Icon, label, shortcut } = t7;
 			const isActive = !!(activeFormats & flag);
 			return /* @__PURE__ */ jsxs(Tooltip$1.Tooltip, { children: [/* @__PURE__ */ jsx(Tooltip$1.TooltipTrigger, {
 				asChild: true,
@@ -69,8 +100,35 @@ var TextFormatToolbar = () => {
 				" ",
 				/* @__PURE__ */ jsx(Kbd, { children: shortcut })
 			] })] }, key);
-		}) })]
-	});
+		});
+		$[7] = activeFormats;
+		$[8] = sendFormat;
+		$[9] = t6;
+	} else t6 = $[9];
+	let t7;
+	if ($[10] !== t6) {
+		t7 = /* @__PURE__ */ jsx(ButtonGroup, { children: t6 });
+		$[10] = t6;
+		$[11] = t7;
+	} else t7 = $[11];
+	let t8;
+	if ($[12] !== t4 || $[13] !== t7) {
+		t8 = /* @__PURE__ */ jsxs(FloatingToolbar, {
+			onMouseDown: _temp2,
+			className: t4,
+			children: [t5, t7]
+		});
+		$[12] = t4;
+		$[13] = t7;
+		$[14] = t8;
+	} else t8 = $[14];
+	return t8;
 };
+function _temp(state) {
+	return state.context.iframeElement;
+}
+function _temp2(e) {
+	return e.preventDefault();
+}
 //#endregion
 export { TextFormatToolbar };

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

@@ -1,5 +1,6 @@
 import { fileMutations, fileQueries } from "../../../lib/queries.js";
 import { cn } from "../../../lib/utils.js";
+import { c } from "react/compiler-runtime";
 import { useMutation, useQuery } from "@tanstack/react-query";
 import { useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -8,51 +9,171 @@ import { Tooltip, TooltipContent, TooltipTrigger } from "@camox/ui/tooltip";
 import { X } from "lucide-react";
 import { AlertDialog, AlertDialogAction, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle } from "@camox/ui/alert-dialog";
 //#region src/features/preview/components/UnlinkAssetButton.tsx
-var UnlinkAssetButton = ({ fileId, onUnlink, className }) => {
+var UnlinkAssetButton = (t0) => {
+	const $ = c(41);
+	const { fileId, onUnlink, className } = t0;
 	const [dialogOpen, setDialogOpen] = useState(false);
-	const deleteFile = useMutation(fileMutations.delete());
-	const { data: usageCount } = useQuery({
-		...fileQueries.getUsageCount(fileId),
-		enabled: !!fileId
-	});
-	const handleClick = (e) => {
-		e.stopPropagation();
-		if (!fileId || usageCount === void 0 || usageCount > 1) {
-			onUnlink();
-			return;
-		}
-		setDialogOpen(true);
-	};
-	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
-		asChild: true,
-		children: /* @__PURE__ */ jsx(Button, {
-			type: "button",
-			variant: "ghost",
-			size: "icon-sm",
-			className: cn("text-muted-foreground hover:text-foreground shrink-0", className),
-			onClick: handleClick,
-			children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
-		})
-	}), /* @__PURE__ */ jsx(TooltipContent, { children: "Unlink" })] }), /* @__PURE__ */ jsx(AlertDialog, {
-		open: dialogOpen,
-		onOpenChange: setDialogOpen,
-		children: /* @__PURE__ */ jsxs(AlertDialogContent, { children: [/* @__PURE__ */ jsxs(AlertDialogHeader, { children: [/* @__PURE__ */ jsx(AlertDialogTitle, { children: "Unlink file" }), /* @__PURE__ */ jsx(AlertDialogDescription, { children: "This file is not used anywhere else. Would you like to also delete it?" })] }), /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [/* @__PURE__ */ jsx(AlertDialogAction, {
-			onClick: () => onUnlink(),
+	let t1;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = fileMutations.delete();
+		$[0] = t1;
+	} else t1 = $[0];
+	const deleteFile = useMutation(t1);
+	let t2;
+	if ($[1] !== fileId) {
+		t2 = fileQueries.getUsageCount(fileId);
+		$[1] = fileId;
+		$[2] = t2;
+	} else t2 = $[2];
+	const t3 = !!fileId;
+	let t4;
+	if ($[3] !== t2 || $[4] !== t3) {
+		t4 = {
+			...t2,
+			enabled: t3
+		};
+		$[3] = t2;
+		$[4] = t3;
+		$[5] = t4;
+	} else t4 = $[5];
+	const { data: usageCount } = useQuery(t4);
+	let t5;
+	if ($[6] !== fileId || $[7] !== onUnlink || $[8] !== usageCount) {
+		t5 = (e) => {
+			e.stopPropagation();
+			if (!fileId || usageCount === void 0 || usageCount > 1) {
+				onUnlink();
+				return;
+			}
+			setDialogOpen(true);
+		};
+		$[6] = fileId;
+		$[7] = onUnlink;
+		$[8] = usageCount;
+		$[9] = t5;
+	} else t5 = $[9];
+	const handleClick = t5;
+	let t6;
+	if ($[10] !== className) {
+		t6 = cn("text-muted-foreground hover:text-foreground shrink-0", className);
+		$[10] = className;
+		$[11] = t6;
+	} else t6 = $[11];
+	let t7;
+	if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
+		t7 = /* @__PURE__ */ jsx(X, { className: "h-4 w-4" });
+		$[12] = t7;
+	} else t7 = $[12];
+	let t8;
+	if ($[13] !== handleClick || $[14] !== t6) {
+		t8 = /* @__PURE__ */ jsx(TooltipTrigger, {
 			asChild: true,
 			children: /* @__PURE__ */ jsx(Button, {
-				variant: "outline",
-				className: "bg-background hover:bg-accent text-foreground",
-				children: "Unlink only"
+				type: "button",
+				variant: "ghost",
+				size: "icon-sm",
+				className: t6,
+				onClick: handleClick,
+				children: t7
 			})
-		}), /* @__PURE__ */ jsx(AlertDialogAction, {
-			onClick: () => {
-				onUnlink();
-				if (fileId) deleteFile.mutate({ id: fileId });
-			},
+		});
+		$[13] = handleClick;
+		$[14] = t6;
+		$[15] = t8;
+	} else t8 = $[15];
+	let t9;
+	if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
+		t9 = /* @__PURE__ */ jsx(TooltipContent, { children: "Unlink" });
+		$[16] = t9;
+	} else t9 = $[16];
+	let t10;
+	if ($[17] !== t8) {
+		t10 = /* @__PURE__ */ jsxs(Tooltip, { children: [t8, t9] });
+		$[17] = t8;
+		$[18] = t10;
+	} else t10 = $[18];
+	let t11;
+	if ($[19] === Symbol.for("react.memo_cache_sentinel")) {
+		t11 = /* @__PURE__ */ jsxs(AlertDialogHeader, { children: [/* @__PURE__ */ jsx(AlertDialogTitle, { children: "Unlink file" }), /* @__PURE__ */ jsx(AlertDialogDescription, { children: "This file is not used anywhere else. Would you like to also delete it?" })] });
+		$[19] = t11;
+	} else t11 = $[19];
+	let t12;
+	if ($[20] !== onUnlink) {
+		t12 = () => onUnlink();
+		$[20] = onUnlink;
+		$[21] = t12;
+	} else t12 = $[21];
+	let t13;
+	if ($[22] === Symbol.for("react.memo_cache_sentinel")) {
+		t13 = /* @__PURE__ */ jsx(Button, {
+			variant: "outline",
+			className: "bg-background hover:bg-accent text-foreground",
+			children: "Unlink only"
+		});
+		$[22] = t13;
+	} else t13 = $[22];
+	let t14;
+	if ($[23] !== t12) {
+		t14 = /* @__PURE__ */ jsx(AlertDialogAction, {
+			onClick: t12,
+			asChild: true,
+			children: t13
+		});
+		$[23] = t12;
+		$[24] = t14;
+	} else t14 = $[24];
+	let t15;
+	if ($[25] !== deleteFile || $[26] !== fileId || $[27] !== onUnlink) {
+		t15 = () => {
+			onUnlink();
+			if (fileId) deleteFile.mutate({ id: fileId });
+		};
+		$[25] = deleteFile;
+		$[26] = fileId;
+		$[27] = onUnlink;
+		$[28] = t15;
+	} else t15 = $[28];
+	let t16;
+	if ($[29] === Symbol.for("react.memo_cache_sentinel")) {
+		t16 = /* @__PURE__ */ jsx(Button, { children: "Delete file" });
+		$[29] = t16;
+	} else t16 = $[29];
+	let t17;
+	if ($[30] !== t15) {
+		t17 = /* @__PURE__ */ jsx(AlertDialogAction, {
+			onClick: t15,
 			asChild: true,
-			children: /* @__PURE__ */ jsx(Button, { children: "Delete file" })
-		})] })] })
-	})] });
+			children: t16
+		});
+		$[30] = t15;
+		$[31] = t17;
+	} else t17 = $[31];
+	let t18;
+	if ($[32] !== t14 || $[33] !== t17) {
+		t18 = /* @__PURE__ */ jsxs(AlertDialogContent, { children: [t11, /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [t14, t17] })] });
+		$[32] = t14;
+		$[33] = t17;
+		$[34] = t18;
+	} else t18 = $[34];
+	let t19;
+	if ($[35] !== dialogOpen || $[36] !== t18) {
+		t19 = /* @__PURE__ */ jsx(AlertDialog, {
+			open: dialogOpen,
+			onOpenChange: setDialogOpen,
+			children: t18
+		});
+		$[35] = dialogOpen;
+		$[36] = t18;
+		$[37] = t19;
+	} else t19 = $[37];
+	let t20;
+	if ($[38] !== t10 || $[39] !== t19) {
+		t20 = /* @__PURE__ */ jsxs(Fragment, { children: [t10, t19] });
+		$[38] = t10;
+		$[39] = t19;
+		$[40] = t20;
+	} else t20 = $[40];
+	return t20;
 };
 //#endregion
 export { UnlinkAssetButton };

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

@@ -1,5 +1,6 @@
 import { previewStore } from "../previewStore.js";
 import { blockMutations } from "../../../lib/queries.js";
+import { c } from "react/compiler-runtime";
 import { useMutation, useQueryClient } from "@tanstack/react-query";
 import { useSelector } from "@xstate/store/react";
 import { generateKeyBetween } from "fractional-indexing";
@@ -7,57 +8,73 @@ import { queryKeys } from "@camox/api/query-keys";
 import { useLocation } from "@tanstack/react-router";
 //#region src/features/preview/components/useUpdateBlockPosition.ts
 function useUpdateBlockPosition() {
+	const $ = c(4);
 	const queryClient = useQueryClient();
 	const { pathname } = useLocation();
-	const pagePathname = useSelector(previewStore, (state) => state.context.peekedPagePathname) ?? pathname;
-	return useMutation({
-		...blockMutations.updatePosition(),
-		onMutate: (variables) => {
-			const pageQueryKey = queryKeys.pages.getByPath(pagePathname);
-			const previousPage = queryClient.getQueryData(pageQueryKey);
-			if (!previousPage) return {};
-			const newPosition = generateKeyBetween(variables.afterPosition ?? null, variables.beforePosition ?? null);
-			const prevBundle = queryClient.getQueryData(queryKeys.blocks.get(variables.id));
-			if (prevBundle) queryClient.setQueryData(queryKeys.blocks.get(variables.id), {
-				...prevBundle,
-				block: {
-					...prevBundle.block,
-					position: newPosition
+	const pagePathname = useSelector(previewStore, _temp) ?? pathname;
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = blockMutations.updatePosition();
+		$[0] = t0;
+	} else t0 = $[0];
+	let t1;
+	if ($[1] !== pagePathname || $[2] !== queryClient) {
+		t1 = {
+			...t0,
+			onMutate: (variables) => {
+				const pageQueryKey = queryKeys.pages.getByPath(pagePathname);
+				const previousPage = queryClient.getQueryData(pageQueryKey);
+				if (!previousPage) return {};
+				const newPosition = generateKeyBetween(variables.afterPosition ?? null, variables.beforePosition ?? null);
+				const prevBundle = queryClient.getQueryData(queryKeys.blocks.get(variables.id));
+				if (prevBundle) queryClient.setQueryData(queryKeys.blocks.get(variables.id), {
+					...prevBundle,
+					block: {
+						...prevBundle.block,
+						position: newPosition
+					}
+				});
+				const blockIds = previousPage.page.blockIds;
+				const positions = /* @__PURE__ */ new Map();
+				for (const id of blockIds) if (id === variables.id) positions.set(id, newPosition);
+				else {
+					const bundle = queryClient.getQueryData(queryKeys.blocks.get(id));
+					if (bundle) positions.set(id, bundle.block.position);
 				}
-			});
-			const blockIds = previousPage.page.blockIds;
-			const positions = /* @__PURE__ */ new Map();
-			for (const id of blockIds) if (id === variables.id) positions.set(id, newPosition);
-			else {
-				const bundle = queryClient.getQueryData(queryKeys.blocks.get(id));
-				if (bundle) positions.set(id, bundle.block.position);
+				const sortedIds = [...blockIds].sort((a, b) => {
+					const posA = positions.get(a) ?? "";
+					const posB = positions.get(b) ?? "";
+					return posA.localeCompare(posB);
+				});
+				queryClient.setQueryData(pageQueryKey, {
+					...previousPage,
+					page: {
+						...previousPage.page,
+						blockIds: sortedIds
+					}
+				});
+				queryClient.cancelQueries({ queryKey: pageQueryKey });
+				return {
+					previousPage,
+					prevBundle
+				};
+			},
+			onError: (_error, variables_0, context) => {
+				if (context?.previousPage) queryClient.setQueryData(queryKeys.pages.getByPath(pagePathname), context.previousPage);
+				if (context?.prevBundle) queryClient.setQueryData(queryKeys.blocks.get(variables_0.id), context.prevBundle);
+			},
+			onSettled: () => {
+				queryClient.invalidateQueries({ queryKey: queryKeys.pages.getByPath(pagePathname) });
 			}
-			const sortedIds = [...blockIds].sort((a, b) => {
-				const posA = positions.get(a) ?? "";
-				const posB = positions.get(b) ?? "";
-				return posA.localeCompare(posB);
-			});
-			queryClient.setQueryData(pageQueryKey, {
-				...previousPage,
-				page: {
-					...previousPage.page,
-					blockIds: sortedIds
-				}
-			});
-			queryClient.cancelQueries({ queryKey: pageQueryKey });
-			return {
-				previousPage,
-				prevBundle
-			};
-		},
-		onError: (_error, variables, context) => {
-			if (context?.previousPage) queryClient.setQueryData(queryKeys.pages.getByPath(pagePathname), context.previousPage);
-			if (context?.prevBundle) queryClient.setQueryData(queryKeys.blocks.get(variables.id), context.prevBundle);
-		},
-		onSettled: () => {
-			queryClient.invalidateQueries({ queryKey: queryKeys.pages.getByPath(pagePathname) });
-		}
-	});
+		};
+		$[1] = pagePathname;
+		$[2] = queryClient;
+		$[3] = t1;
+	} else t1 = $[3];
+	return useMutation(t1);
+}
+function _temp(state) {
+	return state.context.peekedPagePathname;
 }
 //#endregion
 export { useUpdateBlockPosition };

package/dist/features/preview/previewStore.d.ts

@@ -45,7 +45,7 @@ interface PreviewContext {
     selection: Selection | null;
     iframeElement: HTMLIFrameElement | null;
 }
-export declare const previewStore: import('@xstate/store').Store<PreviewContext, import('@xstate/store').ExtractEvents<{
+export declare const previewStore: import('@xstate/store').Store<PreviewContext, {
     enterPresentationMode: {
         type: "enterPresentationMode";
     };
@@ -116,7 +116,7 @@ export declare const previewStore: import('@xstate/store').Store<PreviewContext,
     setIframeElement: {
         element: HTMLIFrameElement | null;
     };
-}>, {
+}, {
     type: string;
 }>;
 export {};