clear-react-router 1.5.0 → 1.5.2

package/dist/hooks/useSetIsAnimated.d.ts

@@ -0,0 +1 @@
+export declare const useSetIsAnimated: (isAnimated?: boolean) => void;

package/dist/index.js

@@ -1,4 +1,4 @@
-import { Suspense, createContext, lazy, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
+import { Suspense, createContext, lazy, useCallback, useContext, useEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
 //#region \0rolldown/runtime.js
 var __commonJSMin = (cb, mod) => () => (mod || (cb((mod = { exports: {} }).exports, mod), cb = null), mod.exports);
 //#endregion
@@ -78,6 +78,42 @@ var useLatest = (value) => {
 	return ref;
 };
 //#endregion
+//#region store/createStore.ts
+var createStore = (storeCreator) => {
+	let store;
+	const subscribers = /* @__PURE__ */ new Set();
+	const get = () => store;
+	const set = (action) => {
+		const nextState = typeof action === "function" ? action(store) : action;
+		if (!Object.is(store, nextState)) {
+			const prevState = store;
+			store = typeof nextState !== "object" || nextState === null ? nextState : Object.assign({}, store, nextState);
+			console.log({ store });
+			subscribers.forEach((listener) => listener(store, prevState));
+		}
+	};
+	store = storeCreator(set, get);
+	const subscribe = (listener) => {
+		subscribers.add(listener);
+		return () => subscribers.delete(listener);
+	};
+	function use(selector) {
+		return useSyncExternalStore(subscribe, () => selector ? selector(get()) : get());
+	}
+	return {
+		get,
+		set,
+		subscribe,
+		use
+	};
+};
+//#endregion
+//#region store/isAnimatedStore.ts
+var isAnimatedStore = createStore((set) => ({
+	isAnimated: false,
+	setIsAnimated: (isAnimated) => set({ isAnimated })
+}));
+//#endregion
 //#region utils/createLazyComponent.tsx
 var createLazyComponent = (importFn, fallback) => {
 	const LazyComp = lazy(() => importFn().then((module) => ({ default: module.default || module })));
@@ -132,6 +168,7 @@ var comparePaths = (el, pathname) => {
 //#region hooks/useHandleNavigation.ts
 var ALL_LOCATIONS = "*";
 var useHandleNavigation = ({ routeList, context, revalidateCache, setContext, isCacheItemFresh }) => {
+	const isAnimated = isAnimatedStore.use((state) => state.isAnimated);
 	const [blockedRoute, setBlockedRoute] = useState({
 		from: "",
 		to: ""
@@ -184,6 +221,10 @@ var useHandleNavigation = ({ routeList, context, revalidateCache, setContext, is
 				[prevPathname.current]: scrollPosition
 			};
 		});
+		if (!isAnimated) {
+			navigation(nextLocation, routeItem);
+			return;
+		}
 		try {
 			document.startViewTransition(() => navigation(nextLocation, routeItem));
 		} catch {
@@ -399,7 +440,6 @@ var RouterProvider = ({ children, routeList, context: initialContext = {} }) =>
 			blockerState,
 			context,
 			setContext,
-			routeList,
 			routeItemData,
 			restoreScroll,
 			currentLoaderFallback
@@ -408,7 +448,6 @@ var RouterProvider = ({ children, routeList, context: initialContext = {} }) =>
 			context,
 			prefetchLoader,
 			routeItemData,
-			routeList,
 			setSearch,
 			updateBlockedRoute,
 			updateLocation,
@@ -488,11 +527,18 @@ var renderElement = (Component) => {
 	return typeof Component === "function" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, {}) : Component;
 };
 //#endregion
+//#region hooks/useSetIsAnimated.ts
+var useSetIsAnimated = (isAnimated) => {
+	const setIsAnimated = isAnimatedStore.use((state) => state.setIsAnimated);
+	useEffect(() => setIsAnimated(!!isAnimated), [isAnimated]);
+};
+//#endregion
 //#region components/Router.tsx
 var Router = ({ isAnimated, animationDuration, spinner = true, preserveScroll = true, showFallbackIfAnimated = false }) => {
 	const { routeItemData: { routeItem, loaderState }, currentLoaderFallback } = useNavigationState();
 	usePreserveScroll(preserveScroll);
 	useApplyCustomAnimation(animationDuration);
+	useSetIsAnimated(isAnimated);
 	const isLoading = Boolean(currentLoaderFallback);
 	const showErrorElement = !isLoading && Boolean(loaderState.loaderError || loaderState.beforeLoadError);
 	const showSpinner = spinner && isAnimated && isLoading;

package/dist/store/createStore.d.ts

@@ -0,0 +1,13 @@
+type SetStateAction<T> = ((prevState: T) => Partial<T>) | Partial<T>;
+type Listener<T> = (state: T, prevState: T) => void;
+type Store<T> = {
+    get: () => T;
+    set: (action: SetStateAction<T>) => void;
+    subscribe: (listener: Listener<T>) => () => void;
+    use(): T;
+    use<S>(selector: (state: T) => S): S;
+    use<S>(selector?: (state: T) => S): T | S;
+};
+type StoreCreator<T> = (set: (action: SetStateAction<T>) => void, get: () => T) => T;
+export declare const createStore: <T>(storeCreator: StoreCreator<T>) => Store<T>;
+export {};

package/dist/store/isAnimatedStore.d.ts

@@ -0,0 +1,13 @@
+type IsAnimatedStore = {
+    isAnimated: boolean;
+    setIsAnimated(arg: boolean): void;
+};
+export declare const isAnimatedStore: {
+    get: () => IsAnimatedStore;
+    set: (action: Partial<IsAnimatedStore> | ((prevState: IsAnimatedStore) => Partial<IsAnimatedStore>)) => void;
+    subscribe: (listener: (state: IsAnimatedStore, prevState: IsAnimatedStore) => void) => () => void;
+    use(): IsAnimatedStore;
+    use<S>(selector: (state: IsAnimatedStore) => S): S;
+    use<S>(selector?: ((state: IsAnimatedStore) => S) | undefined): IsAnimatedStore | S;
+};
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "clear-react-router",
-  "version": "1.5.0",
+  "version": "1.5.2",
   "description": "A lightweight, type-safe routing library for React applications",
   "author": "Andrew Bubnov",
   "scripts": {