@tanstack/router-devtools 0.0.1-beta.133 → 0.0.1-beta.134

package/build/umd/index.development.js

@@ -62,6 +62,24 @@
       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/react-store/src/index.tsx
    *
@@ -74,52 +92,10 @@
    */
 
   function useStore(store, selector = d => d) {
-    // const isMountedRef = React.useRef(false)
-    // const [state, setState] = React.useState<{ ref: TSelected }>(() => ({
-    //   ref: selector(store.state),
-    // }))
-
-    // if (!shallow(selector(store.state), state.ref)) {
-    //   setState(() => ({ ref: selector(store.state) }))
-    // }
-
-    // useLayoutEffect(() => {
-    //   console.log('effect')
-
-    //   const cb = () => {
-    //     const next = selector(store.state)
-    //     console.log('onsub')
-    //     if (!shallow(next, state.ref)) {
-    //       console.log('set')
-    //       setState(() => ({ ref: selector(store.state) }))
-    //     }
-    //   }
-
-    //   return store.subscribe(cb)
-    // }, [])
-
-    const slice = withSelector.useSyncExternalStoreWithSelector(store.subscribe, () => store.state, () => store.state, selector, shallow$1);
-
-    // if (!isMountedRef.current) {
-    //   state.ref = slice
-    // }
-
-    // if (!shallow(slice, state.ref)) {
-    //   setState({ ref: slice })
-    // }
-
-    // React.useEffect(() => {
-    //   isMountedRef.current = true
-    //   return () => {
-    //     isMountedRef.current = false
-    //   }
-    // }, [])
-
-    // return state.ref
-
+    const slice = withSelector.useSyncExternalStoreWithSelector(store.subscribe, () => store.state, () => store.state, selector, shallow);
     return slice;
   }
-  function shallow$1(objA, objB) {
+  function shallow(objA, objB) {
     if (Object.is(objA, objB)) {
       return true;
     }
@@ -157,34 +133,15 @@
   function trimPath(path) {
     return trimPathRight(trimPathLeft(path));
   }
-  const routerStateContext = /*#__PURE__*/React__namespace.createContext(null);
   const routerContext = /*#__PURE__*/React__namespace.createContext(null);
-  function useRouterState(select) {
-    const state = React__namespace.useContext(routerStateContext);
-    const next = select?.(state) ?? state;
-    const valueRef = React__namespace.useRef(next);
-    if (!shallow(valueRef.current, next)) {
-      valueRef.current = next;
-    }
-    return valueRef.current;
+  function useRouterState(opts) {
+    const router = useRouter();
+    return useStore(router.__store, opts?.select);
   }
-  function shallow(objA, objB) {
-    if (Object.is(objA, objB)) {
-      return true;
-    }
-    if (typeof objA !== 'object' || objA === null || typeof objB !== 'object' || objB === null) {
-      return false;
-    }
-    const keysA = Object.keys(objA);
-    if (keysA.length !== Object.keys(objB).length) {
-      return false;
-    }
-    for (let i = 0; i < keysA.length; i++) {
-      if (!Object.prototype.hasOwnProperty.call(objB, keysA[i]) || !Object.is(objA[keysA[i]], objB[keysA[i]])) {
-        return false;
-      }
-    }
-    return true;
+  function useRouter() {
+    const value = React__namespace.useContext(routerContext);
+    warning(value, 'useRouter must be used inside a <Router> component!');
+    return value;
   }
 
   const getItem = key => {