@tanstack/react-router-devtools 0.0.1-alpha.1
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.
- package/README.md +3 -0
- package/build/cjs/_virtual/_rollupPluginBabelHelpers.js +49 -0
- package/build/cjs/_virtual/_rollupPluginBabelHelpers.js.map +1 -0
- package/build/cjs/packages/react-router-devtools/src/Explorer.js +245 -0
- package/build/cjs/packages/react-router-devtools/src/Explorer.js.map +1 -0
- package/build/cjs/packages/react-router-devtools/src/Logo.js +73 -0
- package/build/cjs/packages/react-router-devtools/src/Logo.js.map +1 -0
- package/build/cjs/packages/react-router-devtools/src/devtools.js +654 -0
- package/build/cjs/packages/react-router-devtools/src/devtools.js.map +1 -0
- package/build/cjs/packages/react-router-devtools/src/index.js +21 -0
- package/build/cjs/packages/react-router-devtools/src/index.js.map +1 -0
- package/build/cjs/packages/react-router-devtools/src/styledComponents.js +107 -0
- package/build/cjs/packages/react-router-devtools/src/styledComponents.js.map +1 -0
- package/build/cjs/packages/react-router-devtools/src/theme.js +54 -0
- package/build/cjs/packages/react-router-devtools/src/theme.js.map +1 -0
- package/build/cjs/packages/react-router-devtools/src/useLocalStorage.js +65 -0
- package/build/cjs/packages/react-router-devtools/src/useLocalStorage.js.map +1 -0
- package/build/cjs/packages/react-router-devtools/src/useMediaQuery.js +57 -0
- package/build/cjs/packages/react-router-devtools/src/useMediaQuery.js.map +1 -0
- package/build/cjs/packages/react-router-devtools/src/utils.js +117 -0
- package/build/cjs/packages/react-router-devtools/src/utils.js.map +1 -0
- package/build/esm/index.js +2013 -0
- package/build/esm/index.js.map +1 -0
- package/build/stats-html.html +4034 -0
- package/build/stats-react.json +9681 -0
- package/build/types/index.d.ts +76 -0
- package/build/umd/index.development.js +2043 -0
- package/build/umd/index.development.js.map +1 -0
- package/build/umd/index.production.js +12 -0
- package/build/umd/index.production.js.map +1 -0
- package/package.json +49 -0
- package/src/Explorer.tsx +288 -0
- package/src/Logo.tsx +37 -0
- package/src/devtools.tsx +960 -0
- package/src/index.tsx +1 -0
- package/src/styledComponents.ts +106 -0
- package/src/theme.tsx +31 -0
- package/src/useLocalStorage.ts +52 -0
- package/src/useMediaQuery.ts +36 -0
- package/src/utils.ts +151 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"devtools.js","sources":["../../../../../src/devtools.tsx"],"sourcesContent":["import React from 'react'\nimport { Router, useRouter, last } from '@tanstack/react-router'\nimport { formatDistanceStrict } from 'date-fns'\n\nimport useLocalStorage from './useLocalStorage'\nimport { getStatusColor, useIsMounted, useSafeState } 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'\nimport Logo from './Logo'\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 useRouter?: () => unknown\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 useRouter: () => unknown\n}\n\nconst isServer = typeof window === 'undefined'\n\nexport function TanStackRouterDevtools({\n initialIsOpen,\n panelProps = {},\n closeButtonProps = {},\n toggleButtonProps = {},\n position = 'bottom-left',\n containerElement: Container = 'footer',\n useRouter: useRouterImpl = useRouter,\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 useRouter={useRouterImpl}\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\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 useRouter,\n ...panelProps\n } = props\n\n const router = useRouter() as Router\n\n React.useEffect(() => {\n let interval = setInterval(() => {\n router.cleanPreloadCache()\n router.notify()\n }, 1000)\n\n return () => {\n clearInterval(interval)\n }\n }, [])\n\n const [activeRouteId, setActiveRouteId] = useLocalStorage(\n 'tanstackRouterDevtoolsActiveRouteId',\n '',\n )\n\n const activeMatch = router.state.matches?.find(\n (d) => d.routeId === activeRouteId,\n )\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 padding: '.5em',\n background: theme.backgroundAlt,\n display: 'flex',\n justifyContent: 'space-between',\n alignItems: 'center',\n }}\n >\n <Logo\n aria-hidden\n style={{\n marginRight: '.5em',\n }}\n />\n <div\n style={{\n marginRight: 'auto',\n fontSize: 'clamp(.8rem, 2vw, 1.3rem)',\n fontWeight: 'bold',\n }}\n >\n TanStack Router{' '}\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={(() => {\n const {\n listeners,\n buildLocation,\n mount,\n update,\n buildNext,\n navigate,\n cancelMatches,\n loadLocation,\n cleanPreloadCache,\n loadRoute,\n matchRoutes,\n loadMatches,\n invalidateRoute,\n resolvePath,\n matchRoute,\n buildLink,\n __experimental__createSnapshot,\n destroy,\n ...rest\n } = router\n return rest\n })()}\n defaultExpanded={{}}\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 padding: '.5em',\n background: theme.backgroundAlt,\n position: 'sticky',\n top: 0,\n zIndex: 1,\n }}\n >\n Current Matches\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 ? 'rgba(255,255,255,.1)' : 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 }}\n >\n {`${match.matchId}`}\n </Code>\n </div>\n )\n })}\n <div\n style={{\n marginTop: '2rem',\n padding: '.5em',\n background: theme.backgroundAlt,\n position: 'sticky',\n top: 0,\n zIndex: 1,\n }}\n >\n Pending Matches\n </div>\n {router.state.pending?.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 background:\n match === activeMatch ? 'rgba(255,255,255,.1)' : 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 }}\n >\n {`${match.matchId}`}\n </Code>\n </div>\n )\n })}\n <div\n style={{\n marginTop: '2rem',\n padding: '.5em',\n background: theme.backgroundAlt,\n position: 'sticky',\n top: 0,\n zIndex: 1,\n }}\n >\n Preloading Matches\n </div>\n {Object.keys(router.preloadCache)\n .filter((key) => {\n const cacheEntry = router.preloadCache[key]!\n return (\n (cacheEntry.match.updatedAt ?? Date.now()) + cacheEntry.maxAge >\n Date.now()\n )\n })\n .map((key, i) => {\n const { match, maxAge } = router.preloadCache[key]!\n\n return (\n <div\n key={match.matchId || i}\n role=\"button\"\n aria-label={`Open match details for ${match.matchId}`}\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 background:\n match === activeMatch\n ? 'rgba(255,255,255,.1)'\n : undefined,\n }}\n >\n <div\n style={{\n display: 'flex',\n flexDirection: 'column',\n padding: '.5rem',\n gap: '.3rem',\n }}\n >\n <div\n style={{\n display: 'flex',\n alignItems: 'center',\n gap: '.5rem',\n }}\n >\n <div\n style={{\n flex: '0 0 auto',\n width: '1.3rem',\n height: '1.3rem',\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 <Code>{`${match.matchId}`}</Code>\n </div>\n <span\n style={{\n opacity: '.5',\n }}\n >\n Expires{' '}\n {formatDistanceStrict(\n new Date(),\n new Date((match.updatedAt ?? Date.now()) + maxAge),\n {\n addSuffix: true,\n },\n )}\n </span>\n </div>\n </div>\n )\n })}\n </div>\n\n {activeMatch ? (\n <ActivePanel>\n <div\n style={{\n padding: '.5em',\n background: theme.backgroundAlt,\n position: 'sticky',\n top: 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.matchId, 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' }}>Pending</td>\n <td>{activeMatch.isPending.toString()}</td>\n </tr>\n <tr>\n <td style={{ opacity: '.5' }}>Invalid</td>\n <td>{activeMatch.isInvalid.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 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={() => {\n router.invalidateRoute(activeMatch as any)\n router.notify()\n }}\n style={{\n background: theme.warning,\n color: theme.inputTextColor,\n }}\n >\n Invalidate\n </Button>{' '}\n <Button\n type=\"button\"\n onClick={() => router.reload()}\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 zIndex: 1,\n }}\n >\n Explorer\n </div>\n <div\n style={{\n padding: '.5em',\n }}\n >\n <Explorer\n label=\"Match\"\n value={(() => {\n const {\n cancel,\n load,\n router,\n Link,\n MatchRoute,\n buildLink,\n linkProps,\n matchRoute,\n navigate,\n ...rest\n } = activeMatch\n\n return rest\n })()}\n defaultExpanded={{}}\n />\n </div>\n </ActivePanel>\n ) : null}\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 zIndex: 1,\n }}\n >\n Loader Data\n </div>\n <div\n style={{\n padding: '.5em',\n }}\n >\n {Object.keys(last(router.state.matches)?.loaderData || {})\n .length ? (\n <Explorer\n value={last(router.state.matches)?.loaderData || {}}\n defaultExpanded={Object.keys(\n (last(router.state.matches)?.loaderData as {}) || {},\n ).reduce((obj: any, next) => {\n obj[next] = {}\n return obj\n }, {})}\n />\n ) : (\n <em style={{ opacity: 0.5 }}>{'{ }'}</em>\n )}\n </div>\n <div\n style={{\n padding: '.5em',\n background: theme.backgroundAlt,\n position: 'sticky',\n top: 0,\n zIndex: 1,\n }}\n >\n Search Params\n </div>\n <div\n style={{\n padding: '.5em',\n }}\n >\n {Object.keys(last(router.state.matches)?.search || {}).length ? (\n <Explorer\n value={last(router.state.matches)?.search || {}}\n defaultExpanded={Object.keys(\n (last(router.state.matches)?.search as {}) || {},\n ).reduce((obj: any, next) => {\n obj[next] = {}\n return obj\n }, {})}\n />\n ) : (\n <em style={{ opacity: 0.5 }}>{'{ }'}</em>\n )}\n </div>\n </div>\n </Panel>\n </ThemeProvider>\n )\n})\n"],"names":["isServer","window","TanStackRouterDevtools","initialIsOpen","panelProps","closeButtonProps","toggleButtonProps","position","containerElement","Container","useRouter","useRouterImpl","rootRef","React","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","style","visibility","handlePanelTransitionEnd","previousValue","parentElement","paddingBottom","containerHeight","panelStyle","otherPanelProps","closeButtonStyle","onClick","onCloseClick","otherCloseButtonProps","toggleButtonStyle","onToggleClick","otherToggleButtonProps","_objectWithoutPropertiesLoose","ThemeProvider","theme","_extends","bottom","right","zIndex","width","maxHeight","boxShadow","borderTop","gray","transformOrigin","transition","opacity","pointerEvents","transform","e","Button","margin","left","appearance","background","border","padding","display","fontSize","cursor","top","Logo","TanStackRouterDevtoolsPanel","forwardRef","props","router","interval","setInterval","cleanPreloadCache","notify","clearInterval","activeRouteId","setActiveRouteId","activeMatch","state","matches","find","d","routeId","Panel","__html","backgroundAlt","marginBottom","flex","minHeight","overflow","borderRight","grayAlt","flexDirection","justifyContent","alignItems","marginRight","fontWeight","overflowY","Explorer","rest","map","match","i","borderBottom","undefined","marginLeft","getStatusColor","borderRadius","Code","matchId","marginTop","pending","Object","keys","preloadCache","filter","key","cacheEntry","updatedAt","Date","now","maxAge","gap","formatDistanceStrict","addSuffix","ActivePanel","lineHeight","JSON","stringify","status","isPending","toString","isInvalid","toLocaleTimeString","invalidateRoute","warning","color","inputTextColor","reload","last","loaderData","length","reduce","obj","next","search"],"mappings":"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"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* react-router-devtools
|
|
3
|
+
*
|
|
4
|
+
* Copyright (c) TanStack
|
|
5
|
+
*
|
|
6
|
+
* This source code is licensed under the MIT license found in the
|
|
7
|
+
* LICENSE.md file in the root directory of this source tree.
|
|
8
|
+
*
|
|
9
|
+
* @license MIT
|
|
10
|
+
*/
|
|
11
|
+
'use strict';
|
|
12
|
+
|
|
13
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
14
|
+
|
|
15
|
+
var devtools = require('./devtools.js');
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
exports.TanStackRouterDevtools = devtools.TanStackRouterDevtools;
|
|
20
|
+
exports.TanStackRouterDevtoolsPanel = devtools.TanStackRouterDevtoolsPanel;
|
|
21
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,107 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* react-router-devtools
|
|
3
|
+
*
|
|
4
|
+
* Copyright (c) TanStack
|
|
5
|
+
*
|
|
6
|
+
* This source code is licensed under the MIT license found in the
|
|
7
|
+
* LICENSE.md file in the root directory of this source tree.
|
|
8
|
+
*
|
|
9
|
+
* @license MIT
|
|
10
|
+
*/
|
|
11
|
+
'use strict';
|
|
12
|
+
|
|
13
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
14
|
+
|
|
15
|
+
var utils = require('./utils.js');
|
|
16
|
+
|
|
17
|
+
const Panel = utils.styled('div', (_props, theme) => ({
|
|
18
|
+
fontSize: 'clamp(12px, 1.5vw, 14px)',
|
|
19
|
+
fontFamily: "sans-serif",
|
|
20
|
+
display: 'flex',
|
|
21
|
+
backgroundColor: theme.background,
|
|
22
|
+
color: theme.foreground
|
|
23
|
+
}), {
|
|
24
|
+
'(max-width: 700px)': {
|
|
25
|
+
flexDirection: 'column'
|
|
26
|
+
},
|
|
27
|
+
'(max-width: 600px)': {
|
|
28
|
+
fontSize: '.9em' // flexDirection: 'column',
|
|
29
|
+
|
|
30
|
+
}
|
|
31
|
+
});
|
|
32
|
+
const ActivePanel = utils.styled('div', () => ({
|
|
33
|
+
flex: '1 1 500px',
|
|
34
|
+
display: 'flex',
|
|
35
|
+
flexDirection: 'column',
|
|
36
|
+
overflow: 'auto',
|
|
37
|
+
height: '100%'
|
|
38
|
+
}), {
|
|
39
|
+
'(max-width: 700px)': (_props, theme) => ({
|
|
40
|
+
borderTop: "2px solid " + theme.gray
|
|
41
|
+
})
|
|
42
|
+
});
|
|
43
|
+
const Button = utils.styled('button', (props, theme) => ({
|
|
44
|
+
appearance: 'none',
|
|
45
|
+
fontSize: '.9em',
|
|
46
|
+
fontWeight: 'bold',
|
|
47
|
+
background: theme.gray,
|
|
48
|
+
border: '0',
|
|
49
|
+
borderRadius: '.3em',
|
|
50
|
+
color: 'white',
|
|
51
|
+
padding: '.5em',
|
|
52
|
+
opacity: props.disabled ? '.5' : undefined,
|
|
53
|
+
cursor: 'pointer'
|
|
54
|
+
})); // export const QueryKeys = styled('span', {
|
|
55
|
+
// display: 'inline-block',
|
|
56
|
+
// fontSize: '0.9em',
|
|
57
|
+
// })
|
|
58
|
+
// export const QueryKey = styled('span', {
|
|
59
|
+
// display: 'inline-flex',
|
|
60
|
+
// alignItems: 'center',
|
|
61
|
+
// padding: '.2em .4em',
|
|
62
|
+
// fontWeight: 'bold',
|
|
63
|
+
// textShadow: '0 0 10px black',
|
|
64
|
+
// borderRadius: '.2em',
|
|
65
|
+
// })
|
|
66
|
+
|
|
67
|
+
const Code = utils.styled('code', {
|
|
68
|
+
fontSize: '.9em'
|
|
69
|
+
});
|
|
70
|
+
utils.styled('input', (_props, theme) => ({
|
|
71
|
+
backgroundColor: theme.inputBackgroundColor,
|
|
72
|
+
border: 0,
|
|
73
|
+
borderRadius: '.2em',
|
|
74
|
+
color: theme.inputTextColor,
|
|
75
|
+
fontSize: '.9em',
|
|
76
|
+
lineHeight: "1.3",
|
|
77
|
+
padding: '.3em .4em'
|
|
78
|
+
}));
|
|
79
|
+
utils.styled('select', (_props, theme) => ({
|
|
80
|
+
display: "inline-block",
|
|
81
|
+
fontSize: ".9em",
|
|
82
|
+
fontFamily: "sans-serif",
|
|
83
|
+
fontWeight: 'normal',
|
|
84
|
+
lineHeight: "1.3",
|
|
85
|
+
padding: ".3em 1.5em .3em .5em",
|
|
86
|
+
height: 'auto',
|
|
87
|
+
border: 0,
|
|
88
|
+
borderRadius: ".2em",
|
|
89
|
+
appearance: "none",
|
|
90
|
+
WebkitAppearance: 'none',
|
|
91
|
+
backgroundColor: theme.inputBackgroundColor,
|
|
92
|
+
backgroundImage: "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\")",
|
|
93
|
+
backgroundRepeat: "no-repeat",
|
|
94
|
+
backgroundPosition: "right .55em center",
|
|
95
|
+
backgroundSize: ".65em auto, 100%",
|
|
96
|
+
color: theme.inputTextColor
|
|
97
|
+
}), {
|
|
98
|
+
'(max-width: 500px)': {
|
|
99
|
+
display: 'none'
|
|
100
|
+
}
|
|
101
|
+
});
|
|
102
|
+
|
|
103
|
+
exports.ActivePanel = ActivePanel;
|
|
104
|
+
exports.Button = Button;
|
|
105
|
+
exports.Code = Code;
|
|
106
|
+
exports.Panel = Panel;
|
|
107
|
+
//# sourceMappingURL=styledComponents.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styledComponents.js","sources":["../../../../../src/styledComponents.ts"],"sourcesContent":["import { styled } from './utils'\n\nexport const Panel = styled(\n 'div',\n (_props, theme) => ({\n fontSize: 'clamp(12px, 1.5vw, 14px)',\n fontFamily: `sans-serif`,\n display: 'flex',\n backgroundColor: theme.background,\n color: theme.foreground,\n }),\n {\n '(max-width: 700px)': {\n flexDirection: 'column',\n },\n '(max-width: 600px)': {\n fontSize: '.9em',\n // flexDirection: 'column',\n },\n },\n)\n\nexport const ActivePanel = styled(\n 'div',\n () => ({\n flex: '1 1 500px',\n display: 'flex',\n flexDirection: 'column',\n overflow: 'auto',\n height: '100%',\n }),\n {\n '(max-width: 700px)': (_props, theme) => ({\n borderTop: `2px solid ${theme.gray}`,\n }),\n },\n)\n\nexport const Button = styled('button', (props, theme) => ({\n appearance: 'none',\n fontSize: '.9em',\n fontWeight: 'bold',\n background: theme.gray,\n border: '0',\n borderRadius: '.3em',\n color: 'white',\n padding: '.5em',\n opacity: props.disabled ? '.5' : undefined,\n cursor: 'pointer',\n}))\n\n// export const QueryKeys = styled('span', {\n// display: 'inline-block',\n// fontSize: '0.9em',\n// })\n\n// export const QueryKey = styled('span', {\n// display: 'inline-flex',\n// alignItems: 'center',\n// padding: '.2em .4em',\n// fontWeight: 'bold',\n// textShadow: '0 0 10px black',\n// borderRadius: '.2em',\n// })\n\nexport const Code = styled('code', {\n fontSize: '.9em',\n})\n\nexport const Input = styled('input', (_props, theme) => ({\n backgroundColor: theme.inputBackgroundColor,\n border: 0,\n borderRadius: '.2em',\n color: theme.inputTextColor,\n fontSize: '.9em',\n lineHeight: `1.3`,\n padding: '.3em .4em',\n}))\n\nexport const Select = styled(\n 'select',\n (_props, theme) => ({\n display: `inline-block`,\n fontSize: `.9em`,\n fontFamily: `sans-serif`,\n fontWeight: 'normal',\n lineHeight: `1.3`,\n padding: `.3em 1.5em .3em .5em`,\n height: 'auto',\n border: 0,\n borderRadius: `.2em`,\n appearance: `none`,\n WebkitAppearance: 'none',\n backgroundColor: theme.inputBackgroundColor,\n backgroundImage: `url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\")`,\n backgroundRepeat: `no-repeat`,\n backgroundPosition: `right .55em center`,\n backgroundSize: `.65em auto, 100%`,\n color: theme.inputTextColor,\n }),\n {\n '(max-width: 500px)': {\n display: 'none',\n },\n },\n)\n"],"names":["Panel","styled","_props","theme","fontSize","fontFamily","display","backgroundColor","background","color","foreground","flexDirection","ActivePanel","flex","overflow","height","borderTop","gray","Button","props","appearance","fontWeight","border","borderRadius","padding","opacity","disabled","undefined","cursor","Code","inputBackgroundColor","inputTextColor","lineHeight","WebkitAppearance","backgroundImage","backgroundRepeat","backgroundPosition","backgroundSize"],"mappings":"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"}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* react-router-devtools
|
|
3
|
+
*
|
|
4
|
+
* Copyright (c) TanStack
|
|
5
|
+
*
|
|
6
|
+
* This source code is licensed under the MIT license found in the
|
|
7
|
+
* LICENSE.md file in the root directory of this source tree.
|
|
8
|
+
*
|
|
9
|
+
* @license MIT
|
|
10
|
+
*/
|
|
11
|
+
'use strict';
|
|
12
|
+
|
|
13
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
14
|
+
|
|
15
|
+
var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
16
|
+
var React = require('react');
|
|
17
|
+
|
|
18
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
19
|
+
|
|
20
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
21
|
+
|
|
22
|
+
const _excluded = ["theme"];
|
|
23
|
+
const defaultTheme = {
|
|
24
|
+
background: '#0b1521',
|
|
25
|
+
backgroundAlt: '#132337',
|
|
26
|
+
foreground: 'white',
|
|
27
|
+
gray: '#3f4e60',
|
|
28
|
+
grayAlt: '#222e3e',
|
|
29
|
+
inputBackgroundColor: '#fff',
|
|
30
|
+
inputTextColor: '#000',
|
|
31
|
+
success: '#00ab52',
|
|
32
|
+
danger: '#ff0085',
|
|
33
|
+
active: '#006bff',
|
|
34
|
+
warning: '#ffb200'
|
|
35
|
+
};
|
|
36
|
+
const ThemeContext = /*#__PURE__*/React__default["default"].createContext(defaultTheme);
|
|
37
|
+
function ThemeProvider(_ref) {
|
|
38
|
+
let {
|
|
39
|
+
theme
|
|
40
|
+
} = _ref,
|
|
41
|
+
rest = _rollupPluginBabelHelpers.objectWithoutPropertiesLoose(_ref, _excluded);
|
|
42
|
+
|
|
43
|
+
return /*#__PURE__*/React__default["default"].createElement(ThemeContext.Provider, _rollupPluginBabelHelpers["extends"]({
|
|
44
|
+
value: theme
|
|
45
|
+
}, rest));
|
|
46
|
+
}
|
|
47
|
+
function useTheme() {
|
|
48
|
+
return React__default["default"].useContext(ThemeContext);
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
exports.ThemeProvider = ThemeProvider;
|
|
52
|
+
exports.defaultTheme = defaultTheme;
|
|
53
|
+
exports.useTheme = useTheme;
|
|
54
|
+
//# sourceMappingURL=theme.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme.js","sources":["../../../../../src/theme.tsx"],"sourcesContent":["import React from 'react'\n\nexport const defaultTheme = {\n background: '#0b1521',\n backgroundAlt: '#132337',\n foreground: 'white',\n gray: '#3f4e60',\n grayAlt: '#222e3e',\n inputBackgroundColor: '#fff',\n inputTextColor: '#000',\n success: '#00ab52',\n danger: '#ff0085',\n active: '#006bff',\n warning: '#ffb200',\n} as const\n\nexport type Theme = typeof defaultTheme\ninterface ProviderProps {\n theme: Theme\n children?: React.ReactNode\n}\n\nconst ThemeContext = React.createContext(defaultTheme)\n\nexport function ThemeProvider({ theme, ...rest }: ProviderProps) {\n return <ThemeContext.Provider value={theme} {...rest} />\n}\n\nexport function useTheme() {\n return React.useContext(ThemeContext)\n}\n"],"names":["defaultTheme","background","backgroundAlt","foreground","gray","grayAlt","inputBackgroundColor","inputTextColor","success","danger","active","warning","ThemeContext","React","createContext","ThemeProvider","theme","rest","_objectWithoutPropertiesLoose","_extends","useTheme","useContext"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAEO,MAAMA,YAAY,GAAG;AAC1BC,EAAAA,UAAU,EAAE,SADc;AAE1BC,EAAAA,aAAa,EAAE,SAFW;AAG1BC,EAAAA,UAAU,EAAE,OAHc;AAI1BC,EAAAA,IAAI,EAAE,SAJoB;AAK1BC,EAAAA,OAAO,EAAE,SALiB;AAM1BC,EAAAA,oBAAoB,EAAE,MANI;AAO1BC,EAAAA,cAAc,EAAE,MAPU;AAQ1BC,EAAAA,OAAO,EAAE,SARiB;AAS1BC,EAAAA,MAAM,EAAE,SATkB;AAU1BC,EAAAA,MAAM,EAAE,SAVkB;AAW1BC,EAAAA,OAAO,EAAE,SAAA;AAXiB,EAArB;AAoBP,MAAMC,YAAY,gBAAGC,yBAAK,CAACC,aAAN,CAAoBd,YAApB,CAArB,CAAA;AAEO,SAASe,aAAT,CAA0D,IAAA,EAAA;EAAA,IAAnC;AAAEC,IAAAA,KAAAA;GAAiC,GAAA,IAAA;AAAA,MAAvBC,IAAuB,GAAAC,sDAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;;EAC/D,oBAAOL,yBAAA,CAAA,aAAA,CAAC,YAAD,CAAc,QAAd,EAAAM,oCAAA,CAAA;AAAuB,IAAA,KAAK,EAAEH,KAAAA;AAA9B,GAAA,EAAyCC,IAAzC,CAAP,CAAA,CAAA;AACD,CAAA;AAEM,SAASG,QAAT,GAAoB;AACzB,EAAA,OAAOP,yBAAK,CAACQ,UAAN,CAAiBT,YAAjB,CAAP,CAAA;AACD;;;;;;"}
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* react-router-devtools
|
|
3
|
+
*
|
|
4
|
+
* Copyright (c) TanStack
|
|
5
|
+
*
|
|
6
|
+
* This source code is licensed under the MIT license found in the
|
|
7
|
+
* LICENSE.md file in the root directory of this source tree.
|
|
8
|
+
*
|
|
9
|
+
* @license MIT
|
|
10
|
+
*/
|
|
11
|
+
'use strict';
|
|
12
|
+
|
|
13
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
14
|
+
|
|
15
|
+
var React = require('react');
|
|
16
|
+
|
|
17
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
18
|
+
|
|
19
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
20
|
+
|
|
21
|
+
const getItem = key => {
|
|
22
|
+
try {
|
|
23
|
+
const itemValue = localStorage.getItem(key);
|
|
24
|
+
|
|
25
|
+
if (typeof itemValue === 'string') {
|
|
26
|
+
return JSON.parse(itemValue);
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
return undefined;
|
|
30
|
+
} catch (_unused) {
|
|
31
|
+
return undefined;
|
|
32
|
+
}
|
|
33
|
+
};
|
|
34
|
+
|
|
35
|
+
function useLocalStorage(key, defaultValue) {
|
|
36
|
+
const [value, setValue] = React__default["default"].useState();
|
|
37
|
+
React__default["default"].useEffect(() => {
|
|
38
|
+
const initialValue = getItem(key);
|
|
39
|
+
|
|
40
|
+
if (typeof initialValue === 'undefined' || initialValue === null) {
|
|
41
|
+
setValue(typeof defaultValue === 'function' ? defaultValue() : defaultValue);
|
|
42
|
+
} else {
|
|
43
|
+
setValue(initialValue);
|
|
44
|
+
}
|
|
45
|
+
}, [defaultValue, key]);
|
|
46
|
+
const setter = React__default["default"].useCallback(updater => {
|
|
47
|
+
setValue(old => {
|
|
48
|
+
let newVal = updater;
|
|
49
|
+
|
|
50
|
+
if (typeof updater == 'function') {
|
|
51
|
+
newVal = updater(old);
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
try {
|
|
55
|
+
localStorage.setItem(key, JSON.stringify(newVal));
|
|
56
|
+
} catch (_unused2) {}
|
|
57
|
+
|
|
58
|
+
return newVal;
|
|
59
|
+
});
|
|
60
|
+
}, [key]);
|
|
61
|
+
return [value, setter];
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
exports["default"] = useLocalStorage;
|
|
65
|
+
//# sourceMappingURL=useLocalStorage.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useLocalStorage.js","sources":["../../../../../src/useLocalStorage.ts"],"sourcesContent":["import React from 'react'\n\nconst getItem = (key: string): unknown => {\n try {\n const itemValue = localStorage.getItem(key)\n if (typeof itemValue === 'string') {\n return JSON.parse(itemValue)\n }\n return undefined\n } catch {\n return undefined\n }\n}\n\nexport default function useLocalStorage<T>(\n key: string,\n defaultValue: T | undefined\n): [T | undefined, (newVal: T | ((prevVal: T) => T)) => void] {\n const [value, setValue] = React.useState<T>()\n\n React.useEffect(() => {\n const initialValue = getItem(key) as T | undefined\n\n if (typeof initialValue === 'undefined' || initialValue === null) {\n setValue(\n typeof defaultValue === 'function' ? defaultValue() : defaultValue\n )\n } else {\n setValue(initialValue)\n }\n }, [defaultValue, key])\n\n const setter = React.useCallback(\n updater => {\n setValue(old => {\n let newVal = updater\n\n if (typeof updater == 'function') {\n newVal = updater(old)\n }\n try {\n localStorage.setItem(key, JSON.stringify(newVal))\n } catch {}\n\n return newVal\n })\n },\n [key]\n )\n\n return [value, setter]\n}\n"],"names":["getItem","key","itemValue","localStorage","JSON","parse","undefined","useLocalStorage","defaultValue","value","setValue","React","useState","useEffect","initialValue","setter","useCallback","updater","old","newVal","setItem","stringify"],"mappings":";;;;;;;;;;;;;;;;;;;;AAEA,MAAMA,OAAO,GAAIC,GAAD,IAA0B;EACxC,IAAI;AACF,IAAA,MAAMC,SAAS,GAAGC,YAAY,CAACH,OAAb,CAAqBC,GAArB,CAAlB,CAAA;;AACA,IAAA,IAAI,OAAOC,SAAP,KAAqB,QAAzB,EAAmC;AACjC,MAAA,OAAOE,IAAI,CAACC,KAAL,CAAWH,SAAX,CAAP,CAAA;AACD,KAAA;;AACD,IAAA,OAAOI,SAAP,CAAA;AACD,GAND,CAME,OAAM,OAAA,EAAA;AACN,IAAA,OAAOA,SAAP,CAAA;AACD,GAAA;AACF,CAVD,CAAA;;AAYe,SAASC,eAAT,CACbN,GADa,EAEbO,YAFa,EAG+C;EAC5D,MAAM,CAACC,KAAD,EAAQC,QAAR,IAAoBC,yBAAK,CAACC,QAAN,EAA1B,CAAA;EAEAD,yBAAK,CAACE,SAAN,CAAgB,MAAM;AACpB,IAAA,MAAMC,YAAY,GAAGd,OAAO,CAACC,GAAD,CAA5B,CAAA;;IAEA,IAAI,OAAOa,YAAP,KAAwB,WAAxB,IAAuCA,YAAY,KAAK,IAA5D,EAAkE;MAChEJ,QAAQ,CACN,OAAOF,YAAP,KAAwB,UAAxB,GAAqCA,YAAY,EAAjD,GAAsDA,YADhD,CAAR,CAAA;AAGD,KAJD,MAIO;MACLE,QAAQ,CAACI,YAAD,CAAR,CAAA;AACD,KAAA;AACF,GAVD,EAUG,CAACN,YAAD,EAAeP,GAAf,CAVH,CAAA,CAAA;AAYA,EAAA,MAAMc,MAAM,GAAGJ,yBAAK,CAACK,WAAN,CACbC,OAAO,IAAI;IACTP,QAAQ,CAACQ,GAAG,IAAI;MACd,IAAIC,MAAM,GAAGF,OAAb,CAAA;;AAEA,MAAA,IAAI,OAAOA,OAAP,IAAkB,UAAtB,EAAkC;AAChCE,QAAAA,MAAM,GAAGF,OAAO,CAACC,GAAD,CAAhB,CAAA;AACD,OAAA;;MACD,IAAI;QACFf,YAAY,CAACiB,OAAb,CAAqBnB,GAArB,EAA0BG,IAAI,CAACiB,SAAL,CAAeF,MAAf,CAA1B,CAAA,CAAA;OADF,CAEE,iBAAM,EAAE;;AAEV,MAAA,OAAOA,MAAP,CAAA;AACD,KAXO,CAAR,CAAA;AAYD,GAdY,EAeb,CAAClB,GAAD,CAfa,CAAf,CAAA;AAkBA,EAAA,OAAO,CAACQ,KAAD,EAAQM,MAAR,CAAP,CAAA;AACD;;;;"}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* react-router-devtools
|
|
3
|
+
*
|
|
4
|
+
* Copyright (c) TanStack
|
|
5
|
+
*
|
|
6
|
+
* This source code is licensed under the MIT license found in the
|
|
7
|
+
* LICENSE.md file in the root directory of this source tree.
|
|
8
|
+
*
|
|
9
|
+
* @license MIT
|
|
10
|
+
*/
|
|
11
|
+
'use strict';
|
|
12
|
+
|
|
13
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
14
|
+
|
|
15
|
+
var React = require('react');
|
|
16
|
+
|
|
17
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
18
|
+
|
|
19
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
20
|
+
|
|
21
|
+
function useMediaQuery(query) {
|
|
22
|
+
// Keep track of the preference in state, start with the current match
|
|
23
|
+
const [isMatch, setIsMatch] = React__default["default"].useState(() => {
|
|
24
|
+
if (typeof window !== 'undefined') {
|
|
25
|
+
return window.matchMedia && window.matchMedia(query).matches;
|
|
26
|
+
}
|
|
27
|
+
}); // Watch for changes
|
|
28
|
+
|
|
29
|
+
React__default["default"].useEffect(() => {
|
|
30
|
+
if (typeof window !== 'undefined') {
|
|
31
|
+
if (!window.matchMedia) {
|
|
32
|
+
return;
|
|
33
|
+
} // Create a matcher
|
|
34
|
+
|
|
35
|
+
|
|
36
|
+
const matcher = window.matchMedia(query); // Create our handler
|
|
37
|
+
|
|
38
|
+
const onChange = _ref => {
|
|
39
|
+
let {
|
|
40
|
+
matches
|
|
41
|
+
} = _ref;
|
|
42
|
+
return setIsMatch(matches);
|
|
43
|
+
}; // Listen for changes
|
|
44
|
+
|
|
45
|
+
|
|
46
|
+
matcher.addListener(onChange);
|
|
47
|
+
return () => {
|
|
48
|
+
// Stop listening for changes
|
|
49
|
+
matcher.removeListener(onChange);
|
|
50
|
+
};
|
|
51
|
+
}
|
|
52
|
+
}, [isMatch, query, setIsMatch]);
|
|
53
|
+
return isMatch;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
exports["default"] = useMediaQuery;
|
|
57
|
+
//# sourceMappingURL=useMediaQuery.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useMediaQuery.js","sources":["../../../../../src/useMediaQuery.ts"],"sourcesContent":["import React from 'react'\n\nexport default function useMediaQuery(query: string): boolean | undefined {\n // Keep track of the preference in state, start with the current match\n const [isMatch, setIsMatch] = React.useState(() => {\n if (typeof window !== 'undefined') {\n return window.matchMedia && window.matchMedia(query).matches\n }\n })\n\n // Watch for changes\n React.useEffect(() => {\n if (typeof window !== 'undefined') {\n if (!window.matchMedia) {\n return\n }\n\n // Create a matcher\n const matcher = window.matchMedia(query)\n\n // Create our handler\n const onChange = ({ matches }: { matches: boolean }) =>\n setIsMatch(matches)\n\n // Listen for changes\n matcher.addListener(onChange)\n\n return () => {\n // Stop listening for changes\n matcher.removeListener(onChange)\n }\n }\n }, [isMatch, query, setIsMatch])\n\n return isMatch\n}\n"],"names":["useMediaQuery","query","isMatch","setIsMatch","React","useState","window","matchMedia","matches","useEffect","matcher","onChange","addListener","removeListener"],"mappings":";;;;;;;;;;;;;;;;;;;;AAEe,SAASA,aAAT,CAAuBC,KAAvB,EAA2D;AACxE;EACA,MAAM,CAACC,OAAD,EAAUC,UAAV,IAAwBC,yBAAK,CAACC,QAAN,CAAe,MAAM;AACjD,IAAA,IAAI,OAAOC,MAAP,KAAkB,WAAtB,EAAmC;MACjC,OAAOA,MAAM,CAACC,UAAP,IAAqBD,MAAM,CAACC,UAAP,CAAkBN,KAAlB,CAAA,CAAyBO,OAArD,CAAA;AACD,KAAA;GAH2B,CAA9B,CAFwE;;EASxEJ,yBAAK,CAACK,SAAN,CAAgB,MAAM;AACpB,IAAA,IAAI,OAAOH,MAAP,KAAkB,WAAtB,EAAmC;AACjC,MAAA,IAAI,CAACA,MAAM,CAACC,UAAZ,EAAwB;AACtB,QAAA,OAAA;AACD,OAHgC;;;MAMjC,MAAMG,OAAO,GAAGJ,MAAM,CAACC,UAAP,CAAkBN,KAAlB,CAAhB,CANiC;;AASjC,MAAA,MAAMU,QAAQ,GAAG,IAAA,IAAA;QAAA,IAAC;AAAEH,UAAAA,OAAAA;SAAH,GAAA,IAAA,CAAA;QAAA,OACfL,UAAU,CAACK,OAAD,CADK,CAAA;AAAA,OAAjB,CATiC;;;MAajCE,OAAO,CAACE,WAAR,CAAoBD,QAApB,CAAA,CAAA;AAEA,MAAA,OAAO,MAAM;AACX;QACAD,OAAO,CAACG,cAAR,CAAuBF,QAAvB,CAAA,CAAA;OAFF,CAAA;AAID,KAAA;AACF,GArBD,EAqBG,CAACT,OAAD,EAAUD,KAAV,EAAiBE,UAAjB,CArBH,CAAA,CAAA;AAuBA,EAAA,OAAOD,OAAP,CAAA;AACD;;;;"}
|
|
@@ -0,0 +1,117 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* react-router-devtools
|
|
3
|
+
*
|
|
4
|
+
* Copyright (c) TanStack
|
|
5
|
+
*
|
|
6
|
+
* This source code is licensed under the MIT license found in the
|
|
7
|
+
* LICENSE.md file in the root directory of this source tree.
|
|
8
|
+
*
|
|
9
|
+
* @license MIT
|
|
10
|
+
*/
|
|
11
|
+
'use strict';
|
|
12
|
+
|
|
13
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
14
|
+
|
|
15
|
+
var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
16
|
+
var React = require('react');
|
|
17
|
+
var theme = require('./theme.js');
|
|
18
|
+
var useMediaQuery = require('./useMediaQuery.js');
|
|
19
|
+
|
|
20
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
21
|
+
|
|
22
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
23
|
+
|
|
24
|
+
const _excluded = ["style"];
|
|
25
|
+
const isServer = typeof window === 'undefined';
|
|
26
|
+
function getStatusColor(match, theme) {
|
|
27
|
+
return match.isPending ? theme.warning : match.isFetching ? theme.active : match.status === 'error' ? theme.danger : match.status === 'success' ? theme.success : theme.gray;
|
|
28
|
+
} // export function getQueryStatusLabel(query: Query) {
|
|
29
|
+
// return query.state.isFetching
|
|
30
|
+
// ? 'fetching'
|
|
31
|
+
// : !query.getObserversCount()
|
|
32
|
+
// ? 'inactive'
|
|
33
|
+
// : query.isStale()
|
|
34
|
+
// ? 'stale'
|
|
35
|
+
// : 'fresh'
|
|
36
|
+
// }
|
|
37
|
+
|
|
38
|
+
function styled(type, newStyles, queries) {
|
|
39
|
+
if (queries === void 0) {
|
|
40
|
+
queries = {};
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
return /*#__PURE__*/React__default["default"].forwardRef((_ref, ref) => {
|
|
44
|
+
let {
|
|
45
|
+
style
|
|
46
|
+
} = _ref,
|
|
47
|
+
rest = _rollupPluginBabelHelpers.objectWithoutPropertiesLoose(_ref, _excluded);
|
|
48
|
+
|
|
49
|
+
const theme$1 = theme.useTheme();
|
|
50
|
+
const mediaStyles = Object.entries(queries).reduce((current, _ref2) => {
|
|
51
|
+
let [key, value] = _ref2;
|
|
52
|
+
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
53
|
+
return useMediaQuery["default"](key) ? _rollupPluginBabelHelpers["extends"]({}, current, typeof value === 'function' ? value(rest, theme$1) : value) : current;
|
|
54
|
+
}, {});
|
|
55
|
+
return /*#__PURE__*/React__default["default"].createElement(type, _rollupPluginBabelHelpers["extends"]({}, rest, {
|
|
56
|
+
style: _rollupPluginBabelHelpers["extends"]({}, typeof newStyles === 'function' ? newStyles(rest, theme$1) : newStyles, style, mediaStyles),
|
|
57
|
+
ref
|
|
58
|
+
}));
|
|
59
|
+
});
|
|
60
|
+
}
|
|
61
|
+
function useIsMounted() {
|
|
62
|
+
const mountedRef = React__default["default"].useRef(false);
|
|
63
|
+
const isMounted = React__default["default"].useCallback(() => mountedRef.current, []);
|
|
64
|
+
React__default["default"][isServer ? 'useEffect' : 'useLayoutEffect'](() => {
|
|
65
|
+
mountedRef.current = true;
|
|
66
|
+
return () => {
|
|
67
|
+
mountedRef.current = false;
|
|
68
|
+
};
|
|
69
|
+
}, []);
|
|
70
|
+
return isMounted;
|
|
71
|
+
}
|
|
72
|
+
/**
|
|
73
|
+
* Displays a string regardless the type of the data
|
|
74
|
+
* @param {unknown} value Value to be stringified
|
|
75
|
+
*/
|
|
76
|
+
|
|
77
|
+
const displayValue = value => {
|
|
78
|
+
const name = Object.getOwnPropertyNames(Object(value));
|
|
79
|
+
const newValue = typeof value === 'bigint' ? value.toString() + "n" : value;
|
|
80
|
+
return JSON.stringify(newValue, name);
|
|
81
|
+
};
|
|
82
|
+
/**
|
|
83
|
+
* This hook is a safe useState version which schedules state updates in microtasks
|
|
84
|
+
* to prevent updating a component state while React is rendering different components
|
|
85
|
+
* or when the component is not mounted anymore.
|
|
86
|
+
*/
|
|
87
|
+
|
|
88
|
+
function useSafeState(initialState) {
|
|
89
|
+
const isMounted = useIsMounted();
|
|
90
|
+
const [state, setState] = React__default["default"].useState(initialState);
|
|
91
|
+
const safeSetState = React__default["default"].useCallback(value => {
|
|
92
|
+
scheduleMicrotask(() => {
|
|
93
|
+
if (isMounted()) {
|
|
94
|
+
setState(value);
|
|
95
|
+
}
|
|
96
|
+
});
|
|
97
|
+
}, [isMounted]);
|
|
98
|
+
return [state, safeSetState];
|
|
99
|
+
}
|
|
100
|
+
/**
|
|
101
|
+
* Schedules a microtask.
|
|
102
|
+
* This can be useful to schedule state updates after rendering.
|
|
103
|
+
*/
|
|
104
|
+
|
|
105
|
+
function scheduleMicrotask(callback) {
|
|
106
|
+
Promise.resolve().then(callback).catch(error => setTimeout(() => {
|
|
107
|
+
throw error;
|
|
108
|
+
}));
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
exports.displayValue = displayValue;
|
|
112
|
+
exports.getStatusColor = getStatusColor;
|
|
113
|
+
exports.isServer = isServer;
|
|
114
|
+
exports.styled = styled;
|
|
115
|
+
exports.useIsMounted = useIsMounted;
|
|
116
|
+
exports.useSafeState = useSafeState;
|
|
117
|
+
//# sourceMappingURL=utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.js","sources":["../../../../../src/utils.ts"],"sourcesContent":["import React from 'react'\nimport { RouteMatch } 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: RouteMatch, theme: Theme) {\n return match.isPending\n ? theme.warning\n : match.isFetching\n ? theme.active\n : match.status === 'error'\n ? theme.danger\n : match.status === 'success'\n ? theme.success\n : theme.gray\n}\n\n// export function getQueryStatusLabel(query: Query) {\n// return query.state.isFetching\n// ? 'fetching'\n// : !query.getObserversCount()\n// ? 'inactive'\n// : query.isStale()\n// ? 'stale'\n// : 'fresh'\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"],"names":["isServer","window","getStatusColor","match","theme","isPending","warning","isFetching","active","status","danger","success","gray","styled","type","newStyles","queries","React","forwardRef","ref","style","rest","_objectWithoutPropertiesLoose","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":";;;;;;;;;;;;;;;;;;;;;;;;MAMaA,QAAQ,GAAG,OAAOC,MAAP,KAAkB,YAAnC;AAqBA,SAASC,cAAT,CAAwBC,KAAxB,EAA2CC,KAA3C,EAAyD;AAC9D,EAAA,OAAOD,KAAK,CAACE,SAAN,GACHD,KAAK,CAACE,OADH,GAEHH,KAAK,CAACI,UAAN,GACAH,KAAK,CAACI,MADN,GAEAL,KAAK,CAACM,MAAN,KAAiB,OAAjB,GACAL,KAAK,CAACM,MADN,GAEAP,KAAK,CAACM,MAAN,KAAiB,SAAjB,GACAL,KAAK,CAACO,OADN,GAEAP,KAAK,CAACQ,IARV,CAAA;AASD;AAGD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAMO,SAASC,MAAT,CACLC,IADK,EAELC,SAFK,EAGLC,OAHK,EAIL;AAAA,EAAA,IADAA,OACA,KAAA,KAAA,CAAA,EAAA;AADAA,IAAAA,OACA,GADkC,EAClC,CAAA;AAAA,GAAA;;AACA,EAAA,oBAAOC,yBAAK,CAACC,UAAN,CACL,CAAA,IAAA,EAAqBC,GAArB,KAA6B;IAAA,IAA5B;AAAEC,MAAAA,KAAAA;KAA0B,GAAA,IAAA;AAAA,QAAhBC,IAAgB,GAAAC,sDAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;;IAC3B,MAAMlB,OAAK,GAAGmB,cAAQ,EAAtB,CAAA;AAEA,IAAA,MAAMC,WAAW,GAAGC,MAAM,CAACC,OAAP,CAAeV,OAAf,CAAA,CAAwBW,MAAxB,CAClB,CAACC,OAAD,EAA2B,KAAA,KAAA;AAAA,MAAA,IAAjB,CAACC,GAAD,EAAMC,KAAN,CAAiB,GAAA,KAAA,CAAA;AACzB;MACA,OAAOC,wBAAa,CAACF,GAAD,CAAb,4CAEED,OAFF,EAGG,OAAOE,KAAP,KAAiB,UAAjB,GAA8BA,KAAK,CAACT,IAAD,EAAOjB,OAAP,CAAnC,GAAmD0B,KAHtD,CAAA,GAKHF,OALJ,CAAA;KAHgB,EAUlB,EAVkB,CAApB,CAAA;AAaA,IAAA,oBAAOX,yBAAK,CAACe,aAAN,CAAoBlB,IAApB,2CACFO,IADE,EAAA;AAELD,MAAAA,KAAK,2CACC,OAAOL,SAAP,KAAqB,UAArB,GACAA,SAAS,CAACM,IAAD,EAAOjB,OAAP,CADT,GAEAW,SAHD,EAIAK,KAJA,EAKAI,WALA,CAFA;AASLL,MAAAA,GAAAA;KATF,CAAA,CAAA,CAAA;AAWD,GA5BI,CAAP,CAAA;AA8BD,CAAA;AAEM,SAASc,YAAT,GAAwB;AAC7B,EAAA,MAAMC,UAAU,GAAGjB,yBAAK,CAACkB,MAAN,CAAa,KAAb,CAAnB,CAAA;AACA,EAAA,MAAMC,SAAS,GAAGnB,yBAAK,CAACoB,WAAN,CAAkB,MAAMH,UAAU,CAACN,OAAnC,EAA4C,EAA5C,CAAlB,CAAA;EAEAX,yBAAK,CAACjB,QAAQ,GAAG,WAAH,GAAiB,iBAA1B,CAAL,CAAkD,MAAM;IACtDkC,UAAU,CAACN,OAAX,GAAqB,IAArB,CAAA;AACA,IAAA,OAAO,MAAM;MACXM,UAAU,CAACN,OAAX,GAAqB,KAArB,CAAA;KADF,CAAA;AAGD,GALD,EAKG,EALH,CAAA,CAAA;AAOA,EAAA,OAAOQ,SAAP,CAAA;AACD,CAAA;AAED;AACA;AACA;AACA;;AACaE,MAAAA,YAAY,GAAIR,KAAD,IAAoB;EAC9C,MAAMS,IAAI,GAAGd,MAAM,CAACe,mBAAP,CAA2Bf,MAAM,CAACK,KAAD,CAAjC,CAAb,CAAA;AACA,EAAA,MAAMW,QAAQ,GAAG,OAAOX,KAAP,KAAiB,QAAjB,GAA+BA,KAAK,CAACY,QAAN,EAA/B,GAAA,GAAA,GAAqDZ,KAAtE,CAAA;AAEA,EAAA,OAAOa,IAAI,CAACC,SAAL,CAAeH,QAAf,EAAyBF,IAAzB,CAAP,CAAA;AACD,EALM;AAOP;AACA;AACA;AACA;AACA;;AACO,SAASM,YAAT,CAAyBC,YAAzB,EAAmE;EACxE,MAAMV,SAAS,GAAGH,YAAY,EAA9B,CAAA;EACA,MAAM,CAACc,KAAD,EAAQC,QAAR,CAAA,GAAoB/B,yBAAK,CAACgC,QAAN,CAAeH,YAAf,CAA1B,CAAA;AAEA,EAAA,MAAMI,YAAY,GAAGjC,yBAAK,CAACoB,WAAN,CAClBP,KAAD,IAAc;AACZqB,IAAAA,iBAAiB,CAAC,MAAM;MACtB,IAAIf,SAAS,EAAb,EAAiB;QACfY,QAAQ,CAAClB,KAAD,CAAR,CAAA;AACD,OAAA;AACF,KAJgB,CAAjB,CAAA;AAKD,GAPkB,EAQnB,CAACM,SAAD,CARmB,CAArB,CAAA;AAWA,EAAA,OAAO,CAACW,KAAD,EAAQG,YAAR,CAAP,CAAA;AACD,CAAA;AAED;AACA;AACA;AACA;;AACA,SAASC,iBAAT,CAA2BC,QAA3B,EAAiD;AAC/CC,EAAAA,OAAO,CAACC,OAAR,EACGC,CAAAA,IADH,CACQH,QADR,CAEGI,CAAAA,KAFH,CAEUC,KAAD,IACLC,UAAU,CAAC,MAAM;AACf,IAAA,MAAMD,KAAN,CAAA;AACD,GAFS,CAHd,CAAA,CAAA;AAOD;;;;;;;;;"}
|