@tanstack/router-devtools - npm Package Compare versions

Comparing version 0.0.1-beta.134 to 0.0.1-beta.135

build/cjs/devtools.js

@@ -337,3 +337,2 @@ /**
   const router$1 = userRouter ?? routerContextValue;
-  const routerState = router.useRouterState();
   router.invariant(router$1, 'No router was found for the TanStack Router Devtools. Please place the devtools in the <RouterProvider> component tree or pass the router instance to the devtools manually.');
@@ -343,5 +342,5 @@ router.useStore(router$1.__store);
   const [activeRouteId, setActiveRouteId] = useLocalStorage["default"]('tanstackRouterDevtoolsActiveRouteId', '');
-  const allMatches = React__default["default"].useMemo(() => [...Object.values(routerState.matches)], [routerState.matches]);
+  const allMatches = React__default["default"].useMemo(() => [...Object.values(router$1.state.matches)], [router$1.state.matches]);
   const activeMatch = allMatches?.find(d => d.routeId === activeRouteId);
-  const hasSearch = Object.keys(routerState.location.search || {}).length;
+  const hasSearch = Object.keys(router$1.state.location.search || {}).length;
   return /*#__PURE__*/React__default["default"].createElement(theme.ThemeProvider, {
@@ -514,3 +513,3 @@ theme: theme.defaultTheme
     setActiveRouteId: setActiveRouteId
-  }) : /*#__PURE__*/React__default["default"].createElement("div", null, routerState.matches.map((match, i) => {
+  }) : /*#__PURE__*/React__default["default"].createElement("div", null, router$1.state.matches.map((match, i) => {
     return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -612,4 +611,4 @@ key: match.routeId || i,
   }, /*#__PURE__*/React__default["default"].createElement(Explorer["default"], {
-    value: routerState.location.search || {},
-    defaultExpanded: Object.keys(routerState.location.search || {}).reduce((obj, next) => {
+    value: router$1.state.location.search || {},
+    defaultExpanded: Object.keys(router$1.state.location.search || {}).reduce((obj, next) => {
       obj[next] = {};
@@ -616,0 +615,0 @@ return obj;

build/esm/index.js

@@ -13,3 +13,3 @@ /**
 import React__default from 'react';
-import { routerContext, useRouterState, invariant, useStore, trimPath } from '@tanstack/router';
+import { routerContext, invariant, useStore, trimPath } from '@tanstack/router';
 
@@ -747,3 +747,2 @@ function _extends() {
   const router = userRouter ?? routerContextValue;
-  const routerState = useRouterState();
   invariant(router, 'No router was found for the TanStack Router Devtools. Please place the devtools in the <RouterProvider> component tree or pass the router instance to the devtools manually.');
@@ -753,5 +752,5 @@ useStore(router.__store);
   const [activeRouteId, setActiveRouteId] = useLocalStorage('tanstackRouterDevtoolsActiveRouteId', '');
-  const allMatches = React__default.useMemo(() => [...Object.values(routerState.matches)], [routerState.matches]);
+  const allMatches = React__default.useMemo(() => [...Object.values(router.state.matches)], [router.state.matches]);
   const activeMatch = allMatches?.find(d => d.routeId === activeRouteId);
-  const hasSearch = Object.keys(routerState.location.search || {}).length;
+  const hasSearch = Object.keys(router.state.location.search || {}).length;
   return /*#__PURE__*/React__default.createElement(ThemeProvider, {
@@ -924,3 +923,3 @@ theme: defaultTheme
     setActiveRouteId: setActiveRouteId
-  }) : /*#__PURE__*/React__default.createElement("div", null, routerState.matches.map((match, i) => {
+  }) : /*#__PURE__*/React__default.createElement("div", null, router.state.matches.map((match, i) => {
     return /*#__PURE__*/React__default.createElement("div", {
@@ -1022,4 +1021,4 @@ key: match.routeId || i,
   }, /*#__PURE__*/React__default.createElement(Explorer, {
-    value: routerState.location.search || {},
-    defaultExpanded: Object.keys(routerState.location.search || {}).reduce((obj, next) => {
+    value: router.state.location.search || {},
+    defaultExpanded: Object.keys(router.state.location.search || {}).reduce((obj, next) => {
       obj[next] = {};
@@ -1026,0 +1025,0 @@ return obj;

build/stats-react.json

@@ -10,3 +10,3 @@ {
           {
-            "uid": "2231-183",
+            "uid": "8c88-183",
             "name": "\u0000rollupPluginBabelHelpers.js"
@@ -16,3 +16,3 @@ },
             "name": "node_modules/.pnpm/tiny-invariant@1.3.1/node_modules/tiny-invariant/dist/esm/tiny-invariant.js",
-            "uid": "2231-185"
+            "uid": "8c88-185"
           },
@@ -24,7 +24,7 @@ {
                 "name": "react-store/build/esm/index.js",
-                "uid": "2231-187"
+                "uid": "8c88-187"
               },
               {
                 "name": "router/build/esm/index.js",
-                "uid": "2231-189"
+                "uid": "8c88-189"
               },
@@ -35,31 +35,31 @@ {
                   {
-                    "uid": "2231-191",
+                    "uid": "8c88-191",
                     "name": "useLocalStorage.ts"
                   },
                   {
-                    "uid": "2231-193",
+                    "uid": "8c88-193",
                     "name": "theme.tsx"
                   },
                   {
-                    "uid": "2231-195",
+                    "uid": "8c88-195",
                     "name": "useMediaQuery.ts"
                   },
                   {
-                    "uid": "2231-197",
+                    "uid": "8c88-197",
                     "name": "utils.ts"
                   },
                   {
-                    "uid": "2231-199",
+                    "uid": "8c88-199",
                     "name": "styledComponents.ts"
                   },
                   {
-                    "uid": "2231-201",
+                    "uid": "8c88-201",
                     "name": "Explorer.tsx"
                   },
                   {
-                    "uid": "2231-203",
+                    "uid": "8c88-203",
                     "name": "devtools.tsx"
                   },
                   {
-                    "uid": "2231-205",
+                    "uid": "8c88-205",
                     "name": "index.tsx"
@@ -77,80 +77,80 @@ }
   "nodeParts": {
-    "2231-183": {
+    "8c88-183": {
       "renderedLength": 429,
       "gzipLength": 238,
       "brotliLength": 0,
-      "mainUid": "2231-182"
+      "mainUid": "8c88-182"
     },
-    "2231-185": {
+    "8c88-185": {
       "renderedLength": 181,
       "gzipLength": 129,
       "brotliLength": 0,
-      "mainUid": "2231-184"
+      "mainUid": "8c88-184"
     },
-    "2231-187": {
+    "8c88-187": {
       "renderedLength": 1002,
       "gzipLength": 474,
       "brotliLength": 0,
-      "mainUid": "2231-186"
+      "mainUid": "8c88-186"
     },
-    "2231-189": {
-      "renderedLength": 820,
-      "gzipLength": 388,
+    "8c88-189": {
+      "renderedLength": 590,
+      "gzipLength": 317,
       "brotliLength": 0,
-      "mainUid": "2231-188"
+      "mainUid": "8c88-188"
     },
-    "2231-191": {
+    "8c88-191": {
       "renderedLength": 1083,
       "gzipLength": 410,
       "brotliLength": 0,
-      "mainUid": "2231-190"
+      "mainUid": "8c88-190"
     },
-    "2231-193": {
+    "8c88-193": {
       "renderedLength": 686,
       "gzipLength": 344,
       "brotliLength": 0,
-      "mainUid": "2231-192"
+      "mainUid": "8c88-192"
     },
-    "2231-195": {
+    "8c88-195": {
       "renderedLength": 970,
       "gzipLength": 386,
       "brotliLength": 0,
-      "mainUid": "2231-194"
+      "mainUid": "8c88-194"
     },
-    "2231-197": {
+    "8c88-197": {
       "renderedLength": 2972,
       "gzipLength": 1112,
       "brotliLength": 0,
-      "mainUid": "2231-196"
+      "mainUid": "8c88-196"
     },
-    "2231-199": {
+    "8c88-199": {
       "renderedLength": 1378,
       "gzipLength": 576,
       "brotliLength": 0,
-      "mainUid": "2231-198"
+      "mainUid": "8c88-198"
     },
-    "2231-201": {
+    "8c88-201": {
       "renderedLength": 6243,
       "gzipLength": 1853,
       "brotliLength": 0,
-      "mainUid": "2231-200"
+      "mainUid": "8c88-200"
     },
-    "2231-203": {
-      "renderedLength": 20992,
-      "gzipLength": 4170,
+    "8c88-203": {
+      "renderedLength": 20956,
+      "gzipLength": 4163,
       "brotliLength": 0,
-      "mainUid": "2231-202"
+      "mainUid": "8c88-202"
     },
-    "2231-205": {
+    "8c88-205": {
       "renderedLength": 0,
       "gzipLength": 0,
       "brotliLength": 0,
-      "mainUid": "2231-204"
+      "mainUid": "8c88-204"
     }
   },
   "nodeMetas": {
-    "2231-182": {
+    "8c88-182": {
       "id": "\u0000rollupPluginBabelHelpers.js",
       "moduleParts": {
-        "index.production.js": "2231-183"
+        "index.production.js": "8c88-183"
       },
@@ -160,16 +160,16 @@ "imported": [],
         {
-          "uid": "2231-202"
+          "uid": "8c88-202"
         },
         {
-          "uid": "2231-192"
+          "uid": "8c88-192"
         },
         {
-          "uid": "2231-200"
+          "uid": "8c88-200"
         }
       ]
     },
-    "2231-184": {
+    "8c88-184": {
       "id": "/node_modules/.pnpm/tiny-invariant@1.3.1/node_modules/tiny-invariant/dist/esm/tiny-invariant.js",
       "moduleParts": {
-        "index.production.js": "2231-185"
+        "index.production.js": "8c88-185"
       },
@@ -179,17 +179,17 @@ "imported": [],
         {
-          "uid": "2231-188"
+          "uid": "8c88-188"
         }
       ]
     },
-    "2231-186": {
+    "8c88-186": {
       "id": "/packages/react-store/build/esm/index.js",
       "moduleParts": {
-        "index.production.js": "2231-187"
+        "index.production.js": "8c88-187"
       },
       "imported": [
         {
-          "uid": "2231-208"
+          "uid": "8c88-208"
         },
         {
-          "uid": "2231-209"
+          "uid": "8c88-209"
         }
@@ -199,23 +199,23 @@ ],
         {
-          "uid": "2231-188"
+          "uid": "8c88-188"
         }
       ]
     },
-    "2231-188": {
+    "8c88-188": {
       "id": "/packages/router/build/esm/index.js",
       "moduleParts": {
-        "index.production.js": "2231-189"
+        "index.production.js": "8c88-189"
       },
       "imported": [
         {
-          "uid": "2231-184"
+          "uid": "8c88-184"
         },
         {
-          "uid": "2231-207"
+          "uid": "8c88-207"
         },
         {
-          "uid": "2231-206"
+          "uid": "8c88-206"
         },
         {
-          "uid": "2231-186"
+          "uid": "8c88-186"
         }
@@ -225,14 +225,14 @@ ],
         {
-          "uid": "2231-202"
+          "uid": "8c88-202"
         }
       ]
     },
-    "2231-190": {
+    "8c88-190": {
       "id": "/packages/router-devtools/src/useLocalStorage.ts",
       "moduleParts": {
-        "index.production.js": "2231-191"
+        "index.production.js": "8c88-191"
       },
       "imported": [
         {
-          "uid": "2231-206"
+          "uid": "8c88-206"
         }
@@ -242,17 +242,17 @@ ],
         {
-          "uid": "2231-202"
+          "uid": "8c88-202"
         }
       ]
     },
-    "2231-192": {
+    "8c88-192": {
       "id": "/packages/router-devtools/src/theme.tsx",
       "moduleParts": {
-        "index.production.js": "2231-193"
+        "index.production.js": "8c88-193"
       },
       "imported": [
         {
-          "uid": "2231-182"
+          "uid": "8c88-182"
         },
         {
-          "uid": "2231-206"
+          "uid": "8c88-206"
         }
@@ -262,17 +262,17 @@ ],
         {
-          "uid": "2231-202"
+          "uid": "8c88-202"
         },
         {
-          "uid": "2231-196"
+          "uid": "8c88-196"
         }
       ]
     },
-    "2231-194": {
+    "8c88-194": {
       "id": "/packages/router-devtools/src/useMediaQuery.ts",
       "moduleParts": {
-        "index.production.js": "2231-195"
+        "index.production.js": "8c88-195"
       },
       "imported": [
         {
-          "uid": "2231-206"
+          "uid": "8c88-206"
         }
@@ -282,20 +282,20 @@ ],
         {
-          "uid": "2231-196"
+          "uid": "8c88-196"
         }
       ]
     },
-    "2231-196": {
+    "8c88-196": {
       "id": "/packages/router-devtools/src/utils.ts",
       "moduleParts": {
-        "index.production.js": "2231-197"
+        "index.production.js": "8c88-197"
       },
       "imported": [
         {
-          "uid": "2231-206"
+          "uid": "8c88-206"
         },
         {
-          "uid": "2231-192"
+          "uid": "8c88-192"
         },
         {
-          "uid": "2231-194"
+          "uid": "8c88-194"
         }
@@ -305,20 +305,20 @@ ],
         {
-          "uid": "2231-202"
+          "uid": "8c88-202"
         },
         {
-          "uid": "2231-198"
+          "uid": "8c88-198"
         },
         {
-          "uid": "2231-200"
+          "uid": "8c88-200"
         }
       ]
     },
-    "2231-198": {
+    "8c88-198": {
       "id": "/packages/router-devtools/src/styledComponents.ts",
       "moduleParts": {
-        "index.production.js": "2231-199"
+        "index.production.js": "8c88-199"
       },
       "imported": [
         {
-          "uid": "2231-196"
+          "uid": "8c88-196"
         }
@@ -328,20 +328,20 @@ ],
         {
-          "uid": "2231-202"
+          "uid": "8c88-202"
         }
       ]
     },
-    "2231-200": {
+    "8c88-200": {
       "id": "/packages/router-devtools/src/Explorer.tsx",
       "moduleParts": {
-        "index.production.js": "2231-201"
+        "index.production.js": "8c88-201"
       },
       "imported": [
         {
-          "uid": "2231-182"
+          "uid": "8c88-182"
         },
         {
-          "uid": "2231-206"
+          "uid": "8c88-206"
         },
         {
-          "uid": "2231-196"
+          "uid": "8c88-196"
         }
@@ -351,35 +351,35 @@ ],
         {
-          "uid": "2231-202"
+          "uid": "8c88-202"
         }
       ]
     },
-    "2231-202": {
+    "8c88-202": {
       "id": "/packages/router-devtools/src/devtools.tsx",
       "moduleParts": {
-        "index.production.js": "2231-203"
+        "index.production.js": "8c88-203"
       },
       "imported": [
         {
-          "uid": "2231-182"
+          "uid": "8c88-182"
         },
         {
-          "uid": "2231-206"
+          "uid": "8c88-206"
         },
         {
-          "uid": "2231-188"
+          "uid": "8c88-188"
         },
         {
-          "uid": "2231-190"
+          "uid": "8c88-190"
         },
         {
-          "uid": "2231-196"
+          "uid": "8c88-196"
         },
         {
-          "uid": "2231-198"
+          "uid": "8c88-198"
         },
         {
-          "uid": "2231-192"
+          "uid": "8c88-192"
         },
         {
-          "uid": "2231-200"
+          "uid": "8c88-200"
         }
@@ -389,14 +389,14 @@ ],
         {
-          "uid": "2231-204"
+          "uid": "8c88-204"
         }
       ]
     },
-    "2231-204": {
+    "8c88-204": {
       "id": "/packages/router-devtools/src/index.tsx",
       "moduleParts": {
-        "index.production.js": "2231-205"
+        "index.production.js": "8c88-205"
       },
       "imported": [
         {
-          "uid": "2231-202"
+          "uid": "8c88-202"
         }
@@ -407,3 +407,3 @@ ],
     },
-    "2231-206": {
+    "8c88-206": {
       "id": "react",
@@ -414,21 +414,21 @@ "moduleParts": {},
         {
-          "uid": "2231-202"
+          "uid": "8c88-202"
         },
         {
-          "uid": "2231-188"
+          "uid": "8c88-188"
         },
         {
-          "uid": "2231-190"
+          "uid": "8c88-190"
         },
         {
-          "uid": "2231-196"
+          "uid": "8c88-196"
         },
         {
-          "uid": "2231-192"
+          "uid": "8c88-192"
         },
         {
-          "uid": "2231-200"
+          "uid": "8c88-200"
         },
         {
-          "uid": "2231-194"
+          "uid": "8c88-194"
         }
@@ -438,3 +438,3 @@ ],
     },
-    "2231-207": {
+    "8c88-207": {
       "id": "/node_modules/.pnpm/tiny-warning@1.0.3/node_modules/tiny-warning/dist/tiny-warning.esm.js",
@@ -445,7 +445,7 @@ "moduleParts": {},
         {
-          "uid": "2231-188"
+          "uid": "8c88-188"
         }
       ]
     },
-    "2231-208": {
+    "8c88-208": {
       "id": "use-sync-external-store/shim/with-selector",
@@ -456,3 +456,3 @@ "moduleParts": {},
         {
-          "uid": "2231-186"
+          "uid": "8c88-186"
         }
@@ -462,3 +462,3 @@ ],
     },
-    "2231-209": {
+    "8c88-209": {
       "id": "/packages/store/build/esm/index.js",
@@ -469,3 +469,3 @@ "moduleParts": {},
         {
-          "uid": "2231-186"
+          "uid": "8c88-186"
         }
@@ -472,0 +472,0 @@ ]

build/umd/index.development.js

@@ -65,20 +65,2 @@ /**
 
-  function warning(condition, message) {
-    {
-      if (condition) {
-        return;
-      }
-
-      var text = "Warning: " + message;
-
-      if (typeof console !== 'undefined') {
-        console.warn(text);
-      }
-
-      try {
-        throw Error(text);
-      } catch (x) {}
-    }
-  }
-
   /**
@@ -138,11 +120,2 @@ * @tanstack/react-store/src/index.tsx
   const routerContext = /*#__PURE__*/React__namespace.createContext(null);
-  function useRouterState(opts) {
-    const router = useRouter();
-    return useStore(router.__store, opts?.select);
-  }
-  function useRouter() {
-    const value = React__namespace.useContext(routerContext);
-    warning(value, 'useRouter must be used inside a <Router> component!');
-    return value;
-  }
 
@@ -865,3 +838,2 @@ const getItem = key => {
     const router = userRouter ?? routerContextValue;
-    const routerState = useRouterState();
     invariant(router, 'No router was found for the TanStack Router Devtools. Please place the devtools in the <RouterProvider> component tree or pass the router instance to the devtools manually.');
@@ -871,5 +843,5 @@ useStore(router.__store);
     const [activeRouteId, setActiveRouteId] = useLocalStorage('tanstackRouterDevtoolsActiveRouteId', '');
-    const allMatches = React__default["default"].useMemo(() => [...Object.values(routerState.matches)], [routerState.matches]);
+    const allMatches = React__default["default"].useMemo(() => [...Object.values(router.state.matches)], [router.state.matches]);
     const activeMatch = allMatches?.find(d => d.routeId === activeRouteId);
-    const hasSearch = Object.keys(routerState.location.search || {}).length;
+    const hasSearch = Object.keys(router.state.location.search || {}).length;
     return /*#__PURE__*/React__default["default"].createElement(ThemeProvider, {
@@ -1042,3 +1014,3 @@ theme: defaultTheme
       setActiveRouteId: setActiveRouteId
-    }) : /*#__PURE__*/React__default["default"].createElement("div", null, routerState.matches.map((match, i) => {
+    }) : /*#__PURE__*/React__default["default"].createElement("div", null, router.state.matches.map((match, i) => {
       return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -1140,4 +1112,4 @@ key: match.routeId || i,
     }, /*#__PURE__*/React__default["default"].createElement(Explorer, {
-      value: routerState.location.search || {},
-      defaultExpanded: Object.keys(routerState.location.search || {}).reduce((obj, next) => {
+      value: router.state.location.search || {},
+      defaultExpanded: Object.keys(router.state.location.search || {}).reduce((obj, next) => {
         obj[next] = {};
@@ -1144,0 +1116,0 @@ return obj;

build/umd/index.production.js

@@ -11,5 +11,5 @@ /**
  */
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("use-sync-external-store/shim/with-selector")):"function"==typeof define&&define.amd?define(["exports","react","use-sync-external-store/shim/with-selector"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).TanStackRouterDevtools={},e.React,e.withSelector)}(this,(function(e,t,n){"use strict";function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var l=a(t),o=r(t);function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i.apply(this,arguments)}
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("use-sync-external-store/shim/with-selector")):"function"==typeof define&&define.amd?define(["exports","react","use-sync-external-store/shim/with-selector"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).TanStackRouterDevtools={},e.React,e.withSelector)}(this,(function(e,t,n){"use strict";function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var l=a(t),o=r(t);function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i.apply(this,arguments)}function d(e,t){if(Object.is(e,t))return!0;if("object"!=typeof e||null===e||"object"!=typeof t||null===t)return!1;const n=Object.keys(e);if(n.length!==Object.keys(t).length)return!1;for(let r=0;r<n.length;r++)if(!Object.prototype.hasOwnProperty.call(t,n[r])||!Object.is(e[n[r]],t[n[r]]))return!1;return!0}
 /**
-   * @tanstack/react-store/src/index.tsx
+   * @tanstack/router/src/index.ts
    *
@@ -22,6 +22,5 @@ * Copyright (c) TanStack
    * @license MIT
-   */
-function d(e,t=(e=>e)){return n.useSyncExternalStoreWithSelector(e.subscribe,(()=>e.state),(()=>e.state),t,u)}function u(e,t){if(Object.is(e,t))return!0;if("object"!=typeof e||null===e||"object"!=typeof t||null===t)return!1;const n=Object.keys(e);if(n.length!==Object.keys(t).length)return!1;for(let r=0;r<n.length;r++)if(!Object.prototype.hasOwnProperty.call(t,n[r])||!Object.is(e[n[r]],t[n[r]]))return!1;return!0}
+   */const u=l.createContext(null);function c(e,t){const[n,r]=o.default.useState();o.default.useEffect((()=>{const n=(e=>{try{const t=localStorage.getItem(e);return"string"==typeof t?JSON.parse(t):void 0}catch{return}})(e);r(null==n?"function"==typeof t?t():t:n)}),[t,e]);return[n,o.default.useCallback((t=>{r((n=>{let r=t;"function"==typeof t&&(r=t(n));try{localStorage.setItem(e,JSON.stringify(r))}catch{}return r}))}),[e])]}const s={background:"#0b1521",backgroundAlt:"#132337",foreground:"white",gray:"#3f4e60",grayAlt:"#222e3e",inputBackgroundColor:"#fff",inputTextColor:"#000",success:"#00ab52",danger:"#ff0085",active:"#006bff",warning:"#ffb200"},f=o.default.createContext(s);function m({theme:e,...t}){return o.default.createElement(f.Provider,i({value:e},t))}const p="undefined"==typeof window;function g(e,t){return"pending"===e.status?t.active:"error"===e.status?t.danger:"success"===e.status?t.success:t.gray}function b(e,t,n){const r=e.find((e=>e.routeId===t.id));return r?"pending"===r.status?n.active:"error"===r.status?n.danger:"success"===r.status?n.success:n.gray:n.gray}function y(e,t,n={}){return o.default.forwardRef((({style:r,...a},l)=>{const i=o.default.useContext(f),d=Object.entries(n).reduce(((e,[t,n])=>function(e){const[t,n]=o.default.useState((()=>{if("undefined"!=typeof window)return window.matchMedia&&window.matchMedia(e).matches}));return o.default.useEffect((()=>{if("undefined"!=typeof window){if(!window.matchMedia)return;const t=window.matchMedia(e),r=({matches:e})=>n(e);return t.addListener(r),()=>{t.removeListener(r)}}}),[t,e,n]),t}(t)?{...e,..."function"==typeof n?n(a,i):n}:e),{});return o.default.createElement(e,{...a,style:{..."function"==typeof t?t(a,i):t,...r,...d},ref:l})}))}function h(){const e=o.default.useRef(!1),t=o.default.useCallback((()=>e.current),[]);return o.default[p?"useEffect":"useLayoutEffect"]((()=>(e.current=!0,()=>{e.current=!1})),[]),t}function v(e){const t=h(),[n,r]=o.default.useState(e);return[n,o.default.useCallback((e=>{var n;n=()=>{t()&&r(e)},Promise.resolve().then(n).catch((e=>setTimeout((()=>{throw e}))))}),[t])]}const E=y("div",((e,t)=>({fontSize:"clamp(12px, 1.5vw, 14px)",fontFamily:"sans-serif",display:"flex",backgroundColor:t.background,color:t.foreground})),{"(max-width: 700px)":{flexDirection:"column"},"(max-width: 600px)":{fontSize:".9em"}}),x=y("div",(()=>({flex:"1 1 500px",display:"flex",flexDirection:"column",overflow:"auto",height:"100%"})),{"(max-width: 700px)":(e,t)=>({borderTop:`2px solid ${t.gray}`})}),k=y("button",((e,t)=>({appearance:"none",fontSize:".9em",fontWeight:"bold",background:t.gray,border:"0",borderRadius:".3em",color:"white",padding:".5em",opacity:e.disabled?".5":void 0,cursor:"pointer"}))),w=y("code",{fontSize:".9em"}),S=y("div",{fontFamily:"Menlo, monospace",fontSize:".7rem",lineHeight:"1.7",outline:"none",wordBreak:"break-word"}),R=y("span",{color:"white"}),I=y("button",{cursor:"pointer",color:"white"}),O=y("button",{cursor:"pointer",color:"inherit",font:"inherit",outline:"inherit",background:"transparent",border:"none",padding:0}),D=y("span",((e,t)=>({color:t.danger}))),C=y("div",{marginLeft:".1em",paddingLeft:"1em",borderLeft:"2px solid rgba(0,0,0,.15)"}),j=y("span",{color:"grey",fontSize:".7em"}),T=({expanded:e,style:t={}})=>l.createElement("span",{style:{display:"inline-block",transition:"all .1s ease",transform:`rotate(${e?90:0}deg) ${t.transform||""}`,...t}},"▶");const A=({handleEntry:e,label:t,value:n,subEntries:r=[],subEntryPages:a=[],type:o,expanded:i=!1,toggleExpanded:d,pageSize:u,renderer:c})=>{const[s,f]=l.useState([]),[m,p]=l.useState(void 0);return l.createElement(S,null,a.length?l.createElement(l.Fragment,null,l.createElement(O,{onClick:()=>d()},l.createElement(T,{expanded:i})," ",t," ",l.createElement(j,null,"iterable"===String(o).toLowerCase()?"(Iterable) ":"",r.length," ",r.length>1?"items":"item")),i?1===a.length?l.createElement(C,null,r.map(((t,n)=>e(t)))):l.createElement(C,null,a.map(((t,n)=>l.createElement("div",{key:n},l.createElement(S,null,l.createElement(I,{onClick:()=>f((e=>e.includes(n)?e.filter((e=>e!==n)):[...e,n]))},l.createElement(T,{expanded:i})," [",n*u," ..."," ",n*u+u-1,"]"),s.includes(n)?l.createElement(C,null,t.map((t=>e(t)))):null))))):null):"function"===o?l.createElement(l.Fragment,null,l.createElement(P,{renderer:c,label:l.createElement("button",{onClick:()=>{p(n())},style:{appearance:"none",border:"0",background:"transparent"}},l.createElement(R,null,t)," 🔄"," "),value:m,defaultExpanded:{}})):l.createElement(l.Fragment,null,l.createElement(R,null,t,":")," ",l.createElement(D,null,(e=>{const t=Object.getOwnPropertyNames(Object(e)),n="bigint"==typeof e?`${e.toString()}n`:e;return JSON.stringify(n,t)})(n))))};function P({value:e,defaultExpanded:t,renderer:n=A,pageSize:r=100,filterSubEntries:a,...o}){const[d,u]=l.useState(Boolean(t)),c=l.useCallback((()=>u((e=>!e))),[]);let s=typeof e,f=[];const m=e=>{const n=!0===t?{[e.label]:!0}:t?.[e.label];return{...e,defaultExpanded:n}};var p;Array.isArray(e)?(s="array",f=e.map(((e,t)=>m({label:t.toString(),value:e})))):null!==e&&"object"==typeof e&&(p=e,Symbol.iterator in p)&&"function"==typeof e[Symbol.iterator]?(s="Iterable",f=Array.from(e,((e,t)=>m({label:t.toString(),value:e})))):"object"==typeof e&&null!==e&&(s="object",f=Object.entries(e).map((([e,t])=>m({label:e,value:t})))),f=a?a(f):f;const g=function(e,t){if(t<1)return[];let n=0;const r=[];for(;n<e.length;)r.push(e.slice(n,n+t)),n+=t;return r}(f,r);return n({handleEntry:t=>l.createElement(P,i({key:t.label,value:e,renderer:n,filterSubEntries:a},o,t)),type:s,subEntries:f,subEntryPages:g,value:e,expanded:d,toggleExpanded:c,pageSize:r,...o})}const L="undefined"==typeof window;function z(e){return o.default.createElement("div",i({},e,{style:{...e.style??{},display:"flex",alignItems:"center",flexDirection:"column",fontSize:"0.8rem",fontWeight:"bolder",lineHeight:"1"}}),o.default.createElement("div",{style:{letterSpacing:"-0.05rem"}},"TANSTACK"),o.default.createElement("div",{style:{backgroundImage:"linear-gradient(to right, var(--tw-gradient-stops))","--tw-gradient-from":"#84cc16","--tw-gradient-stops":"var(--tw-gradient-from), var(--tw-gradient-to)","--tw-gradient-to":"#10b981",WebkitBackgroundClip:"text",color:"transparent",letterSpacing:"0.1rem",marginRight:"-0.2rem"}},"ROUTER"))}function $({route:e,isRoot:t,matches:n,activeRouteId:r,setActiveRouteId:a}){const l=n.find((t=>t.routeId===e.id));return o.default.createElement("div",null,o.default.createElement("div",{role:"button","aria-label":`Open match details for ${e.id}`,onClick:()=>{l&&a(r===e.id?"":e.id)},style:{display:"flex",borderBottom:`solid 1px ${s.grayAlt}`,cursor:l?"pointer":"default",alignItems:"center",background:e.id===r?"rgba(255,255,255,.1)":void 0}},t?null:o.default.createElement("div",{style:{flex:"0 0 auto",width:".7rem",height:".7rem",margin:".5rem .75rem",alignItems:"center",justifyContent:"center",fontWeight:"bold",borderRadius:"100%",transition:"all .2s ease-out",background:b(n,e,s),opacity:l?1:.3}}),o.default.createElement(w,{style:{padding:".25rem 0",paddingLeft:t?".5rem":0,opacity:l?1:.7}},`${e.path||(i=e.id,function(e){return"/"===e?e:e.replace(/\/{1,}$/,"")}(function(e){return"/"===e?e:e.replace(/^\/{1,}/,"")}(i)))}`)),e.children?.length?o.default.createElement("div",{style:{marginLeft:t?0:"1rem",borderLeft:t?"":`solid 1px ${s.grayAlt}`}},[...e.children].sort(((e,t)=>e.rank-t.rank)).map((e=>o.default.createElement($,{key:e.id,route:e,matches:n,activeRouteId:r,setActiveRouteId:a})))):null);var i}const B=o.default.forwardRef((function(e,t){const{isOpen:r=!0,setIsOpen:a,handleDragStart:l,router:f,...p}=e,b=o.default.useContext(u),y=f??b;!function(e,t){if(!e)throw new Error("Invariant failed")}
 /**
-   * @tanstack/router/src/index.ts
+   * @tanstack/react-store/src/index.tsx
    *
@@ -34,3 +33,3 @@ * Copyright (c) TanStack
    * @license MIT
-   */const c=l.createContext(null);function s(e){return d(l.useContext(c).__store,e?.select)}function f(e,t){const[n,r]=o.default.useState();o.default.useEffect((()=>{const n=(e=>{try{const t=localStorage.getItem(e);return"string"==typeof t?JSON.parse(t):void 0}catch{return}})(e);r(null==n?"function"==typeof t?t():t:n)}),[t,e]);return[n,o.default.useCallback((t=>{r((n=>{let r=t;"function"==typeof t&&(r=t(n));try{localStorage.setItem(e,JSON.stringify(r))}catch{}return r}))}),[e])]}const m={background:"#0b1521",backgroundAlt:"#132337",foreground:"white",gray:"#3f4e60",grayAlt:"#222e3e",inputBackgroundColor:"#fff",inputTextColor:"#000",success:"#00ab52",danger:"#ff0085",active:"#006bff",warning:"#ffb200"},p=o.default.createContext(m);function g({theme:e,...t}){return o.default.createElement(p.Provider,i({value:e},t))}const b="undefined"==typeof window;function y(e,t){return"pending"===e.status?t.active:"error"===e.status?t.danger:"success"===e.status?t.success:t.gray}function h(e,t,n){const r=e.find((e=>e.routeId===t.id));return r?"pending"===r.status?n.active:"error"===r.status?n.danger:"success"===r.status?n.success:n.gray:n.gray}function v(e,t,n={}){return o.default.forwardRef((({style:r,...a},l)=>{const i=o.default.useContext(p),d=Object.entries(n).reduce(((e,[t,n])=>function(e){const[t,n]=o.default.useState((()=>{if("undefined"!=typeof window)return window.matchMedia&&window.matchMedia(e).matches}));return o.default.useEffect((()=>{if("undefined"!=typeof window){if(!window.matchMedia)return;const t=window.matchMedia(e),r=({matches:e})=>n(e);return t.addListener(r),()=>{t.removeListener(r)}}}),[t,e,n]),t}(t)?{...e,..."function"==typeof n?n(a,i):n}:e),{});return o.default.createElement(e,{...a,style:{..."function"==typeof t?t(a,i):t,...r,...d},ref:l})}))}function E(){const e=o.default.useRef(!1),t=o.default.useCallback((()=>e.current),[]);return o.default[b?"useEffect":"useLayoutEffect"]((()=>(e.current=!0,()=>{e.current=!1})),[]),t}function x(e){const t=E(),[n,r]=o.default.useState(e);return[n,o.default.useCallback((e=>{var n;n=()=>{t()&&r(e)},Promise.resolve().then(n).catch((e=>setTimeout((()=>{throw e}))))}),[t])]}const k=v("div",((e,t)=>({fontSize:"clamp(12px, 1.5vw, 14px)",fontFamily:"sans-serif",display:"flex",backgroundColor:t.background,color:t.foreground})),{"(max-width: 700px)":{flexDirection:"column"},"(max-width: 600px)":{fontSize:".9em"}}),w=v("div",(()=>({flex:"1 1 500px",display:"flex",flexDirection:"column",overflow:"auto",height:"100%"})),{"(max-width: 700px)":(e,t)=>({borderTop:`2px solid ${t.gray}`})}),S=v("button",((e,t)=>({appearance:"none",fontSize:".9em",fontWeight:"bold",background:t.gray,border:"0",borderRadius:".3em",color:"white",padding:".5em",opacity:e.disabled?".5":void 0,cursor:"pointer"}))),R=v("code",{fontSize:".9em"}),I=v("div",{fontFamily:"Menlo, monospace",fontSize:".7rem",lineHeight:"1.7",outline:"none",wordBreak:"break-word"}),O=v("span",{color:"white"}),D=v("button",{cursor:"pointer",color:"white"}),C=v("button",{cursor:"pointer",color:"inherit",font:"inherit",outline:"inherit",background:"transparent",border:"none",padding:0}),j=v("span",((e,t)=>({color:t.danger}))),T=v("div",{marginLeft:".1em",paddingLeft:"1em",borderLeft:"2px solid rgba(0,0,0,.15)"}),A=v("span",{color:"grey",fontSize:".7em"}),P=({expanded:e,style:t={}})=>l.createElement("span",{style:{display:"inline-block",transition:"all .1s ease",transform:`rotate(${e?90:0}deg) ${t.transform||""}`,...t}},"▶");const L=({handleEntry:e,label:t,value:n,subEntries:r=[],subEntryPages:a=[],type:o,expanded:i=!1,toggleExpanded:d,pageSize:u,renderer:c})=>{const[s,f]=l.useState([]),[m,p]=l.useState(void 0);return l.createElement(I,null,a.length?l.createElement(l.Fragment,null,l.createElement(C,{onClick:()=>d()},l.createElement(P,{expanded:i})," ",t," ",l.createElement(A,null,"iterable"===String(o).toLowerCase()?"(Iterable) ":"",r.length," ",r.length>1?"items":"item")),i?1===a.length?l.createElement(T,null,r.map(((t,n)=>e(t)))):l.createElement(T,null,a.map(((t,n)=>l.createElement("div",{key:n},l.createElement(I,null,l.createElement(D,{onClick:()=>f((e=>e.includes(n)?e.filter((e=>e!==n)):[...e,n]))},l.createElement(P,{expanded:i})," [",n*u," ..."," ",n*u+u-1,"]"),s.includes(n)?l.createElement(T,null,t.map((t=>e(t)))):null))))):null):"function"===o?l.createElement(l.Fragment,null,l.createElement(z,{renderer:c,label:l.createElement("button",{onClick:()=>{p(n())},style:{appearance:"none",border:"0",background:"transparent"}},l.createElement(O,null,t)," 🔄"," "),value:m,defaultExpanded:{}})):l.createElement(l.Fragment,null,l.createElement(O,null,t,":")," ",l.createElement(j,null,(e=>{const t=Object.getOwnPropertyNames(Object(e)),n="bigint"==typeof e?`${e.toString()}n`:e;return JSON.stringify(n,t)})(n))))};function z({value:e,defaultExpanded:t,renderer:n=L,pageSize:r=100,filterSubEntries:a,...o}){const[d,u]=l.useState(Boolean(t)),c=l.useCallback((()=>u((e=>!e))),[]);let s=typeof e,f=[];const m=e=>{const n=!0===t?{[e.label]:!0}:t?.[e.label];return{...e,defaultExpanded:n}};var p;Array.isArray(e)?(s="array",f=e.map(((e,t)=>m({label:t.toString(),value:e})))):null!==e&&"object"==typeof e&&(p=e,Symbol.iterator in p)&&"function"==typeof e[Symbol.iterator]?(s="Iterable",f=Array.from(e,((e,t)=>m({label:t.toString(),value:e})))):"object"==typeof e&&null!==e&&(s="object",f=Object.entries(e).map((([e,t])=>m({label:e,value:t})))),f=a?a(f):f;const g=function(e,t){if(t<1)return[];let n=0;const r=[];for(;n<e.length;)r.push(e.slice(n,n+t)),n+=t;return r}(f,r);return n({handleEntry:t=>l.createElement(z,i({key:t.label,value:e,renderer:n,filterSubEntries:a},o,t)),type:s,subEntries:f,subEntryPages:g,value:e,expanded:d,toggleExpanded:c,pageSize:r,...o})}const $="undefined"==typeof window;function B(e){return o.default.createElement("div",i({},e,{style:{...e.style??{},display:"flex",alignItems:"center",flexDirection:"column",fontSize:"0.8rem",fontWeight:"bolder",lineHeight:"1"}}),o.default.createElement("div",{style:{letterSpacing:"-0.05rem"}},"TANSTACK"),o.default.createElement("div",{style:{backgroundImage:"linear-gradient(to right, var(--tw-gradient-stops))","--tw-gradient-from":"#84cc16","--tw-gradient-stops":"var(--tw-gradient-from), var(--tw-gradient-to)","--tw-gradient-to":"#10b981",WebkitBackgroundClip:"text",color:"transparent",letterSpacing:"0.1rem",marginRight:"-0.2rem"}},"ROUTER"))}function M({route:e,isRoot:t,matches:n,activeRouteId:r,setActiveRouteId:a}){const l=n.find((t=>t.routeId===e.id));return o.default.createElement("div",null,o.default.createElement("div",{role:"button","aria-label":`Open match details for ${e.id}`,onClick:()=>{l&&a(r===e.id?"":e.id)},style:{display:"flex",borderBottom:`solid 1px ${m.grayAlt}`,cursor:l?"pointer":"default",alignItems:"center",background:e.id===r?"rgba(255,255,255,.1)":void 0}},t?null:o.default.createElement("div",{style:{flex:"0 0 auto",width:".7rem",height:".7rem",margin:".5rem .75rem",alignItems:"center",justifyContent:"center",fontWeight:"bold",borderRadius:"100%",transition:"all .2s ease-out",background:h(n,e,m),opacity:l?1:.3}}),o.default.createElement(R,{style:{padding:".25rem 0",paddingLeft:t?".5rem":0,opacity:l?1:.7}},`${e.path||(i=e.id,function(e){return"/"===e?e:e.replace(/\/{1,}$/,"")}(function(e){return"/"===e?e:e.replace(/^\/{1,}/,"")}(i)))}`)),e.children?.length?o.default.createElement("div",{style:{marginLeft:t?0:"1rem",borderLeft:t?"":`solid 1px ${m.grayAlt}`}},[...e.children].sort(((e,t)=>e.rank-t.rank)).map((e=>o.default.createElement(M,{key:e.id,route:e,matches:n,activeRouteId:r,setActiveRouteId:a})))):null);var i}const H=o.default.forwardRef((function(e,t){const{isOpen:n=!0,setIsOpen:r,handleDragStart:a,router:l,...u}=e,p=o.default.useContext(c),b=l??p,h=s();!function(e,t){if(!e)throw new Error("Invariant failed")}(b),d(b.__store);const[v,E]=f("tanstackRouterDevtoolsShowMatches",!0),[x,S]=f("tanstackRouterDevtoolsActiveRouteId",""),I=o.default.useMemo((()=>[...Object.values(h.matches)]),[h.matches]),O=I?.find((e=>e.routeId===x)),D=Object.keys(h.location.search||{}).length;return o.default.createElement(g,{theme:m},o.default.createElement(k,i({ref:t,className:"TanStackRouterDevtoolsPanel"},u),o.default.createElement("style",{dangerouslySetInnerHTML:{__html:`\n\n            .TanStackRouterDevtoolsPanel * {\n              scrollbar-color: ${m.backgroundAlt} ${m.gray};\n            }\n\n            .TanStackRouterDevtoolsPanel *::-webkit-scrollbar, .TanStackRouterDevtoolsPanel scrollbar {\n              width: 1em;\n              height: 1em;\n            }\n\n            .TanStackRouterDevtoolsPanel *::-webkit-scrollbar-track, .TanStackRouterDevtoolsPanel scrollbar-track {\n              background: ${m.backgroundAlt};\n            }\n\n            .TanStackRouterDevtoolsPanel *::-webkit-scrollbar-thumb, .TanStackRouterDevtoolsPanel scrollbar-thumb {\n              background: ${m.gray};\n              border-radius: .5em;\n              border: 3px solid ${m.backgroundAlt};\n            }\n\n            .TanStackRouterDevtoolsPanel table {\n              width: 100%;\n            }\n\n            .TanStackRouterDevtoolsPanel table tr {\n              border-bottom: 2px dotted rgba(255, 255, 255, .2);\n            }\n\n            .TanStackRouterDevtoolsPanel table tr:last-child {\n              border-bottom: none\n            }\n\n            .TanStackRouterDevtoolsPanel table td {\n              padding: .25rem .5rem;\n              border-right: 2px dotted rgba(255, 255, 255, .05);\n            }\n\n            .TanStackRouterDevtoolsPanel table td:last-child {\n              border-right: none\n            }\n\n          `}}),o.default.createElement("div",{style:{position:"absolute",left:0,top:0,width:"100%",height:"4px",marginBottom:"-4px",cursor:"row-resize",zIndex:1e5},onMouseDown:a}),o.default.createElement("div",{style:{flex:"1 1 500px",minHeight:"40%",maxHeight:"100%",overflow:"auto",borderRight:`1px solid ${m.grayAlt}`,display:"flex",flexDirection:"column"}},o.default.createElement("div",{style:{display:"flex",justifyContent:"start",gap:"1rem",padding:"1rem",alignItems:"center",background:m.backgroundAlt}},o.default.createElement(B,{"aria-hidden":!0}),o.default.createElement("div",{style:{fontSize:"clamp(.8rem, 2vw, 1.3rem)",fontWeight:"bold"}},o.default.createElement("span",{style:{fontWeight:100}},"Devtools"))),o.default.createElement("div",{style:{overflowY:"auto",flex:"1"}},o.default.createElement("div",{style:{padding:".5em"}},o.default.createElement(z,{label:"Router",value:b,defaultExpanded:{state:{},context:{}},filterSubEntries:e=>e.filter((e=>"function"!=typeof e.value))})))),o.default.createElement("div",{style:{flex:"1 1 500px",minHeight:"40%",maxHeight:"100%",overflow:"auto",borderRight:`1px solid ${m.grayAlt}`,display:"flex",flexDirection:"column"}},o.default.createElement("div",{style:{padding:".5em",background:m.backgroundAlt,position:"sticky",top:0,zIndex:1,display:"flex",alignItems:"center",gap:".5rem"}},o.default.createElement("button",{type:"button",onClick:()=>{E(!1)},disabled:!v,style:{appearance:"none",opacity:v?.5:1,border:0,background:"transparent",color:"inherit",cursor:"pointer"}},"Routes"),"/",o.default.createElement("button",{type:"button",onClick:()=>{E(!0)},disabled:v,style:{appearance:"none",opacity:v?1:.5,border:0,background:"transparent",color:"inherit",cursor:"pointer"}},"Matches")),v?o.default.createElement("div",null,h.matches.map(((e,t)=>o.default.createElement("div",{key:e.routeId||t,role:"button","aria-label":`Open match details for ${e.routeId}`,onClick:()=>S(x===e.routeId?"":e.routeId),style:{display:"flex",borderBottom:`solid 1px ${m.grayAlt}`,cursor:"pointer",alignItems:"center",background:e===O?"rgba(255,255,255,.1)":void 0}},o.default.createElement("div",{style:{flex:"0 0 auto",width:"1.3rem",height:"1.3rem",marginLeft:".25rem",background:y(e,m),alignItems:"center",justifyContent:"center",fontWeight:"bold",borderRadius:".25rem",transition:"all .2s ease-out"}}),o.default.createElement(R,{style:{padding:".5em"}},`${e.id}`))))):o.default.createElement(M,{route:b.routeTree,isRoot:!0,matches:I,activeRouteId:x,setActiveRouteId:S})),O?o.default.createElement(w,null,o.default.createElement("div",{style:{padding:".5em",background:m.backgroundAlt,position:"sticky",top:0,bottom:0,zIndex:1}},"Match Details"),o.default.createElement("div",null,o.default.createElement("table",null,o.default.createElement("tbody",null,o.default.createElement("tr",null,o.default.createElement("td",{style:{opacity:".5"}},"ID"),o.default.createElement("td",null,o.default.createElement(R,{style:{lineHeight:"1.8em"}},JSON.stringify(O.id,null,2)))),o.default.createElement("tr",null,o.default.createElement("td",{style:{opacity:".5"}},"Status"),o.default.createElement("td",null,O.status)),o.default.createElement("tr",null,o.default.createElement("td",{style:{opacity:".5"}},"Last Updated"),o.default.createElement("td",null,O.updatedAt?new Date(O.updatedAt).toLocaleTimeString():"N/A"))))),o.default.createElement("div",{style:{background:m.backgroundAlt,padding:".5em",position:"sticky",top:0,bottom:0,zIndex:1}},"Explorer"),o.default.createElement("div",{style:{padding:".5em"}},o.default.createElement(z,{label:"Match",value:O,defaultExpanded:{}}))):null,D?o.default.createElement("div",{style:{flex:"1 1 500px",minHeight:"40%",maxHeight:"100%",overflow:"auto",borderRight:`1px solid ${m.grayAlt}`,display:"flex",flexDirection:"column"}},o.default.createElement("div",{style:{padding:".5em",background:m.backgroundAlt,position:"sticky",top:0,bottom:0,zIndex:1}},"Search Params"),o.default.createElement("div",{style:{padding:".5em"}},o.default.createElement(z,{value:h.location.search||{},defaultExpanded:Object.keys(h.location.search||{}).reduce(((e,t)=>(e[t]={},e)),{})}))):null))}));e.TanStackRouterDevtools=function({initialIsOpen:e,panelProps:t={},closeButtonProps:n={},toggleButtonProps:r={},position:a="bottom-left",containerElement:l="footer",router:d}){const u=o.default.useRef(null),c=o.default.useRef(null),[s,p]=f("tanstackRouterDevtoolsOpen",e),[b,y]=f("tanstackRouterDevtoolsHeight",null),[h,v]=x(!1),[k,w]=x(!1),R=E();o.default.useEffect((()=>{v(s??!1)}),[s,h,v]),o.default.useEffect((()=>{const e=c.current;if(e){const t=()=>{e&&h&&(e.style.visibility="visible")},n=()=>{e&&!h&&(e.style.visibility="hidden")};return e.addEventListener("transitionstart",t),e.addEventListener("transitionend",n),()=>{e.removeEventListener("transitionstart",t),e.removeEventListener("transitionend",n)}}}),[h]),o.default[$?"useEffect":"useLayoutEffect"]((()=>{if(h){const e=u.current?.parentElement?.style.paddingBottom,t=()=>{const e=c.current?.getBoundingClientRect().height;u.current?.parentElement&&(u.current.parentElement.style.paddingBottom=`${e}px`)};if(t(),"undefined"!=typeof window)return window.addEventListener("resize",t),()=>{window.removeEventListener("resize",t),u.current?.parentElement&&"string"==typeof e&&(u.current.parentElement.style.paddingBottom=e)}}}),[h]);const{style:I={},...O}=t,{style:D={},onClick:C,...j}=n,{style:T={},onClick:A,...P}=r;return R()?o.default.createElement(l,{ref:u,className:"TanStackRouterDevtools"},o.default.createElement(g,{theme:m},o.default.createElement(H,i({ref:c},O,{router:d,style:{position:"fixed",bottom:"0",right:"0",zIndex:99999,width:"100%",height:b??500,maxHeight:"90%",boxShadow:"0 0 20px rgba(0,0,0,.3)",borderTop:`1px solid ${m.gray}`,transformOrigin:"top",visibility:s?"visible":"hidden",...I,...k?{transition:"none"}:{transition:"all .2s ease"},...h?{opacity:1,pointerEvents:"all",transform:"translateY(0) scale(1)"}:{opacity:0,pointerEvents:"none",transform:"translateY(15px) scale(1.02)"}},isOpen:h,setIsOpen:p,handleDragStart:e=>((e,t)=>{if(0!==t.button)return;w(!0);const n=e?.getBoundingClientRect().height??0,r=t.pageY,a=e=>{const t=r-e.pageY,a=n+t;y(a),p(!(a<70))},l=()=>{w(!1),document.removeEventListener("mousemove",a),document.removeEventListener("mouseUp",l)};document.addEventListener("mousemove",a),document.addEventListener("mouseup",l)})(c.current,e)})),h?o.default.createElement(S,i({type:"button","aria-label":"Close TanStack Router Devtools"},j,{onClick:e=>{p(!1),C&&C(e)},style:{position:"fixed",zIndex:99999,margin:".5em",bottom:0,..."top-right"===a?{right:"0"}:"top-left"===a?{left:"0"}:"bottom-right"===a?{right:"0"}:{left:"0"},...D}}),"Close"):null),h?null:o.default.createElement("button",i({type:"button"},P,{"aria-label":"Open TanStack Router Devtools",onClick:e=>{p(!0),A&&A(e)},style:{appearance:"none",background:"none",border:0,padding:0,position:"fixed",zIndex:99999,display:"inline-flex",fontSize:"1.5em",margin:".5em",cursor:"pointer",width:"fit-content",..."top-right"===a?{top:"0",right:"0"}:"top-left"===a?{top:"0",left:"0"}:"bottom-right"===a?{bottom:"0",right:"0"}:{bottom:"0",left:"0"},...T}}),o.default.createElement(B,{"aria-hidden":!0}))):null},e.TanStackRouterDevtoolsPanel=H,Object.defineProperty(e,"__esModule",{value:!0})}));
+   */(y),function(e,t=(e=>e)){n.useSyncExternalStoreWithSelector(e.subscribe,(()=>e.state),(()=>e.state),t,d)}(y.__store);const[h,v]=c("tanstackRouterDevtoolsShowMatches",!0),[k,S]=c("tanstackRouterDevtoolsActiveRouteId",""),R=o.default.useMemo((()=>[...Object.values(y.state.matches)]),[y.state.matches]),I=R?.find((e=>e.routeId===k)),O=Object.keys(y.state.location.search||{}).length;return o.default.createElement(m,{theme:s},o.default.createElement(E,i({ref:t,className:"TanStackRouterDevtoolsPanel"},p),o.default.createElement("style",{dangerouslySetInnerHTML:{__html:`\n\n            .TanStackRouterDevtoolsPanel * {\n              scrollbar-color: ${s.backgroundAlt} ${s.gray};\n            }\n\n            .TanStackRouterDevtoolsPanel *::-webkit-scrollbar, .TanStackRouterDevtoolsPanel scrollbar {\n              width: 1em;\n              height: 1em;\n            }\n\n            .TanStackRouterDevtoolsPanel *::-webkit-scrollbar-track, .TanStackRouterDevtoolsPanel scrollbar-track {\n              background: ${s.backgroundAlt};\n            }\n\n            .TanStackRouterDevtoolsPanel *::-webkit-scrollbar-thumb, .TanStackRouterDevtoolsPanel scrollbar-thumb {\n              background: ${s.gray};\n              border-radius: .5em;\n              border: 3px solid ${s.backgroundAlt};\n            }\n\n            .TanStackRouterDevtoolsPanel table {\n              width: 100%;\n            }\n\n            .TanStackRouterDevtoolsPanel table tr {\n              border-bottom: 2px dotted rgba(255, 255, 255, .2);\n            }\n\n            .TanStackRouterDevtoolsPanel table tr:last-child {\n              border-bottom: none\n            }\n\n            .TanStackRouterDevtoolsPanel table td {\n              padding: .25rem .5rem;\n              border-right: 2px dotted rgba(255, 255, 255, .05);\n            }\n\n            .TanStackRouterDevtoolsPanel table td:last-child {\n              border-right: none\n            }\n\n          `}}),o.default.createElement("div",{style:{position:"absolute",left:0,top:0,width:"100%",height:"4px",marginBottom:"-4px",cursor:"row-resize",zIndex:1e5},onMouseDown:l}),o.default.createElement("div",{style:{flex:"1 1 500px",minHeight:"40%",maxHeight:"100%",overflow:"auto",borderRight:`1px solid ${s.grayAlt}`,display:"flex",flexDirection:"column"}},o.default.createElement("div",{style:{display:"flex",justifyContent:"start",gap:"1rem",padding:"1rem",alignItems:"center",background:s.backgroundAlt}},o.default.createElement(z,{"aria-hidden":!0}),o.default.createElement("div",{style:{fontSize:"clamp(.8rem, 2vw, 1.3rem)",fontWeight:"bold"}},o.default.createElement("span",{style:{fontWeight:100}},"Devtools"))),o.default.createElement("div",{style:{overflowY:"auto",flex:"1"}},o.default.createElement("div",{style:{padding:".5em"}},o.default.createElement(P,{label:"Router",value:y,defaultExpanded:{state:{},context:{}},filterSubEntries:e=>e.filter((e=>"function"!=typeof e.value))})))),o.default.createElement("div",{style:{flex:"1 1 500px",minHeight:"40%",maxHeight:"100%",overflow:"auto",borderRight:`1px solid ${s.grayAlt}`,display:"flex",flexDirection:"column"}},o.default.createElement("div",{style:{padding:".5em",background:s.backgroundAlt,position:"sticky",top:0,zIndex:1,display:"flex",alignItems:"center",gap:".5rem"}},o.default.createElement("button",{type:"button",onClick:()=>{v(!1)},disabled:!h,style:{appearance:"none",opacity:h?.5:1,border:0,background:"transparent",color:"inherit",cursor:"pointer"}},"Routes"),"/",o.default.createElement("button",{type:"button",onClick:()=>{v(!0)},disabled:h,style:{appearance:"none",opacity:h?1:.5,border:0,background:"transparent",color:"inherit",cursor:"pointer"}},"Matches")),h?o.default.createElement("div",null,y.state.matches.map(((e,t)=>o.default.createElement("div",{key:e.routeId||t,role:"button","aria-label":`Open match details for ${e.routeId}`,onClick:()=>S(k===e.routeId?"":e.routeId),style:{display:"flex",borderBottom:`solid 1px ${s.grayAlt}`,cursor:"pointer",alignItems:"center",background:e===I?"rgba(255,255,255,.1)":void 0}},o.default.createElement("div",{style:{flex:"0 0 auto",width:"1.3rem",height:"1.3rem",marginLeft:".25rem",background:g(e,s),alignItems:"center",justifyContent:"center",fontWeight:"bold",borderRadius:".25rem",transition:"all .2s ease-out"}}),o.default.createElement(w,{style:{padding:".5em"}},`${e.id}`))))):o.default.createElement($,{route:y.routeTree,isRoot:!0,matches:R,activeRouteId:k,setActiveRouteId:S})),I?o.default.createElement(x,null,o.default.createElement("div",{style:{padding:".5em",background:s.backgroundAlt,position:"sticky",top:0,bottom:0,zIndex:1}},"Match Details"),o.default.createElement("div",null,o.default.createElement("table",null,o.default.createElement("tbody",null,o.default.createElement("tr",null,o.default.createElement("td",{style:{opacity:".5"}},"ID"),o.default.createElement("td",null,o.default.createElement(w,{style:{lineHeight:"1.8em"}},JSON.stringify(I.id,null,2)))),o.default.createElement("tr",null,o.default.createElement("td",{style:{opacity:".5"}},"Status"),o.default.createElement("td",null,I.status)),o.default.createElement("tr",null,o.default.createElement("td",{style:{opacity:".5"}},"Last Updated"),o.default.createElement("td",null,I.updatedAt?new Date(I.updatedAt).toLocaleTimeString():"N/A"))))),o.default.createElement("div",{style:{background:s.backgroundAlt,padding:".5em",position:"sticky",top:0,bottom:0,zIndex:1}},"Explorer"),o.default.createElement("div",{style:{padding:".5em"}},o.default.createElement(P,{label:"Match",value:I,defaultExpanded:{}}))):null,O?o.default.createElement("div",{style:{flex:"1 1 500px",minHeight:"40%",maxHeight:"100%",overflow:"auto",borderRight:`1px solid ${s.grayAlt}`,display:"flex",flexDirection:"column"}},o.default.createElement("div",{style:{padding:".5em",background:s.backgroundAlt,position:"sticky",top:0,bottom:0,zIndex:1}},"Search Params"),o.default.createElement("div",{style:{padding:".5em"}},o.default.createElement(P,{value:y.state.location.search||{},defaultExpanded:Object.keys(y.state.location.search||{}).reduce(((e,t)=>(e[t]={},e)),{})}))):null))}));e.TanStackRouterDevtools=function({initialIsOpen:e,panelProps:t={},closeButtonProps:n={},toggleButtonProps:r={},position:a="bottom-left",containerElement:l="footer",router:d}){const u=o.default.useRef(null),f=o.default.useRef(null),[p,g]=c("tanstackRouterDevtoolsOpen",e),[b,y]=c("tanstackRouterDevtoolsHeight",null),[E,x]=v(!1),[w,S]=v(!1),R=h();o.default.useEffect((()=>{x(p??!1)}),[p,E,x]),o.default.useEffect((()=>{const e=f.current;if(e){const t=()=>{e&&E&&(e.style.visibility="visible")},n=()=>{e&&!E&&(e.style.visibility="hidden")};return e.addEventListener("transitionstart",t),e.addEventListener("transitionend",n),()=>{e.removeEventListener("transitionstart",t),e.removeEventListener("transitionend",n)}}}),[E]),o.default[L?"useEffect":"useLayoutEffect"]((()=>{if(E){const e=u.current?.parentElement?.style.paddingBottom,t=()=>{const e=f.current?.getBoundingClientRect().height;u.current?.parentElement&&(u.current.parentElement.style.paddingBottom=`${e}px`)};if(t(),"undefined"!=typeof window)return window.addEventListener("resize",t),()=>{window.removeEventListener("resize",t),u.current?.parentElement&&"string"==typeof e&&(u.current.parentElement.style.paddingBottom=e)}}}),[E]);const{style:I={},...O}=t,{style:D={},onClick:C,...j}=n,{style:T={},onClick:A,...P}=r;return R()?o.default.createElement(l,{ref:u,className:"TanStackRouterDevtools"},o.default.createElement(m,{theme:s},o.default.createElement(B,i({ref:f},O,{router:d,style:{position:"fixed",bottom:"0",right:"0",zIndex:99999,width:"100%",height:b??500,maxHeight:"90%",boxShadow:"0 0 20px rgba(0,0,0,.3)",borderTop:`1px solid ${s.gray}`,transformOrigin:"top",visibility:p?"visible":"hidden",...I,...w?{transition:"none"}:{transition:"all .2s ease"},...E?{opacity:1,pointerEvents:"all",transform:"translateY(0) scale(1)"}:{opacity:0,pointerEvents:"none",transform:"translateY(15px) scale(1.02)"}},isOpen:E,setIsOpen:g,handleDragStart:e=>((e,t)=>{if(0!==t.button)return;S(!0);const n=e?.getBoundingClientRect().height??0,r=t.pageY,a=e=>{const t=r-e.pageY,a=n+t;y(a),g(!(a<70))},l=()=>{S(!1),document.removeEventListener("mousemove",a),document.removeEventListener("mouseUp",l)};document.addEventListener("mousemove",a),document.addEventListener("mouseup",l)})(f.current,e)})),E?o.default.createElement(k,i({type:"button","aria-label":"Close TanStack Router Devtools"},j,{onClick:e=>{g(!1),C&&C(e)},style:{position:"fixed",zIndex:99999,margin:".5em",bottom:0,..."top-right"===a?{right:"0"}:"top-left"===a?{left:"0"}:"bottom-right"===a?{right:"0"}:{left:"0"},...D}}),"Close"):null),E?null:o.default.createElement("button",i({type:"button"},P,{"aria-label":"Open TanStack Router Devtools",onClick:e=>{g(!0),A&&A(e)},style:{appearance:"none",background:"none",border:0,padding:0,position:"fixed",zIndex:99999,display:"inline-flex",fontSize:"1.5em",margin:".5em",cursor:"pointer",width:"fit-content",..."top-right"===a?{top:"0",right:"0"}:"top-left"===a?{top:"0",left:"0"}:"bottom-right"===a?{bottom:"0",right:"0"}:{bottom:"0",left:"0"},...T}}),o.default.createElement(z,{"aria-hidden":!0}))):null},e.TanStackRouterDevtoolsPanel=B,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=index.production.js.map

package.json

 {
   "name": "@tanstack/router-devtools",
   "author": "Tanner Linsley",
-  "version": "0.0.1-beta.134",
+  "version": "0.0.1-beta.135",
   "license": "MIT",
@@ -45,3 +45,3 @@ "repository": "tanstack/router",
     "date-fns": "^2.29.1",
-    "@tanstack/router": "0.0.1-beta.134"
+    "@tanstack/router": "0.0.1-beta.135"
   },
@@ -48,0 +48,0 @@ "scripts": {

No alert changes

Worsened metrics

Total package byte prevSize

790891

decreased by-0.17%

Lines of code

5503

decreased by-0.49%

Dependency changes

• + Added@tanstack/router@0.0.1-beta.135(transitive)

• - Removed@tanstack/router@0.0.1-beta.134(transitive)

• Updated@tanstack/router@0.0.1-beta.135