camox 0.3.0 → 0.3.1

package/dist/hooks/use-file-upload.js

@@ -51,32 +51,32 @@ function useFileUpload(options) {
 			mimeType: result.mimeType
 		});
 		trackClientEvent("file_uploaded", { mimeType: file.type });
-		setUploads((prev) => prev.map((u) => u.id === itemId ? {
-			...u,
+		setUploads((prev_0) => prev_0.map((u_0) => u_0.id === itemId ? {
+			...u_0,
 			status: "complete",
 			progress: 100
-		} : u));
+		} : u_0));
 		setTimeout(() => {
-			setUploads((prev) => prev.filter((u) => u.id !== itemId));
+			setUploads((prev_1) => prev_1.filter((u_1) => u_1.id !== itemId));
 		}, 2e3);
 	}, [apiUrl]);
 	return {
 		uploads,
 		uploadFiles: useCallback((files) => {
-			const newItems = Array.from(files).map((file) => ({
+			const newItems = Array.from(files).map((file_0) => ({
 				id: String(nextId.current++),
-				filename: file.name,
+				filename: file_0.name,
 				progress: 0,
 				status: "uploading"
 			}));
-			setUploads((prev) => [...prev, ...newItems]);
-			Promise.all(Array.from(files).map((file, i) => uploadSingleFile(file, newItems[i].id).catch((err) => {
+			setUploads((prev_2) => [...prev_2, ...newItems]);
+			Promise.all(Array.from(files).map((file_1, i) => uploadSingleFile(file_1, newItems[i].id).catch((err) => {
 				const message = err instanceof Error ? err.message : "Upload failed";
-				setUploads((prev) => prev.map((u) => u.id === newItems[i].id ? {
-					...u,
+				setUploads((prev_3) => prev_3.map((u_2) => u_2.id === newItems[i].id ? {
+					...u_2,
 					status: "error",
 					error: message
-				} : u));
+				} : u_2));
 			})));
 		}, [uploadSingleFile]),
 		clearAll: useCallback(() => {

package/dist/hooks/use-marquee-selection.js

@@ -1,88 +1,135 @@
-import { useCallback, useRef, useState } from "react";
+import { c } from "react/compiler-runtime";
+import { useRef, useState } from "react";
 //#region src/hooks/use-marquee-selection.ts
 var DRAG_THRESHOLD = 5;
 function useMarqueeSelection(containerRef, onSelectionChange) {
+	const $ = c(17);
 	const [selectionRect, setSelectionRect] = useState(null);
 	const startPoint = useRef(null);
 	const isDragging = useRef(false);
-	const getContainerRelativePoint = useCallback((e) => {
-		const container = containerRef.current;
-		if (!container) return null;
-		const bounds = container.getBoundingClientRect();
-		return {
-			x: e.clientX - bounds.left + container.scrollLeft,
-			y: e.clientY - bounds.top + container.scrollTop
+	let t0;
+	if ($[0] !== containerRef) {
+		t0 = (e) => {
+			const container = containerRef.current;
+			if (!container) return null;
+			const bounds = container.getBoundingClientRect();
+			return {
+				x: e.clientX - bounds.left + container.scrollLeft,
+				y: e.clientY - bounds.top + container.scrollTop
+			};
 		};
-	}, [containerRef]);
-	const computeRect = (a, b) => ({
-		left: Math.min(a.x, b.x),
-		top: Math.min(a.y, b.y),
-		width: Math.abs(a.x - b.x),
-		height: Math.abs(a.y - b.y)
-	});
-	const findIntersectingIds = useCallback((rect) => {
-		const container = containerRef.current;
-		if (!container) return /* @__PURE__ */ new Set();
-		const containerBounds = container.getBoundingClientRect();
-		const scrollLeft = container.scrollLeft;
-		const scrollTop = container.scrollTop;
-		const selViewport = {
-			left: rect.left - scrollLeft + containerBounds.left,
-			top: rect.top - scrollTop + containerBounds.top,
-			right: rect.left + rect.width - scrollLeft + containerBounds.left,
-			bottom: rect.top + rect.height - scrollTop + containerBounds.top
+		$[0] = containerRef;
+		$[1] = t0;
+	} else t0 = $[1];
+	const getContainerRelativePoint = t0;
+	const computeRect = _temp;
+	let t1;
+	if ($[2] !== containerRef) {
+		t1 = (rect) => {
+			const container_0 = containerRef.current;
+			if (!container_0) return /* @__PURE__ */ new Set();
+			const containerBounds = container_0.getBoundingClientRect();
+			const scrollLeft = container_0.scrollLeft;
+			const scrollTop = container_0.scrollTop;
+			const selViewport = {
+				left: rect.left - scrollLeft + containerBounds.left,
+				top: rect.top - scrollTop + containerBounds.top,
+				right: rect.left + rect.width - scrollLeft + containerBounds.left,
+				bottom: rect.top + rect.height - scrollTop + containerBounds.top
+			};
+			const ids = /* @__PURE__ */ new Set();
+			const cards = container_0.querySelectorAll("[data-asset-id]");
+			for (const card of cards) {
+				const cardBounds = card.getBoundingClientRect();
+				if (selViewport.left < cardBounds.right && selViewport.right > cardBounds.left && selViewport.top < cardBounds.bottom && selViewport.bottom > cardBounds.top) ids.add(card.dataset.assetId);
+			}
+			return ids;
 		};
-		const ids = /* @__PURE__ */ new Set();
-		const cards = container.querySelectorAll("[data-asset-id]");
-		for (const card of cards) {
-			const cardBounds = card.getBoundingClientRect();
-			if (selViewport.left < cardBounds.right && selViewport.right > cardBounds.left && selViewport.top < cardBounds.bottom && selViewport.bottom > cardBounds.top) ids.add(card.dataset.assetId);
-		}
-		return ids;
-	}, [containerRef]);
-	const onPointerDown = useCallback((e) => {
-		if (e.button !== 0) return;
-		if (e.target.closest("[data-asset-id]")) return;
-		const point = getContainerRelativePoint(e);
-		if (!point) return;
-		startPoint.current = point;
-		isDragging.current = false;
-		e.currentTarget.setPointerCapture(e.pointerId);
-	}, [getContainerRelativePoint]);
-	const onPointerMove = useCallback((e) => {
-		if (!startPoint.current) return;
-		const point = getContainerRelativePoint(e);
-		if (!point) return;
-		const dx = point.x - startPoint.current.x;
-		const dy = point.y - startPoint.current.y;
-		if (!isDragging.current) {
-			if (Math.abs(dx) < DRAG_THRESHOLD && Math.abs(dy) < DRAG_THRESHOLD) return;
-			isDragging.current = true;
-		}
-		const rect = computeRect(startPoint.current, point);
-		setSelectionRect(rect);
-		onSelectionChange(findIntersectingIds(rect));
-	}, [
-		getContainerRelativePoint,
-		findIntersectingIds,
-		onSelectionChange
-	]);
+		$[2] = containerRef;
+		$[3] = t1;
+	} else t1 = $[3];
+	const findIntersectingIds = t1;
+	let t2;
+	if ($[4] !== getContainerRelativePoint) {
+		t2 = (e_0) => {
+			if (e_0.button !== 0) return;
+			if (e_0.target.closest("[data-asset-id]")) return;
+			const point = getContainerRelativePoint(e_0);
+			if (!point) return;
+			startPoint.current = point;
+			isDragging.current = false;
+			e_0.currentTarget.setPointerCapture(e_0.pointerId);
+		};
+		$[4] = getContainerRelativePoint;
+		$[5] = t2;
+	} else t2 = $[5];
+	const onPointerDown = t2;
+	let t3;
+	if ($[6] !== findIntersectingIds || $[7] !== getContainerRelativePoint || $[8] !== onSelectionChange) {
+		t3 = (e_1) => {
+			if (!startPoint.current) return;
+			const point_0 = getContainerRelativePoint(e_1);
+			if (!point_0) return;
+			const dx = point_0.x - startPoint.current.x;
+			const dy = point_0.y - startPoint.current.y;
+			if (!isDragging.current) {
+				if (Math.abs(dx) < DRAG_THRESHOLD && Math.abs(dy) < DRAG_THRESHOLD) return;
+				isDragging.current = true;
+			}
+			const rect_0 = computeRect(startPoint.current, point_0);
+			setSelectionRect(rect_0);
+			onSelectionChange(findIntersectingIds(rect_0));
+		};
+		$[6] = findIntersectingIds;
+		$[7] = getContainerRelativePoint;
+		$[8] = onSelectionChange;
+		$[9] = t3;
+	} else t3 = $[9];
+	const onPointerMove = t3;
 	const didDrag = useRef(false);
-	return {
-		selectionRect,
-		didDragRef: didDrag,
-		handlers: {
+	let t4;
+	if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = (e_2) => {
+			if (!startPoint.current) return;
+			e_2.currentTarget.releasePointerCapture(e_2.pointerId);
+			didDrag.current = isDragging.current;
+			startPoint.current = null;
+			isDragging.current = false;
+			setSelectionRect(null);
+		};
+		$[10] = t4;
+	} else t4 = $[10];
+	const onPointerUp = t4;
+	let t5;
+	if ($[11] !== onPointerDown || $[12] !== onPointerMove) {
+		t5 = {
 			onPointerDown,
 			onPointerMove,
-			onPointerUp: useCallback((e) => {
-				if (!startPoint.current) return;
-				e.currentTarget.releasePointerCapture(e.pointerId);
-				didDrag.current = isDragging.current;
-				startPoint.current = null;
-				isDragging.current = false;
-				setSelectionRect(null);
-			}, [])
-		}
+			onPointerUp
+		};
+		$[11] = onPointerDown;
+		$[12] = onPointerMove;
+		$[13] = t5;
+	} else t5 = $[13];
+	let t6;
+	if ($[14] !== selectionRect || $[15] !== t5) {
+		t6 = {
+			selectionRect,
+			didDragRef: didDrag,
+			handlers: t5
+		};
+		$[14] = selectionRect;
+		$[15] = t5;
+		$[16] = t6;
+	} else t6 = $[16];
+	return t6;
+}
+function _temp(a, b) {
+	return {
+		left: Math.min(a.x, b.x),
+		top: Math.min(a.y, b.y),
+		width: Math.abs(a.x - b.x),
+		height: Math.abs(a.y - b.y)
 	};
 }
 //#endregion

package/dist/lib/auth.js

@@ -1,4 +1,5 @@
 import { actionsStore } from "../features/provider/actionsStore.js";
+import { c } from "react/compiler-runtime";
 import * as React from "react";
 import { oneTimeTokenClient, organizationClient } from "better-auth/client/plugins";
 import { createAuthClient } from "better-auth/react";
@@ -159,30 +160,45 @@ function createCamoxAuthClient(apiUrl) {
 * Returns `true` once processing is complete (or if there was no OTT).
 */
 function useProcessOtt(authClient) {
-	const [ready, setReady] = React.useState(() => {
-		if (typeof window === "undefined") return true;
-		return !new URL(window.location.href).searchParams.has("ott");
-	});
-	React.useEffect(() => {
-		if (ready) return;
-		const url = new URL(window.location.href);
-		const ott = url.searchParams.get("ott");
-		if (!ott) {
-			setReady(true);
-			return;
-		}
-		url.searchParams.delete("ott");
-		window.history.replaceState({}, "", url);
-		(async () => {
-			try {
-				await authClient.oneTimeToken.verify({ token: ott });
-				authClient.updateSession();
-			} catch {}
-			setReady(true);
-		})();
-	}, [authClient, ready]);
+	const $ = c(4);
+	const [ready, setReady] = React.useState(_temp);
+	let t0;
+	let t1;
+	if ($[0] !== authClient || $[1] !== ready) {
+		t0 = () => {
+			if (ready) return;
+			const url = new URL(window.location.href);
+			const ott = url.searchParams.get("ott");
+			if (!ott) {
+				setReady(true);
+				return;
+			}
+			url.searchParams.delete("ott");
+			window.history.replaceState({}, "", url);
+			(async () => {
+				try {
+					await authClient.oneTimeToken.verify({ token: ott });
+					authClient.updateSession();
+				} catch {}
+				setReady(true);
+			})();
+		};
+		t1 = [authClient, ready];
+		$[0] = authClient;
+		$[1] = ready;
+		$[2] = t0;
+		$[3] = t1;
+	} else {
+		t0 = $[2];
+		t1 = $[3];
+	}
+	React.useEffect(t0, t1);
 	return ready;
 }
+function _temp() {
+	if (typeof window === "undefined") return true;
+	return !new URL(window.location.href).searchParams.has("ott");
+}
 var AuthContext = React.createContext(null);
 function useAuthContext() {
 	const ctx = React.useContext(AuthContext);
@@ -205,45 +221,73 @@ function useIsAuthenticated() {
 	return isAuthenticated;
 }
 function useSignInRedirect() {
+	const $ = c(2);
 	const { authenticationUrl } = useAuthContext();
-	return React.useCallback(() => {
-		if (typeof window !== "undefined") {
-			const redirect = encodeURIComponent(window.location.href);
-			window.location.href = `${authenticationUrl}/login?redirect=${redirect}`;
-		}
-	}, [authenticationUrl]);
+	let t0;
+	if ($[0] !== authenticationUrl) {
+		t0 = () => {
+			if (typeof window !== "undefined") {
+				const redirect = encodeURIComponent(window.location.href);
+				window.location.href = `${authenticationUrl}/login?redirect=${redirect}`;
+			}
+		};
+		$[0] = authenticationUrl;
+		$[1] = t0;
+	} else t0 = $[1];
+	return t0;
 }
 /**
 * Registers sign-out and manage-account actions in the command palette.
 */
 function useAuthActions() {
+	const $ = c(4);
 	const { authClient, authenticationUrl } = useAuthContext();
-	React.useEffect(() => {
-		actionsStore.send({
-			type: "registerManyActions",
-			actions: [{
-				id: "manage-account",
-				label: "Manage account",
-				groupLabel: "Studio",
-				checkIfAvailable: () => true,
-				execute: () => {
-					window.open(`${authenticationUrl}/profile`, "_blank");
-				}
-			}, {
-				id: "log-out",
-				label: "Log out",
-				groupLabel: "Studio",
-				checkIfAvailable: () => true,
-				execute: () => authClient.signOut()
-			}]
-		});
-		return () => {
+	let t0;
+	let t1;
+	if ($[0] !== authClient || $[1] !== authenticationUrl) {
+		t0 = () => {
 			actionsStore.send({
-				type: "unregisterManyActions",
-				ids: ["manage-account", "log-out"]
+				type: "registerManyActions",
+				actions: [{
+					id: "manage-account",
+					label: "Manage account",
+					groupLabel: "Studio",
+					checkIfAvailable: _temp2,
+					execute: () => {
+						window.open(`${authenticationUrl}/profile`, "_blank");
+					}
+				}, {
+					id: "log-out",
+					label: "Log out",
+					groupLabel: "Studio",
+					checkIfAvailable: _temp3,
+					execute: () => authClient.signOut()
+				}]
 			});
+			return _temp4;
 		};
-	}, [authClient, authenticationUrl]);
+		t1 = [authClient, authenticationUrl];
+		$[0] = authClient;
+		$[1] = authenticationUrl;
+		$[2] = t0;
+		$[3] = t1;
+	} else {
+		t0 = $[2];
+		t1 = $[3];
+	}
+	React.useEffect(t0, t1);
+}
+function _temp4() {
+	actionsStore.send({
+		type: "unregisterManyActions",
+		ids: ["manage-account", "log-out"]
+	});
+}
+function _temp3() {
+	return true;
+}
+function _temp2() {
+	return true;
 }
 //#endregion
 export { AuthContext, createCamoxAuthClient, getAuthCookieHeader, useAuthActions, useAuthContext, useAuthState, useIsAuthenticated, useProcessOtt, useProjectSlug, useSignInRedirect };

package/dist/lib/normalized-data.js

@@ -1,4 +1,5 @@
 import { blockQueries } from "./queries.js";
+import { c } from "react/compiler-runtime";
 import { useQueries } from "@tanstack/react-query";
 import * as React from "react";
 import { queryKeys } from "@camox/api/query-keys";
@@ -7,32 +8,78 @@ var NormalizedDataContext = React.createContext({
 	filesMap: /* @__PURE__ */ new Map(),
 	itemsMap: /* @__PURE__ */ new Map()
 });
-var NormalizedDataProvider = ({ files, repeatableItems, children }) => {
-	const value = React.useMemo(() => ({
-		filesMap: new Map(files.map((f) => [f.id, f])),
-		itemsMap: new Map(repeatableItems.map((i) => [i.id, i]))
-	}), [files, repeatableItems]);
-	return React.createElement(NormalizedDataContext.Provider, { value }, children);
+var NormalizedDataProvider = (t0) => {
+	const $ = c(12);
+	const { files, repeatableItems, children } = t0;
+	let t1;
+	if ($[0] !== files) {
+		t1 = new Map(files.map(_temp));
+		$[0] = files;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== repeatableItems) {
+		t2 = new Map(repeatableItems.map(_temp2));
+		$[2] = repeatableItems;
+		$[3] = t2;
+	} else t2 = $[3];
+	let t3;
+	if ($[4] !== t1 || $[5] !== t2) {
+		t3 = {
+			filesMap: t1,
+			itemsMap: t2
+		};
+		$[4] = t1;
+		$[5] = t2;
+		$[6] = t3;
+	} else t3 = $[6];
+	const value = t3;
+	let t4;
+	if ($[7] !== children || $[8] !== value) {
+		let t5;
+		if ($[10] !== value) {
+			t5 = { value };
+			$[10] = value;
+			$[11] = t5;
+		} else t5 = $[11];
+		t4 = React.createElement(NormalizedDataContext.Provider, t5, children);
+		$[7] = children;
+		$[8] = value;
+		$[9] = t4;
+	} else t4 = $[9];
+	return t4;
 };
 function useNormalizedData() {
 	return React.use(NormalizedDataContext);
 }
 var EMPTY_IDS = [];
 function usePageBlocks(pageStructure) {
+	const $ = c(15);
 	const blockIds = pageStructure.page.blockIds;
 	const beforeIds = pageStructure.layout?.beforeBlockIds ?? EMPTY_IDS;
 	const afterIds = pageStructure.layout?.afterBlockIds ?? EMPTY_IDS;
-	const allIds = React.useMemo(() => [
-		...blockIds,
-		...beforeIds,
-		...afterIds
-	], [
-		blockIds,
-		beforeIds,
-		afterIds
-	]);
-	const results = useQueries({ queries: allIds.map((id) => blockQueries.get(id)) });
-	return React.useMemo(() => {
+	let t0;
+	if ($[0] !== afterIds || $[1] !== beforeIds || $[2] !== blockIds) {
+		t0 = [
+			...blockIds,
+			...beforeIds,
+			...afterIds
+		];
+		$[0] = afterIds;
+		$[1] = beforeIds;
+		$[2] = blockIds;
+		$[3] = t0;
+	} else t0 = $[3];
+	const allIds = t0;
+	let t1;
+	if ($[4] !== allIds) {
+		t1 = { queries: allIds.map(_temp3) };
+		$[4] = allIds;
+		$[5] = t1;
+	} else t1 = $[5];
+	const results = useQueries(t1);
+	let t2;
+	if ($[6] !== afterIds || $[7] !== allIds || $[8] !== beforeIds || $[9] !== blockIds || $[10] !== results) {
 		const bundleMap = /* @__PURE__ */ new Map();
 		for (let i = 0; i < allIds.length; i++) {
 			const data = results[i]?.data;
@@ -40,29 +87,49 @@ function usePageBlocks(pageStructure) {
 		}
 		const layoutFiles = [];
 		const layoutItems = [];
-		for (const id of [...beforeIds, ...afterIds]) {
-			const bundle = bundleMap.get(id);
+		let t3;
+		if ($[12] !== afterIds || $[13] !== beforeIds) {
+			t3 = [...beforeIds, ...afterIds];
+			$[12] = afterIds;
+			$[13] = beforeIds;
+			$[14] = t3;
+		} else t3 = $[14];
+		for (const id_0 of t3) {
+			const bundle = bundleMap.get(id_0);
 			if (bundle) {
 				layoutFiles.push(...bundle.files);
 				layoutItems.push(...bundle.repeatableItems);
 			}
 		}
-		return {
-			pageBlocks: blockIds.map((id) => bundleMap.get(id)?.block).filter((b) => b != null),
-			beforeBlocks: beforeIds.map((id) => bundleMap.get(id)?.block).filter((b) => b != null),
-			afterBlocks: afterIds.map((id) => bundleMap.get(id)?.block).filter((b) => b != null),
+		t2 = {
+			pageBlocks: blockIds.map((id_1) => bundleMap.get(id_1)?.block).filter(_temp4),
+			beforeBlocks: beforeIds.map((id_2) => bundleMap.get(id_2)?.block).filter(_temp5),
+			afterBlocks: afterIds.map((id_3) => bundleMap.get(id_3)?.block).filter(_temp6),
 			layoutFiles,
 			layoutItems
 		};
-	}, [
-		results,
-		allIds,
-		blockIds,
-		beforeIds,
-		afterIds
-	]);
+		$[6] = afterIds;
+		$[7] = allIds;
+		$[8] = beforeIds;
+		$[9] = blockIds;
+		$[10] = results;
+		$[11] = t2;
+	} else t2 = $[11];
+	return t2;
 }
 /** Check if a value is a { _fileId } marker */
+function _temp6(b_1) {
+	return b_1 != null;
+}
+function _temp5(b_0) {
+	return b_0 != null;
+}
+function _temp4(b) {
+	return b != null;
+}
+function _temp3(id) {
+	return blockQueries.get(id);
+}
 function isFileMarker(value) {
 	return value != null && typeof value === "object" && "_fileId" in value && value._fileId != null;
 }
@@ -110,5 +177,11 @@ function resolveFileMarker(marker, filesMap) {
 		_fileId: marker._fileId
 	};
 }
+function _temp(f) {
+	return [f.id, f];
+}
+function _temp2(i) {
+	return [i.id, i];
+}
 //#endregion
 export { NormalizedDataProvider, isFileMarker, isItemMarker, resolveFileMarker, seedBlockCaches, useNormalizedData, usePageBlocks };