@tanstack/router-devtools 0.0.1-beta.175 → 0.0.1-beta.177

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/build/cjs/devtools.js.map +1 -1
  2. package/build/cjs/utils.js +2 -2
  3. package/build/cjs/utils.js.map +1 -1
  4. package/build/esm/index.js +2 -2
  5. package/build/esm/index.js.map +1 -1
  6. package/build/stats-html.html +1 -1
  7. package/build/stats-react.json +133 -133
  8. package/build/types/utils.d.ts +3 -3
  9. package/build/umd/index.development.js +2 -2
  10. package/build/umd/index.development.js.map +1 -1
  11. package/build/umd/index.production.js +1 -1
  12. package/build/umd/index.production.js.map +1 -1
  13. package/package.json +2 -2
  14. package/src/devtools.tsx +3 -3
  15. package/src/utils.ts +2 -7
package/build/cjs/devtools.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"devtools.js","sources":["../../src/devtools.tsx"],"sourcesContent":["import React from 'react'\nimport {\n last,\n routerContext,\n invariant,\n AnyRouter,\n useStore,\n Route,\n AnyRoute,\n AnyRootRoute,\n RouteMatch,\n trimPath,\n useRouterState,\n} from '@tanstack/react-router'\n\nimport useLocalStorage from './useLocalStorage'\nimport {\n getRouteStatusColor,\n getStatusColor,\n useIsMounted,\n useSafeState,\n} from './utils'\nimport { Panel, Button, Code, ActivePanel } from './styledComponents'\nimport { ThemeProvider, defaultTheme as theme } from './theme'\n// import { getQueryStatusLabel, getQueryStatusColor } from './utils'\nimport Explorer from './Explorer'\n\nexport type PartialKeys<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>\n\ninterface DevtoolsOptions {\n /**\n * Set this true if you want the dev tools to default to being open\n */\n initialIsOpen?: boolean\n /**\n * Use this to add props to the panel. For example, you can add className, style (merge and override default style), etc.\n */\n panelProps?: React.DetailedHTMLProps<\n React.HTMLAttributes<HTMLDivElement>,\n HTMLDivElement\n >\n /**\n * Use this to add props to the close button. For example, you can add className, style (merge and override default style), onClick (extend default handler), etc.\n */\n closeButtonProps?: React.DetailedHTMLProps<\n React.ButtonHTMLAttributes<HTMLButtonElement>,\n HTMLButtonElement\n >\n /**\n * Use this to add props to the toggle button. For example, you can add className, style (merge and override default style), onClick (extend default handler), etc.\n */\n toggleButtonProps?: React.DetailedHTMLProps<\n React.ButtonHTMLAttributes<HTMLButtonElement>,\n HTMLButtonElement\n >\n /**\n * The position of the TanStack Router logo to open and close the devtools panel.\n * Defaults to 'bottom-left'.\n */\n position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'\n /**\n * Use this to render the devtools inside a different type of container element for a11y purposes.\n * Any string which corresponds to a valid intrinsic JSX element is allowed.\n * Defaults to 'footer'.\n */\n containerElement?: string | any\n /**\n * A boolean variable indicating if the \"lite\" version of the library is being used\n */\n router?: AnyRouter\n}\n\ninterface DevtoolsPanelOptions {\n /**\n * The standard React style object used to style a component with inline styles\n */\n style?: React.CSSProperties\n /**\n * The standard React className property used to style a component with classes\n */\n className?: string\n /**\n * A boolean variable indicating whether the panel is open or closed\n */\n isOpen?: boolean\n /**\n * A function that toggles the open and close state of the panel\n */\n setIsOpen: (isOpen: boolean) => void\n /**\n * Handles the opening and closing the devtools panel\n */\n handleDragStart: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void\n /**\n * A boolean variable indicating if the \"lite\" version of the library is being used\n */\n router?: AnyRouter\n}\n\nconst isServer = typeof window === 'undefined'\n\nfunction Logo(props: React.HTMLProps<HTMLDivElement>) {\n return (\n <div\n {...props}\n style={{\n ...(props.style ?? {}),\n display: 'flex',\n alignItems: 'center',\n flexDirection: 'column',\n fontSize: '0.8rem',\n fontWeight: 'bolder',\n lineHeight: '1',\n }}\n >\n <div\n style={{\n letterSpacing: '-0.05rem',\n }}\n >\n TANSTACK\n </div>\n <div\n style={{\n backgroundImage:\n 'linear-gradient(to right, var(--tw-gradient-stops))',\n // @ts-ignore\n '--tw-gradient-from': '#84cc16',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), var(--tw-gradient-to)',\n '--tw-gradient-to': '#10b981',\n WebkitBackgroundClip: 'text',\n color: 'transparent',\n letterSpacing: '0.1rem',\n marginRight: '-0.2rem',\n }}\n >\n ROUTER\n </div>\n </div>\n )\n}\n\nexport function TanStackRouterDevtools({\n initialIsOpen,\n panelProps = {},\n closeButtonProps = {},\n toggleButtonProps = {},\n position = 'bottom-left',\n containerElement: Container = 'footer',\n router,\n}: DevtoolsOptions): React.ReactElement | null {\n const rootRef = React.useRef<HTMLDivElement>(null)\n const panelRef = React.useRef<HTMLDivElement>(null)\n const [isOpen, setIsOpen] = useLocalStorage(\n 'tanstackRouterDevtoolsOpen',\n initialIsOpen,\n )\n const [devtoolsHeight, setDevtoolsHeight] = useLocalStorage<number | null>(\n 'tanstackRouterDevtoolsHeight',\n null,\n )\n const [isResolvedOpen, setIsResolvedOpen] = useSafeState(false)\n const [isResizing, setIsResizing] = useSafeState(false)\n const isMounted = useIsMounted()\n\n const handleDragStart = (\n panelElement: HTMLDivElement | null,\n startEvent: React.MouseEvent<HTMLDivElement, MouseEvent>,\n ) => {\n if (startEvent.button !== 0) return // Only allow left click for drag\n\n setIsResizing(true)\n\n const dragInfo = {\n originalHeight: panelElement?.getBoundingClientRect().height ?? 0,\n pageY: startEvent.pageY,\n }\n\n const run = (moveEvent: MouseEvent) => {\n const delta = dragInfo.pageY - moveEvent.pageY\n const newHeight = dragInfo?.originalHeight + delta\n\n setDevtoolsHeight(newHeight)\n\n if (newHeight < 70) {\n setIsOpen(false)\n } else {\n setIsOpen(true)\n }\n }\n\n const unsub = () => {\n setIsResizing(false)\n document.removeEventListener('mousemove', run)\n document.removeEventListener('mouseUp', unsub)\n }\n\n document.addEventListener('mousemove', run)\n document.addEventListener('mouseup', unsub)\n }\n\n React.useEffect(() => {\n setIsResolvedOpen(isOpen ?? false)\n }, [isOpen, isResolvedOpen, setIsResolvedOpen])\n\n // Toggle panel visibility before/after transition (depending on direction).\n // Prevents focusing in a closed panel.\n React.useEffect(() => {\n const ref = panelRef.current\n\n if (ref) {\n const handlePanelTransitionStart = () => {\n if (ref && isResolvedOpen) {\n ref.style.visibility = 'visible'\n }\n }\n\n const handlePanelTransitionEnd = () => {\n if (ref && !isResolvedOpen) {\n ref.style.visibility = 'hidden'\n }\n }\n\n ref.addEventListener('transitionstart', handlePanelTransitionStart)\n ref.addEventListener('transitionend', handlePanelTransitionEnd)\n\n return () => {\n ref.removeEventListener('transitionstart', handlePanelTransitionStart)\n ref.removeEventListener('transitionend', handlePanelTransitionEnd)\n }\n }\n\n return\n }, [isResolvedOpen])\n\n React[isServer ? 'useEffect' : 'useLayoutEffect'](() => {\n if (isResolvedOpen) {\n const previousValue = rootRef.current?.parentElement?.style.paddingBottom\n\n const run = () => {\n const containerHeight = panelRef.current?.getBoundingClientRect().height\n if (rootRef.current?.parentElement) {\n rootRef.current.parentElement.style.paddingBottom = `${containerHeight}px`\n }\n }\n\n run()\n\n if (typeof window !== 'undefined') {\n window.addEventListener('resize', run)\n\n return () => {\n window.removeEventListener('resize', run)\n if (\n rootRef.current?.parentElement &&\n typeof previousValue === 'string'\n ) {\n rootRef.current.parentElement.style.paddingBottom = previousValue\n }\n }\n }\n }\n return\n }, [isResolvedOpen])\n\n const { style: panelStyle = {}, ...otherPanelProps } = panelProps\n\n const {\n style: closeButtonStyle = {},\n onClick: onCloseClick,\n ...otherCloseButtonProps\n } = closeButtonProps\n\n const {\n style: toggleButtonStyle = {},\n onClick: onToggleClick,\n ...otherToggleButtonProps\n } = toggleButtonProps\n\n // Do not render on the server\n if (!isMounted()) return null\n\n return (\n <Container ref={rootRef} className=\"TanStackRouterDevtools\">\n <ThemeProvider theme={theme}>\n <TanStackRouterDevtoolsPanel\n ref={panelRef as any}\n {...otherPanelProps}\n router={router}\n style={{\n position: 'fixed',\n bottom: '0',\n right: '0',\n zIndex: 99999,\n width: '100%',\n height: devtoolsHeight ?? 500,\n maxHeight: '90%',\n boxShadow: '0 0 20px rgba(0,0,0,.3)',\n borderTop: `1px solid ${theme.gray}`,\n transformOrigin: 'top',\n // visibility will be toggled after transitions, but set initial state here\n visibility: isOpen ? 'visible' : 'hidden',\n ...panelStyle,\n ...(isResizing\n ? {\n transition: `none`,\n }\n : { transition: `all .2s ease` }),\n ...(isResolvedOpen\n ? {\n opacity: 1,\n pointerEvents: 'all',\n transform: `translateY(0) scale(1)`,\n }\n : {\n opacity: 0,\n pointerEvents: 'none',\n transform: `translateY(15px) scale(1.02)`,\n }),\n }}\n isOpen={isResolvedOpen}\n setIsOpen={setIsOpen}\n handleDragStart={(e) => handleDragStart(panelRef.current, e)}\n />\n {isResolvedOpen ? (\n <Button\n type=\"button\"\n aria-label=\"Close TanStack Router Devtools\"\n {...(otherCloseButtonProps as any)}\n onClick={(e) => {\n setIsOpen(false)\n onCloseClick && onCloseClick(e)\n }}\n style={{\n position: 'fixed',\n zIndex: 99999,\n margin: '.5em',\n bottom: 0,\n ...(position === 'top-right'\n ? {\n right: '0',\n }\n : position === 'top-left'\n ? {\n left: '0',\n }\n : position === 'bottom-right'\n ? {\n right: '0',\n }\n : {\n left: '0',\n }),\n ...closeButtonStyle,\n }}\n >\n Close\n </Button>\n ) : null}\n </ThemeProvider>\n {!isResolvedOpen ? (\n <button\n type=\"button\"\n {...otherToggleButtonProps}\n aria-label=\"Open TanStack Router Devtools\"\n onClick={(e) => {\n setIsOpen(true)\n onToggleClick && onToggleClick(e)\n }}\n style={{\n appearance: 'none',\n background: 'none',\n border: 0,\n padding: 0,\n position: 'fixed',\n zIndex: 99999,\n display: 'inline-flex',\n fontSize: '1.5em',\n margin: '.5em',\n cursor: 'pointer',\n width: 'fit-content',\n ...(position === 'top-right'\n ? {\n top: '0',\n right: '0',\n }\n : position === 'top-left'\n ? {\n top: '0',\n left: '0',\n }\n : position === 'bottom-right'\n ? {\n bottom: '0',\n right: '0',\n }\n : {\n bottom: '0',\n left: '0',\n }),\n ...toggleButtonStyle,\n }}\n >\n <Logo aria-hidden />\n </button>\n ) : null}\n </Container>\n )\n}\n\nfunction RouteComp({\n route,\n isRoot,\n router,\n activeRouteId,\n activeMatchId,\n setActiveRouteId,\n setActiveMatchId,\n}: {\n route: AnyRootRoute | AnyRoute\n isRoot?: boolean\n router: AnyRouter\n activeRouteId: string | undefined\n activeMatchId: string | undefined\n setActiveRouteId: (id: string) => void\n setActiveMatchId: (id: string) => void\n}) {\n const matches = Object.values(router.state.matchesById)\n const match = router.state.matches.find((d) => d.routeId === route.id)\n\n return (\n <div>\n <div\n role=\"button\"\n aria-label={`Open match details for ${route.id}`}\n onClick={() => {\n if (match) {\n setActiveRouteId(activeRouteId === route.id ? '' : route.id)\n setActiveMatchId(match.id)\n }\n }}\n style={{\n display: 'flex',\n borderBottom: `solid 1px ${theme.grayAlt}`,\n cursor: match ? 'pointer' : 'default',\n alignItems: 'center',\n background:\n route.id === activeRouteId ? 'rgba(255,255,255,.1)' : undefined,\n }}\n >\n {isRoot ? null : (\n <div\n style={{\n flex: '0 0 auto',\n width: '.7rem',\n height: '.7rem',\n margin: '.5rem .75rem',\n alignItems: 'center',\n justifyContent: 'center',\n fontWeight: 'bold',\n borderRadius: '100%',\n transition: 'all .2s ease-out',\n background: getRouteStatusColor(matches, route, theme, router),\n opacity: match ? 1 : 0.3,\n }}\n />\n )}\n <Code\n style={{\n flex: '1 0 auto',\n display: 'flex',\n justifyContent: 'space-between',\n padding: '.25rem .5rem .25rem 0',\n paddingLeft: isRoot ? '.5rem' : 0,\n opacity: match ? 1 : 0.7,\n fontSize: '0.7rem',\n }}\n >\n <span>{route.path || trimPath(route.id)} </span>\n {match ? <span style={{ opacity: 0.3 }}>{match.id}</span> : null}\n </Code>\n </div>\n {(route.children as Route[])?.length ? (\n <div\n style={{\n marginLeft: isRoot ? 0 : '1rem',\n borderLeft: isRoot ? '' : `solid 1px ${theme.grayAlt}`,\n }}\n >\n {[...(route.children as Route[])]\n .sort((a, b) => {\n return a.rank - b.rank\n })\n .map((r) => (\n <RouteComp\n key={r.id}\n route={r}\n router={router}\n activeRouteId={activeRouteId}\n activeMatchId={activeMatchId}\n setActiveRouteId={setActiveRouteId}\n setActiveMatchId={setActiveMatchId}\n />\n ))}\n </div>\n ) : null}\n </div>\n )\n}\n\nexport const TanStackRouterDevtoolsPanel = React.forwardRef<\n HTMLDivElement,\n DevtoolsPanelOptions\n>(function TanStackRouterDevtoolsPanel(props, ref): React.ReactElement {\n const {\n isOpen = true,\n setIsOpen,\n handleDragStart,\n router: userRouter,\n ...panelProps\n } = props\n\n const routerContextValue = React.useContext(routerContext)\n const router = userRouter ?? routerContextValue\n\n invariant(\n router,\n '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.',\n )\n\n useStore(router.__store)\n\n const [showMatches, setShowMatches] = useLocalStorage(\n 'tanstackRouterDevtoolsShowMatches',\n true,\n )\n\n const [activeRouteId, setActiveRouteId] = useLocalStorage(\n 'tanstackRouterDevtoolsActiveRouteId',\n '',\n )\n const [activeMatchId, setActiveMatchId] = useLocalStorage(\n 'tanstackRouterDevtoolsActiveMatchId',\n '',\n )\n\n const activeMatch = React.useMemo(\n () =>\n router.state.matchesById[activeRouteId as any] ||\n router.state.matchesById[activeMatchId as any],\n [activeRouteId, activeMatchId],\n )\n\n const hasSearch = Object.keys(router.state.location.search || {}).length\n\n const preloadMatches = Object.values(router.state.matchesById).filter(\n (match) => {\n return (\n !router.state.matchIds.includes(match.id) &&\n !router.state.pendingMatchIds.includes(match.id)\n )\n },\n )\n\n // React.useEffect(() => {\n // const interval = setInterval(() => {\n // router.cleanMatches()\n // }, 1000)\n\n // return () => clearInterval(interval)\n // }, [router])\n\n return (\n <ThemeProvider theme={theme}>\n <Panel ref={ref} className=\"TanStackRouterDevtoolsPanel\" {...panelProps}>\n <style\n dangerouslySetInnerHTML={{\n __html: `\n\n .TanStackRouterDevtoolsPanel * {\n scrollbar-color: ${theme.backgroundAlt} ${theme.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: ${theme.backgroundAlt};\n }\n\n .TanStackRouterDevtoolsPanel *::-webkit-scrollbar-thumb, .TanStackRouterDevtoolsPanel scrollbar-thumb {\n background: ${theme.gray};\n border-radius: .5em;\n border: 3px solid ${theme.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 `,\n }}\n />\n <div\n style={{\n position: 'absolute',\n left: 0,\n top: 0,\n width: '100%',\n height: '4px',\n marginBottom: '-4px',\n cursor: 'row-resize',\n zIndex: 100000,\n }}\n onMouseDown={handleDragStart}\n ></div>\n <div\n style={{\n flex: '1 1 500px',\n minHeight: '40%',\n maxHeight: '100%',\n overflow: 'auto',\n borderRight: `1px solid ${theme.grayAlt}`,\n display: 'flex',\n flexDirection: 'column',\n }}\n >\n <div\n style={{\n display: 'flex',\n justifyContent: 'start',\n gap: '1rem',\n padding: '1rem',\n alignItems: 'center',\n background: theme.backgroundAlt,\n }}\n >\n <Logo aria-hidden />\n <div\n style={{\n fontSize: 'clamp(.8rem, 2vw, 1.3rem)',\n fontWeight: 'bold',\n }}\n >\n <span\n style={{\n fontWeight: 100,\n }}\n >\n Devtools\n </span>\n </div>\n </div>\n <div\n style={{\n overflowY: 'auto',\n flex: '1',\n }}\n >\n <div\n style={{\n padding: '.5em',\n }}\n >\n <Explorer\n label=\"Router\"\n value={router}\n defaultExpanded={{ state: {} as any, context: {} as any }}\n filterSubEntries={(subEntries) => {\n return subEntries.filter((d) => typeof d.value !== 'function')\n }}\n />\n </div>\n </div>\n </div>\n <div\n style={{\n flex: '1 1 500px',\n minHeight: '40%',\n maxHeight: '100%',\n overflow: 'auto',\n borderRight: `1px solid ${theme.grayAlt}`,\n display: 'flex',\n flexDirection: 'column',\n }}\n >\n <div\n style={{\n flex: '1 1 auto',\n overflowY: 'auto',\n }}\n >\n <div\n style={{\n padding: '.5em',\n background: theme.backgroundAlt,\n position: 'sticky',\n top: 0,\n zIndex: 1,\n display: 'flex',\n alignItems: 'center',\n gap: '.5rem',\n }}\n >\n <button\n type=\"button\"\n onClick={() => {\n setShowMatches(false)\n }}\n disabled={!showMatches}\n style={{\n appearance: 'none',\n opacity: showMatches ? 0.5 : 1,\n border: 0,\n background: 'transparent',\n color: 'inherit',\n cursor: 'pointer',\n }}\n >\n Routes\n </button>\n /\n <button\n type=\"button\"\n onClick={() => {\n setShowMatches(true)\n }}\n disabled={showMatches}\n style={{\n appearance: 'none',\n opacity: !showMatches ? 0.5 : 1,\n border: 0,\n background: 'transparent',\n color: 'inherit',\n cursor: 'pointer',\n }}\n >\n Matches\n </button>\n </div>\n {!showMatches ? (\n <RouteComp\n route={router.routeTree}\n router={router}\n isRoot\n activeRouteId={activeRouteId}\n activeMatchId={activeMatchId}\n setActiveRouteId={setActiveRouteId}\n setActiveMatchId={setActiveMatchId}\n />\n ) : (\n <div>\n {router.state.matches.map((match, i) => {\n return (\n <div\n key={match.routeId || i}\n role=\"button\"\n aria-label={`Open match details for ${match.routeId}`}\n onClick={() =>\n setActiveRouteId(\n activeRouteId === match.routeId ? '' : match.routeId,\n )\n }\n style={{\n display: 'flex',\n borderBottom: `solid 1px ${theme.grayAlt}`,\n cursor: 'pointer',\n alignItems: 'center',\n background:\n match === activeMatch\n ? 'rgba(255,255,255,.1)'\n : undefined,\n }}\n >\n <div\n style={{\n flex: '0 0 auto',\n width: '1.3rem',\n height: '1.3rem',\n marginLeft: '.25rem',\n background: getStatusColor(match, theme, router),\n alignItems: 'center',\n justifyContent: 'center',\n fontWeight: 'bold',\n borderRadius: '.25rem',\n transition: 'all .2s ease-out',\n }}\n />\n\n <Code\n style={{\n padding: '.5em',\n fontSize: '0.7rem',\n }}\n >\n {`${match.id}`}\n </Code>\n </div>\n )\n })}\n </div>\n )}\n </div>\n {preloadMatches?.length ? (\n <div\n style={{\n flex: '1 1 auto',\n overflowY: 'auto',\n maxHeight: '50%',\n }}\n >\n <div\n style={{\n padding: '.5em',\n background: theme.backgroundAlt,\n position: 'sticky',\n top: 0,\n zIndex: 1,\n display: 'flex',\n alignItems: 'center',\n gap: '.5rem',\n }}\n >\n Preloaded Matches\n </div>\n {preloadMatches.map((match) => {\n return (\n <div\n key={match.id}\n role=\"button\"\n aria-label={`Open match details for ${match.routeId}`}\n onClick={() =>\n setActiveMatchId(\n activeMatchId === match.id ? '' : match.id,\n )\n }\n style={{\n display: 'flex',\n borderBottom: `solid 1px ${theme.grayAlt}`,\n cursor: 'pointer',\n alignItems: 'center',\n background:\n match === activeMatch\n ? 'rgba(255,255,255,.1)'\n : undefined,\n }}\n >\n <div\n style={{\n flex: '0 0 auto',\n width: '1.3rem',\n height: '1.3rem',\n marginLeft: '.25rem',\n background: getStatusColor(match, theme, router),\n alignItems: 'center',\n justifyContent: 'center',\n fontWeight: 'bold',\n borderRadius: '.25rem',\n transition: 'all .2s ease-out',\n }}\n />\n\n <Code\n style={{\n padding: '.5em',\n fontSize: '0.7rem',\n }}\n >\n {`${match.id}`}\n </Code>\n </div>\n )\n })}\n </div>\n ) : null}\n </div>\n {activeMatch ? (\n <ActivePanel>\n <div\n style={{\n padding: '.5em',\n background: theme.backgroundAlt,\n position: 'sticky',\n top: 0,\n bottom: 0,\n zIndex: 1,\n }}\n >\n Match Details\n </div>\n <div>\n <table>\n <tbody>\n <tr>\n <td style={{ opacity: '.5' }}>ID</td>\n <td>\n <Code\n style={{\n lineHeight: '1.8em',\n }}\n >\n {JSON.stringify(activeMatch.id, null, 2)}\n </Code>\n </td>\n </tr>\n <tr>\n <td style={{ opacity: '.5' }}>Status</td>\n <td>{activeMatch.status}</td>\n </tr>\n {/* <tr>\n <td style={{ opacity: '.5' }}>Invalid</td>\n <td>{activeMatch.getIsInvalid().toString()}</td>\n </tr> */}\n <tr>\n <td style={{ opacity: '.5' }}>Last Updated</td>\n <td>\n {activeMatch.updatedAt\n ? new Date(\n activeMatch.updatedAt as number,\n ).toLocaleTimeString()\n : 'N/A'}\n </td>\n </tr>\n </tbody>\n </table>\n </div>\n {/* <div\n style={{\n background: theme.backgroundAlt,\n padding: '.5em',\n position: 'sticky',\n top: 0,\n bottom: 0,\n zIndex: 1,\n }}\n >\n Actions\n </div>\n <div\n style={{\n padding: '0.5em',\n }}\n >\n <Button\n type=\"button\"\n onClick={() => activeMatch.__store.setState(d => ({...d, status: 'pending'}))}\n style={{\n background: theme.gray,\n }}\n >\n Reload\n </Button>\n </div> */}\n <div\n style={{\n background: theme.backgroundAlt,\n padding: '.5em',\n position: 'sticky',\n top: 0,\n bottom: 0,\n zIndex: 1,\n }}\n >\n Explorer\n </div>\n <div\n style={{\n padding: '.5em',\n }}\n >\n <Explorer\n label=\"Match\"\n value={activeMatch}\n defaultExpanded={{}}\n />\n </div>\n </ActivePanel>\n ) : null}\n {hasSearch ? (\n <div\n style={{\n flex: '1 1 500px',\n minHeight: '40%',\n maxHeight: '100%',\n overflow: 'auto',\n borderRight: `1px solid ${theme.grayAlt}`,\n display: 'flex',\n flexDirection: 'column',\n }}\n >\n <div\n style={{\n padding: '.5em',\n background: theme.backgroundAlt,\n position: 'sticky',\n top: 0,\n bottom: 0,\n zIndex: 1,\n }}\n >\n Search Params\n </div>\n <div\n style={{\n padding: '.5em',\n }}\n >\n <Explorer\n value={router.state.location.search || {}}\n defaultExpanded={Object.keys(\n (router.state.location.search as {}) || {},\n ).reduce((obj: any, next) => {\n obj[next] = {}\n return obj\n }, {})}\n />\n </div>\n </div>\n ) : null}\n </Panel>\n </ThemeProvider>\n )\n})\n"],"names":["isServer","window","Logo","props","React","createElement","_extends","style","display","alignItems","flexDirection","fontSize","fontWeight","lineHeight","letterSpacing","backgroundImage","WebkitBackgroundClip","color","marginRight","TanStackRouterDevtools","initialIsOpen","panelProps","closeButtonProps","toggleButtonProps","position","containerElement","Container","router","rootRef","useRef","panelRef","isOpen","setIsOpen","useLocalStorage","devtoolsHeight","setDevtoolsHeight","isResolvedOpen","setIsResolvedOpen","useSafeState","isResizing","setIsResizing","isMounted","useIsMounted","handleDragStart","panelElement","startEvent","button","dragInfo","originalHeight","getBoundingClientRect","height","pageY","run","moveEvent","delta","newHeight","unsub","document","removeEventListener","addEventListener","useEffect","ref","current","handlePanelTransitionStart","visibility","handlePanelTransitionEnd","previousValue","parentElement","paddingBottom","containerHeight","panelStyle","otherPanelProps","closeButtonStyle","onClick","onCloseClick","otherCloseButtonProps","toggleButtonStyle","onToggleClick","otherToggleButtonProps","className","ThemeProvider","theme","TanStackRouterDevtoolsPanel","bottom","right","zIndex","width","maxHeight","boxShadow","borderTop","gray","transformOrigin","transition","opacity","pointerEvents","transform","e","Button","type","margin","left","appearance","background","border","padding","cursor","top","RouteComp","route","isRoot","activeRouteId","activeMatchId","setActiveRouteId","setActiveMatchId","matches","Object","values","state","matchesById","match","find","d","routeId","id","role","borderBottom","grayAlt","undefined","flex","justifyContent","borderRadius","getRouteStatusColor","Code","paddingLeft","path","trimPath","children","length","marginLeft","borderLeft","sort","a","b","rank","map","r","key","forwardRef","userRouter","routerContextValue","useContext","routerContext","invariant","useStore","__store","showMatches","setShowMatches","activeMatch","useMemo","hasSearch","keys","location","search","preloadMatches","filter","matchIds","includes","pendingMatchIds","Panel","dangerouslySetInnerHTML","__html","backgroundAlt","marginBottom","onMouseDown","minHeight","overflow","borderRight","gap","overflowY","Explorer","label","value","defaultExpanded","context","filterSubEntries","subEntries","disabled","routeTree","i","getStatusColor","ActivePanel","JSON","stringify","status","updatedAt","Date","toLocaleTimeString","reduce","obj","next"],"mappings":"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"}
1
+ {"version":3,"file":"devtools.js","sources":["../../src/devtools.tsx"],"sourcesContent":["import React from 'react'\nimport {\n last,\n routerContext,\n invariant,\n AnyRouter,\n useStore,\n Route,\n AnyRoute,\n AnyRootRoute,\n RouteMatch,\n trimPath,\n useRouterState,\n} from '@tanstack/react-router'\n\nimport useLocalStorage from './useLocalStorage'\nimport {\n getRouteStatusColor,\n getStatusColor,\n useIsMounted,\n useSafeState,\n} from './utils'\nimport { Panel, Button, Code, ActivePanel } from './styledComponents'\nimport { ThemeProvider, defaultTheme as theme } from './theme'\n// import { getQueryStatusLabel, getQueryStatusColor } from './utils'\nimport Explorer from './Explorer'\n\nexport type PartialKeys<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>\n\ninterface DevtoolsOptions {\n /**\n * Set this true if you want the dev tools to default to being open\n */\n initialIsOpen?: boolean\n /**\n * Use this to add props to the panel. For example, you can add className, style (merge and override default style), etc.\n */\n panelProps?: React.DetailedHTMLProps<\n React.HTMLAttributes<HTMLDivElement>,\n HTMLDivElement\n >\n /**\n * Use this to add props to the close button. For example, you can add className, style (merge and override default style), onClick (extend default handler), etc.\n */\n closeButtonProps?: React.DetailedHTMLProps<\n React.ButtonHTMLAttributes<HTMLButtonElement>,\n HTMLButtonElement\n >\n /**\n * Use this to add props to the toggle button. For example, you can add className, style (merge and override default style), onClick (extend default handler), etc.\n */\n toggleButtonProps?: React.DetailedHTMLProps<\n React.ButtonHTMLAttributes<HTMLButtonElement>,\n HTMLButtonElement\n >\n /**\n * The position of the TanStack Router logo to open and close the devtools panel.\n * Defaults to 'bottom-left'.\n */\n position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'\n /**\n * Use this to render the devtools inside a different type of container element for a11y purposes.\n * Any string which corresponds to a valid intrinsic JSX element is allowed.\n * Defaults to 'footer'.\n */\n containerElement?: string | any\n /**\n * A boolean variable indicating if the \"lite\" version of the library is being used\n */\n router?: AnyRouter\n}\n\ninterface DevtoolsPanelOptions {\n /**\n * The standard React style object used to style a component with inline styles\n */\n style?: React.CSSProperties\n /**\n * The standard React className property used to style a component with classes\n */\n className?: string\n /**\n * A boolean variable indicating whether the panel is open or closed\n */\n isOpen?: boolean\n /**\n * A function that toggles the open and close state of the panel\n */\n setIsOpen: (isOpen: boolean) => void\n /**\n * Handles the opening and closing the devtools panel\n */\n handleDragStart: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void\n /**\n * A boolean variable indicating if the \"lite\" version of the library is being used\n */\n router?: AnyRouter\n}\n\nconst isServer = typeof window === 'undefined'\n\nfunction Logo(props: React.HTMLProps<HTMLDivElement>) {\n return (\n <div\n {...props}\n style={{\n ...(props.style ?? {}),\n display: 'flex',\n alignItems: 'center',\n flexDirection: 'column',\n fontSize: '0.8rem',\n fontWeight: 'bolder',\n lineHeight: '1',\n }}\n >\n <div\n style={{\n letterSpacing: '-0.05rem',\n }}\n >\n TANSTACK\n </div>\n <div\n style={{\n backgroundImage:\n 'linear-gradient(to right, var(--tw-gradient-stops))',\n // @ts-ignore\n '--tw-gradient-from': '#84cc16',\n '--tw-gradient-stops':\n 'var(--tw-gradient-from), var(--tw-gradient-to)',\n '--tw-gradient-to': '#10b981',\n WebkitBackgroundClip: 'text',\n color: 'transparent',\n letterSpacing: '0.1rem',\n marginRight: '-0.2rem',\n }}\n >\n ROUTER\n </div>\n </div>\n )\n}\n\nexport function TanStackRouterDevtools({\n initialIsOpen,\n panelProps = {},\n closeButtonProps = {},\n toggleButtonProps = {},\n position = 'bottom-left',\n containerElement: Container = 'footer',\n router,\n}: DevtoolsOptions): React.ReactElement | null {\n const rootRef = React.useRef<HTMLDivElement>(null)\n const panelRef = React.useRef<HTMLDivElement>(null)\n const [isOpen, setIsOpen] = useLocalStorage(\n 'tanstackRouterDevtoolsOpen',\n initialIsOpen,\n )\n const [devtoolsHeight, setDevtoolsHeight] = useLocalStorage<number | null>(\n 'tanstackRouterDevtoolsHeight',\n null,\n )\n const [isResolvedOpen, setIsResolvedOpen] = useSafeState(false)\n const [isResizing, setIsResizing] = useSafeState(false)\n const isMounted = useIsMounted()\n\n const handleDragStart = (\n panelElement: HTMLDivElement | null,\n startEvent: React.MouseEvent<HTMLDivElement, MouseEvent>,\n ) => {\n if (startEvent.button !== 0) return // Only allow left click for drag\n\n setIsResizing(true)\n\n const dragInfo = {\n originalHeight: panelElement?.getBoundingClientRect().height ?? 0,\n pageY: startEvent.pageY,\n }\n\n const run = (moveEvent: MouseEvent) => {\n const delta = dragInfo.pageY - moveEvent.pageY\n const newHeight = dragInfo?.originalHeight + delta\n\n setDevtoolsHeight(newHeight)\n\n if (newHeight < 70) {\n setIsOpen(false)\n } else {\n setIsOpen(true)\n }\n }\n\n const unsub = () => {\n setIsResizing(false)\n document.removeEventListener('mousemove', run)\n document.removeEventListener('mouseUp', unsub)\n }\n\n document.addEventListener('mousemove', run)\n document.addEventListener('mouseup', unsub)\n }\n\n React.useEffect(() => {\n setIsResolvedOpen(isOpen ?? false)\n }, [isOpen, isResolvedOpen, setIsResolvedOpen])\n\n // Toggle panel visibility before/after transition (depending on direction).\n // Prevents focusing in a closed panel.\n React.useEffect(() => {\n const ref = panelRef.current\n\n if (ref) {\n const handlePanelTransitionStart = () => {\n if (ref && isResolvedOpen) {\n ref.style.visibility = 'visible'\n }\n }\n\n const handlePanelTransitionEnd = () => {\n if (ref && !isResolvedOpen) {\n ref.style.visibility = 'hidden'\n }\n }\n\n ref.addEventListener('transitionstart', handlePanelTransitionStart)\n ref.addEventListener('transitionend', handlePanelTransitionEnd)\n\n return () => {\n ref.removeEventListener('transitionstart', handlePanelTransitionStart)\n ref.removeEventListener('transitionend', handlePanelTransitionEnd)\n }\n }\n\n return\n }, [isResolvedOpen])\n\n React[isServer ? 'useEffect' : 'useLayoutEffect'](() => {\n if (isResolvedOpen) {\n const previousValue = rootRef.current?.parentElement?.style.paddingBottom\n\n const run = () => {\n const containerHeight = panelRef.current?.getBoundingClientRect().height\n if (rootRef.current?.parentElement) {\n rootRef.current.parentElement.style.paddingBottom = `${containerHeight}px`\n }\n }\n\n run()\n\n if (typeof window !== 'undefined') {\n window.addEventListener('resize', run)\n\n return () => {\n window.removeEventListener('resize', run)\n if (\n rootRef.current?.parentElement &&\n typeof previousValue === 'string'\n ) {\n rootRef.current.parentElement.style.paddingBottom = previousValue\n }\n }\n }\n }\n return\n }, [isResolvedOpen])\n\n const { style: panelStyle = {}, ...otherPanelProps } = panelProps\n\n const {\n style: closeButtonStyle = {},\n onClick: onCloseClick,\n ...otherCloseButtonProps\n } = closeButtonProps\n\n const {\n style: toggleButtonStyle = {},\n onClick: onToggleClick,\n ...otherToggleButtonProps\n } = toggleButtonProps\n\n // Do not render on the server\n if (!isMounted()) return null\n\n return (\n <Container ref={rootRef} className=\"TanStackRouterDevtools\">\n <ThemeProvider theme={theme}>\n <TanStackRouterDevtoolsPanel\n ref={panelRef as any}\n {...otherPanelProps}\n router={router}\n style={{\n position: 'fixed',\n bottom: '0',\n right: '0',\n zIndex: 99999,\n width: '100%',\n height: devtoolsHeight ?? 500,\n maxHeight: '90%',\n boxShadow: '0 0 20px rgba(0,0,0,.3)',\n borderTop: `1px solid ${theme.gray}`,\n transformOrigin: 'top',\n // visibility will be toggled after transitions, but set initial state here\n visibility: isOpen ? 'visible' : 'hidden',\n ...panelStyle,\n ...(isResizing\n ? {\n transition: `none`,\n }\n : { transition: `all .2s ease` }),\n ...(isResolvedOpen\n ? {\n opacity: 1,\n pointerEvents: 'all',\n transform: `translateY(0) scale(1)`,\n }\n : {\n opacity: 0,\n pointerEvents: 'none',\n transform: `translateY(15px) scale(1.02)`,\n }),\n }}\n isOpen={isResolvedOpen}\n setIsOpen={setIsOpen}\n handleDragStart={(e) => handleDragStart(panelRef.current, e)}\n />\n {isResolvedOpen ? (\n <Button\n type=\"button\"\n aria-label=\"Close TanStack Router Devtools\"\n {...(otherCloseButtonProps as any)}\n onClick={(e) => {\n setIsOpen(false)\n onCloseClick && onCloseClick(e)\n }}\n style={{\n position: 'fixed',\n zIndex: 99999,\n margin: '.5em',\n bottom: 0,\n ...(position === 'top-right'\n ? {\n right: '0',\n }\n : position === 'top-left'\n ? {\n left: '0',\n }\n : position === 'bottom-right'\n ? {\n right: '0',\n }\n : {\n left: '0',\n }),\n ...closeButtonStyle,\n }}\n >\n Close\n </Button>\n ) : null}\n </ThemeProvider>\n {!isResolvedOpen ? (\n <button\n type=\"button\"\n {...otherToggleButtonProps}\n aria-label=\"Open TanStack Router Devtools\"\n onClick={(e) => {\n setIsOpen(true)\n onToggleClick && onToggleClick(e)\n }}\n style={{\n appearance: 'none',\n background: 'none',\n border: 0,\n padding: 0,\n position: 'fixed',\n zIndex: 99999,\n display: 'inline-flex',\n fontSize: '1.5em',\n margin: '.5em',\n cursor: 'pointer',\n width: 'fit-content',\n ...(position === 'top-right'\n ? {\n top: '0',\n right: '0',\n }\n : position === 'top-left'\n ? {\n top: '0',\n left: '0',\n }\n : position === 'bottom-right'\n ? {\n bottom: '0',\n right: '0',\n }\n : {\n bottom: '0',\n left: '0',\n }),\n ...toggleButtonStyle,\n }}\n >\n <Logo aria-hidden />\n </button>\n ) : null}\n </Container>\n )\n}\n\nfunction RouteComp({\n route,\n isRoot,\n router,\n activeRouteId,\n activeMatchId,\n setActiveRouteId,\n setActiveMatchId,\n}: {\n route: AnyRootRoute | AnyRoute\n isRoot?: boolean\n router: AnyRouter\n activeRouteId: string | undefined\n activeMatchId: string | undefined\n setActiveRouteId: (id: string) => void\n setActiveMatchId: (id: string) => void\n}) {\n const matches = Object.values(router.state.matchesById)\n const match = router.state.matches.find((d) => d.routeId === route.id)\n\n return (\n <div>\n <div\n role=\"button\"\n aria-label={`Open match details for ${route.id}`}\n onClick={() => {\n if (match) {\n setActiveRouteId(activeRouteId === route.id ? '' : route.id)\n setActiveMatchId(match.id)\n }\n }}\n style={{\n display: 'flex',\n borderBottom: `solid 1px ${theme.grayAlt}`,\n cursor: match ? 'pointer' : 'default',\n alignItems: 'center',\n background:\n route.id === activeRouteId ? 'rgba(255,255,255,.1)' : undefined,\n }}\n >\n {isRoot ? null : (\n <div\n style={{\n flex: '0 0 auto',\n width: '.7rem',\n height: '.7rem',\n margin: '.5rem .75rem',\n alignItems: 'center',\n justifyContent: 'center',\n fontWeight: 'bold',\n borderRadius: '100%',\n transition: 'all .2s ease-out',\n background: getRouteStatusColor(matches, route, theme),\n opacity: match ? 1 : 0.3,\n }}\n />\n )}\n <Code\n style={{\n flex: '1 0 auto',\n display: 'flex',\n justifyContent: 'space-between',\n padding: '.25rem .5rem .25rem 0',\n paddingLeft: isRoot ? '.5rem' : 0,\n opacity: match ? 1 : 0.7,\n fontSize: '0.7rem',\n }}\n >\n <span>{route.path || trimPath(route.id)} </span>\n {match ? <span style={{ opacity: 0.3 }}>{match.id}</span> : null}\n </Code>\n </div>\n {(route.children as Route[])?.length ? (\n <div\n style={{\n marginLeft: isRoot ? 0 : '1rem',\n borderLeft: isRoot ? '' : `solid 1px ${theme.grayAlt}`,\n }}\n >\n {[...(route.children as Route[])]\n .sort((a, b) => {\n return a.rank - b.rank\n })\n .map((r) => (\n <RouteComp\n key={r.id}\n route={r}\n router={router}\n activeRouteId={activeRouteId}\n activeMatchId={activeMatchId}\n setActiveRouteId={setActiveRouteId}\n setActiveMatchId={setActiveMatchId}\n />\n ))}\n </div>\n ) : null}\n </div>\n )\n}\n\nexport const TanStackRouterDevtoolsPanel = React.forwardRef<\n HTMLDivElement,\n DevtoolsPanelOptions\n>(function TanStackRouterDevtoolsPanel(props, ref): React.ReactElement {\n const {\n isOpen = true,\n setIsOpen,\n handleDragStart,\n router: userRouter,\n ...panelProps\n } = props\n\n const routerContextValue = React.useContext(routerContext)\n const router = userRouter ?? routerContextValue\n\n invariant(\n router,\n '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.',\n )\n\n useStore(router.__store)\n\n const [showMatches, setShowMatches] = useLocalStorage(\n 'tanstackRouterDevtoolsShowMatches',\n true,\n )\n\n const [activeRouteId, setActiveRouteId] = useLocalStorage(\n 'tanstackRouterDevtoolsActiveRouteId',\n '',\n )\n const [activeMatchId, setActiveMatchId] = useLocalStorage(\n 'tanstackRouterDevtoolsActiveMatchId',\n '',\n )\n\n const activeMatch = React.useMemo(\n () =>\n router.state.matchesById[activeRouteId as any] ||\n router.state.matchesById[activeMatchId as any],\n [activeRouteId, activeMatchId],\n )\n\n const hasSearch = Object.keys(router.state.location.search || {}).length\n\n const preloadMatches = Object.values(router.state.matchesById).filter(\n (match) => {\n return (\n !router.state.matchIds.includes(match.id) &&\n !router.state.pendingMatchIds.includes(match.id)\n )\n },\n )\n\n // React.useEffect(() => {\n // const interval = setInterval(() => {\n // router.cleanMatches()\n // }, 1000)\n\n // return () => clearInterval(interval)\n // }, [router])\n\n return (\n <ThemeProvider theme={theme}>\n <Panel ref={ref} className=\"TanStackRouterDevtoolsPanel\" {...panelProps}>\n <style\n dangerouslySetInnerHTML={{\n __html: `\n\n .TanStackRouterDevtoolsPanel * {\n scrollbar-color: ${theme.backgroundAlt} ${theme.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: ${theme.backgroundAlt};\n }\n\n .TanStackRouterDevtoolsPanel *::-webkit-scrollbar-thumb, .TanStackRouterDevtoolsPanel scrollbar-thumb {\n background: ${theme.gray};\n border-radius: .5em;\n border: 3px solid ${theme.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 `,\n }}\n />\n <div\n style={{\n position: 'absolute',\n left: 0,\n top: 0,\n width: '100%',\n height: '4px',\n marginBottom: '-4px',\n cursor: 'row-resize',\n zIndex: 100000,\n }}\n onMouseDown={handleDragStart}\n ></div>\n <div\n style={{\n flex: '1 1 500px',\n minHeight: '40%',\n maxHeight: '100%',\n overflow: 'auto',\n borderRight: `1px solid ${theme.grayAlt}`,\n display: 'flex',\n flexDirection: 'column',\n }}\n >\n <div\n style={{\n display: 'flex',\n justifyContent: 'start',\n gap: '1rem',\n padding: '1rem',\n alignItems: 'center',\n background: theme.backgroundAlt,\n }}\n >\n <Logo aria-hidden />\n <div\n style={{\n fontSize: 'clamp(.8rem, 2vw, 1.3rem)',\n fontWeight: 'bold',\n }}\n >\n <span\n style={{\n fontWeight: 100,\n }}\n >\n Devtools\n </span>\n </div>\n </div>\n <div\n style={{\n overflowY: 'auto',\n flex: '1',\n }}\n >\n <div\n style={{\n padding: '.5em',\n }}\n >\n <Explorer\n label=\"Router\"\n value={router}\n defaultExpanded={{ state: {} as any, context: {} as any }}\n filterSubEntries={(subEntries) => {\n return subEntries.filter((d) => typeof d.value !== 'function')\n }}\n />\n </div>\n </div>\n </div>\n <div\n style={{\n flex: '1 1 500px',\n minHeight: '40%',\n maxHeight: '100%',\n overflow: 'auto',\n borderRight: `1px solid ${theme.grayAlt}`,\n display: 'flex',\n flexDirection: 'column',\n }}\n >\n <div\n style={{\n flex: '1 1 auto',\n overflowY: 'auto',\n }}\n >\n <div\n style={{\n padding: '.5em',\n background: theme.backgroundAlt,\n position: 'sticky',\n top: 0,\n zIndex: 1,\n display: 'flex',\n alignItems: 'center',\n gap: '.5rem',\n }}\n >\n <button\n type=\"button\"\n onClick={() => {\n setShowMatches(false)\n }}\n disabled={!showMatches}\n style={{\n appearance: 'none',\n opacity: showMatches ? 0.5 : 1,\n border: 0,\n background: 'transparent',\n color: 'inherit',\n cursor: 'pointer',\n }}\n >\n Routes\n </button>\n /\n <button\n type=\"button\"\n onClick={() => {\n setShowMatches(true)\n }}\n disabled={showMatches}\n style={{\n appearance: 'none',\n opacity: !showMatches ? 0.5 : 1,\n border: 0,\n background: 'transparent',\n color: 'inherit',\n cursor: 'pointer',\n }}\n >\n Matches\n </button>\n </div>\n {!showMatches ? (\n <RouteComp\n route={router.routeTree}\n router={router}\n isRoot\n activeRouteId={activeRouteId}\n activeMatchId={activeMatchId}\n setActiveRouteId={setActiveRouteId}\n setActiveMatchId={setActiveMatchId}\n />\n ) : (\n <div>\n {router.state.matches.map((match, i) => {\n return (\n <div\n key={match.routeId || i}\n role=\"button\"\n aria-label={`Open match details for ${match.routeId}`}\n onClick={() =>\n setActiveRouteId(\n activeRouteId === match.routeId ? '' : match.routeId,\n )\n }\n style={{\n display: 'flex',\n borderBottom: `solid 1px ${theme.grayAlt}`,\n cursor: 'pointer',\n alignItems: 'center',\n background:\n match === activeMatch\n ? 'rgba(255,255,255,.1)'\n : undefined,\n }}\n >\n <div\n style={{\n flex: '0 0 auto',\n width: '1.3rem',\n height: '1.3rem',\n marginLeft: '.25rem',\n background: getStatusColor(match, theme),\n alignItems: 'center',\n justifyContent: 'center',\n fontWeight: 'bold',\n borderRadius: '.25rem',\n transition: 'all .2s ease-out',\n }}\n />\n\n <Code\n style={{\n padding: '.5em',\n fontSize: '0.7rem',\n }}\n >\n {`${match.id}`}\n </Code>\n </div>\n )\n })}\n </div>\n )}\n </div>\n {preloadMatches?.length ? (\n <div\n style={{\n flex: '1 1 auto',\n overflowY: 'auto',\n maxHeight: '50%',\n }}\n >\n <div\n style={{\n padding: '.5em',\n background: theme.backgroundAlt,\n position: 'sticky',\n top: 0,\n zIndex: 1,\n display: 'flex',\n alignItems: 'center',\n gap: '.5rem',\n }}\n >\n Preloaded Matches\n </div>\n {preloadMatches.map((match) => {\n return (\n <div\n key={match.id}\n role=\"button\"\n aria-label={`Open match details for ${match.routeId}`}\n onClick={() =>\n setActiveMatchId(\n activeMatchId === match.id ? '' : match.id,\n )\n }\n style={{\n display: 'flex',\n borderBottom: `solid 1px ${theme.grayAlt}`,\n cursor: 'pointer',\n alignItems: 'center',\n background:\n match === activeMatch\n ? 'rgba(255,255,255,.1)'\n : undefined,\n }}\n >\n <div\n style={{\n flex: '0 0 auto',\n width: '1.3rem',\n height: '1.3rem',\n marginLeft: '.25rem',\n background: getStatusColor(match, theme),\n alignItems: 'center',\n justifyContent: 'center',\n fontWeight: 'bold',\n borderRadius: '.25rem',\n transition: 'all .2s ease-out',\n }}\n />\n\n <Code\n style={{\n padding: '.5em',\n fontSize: '0.7rem',\n }}\n >\n {`${match.id}`}\n </Code>\n </div>\n )\n })}\n </div>\n ) : null}\n </div>\n {activeMatch ? (\n <ActivePanel>\n <div\n style={{\n padding: '.5em',\n background: theme.backgroundAlt,\n position: 'sticky',\n top: 0,\n bottom: 0,\n zIndex: 1,\n }}\n >\n Match Details\n </div>\n <div>\n <table>\n <tbody>\n <tr>\n <td style={{ opacity: '.5' }}>ID</td>\n <td>\n <Code\n style={{\n lineHeight: '1.8em',\n }}\n >\n {JSON.stringify(activeMatch.id, null, 2)}\n </Code>\n </td>\n </tr>\n <tr>\n <td style={{ opacity: '.5' }}>Status</td>\n <td>{activeMatch.status}</td>\n </tr>\n {/* <tr>\n <td style={{ opacity: '.5' }}>Invalid</td>\n <td>{activeMatch.getIsInvalid().toString()}</td>\n </tr> */}\n <tr>\n <td style={{ opacity: '.5' }}>Last Updated</td>\n <td>\n {activeMatch.updatedAt\n ? new Date(\n activeMatch.updatedAt as number,\n ).toLocaleTimeString()\n : 'N/A'}\n </td>\n </tr>\n </tbody>\n </table>\n </div>\n {/* <div\n style={{\n background: theme.backgroundAlt,\n padding: '.5em',\n position: 'sticky',\n top: 0,\n bottom: 0,\n zIndex: 1,\n }}\n >\n Actions\n </div>\n <div\n style={{\n padding: '0.5em',\n }}\n >\n <Button\n type=\"button\"\n onClick={() => activeMatch.__store.setState(d => ({...d, status: 'pending'}))}\n style={{\n background: theme.gray,\n }}\n >\n Reload\n </Button>\n </div> */}\n <div\n style={{\n background: theme.backgroundAlt,\n padding: '.5em',\n position: 'sticky',\n top: 0,\n bottom: 0,\n zIndex: 1,\n }}\n >\n Explorer\n </div>\n <div\n style={{\n padding: '.5em',\n }}\n >\n <Explorer\n label=\"Match\"\n value={activeMatch}\n defaultExpanded={{}}\n />\n </div>\n </ActivePanel>\n ) : null}\n {hasSearch ? (\n <div\n style={{\n flex: '1 1 500px',\n minHeight: '40%',\n maxHeight: '100%',\n overflow: 'auto',\n borderRight: `1px solid ${theme.grayAlt}`,\n display: 'flex',\n flexDirection: 'column',\n }}\n >\n <div\n style={{\n padding: '.5em',\n background: theme.backgroundAlt,\n position: 'sticky',\n top: 0,\n bottom: 0,\n zIndex: 1,\n }}\n >\n Search Params\n </div>\n <div\n style={{\n padding: '.5em',\n }}\n >\n <Explorer\n value={router.state.location.search || {}}\n defaultExpanded={Object.keys(\n (router.state.location.search as {}) || {},\n ).reduce((obj: any, next) => {\n obj[next] = {}\n return obj\n }, {})}\n />\n </div>\n </div>\n ) : null}\n </Panel>\n </ThemeProvider>\n )\n})\n"],"names":["isServer","window","Logo","props","React","createElement","_extends","style","display","alignItems","flexDirection","fontSize","fontWeight","lineHeight","letterSpacing","backgroundImage","WebkitBackgroundClip","color","marginRight","TanStackRouterDevtools","initialIsOpen","panelProps","closeButtonProps","toggleButtonProps","position","containerElement","Container","router","rootRef","useRef","panelRef","isOpen","setIsOpen","useLocalStorage","devtoolsHeight","setDevtoolsHeight","isResolvedOpen","setIsResolvedOpen","useSafeState","isResizing","setIsResizing","isMounted","useIsMounted","handleDragStart","panelElement","startEvent","button","dragInfo","originalHeight","getBoundingClientRect","height","pageY","run","moveEvent","delta","newHeight","unsub","document","removeEventListener","addEventListener","useEffect","ref","current","handlePanelTransitionStart","visibility","handlePanelTransitionEnd","previousValue","parentElement","paddingBottom","containerHeight","panelStyle","otherPanelProps","closeButtonStyle","onClick","onCloseClick","otherCloseButtonProps","toggleButtonStyle","onToggleClick","otherToggleButtonProps","className","ThemeProvider","theme","TanStackRouterDevtoolsPanel","bottom","right","zIndex","width","maxHeight","boxShadow","borderTop","gray","transformOrigin","transition","opacity","pointerEvents","transform","e","Button","type","margin","left","appearance","background","border","padding","cursor","top","RouteComp","route","isRoot","activeRouteId","activeMatchId","setActiveRouteId","setActiveMatchId","matches","Object","values","state","matchesById","match","find","d","routeId","id","role","borderBottom","grayAlt","undefined","flex","justifyContent","borderRadius","getRouteStatusColor","Code","paddingLeft","path","trimPath","children","length","marginLeft","borderLeft","sort","a","b","rank","map","r","key","forwardRef","userRouter","routerContextValue","useContext","routerContext","invariant","useStore","__store","showMatches","setShowMatches","activeMatch","useMemo","hasSearch","keys","location","search","preloadMatches","filter","matchIds","includes","pendingMatchIds","Panel","dangerouslySetInnerHTML","__html","backgroundAlt","marginBottom","onMouseDown","minHeight","overflow","borderRight","gap","overflowY","Explorer","label","value","defaultExpanded","context","filterSubEntries","subEntries","disabled","routeTree","i","getStatusColor","ActivePanel","JSON","stringify","status","updatedAt","Date","toLocaleTimeString","reduce","obj","next"],"mappings":"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"}
package/build/cjs/utils.js CHANGED
@@ -22,10 +22,10 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
22
22
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
23
23
 
24
24
  const isServer = typeof window === 'undefined';
25
- function getStatusColor(match, theme, router) {
25
+ function getStatusColor(match, theme) {
26
26
  return match.status === 'pending' || match.isFetching ? theme.active : reactRouter.isMatchInvalid(match) ? theme.warning : match.status === 'error' ? theme.danger : match.status === 'success' ? theme.success : theme.gray;
27
27
  }
28
- function getRouteStatusColor(matches, route, theme, router) {
28
+ function getRouteStatusColor(matches, route, theme) {
29
29
  const found = matches.find(d => d.routeId === route.id);
30
30
  if (!found) return theme.gray;
31
31
  return getStatusColor(found, theme);
package/build/cjs/utils.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"utils.js","sources":["../../src/utils.ts"],"sourcesContent":["import React from 'react'\nimport {\n AnyRootRoute,\n AnyRoute,\n AnyRouteMatch,\n AnyRouter,\n isMatchInvalid,\n} from '@tanstack/react-router'\n\nimport { Theme, useTheme } from './theme'\nimport useMediaQuery from './useMediaQuery'\n\nexport const isServer = typeof window === 'undefined'\n\ntype StyledComponent<T> = T extends 'button'\n ? React.DetailedHTMLProps<\n React.ButtonHTMLAttributes<HTMLButtonElement>,\n HTMLButtonElement\n >\n : T extends 'input'\n ? React.DetailedHTMLProps<\n React.InputHTMLAttributes<HTMLInputElement>,\n HTMLInputElement\n >\n : T extends 'select'\n ? React.DetailedHTMLProps<\n React.SelectHTMLAttributes<HTMLSelectElement>,\n HTMLSelectElement\n >\n : T extends keyof HTMLElementTagNameMap\n ? React.HTMLAttributes<HTMLElementTagNameMap[T]>\n : never\n\nexport function getStatusColor(\n match: AnyRouteMatch,\n theme: Theme,\n router: AnyRouter,\n) {\n return match.status === 'pending' || match.isFetching\n ? theme.active\n : isMatchInvalid(match)\n ? theme.warning\n : match.status === 'error'\n ? theme.danger\n : match.status === 'success'\n ? theme.success\n : theme.gray\n}\n\nexport function getRouteStatusColor(\n matches: AnyRouteMatch[],\n route: AnyRoute | AnyRootRoute,\n theme: Theme,\n router: AnyRouter,\n) {\n const found = matches.find((d) => d.routeId === route.id)\n if (!found) return theme.gray\n return getStatusColor(found, theme, router)\n}\n\ntype Styles =\n | React.CSSProperties\n | ((props: Record<string, any>, theme: Theme) => React.CSSProperties)\n\nexport function styled<T extends keyof HTMLElementTagNameMap>(\n type: T,\n newStyles: Styles,\n queries: Record<string, Styles> = {},\n) {\n return React.forwardRef<HTMLElementTagNameMap[T], StyledComponent<T>>(\n ({ style, ...rest }, ref) => {\n const theme = useTheme()\n\n const mediaStyles = Object.entries(queries).reduce(\n (current, [key, value]) => {\n // eslint-disable-next-line react-hooks/rules-of-hooks\n return useMediaQuery(key)\n ? {\n ...current,\n ...(typeof value === 'function' ? value(rest, theme) : value),\n }\n : current\n },\n {},\n )\n\n return React.createElement(type, {\n ...rest,\n style: {\n ...(typeof newStyles === 'function'\n ? newStyles(rest, theme)\n : newStyles),\n ...style,\n ...mediaStyles,\n },\n ref,\n })\n },\n )\n}\n\nexport function useIsMounted() {\n const mountedRef = React.useRef(false)\n const isMounted = React.useCallback(() => mountedRef.current, [])\n\n React[isServer ? 'useEffect' : 'useLayoutEffect'](() => {\n mountedRef.current = true\n return () => {\n mountedRef.current = false\n }\n }, [])\n\n return isMounted\n}\n\n/**\n * Displays a string regardless the type of the data\n * @param {unknown} value Value to be stringified\n */\nexport const displayValue = (value: unknown) => {\n const name = Object.getOwnPropertyNames(Object(value))\n const newValue = typeof value === 'bigint' ? `${value.toString()}n` : value\n\n return JSON.stringify(newValue, name)\n}\n\n/**\n * This hook is a safe useState version which schedules state updates in microtasks\n * to prevent updating a component state while React is rendering different components\n * or when the component is not mounted anymore.\n */\nexport function useSafeState<T>(initialState: T): [T, (value: T) => void] {\n const isMounted = useIsMounted()\n const [state, setState] = React.useState(initialState)\n\n const safeSetState = React.useCallback(\n (value: T) => {\n scheduleMicrotask(() => {\n if (isMounted()) {\n setState(value)\n }\n })\n },\n [isMounted],\n )\n\n return [state, safeSetState]\n}\n\n/**\n * Schedules a microtask.\n * This can be useful to schedule state updates after rendering.\n */\nfunction scheduleMicrotask(callback: () => void) {\n Promise.resolve()\n .then(callback)\n .catch((error) =>\n setTimeout(() => {\n throw error\n }),\n )\n}\n\nexport function multiSortBy<T>(\n arr: T[],\n accessors: ((item: T) => any)[] = [(d) => d],\n): T[] {\n return arr\n .map((d, i) => [d, i] as const)\n .sort(([a, ai], [b, bi]) => {\n for (const accessor of accessors) {\n const ao = accessor(a)\n const bo = accessor(b)\n\n if (typeof ao === 'undefined') {\n if (typeof bo === 'undefined') {\n continue\n }\n return 1\n }\n\n if (ao === bo) {\n continue\n }\n\n return ao > bo ? 1 : -1\n }\n\n return ai - bi\n })\n .map(([d]) => d)\n}\n"],"names":["isServer","window","getStatusColor","match","theme","router","status","isFetching","active","isMatchInvalid","warning","danger","success","gray","getRouteStatusColor","matches","route","found","find","d","routeId","id","styled","type","newStyles","queries","React","forwardRef","style","rest","ref","useTheme","mediaStyles","Object","entries","reduce","current","key","value","useMediaQuery","createElement","useIsMounted","mountedRef","useRef","isMounted","useCallback","displayValue","name","getOwnPropertyNames","newValue","toString","JSON","stringify","useSafeState","initialState","state","setState","useState","safeSetState","scheduleMicrotask","callback","Promise","resolve","then","catch","error","setTimeout"],"mappings":"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"}
1
+ {"version":3,"file":"utils.js","sources":["../../src/utils.ts"],"sourcesContent":["import React from 'react'\nimport {\n AnyRootRoute,\n AnyRoute,\n AnyRouteMatch,\n AnyRouter,\n isMatchInvalid,\n} from '@tanstack/react-router'\n\nimport { Theme, useTheme } from './theme'\nimport useMediaQuery from './useMediaQuery'\n\nexport const isServer = typeof window === 'undefined'\n\ntype StyledComponent<T> = T extends 'button'\n ? React.DetailedHTMLProps<\n React.ButtonHTMLAttributes<HTMLButtonElement>,\n HTMLButtonElement\n >\n : T extends 'input'\n ? React.DetailedHTMLProps<\n React.InputHTMLAttributes<HTMLInputElement>,\n HTMLInputElement\n >\n : T extends 'select'\n ? React.DetailedHTMLProps<\n React.SelectHTMLAttributes<HTMLSelectElement>,\n HTMLSelectElement\n >\n : T extends keyof HTMLElementTagNameMap\n ? React.HTMLAttributes<HTMLElementTagNameMap[T]>\n : never\n\nexport function getStatusColor(match: AnyRouteMatch, theme: Theme) {\n return match.status === 'pending' || match.isFetching\n ? theme.active\n : isMatchInvalid(match)\n ? theme.warning\n : match.status === 'error'\n ? theme.danger\n : match.status === 'success'\n ? theme.success\n : theme.gray\n}\n\nexport function getRouteStatusColor(\n matches: AnyRouteMatch[],\n route: AnyRoute | AnyRootRoute,\n theme: Theme,\n) {\n const found = matches.find((d) => d.routeId === route.id)\n if (!found) return theme.gray\n return getStatusColor(found, theme)\n}\n\ntype Styles =\n | React.CSSProperties\n | ((props: Record<string, any>, theme: Theme) => React.CSSProperties)\n\nexport function styled<T extends keyof HTMLElementTagNameMap>(\n type: T,\n newStyles: Styles,\n queries: Record<string, Styles> = {},\n) {\n return React.forwardRef<HTMLElementTagNameMap[T], StyledComponent<T>>(\n ({ style, ...rest }, ref) => {\n const theme = useTheme()\n\n const mediaStyles = Object.entries(queries).reduce(\n (current, [key, value]) => {\n // eslint-disable-next-line react-hooks/rules-of-hooks\n return useMediaQuery(key)\n ? {\n ...current,\n ...(typeof value === 'function' ? value(rest, theme) : value),\n }\n : current\n },\n {},\n )\n\n return React.createElement(type, {\n ...rest,\n style: {\n ...(typeof newStyles === 'function'\n ? newStyles(rest, theme)\n : newStyles),\n ...style,\n ...mediaStyles,\n },\n ref,\n })\n },\n )\n}\n\nexport function useIsMounted() {\n const mountedRef = React.useRef(false)\n const isMounted = React.useCallback(() => mountedRef.current, [])\n\n React[isServer ? 'useEffect' : 'useLayoutEffect'](() => {\n mountedRef.current = true\n return () => {\n mountedRef.current = false\n }\n }, [])\n\n return isMounted\n}\n\n/**\n * Displays a string regardless the type of the data\n * @param {unknown} value Value to be stringified\n */\nexport const displayValue = (value: unknown) => {\n const name = Object.getOwnPropertyNames(Object(value))\n const newValue = typeof value === 'bigint' ? `${value.toString()}n` : value\n\n return JSON.stringify(newValue, name)\n}\n\n/**\n * This hook is a safe useState version which schedules state updates in microtasks\n * to prevent updating a component state while React is rendering different components\n * or when the component is not mounted anymore.\n */\nexport function useSafeState<T>(initialState: T): [T, (value: T) => void] {\n const isMounted = useIsMounted()\n const [state, setState] = React.useState(initialState)\n\n const safeSetState = React.useCallback(\n (value: T) => {\n scheduleMicrotask(() => {\n if (isMounted()) {\n setState(value)\n }\n })\n },\n [isMounted],\n )\n\n return [state, safeSetState]\n}\n\n/**\n * Schedules a microtask.\n * This can be useful to schedule state updates after rendering.\n */\nfunction scheduleMicrotask(callback: () => void) {\n Promise.resolve()\n .then(callback)\n .catch((error) =>\n setTimeout(() => {\n throw error\n }),\n )\n}\n\nexport function multiSortBy<T>(\n arr: T[],\n accessors: ((item: T) => any)[] = [(d) => d],\n): T[] {\n return arr\n .map((d, i) => [d, i] as const)\n .sort(([a, ai], [b, bi]) => {\n for (const accessor of accessors) {\n const ao = accessor(a)\n const bo = accessor(b)\n\n if (typeof ao === 'undefined') {\n if (typeof bo === 'undefined') {\n continue\n }\n return 1\n }\n\n if (ao === bo) {\n continue\n }\n\n return ao > bo ? 1 : -1\n }\n\n return ai - bi\n })\n .map(([d]) => d)\n}\n"],"names":["isServer","window","getStatusColor","match","theme","status","isFetching","active","isMatchInvalid","warning","danger","success","gray","getRouteStatusColor","matches","route","found","find","d","routeId","id","styled","type","newStyles","queries","React","forwardRef","style","rest","ref","useTheme","mediaStyles","Object","entries","reduce","current","key","value","useMediaQuery","createElement","useIsMounted","mountedRef","useRef","isMounted","useCallback","displayValue","name","getOwnPropertyNames","newValue","toString","JSON","stringify","useSafeState","initialState","state","setState","useState","safeSetState","scheduleMicrotask","callback","Promise","resolve","then","catch","error","setTimeout"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;MAYaA,QAAQ,GAAG,OAAOC,MAAM,KAAK,YAAW;AAqB9C,SAASC,cAAcA,CAACC,KAAoB,EAAEC,KAAY,EAAE;EACjE,OAAOD,KAAK,CAACE,MAAM,KAAK,SAAS,IAAIF,KAAK,CAACG,UAAU,GACjDF,KAAK,CAACG,MAAM,GACZC,0BAAc,CAACL,KAAK,CAAC,GACrBC,KAAK,CAACK,OAAO,GACbN,KAAK,CAACE,MAAM,KAAK,OAAO,GACxBD,KAAK,CAACM,MAAM,GACZP,KAAK,CAACE,MAAM,KAAK,SAAS,GAC1BD,KAAK,CAACO,OAAO,GACbP,KAAK,CAACQ,IAAI,CAAA;AAChB,CAAA;AAEO,SAASC,mBAAmBA,CACjCC,OAAwB,EACxBC,KAA8B,EAC9BX,KAAY,EACZ;AACA,EAAA,MAAMY,KAAK,GAAGF,OAAO,CAACG,IAAI,CAAEC,CAAC,IAAKA,CAAC,CAACC,OAAO,KAAKJ,KAAK,CAACK,EAAE,CAAC,CAAA;AACzD,EAAA,IAAI,CAACJ,KAAK,EAAE,OAAOZ,KAAK,CAACQ,IAAI,CAAA;AAC7B,EAAA,OAAOV,cAAc,CAACc,KAAK,EAAEZ,KAAK,CAAC,CAAA;AACrC,CAAA;AAMO,SAASiB,MAAMA,CACpBC,IAAO,EACPC,SAAiB,EACjBC,OAA+B,GAAG,EAAE,EACpC;AACA,EAAA,oBAAOC,yBAAK,CAACC,UAAU,CACrB,CAAC;IAAEC,KAAK;IAAE,GAAGC,IAAAA;GAAM,EAAEC,GAAG,KAAK;AAC3B,IAAA,MAAMzB,OAAK,GAAG0B,cAAQ,EAAE,CAAA;AAExB,IAAA,MAAMC,WAAW,GAAGC,MAAM,CAACC,OAAO,CAACT,OAAO,CAAC,CAACU,MAAM,CAChD,CAACC,OAAO,EAAE,CAACC,GAAG,EAAEC,KAAK,CAAC,KAAK;AACzB;AACA,MAAA,OAAOC,wBAAa,CAACF,GAAG,CAAC,GACrB;AACE,QAAA,GAAGD,OAAO;AACV,QAAA,IAAI,OAAOE,KAAK,KAAK,UAAU,GAAGA,KAAK,CAACT,IAAI,EAAExB,OAAK,CAAC,GAAGiC,KAAK,CAAA;AAC9D,OAAC,GACDF,OAAO,CAAA;KACZ,EACD,EACF,CAAC,CAAA;AAED,IAAA,oBAAOV,yBAAK,CAACc,aAAa,CAACjB,IAAI,EAAE;AAC/B,MAAA,GAAGM,IAAI;AACPD,MAAAA,KAAK,EAAE;AACL,QAAA,IAAI,OAAOJ,SAAS,KAAK,UAAU,GAC/BA,SAAS,CAACK,IAAI,EAAExB,OAAK,CAAC,GACtBmB,SAAS,CAAC;AACd,QAAA,GAAGI,KAAK;QACR,GAAGI,WAAAA;OACJ;AACDF,MAAAA,GAAAA;AACF,KAAC,CAAC,CAAA;AACJ,GACF,CAAC,CAAA;AACH,CAAA;AAEO,SAASW,YAAYA,GAAG;AAC7B,EAAA,MAAMC,UAAU,GAAGhB,yBAAK,CAACiB,MAAM,CAAC,KAAK,CAAC,CAAA;AACtC,EAAA,MAAMC,SAAS,GAAGlB,yBAAK,CAACmB,WAAW,CAAC,MAAMH,UAAU,CAACN,OAAO,EAAE,EAAE,CAAC,CAAA;EAEjEV,yBAAK,CAACzB,QAAQ,GAAG,WAAW,GAAG,iBAAiB,CAAC,CAAC,MAAM;IACtDyC,UAAU,CAACN,OAAO,GAAG,IAAI,CAAA;AACzB,IAAA,OAAO,MAAM;MACXM,UAAU,CAACN,OAAO,GAAG,KAAK,CAAA;KAC3B,CAAA;GACF,EAAE,EAAE,CAAC,CAAA;AAEN,EAAA,OAAOQ,SAAS,CAAA;AAClB,CAAA;;AAEA;AACA;AACA;AACA;AACaE,MAAAA,YAAY,GAAIR,KAAc,IAAK;EAC9C,MAAMS,IAAI,GAAGd,MAAM,CAACe,mBAAmB,CAACf,MAAM,CAACK,KAAK,CAAC,CAAC,CAAA;AACtD,EAAA,MAAMW,QAAQ,GAAG,OAAOX,KAAK,KAAK,QAAQ,GAAI,CAAEA,EAAAA,KAAK,CAACY,QAAQ,EAAG,CAAA,CAAA,CAAE,GAAGZ,KAAK,CAAA;AAE3E,EAAA,OAAOa,IAAI,CAACC,SAAS,CAACH,QAAQ,EAAEF,IAAI,CAAC,CAAA;AACvC,EAAC;;AAED;AACA;AACA;AACA;AACA;AACO,SAASM,YAAYA,CAAIC,YAAe,EAA2B;AACxE,EAAA,MAAMV,SAAS,GAAGH,YAAY,EAAE,CAAA;EAChC,MAAM,CAACc,KAAK,EAAEC,QAAQ,CAAC,GAAG9B,yBAAK,CAAC+B,QAAQ,CAACH,YAAY,CAAC,CAAA;AAEtD,EAAA,MAAMI,YAAY,GAAGhC,yBAAK,CAACmB,WAAW,CACnCP,KAAQ,IAAK;AACZqB,IAAAA,iBAAiB,CAAC,MAAM;MACtB,IAAIf,SAAS,EAAE,EAAE;QACfY,QAAQ,CAAClB,KAAK,CAAC,CAAA;AACjB,OAAA;AACF,KAAC,CAAC,CAAA;AACJ,GAAC,EACD,CAACM,SAAS,CACZ,CAAC,CAAA;AAED,EAAA,OAAO,CAACW,KAAK,EAAEG,YAAY,CAAC,CAAA;AAC9B,CAAA;;AAEA;AACA;AACA;AACA;AACA,SAASC,iBAAiBA,CAACC,QAAoB,EAAE;AAC/CC,EAAAA,OAAO,CAACC,OAAO,EAAE,CACdC,IAAI,CAACH,QAAQ,CAAC,CACdI,KAAK,CAAEC,KAAK,IACXC,UAAU,CAAC,MAAM;AACf,IAAA,MAAMD,KAAK,CAAA;AACb,GAAC,CACH,CAAC,CAAA;AACL;;;;;;;;;;"}
package/build/esm/index.js CHANGED
@@ -126,10 +126,10 @@ function useMediaQuery(query) {
126
126
  }
127
127
 
128
128
  const isServer$1 = typeof window === 'undefined';
129
- function getStatusColor(match, theme, router) {
129
+ function getStatusColor(match, theme) {
130
130
  return match.status === 'pending' || match.isFetching ? theme.active : isMatchInvalid(match) ? theme.warning : match.status === 'error' ? theme.danger : match.status === 'success' ? theme.success : theme.gray;
131
131
  }
132
- function getRouteStatusColor(matches, route, theme, router) {
132
+ function getRouteStatusColor(matches, route, theme) {
133
133
  const found = matches.find(d => d.routeId === route.id);
134
134
  if (!found) return theme.gray;
135
135
  return getStatusColor(found, theme);