@tanstack/router-core 0.0.1-beta.162 → 0.0.1-beta.164

package/build/cjs/scroll-restoration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-restoration.js","sources":["../../src/scroll-restoration.ts"],"sourcesContent":["import { AnyRouter, ParsedLocation } from './router'\n\nconst windowKey = 'window'\nconst delimiter = '___'\n\nlet weakScrolledElementsByRestoreKey: Record<string, WeakSet<any>> = {}\n\ntype CacheValue = Record<string, { scrollX: number; scrollY: number }>\n\ntype Cache = {\n  current: CacheValue\n  set: (key: string, value: any) => void\n}\n\nlet cache: Cache\n\nlet pathDidChange = false\n\nconst sessionsStorage = typeof window !== 'undefined' && window.sessionStorage\n\nexport type ScrollRestorationOptions = {\n  getKey?: (location: ParsedLocation) => string\n}\n\nconst defaultGetKey = (location: ParsedLocation) => location.key!\n\nexport function watchScrollPositions(\n  router: AnyRouter,\n  opts?: ScrollRestorationOptions,\n) {\n  const getKey = opts?.getKey || defaultGetKey\n\n  if (sessionsStorage) {\n    if (!cache) {\n      cache = (() => {\n        const storageKey = 'tsr-scroll-restoration-v1'\n\n        const current: CacheValue = JSON.parse(\n          window.sessionStorage.getItem(storageKey) || '{}',\n        )\n\n        return {\n          current,\n          set: (key: string, value: any) => {\n            current[key] = value\n            window.sessionStorage.setItem(storageKey, JSON.stringify(cache))\n          },\n        }\n      })()\n    }\n  }\n\n  const { history } = window\n  if (history.scrollRestoration) {\n    history.scrollRestoration = 'manual'\n  }\n\n  const onScroll = (event: Event) => {\n    const restoreKey = getKey(router.state.resolvedLocation)\n\n    if (!weakScrolledElementsByRestoreKey[restoreKey]) {\n      weakScrolledElementsByRestoreKey[restoreKey] = new WeakSet()\n    }\n\n    const set = weakScrolledElementsByRestoreKey[restoreKey]!\n\n    if (set.has(event.target)) return\n    set.add(event.target)\n\n    const cacheKey = [\n      restoreKey,\n      event.target === document || event.target === window\n        ? windowKey\n        : getCssSelector(event.target),\n    ].join(delimiter)\n\n    if (!cache.current[cacheKey]) {\n      cache.set(cacheKey, {\n        scrollX: NaN,\n        scrollY: NaN,\n      })\n    }\n  }\n\n  const getCssSelector = (el: any): string => {\n    let path = [],\n      parent\n    while ((parent = el.parentNode)) {\n      path.unshift(\n        `${el.tagName}:nth-child(${\n          ([].indexOf as any).call(parent.children, el) + 1\n        })`,\n      )\n      el = parent\n    }\n    return `${path.join(' > ')}`.toLowerCase()\n  }\n\n  const onPathWillChange = (from: ParsedLocation) => {\n    const restoreKey = getKey(from)\n    for (const cacheKey in cache.current) {\n      const entry = cache.current[cacheKey]!\n      const [key, elementSelector] = cacheKey.split(delimiter)\n      if (restoreKey === key) {\n        if (elementSelector === windowKey) {\n          entry.scrollX = window.scrollX || 0\n          entry.scrollY = window.scrollY || 0\n        } else if (elementSelector) {\n          const element = document.querySelector(elementSelector)\n          entry.scrollX = element?.scrollLeft || 0\n          entry.scrollY = element?.scrollTop || 0\n        }\n\n        cache.set(cacheKey, entry)\n      }\n    }\n  }\n\n  const onPathChange = () => {\n    pathDidChange = true\n  }\n\n  if (typeof document !== 'undefined') {\n    document.addEventListener('scroll', onScroll, true)\n  }\n\n  const unsubOnBeforeLoad = router.subscribe('onBeforeLoad', (event) => {\n    if (event.pathChanged) onPathWillChange(event.from)\n  })\n\n  const unsubOnLoad = router.subscribe('onLoad', (event) => {\n    if (event.pathChanged) onPathChange()\n  })\n\n  return () => {\n    document.removeEventListener('scroll', onScroll)\n    unsubOnBeforeLoad()\n    unsubOnLoad()\n  }\n}\n\nexport function restoreScrollPositions(\n  router: AnyRouter,\n  opts?: ScrollRestorationOptions,\n) {\n  if (pathDidChange) {\n    const getKey = opts?.getKey || defaultGetKey\n\n    pathDidChange = false\n\n    const restoreKey = getKey(router.state.location)\n    let windowRestored = false\n\n    for (const cacheKey in cache.current) {\n      const entry = cache.current[cacheKey]!\n      const [key, elementSelector] = cacheKey.split(delimiter)\n      if (key === restoreKey) {\n        if (elementSelector === windowKey) {\n          windowRestored = true\n          window.scrollTo(entry.scrollX, entry.scrollY)\n        } else if (elementSelector) {\n          const element = document.querySelector(elementSelector)\n          if (element) {\n            element.scrollLeft = entry.scrollX\n            element.scrollTop = entry.scrollY\n          }\n        }\n      }\n    }\n\n    if (!windowRestored) {\n      window.scrollTo(0, 0)\n    }\n  }\n}\n"],"names":["windowKey","delimiter","weakScrolledElementsByRestoreKey","cache","pathDidChange","sessionsStorage","window","sessionStorage","defaultGetKey","location","key","watchScrollPositions","router","opts","getKey","storageKey","current","JSON","parse","getItem","set","value","setItem","stringify","history","scrollRestoration","onScroll","event","restoreKey","state","resolvedLocation","WeakSet","has","target","add","cacheKey","document","getCssSelector","join","scrollX","NaN","scrollY","el","path","parent","parentNode","unshift","tagName","indexOf","call","children","toLowerCase","onPathWillChange","from","entry","elementSelector","split","element","querySelector","scrollLeft","scrollTop","onPathChange","addEventListener","unsubOnBeforeLoad","subscribe","pathChanged","unsubOnLoad","removeEventListener","restoreScrollPositions","windowRestored","scrollTo"],"mappings":"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"}

package/build/esm/index.js

@@ -33,7 +33,7 @@ const stopBlocking = () => {
 function createHistory(opts) {
   let location = opts.getLocation();
   let unsub = () => {};
-  let listeners = new Set();
+  let subscribers = new Set();
   let blockers = [];
   let queue = [];
   const tryFlush = () => {
@@ -47,7 +47,7 @@ function createHistory(opts) {
     while (queue.length) {
       queue.shift()?.();
     }
-    if (!opts.listener) {
+    if (!opts.subscriber) {
       onUpdate();
     }
   };
@@ -57,20 +57,20 @@ function createHistory(opts) {
   };
   const onUpdate = () => {
     location = opts.getLocation();
-    listeners.forEach(listener => listener());
+    subscribers.forEach(subscriber => subscriber());
   };
   return {
     get location() {
       return location;
     },
-    listen: cb => {
-      if (listeners.size === 0) {
-        unsub = typeof opts.listener === 'function' ? opts.listener(onUpdate) : () => {};
+    subscribe: cb => {
+      if (subscribers.size === 0) {
+        unsub = typeof opts.subscriber === 'function' ? opts.subscriber(onUpdate) : () => {};
       }
-      listeners.add(cb);
+      subscribers.add(cb);
       return () => {
-        listeners.delete(cb);
-        if (listeners.size === 0) {
+        subscribers.delete(cb);
+        if (subscribers.size === 0) {
           unsub();
         }
       };
@@ -123,7 +123,7 @@ function createBrowserHistory(opts) {
   const getLocation = () => parseLocation(getHref(), history.state);
   return createHistory({
     getLocation,
-    listener: onUpdate => {
+    subscriber: onUpdate => {
       window.addEventListener(pushStateEvent, onUpdate);
       window.addEventListener(popStateEvent, onUpdate);
       var pushState = window.history.pushState;
@@ -178,7 +178,7 @@ function createMemoryHistory(opts = {
   const getLocation = () => parseLocation(entries[index], currentState);
   return createHistory({
     getLocation,
-    listener: false,
+    subscriber: false,
     pushState: (path, state) => {
       currentState = {
         ...state,
@@ -753,6 +753,24 @@ class Router {
       });
     }
   }
+  subscribers = new Set();
+  subscribe = (eventType, fn) => {
+    const listener = {
+      eventType,
+      fn
+    };
+    this.subscribers.add(listener);
+    return () => {
+      this.subscribers.delete(listener);
+    };
+  };
+  #emit = routerEvent => {
+    this.subscribers.forEach(listener => {
+      if (listener.eventType === routerEvent.type) {
+        listener.fn(routerEvent);
+      }
+    });
+  };
   reset = () => {
     this.__store.setState(s => Object.assign(s, getInitialRouterState()));
   };
@@ -783,7 +801,7 @@ class Router {
         resolvedLocation: parsedLocation,
         location: parsedLocation
       }));
-      this.#unsubHistory = this.history.listen(() => {
+      this.#unsubHistory = this.history.subscribe(() => {
         this.safeLoad({
           next: this.#parseLocation(this.state.location)
         });
@@ -825,6 +843,8 @@ class Router {
   latestLoadPromise = Promise.resolve();
   load = async opts => {
     const promise = new Promise(async (resolve, reject) => {
+      const prevLocation = this.state.resolvedLocation;
+      const pathDidChange = !!(opts?.next && prevLocation.href !== opts.next.href);
       let latestPromise;
       const checkLatest = () => {
         return this.latestLoadPromise !== promise ? this.latestLoadPromise : undefined;
@@ -834,6 +854,12 @@ class Router {
       // this.cancelMatches()
 
       let pendingMatches;
+      this.#emit({
+        type: 'onBeforeLoad',
+        from: prevLocation,
+        to: opts?.next ?? this.state.location,
+        pathChanged: pathDidChange
+      });
       this.__store.batch(() => {
         if (opts?.next) {
           // Ingest the new location
@@ -868,7 +894,6 @@ class Router {
         if (latestPromise = checkLatest()) {
           return latestPromise;
         }
-        const prevLocation = this.state.resolvedLocation;
         this.__store.setState(s => ({
           ...s,
           status: 'idle',
@@ -876,9 +901,12 @@ class Router {
           matchIds: s.pendingMatchIds,
           pendingMatchIds: []
         }));
-        if (prevLocation.href !== this.state.location.href) {
-          this.options.onRouteChange?.();
-        }
+        this.#emit({
+          type: 'onLoad',
+          from: prevLocation,
+          to: this.state.location,
+          pathChanged: pathDidChange
+        });
         resolve();
       } catch (err) {
         // Only apply the latest transition
@@ -1128,14 +1156,14 @@ class Router {
     try {
       for (const [index, match] of resolvedMatches.entries()) {
         const route = this.getRoute(match.routeId);
-        const handleError = (err, handler) => {
+        const handleError = (err, code) => {
+          err.routerCode = code;
           firstBadMatchIndex = firstBadMatchIndex ?? index;
-          handler = handler || route.options.onError;
           if (isRedirect(err)) {
             throw err;
           }
           try {
-            handler?.(err);
+            route.options.onError?.(err);
           } catch (errorHandlerErr) {
             err = errorHandlerErr;
             if (isRedirect(errorHandlerErr)) {
@@ -1150,10 +1178,10 @@ class Router {
           }));
         };
         if (match.paramsError) {
-          handleError(match.paramsError, route.options.onParseParamsError);
+          handleError(match.paramsError, 'PARSE_PARAMS');
         }
         if (match.searchError) {
-          handleError(match.searchError, route.options.onValidateSearchError);
+          handleError(match.searchError, 'VALIDATE_SEARCH');
         }
         let didError = false;
         try {
@@ -1162,7 +1190,7 @@ class Router {
             preload: !!opts?.preload
           });
         } catch (err) {
-          handleError(err, route.options.onBeforeLoadError);
+          handleError(err, 'BEFORE_LOAD');
           didError = true;
         }
 
@@ -1220,28 +1248,18 @@ class Router {
             const [_, loader] = await Promise.all([componentsPromise, loaderPromise]);
             if (latestPromise = checkLatest()) return await latestPromise;
             this.setRouteMatchData(match.id, () => loader, opts);
-          } catch (loaderError) {
-            let latestError = loaderError;
+          } catch (error) {
             if (latestPromise = checkLatest()) return await latestPromise;
-            if (handleIfRedirect(loaderError)) return;
-            if (route.options.onLoadError) {
-              try {
-                route.options.onLoadError(loaderError);
-              } catch (onLoadError) {
-                latestError = onLoadError;
-                if (handleIfRedirect(onLoadError)) return;
-              }
-            }
-            if ((!route.options.onLoadError || latestError !== loaderError) && route.options.onError) {
-              try {
-                route.options.onError(latestError);
-              } catch (onErrorError) {
-                if (handleIfRedirect(onErrorError)) return;
-              }
+            if (handleIfRedirect(error)) return;
+            try {
+              route.options.onError?.(error);
+            } catch (onErrorError) {
+              error = onErrorError;
+              if (handleIfRedirect(onErrorError)) return;
             }
             this.setRouteMatch(match.id, s => ({
               ...s,
-              error: loaderError,
+              error,
               status: 'error',
               isFetching: false,
               updatedAt: Date.now()
@@ -1798,5 +1816,124 @@ function lazyFn(fn, key) {
   };
 }
 
-export { FileRoute, PathParamError, RootRoute, Route, Router, RouterContext, SearchParamError, cleanPath, componentTypes, createBrowserHistory, createHashHistory, createMemoryHistory, decode, defaultParseSearch, defaultStringifySearch, encode, functionalUpdate, interpolatePath, isPlainObject, isRedirect, joinPaths, last, lazyFn, matchByPath, matchPathname, parsePathname, parseSearchWith, partialDeepEqual, pick, redirect, replaceEqualDeep, resolvePath, rootRouteId, stringifySearchWith, trimPath, trimPathLeft, trimPathRight };
+const windowKey = 'window';
+const delimiter = '___';
+let weakScrolledElementsByRestoreKey = {};
+let cache;
+let pathDidChange = false;
+const sessionsStorage = typeof window !== 'undefined' && window.sessionStorage;
+const defaultGetKey = location => location.key;
+function watchScrollPositions(router, opts) {
+  const getKey = opts?.getKey || defaultGetKey;
+  if (sessionsStorage) {
+    if (!cache) {
+      cache = (() => {
+        const storageKey = 'tsr-scroll-restoration-v1';
+        const current = JSON.parse(window.sessionStorage.getItem(storageKey) || '{}');
+        return {
+          current,
+          set: (key, value) => {
+            current[key] = value;
+            window.sessionStorage.setItem(storageKey, JSON.stringify(cache));
+          }
+        };
+      })();
+    }
+  }
+  const {
+    history
+  } = window;
+  if (history.scrollRestoration) {
+    history.scrollRestoration = 'manual';
+  }
+  const onScroll = event => {
+    const restoreKey = getKey(router.state.resolvedLocation);
+    if (!weakScrolledElementsByRestoreKey[restoreKey]) {
+      weakScrolledElementsByRestoreKey[restoreKey] = new WeakSet();
+    }
+    const set = weakScrolledElementsByRestoreKey[restoreKey];
+    if (set.has(event.target)) return;
+    set.add(event.target);
+    const cacheKey = [restoreKey, event.target === document || event.target === window ? windowKey : getCssSelector(event.target)].join(delimiter);
+    if (!cache.current[cacheKey]) {
+      cache.set(cacheKey, {
+        scrollX: NaN,
+        scrollY: NaN
+      });
+    }
+  };
+  const getCssSelector = el => {
+    let path = [],
+      parent;
+    while (parent = el.parentNode) {
+      path.unshift(`${el.tagName}:nth-child(${[].indexOf.call(parent.children, el) + 1})`);
+      el = parent;
+    }
+    return `${path.join(' > ')}`.toLowerCase();
+  };
+  const onPathWillChange = from => {
+    const restoreKey = getKey(from);
+    for (const cacheKey in cache.current) {
+      const entry = cache.current[cacheKey];
+      const [key, elementSelector] = cacheKey.split(delimiter);
+      if (restoreKey === key) {
+        if (elementSelector === windowKey) {
+          entry.scrollX = window.scrollX || 0;
+          entry.scrollY = window.scrollY || 0;
+        } else if (elementSelector) {
+          const element = document.querySelector(elementSelector);
+          entry.scrollX = element?.scrollLeft || 0;
+          entry.scrollY = element?.scrollTop || 0;
+        }
+        cache.set(cacheKey, entry);
+      }
+    }
+  };
+  const onPathChange = () => {
+    pathDidChange = true;
+  };
+  if (typeof document !== 'undefined') {
+    document.addEventListener('scroll', onScroll, true);
+  }
+  const unsubOnBeforeLoad = router.subscribe('onBeforeLoad', event => {
+    if (event.pathChanged) onPathWillChange(event.from);
+  });
+  const unsubOnLoad = router.subscribe('onLoad', event => {
+    if (event.pathChanged) onPathChange();
+  });
+  return () => {
+    document.removeEventListener('scroll', onScroll);
+    unsubOnBeforeLoad();
+    unsubOnLoad();
+  };
+}
+function restoreScrollPositions(router, opts) {
+  if (pathDidChange) {
+    const getKey = opts?.getKey || defaultGetKey;
+    pathDidChange = false;
+    const restoreKey = getKey(router.state.location);
+    let windowRestored = false;
+    for (const cacheKey in cache.current) {
+      const entry = cache.current[cacheKey];
+      const [key, elementSelector] = cacheKey.split(delimiter);
+      if (key === restoreKey) {
+        if (elementSelector === windowKey) {
+          windowRestored = true;
+          window.scrollTo(entry.scrollX, entry.scrollY);
+        } else if (elementSelector) {
+          const element = document.querySelector(elementSelector);
+          if (element) {
+            element.scrollLeft = entry.scrollX;
+            element.scrollTop = entry.scrollY;
+          }
+        }
+      }
+    }
+    if (!windowRestored) {
+      window.scrollTo(0, 0);
+    }
+  }
+}
+
+export { FileRoute, PathParamError, RootRoute, Route, Router, RouterContext, SearchParamError, cleanPath, componentTypes, createBrowserHistory, createHashHistory, createMemoryHistory, decode, defaultParseSearch, defaultStringifySearch, encode, functionalUpdate, interpolatePath, isPlainObject, isRedirect, joinPaths, last, lazyFn, matchByPath, matchPathname, parsePathname, parseSearchWith, partialDeepEqual, pick, redirect, replaceEqualDeep, resolvePath, restoreScrollPositions, rootRouteId, stringifySearchWith, trimPath, trimPathLeft, trimPathRight, watchScrollPositions };
 //# sourceMappingURL=index.js.map