camox 0.18.1 → 0.19.0

package/dist/features/vite/definitionsSync.js

@@ -118,6 +118,7 @@ async function ssrLoadModule(server, modulePath) {
 	const tempServer = await createServer({
 		configFile: false,
 		root: server.config.root,
+		cacheDir: path.join(server.config.root, "node_modules", ".vite-camox-temp"),
 		resolve: server.config.resolve,
 		server: { middlewareMode: true },
 		logLevel: "silent"

package/dist/features/vite/vite.js

@@ -102,58 +102,55 @@ function camox(options) {
 					__CAMOX_API_URL__: JSON.stringify(apiUrl),
 					__CAMOX_PROJECT_SLUG__: JSON.stringify(options.projectSlug)
 				},
-				optimizeDeps: {
-					ignoreOutdatedRequests: true,
-					include: [
-						"react",
-						"react-dom",
-						"react-dom/client",
-						"react/jsx-runtime",
-						"react/jsx-dev-runtime",
-						"camox > @base-ui/react/accordion",
-						"camox > @base-ui/react/alert-dialog",
-						"camox > @base-ui/react/avatar",
-						"camox > @base-ui/react/dialog",
-						"camox > @base-ui/react/input",
-						"camox > @base-ui/react/menu",
-						"camox > @base-ui/react/merge-props",
-						"camox > @base-ui/react/popover",
-						"camox > @base-ui/react/select",
-						"camox > @base-ui/react/separator",
-						"camox > @base-ui/react/switch",
-						"camox > @base-ui/react/tabs",
-						"camox > @base-ui/react/toggle",
-						"camox > @base-ui/react/tooltip",
-						"camox > @base-ui/react/use-render",
-						"camox > @dnd-kit/core",
-						"camox > @dnd-kit/modifiers",
-						"camox > @dnd-kit/sortable",
-						"camox > @dnd-kit/utilities",
-						"camox > @lexical/react/LexicalComposer",
-						"camox > @lexical/react/LexicalComposerContext",
-						"camox > @lexical/react/LexicalContentEditable",
-						"camox > @lexical/react/LexicalHistoryPlugin",
-						"camox > @lexical/react/LexicalOnChangePlugin",
-						"camox > @lexical/react/LexicalRichTextPlugin",
-						"camox > @orpc/client",
-						"camox > @orpc/client/fetch",
-						"camox > @orpc/tanstack-query",
-						"camox > @sinclair/typebox",
-						"camox > @takumi-rs/image-response",
-						"camox > @tanstack/react-form",
-						"camox > @xstate/store-react",
-						"camox > @camox/ui > cmdk",
-						"camox > fractional-indexing",
-						"camox > lexical",
-						"camox > posthog-js",
-						"camox > shiki",
-						"camox > @camox/ui > sonner",
-						"camox > @camox/ui > lucide-react",
-						"camox > lucide-react",
-						"camox > @tanstack/react-query-devtools/production",
-						"camox > partysocket/react"
-					]
-				}
+				optimizeDeps: { include: [
+					"react",
+					"react-dom",
+					"react-dom/client",
+					"react/jsx-runtime",
+					"react/jsx-dev-runtime",
+					"camox > @base-ui/react/accordion",
+					"camox > @base-ui/react/alert-dialog",
+					"camox > @base-ui/react/avatar",
+					"camox > @base-ui/react/dialog",
+					"camox > @base-ui/react/input",
+					"camox > @base-ui/react/menu",
+					"camox > @base-ui/react/merge-props",
+					"camox > @base-ui/react/popover",
+					"camox > @base-ui/react/select",
+					"camox > @base-ui/react/separator",
+					"camox > @base-ui/react/switch",
+					"camox > @base-ui/react/tabs",
+					"camox > @base-ui/react/toggle",
+					"camox > @base-ui/react/tooltip",
+					"camox > @base-ui/react/use-render",
+					"camox > @dnd-kit/core",
+					"camox > @dnd-kit/modifiers",
+					"camox > @dnd-kit/sortable",
+					"camox > @dnd-kit/utilities",
+					"camox > @lexical/react/LexicalComposer",
+					"camox > @lexical/react/LexicalComposerContext",
+					"camox > @lexical/react/LexicalContentEditable",
+					"camox > @lexical/react/LexicalHistoryPlugin",
+					"camox > @lexical/react/LexicalOnChangePlugin",
+					"camox > @lexical/react/LexicalRichTextPlugin",
+					"camox > @orpc/client",
+					"camox > @orpc/client/fetch",
+					"camox > @orpc/tanstack-query",
+					"camox > @sinclair/typebox",
+					"camox > @takumi-rs/image-response",
+					"camox > @tanstack/react-form",
+					"camox > @xstate/store-react",
+					"camox > @camox/ui > cmdk",
+					"camox > fractional-indexing",
+					"camox > lexical",
+					"camox > posthog-js",
+					"camox > shiki",
+					"camox > @camox/ui > sonner",
+					"camox > @camox/ui > lucide-react",
+					"camox > lucide-react",
+					"camox > @tanstack/react-query-devtools/production",
+					"camox > partysocket/react"
+				] }
 			};
 		},
 		configResolved(config) {
@@ -206,6 +203,7 @@ function camox(options) {
 			const tempServer = await createServer({
 				configFile: false,
 				root: resolvedConfig.root,
+				cacheDir: resolve(resolvedConfig.root, "node_modules", ".vite-camox-temp"),
 				resolve: resolvedConfig.resolve,
 				server: { middlewareMode: true },
 				logLevel: "silent"

package/dist/hooks/use-debounced-field.js

@@ -0,0 +1,73 @@
+"use client";
+
+import { useCallback, useEffect, useRef, useState } from "react";
+
+//#region src/hooks/use-debounced-field.ts
+/**
+* Local state for a field that autosaves to a server value, debouncing the
+* save and refusing to overwrite the user's in-progress edit when the server
+* response lands.
+*
+* Without focus tracking, a fast typist can lose characters: their first
+* keystroke triggers a debounced save → the mutation roundtrips → react-query
+* pushes the (now stale) server value back through props → the input is reset
+* to the just-saved value, dropping whatever the user typed in the meantime.
+* While `isFocused` is true we ignore `serverValue` changes; when the user
+* leaves the input we resync.
+*/
+function useDebouncedField(serverValue, onSave, delay = 500) {
+	const [value, setLocal] = useState(serverValue);
+	const [isFocused, setIsFocused] = useState(false);
+	const saveRef = useRef(onSave);
+	saveRef.current = onSave;
+	const timerRef = useRef(null);
+	const pendingRef = useRef(null);
+	useEffect(() => {
+		if (!isFocused) setLocal(serverValue);
+	}, [serverValue, isFocused]);
+	const flush = useCallback(() => {
+		if (timerRef.current) {
+			clearTimeout(timerRef.current);
+			timerRef.current = null;
+		}
+		if (pendingRef.current) {
+			const { value: v } = pendingRef.current;
+			pendingRef.current = null;
+			saveRef.current(v);
+		}
+	}, []);
+	const cancel = useCallback(() => {
+		if (timerRef.current) clearTimeout(timerRef.current);
+		timerRef.current = null;
+		pendingRef.current = null;
+	}, []);
+	const setValue = useCallback((v_0) => {
+		setLocal(v_0);
+		pendingRef.current = { value: v_0 };
+		if (timerRef.current) clearTimeout(timerRef.current);
+		timerRef.current = window.setTimeout(() => {
+			timerRef.current = null;
+			const p = pendingRef.current;
+			pendingRef.current = null;
+			if (p) saveRef.current(p.value);
+		}, delay);
+	}, [delay]);
+	const onFocus = useCallback(() => setIsFocused(true), []);
+	const onBlur = useCallback(() => {
+		setIsFocused(false);
+		flush();
+	}, [flush]);
+	useEffect(() => () => flush(), [flush]);
+	return {
+		value,
+		setValue,
+		isFocused,
+		onFocus,
+		onBlur,
+		flush,
+		cancel
+	};
+}
+
+//#endregion
+export { useDebouncedField };

package/dist/lib/normalized-data.js

@@ -11,9 +11,9 @@ const NormalizedDataContext = React.createContext({
 });
 const NormalizedDataProvider = (t0) => {
 	const $ = c(13);
-	if ($[0] !== "c0a93b833259c3454f5e0be895bfb83e45c46c4f835869bb61d29ad29a8dc786") {
+	if ($[0] !== "a0f4a795dddd4ca9e7a329b1dc44ac458e5aff0b7cf376e05306b8ccf0cac2a8") {
 		for (let $i = 0; $i < 13; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "c0a93b833259c3454f5e0be895bfb83e45c46c4f835869bb61d29ad29a8dc786";
+		$[0] = "a0f4a795dddd4ca9e7a329b1dc44ac458e5aff0b7cf376e05306b8ccf0cac2a8";
 	}
 	const { files, repeatableItems, children } = t0;
 	let t1;
@@ -58,11 +58,25 @@ function useNormalizedData() {
 	return React.use(NormalizedDataContext);
 }
 const EMPTY_IDS = [];
+/**
+* Returns the previously-returned array when `next` is element-wise identical to
+* it. `useQueries` hands back a fresh `results` array whenever *any* subscribed
+* block refetches, which otherwise produces new `pageBlocks` / `beforeBlocks` /
+* `afterBlocks` / layout-data references on every keystroke-triggered refetch and
+* re-renders unrelated blocks (e.g. the layout's navbar/footer) — even with
+* React Compiler, since its memoization keys on input identity.
+*/
+function useStableArray(next) {
+	const ref = React.useRef(next);
+	const prev = ref.current;
+	if (prev !== next && (prev.length !== next.length || prev.some((v, i) => v !== next[i]))) ref.current = next;
+	return ref.current;
+}
 function usePageBlocks(pageStructure) {
-	const $ = c(16);
-	if ($[0] !== "c0a93b833259c3454f5e0be895bfb83e45c46c4f835869bb61d29ad29a8dc786") {
-		for (let $i = 0; $i < 16; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "c0a93b833259c3454f5e0be895bfb83e45c46c4f835869bb61d29ad29a8dc786";
+	const $ = c(36);
+	if ($[0] !== "a0f4a795dddd4ca9e7a329b1dc44ac458e5aff0b7cf376e05306b8ccf0cac2a8") {
+		for (let $i = 0; $i < 36; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "a0f4a795dddd4ca9e7a329b1dc44ac458e5aff0b7cf376e05306b8ccf0cac2a8";
 	}
 	const blockIds = pageStructure.page.blockIds;
 	const beforeIds = pageStructure.layout?.beforeBlockIds ?? EMPTY_IDS;
@@ -87,52 +101,92 @@ function usePageBlocks(pageStructure) {
 		$[6] = t1;
 	} else t1 = $[6];
 	const results = useQueries(t1);
-	let t2;
-	if ($[7] !== afterIds || $[8] !== allIds || $[9] !== beforeIds || $[10] !== blockIds || $[11] !== results) {
-		const bundleMap = /* @__PURE__ */ new Map();
+	let map;
+	if ($[7] !== allIds || $[8] !== results) {
+		map = /* @__PURE__ */ new Map();
 		for (let i = 0; i < allIds.length; i++) {
 			const data = results[i]?.data;
-			if (data) bundleMap.set(allIds[i], data);
-		}
-		const layoutFiles = [];
-		const layoutItems = [];
-		let t3;
-		if ($[13] !== afterIds || $[14] !== beforeIds) {
-			t3 = [...beforeIds, ...afterIds];
-			$[13] = afterIds;
-			$[14] = beforeIds;
-			$[15] = t3;
-		} else t3 = $[15];
-		for (const id_0 of t3) {
-			const bundle = bundleMap.get(id_0);
-			if (bundle) {
-				layoutFiles.push(...bundle.files);
-				layoutItems.push(...bundle.repeatableItems);
-			}
+			if (data) map.set(allIds[i], data);
 		}
-		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),
+		$[7] = allIds;
+		$[8] = results;
+		$[9] = map;
+	} else map = $[9];
+	const bundleMap = map;
+	let t2;
+	if ($[10] !== afterIds || $[11] !== beforeIds) {
+		t2 = [...beforeIds, ...afterIds];
+		$[10] = afterIds;
+		$[11] = beforeIds;
+		$[12] = t2;
+	} else t2 = $[12];
+	const layoutIds = t2;
+	let t3;
+	if ($[13] !== bundleMap) {
+		t3 = (ids) => ids.map((id_0) => bundleMap.get(id_0)?.block).filter(_temp4);
+		$[13] = bundleMap;
+		$[14] = t3;
+	} else t3 = $[14];
+	const resolveBlocks = t3;
+	let t4;
+	if ($[15] !== blockIds || $[16] !== resolveBlocks) {
+		t4 = resolveBlocks(blockIds);
+		$[15] = blockIds;
+		$[16] = resolveBlocks;
+		$[17] = t4;
+	} else t4 = $[17];
+	const pageBlocks = useStableArray(t4);
+	let t5;
+	if ($[18] !== beforeIds || $[19] !== resolveBlocks) {
+		t5 = resolveBlocks(beforeIds);
+		$[18] = beforeIds;
+		$[19] = resolveBlocks;
+		$[20] = t5;
+	} else t5 = $[20];
+	const beforeBlocks = useStableArray(t5);
+	let t6;
+	if ($[21] !== afterIds || $[22] !== resolveBlocks) {
+		t6 = resolveBlocks(afterIds);
+		$[21] = afterIds;
+		$[22] = resolveBlocks;
+		$[23] = t6;
+	} else t6 = $[23];
+	const afterBlocks = useStableArray(t6);
+	let t7;
+	if ($[24] !== bundleMap || $[25] !== layoutIds) {
+		t7 = layoutIds.flatMap((id_1) => bundleMap.get(id_1)?.files ?? []);
+		$[24] = bundleMap;
+		$[25] = layoutIds;
+		$[26] = t7;
+	} else t7 = $[26];
+	const layoutFiles = useStableArray(t7);
+	let t8;
+	if ($[27] !== bundleMap || $[28] !== layoutIds) {
+		t8 = layoutIds.flatMap((id_2) => bundleMap.get(id_2)?.repeatableItems ?? []);
+		$[27] = bundleMap;
+		$[28] = layoutIds;
+		$[29] = t8;
+	} else t8 = $[29];
+	const layoutItems = useStableArray(t8);
+	let t9;
+	if ($[30] !== afterBlocks || $[31] !== beforeBlocks || $[32] !== layoutFiles || $[33] !== layoutItems || $[34] !== pageBlocks) {
+		t9 = {
+			pageBlocks,
+			beforeBlocks,
+			afterBlocks,
 			layoutFiles,
 			layoutItems
 		};
-		$[7] = afterIds;
-		$[8] = allIds;
-		$[9] = beforeIds;
-		$[10] = blockIds;
-		$[11] = results;
-		$[12] = t2;
-	} else t2 = $[12];
-	return t2;
+		$[30] = afterBlocks;
+		$[31] = beforeBlocks;
+		$[32] = layoutFiles;
+		$[33] = layoutItems;
+		$[34] = pageBlocks;
+		$[35] = t9;
+	} else t9 = $[35];
+	return t9;
 }
 /** 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;
 }