@fringeworks/react-defer-rendering 0.8.1 → 0.9.0

package/useDeferUntilRender/useDeferUntilRender.mjs

@@ -16,32 +16,50 @@ import debounce from "@fringeworks/utils/timer/debounce";
 function useDeferUntilRender(target, query, options = {}) {
 	const defaultRootRef = useRef(null);
 	const { rootRef = defaultRootRef, detectionDelay = 100, preserveOnceReady, initialCondition = false, ...opts } = options;
-	return useDeferUntilTrue(target, useSyncExternalStore(useCallback((onStoreChange) => {
+	const snapshotRef = useRef(null);
+	const subscribe = useCallback((onStoreChange) => {
 		if (!query) return () => {};
 		const root = rootRef.current ?? document;
-		if (preserveOnceReady && root.querySelector(query)) return () => {};
+		const update = () => {
+			const isRendered = root.querySelector(query) != null;
+			snapshotRef.current = {
+				query,
+				root,
+				isRendered
+			};
+			return isRendered;
+		};
+		if (update() && preserveOnceReady) return () => {};
 		const handleMutation = () => {
+			const isRendered = update();
 			onStoreChange();
-			if (preserveOnceReady && root.querySelector(query)) observer.disconnect();
+			if (preserveOnceReady && isRendered) observer.disconnect();
 		};
-		const debouncedHandleMutation = debounce(handleMutation, detectionDelay);
+		const debouncedHandleMutation = debounce(handleMutation, { wait: detectionDelay });
 		const observer = new MutationObserver(debouncedHandleMutation);
 		observer.observe(root, {
 			childList: true,
 			subtree: true
 		});
 		return () => {
+			debouncedHandleMutation.cancel();
 			observer.disconnect();
 		};
 	}, [
 		query,
-		rootRef.current,
+		rootRef,
 		detectionDelay,
 		preserveOnceReady
-	]), useCallback(() => {
+	]);
+	const getSnapshot = useCallback(() => {
 		if (!query) return true;
-		return (rootRef.current ?? document).querySelector(query) != null;
-	}, [query, rootRef.current]), useCallback(() => !query || initialCondition, [query, initialCondition])), {
+		const root = rootRef.current ?? document;
+		const snapshot = snapshotRef.current;
+		return snapshot?.query === query && snapshot.root === root ? snapshot.isRendered : root.querySelector(query) != null;
+	}, [query, rootRef]);
+	const getServerSnapshot = useCallback(() => !query || initialCondition, [query, initialCondition]);
+	const condition = useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+	return useDeferUntilTrue(target, condition, {
 		preserveOnceReady,
 		...opts
 	});

package/useDeferUntilResolved/index.cjs

@@ -1,5 +1,5 @@
-'use client';
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+const require_useDeferUntilResolved_useDeferUntilResolved = require("./useDeferUntilResolved.cjs");
 
-const require_useDeferUntilResolved_useDeferUntilResolved = require('./useDeferUntilResolved.cjs');
-
-module.exports = require_useDeferUntilResolved_useDeferUntilResolved;
+exports.default = require_useDeferUntilResolved_useDeferUntilResolved.default;
+exports.useDeferUntilResolved = require_useDeferUntilResolved_useDeferUntilResolved.default;

package/useDeferUntilResolved/index.d.cts

@@ -1,3 +1,3 @@
 import { UseDeferUntilResolvedOptions } from "./types.cjs";
 import useDeferUntilResolved from "./useDeferUntilResolved.cjs";
-export { type UseDeferUntilResolvedOptions, useDeferUntilResolved as default };
+export { type UseDeferUntilResolvedOptions, useDeferUntilResolved as default, useDeferUntilResolved };

package/useDeferUntilResolved/index.d.mts

@@ -1,3 +1,3 @@
 import { UseDeferUntilResolvedOptions } from "./types.mjs";
 import useDeferUntilResolved from "./useDeferUntilResolved.mjs";
-export { type UseDeferUntilResolvedOptions, useDeferUntilResolved as default };
+export { type UseDeferUntilResolvedOptions, useDeferUntilResolved as default, useDeferUntilResolved };

package/useDeferUntilResolved/index.mjs

@@ -1,5 +1,3 @@
-'use client';
-
 import useDeferUntilResolved from "./useDeferUntilResolved.mjs";
 
-export { useDeferUntilResolved as default };
+export { useDeferUntilResolved as default, useDeferUntilResolved };

package/useDeferUntilResolved/types.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });

package/useDeferUntilResolved/types.d.cts

@@ -1,7 +1,6 @@
 import { UseDeferUntilReadyOptions } from "../useDeferUntilReady/types.cjs";
+import "../useDeferUntilReady/index.cjs";
 import { ReactNode } from "react";
-
 //#region src/useDeferUntilResolved/types.d.ts
-type UseDeferUntilResolvedOptions<P extends ReactNode = ReactNode, E extends ReactNode = ReactNode> = UseDeferUntilReadyOptions<P, E>;
-//#endregion
-export { UseDeferUntilResolvedOptions };
+export type UseDeferUntilResolvedOptions<P extends ReactNode = ReactNode, E extends ReactNode = ReactNode> = UseDeferUntilReadyOptions<P, E>;
+//#endregion

package/useDeferUntilResolved/types.d.mts

@@ -1,7 +1,6 @@
 import { UseDeferUntilReadyOptions } from "../useDeferUntilReady/types.mjs";
+import "../useDeferUntilReady/index.mjs";
 import { ReactNode } from "react";
-
 //#region src/useDeferUntilResolved/types.d.ts
-type UseDeferUntilResolvedOptions<P extends ReactNode = ReactNode, E extends ReactNode = ReactNode> = UseDeferUntilReadyOptions<P, E>;
-//#endregion
-export { UseDeferUntilResolvedOptions };
+export type UseDeferUntilResolvedOptions<P extends ReactNode = ReactNode, E extends ReactNode = ReactNode> = UseDeferUntilReadyOptions<P, E>;
+//#endregion

package/useDeferUntilResolved/useDeferUntilResolved.cjs

@@ -1,8 +1,9 @@
 'use client';
 
-const require__usePromiseState = require('../_usePromiseState.cjs');
-const require_useDeferUntilReady_useDeferUntilReady = require('../useDeferUntilReady/useDeferUntilReady.cjs');
-require('../useDeferUntilReady/index.cjs');
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+const require__usePromiseState = require("../_usePromiseState.cjs");
+const require_useDeferUntilReady_useDeferUntilReady = require("../useDeferUntilReady/useDeferUntilReady.cjs");
+require("../useDeferUntilReady/index.cjs");
 let react = require("react");
 
 //#region src/useDeferUntilResolved/useDeferUntilResolved.tsx
@@ -14,8 +15,10 @@ let react = require("react");
 * @returns state（'pending', 'ready', 'fallback'）と状態に応じたノード
 */
 function useDeferUntilResolved(target, promise, options = {}) {
-	return require_useDeferUntilReady_useDeferUntilReady(target, require__usePromiseState((0, react.useMemo)(() => promise ? () => promise : null, [promise])), options);
+	const createPromise = (0, react.useMemo)(() => promise ? () => promise : null, [promise]);
+	const state = require__usePromiseState.default(createPromise);
+	return require_useDeferUntilReady_useDeferUntilReady.default(target, state, options);
 }
 
 //#endregion
-module.exports = useDeferUntilResolved;
+exports.default = useDeferUntilResolved;

package/useDeferUntilResolved/useDeferUntilResolved.d.cts

@@ -1,7 +1,6 @@
 import { DeferRenderingResult } from "../types.cjs";
 import { UseDeferUntilResolvedOptions } from "./types.cjs";
 import { ReactNode } from "react";
-
 //#region src/useDeferUntilResolved/useDeferUntilResolved.d.ts
 /**
  * Promiseの完了まで描画を遅延させるhook

package/useDeferUntilResolved/useDeferUntilResolved.d.mts

@@ -1,7 +1,6 @@
 import { DeferRenderingResult } from "../types.mjs";
 import { UseDeferUntilResolvedOptions } from "./types.mjs";
 import { ReactNode } from "react";
-
 //#region src/useDeferUntilResolved/useDeferUntilResolved.d.ts
 /**
  * Promiseの完了まで描画を遅延させるhook
@@ -10,6 +9,5 @@ import { ReactNode } from "react";
  * @param options オプション
  * @returns state（'pending', 'ready', 'fallback'）と状態に応じたノード
  */
-declare function useDeferUntilResolved<T extends ReactNode, P extends ReactNode = ReactNode, E extends ReactNode = ReactNode>(target: T, promise: Promise<unknown> | null | undefined, options?: UseDeferUntilResolvedOptions<P, E>): DeferRenderingResult<T | P | E>;
-//#endregion
-export { useDeferUntilResolved as default };
+export default function useDeferUntilResolved<T extends ReactNode, P extends ReactNode = ReactNode, E extends ReactNode = ReactNode>(target: T, promise: Promise<unknown> | null | undefined, options?: UseDeferUntilResolvedOptions<P, E>): DeferRenderingResult<T | P | E>;
+//#endregion

package/useDeferUntilResolved/useDeferUntilResolved.mjs

@@ -14,7 +14,9 @@ import { useMemo } from "react";
 * @returns state（'pending', 'ready', 'fallback'）と状態に応じたノード
 */
 function useDeferUntilResolved(target, promise, options = {}) {
-	return useDeferUntilReady(target, usePromiseState(useMemo(() => promise ? () => promise : null, [promise])), options);
+	const createPromise = useMemo(() => promise ? () => promise : null, [promise]);
+	const state = usePromiseState(createPromise);
+	return useDeferUntilReady(target, state, options);
 }
 
 //#endregion

package/useDeferUntilTimeout/index.cjs

@@ -1,5 +1,5 @@
-'use client';
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+const require_useDeferUntilTimeout_useDeferUntilTimeout = require("./useDeferUntilTimeout.cjs");
 
-const require_useDeferUntilTimeout_useDeferUntilTimeout = require('./useDeferUntilTimeout.cjs');
-
-module.exports = require_useDeferUntilTimeout_useDeferUntilTimeout;
+exports.default = require_useDeferUntilTimeout_useDeferUntilTimeout.default;
+exports.useDeferUntilTimeout = require_useDeferUntilTimeout_useDeferUntilTimeout.default;

package/useDeferUntilTimeout/index.d.cts

@@ -1,3 +1,3 @@
 import { UseDeferUntilTimeoutOptions } from "./types.cjs";
 import useDeferUntilTimeout from "./useDeferUntilTimeout.cjs";
-export { type UseDeferUntilTimeoutOptions, useDeferUntilTimeout as default };
+export { type UseDeferUntilTimeoutOptions, useDeferUntilTimeout as default, useDeferUntilTimeout };

package/useDeferUntilTimeout/index.d.mts

@@ -1,3 +1,3 @@
 import { UseDeferUntilTimeoutOptions } from "./types.mjs";
 import useDeferUntilTimeout from "./useDeferUntilTimeout.mjs";
-export { type UseDeferUntilTimeoutOptions, useDeferUntilTimeout as default };
+export { type UseDeferUntilTimeoutOptions, useDeferUntilTimeout as default, useDeferUntilTimeout };

package/useDeferUntilTimeout/index.mjs

@@ -1,5 +1,3 @@
-'use client';
-
 import useDeferUntilTimeout from "./useDeferUntilTimeout.mjs";
 
-export { useDeferUntilTimeout as default };
+export { useDeferUntilTimeout as default, useDeferUntilTimeout };

package/useDeferUntilTimeout/types.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });

package/useDeferUntilTimeout/types.d.cts

@@ -1,7 +1,6 @@
 import { UseDeferUntilTrueOptions } from "../useDeferUntilTrue/types.cjs";
+import "../useDeferUntilTrue/index.cjs";
 import { ReactNode } from "react";
-
 //#region src/useDeferUntilTimeout/types.d.ts
-type UseDeferUntilTimeoutOptions<P extends ReactNode = ReactNode> = UseDeferUntilTrueOptions<P>;
-//#endregion
-export { UseDeferUntilTimeoutOptions };
+export type UseDeferUntilTimeoutOptions<P extends ReactNode = ReactNode> = UseDeferUntilTrueOptions<P>;
+//#endregion

package/useDeferUntilTimeout/types.d.mts

@@ -1,7 +1,6 @@
 import { UseDeferUntilTrueOptions } from "../useDeferUntilTrue/types.mjs";
+import "../useDeferUntilTrue/index.mjs";
 import { ReactNode } from "react";
-
 //#region src/useDeferUntilTimeout/types.d.ts
-type UseDeferUntilTimeoutOptions<P extends ReactNode = ReactNode> = UseDeferUntilTrueOptions<P>;
-//#endregion
-export { UseDeferUntilTimeoutOptions };
+export type UseDeferUntilTimeoutOptions<P extends ReactNode = ReactNode> = UseDeferUntilTrueOptions<P>;
+//#endregion

package/useDeferUntilTimeout/useDeferUntilTimeout.cjs

@@ -1,13 +1,12 @@
 'use client';
 
-const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
-const require_useDeferUntilTrue_useDeferUntilTrue = require('../useDeferUntilTrue/useDeferUntilTrue.cjs');
-require('../useDeferUntilTrue/index.cjs');
-let _fringeworks_react_utils_hooks_useIsMounted = require("@fringeworks/react-utils/hooks/useIsMounted");
-_fringeworks_react_utils_hooks_useIsMounted = require_runtime.__toESM(_fringeworks_react_utils_hooks_useIsMounted, 1);
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+const require_runtime = require("../_virtual/_rolldown/runtime.cjs");
+const require_useDeferUntilTrue_useDeferUntilTrue = require("../useDeferUntilTrue/useDeferUntilTrue.cjs");
+require("../useDeferUntilTrue/index.cjs");
 let react = require("react");
-let _fringeworks_utils_timer_setTimeoutExtended = require("@fringeworks/utils/timer/setTimeoutExtended");
-_fringeworks_utils_timer_setTimeoutExtended = require_runtime.__toESM(_fringeworks_utils_timer_setTimeoutExtended, 1);
+let _fringeworks_utils_timer_setLongTimeout = require("@fringeworks/utils/timer/setLongTimeout");
+_fringeworks_utils_timer_setLongTimeout = require_runtime.__toESM(_fringeworks_utils_timer_setLongTimeout, 1);
 
 //#region src/useDeferUntilTimeout/useDeferUntilTimeout.tsx
 /**
@@ -18,23 +17,26 @@ _fringeworks_utils_timer_setTimeoutExtended = require_runtime.__toESM(_fringewor
 * @returns state（'pending', 'ready'）と状態に応じたノード
 */
 function useDeferUntilTimeout(target, defer, options = {}) {
-	const [condition, setCondition] = (0, react.useState)(defer == null || defer <= 0);
-	const isMounted = (0, _fringeworks_react_utils_hooks_useIsMounted.default)();
+	const [wait, setWait] = (0, react.useState)({
+		defer,
+		isElapsed: false
+	});
+	if (wait.defer !== defer) setWait({
+		defer,
+		isElapsed: false
+	});
 	(0, react.useEffect)(() => {
-		if (defer == null || defer <= 0) {
-			setCondition(true);
-			return;
-		}
-		setCondition(false);
-		const cancel = (0, _fringeworks_utils_timer_setTimeoutExtended.default)(() => {
-			if (isMounted()) setCondition(true);
+		if (defer == null || defer <= 0) return;
+		return (0, _fringeworks_utils_timer_setLongTimeout.default)(() => {
+			setWait((current) => current.defer === defer ? {
+				defer,
+				isElapsed: true
+			} : current);
 		}, defer);
-		return () => {
-			cancel();
-		};
 	}, [defer]);
-	return require_useDeferUntilTrue_useDeferUntilTrue(target, condition, options);
+	const condition = defer == null || defer <= 0 || wait.defer === defer && wait.isElapsed;
+	return require_useDeferUntilTrue_useDeferUntilTrue.default(target, condition, options);
 }
 
 //#endregion
-module.exports = useDeferUntilTimeout;
+exports.default = useDeferUntilTimeout;

package/useDeferUntilTimeout/useDeferUntilTimeout.d.cts

@@ -1,7 +1,6 @@
 import { DeferRenderingResult } from "../types.cjs";
 import { UseDeferUntilTimeoutOptions } from "./types.cjs";
 import { ReactNode } from "react";
-
 //#region src/useDeferUntilTimeout/useDeferUntilTimeout.d.ts
 /**
  * 指定の時間が経過するまで描画を遅延させるhook

package/useDeferUntilTimeout/useDeferUntilTimeout.d.mts

@@ -1,7 +1,6 @@
 import { DeferRenderingResult } from "../types.mjs";
 import { UseDeferUntilTimeoutOptions } from "./types.mjs";
 import { ReactNode } from "react";
-
 //#region src/useDeferUntilTimeout/useDeferUntilTimeout.d.ts
 /**
  * 指定の時間が経過するまで描画を遅延させるhook
@@ -10,6 +9,5 @@ import { ReactNode } from "react";
  * @param options オプション
  * @returns state（'pending', 'ready'）と状態に応じたノード
  */
-declare function useDeferUntilTimeout<T extends ReactNode, P extends ReactNode = ReactNode>(target: T, defer: number | null | undefined, options?: UseDeferUntilTimeoutOptions<P>): DeferRenderingResult<T | P>;
-//#endregion
-export { useDeferUntilTimeout as default };
+export default function useDeferUntilTimeout<T extends ReactNode, P extends ReactNode = ReactNode>(target: T, defer: number | null | undefined, options?: UseDeferUntilTimeoutOptions<P>): DeferRenderingResult<T | P>;
+//#endregion

package/useDeferUntilTimeout/useDeferUntilTimeout.mjs

@@ -2,9 +2,8 @@
 
 import useDeferUntilTrue from "../useDeferUntilTrue/useDeferUntilTrue.mjs";
 import "../useDeferUntilTrue/index.mjs";
-import useIsMounted from "@fringeworks/react-utils/hooks/useIsMounted";
 import { useEffect, useState } from "react";
-import setTimeoutExtended from "@fringeworks/utils/timer/setTimeoutExtended";
+import setLongTimeout from "@fringeworks/utils/timer/setLongTimeout";
 
 //#region src/useDeferUntilTimeout/useDeferUntilTimeout.tsx
 /**
@@ -15,21 +14,24 @@ import setTimeoutExtended from "@fringeworks/utils/timer/setTimeoutExtended";
 * @returns state（'pending', 'ready'）と状態に応じたノード
 */
 function useDeferUntilTimeout(target, defer, options = {}) {
-	const [condition, setCondition] = useState(defer == null || defer <= 0);
-	const isMounted = useIsMounted();
+	const [wait, setWait] = useState({
+		defer,
+		isElapsed: false
+	});
+	if (wait.defer !== defer) setWait({
+		defer,
+		isElapsed: false
+	});
 	useEffect(() => {
-		if (defer == null || defer <= 0) {
-			setCondition(true);
-			return;
-		}
-		setCondition(false);
-		const cancel = setTimeoutExtended(() => {
-			if (isMounted()) setCondition(true);
+		if (defer == null || defer <= 0) return;
+		return setLongTimeout(() => {
+			setWait((current) => current.defer === defer ? {
+				defer,
+				isElapsed: true
+			} : current);
 		}, defer);
-		return () => {
-			cancel();
-		};
 	}, [defer]);
+	const condition = defer == null || defer <= 0 || wait.defer === defer && wait.isElapsed;
 	return useDeferUntilTrue(target, condition, options);
 }
 

package/useDeferUntilTrue/index.cjs

@@ -1,5 +1,5 @@
-'use client';
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+const require_useDeferUntilTrue_useDeferUntilTrue = require("./useDeferUntilTrue.cjs");
 
-const require_useDeferUntilTrue_useDeferUntilTrue = require('./useDeferUntilTrue.cjs');
-
-module.exports = require_useDeferUntilTrue_useDeferUntilTrue;
+exports.default = require_useDeferUntilTrue_useDeferUntilTrue.default;
+exports.useDeferUntilTrue = require_useDeferUntilTrue_useDeferUntilTrue.default;

package/useDeferUntilTrue/index.d.cts

@@ -1,3 +1,3 @@
 import { UseDeferUntilTrueOptions } from "./types.cjs";
 import useDeferUntilTrue from "./useDeferUntilTrue.cjs";
-export { type UseDeferUntilTrueOptions, useDeferUntilTrue as default };
+export { type UseDeferUntilTrueOptions, useDeferUntilTrue as default, useDeferUntilTrue };

package/useDeferUntilTrue/index.d.mts

@@ -1,3 +1,3 @@
 import { UseDeferUntilTrueOptions } from "./types.mjs";
 import useDeferUntilTrue from "./useDeferUntilTrue.mjs";
-export { type UseDeferUntilTrueOptions, useDeferUntilTrue as default };
+export { type UseDeferUntilTrueOptions, useDeferUntilTrue as default, useDeferUntilTrue };

package/useDeferUntilTrue/index.mjs

@@ -1,5 +1,3 @@
-'use client';
-
 import useDeferUntilTrue from "./useDeferUntilTrue.mjs";
 
-export { useDeferUntilTrue as default };
+export { useDeferUntilTrue as default, useDeferUntilTrue };

package/useDeferUntilTrue/types.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });

package/useDeferUntilTrue/types.d.cts

@@ -1,7 +1,5 @@
 import { DeferRenderingOptionsBase } from "../types.cjs";
 import { ReactNode } from "react";
-
 //#region src/useDeferUntilTrue/types.d.ts
-type UseDeferUntilTrueOptions<P extends ReactNode = ReactNode> = DeferRenderingOptionsBase<P>;
-//#endregion
-export { UseDeferUntilTrueOptions };
+export type UseDeferUntilTrueOptions<P extends ReactNode = ReactNode> = DeferRenderingOptionsBase<P>;
+//#endregion

package/useDeferUntilTrue/types.d.mts

@@ -1,7 +1,5 @@
 import { DeferRenderingOptionsBase } from "../types.mjs";
 import { ReactNode } from "react";
-
 //#region src/useDeferUntilTrue/types.d.ts
-type UseDeferUntilTrueOptions<P extends ReactNode = ReactNode> = DeferRenderingOptionsBase<P>;
-//#endregion
-export { UseDeferUntilTrueOptions };
+export type UseDeferUntilTrueOptions<P extends ReactNode = ReactNode> = DeferRenderingOptionsBase<P>;
+//#endregion

package/useDeferUntilTrue/useDeferUntilTrue.cjs

@@ -1,8 +1,9 @@
 'use client';
 
-const require_constants = require('../constants.cjs');
-const require_useDeferUntilReady_useDeferUntilReady = require('../useDeferUntilReady/useDeferUntilReady.cjs');
-require('../useDeferUntilReady/index.cjs');
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+const require_constants = require("../constants.cjs");
+const require_useDeferUntilReady_useDeferUntilReady = require("../useDeferUntilReady/useDeferUntilReady.cjs");
+require("../useDeferUntilReady/index.cjs");
 
 //#region src/useDeferUntilTrue/useDeferUntilTrue.tsx
 /**
@@ -13,8 +14,8 @@ require('../useDeferUntilReady/index.cjs');
 * @returns state（'pending', 'ready'）と状態に応じたノード
 */
 function useDeferUntilTrue(target, condition, options = {}) {
-	return require_useDeferUntilReady_useDeferUntilReady(target, condition ? require_constants.RenderingState.ready : require_constants.RenderingState.pending, options);
+	return require_useDeferUntilReady_useDeferUntilReady.default(target, condition ? require_constants.RenderingState.ready : require_constants.RenderingState.pending, options);
 }
 
 //#endregion
-module.exports = useDeferUntilTrue;
+exports.default = useDeferUntilTrue;

package/useDeferUntilTrue/useDeferUntilTrue.d.cts

@@ -1,7 +1,6 @@
 import { DeferRenderingResult } from "../types.cjs";
 import { UseDeferUntilTrueOptions } from "./types.cjs";
 import { ReactNode } from "react";
-
 //#region src/useDeferUntilTrue/useDeferUntilTrue.d.ts
 /**
  * 条件がtrueになるまで描画を遅延させるhook

package/useDeferUntilTrue/useDeferUntilTrue.d.mts

@@ -1,7 +1,6 @@
 import { DeferRenderingResult } from "../types.mjs";
 import { UseDeferUntilTrueOptions } from "./types.mjs";
 import { ReactNode } from "react";
-
 //#region src/useDeferUntilTrue/useDeferUntilTrue.d.ts
 /**
  * 条件がtrueになるまで描画を遅延させるhook
@@ -10,6 +9,5 @@ import { ReactNode } from "react";
  * @param options オプション
  * @returns state（'pending', 'ready'）と状態に応じたノード
  */
-declare function useDeferUntilTrue<T extends ReactNode, P extends ReactNode = ReactNode>(target: T, condition: boolean | null | undefined, options?: UseDeferUntilTrueOptions<P>): DeferRenderingResult<T | P>;
-//#endregion
-export { useDeferUntilTrue as default };
+export default function useDeferUntilTrue<T extends ReactNode, P extends ReactNode = ReactNode>(target: T, condition: boolean | null | undefined, options?: UseDeferUntilTrueOptions<P>): DeferRenderingResult<T | P>;
+//#endregion

package/useDeferUntilWebFontReady/index.cjs

@@ -1,5 +1,5 @@
-'use client';
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+const require_useDeferUntilWebFontReady_useDeferUntilWebFontReady = require("./useDeferUntilWebFontReady.cjs");
 
-const require_useDeferUntilWebFontReady_useDeferUntilWebFontReady = require('./useDeferUntilWebFontReady.cjs');
-
-module.exports = require_useDeferUntilWebFontReady_useDeferUntilWebFontReady;
+exports.default = require_useDeferUntilWebFontReady_useDeferUntilWebFontReady.default;
+exports.useDeferUntilWebFontReady = require_useDeferUntilWebFontReady_useDeferUntilWebFontReady.default;

package/useDeferUntilWebFontReady/index.d.cts

@@ -1,3 +1,3 @@
 import { UseDeferUntilWebFontReadyOptions, WebFont, WebFontTarget, WebFontTargets } from "./types.cjs";
 import useDeferUntilWebFontReady from "./useDeferUntilWebFontReady.cjs";
-export { type UseDeferUntilWebFontReadyOptions, type WebFont, type WebFontTarget, type WebFontTargets, useDeferUntilWebFontReady as default };
+export { type UseDeferUntilWebFontReadyOptions, type WebFont, type WebFontTarget, type WebFontTargets, useDeferUntilWebFontReady as default, useDeferUntilWebFontReady };

package/useDeferUntilWebFontReady/index.d.mts

@@ -1,3 +1,3 @@
 import { UseDeferUntilWebFontReadyOptions, WebFont, WebFontTarget, WebFontTargets } from "./types.mjs";
 import useDeferUntilWebFontReady from "./useDeferUntilWebFontReady.mjs";
-export { type UseDeferUntilWebFontReadyOptions, type WebFont, type WebFontTarget, type WebFontTargets, useDeferUntilWebFontReady as default };
+export { type UseDeferUntilWebFontReadyOptions, type WebFont, type WebFontTarget, type WebFontTargets, useDeferUntilWebFontReady as default, useDeferUntilWebFontReady };

package/useDeferUntilWebFontReady/index.mjs

@@ -1,5 +1,3 @@
-'use client';
-
 import useDeferUntilWebFontReady from "./useDeferUntilWebFontReady.mjs";
 
-export { useDeferUntilWebFontReady as default };
+export { useDeferUntilWebFontReady as default, useDeferUntilWebFontReady };

package/useDeferUntilWebFontReady/types.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });

package/useDeferUntilWebFontReady/types.d.cts

@@ -1,13 +1,13 @@
 import { RenderingState } from "../constants.cjs";
 import { UseDeferUntilReadyOptions } from "../useDeferUntilReady/types.cjs";
+import "../useDeferUntilReady/index.cjs";
 import { ReactNode } from "react";
 import { WebFontMatchOptions } from "@fringeworks/web-font-observer";
-
 //#region src/useDeferUntilWebFontReady/types.d.ts
 /**
  * 太さ等を指定して待つWebフォント
  */
-type WebFont = WebFontMatchOptions & {
+export type WebFont = WebFontMatchOptions & {
   /**
    * フォントファミリー
    */
@@ -17,13 +17,13 @@ type WebFont = WebFontMatchOptions & {
  * 待つWebフォント\
  * フォントファミリーのみで良い場合は文字列で指定できる
  */
-type WebFontTarget = string | WebFont;
+export type WebFontTarget = string | WebFont;
 /**
  * 待つWebフォントの指定\
  * 複数のWebフォントを待つ場合は配列で指定する。配列内のnull/undefinedは無視される
  */
-type WebFontTargets = WebFontTarget | readonly (WebFontTarget | null | undefined)[];
-type UseDeferUntilWebFontReadyOptions<P extends ReactNode = ReactNode, E extends ReactNode = ReactNode> = UseDeferUntilReadyOptions<P, E> & {
+export type WebFontTargets = WebFontTarget | readonly (WebFontTarget | null | undefined)[];
+export type UseDeferUntilWebFontReadyOptions<P extends ReactNode = ReactNode, E extends ReactNode = ReactNode> = UseDeferUntilReadyOptions<P, E> & {
   /**
    * Webフォントが利用可能にならなかった場合に失敗とみなすまでの時間（ミリ秒）\
    * Webフォントごとに適用されるが、すべて並行して待つため実質的に全体の待ち時間となる\
@@ -45,5 +45,4 @@ type UseDeferUntilWebFontReadyOptions<P extends ReactNode = ReactNode, E extends
    */
   initialState?: RenderingState;
 };
-//#endregion
-export { UseDeferUntilWebFontReadyOptions, WebFont, WebFontTarget, WebFontTargets };
+//#endregion

package/useDeferUntilWebFontReady/types.d.mts

@@ -1,13 +1,13 @@
 import { RenderingState } from "../constants.mjs";
 import { UseDeferUntilReadyOptions } from "../useDeferUntilReady/types.mjs";
+import "../useDeferUntilReady/index.mjs";
 import { ReactNode } from "react";
 import { WebFontMatchOptions } from "@fringeworks/web-font-observer";
-
 //#region src/useDeferUntilWebFontReady/types.d.ts
 /**
  * 太さ等を指定して待つWebフォント
  */
-type WebFont = WebFontMatchOptions & {
+export type WebFont = WebFontMatchOptions & {
   /**
    * フォントファミリー
    */
@@ -17,13 +17,13 @@ type WebFont = WebFontMatchOptions & {
  * 待つWebフォント\
  * フォントファミリーのみで良い場合は文字列で指定できる
  */
-type WebFontTarget = string | WebFont;
+export type WebFontTarget = string | WebFont;
 /**
  * 待つWebフォントの指定\
  * 複数のWebフォントを待つ場合は配列で指定する。配列内のnull/undefinedは無視される
  */
-type WebFontTargets = WebFontTarget | readonly (WebFontTarget | null | undefined)[];
-type UseDeferUntilWebFontReadyOptions<P extends ReactNode = ReactNode, E extends ReactNode = ReactNode> = UseDeferUntilReadyOptions<P, E> & {
+export type WebFontTargets = WebFontTarget | readonly (WebFontTarget | null | undefined)[];
+export type UseDeferUntilWebFontReadyOptions<P extends ReactNode = ReactNode, E extends ReactNode = ReactNode> = UseDeferUntilReadyOptions<P, E> & {
   /**
    * Webフォントが利用可能にならなかった場合に失敗とみなすまでの時間（ミリ秒）\
    * Webフォントごとに適用されるが、すべて並行して待つため実質的に全体の待ち時間となる\
@@ -45,5 +45,4 @@ type UseDeferUntilWebFontReadyOptions<P extends ReactNode = ReactNode, E extends
    */
   initialState?: RenderingState;
 };
-//#endregion
-export { UseDeferUntilWebFontReadyOptions, WebFont, WebFontTarget, WebFontTargets };
+//#endregion