@tanstack/react-router-devtools 0.0.1-alpha.5 → 0.0.1-alpha.6

package/build/types/index.d.ts

@@ -9,6 +9,7 @@
  * @license MIT
  */
 import React from 'react';
+import { Router } from '@tanstack/react-router';
 
 declare type PartialKeys<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>;
 interface DevtoolsOptions {
@@ -42,7 +43,7 @@ interface DevtoolsOptions {
     /**
      * A boolean variable indicating if the "lite" version of the library is being used
      */
-    useRouter?: () => unknown;
+    router: Router<any, any>;
 }
 interface DevtoolsPanelOptions {
     /**
@@ -68,9 +69,9 @@ interface DevtoolsPanelOptions {
     /**
      * A boolean variable indicating if the "lite" version of the library is being used
      */
-    useRouter: () => unknown;
+    router: Router<any, any>;
 }
-declare function TanStackRouterDevtools({ initialIsOpen, panelProps, closeButtonProps, toggleButtonProps, position, containerElement: Container, useRouter: useRouterImpl, }: DevtoolsOptions): React.ReactElement | null;
+declare function TanStackRouterDevtools({ initialIsOpen, panelProps, closeButtonProps, toggleButtonProps, position, containerElement: Container, router, }: DevtoolsOptions): React.ReactElement | null;
 declare const TanStackRouterDevtoolsPanel: React.ForwardRefExoticComponent<DevtoolsPanelOptions & React.RefAttributes<HTMLDivElement>>;
 
 export { PartialKeys, TanStackRouterDevtools, TanStackRouterDevtoolsPanel };

package/build/umd/index.development.js

@@ -1407,7 +1407,7 @@
   const _excluded = ["style"],
         _excluded2 = ["style", "onClick"],
         _excluded3 = ["style", "onClick"],
-        _excluded4 = ["isOpen", "setIsOpen", "handleDragStart", "useRouter"],
+        _excluded4 = ["isOpen", "setIsOpen", "handleDragStart", "router"],
         _excluded5 = ["listeners", "buildLocation", "mount", "update", "buildNext", "navigate", "cancelMatches", "loadLocation", "cleanPreloadCache", "loadRoute", "matchRoutes", "loadMatches", "invalidateRoute", "resolvePath", "matchRoute", "buildLink", "__experimental__createSnapshot", "destroy"],
         _excluded6 = ["cancel", "load", "router", "Link", "MatchRoute", "buildLink", "linkProps", "matchRoute", "navigate"];
   const isServer = typeof window === 'undefined';
@@ -1419,7 +1419,7 @@
       toggleButtonProps = {},
       position = 'bottom-left',
       containerElement: Container = 'footer',
-      useRouter: useRouterImpl = reactRouter.useRouter
+      router
     } = _ref;
     const rootRef = React__default["default"].useRef(null);
     const panelRef = React__default["default"].useRef(null);
@@ -1555,7 +1555,7 @@
     }, /*#__PURE__*/React__default["default"].createElement(TanStackRouterDevtoolsPanel, _extends({
       ref: panelRef
     }, otherPanelProps, {
-      useRouter: useRouterImpl,
+      router: router,
       style: _extends({
         position: 'fixed',
         bottom: '0',
@@ -1650,11 +1650,10 @@
     const {
       isOpen = true,
       handleDragStart,
-      useRouter
+      router
     } = props,
           panelProps = _objectWithoutPropertiesLoose(props, _excluded4);
 
-    const router = useRouter();
     const routerExplorerValue = React__default["default"].useMemo(() => {
       const rest = _objectWithoutPropertiesLoose(router, _excluded5);
 
@@ -1948,7 +1947,7 @@
     }, /*#__PURE__*/React__default["default"].createElement(Button, {
       type: "button",
       onClick: () => {
-        router.invalidateRoute(activeMatch);
+        activeMatch.invalidate();
         router.notify();
       },
       style: {
@@ -1957,7 +1956,7 @@
       }
     }, "Invalidate"), ' ', /*#__PURE__*/React__default["default"].createElement(Button, {
       type: "button",
-      onClick: () => router.reload(),
+      onClick: () => activeMatch.load(),
       style: {
         background: defaultTheme.gray
       }