@tanstack/react-start-client 1.167.4 → 1.168.0

package/dist/esm/GenericHydrate.d.ts

@@ -0,0 +1,3 @@
+import { HydrateProps } from './Hydrate.js';
+import * as React from 'react';
+export declare function GenericHydrate(props: HydrateProps): React.JSX.Element;

package/dist/esm/GenericHydrate.js

@@ -0,0 +1,243 @@
+"use client";
+import { reactUse, useHydrated, useLayoutEffect } from "@tanstack/react-router";
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { isServer } from "@tanstack/router-core/isServer";
+import { listenForDelegatedHydrationIntent } from "@tanstack/start-client-core/hydration";
+import { hydrateIdAttribute, hydrateWhenAttribute } from "@tanstack/start-client-core/hydration/constants";
+import { createResolvedGate, getFallbackHtml, getOrCreateGate, onGateResolve, releaseGate, runHydrationStrategyCleanup, saveFallbackHtml, waitForHydrationPrefetchStrategy } from "@tanstack/start-client-core/hydration/runtime";
+//#region src/GenericHydrate.tsx
+var dynamicType = "dynamic";
+var dynamicHydrateStrategy = {
+	_t: dynamicType,
+	_d: () => true
+};
+function shouldDeferHydration(strategy) {
+	return strategy._d ? strategy._d() : strategy._t !== "load";
+}
+function useLatest(value) {
+	const ref = React.useRef(value);
+	ref.current = value;
+	return ref;
+}
+function useHydrationGate(props) {
+	const hydrated = useHydrated();
+	const reactId = React.useId();
+	const id = props.h ? `${props.h}${reactId}` : reactId;
+	const when = props.when;
+	const isDynamicHydrate = typeof when === "function";
+	const dynamicHydrateStrategyRef = React.useRef(void 0);
+	if (isDynamicHydrate) dynamicHydrateStrategyRef.current ??= isServer ?? typeof window === "undefined" ? dynamicHydrateStrategy : when();
+	const hydrateStrategy = isDynamicHydrate ? dynamicHydrateStrategyRef.current : when;
+	const markerHydrateType = isDynamicHydrate ? dynamicType : hydrateStrategy._t;
+	const [prefetchError, setPrefetchError] = React.useState();
+	const latestRef = useLatest({
+		prefetch: props.prefetch,
+		preload: props.p
+	});
+	const gateRef = React.useRef(void 0);
+	const markerElementRef = React.useRef(null);
+	const shouldPreserveServerHTMLRef = React.useRef(void 0);
+	const shouldDeferInitialHydrationRef = React.useRef(void 0);
+	const didPrefetchRef = React.useRef(false);
+	const prefetchControllerRef = React.useRef(void 0);
+	prefetchControllerRef.current ??= {
+		abortController: new AbortController(),
+		hydrationRequested: false,
+		hydrationListeners: /* @__PURE__ */ new Set(),
+		hydrationResolvePending: false,
+		started: false
+	};
+	shouldPreserveServerHTMLRef.current ??= (isServer ?? typeof window === "undefined") || !hydrated;
+	shouldDeferInitialHydrationRef.current ??= !hydrated && shouldDeferHydration(hydrateStrategy);
+	if (!gateRef.current) gateRef.current = isServer ?? typeof window === "undefined" ? createResolvedGate(id, hydrateStrategy._t) : getOrCreateGate(id, hydrateStrategy._t);
+	gateRef.current.when = hydrateStrategy._t;
+	if (!(isServer ?? typeof window === "undefined") && hydrateStrategy._t !== "never" && (!shouldDeferInitialHydrationRef.current || !shouldDeferHydration(hydrateStrategy))) gateRef.current.resolve();
+	const markerRef = React.useCallback((element) => {
+		markerElementRef.current = element;
+		if (element) {
+			if (hydrateStrategy._t === "never" && !shouldPreserveServerHTMLRef.current) element.replaceChildren();
+			saveFallbackHtml(id, element);
+		}
+	}, [hydrateStrategy._t, id]);
+	React.useEffect(() => {
+		const gate = gateRef.current;
+		return () => {
+			const controller = prefetchControllerRef.current;
+			controller?.abortController.abort();
+			controller?.cleanup?.();
+			controller?.hydrationListeners.clear();
+			releaseGate(gate);
+		};
+	}, []);
+	React.useEffect(() => {
+		if ((isServer ?? typeof window === "undefined") || !latestRef.current.prefetch) return;
+		const controller = prefetchControllerRef.current;
+		if (controller.started) return;
+		controller.started = true;
+		const onHydrate = (listener) => {
+			if (controller.hydrationRequested) {
+				listener();
+				return () => {};
+			}
+			controller.hydrationListeners.add(listener);
+			return () => {
+				controller.hydrationListeners.delete(listener);
+			};
+		};
+		const preload = () => latestRef.current.preload?.() ?? Promise.resolve();
+		const prefetchInput = latestRef.current.prefetch;
+		if (typeof prefetchInput === "function") {
+			const promise = Promise.resolve().then(() => prefetchInput({
+				element: markerElementRef.current,
+				signal: controller.abortController.signal,
+				preload,
+				waitFor: (strategy) => waitForHydrationPrefetchStrategy(strategy, {
+					element: markerElementRef.current,
+					signal: controller.abortController.signal,
+					onHydrate
+				})
+			})).then(() => void 0);
+			controller.promise = promise;
+			promise.catch((error) => {
+				if (!controller.abortController.signal.aborted) setPrefetchError(error);
+			});
+			return;
+		}
+		if (!latestRef.current.preload) return;
+		const prefetch = () => {
+			if (didPrefetchRef.current) return;
+			didPrefetchRef.current = true;
+			preload();
+		};
+		controller.cleanup = runHydrationStrategyCleanup(prefetchInput._s?.({
+			element: markerElementRef.current,
+			prefetch
+		}));
+	}, [hydrateStrategy, latestRef]);
+	useLayoutEffect(() => {
+		const gate = gateRef.current;
+		if (!shouldDeferInitialHydrationRef.current || hydrateStrategy._t === "never") return;
+		if (gate.resolved) return;
+		const cleanups = [];
+		let removeResolveListener = () => {};
+		let disposed = false;
+		const resolveGate = gate.resolve;
+		const cleanup = () => {
+			if (disposed) return;
+			disposed = true;
+			if (gate.resolve === requestHydration) gate.resolve = resolveGate;
+			removeResolveListener();
+			cleanups.forEach((fn) => fn());
+		};
+		const addCleanup = (fn) => {
+			if (!fn) return;
+			if (disposed || gate.resolved) {
+				fn();
+				return;
+			}
+			cleanups.push(fn);
+		};
+		const requestHydration = () => {
+			const controller = prefetchControllerRef.current;
+			if (!controller.hydrationRequested) {
+				controller.hydrationRequested = true;
+				controller.hydrationListeners.forEach((listener) => listener());
+				controller.hydrationListeners.clear();
+			}
+			if (!controller.promise) {
+				resolveGate();
+				return;
+			}
+			if (controller.hydrationResolvePending) return;
+			controller.hydrationResolvePending = true;
+			controller.promise.then(() => resolveGate(), (error) => {
+				if (!controller.abortController.signal.aborted) setPrefetchError(error);
+			});
+		};
+		gate.resolve = requestHydration;
+		removeResolveListener = onGateResolve(gate, cleanup);
+		const context = {
+			element: markerElementRef.current,
+			gate
+		};
+		addCleanup(runHydrationStrategyCleanup(hydrateStrategy._s?.(context)));
+		if (hydrateStrategy._t !== "interaction") addCleanup(runHydrationStrategyCleanup(markerElementRef.current ? listenForDelegatedHydrationIntent(markerElementRef.current, context) : void 0));
+		return cleanup;
+	}, [hydrateStrategy, latestRef]);
+	return {
+		gate: gateRef.current,
+		markerRef,
+		markerElementRef,
+		hydrateStrategy,
+		markerHydrateType,
+		prefetchError,
+		shouldPreserveServerHTML: shouldPreserveServerHTMLRef.current
+	};
+}
+function HydrationGate(props) {
+	if (isServer ?? typeof window === "undefined") return props.children;
+	if (props.gate.resolved) return props.children;
+	if (!reactUse) throw props.gate.promise;
+	reactUse(props.gate.promise);
+	return props.children;
+}
+function HydratedBoundary(props) {
+	const { id, onHydrated, onStrategyHydrated } = props;
+	const didHydrateRef = React.useRef(false);
+	React.useEffect(() => {
+		if (didHydrateRef.current) return;
+		didHydrateRef.current = true;
+		onHydrated?.();
+		onStrategyHydrated?.(id);
+	}, [
+		id,
+		onHydrated,
+		onStrategyHydrated
+	]);
+	return props.children;
+}
+function GenericHydrate(props) {
+	const { gate, hydrateStrategy, markerHydrateType, markerElementRef, markerRef, prefetchError, shouldPreserveServerHTML } = useHydrationGate(props);
+	if (prefetchError) throw prefetchError;
+	const fallback = shouldPreserveServerHTML ? (() => {
+		const html = getFallbackHtml(gate.id);
+		return html ? /* @__PURE__ */ jsx("div", {
+			style: { display: "contents" },
+			dangerouslySetInnerHTML: { __html: html }
+		}) : null;
+	})() : props.fallback ?? null;
+	const markerAttributes = markerHydrateType === dynamicType ? void 0 : hydrateStrategy._a?.();
+	if (hydrateStrategy._t === "never" && !shouldPreserveServerHTML) return /* @__PURE__ */ jsx("div", {
+		ref: markerRef,
+		[hydrateIdAttribute]: gate.id,
+		[hydrateWhenAttribute]: markerHydrateType,
+		...markerAttributes,
+		children: props.fallback ?? null
+	});
+	return /* @__PURE__ */ jsx("div", {
+		ref: markerRef,
+		[hydrateIdAttribute]: gate.id,
+		[hydrateWhenAttribute]: markerHydrateType,
+		...markerAttributes,
+		children: /* @__PURE__ */ jsx(React.Suspense, {
+			fallback,
+			children: /* @__PURE__ */ jsx(HydrationGate, {
+				gate,
+				children: /* @__PURE__ */ jsx(HydratedBoundary, {
+					id: gate.id,
+					onHydrated: props.onHydrated,
+					onStrategyHydrated: (id) => {
+						markerElementRef.current?.removeAttribute(hydrateWhenAttribute);
+						hydrateStrategy._o?.(id);
+					},
+					children: props.children
+				})
+			})
+		})
+	});
+}
+//#endregion
+export { GenericHydrate };
+
+//# sourceMappingURL=GenericHydrate.js.map

package/dist/esm/GenericHydrate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GenericHydrate.js","names":[],"sources":["../../src/GenericHydrate.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\n\nimport { reactUse, useHydrated, useLayoutEffect } from '@tanstack/react-router'\nimport { isServer } from '@tanstack/router-core/isServer'\nimport {\n  hydrateIdAttribute,\n  hydrateWhenAttribute,\n} from '@tanstack/start-client-core/hydration/constants'\nimport {\n  createResolvedGate,\n  getFallbackHtml,\n  getOrCreateGate,\n  onGateResolve,\n  releaseGate,\n  runHydrationStrategyCleanup,\n  saveFallbackHtml,\n  waitForHydrationPrefetchStrategy,\n} from '@tanstack/start-client-core/hydration/runtime'\nimport { listenForDelegatedHydrationIntent } from '@tanstack/start-client-core/hydration'\nimport type {\n  HydrationRuntimeContext,\n  HydrationStrategy,\n  HydrationWhen,\n} from '@tanstack/start-client-core/hydration'\nimport type { HydrationGateRecord } from '@tanstack/start-client-core/hydration/runtime'\nimport type { HydrateProps, InternalHydrateProps } from './Hydrate'\n\ntype Gate = HydrationGateRecord & { promise: Promise<void> }\ntype PrefetchController = {\n  abortController: AbortController\n  hydrationRequested: boolean\n  hydrationListeners: Set<() => void>\n  hydrationResolvePending: boolean\n  started: boolean\n  promise?: Promise<void>\n  cleanup?: () => void\n}\n\nconst dynamicType = 'dynamic'\nconst dynamicHydrateStrategy = {\n  _t: dynamicType,\n  _d: () => true,\n} satisfies HydrationStrategy<typeof dynamicType, false>\n\nfunction shouldDeferHydration(strategy: HydrationStrategy) {\n  return strategy._d ? strategy._d() : strategy._t !== 'load'\n}\n\nfunction useLatest<T>(value: T) {\n  const ref = React.useRef(value)\n  ref.current = value\n  return ref\n}\n\nfunction useHydrationGate(props: InternalHydrateProps) {\n  const hydrated = useHydrated()\n  const reactId = React.useId()\n  const id = props.h ? `${props.h}${reactId}` : reactId\n  const when = props.when\n  const isDynamicHydrate = typeof when === 'function'\n  const dynamicHydrateStrategyRef = React.useRef<HydrationStrategy | undefined>(\n    undefined,\n  )\n  if (isDynamicHydrate) {\n    dynamicHydrateStrategyRef.current ??=\n      // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n      (isServer ?? typeof window === 'undefined')\n        ? dynamicHydrateStrategy\n        : when()\n  }\n  const hydrateStrategy = isDynamicHydrate\n    ? dynamicHydrateStrategyRef.current!\n    : when\n  const markerHydrateType: HydrationWhen = isDynamicHydrate\n    ? dynamicType\n    : hydrateStrategy._t!\n  const [prefetchError, setPrefetchError] = React.useState<unknown>()\n  const latestRef = useLatest({\n    prefetch: props.prefetch,\n    preload: props.p,\n  })\n  const gateRef = React.useRef<HydrationGateRecord | undefined>(undefined)\n  const markerElementRef = React.useRef<HTMLDivElement | null>(null)\n  const shouldPreserveServerHTMLRef = React.useRef<boolean | undefined>(\n    undefined,\n  )\n  const shouldDeferInitialHydrationRef = React.useRef<boolean | undefined>(\n    undefined,\n  )\n  const didPrefetchRef = React.useRef(false)\n  const prefetchControllerRef = React.useRef<PrefetchController | undefined>(\n    undefined,\n  )\n\n  prefetchControllerRef.current ??= {\n    abortController: new AbortController(),\n    hydrationRequested: false,\n    hydrationListeners: new Set<() => void>(),\n    hydrationResolvePending: false,\n    started: false,\n  }\n\n  shouldPreserveServerHTMLRef.current ??=\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n    (isServer ?? typeof window === 'undefined') || !hydrated\n  shouldDeferInitialHydrationRef.current ??=\n    !hydrated && shouldDeferHydration(hydrateStrategy)\n\n  if (!gateRef.current) {\n    gateRef.current =\n      // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n      (isServer ?? typeof window === 'undefined')\n        ? createResolvedGate(id, hydrateStrategy._t!)\n        : getOrCreateGate(id, hydrateStrategy._t!)\n  }\n\n  gateRef.current.when = hydrateStrategy._t!\n\n  if (\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n    !(isServer ?? typeof window === 'undefined') &&\n    hydrateStrategy._t !== 'never' &&\n    (!shouldDeferInitialHydrationRef.current ||\n      !shouldDeferHydration(hydrateStrategy))\n  ) {\n    gateRef.current.resolve()\n  }\n\n  const markerRef = React.useCallback(\n    (element: HTMLDivElement | null) => {\n      markerElementRef.current = element\n      if (element) {\n        if (\n          hydrateStrategy._t === 'never' &&\n          !shouldPreserveServerHTMLRef.current\n        ) {\n          element.replaceChildren()\n        }\n        saveFallbackHtml(id, element)\n      }\n    },\n    [hydrateStrategy._t, id],\n  )\n\n  React.useEffect(() => {\n    const gate = gateRef.current!\n    return () => {\n      const controller = prefetchControllerRef.current\n      controller?.abortController.abort()\n      controller?.cleanup?.()\n      controller?.hydrationListeners.clear()\n      releaseGate(gate)\n    }\n  }, [])\n\n  React.useEffect(() => {\n    if (\n      // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n      (isServer ?? typeof window === 'undefined') ||\n      !latestRef.current.prefetch\n    ) {\n      return\n    }\n\n    const controller = prefetchControllerRef.current!\n    if (controller.started) return\n    controller.started = true\n\n    const onHydrate = (listener: () => void) => {\n      if (controller.hydrationRequested) {\n        listener()\n        return () => {}\n      }\n\n      controller.hydrationListeners.add(listener)\n      return () => {\n        controller.hydrationListeners.delete(listener)\n      }\n    }\n\n    const preload = () => latestRef.current.preload?.() ?? Promise.resolve()\n    const prefetchInput = latestRef.current.prefetch\n\n    if (typeof prefetchInput === 'function') {\n      const promise = Promise.resolve()\n        .then(() =>\n          prefetchInput({\n            element: markerElementRef.current,\n            signal: controller.abortController.signal,\n            preload,\n            waitFor: (strategy) =>\n              waitForHydrationPrefetchStrategy(strategy, {\n                element: markerElementRef.current,\n                signal: controller.abortController.signal,\n                onHydrate,\n              }),\n          }),\n        )\n        .then(() => undefined)\n\n      controller.promise = promise\n      promise.catch((error) => {\n        if (!controller.abortController.signal.aborted) {\n          setPrefetchError(error)\n        }\n      })\n      return\n    }\n\n    if (!latestRef.current.preload) return\n\n    const prefetch = () => {\n      if (didPrefetchRef.current) return\n      didPrefetchRef.current = true\n      void preload()\n    }\n\n    controller.cleanup = runHydrationStrategyCleanup(\n      prefetchInput._s?.({\n        element: markerElementRef.current,\n        prefetch,\n      }),\n    )\n  }, [hydrateStrategy, latestRef])\n\n  useLayoutEffect(() => {\n    const gate = gateRef.current!\n    if (\n      !shouldDeferInitialHydrationRef.current ||\n      hydrateStrategy._t === 'never'\n    ) {\n      return\n    }\n\n    if (gate.resolved) {\n      return\n    }\n\n    const cleanups: Array<() => void> = []\n    let removeResolveListener = () => {}\n    let disposed = false\n    const resolveGate = gate.resolve\n\n    const cleanup = () => {\n      if (disposed) return\n      disposed = true\n      if (gate.resolve === requestHydration) {\n        gate.resolve = resolveGate\n      }\n      removeResolveListener()\n      cleanups.forEach((fn) => fn())\n    }\n\n    const addCleanup = (fn: void | (() => void)) => {\n      if (!fn) return\n      if (disposed || gate.resolved) {\n        fn()\n        return\n      }\n      cleanups.push(fn)\n    }\n\n    const requestHydration = () => {\n      const controller = prefetchControllerRef.current!\n      if (!controller.hydrationRequested) {\n        controller.hydrationRequested = true\n        controller.hydrationListeners.forEach((listener) => listener())\n        controller.hydrationListeners.clear()\n      }\n\n      if (!controller.promise) {\n        resolveGate()\n        return\n      }\n      if (controller.hydrationResolvePending) return\n      controller.hydrationResolvePending = true\n\n      controller.promise.then(\n        () => resolveGate(),\n        (error) => {\n          if (!controller.abortController.signal.aborted) {\n            setPrefetchError(error)\n          }\n        },\n      )\n    }\n\n    gate.resolve = requestHydration\n    removeResolveListener = onGateResolve(gate, cleanup)\n\n    const context: HydrationRuntimeContext = {\n      element: markerElementRef.current,\n      gate,\n    }\n    addCleanup(runHydrationStrategyCleanup(hydrateStrategy._s?.(context)))\n\n    if (hydrateStrategy._t !== 'interaction') {\n      addCleanup(\n        runHydrationStrategyCleanup(\n          markerElementRef.current\n            ? listenForDelegatedHydrationIntent(\n                markerElementRef.current,\n                context,\n              )\n            : undefined,\n        ),\n      )\n    }\n\n    return cleanup\n  }, [hydrateStrategy, latestRef])\n\n  return {\n    gate: gateRef.current,\n    markerRef,\n    markerElementRef,\n    hydrateStrategy,\n    markerHydrateType,\n    prefetchError,\n    shouldPreserveServerHTML: shouldPreserveServerHTMLRef.current,\n  }\n}\n\nfunction HydrationGate(props: { gate: Gate; children: React.ReactNode }) {\n  if (\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n    isServer ??\n    typeof window === 'undefined'\n  ) {\n    return props.children as React.JSX.Element\n  }\n\n  if (props.gate.resolved) {\n    return props.children as React.JSX.Element\n  }\n\n  if (!reactUse) {\n    throw props.gate.promise\n  }\n\n  reactUse(props.gate.promise)\n\n  return props.children as React.JSX.Element\n}\n\nfunction HydratedBoundary(props: {\n  id: string\n  onHydrated?: () => void\n  onStrategyHydrated?: (id: string) => void\n  children: React.ReactNode\n}) {\n  const { id, onHydrated, onStrategyHydrated } = props\n  const didHydrateRef = React.useRef(false)\n\n  React.useEffect(() => {\n    if (didHydrateRef.current) return\n    didHydrateRef.current = true\n    onHydrated?.()\n    onStrategyHydrated?.(id)\n  }, [id, onHydrated, onStrategyHydrated])\n\n  return props.children as React.JSX.Element\n}\n\nexport function GenericHydrate(props: HydrateProps): React.JSX.Element {\n  const internalProps = props as InternalHydrateProps\n  const {\n    gate,\n    hydrateStrategy,\n    markerHydrateType,\n    markerElementRef,\n    markerRef,\n    prefetchError,\n    shouldPreserveServerHTML,\n  } = useHydrationGate(internalProps)\n  if (prefetchError) throw prefetchError\n\n  const fallback = shouldPreserveServerHTML\n    ? (() => {\n        const html = getFallbackHtml(gate.id)\n        return html ? (\n          <div\n            style={{ display: 'contents' }}\n            dangerouslySetInnerHTML={{ __html: html }}\n          />\n        ) : null\n      })()\n    : (props.fallback ?? null)\n  const markerAttributes =\n    markerHydrateType === dynamicType ? undefined : hydrateStrategy._a?.()\n\n  const hydrateType = hydrateStrategy._t!\n\n  if (hydrateType === 'never' && !shouldPreserveServerHTML) {\n    return (\n      <div\n        ref={markerRef}\n        {...{\n          [hydrateIdAttribute]: gate.id,\n          [hydrateWhenAttribute]: markerHydrateType,\n          ...markerAttributes,\n        }}\n      >\n        {props.fallback ?? null}\n      </div>\n    )\n  }\n\n  return (\n    <div\n      ref={markerRef}\n      {...{\n        [hydrateIdAttribute]: gate.id,\n        [hydrateWhenAttribute]: markerHydrateType,\n        ...markerAttributes,\n      }}\n    >\n      <React.Suspense fallback={fallback}>\n        <HydrationGate gate={gate}>\n          <HydratedBoundary\n            id={gate.id}\n            onHydrated={props.onHydrated}\n            onStrategyHydrated={(id) => {\n              markerElementRef.current?.removeAttribute(hydrateWhenAttribute)\n              hydrateStrategy._o?.(id)\n            }}\n          >\n            {props.children}\n          </HydratedBoundary>\n        </HydrationGate>\n      </React.Suspense>\n    </div>\n  )\n}\n"],"mappings":"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"}

package/dist/esm/Hydrate.d.ts

@@ -0,0 +1,31 @@
+import { HydrationStrategy as CoreHydrationStrategy, HydrationPrefetchFunction, HydrationPrefetchStrategy, HydrationWhen } from '@tanstack/start-client-core/hydration';
+import * as React from 'react';
+export type { HydrationInteractionEvent, HydrationInteractionEvents, HydrationPrefetchContext, HydrationPrefetchFunction, HydrationPrefetchStrategy, HydrationPrefetchWaitReason, HydrationWhen, } from '@tanstack/start-client-core/hydration';
+export type ReactHydrationStrategy<TWhen extends HydrationWhen = HydrationWhen, TCanPrefetch extends boolean = boolean> = CoreHydrationStrategy<TWhen, TCanPrefetch> & {
+    _h: (this: ReactHydrationStrategy, props: HydrateProps) => React.JSX.Element;
+};
+export type HydrationStrategy<TWhen extends HydrationWhen = HydrationWhen, TCanPrefetch extends boolean = boolean> = ReactHydrationStrategy<TWhen, TCanPrefetch>;
+export type HydrateWhen = ReactHydrationStrategy | (() => ReactHydrationStrategy);
+type HydrateCommonOptions = {
+    when: HydrateWhen;
+    fallback?: React.ReactNode;
+    onHydrated?: () => void;
+};
+export type HydrateOptions = (HydrateCommonOptions & {
+    prefetch?: never;
+    split?: boolean;
+}) | (HydrateCommonOptions & {
+    prefetch: HydrationPrefetchStrategy;
+    split?: true;
+}) | (HydrateCommonOptions & {
+    prefetch: HydrationPrefetchFunction;
+    split?: boolean;
+});
+export type HydrateProps = HydrateOptions & {
+    children: React.ReactNode;
+};
+export type InternalHydrateProps = HydrateProps & {
+    h?: string;
+    p?: () => Promise<void>;
+};
+export declare function Hydrate(props: HydrateProps): React.JSX.Element;

package/dist/esm/Hydrate.js

@@ -0,0 +1,34 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { isServer } from "@tanstack/router-core/isServer";
+//#region src/Hydrate.tsx
+var dynamicType = "dynamic";
+var hydrateIdAttribute = "data-ts-hydrate-id";
+var hydrateWhenAttribute = "data-ts-hydrate-when";
+/* @__NO_SIDE_EFFECTS__ */
+function ServerDynamicHydrate(props) {
+	const internalProps = props;
+	const reactId = React.useId();
+	const id = internalProps.h ? `${internalProps.h}${reactId}` : reactId;
+	return /* @__PURE__ */ jsx("div", {
+		[hydrateIdAttribute]: id,
+		[hydrateWhenAttribute]: dynamicType,
+		children: /* @__PURE__ */ jsx(React.Suspense, {
+			fallback: props.fallback ?? null,
+			children: props.children
+		})
+	});
+}
+/* @__NO_SIDE_EFFECTS__ */
+function Hydrate(props) {
+	if (typeof props.when === "function") {
+		if (isServer ?? typeof window === "undefined") return /* @__PURE__ */ jsx(ServerDynamicHydrate, { ...props });
+		return props.when()._h(props);
+	}
+	return props.when._h(props);
+}
+//#endregion
+export { Hydrate };
+
+//# sourceMappingURL=Hydrate.js.map

package/dist/esm/Hydrate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Hydrate.js","names":[],"sources":["../../src/Hydrate.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\n\nimport { isServer } from '@tanstack/router-core/isServer'\nimport type {\n  HydrationStrategy as CoreHydrationStrategy,\n  HydrationPrefetchFunction,\n  HydrationPrefetchStrategy,\n  HydrationWhen,\n} from '@tanstack/start-client-core/hydration'\n\nexport type {\n  HydrationInteractionEvent,\n  HydrationInteractionEvents,\n  HydrationPrefetchContext,\n  HydrationPrefetchFunction,\n  HydrationPrefetchStrategy,\n  HydrationPrefetchWaitReason,\n  HydrationWhen,\n} from '@tanstack/start-client-core/hydration'\n\nexport type ReactHydrationStrategy<\n  TWhen extends HydrationWhen = HydrationWhen,\n  TCanPrefetch extends boolean = boolean,\n> = CoreHydrationStrategy<TWhen, TCanPrefetch> & {\n  _h: (this: ReactHydrationStrategy, props: HydrateProps) => React.JSX.Element\n}\n\nexport type HydrationStrategy<\n  TWhen extends HydrationWhen = HydrationWhen,\n  TCanPrefetch extends boolean = boolean,\n> = ReactHydrationStrategy<TWhen, TCanPrefetch>\n\nexport type HydrateWhen =\n  | ReactHydrationStrategy\n  | (() => ReactHydrationStrategy)\n\ntype HydrateCommonOptions = {\n  when: HydrateWhen\n  fallback?: React.ReactNode\n  onHydrated?: () => void\n}\n\nexport type HydrateOptions =\n  | (HydrateCommonOptions & {\n      prefetch?: never\n      split?: boolean\n    })\n  | (HydrateCommonOptions & {\n      prefetch: HydrationPrefetchStrategy\n      split?: true\n    })\n  | (HydrateCommonOptions & {\n      prefetch: HydrationPrefetchFunction\n      split?: boolean\n    })\n\nexport type HydrateProps = HydrateOptions & {\n  children: React.ReactNode\n}\n\nexport type InternalHydrateProps = HydrateProps & {\n  h?: string\n  p?: () => Promise<void>\n}\n\nconst dynamicType = 'dynamic'\nconst hydrateIdAttribute = 'data-ts-hydrate-id'\nconst hydrateWhenAttribute = 'data-ts-hydrate-when'\n\n/* @__NO_SIDE_EFFECTS__ */\nfunction ServerDynamicHydrate(props: HydrateProps): React.JSX.Element {\n  const internalProps = props as InternalHydrateProps\n  const reactId = React.useId()\n  const id = internalProps.h ? `${internalProps.h}${reactId}` : reactId\n\n  return (\n    <div\n      {...{\n        [hydrateIdAttribute]: id,\n        [hydrateWhenAttribute]: dynamicType,\n      }}\n    >\n      <React.Suspense fallback={props.fallback ?? null}>\n        {props.children}\n      </React.Suspense>\n    </div>\n  )\n}\n\n/* @__NO_SIDE_EFFECTS__ */\nexport function Hydrate(props: HydrateProps): React.JSX.Element {\n  if (typeof props.when === 'function') {\n    if (\n      // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n      isServer ??\n      typeof window === 'undefined'\n    ) {\n      return <ServerDynamicHydrate {...props} />\n    }\n\n    return props.when()._h(props)\n  }\n\n  return props.when._h(props)\n}\n"],"mappings":";;;;;AAmEA,IAAM,cAAc;AACpB,IAAM,qBAAqB;AAC3B,IAAM,uBAAuB;;AAG7B,SAAS,qBAAqB,OAAwC;CACpE,MAAM,gBAAgB;CACtB,MAAM,UAAU,MAAM,OAAO;CAC7B,MAAM,KAAK,cAAc,IAAI,GAAG,cAAc,IAAI,YAAY;AAE9D,QACE,oBAAC,OAAD;GAEK,qBAAqB;GACrB,uBAAuB;YAG1B,oBAAC,MAAM,UAAP;GAAgB,UAAU,MAAM,YAAY;aACzC,MAAM;GACQ,CAAA;EACb,CAAA;;;AAKV,SAAgB,QAAQ,OAAwC;AAC9D,KAAI,OAAO,MAAM,SAAS,YAAY;AACpC,MAEE,YACA,OAAO,WAAW,YAElB,QAAO,oBAAC,sBAAD,EAAsB,GAAI,OAAS,CAAA;AAG5C,SAAO,MAAM,MAAM,CAAC,GAAG,MAAM;;AAG/B,QAAO,MAAM,KAAK,GAAG,MAAM"}

package/dist/esm/hydration/generic.d.ts

@@ -0,0 +1,7 @@
+import { HydrationCondition, HydrationInteractionEvents, HydrationPrefetchStrategy } from '@tanstack/start-client-core/hydration';
+import { ReactHydrationStrategy } from '../Hydrate.js';
+export declare function media(query: string): ReactHydrationStrategy<'media', true> & HydrationPrefetchStrategy<'media'>;
+export declare function condition(condition: HydrationCondition): ReactHydrationStrategy<'condition', false>;
+export declare function interaction(options?: {
+    events?: HydrationInteractionEvents;
+}): ReactHydrationStrategy<'interaction', true> & HydrationPrefetchStrategy<'interaction'>;

package/dist/esm/hydration/generic.js

@@ -0,0 +1,20 @@
+"use client";
+import { GenericHydrate } from "../GenericHydrate.js";
+import { condition, interaction, media, withHydrationRenderer } from "@tanstack/start-client-core/hydration";
+//#region src/hydration/generic.ts
+/* @__NO_SIDE_EFFECTS__ */
+function media$1(query) {
+	return /* @__PURE__ */ withHydrationRenderer(media(query), GenericHydrate);
+}
+/* @__NO_SIDE_EFFECTS__ */
+function condition$1(condition$2) {
+	return /* @__PURE__ */ withHydrationRenderer(condition(condition$2), GenericHydrate);
+}
+/* @__NO_SIDE_EFFECTS__ */
+function interaction$1(options) {
+	return /* @__PURE__ */ withHydrationRenderer(interaction(options), GenericHydrate);
+}
+//#endregion
+export { condition$1 as condition, interaction$1 as interaction, media$1 as media };
+
+//# sourceMappingURL=generic.js.map

package/dist/esm/hydration/generic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generic.js","names":[],"sources":["../../../src/hydration/generic.ts"],"sourcesContent":["'use client'\n\nimport {\n  condition as coreCondition,\n  interaction as coreInteraction,\n  media as coreMedia,\n  withHydrationRenderer,\n} from '@tanstack/start-client-core/hydration'\nimport { GenericHydrate } from '../GenericHydrate'\nimport type {\n  HydrationCondition,\n  HydrationInteractionEvents,\n  HydrationPrefetchStrategy,\n} from '@tanstack/start-client-core/hydration'\nimport type { ReactHydrationStrategy } from '../Hydrate'\n\n/* @__NO_SIDE_EFFECTS__ */\nexport function media(\n  query: string,\n): ReactHydrationStrategy<'media', true> & HydrationPrefetchStrategy<'media'> {\n  return /* @__PURE__ */ withHydrationRenderer(coreMedia(query), GenericHydrate)\n}\n\n/* @__NO_SIDE_EFFECTS__ */\nexport function condition(\n  condition: HydrationCondition,\n): ReactHydrationStrategy<'condition', false> {\n  return /* @__PURE__ */ withHydrationRenderer(\n    coreCondition(condition),\n    GenericHydrate,\n  )\n}\n\n/* @__NO_SIDE_EFFECTS__ */\nexport function interaction(options?: {\n  events?: HydrationInteractionEvents\n}): ReactHydrationStrategy<'interaction', true> &\n  HydrationPrefetchStrategy<'interaction'> {\n  return /* @__PURE__ */ withHydrationRenderer(\n    coreInteraction(options),\n    GenericHydrate,\n  )\n}\n"],"mappings":";;;;;AAiBA,SAAgB,QACd,OAC4E;AAC5E,QAAuB,sCAAsB,MAAU,MAAM,EAAE,eAAe;;;AAIhF,SAAgB,YACd,aAC4C;AAC5C,QAAuB,sCACrB,UAAc,YAAU,EACxB,eACD;;;AAIH,SAAgB,cAAY,SAGe;AACzC,QAAuB,sCACrB,YAAgB,QAAQ,EACxB,eACD"}

package/dist/esm/hydration/idle.d.ts

@@ -0,0 +1,3 @@
+import { HydrationPrefetchStrategy, IdleHydrationOptions } from '@tanstack/start-client-core/hydration';
+import { ReactHydrationStrategy } from '../Hydrate.js';
+export declare function idle(options?: IdleHydrationOptions): ReactHydrationStrategy<'idle', true> & HydrationPrefetchStrategy<'idle'>;

package/dist/esm/hydration/idle.js

@@ -0,0 +1,12 @@
+"use client";
+import { GenericHydrate } from "../GenericHydrate.js";
+import { idle, withHydrationRenderer } from "@tanstack/start-client-core/hydration";
+//#region src/hydration/idle.ts
+/* @__NO_SIDE_EFFECTS__ */
+function idle$1(options = {}) {
+	return /* @__PURE__ */ withHydrationRenderer(idle(options), GenericHydrate);
+}
+//#endregion
+export { idle$1 as idle };
+
+//# sourceMappingURL=idle.js.map

package/dist/esm/hydration/idle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"idle.js","names":[],"sources":["../../../src/hydration/idle.ts"],"sourcesContent":["'use client'\n\nimport {\n  idle as coreIdle,\n  withHydrationRenderer,\n} from '@tanstack/start-client-core/hydration'\nimport { GenericHydrate } from '../GenericHydrate'\nimport type {\n  HydrationPrefetchStrategy,\n  IdleHydrationOptions,\n} from '@tanstack/start-client-core/hydration'\nimport type { ReactHydrationStrategy } from '../Hydrate'\n\n/* @__NO_SIDE_EFFECTS__ */\nexport function idle(\n  options: IdleHydrationOptions = {},\n): ReactHydrationStrategy<'idle', true> & HydrationPrefetchStrategy<'idle'> {\n  return /* @__PURE__ */ withHydrationRenderer(\n    coreIdle(options),\n    GenericHydrate,\n  )\n}\n"],"mappings":";;;;;AAcA,SAAgB,OACd,UAAgC,EAAE,EACwC;AAC1E,QAAuB,sCACrB,KAAS,QAAQ,EACjB,eACD"}

package/dist/esm/hydration/load.d.ts

@@ -0,0 +1,5 @@
+import { HydrationPrefetchStrategy } from '@tanstack/start-client-core/hydration';
+import { HydrateProps, ReactHydrationStrategy } from '../Hydrate.js';
+import * as React from 'react';
+export declare function LoadHydrate(props: HydrateProps): React.JSX.Element;
+export declare function load(): ReactHydrationStrategy<'load', true> & HydrationPrefetchStrategy<'load'>;

package/dist/esm/hydration/load.js

@@ -0,0 +1,33 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { load, withHydrationRenderer } from "@tanstack/start-client-core/hydration";
+//#region src/hydration/load.tsx
+function HydratedBoundary(props) {
+	const { onHydrated, children } = props;
+	const didHydrateRef = React.useRef(false);
+	React.useEffect(() => {
+		if (didHydrateRef.current) return;
+		didHydrateRef.current = true;
+		onHydrated?.();
+	}, [onHydrated]);
+	return children;
+}
+function LoadHydrate(props) {
+	return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(React.Suspense, {
+		fallback: props.fallback ?? null,
+		children: /* @__PURE__ */ jsx(HydratedBoundary, {
+			onHydrated: props.onHydrated,
+			children: props.children
+		})
+	}) });
+}
+var loadStrategy = /* @__PURE__ */ withHydrationRenderer(load(), LoadHydrate);
+/* @__NO_SIDE_EFFECTS__ */
+function load$1() {
+	return loadStrategy;
+}
+//#endregion
+export { load$1 as load };
+
+//# sourceMappingURL=load.js.map

package/dist/esm/hydration/load.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"load.js","names":[],"sources":["../../../src/hydration/load.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\n\nimport {\n  load as coreLoad,\n  withHydrationRenderer,\n} from '@tanstack/start-client-core/hydration'\nimport type { HydrationPrefetchStrategy } from '@tanstack/start-client-core/hydration'\nimport type { HydrateProps, ReactHydrationStrategy } from '../Hydrate'\n\nfunction HydratedBoundary(props: {\n  onHydrated?: () => void\n  children: React.ReactNode\n}) {\n  const { onHydrated, children } = props\n  const didHydrateRef = React.useRef(false)\n\n  React.useEffect(() => {\n    if (didHydrateRef.current) return\n    didHydrateRef.current = true\n    onHydrated?.()\n  }, [onHydrated])\n\n  return children as React.JSX.Element\n}\n\nexport function LoadHydrate(props: HydrateProps): React.JSX.Element {\n  return (\n    <div>\n      <React.Suspense fallback={props.fallback ?? null}>\n        <HydratedBoundary onHydrated={props.onHydrated}>\n          {props.children}\n        </HydratedBoundary>\n      </React.Suspense>\n    </div>\n  )\n}\n\nconst loadStrategy = /* @__PURE__ */ withHydrationRenderer(\n  coreLoad(),\n  LoadHydrate,\n) as ReactHydrationStrategy<'load', true> & HydrationPrefetchStrategy<'load'>\n\n/* @__NO_SIDE_EFFECTS__ */\nexport function load(): ReactHydrationStrategy<'load', true> &\n  HydrationPrefetchStrategy<'load'> {\n  return loadStrategy\n}\n"],"mappings":";;;;;AAWA,SAAS,iBAAiB,OAGvB;CACD,MAAM,EAAE,YAAY,aAAa;CACjC,MAAM,gBAAgB,MAAM,OAAO,MAAM;AAEzC,OAAM,gBAAgB;AACpB,MAAI,cAAc,QAAS;AAC3B,gBAAc,UAAU;AACxB,gBAAc;IACb,CAAC,WAAW,CAAC;AAEhB,QAAO;;AAGT,SAAgB,YAAY,OAAwC;AAClE,QACE,oBAAC,OAAD,EAAA,UACE,oBAAC,MAAM,UAAP;EAAgB,UAAU,MAAM,YAAY;YAC1C,oBAAC,kBAAD;GAAkB,YAAY,MAAM;aACjC,MAAM;GACU,CAAA;EACJ,CAAA,EACb,CAAA;;AAIV,IAAM,eAA+B,sCACnC,MAAU,EACV,YACD;;AAGD,SAAgB,SACoB;AAClC,QAAO"}

package/dist/esm/hydration/never.d.ts

@@ -0,0 +1,4 @@
+import { HydrateProps, ReactHydrationStrategy } from '../Hydrate.js';
+import * as React from 'react';
+export declare function NeverHydrate(props: HydrateProps): React.JSX.Element;
+export declare function never(): ReactHydrationStrategy<'never', false>;

package/dist/esm/hydration/never.js

@@ -0,0 +1,56 @@
+"use client";
+import { reactUse, useHydrated } from "@tanstack/react-router";
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { isServer } from "@tanstack/router-core/isServer";
+import { never, withHydrationRenderer } from "@tanstack/start-client-core/hydration";
+import { hydrateIdAttribute, hydrateWhenAttribute } from "@tanstack/start-client-core/hydration/constants";
+import { getFallbackHtml, saveFallbackHtml } from "@tanstack/start-client-core/hydration/runtime";
+//#region src/hydration/never.tsx
+var neverType = "never";
+var neverPromise = new Promise(() => {});
+function NeverGate(props) {
+	if (isServer ?? typeof window === "undefined") return props.children;
+	if (!reactUse) throw neverPromise;
+	reactUse(neverPromise);
+	return props.children;
+}
+function NeverHydrate(props) {
+	const internalProps = props;
+	const hydrated = useHydrated();
+	const reactId = React.useId();
+	const id = internalProps.h ? `${internalProps.h}${reactId}` : reactId;
+	const shouldPreserveServerHTMLRef = React.useRef(void 0);
+	shouldPreserveServerHTMLRef.current ??= (isServer ?? typeof window === "undefined") || !hydrated;
+	const markerProps = {
+		ref: React.useCallback((element) => {
+			if (!element) return;
+			if (!shouldPreserveServerHTMLRef.current) element.replaceChildren();
+			else saveFallbackHtml(id, element);
+		}, [id]),
+		[hydrateIdAttribute]: id,
+		[hydrateWhenAttribute]: neverType
+	};
+	const fallback = (() => {
+		const html = getFallbackHtml(id);
+		return html ? /* @__PURE__ */ jsx("div", {
+			style: { display: "contents" },
+			dangerouslySetInnerHTML: { __html: html }
+		}) : props.fallback ?? null;
+	})();
+	return /* @__PURE__ */ jsx("div", {
+		...markerProps,
+		children: /* @__PURE__ */ jsx(React.Suspense, {
+			fallback,
+			children: /* @__PURE__ */ jsx(NeverGate, { children: props.children })
+		})
+	});
+}
+/* @__NO_SIDE_EFFECTS__ */
+function never$1() {
+	return /* @__PURE__ */ withHydrationRenderer(never(), NeverHydrate);
+}
+//#endregion
+export { never$1 as never };
+
+//# sourceMappingURL=never.js.map

package/dist/esm/hydration/never.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"never.js","names":[],"sources":["../../../src/hydration/never.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\n\nimport { reactUse, useHydrated } from '@tanstack/react-router'\nimport { isServer } from '@tanstack/router-core/isServer'\nimport {\n  never as coreNever,\n  withHydrationRenderer,\n} from '@tanstack/start-client-core/hydration'\nimport {\n  hydrateIdAttribute,\n  hydrateWhenAttribute,\n} from '@tanstack/start-client-core/hydration/constants'\nimport {\n  getFallbackHtml,\n  saveFallbackHtml,\n} from '@tanstack/start-client-core/hydration/runtime'\nimport type {\n  HydrateProps,\n  InternalHydrateProps,\n  ReactHydrationStrategy,\n} from '../Hydrate'\n\nconst neverType = 'never'\nconst neverPromise = new Promise<void>(() => {})\n\nfunction NeverGate(props: { children: React.ReactNode }) {\n  if (\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n    isServer ??\n    typeof window === 'undefined'\n  ) {\n    return props.children as React.JSX.Element\n  }\n\n  if (!reactUse) {\n    throw neverPromise\n  }\n\n  reactUse(neverPromise)\n\n  return props.children as React.JSX.Element\n}\n\nexport function NeverHydrate(props: HydrateProps): React.JSX.Element {\n  const internalProps = props as InternalHydrateProps\n  const hydrated = useHydrated()\n  const reactId = React.useId()\n  const id = internalProps.h ? `${internalProps.h}${reactId}` : reactId\n  const shouldPreserveServerHTMLRef = React.useRef<boolean | undefined>(\n    undefined,\n  )\n  shouldPreserveServerHTMLRef.current ??=\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n    (isServer ?? typeof window === 'undefined') || !hydrated\n  const markerRef = React.useCallback(\n    (element: HTMLDivElement | null) => {\n      if (!element) return\n      if (!shouldPreserveServerHTMLRef.current) {\n        element.replaceChildren()\n      } else {\n        saveFallbackHtml(id, element)\n      }\n    },\n    [id],\n  )\n  const markerProps = {\n    ref: markerRef,\n    [hydrateIdAttribute]: id,\n    [hydrateWhenAttribute]: neverType,\n  }\n  const fallback = (() => {\n    const html = getFallbackHtml(id)\n    return html ? (\n      <div\n        style={{ display: 'contents' }}\n        dangerouslySetInnerHTML={{ __html: html }}\n      />\n    ) : (\n      (props.fallback ?? null)\n    )\n  })()\n\n  return (\n    <div {...markerProps}>\n      <React.Suspense fallback={fallback}>\n        <NeverGate>{props.children}</NeverGate>\n      </React.Suspense>\n    </div>\n  )\n}\n\n/* @__NO_SIDE_EFFECTS__ */\nexport function never(): ReactHydrationStrategy<'never', false> {\n  return /* @__PURE__ */ withHydrationRenderer(coreNever(), NeverHydrate)\n}\n"],"mappings":";;;;;;;;;AAwBA,IAAM,YAAY;AAClB,IAAM,eAAe,IAAI,cAAoB,GAAG;AAEhD,SAAS,UAAU,OAAsC;AACvD,KAEE,YACA,OAAO,WAAW,YAElB,QAAO,MAAM;AAGf,KAAI,CAAC,SACH,OAAM;AAGR,UAAS,aAAa;AAEtB,QAAO,MAAM;;AAGf,SAAgB,aAAa,OAAwC;CACnE,MAAM,gBAAgB;CACtB,MAAM,WAAW,aAAa;CAC9B,MAAM,UAAU,MAAM,OAAO;CAC7B,MAAM,KAAK,cAAc,IAAI,GAAG,cAAc,IAAI,YAAY;CAC9D,MAAM,8BAA8B,MAAM,OACxC,KAAA,EACD;AACD,6BAA4B,aAEzB,YAAY,OAAO,WAAW,gBAAgB,CAAC;CAYlD,MAAM,cAAc;EAClB,KAZgB,MAAM,aACrB,YAAmC;AAClC,OAAI,CAAC,QAAS;AACd,OAAI,CAAC,4BAA4B,QAC/B,SAAQ,iBAAiB;OAEzB,kBAAiB,IAAI,QAAQ;KAGjC,CAAC,GAAG,CACL;GAGE,qBAAqB;GACrB,uBAAuB;EACzB;CACD,MAAM,kBAAkB;EACtB,MAAM,OAAO,gBAAgB,GAAG;AAChC,SAAO,OACL,oBAAC,OAAD;GACE,OAAO,EAAE,SAAS,YAAY;GAC9B,yBAAyB,EAAE,QAAQ,MAAM;GACzC,CAAA,GAED,MAAM,YAAY;KAEnB;AAEJ,QACE,oBAAC,OAAD;EAAK,GAAI;YACP,oBAAC,MAAM,UAAP;GAA0B;aACxB,oBAAC,WAAD,EAAA,UAAY,MAAM,UAAqB,CAAA;GACxB,CAAA;EACb,CAAA;;;AAKV,SAAgB,UAAgD;AAC9D,QAAuB,sCAAsB,OAAW,EAAE,aAAa"}

package/dist/esm/hydration/visible.d.ts

@@ -0,0 +1,5 @@
+import { HydrationPrefetchStrategy, VisibleHydrationOptions } from '@tanstack/start-client-core/hydration';
+import { HydrateProps, ReactHydrationStrategy } from '../Hydrate.js';
+import * as React from 'react';
+export declare function VisibleHydrate(this: ReactHydrationStrategy, props: HydrateProps): React.JSX.Element;
+export declare function visible(options?: VisibleHydrationOptions): ReactHydrationStrategy<'visible', true> & HydrationPrefetchStrategy<'visible'>;

package/dist/esm/hydration/visible.js

@@ -0,0 +1,94 @@
+"use client";
+import { reactUse } from "@tanstack/react-router";
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { isServer } from "@tanstack/router-core/isServer";
+//#region src/hydration/visible.tsx
+/* @__NO_SIDE_EFFECTS__ */
+function HydrationBoundary(props) {
+	const { g, o } = props;
+	if (!g.r) {
+		if (!reactUse) throw g.p;
+		reactUse(g.p);
+	}
+	React.useEffect(() => {
+		o?.();
+	}, [o]);
+	return props.children;
+}
+/* @__NO_SIDE_EFFECTS__ */
+function VisibleHydrate(props) {
+	const strategy = this;
+	const prefetchStrategy = props.prefetch;
+	const preload = props.p;
+	const markerRef = React.useRef(null);
+	const [gate] = React.useState(() => {
+		let resolvePromise;
+		const nextGate = {
+			p: new Promise((resolve) => {
+				resolvePromise = resolve;
+			}),
+			r: false,
+			s: () => {
+				nextGate.r = true;
+				resolvePromise();
+			}
+		};
+		if (isServer ?? typeof window === "undefined") nextGate.s();
+		return nextGate;
+	});
+	React.useEffect(() => {
+		if (!preload || typeof prefetchStrategy === "function") return;
+		return prefetchStrategy?._s?.({
+			element: markerRef.current,
+			prefetch: preload
+		});
+	}, [prefetchStrategy, preload]);
+	React.useEffect(() => {
+		if (gate.r) return;
+		return strategy._s?.({
+			element: markerRef.current,
+			gate
+		});
+	}, [gate, strategy]);
+	return /* @__PURE__ */ jsx("div", {
+		ref: markerRef,
+		children: /* @__PURE__ */ jsx(React.Suspense, {
+			fallback: props.fallback,
+			children: /* @__PURE__ */ jsx(HydrationBoundary, {
+				g: gate,
+				o: props.onHydrated,
+				children: props.children
+			})
+		})
+	});
+}
+/* @__NO_SIDE_EFFECTS__ */
+function visible(options) {
+	const rootMargin = options?.rootMargin ?? "600px";
+	const threshold = options?.threshold ?? 0;
+	return {
+		_s: ({ element, gate, prefetch }) => {
+			const callback = prefetch || gate.s;
+			if (!element) {
+				callback();
+				return;
+			}
+			const observer = new IntersectionObserver((entries) => {
+				if (!entries[0].isIntersecting) return;
+				observer.disconnect();
+				callback();
+			}, {
+				rootMargin,
+				threshold
+			});
+			observer.observe(element);
+			return () => observer.disconnect();
+		},
+		_h: VisibleHydrate
+	};
+}
+//#endregion
+export { visible };
+
+//# sourceMappingURL=visible.js.map