@tanstack/router-devtools-core 1.133.1 → 1.133.8

package/dist/{BaseTanStackRouterDevtoolsPanel-Cbvcs84k.js → BaseTanStackRouterDevtoolsPanel-KIEU40vQ.js}

@@ -1,9 +1,7 @@
-import { template, insert, memo, createComponent, effect, className, setAttribute, mergeProps, delegateEvents, spread, addEventListener } from "solid-js/web";
+import { a as createSignal, b as createEffect, g as createRenderEffect, u as useContext, S as ShadowDomTargetContext, k as delegateEvents, d as createMemo, t as template, i as insert, e as createComponent, h as className, s as setAttribute, m as mergeProps, l as useDevtoolsOnClose, f as spread, n as addEventListener, o as untrack, M as Match, F as For, p as Switch, q as onCleanup, r as Show } from "./index-DX7UIGS3.js";
 import { clsx } from "clsx";
 import invariant from "tiny-invariant";
 import { rootRouteId, trimPath, interpolatePath } from "@tanstack/router-core";
-import { createSignal, createEffect, createRenderEffect, useContext, createMemo, untrack, Switch, Match, For, Show, onCleanup } from "solid-js";
-import { S as ShadowDomTargetContext, u as useDevtoolsOnClose } from "./index-Bz4rofgr.js";
 import * as goober from "goober";
 const isServer = typeof window === "undefined";
 function getStatusColor(match) {
@@ -23,8 +21,8 @@ function getRouteStatusColor(matches, route) {
 }
 function useIsMounted() {
   const [isMounted, setIsMounted] = createSignal(false);
-  const effect2 = isServer ? createEffect : createRenderEffect;
-  effect2(() => {
+  const effect = isServer ? createEffect : createRenderEffect;
+  effect(() => {
     setIsMounted(true);
   });
   return isMounted;
@@ -892,7 +890,7 @@ const Expander = ({
   const styles = useStyles();
   return (() => {
     var _el$ = _tmpl$$3(), _el$2 = _el$.firstChild;
-    effect((_p$) => {
+    createRenderEffect((_p$) => {
       var _v$ = styles().expander, _v$2 = clsx(styles().expanderIcon(expanded));
       _v$ !== _p$.e && className(_el$, _p$.e = _v$);
       _v$2 !== _p$.t && setAttribute(_el$2, "class", _p$.t = _v$2);
@@ -971,7 +969,7 @@ function Explorer({
   return (() => {
     var _el$3 = _tmpl$2$1();
     insert(_el$3, (() => {
-      var _c$ = memo(() => !!subEntryPages().length);
+      var _c$ = createMemo(() => !!subEntryPages().length);
       return () => _c$() ? [(() => {
         var _el$4 = _tmpl$3$1(), _el$5 = _el$4.firstChild, _el$6 = _el$5.firstChild;
         _el$4.$$click = () => toggleExpanded();
@@ -984,7 +982,7 @@ function Explorer({
         insert(_el$5, () => String(type).toLowerCase() === "iterable" ? "(Iterable) " : "", _el$6);
         insert(_el$5, () => subEntries().length, _el$6);
         insert(_el$5, () => subEntries().length > 1 ? `items` : `item`, null);
-        effect((_p$) => {
+        createRenderEffect((_p$) => {
           var _v$3 = styles().expandButton, _v$4 = styles().info;
           _v$3 !== _p$.e && className(_el$4, _p$.e = _v$3);
           _v$4 !== _p$.t && className(_el$5, _p$.t = _v$4);
@@ -994,10 +992,10 @@ function Explorer({
           t: void 0
         });
         return _el$4;
-      })(), memo(() => memo(() => !!(expanded() ?? false))() ? memo(() => subEntryPages().length === 1)() ? (() => {
+      })(), createMemo(() => createMemo(() => !!(expanded() ?? false))() ? createMemo(() => subEntryPages().length === 1)() ? (() => {
         var _el$7 = _tmpl$2$1();
         insert(_el$7, () => subEntries().map((entry, index) => handleEntry(entry)));
-        effect(() => className(_el$7, styles().subEntries));
+        createRenderEffect(() => className(_el$7, styles().subEntries));
         return _el$7;
       })() : (() => {
         var _el$8 = _tmpl$2$1();
@@ -1014,15 +1012,15 @@ function Explorer({
             insert(_el$1, index * pageSize, _el$15);
             insert(_el$1, index * pageSize + pageSize - 1, _el$16);
             insert(_el$0, (() => {
-              var _c$3 = memo(() => !!expandedPages().includes(index));
+              var _c$3 = createMemo(() => !!expandedPages().includes(index));
               return () => _c$3() ? (() => {
                 var _el$17 = _tmpl$2$1();
                 insert(_el$17, () => entries.map((entry) => handleEntry(entry)));
-                effect(() => className(_el$17, styles().subEntries));
+                createRenderEffect(() => className(_el$17, styles().subEntries));
                 return _el$17;
               })() : null;
             })(), null);
-            effect((_p$) => {
+            createRenderEffect((_p$) => {
               var _v$5 = styles().entry, _v$6 = clsx(styles().labelButton, "labelButton");
               _v$5 !== _p$.e && className(_el$0, _p$.e = _v$5);
               _v$6 !== _p$.t && className(_el$1, _p$.t = _v$6);
@@ -1034,17 +1032,17 @@ function Explorer({
             return _el$9;
           })();
         }));
-        effect(() => className(_el$8, styles().subEntries));
+        createRenderEffect(() => className(_el$8, styles().subEntries));
         return _el$8;
       })() : null)] : (() => {
-        var _c$2 = memo(() => type() === "function");
+        var _c$2 = createMemo(() => type() === "function");
         return () => _c$2() ? createComponent(Explorer, {
           get label() {
             return (() => {
               var _el$18 = _tmpl$5$1(), _el$19 = _el$18.firstChild;
               _el$18.$$click = refreshValueSnapshot;
               insert(_el$19, () => rest.label);
-              effect(() => className(_el$18, styles().refreshValueBtn));
+              createRenderEffect(() => className(_el$18, styles().refreshValueBtn));
               return _el$18;
             })();
           },
@@ -1057,12 +1055,12 @@ function Explorer({
         })(), " ", (() => {
           var _el$22 = _tmpl$7$1();
           insert(_el$22, () => displayValue(value()));
-          effect(() => className(_el$22, styles().value));
+          createRenderEffect(() => className(_el$22, styles().value));
           return _el$22;
         })()];
       })();
     })());
-    effect(() => className(_el$3, styles().entry));
+    createRenderEffect(() => className(_el$3, styles().entry));
     return _el$3;
   })();
 }
@@ -1197,7 +1195,7 @@ function AgeTicker({
     insert(_el$2, () => formatTime(age));
     insert(_el$4, () => formatTime(staleTime));
     insert(_el$6, () => formatTime(gcTime));
-    effect(() => className(_el$, clsx(styles().ageTicker(age > staleTime))));
+    createRenderEffect(() => className(_el$, clsx(styles().ageTicker(age > staleTime))));
     return _el$;
   })();
 }
@@ -1220,7 +1218,7 @@ function NavigateButton({
       });
     };
     setAttribute(_el$, "title", `Navigate to ${to}`);
-    effect(() => className(_el$, styles().navigateButton));
+    createRenderEffect(() => className(_el$, styles().navigateButton));
     return _el$;
   })();
 }
@@ -1240,7 +1238,7 @@ function Logo(props) {
         return clsx(styles().logo, className$1 ? className$1() : "");
       }
     }), false, true);
-    effect((_p$) => {
+    createRenderEffect((_p$) => {
       var _v$ = styles().tanstackLogo, _v$2 = styles().routerLogo;
       _v$ !== _p$.e && className(_el$2, _p$.e = _v$);
       _v$2 !== _p$.t && className(_el$3, _p$.t = _v$2);
@@ -1263,7 +1261,7 @@ function NavigateLink(props) {
     _el$5.style.setProperty("min-width", "0");
     insert(_el$5, () => props.children);
     insert(_el$4, () => props.right, null);
-    effect(() => className(_el$4, props.class));
+    createRenderEffect(() => className(_el$4, props.class));
     return _el$4;
   })();
 }
@@ -1344,18 +1342,18 @@ function RouteComp({
         return [(() => {
           var _el$9 = _tmpl$3(), _el$0 = _el$9.firstChild;
           insert(_el$9, () => isRoot ? rootRouteId : route.path || trimPath(route.id), _el$0);
-          effect(() => className(_el$9, styles().code));
+          createRenderEffect(() => className(_el$9, styles().code));
           return _el$9;
         })(), (() => {
           var _el$1 = _tmpl$4();
           insert(_el$1, param);
-          effect(() => className(_el$1, styles().routeParamInfo));
+          createRenderEffect(() => className(_el$1, styles().routeParamInfo));
           return _el$1;
         })()];
       }
     }), null);
     insert(_el$6, (() => {
-      var _c$ = memo(() => !!route.children?.length);
+      var _c$ = createMemo(() => !!route.children?.length);
       return () => _c$() ? (() => {
         var _el$10 = _tmpl$6();
         insert(_el$10, () => [...route.children].sort((a, b) => {
@@ -1367,11 +1365,11 @@ function RouteComp({
           activeId,
           setActiveId
         })));
-        effect(() => className(_el$10, styles().nestedRouteRow(!!isRoot)));
+        createRenderEffect(() => className(_el$10, styles().nestedRouteRow(!!isRoot)));
         return _el$10;
       })() : null;
     })(), null);
-    effect((_p$) => {
+    createRenderEffect((_p$) => {
       var _v$3 = `Open match details for ${route.id}`, _v$4 = clsx(styles().routesRowContainer(route.id === activeId(), !!match())), _v$5 = clsx(styles().matchIndicator(getRouteStatusColor(matches(), route)));
       _v$3 !== _p$.e && setAttribute(_el$7, "aria-label", _p$.e = _v$3);
       _v$4 !== _p$.t && className(_el$7, _p$.t = _v$4);
@@ -1461,7 +1459,7 @@ const BaseTanStackRouterDevtoolsPanel = function BaseTanStackRouterDevtoolsPanel
     insert(_el$11, handleDragStart ? (() => {
       var _el$34 = _tmpl$6();
       addEventListener(_el$34, "mousedown", handleDragStart, true);
-      effect(() => className(_el$34, styles().dragHandle));
+      createRenderEffect(() => className(_el$34, styles().dragHandle));
       return _el$34;
     })() : null, _el$12);
     _el$12.$$click = (e) => {
@@ -1492,10 +1490,10 @@ const BaseTanStackRouterDevtoolsPanel = function BaseTanStackRouterDevtoolsPanel
       }
     }));
     insert(_el$20, (() => {
-      var _c$2 = memo(() => !!routerState().location.maskedLocation);
+      var _c$2 = createMemo(() => !!routerState().location.maskedLocation);
       return () => _c$2() ? (() => {
         var _el$35 = _tmpl$9(), _el$36 = _el$35.firstChild;
-        effect((_p$) => {
+        createRenderEffect((_p$) => {
           var _v$24 = styles().maskedBadgeContainer, _v$25 = styles().maskedBadge;
           _v$24 !== _p$.e && className(_el$35, _p$.e = _v$24);
           _v$25 !== _p$.t && className(_el$36, _p$.t = _v$25);
@@ -1509,11 +1507,11 @@ const BaseTanStackRouterDevtoolsPanel = function BaseTanStackRouterDevtoolsPanel
     })(), null);
     insert(_el$23, () => routerState().location.pathname);
     insert(_el$22, (() => {
-      var _c$3 = memo(() => !!routerState().location.maskedLocation);
+      var _c$3 = createMemo(() => !!routerState().location.maskedLocation);
       return () => _c$3() ? (() => {
         var _el$37 = _tmpl$4();
         insert(_el$37, () => routerState().location.maskedLocation?.pathname);
-        effect(() => className(_el$37, styles().maskedLocation));
+        createRenderEffect(() => className(_el$37, styles().maskedLocation));
         return _el$37;
       })() : null;
     })(), null);
@@ -1578,11 +1576,11 @@ const BaseTanStackRouterDevtoolsPanel = function BaseTanStackRouterDevtoolsPanel
                   get children() {
                     var _el$40 = _tmpl$4();
                     insert(_el$40, () => `${match.routeId === rootRouteId ? rootRouteId : match.pathname}`);
-                    effect(() => className(_el$40, styles().matchID));
+                    createRenderEffect(() => className(_el$40, styles().matchID));
                     return _el$40;
                   }
                 }), null);
-                effect((_p$) => {
+                createRenderEffect((_p$) => {
                   var _v$26 = `Open match details for ${match.id}`, _v$27 = clsx(styles().matchRow(match === activeMatch())), _v$28 = clsx(styles().matchIndicator(getStatusColor(match)));
                   _v$26 !== _p$.e && setAttribute(_el$38, "aria-label", _p$.e = _v$26);
                   _v$27 !== _p$.t && className(_el$38, _p$.t = _v$27);
@@ -1634,11 +1632,11 @@ const BaseTanStackRouterDevtoolsPanel = function BaseTanStackRouterDevtoolsPanel
                   get children() {
                     var _el$43 = _tmpl$4();
                     insert(_el$43, () => `${match.routeId === rootRouteId ? rootRouteId : match.pathname}`);
-                    effect(() => className(_el$43, styles().matchID));
+                    createRenderEffect(() => className(_el$43, styles().matchID));
                     return _el$43;
                   }
                 }), null);
-                effect((_p$) => {
+                createRenderEffect((_p$) => {
                   var _v$29 = clsx(styles().matchRow(match === activeMatch())), _v$30 = clsx(styles().matchIndicator(index() === 0 ? "green" : "gray"));
                   _v$29 !== _p$.e && className(_el$41, _p$.e = _v$29);
                   _v$30 !== _p$.t && className(_el$42, _p$.t = _v$30);
@@ -1651,10 +1649,10 @@ const BaseTanStackRouterDevtoolsPanel = function BaseTanStackRouterDevtoolsPanel
               })()
             }), null);
             insert(_el$33, (() => {
-              var _c$4 = memo(() => !!hasHistoryOverflowed());
+              var _c$4 = createMemo(() => !!hasHistoryOverflowed());
               return () => _c$4() ? (() => {
                 var _el$44 = _tmpl$10();
-                effect(() => className(_el$44, styles().historyOverflowContainer));
+                createRenderEffect(() => className(_el$44, styles().historyOverflowContainer));
                 return _el$44;
               })() : null;
             })(), null);
@@ -1664,7 +1662,7 @@ const BaseTanStackRouterDevtoolsPanel = function BaseTanStackRouterDevtoolsPanel
       }
     }));
     insert(_el$18, (() => {
-      var _c$5 = memo(() => !!routerState().cachedMatches.length);
+      var _c$5 = createMemo(() => !!routerState().cachedMatches.length);
       return () => _c$5() ? (() => {
         var _el$45 = _tmpl$11(), _el$46 = _el$45.firstChild, _el$47 = _el$46.firstChild, _el$48 = _el$47.nextSibling, _el$49 = _el$46.nextSibling;
         insert(_el$49, () => routerState().cachedMatches.map((match) => {
@@ -1695,11 +1693,11 @@ const BaseTanStackRouterDevtoolsPanel = function BaseTanStackRouterDevtoolsPanel
               get children() {
                 var _el$52 = _tmpl$4();
                 insert(_el$52, () => `${match.id}`);
-                effect(() => className(_el$52, styles().matchID));
+                createRenderEffect(() => className(_el$52, styles().matchID));
                 return _el$52;
               }
             }), null);
-            effect((_p$) => {
+            createRenderEffect((_p$) => {
               var _v$34 = `Open match details for ${match.id}`, _v$35 = clsx(styles().matchRow(match === activeMatch())), _v$36 = clsx(styles().matchIndicator(getStatusColor(match)));
               _v$34 !== _p$.e && setAttribute(_el$50, "aria-label", _p$.e = _v$34);
               _v$35 !== _p$.t && className(_el$50, _p$.t = _v$35);
@@ -1713,7 +1711,7 @@ const BaseTanStackRouterDevtoolsPanel = function BaseTanStackRouterDevtoolsPanel
             return _el$50;
           })();
         }));
-        effect((_p$) => {
+        createRenderEffect((_p$) => {
           var _v$31 = styles().cachedMatchesContainer, _v$32 = styles().detailsHeader, _v$33 = styles().detailsHeaderInfo;
           _v$31 !== _p$.e && className(_el$45, _p$.e = _v$31);
           _v$32 !== _p$.t && className(_el$46, _p$.t = _v$32);
@@ -1728,27 +1726,27 @@ const BaseTanStackRouterDevtoolsPanel = function BaseTanStackRouterDevtoolsPanel
       })() : null;
     })(), null);
     insert(_el$11, (() => {
-      var _c$6 = memo(() => !!(activeMatch() && activeMatch()?.status));
+      var _c$6 = createMemo(() => !!(activeMatch() && activeMatch()?.status));
       return () => _c$6() ? (() => {
         var _el$53 = _tmpl$12(), _el$54 = _el$53.firstChild, _el$55 = _el$54.nextSibling, _el$56 = _el$55.firstChild, _el$57 = _el$56.firstChild, _el$58 = _el$57.firstChild, _el$59 = _el$57.nextSibling, _el$60 = _el$59.firstChild, _el$61 = _el$60.nextSibling, _el$62 = _el$61.firstChild, _el$63 = _el$59.nextSibling, _el$64 = _el$63.firstChild, _el$65 = _el$64.nextSibling, _el$66 = _el$63.nextSibling, _el$67 = _el$66.firstChild, _el$68 = _el$67.nextSibling, _el$69 = _el$55.nextSibling, _el$70 = _el$69.nextSibling;
         insert(_el$58, (() => {
-          var _c$8 = memo(() => !!(activeMatch()?.status === "success" && activeMatch()?.isFetching));
+          var _c$8 = createMemo(() => !!(activeMatch()?.status === "success" && activeMatch()?.isFetching));
           return () => _c$8() ? "fetching" : activeMatch()?.status;
         })());
         insert(_el$62, () => activeMatch()?.id);
         insert(_el$65, (() => {
-          var _c$9 = memo(() => !!routerState().pendingMatches?.find((d) => d.id === activeMatch()?.id));
+          var _c$9 = createMemo(() => !!routerState().pendingMatches?.find((d) => d.id === activeMatch()?.id));
           return () => _c$9() ? "Pending" : routerState().matches.find((d) => d.id === activeMatch()?.id) ? "Active" : "Cached";
         })());
         insert(_el$68, (() => {
-          var _c$0 = memo(() => !!activeMatch()?.updatedAt);
+          var _c$0 = createMemo(() => !!activeMatch()?.updatedAt);
           return () => _c$0() ? new Date(activeMatch()?.updatedAt).toLocaleTimeString() : "N/A";
         })());
         insert(_el$53, (() => {
-          var _c$1 = memo(() => !!activeMatchLoaderData());
+          var _c$1 = createMemo(() => !!activeMatchLoaderData());
           return () => _c$1() ? [(() => {
             var _el$71 = _tmpl$13();
-            effect(() => className(_el$71, styles().detailsHeader));
+            createRenderEffect(() => className(_el$71, styles().detailsHeader));
             return _el$71;
           })(), (() => {
             var _el$72 = _tmpl$6();
@@ -1757,7 +1755,7 @@ const BaseTanStackRouterDevtoolsPanel = function BaseTanStackRouterDevtoolsPanel
               value: activeMatchLoaderData,
               defaultExpanded: {}
             }));
-            effect(() => className(_el$72, styles().detailsContent));
+            createRenderEffect(() => className(_el$72, styles().detailsContent));
             return _el$72;
           })()] : null;
         })(), _el$69);
@@ -1766,7 +1764,7 @@ const BaseTanStackRouterDevtoolsPanel = function BaseTanStackRouterDevtoolsPanel
           value: activeMatchValue,
           defaultExpanded: {}
         }));
-        effect((_p$) => {
+        createRenderEffect((_p$) => {
           var _v$37 = styles().thirdContainer, _v$38 = styles().detailsHeader, _v$39 = styles().matchDetails, _v$40 = styles().matchStatus(activeMatch()?.status, activeMatch()?.isFetching), _v$41 = styles().matchDetailsInfoLabel, _v$42 = styles().matchDetailsInfo, _v$43 = styles().matchDetailsInfoLabel, _v$44 = styles().matchDetailsInfo, _v$45 = styles().matchDetailsInfoLabel, _v$46 = styles().matchDetailsInfo, _v$47 = styles().detailsHeader, _v$48 = styles().detailsContent;
           _v$37 !== _p$.e && className(_el$53, _p$.e = _v$37);
           _v$38 !== _p$.t && className(_el$54, _p$.t = _v$38);
@@ -1799,7 +1797,7 @@ const BaseTanStackRouterDevtoolsPanel = function BaseTanStackRouterDevtoolsPanel
       })() : null;
     })(), null);
     insert(_el$11, (() => {
-      var _c$7 = memo(() => !!hasSearch());
+      var _c$7 = createMemo(() => !!hasSearch());
       return () => _c$7() ? (() => {
         var _el$73 = _tmpl$14(), _el$74 = _el$73.firstChild;
         _el$74.firstChild;
@@ -1823,7 +1821,7 @@ const BaseTanStackRouterDevtoolsPanel = function BaseTanStackRouterDevtoolsPanel
             }, {});
           }
         }));
-        effect((_p$) => {
+        createRenderEffect((_p$) => {
           var _v$49 = styles().fourthContainer, _v$50 = styles().detailsHeader, _v$51 = styles().detailsContent;
           _v$49 !== _p$.e && className(_el$73, _p$.e = _v$49);
           _v$50 !== _p$.t && className(_el$74, _p$.t = _v$50);
@@ -1837,7 +1835,7 @@ const BaseTanStackRouterDevtoolsPanel = function BaseTanStackRouterDevtoolsPanel
         return _el$73;
       })() : null;
     })(), null);
-    effect((_p$) => {
+    createRenderEffect((_p$) => {
       var _v$6 = styles().panelCloseBtn, _v$7 = styles().panelCloseBtnIcon, _v$8 = styles().firstContainer, _v$9 = styles().row, _v$0 = styles().routerExplorerContainer, _v$1 = styles().routerExplorer, _v$10 = styles().secondContainer, _v$11 = styles().matchesContainer, _v$12 = styles().detailsHeader, _v$13 = styles().detailsContent, _v$14 = styles().detailsHeader, _v$15 = styles().routeMatchesToggle, _v$16 = currentTab() === "routes", _v$17 = clsx(styles().routeMatchesToggleBtn(currentTab() === "routes", true)), _v$18 = currentTab() === "matches", _v$19 = clsx(styles().routeMatchesToggleBtn(currentTab() === "matches", true)), _v$20 = currentTab() === "history", _v$21 = clsx(styles().routeMatchesToggleBtn(currentTab() === "history", false)), _v$22 = styles().detailsHeaderInfo, _v$23 = clsx(styles().routesContainer);
       _v$6 !== _p$.e && className(_el$12, _p$.e = _v$6);
       _v$7 !== _p$.t && setAttribute(_el$13, "class", _p$.t = _v$7);
@@ -1912,7 +1910,7 @@ function CopyButton({
     var _el$78 = _tmpl$16();
     _el$78.$$click = handleCopy;
     insert(_el$78, () => copied() ? "✅" : "📋");
-    effect(() => setAttribute(_el$78, "title", copied() ? "Copied!" : "Copy"));
+    createRenderEffect(() => setAttribute(_el$78, "title", copied() ? "Copied!" : "Copy"));
     return _el$78;
   })();
 }
@@ -1929,4 +1927,4 @@ export {
   BaseTanStackRouterDevtoolsPanel$1 as c,
   useLocalStorage as u
 };
-//# sourceMappingURL=BaseTanStackRouterDevtoolsPanel-Cbvcs84k.js.map
+//# sourceMappingURL=BaseTanStackRouterDevtoolsPanel-KIEU40vQ.js.map