@tanstack/react-router 0.0.1-beta.195 → 0.0.1-beta.197

package/build/umd/index.development.js

@@ -134,36 +134,8 @@
     return true;
   }
 
-  var prefix = 'Invariant failed';
-  function invariant(condition, message) {
-      if (condition) {
-          return;
-      }
-      var provided = typeof message === 'function' ? message() : message;
-      var value = provided ? "".concat(prefix, ": ").concat(provided) : prefix;
-      throw new Error(value);
-  }
-
-  function warning(condition, message) {
-    {
-      if (condition) {
-        return;
-      }
-
-      var text = "Warning: " + message;
-
-      if (typeof console !== 'undefined') {
-        console.warn(text);
-      }
-
-      try {
-        throw Error(text);
-      } catch (x) {}
-    }
-  }
-
   /**
-   * @tanstack/router-core/src/index.ts
+   * @tanstack/history/src/index.ts
    *
    * Copyright (c) TanStack
    *
@@ -172,7 +144,6 @@
    *
    * @license MIT
    */
-
   // While the public API was clearly inspired by the "history" npm package,
   // This implementation attempts to be more lightweight by
   // making assumptions about the way TanStack Router works
@@ -192,13 +163,16 @@
   };
   function createHistory(opts) {
     let location = opts.getLocation();
-    let unsub = () => {};
     let subscribers = new Set();
     let blockers = [];
     let queue = [];
-    const tryFlush = () => {
+    const onUpdate = () => {
+      location = opts.getLocation();
+      subscribers.forEach(subscriber => subscriber());
+    };
+    const tryUnblock = () => {
       if (blockers.length) {
-        blockers[0]?.(tryFlush, () => {
+        blockers[0]?.(tryUnblock, () => {
           blockers = [];
           stopBlocking();
         });
@@ -207,42 +181,30 @@
       while (queue.length) {
         queue.shift()?.();
       }
-      if (!opts.subscriber) {
-        onUpdate();
-      }
+      onUpdate();
     };
     const queueTask = task => {
       queue.push(task);
-      tryFlush();
-    };
-    const onUpdate = () => {
-      location = opts.getLocation();
-      subscribers.forEach(subscriber => subscriber());
+      tryUnblock();
     };
     return {
       get location() {
         return location;
       },
       subscribe: cb => {
-        if (subscribers.size === 0) {
-          unsub = typeof opts.subscriber === 'function' ? opts.subscriber(onUpdate) : () => {};
-        }
         subscribers.add(cb);
         return () => {
           subscribers.delete(cb);
-          if (subscribers.size === 0) {
-            unsub();
-          }
         };
       },
       push: (path, state) => {
-        assignKey(state);
+        state = assignKey(state);
         queueTask(() => {
           opts.pushState(path, state, onUpdate);
         });
       },
       replace: (path, state) => {
-        assignKey(state);
+        state = assignKey(state);
         queueTask(() => {
           opts.replaceState(path, state, onUpdate);
         });
@@ -277,17 +239,17 @@
           }
         };
       },
-      flush: () => opts.flush?.()
+      flush: () => opts.flush?.(),
+      destroy: () => opts.destroy?.(),
+      update: onUpdate
     };
   }
   function assignKey(state) {
+    if (!state) {
+      state = {};
+    }
     state.key = createRandomKey();
-    // if (state.__actualLocation) {
-    //   state.__actualLocation.state = {
-    //     ...state.__actualLocation.state,
-    //     key,
-    //   }
-    // }
+    return state;
   }
 
   /**
@@ -363,44 +325,43 @@
         scheduled = Promise.resolve().then(() => flush());
       }
     };
-    return createHistory({
+    const history = createHistory({
       getLocation,
-      subscriber: onUpdate => {
-        window.addEventListener(pushStateEvent, () => {
-          currentLocation = parseLocation(getHref(), window.history.state);
-          onUpdate();
-        });
-        window.addEventListener(popStateEvent, () => {
-          currentLocation = parseLocation(getHref(), window.history.state);
-          onUpdate();
-        });
-        var pushState = window.history.pushState;
-        window.history.pushState = function () {
-          let res = pushState.apply(history, arguments);
-          if (tracking) onUpdate();
-          return res;
-        };
-        var replaceState = window.history.replaceState;
-        window.history.replaceState = function () {
-          let res = replaceState.apply(history, arguments);
-          if (tracking) onUpdate();
-          return res;
-        };
-        return () => {
-          window.history.pushState = pushState;
-          window.history.replaceState = replaceState;
-          window.removeEventListener(pushStateEvent, onUpdate);
-          window.removeEventListener(popStateEvent, onUpdate);
-        };
-      },
       pushState: (path, state, onUpdate) => queueHistoryAction('push', path, state, onUpdate),
       replaceState: (path, state, onUpdate) => queueHistoryAction('replace', path, state, onUpdate),
       back: () => window.history.back(),
       forward: () => window.history.forward(),
       go: n => window.history.go(n),
       createHref: path => createHref(path),
-      flush
+      flush,
+      destroy: () => {
+        window.history.pushState = pushState;
+        window.history.replaceState = replaceState;
+        window.removeEventListener(pushStateEvent, history.update);
+        window.removeEventListener(popStateEvent, history.update);
+      }
+    });
+    window.addEventListener(pushStateEvent, () => {
+      currentLocation = parseLocation(getHref(), window.history.state);
+      history.update;
     });
+    window.addEventListener(popStateEvent, () => {
+      currentLocation = parseLocation(getHref(), window.history.state);
+      history.update;
+    });
+    var pushState = window.history.pushState;
+    window.history.pushState = function () {
+      let res = pushState.apply(window.history, arguments);
+      if (tracking) history.update();
+      return res;
+    };
+    var replaceState = window.history.replaceState;
+    window.history.replaceState = function () {
+      let res = replaceState.apply(window.history, arguments);
+      if (tracking) history.update();
+      return res;
+    };
+    return history;
   }
   function createHashHistory() {
     return createBrowserHistory({
@@ -419,7 +380,6 @@
     const getLocation = () => parseLocation(entries[index], currentState);
     return createHistory({
       getLocation,
-      subscriber: false,
       pushState: (path, state) => {
         currentState = state;
         entries.push(path);
@@ -456,6 +416,45 @@
     return (Math.random() + 1).toString(36).substring(7);
   }
 
+  var prefix = 'Invariant failed';
+  function invariant(condition, message) {
+      if (condition) {
+          return;
+      }
+      var provided = typeof message === 'function' ? message() : message;
+      var value = provided ? "".concat(prefix, ": ").concat(provided) : prefix;
+      throw new Error(value);
+  }
+
+  function warning(condition, message) {
+    {
+      if (condition) {
+        return;
+      }
+
+      var text = "Warning: " + message;
+
+      if (typeof console !== 'undefined') {
+        console.warn(text);
+      }
+
+      try {
+        throw Error(text);
+      } catch (x) {}
+    }
+  }
+
+  /**
+   * @tanstack/router-core/src/index.ts
+   *
+   * Copyright (c) TanStack
+   *
+   * This source code is licensed under the MIT license found in the
+   * LICENSE.md file in the root directory of this source tree.
+   *
+   * @license MIT
+   */
+
   // export type Expand<T> = T
 
   // type Compute<T> = { [K in keyof T]: T[K] } | never