@tanstack/react-router-devtools 0.0.1-beta.8 → 0.0.1-beta.80

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tanstack/react-router-devtools",
   "author": "Tanner Linsley",
-  "version": "0.0.1-beta.8",
+  "version": "0.0.1-beta.80",
   "license": "MIT",
   "repository": "tanstack/router",
   "homepage": "https://tanstack.com/router/",
@@ -24,7 +24,7 @@
     "url": "https://github.com/sponsors/tannerlinsley"
   },
   "module": "build/esm/index.js",
-  "main": "build/cjs/packages/react-router-devtools/src/index.js",
+  "main": "build/cjs/index.js",
   "browser": "build/umd/index.production.js",
   "types": "build/types/index.d.ts",
   "engines": {
@@ -34,16 +34,14 @@
     "build/**",
     "src"
   ],
+  "sideEffects": false,
   "peerDependencies": {
-    "@tanstack/react-router": "0.0.1-beta.8",
     "react": ">=16",
     "react-dom": ">=16"
   },
   "dependencies": {
     "@babel/runtime": "^7.16.7",
-    "date-fns": "^2.29.1"
-  },
-  "devDependencies": {
-    "babel-plugin-transform-async-to-promises": "^0.8.18"
+    "date-fns": "^2.29.1",
+    "@tanstack/react-router": "0.0.1-beta.80"
   }
-}
+}

package/src/devtools.tsx

@@ -1,6 +1,12 @@
 import React from 'react'
-import { Router, last } from '@tanstack/react-router'
-import { formatDistanceStrict } from 'date-fns'
+import {
+  last,
+  routerContext,
+  invariant,
+  useRouter,
+  AnyRouter,
+  useStore,
+} from '@tanstack/react-router'
 
 import useLocalStorage from './useLocalStorage'
 import {
@@ -56,7 +62,7 @@ interface DevtoolsOptions {
   /**
    * A boolean variable indicating if the "lite" version of the library is being used
    */
-  router: Router<any, any>
+  router?: AnyRouter
 }
 
 interface DevtoolsPanelOptions {
@@ -83,7 +89,7 @@ interface DevtoolsPanelOptions {
   /**
    * A boolean variable indicating if the "lite" version of the library is being used
    */
-  router: Router<any, any>
+  router?: AnyRouter
 }
 
 const isServer = typeof window === 'undefined'
@@ -97,8 +103,8 @@ function Logo(props: React.HTMLProps<HTMLDivElement>) {
         display: 'flex',
         alignItems: 'center',
         flexDirection: 'column',
-        fontSize: '0.7rem',
-        fontWeight: '900',
+        fontSize: '0.8rem',
+        fontWeight: 'bolder',
         lineHeight: '1',
       }}
     >
@@ -110,8 +116,16 @@ function Logo(props: React.HTMLProps<HTMLDivElement>) {
         TANSTACK
       </div>
       <div
-        className="text-transparent bg-clip-text bg-gradient-to-r from-lime-500 to-emerald-500"
         style={{
+          backgroundImage:
+            'linear-gradient(to right, var(--tw-gradient-stops))',
+          // @ts-ignore
+          '--tw-gradient-from': '#84cc16',
+          '--tw-gradient-stops':
+            'var(--tw-gradient-from), var(--tw-gradient-to)',
+          '--tw-gradient-to': '#10b981',
+          WebkitBackgroundClip: 'text',
+          color: 'transparent',
           letterSpacing: '0.1rem',
           marginRight: '-0.2rem',
         }}
@@ -398,23 +412,19 @@ export const TanStackRouterDevtoolsPanel = React.forwardRef<
     isOpen = true,
     setIsOpen,
     handleDragStart,
-    router,
+    router: userRouter,
     ...panelProps
   } = props
 
-  const rerender = React.useReducer(() => ({}), {})[1]
+  const routerContextValue = React.useContext(routerContext)
+  const router = userRouter ?? routerContextValue?.router
 
-  React.useEffect(() => {
-    let interval = setInterval(() => {
-      router.cleanMatchCache()
-      // router.notify()
-      rerender()
-    }, 250)
-
-    return () => {
-      clearInterval(interval)
-    }
-  }, [])
+  invariant(
+    router,
+    'No router was found for the TanStack Router Devtools. Please place the devtools in the <RouterProvider> component tree or pass the router instance to the devtools manually.',
+  )
+
+  useStore(router.__store)
 
   const [activeRouteId, setActiveRouteId] = useLocalStorage(
     'tanstackRouterDevtoolsActiveRouteId',
@@ -430,24 +440,20 @@ export const TanStackRouterDevtoolsPanel = React.forwardRef<
     setActiveMatchId('')
   }, [activeRouteId])
 
-  const activeMatch =
-    Object.values(router.matchCache)?.find(
-      (d) => d.match.matchId === activeMatchId,
-    )?.match ?? router.state.matches?.find((d) => d.routeId === activeRouteId)
-
-  const matchCacheValues = multiSortBy(
-    Object.keys(router.matchCache)
-      .filter((key) => {
-        const cacheEntry = router.matchCache[key]!
-        return cacheEntry.gc > Date.now()
-      })
-      .map((key) => router.matchCache[key]!),
-    [(d) => (d.match.isFetching ? -1 : 1), (d) => -d.match.updatedAt!],
+  const allMatches = React.useMemo(
+    () => [
+      ...Object.values(router.state.currentMatches),
+      ...Object.values(router.state.pendingMatches ?? []),
+    ],
+    [router.state.currentMatches, router.state.pendingMatches],
   )
 
+  const activeMatch =
+    allMatches?.find((d) => d.id === activeMatchId) ||
+    allMatches?.find((d) => d.route.id === activeRouteId)
+
   return (
     <ThemeProvider theme={theme}>
-      <script src="https://cdn.tailwindcss.com"></script>
       <Panel ref={ref} className="TanStackRouterDevtoolsPanel" {...panelProps}>
         <style
           dangerouslySetInnerHTML={{
@@ -521,8 +527,12 @@ export const TanStackRouterDevtoolsPanel = React.forwardRef<
           }}
         >
           <div
-            className="flex justify-start gap-2 p-2 items-center"
             style={{
+              display: 'flex',
+              justifyContent: 'start',
+              gap: '1rem',
+              padding: '1rem',
+              alignItems: 'center',
               background: theme.backgroundAlt,
             }}
           >
@@ -579,15 +589,15 @@ export const TanStackRouterDevtoolsPanel = React.forwardRef<
           >
             Active Matches
           </div>
-          {router.state.matches.map((match, i) => {
+          {router.state.currentMatches.map((match, i) => {
             return (
               <div
-                key={match.routeId || i}
+                key={match.route.id || i}
                 role="button"
-                aria-label={`Open match details for ${match.routeId}`}
+                aria-label={`Open match details for ${match.route.id}`}
                 onClick={() =>
                   setActiveRouteId(
-                    activeRouteId === match.routeId ? '' : match.routeId,
+                    activeRouteId === match.route.id ? '' : match.route.id,
                   )
                 }
                 style={{
@@ -619,12 +629,12 @@ export const TanStackRouterDevtoolsPanel = React.forwardRef<
                     padding: '.5em',
                   }}
                 >
-                  {`${match.matchId}`}
+                  {`${match.id}`}
                 </Code>
               </div>
             )
           })}
-          {router.state.pending?.matches.length ? (
+          {router.state.pendingMatches?.length ? (
             <>
               <div
                 style={{
@@ -638,15 +648,15 @@ export const TanStackRouterDevtoolsPanel = React.forwardRef<
               >
                 Pending Matches
               </div>
-              {router.state.pending?.matches.map((match, i) => {
+              {router.state.pendingMatches?.map((match, i) => {
                 return (
                   <div
-                    key={match.routeId || i}
+                    key={match.route.id || i}
                     role="button"
-                    aria-label={`Open match details for ${match.routeId}`}
+                    aria-label={`Open match details for ${match.route.id}`}
                     onClick={() =>
                       setActiveRouteId(
-                        activeRouteId === match.routeId ? '' : match.routeId,
+                        activeRouteId === match.route.id ? '' : match.route.id,
                       )
                     }
                     style={{
@@ -679,14 +689,14 @@ export const TanStackRouterDevtoolsPanel = React.forwardRef<
                         padding: '.5em',
                       }}
                     >
-                      {`${match.matchId}`}
+                      {`${match.id}`}
                     </Code>
                   </div>
                 )
               })}
             </>
           ) : null}
-          {matchCacheValues.length ? (
+          {/* {matchCacheValues.length ? (
             <>
               <div
                 style={{
@@ -705,8 +715,7 @@ export const TanStackRouterDevtoolsPanel = React.forwardRef<
                 <div>Match Cache</div>
                 <Button
                   onClick={() => {
-                    router.matchCache = {}
-                    router.notify()
+                    router.store.setState((s) => (s.matchCache = {}))
                   }}
                 >
                   Clear
@@ -717,12 +726,12 @@ export const TanStackRouterDevtoolsPanel = React.forwardRef<
 
                 return (
                   <div
-                    key={match.matchId || i}
+                    key={match.id || i}
                     role="button"
-                    aria-label={`Open match details for ${match.matchId}`}
+                    aria-label={`Open match details for ${match.id}`}
                     onClick={() =>
                       setActiveMatchId(
-                        activeMatchId === match.matchId ? '' : match.matchId,
+                        activeMatchId === match.id ? '' : match.id,
                       )
                     }
                     style={{
@@ -763,7 +772,7 @@ export const TanStackRouterDevtoolsPanel = React.forwardRef<
                             transition: 'all .2s ease-out',
                           }}
                         />
-                        <Code>{`${match.matchId}`}</Code>
+                        <Code>{`${match.id}`}</Code>
                       </div>
                       <span
                         style={{
@@ -782,7 +791,7 @@ export const TanStackRouterDevtoolsPanel = React.forwardRef<
                 )
               })}
             </>
-          ) : null}
+          ) : null} */}
         </div>
 
         {activeMatch ? (
@@ -810,28 +819,24 @@ export const TanStackRouterDevtoolsPanel = React.forwardRef<
                           lineHeight: '1.8em',
                         }}
                       >
-                        {JSON.stringify(activeMatch.matchId, null, 2)}
+                        {JSON.stringify(activeMatch.id, null, 2)}
                       </Code>
                     </td>
                   </tr>
                   <tr>
                     <td style={{ opacity: '.5' }}>Status</td>
-                    <td>{activeMatch.status}</td>
-                  </tr>
-                  <tr>
-                    <td style={{ opacity: '.5' }}>Pending</td>
-                    <td>{activeMatch.isPending.toString()}</td>
+                    <td>{activeMatch.state.status}</td>
                   </tr>
-                  <tr>
+                  {/* <tr>
                     <td style={{ opacity: '.5' }}>Invalid</td>
-                    <td>{activeMatch.isInvalid.toString()}</td>
-                  </tr>
+                    <td>{activeMatch.getIsInvalid().toString()}</td>
+                  </tr> */}
                   <tr>
                     <td style={{ opacity: '.5' }}>Last Updated</td>
                     <td>
-                      {activeMatch.updatedAt
+                      {activeMatch.state.updatedAt
                         ? new Date(
-                            activeMatch.updatedAt as number,
+                            activeMatch.state.updatedAt as number,
                           ).toLocaleTimeString()
                         : 'N/A'}
                     </td>
@@ -856,19 +861,6 @@ export const TanStackRouterDevtoolsPanel = React.forwardRef<
                 padding: '0.5em',
               }}
             >
-              <Button
-                type="button"
-                onClick={() => {
-                  activeMatch.invalidate()
-                  router.notify()
-                }}
-                style={{
-                  background: theme.warning,
-                  color: theme.inputTextColor,
-                }}
-              >
-                Invalidate
-              </Button>{' '}
               <Button
                 type="button"
                 onClick={() => activeMatch.load()}
@@ -915,7 +907,7 @@ export const TanStackRouterDevtoolsPanel = React.forwardRef<
             flexDirection: 'column',
           }}
         >
-          <div
+          {/* <div
             style={{
               padding: '.5em',
               background: theme.backgroundAlt,
@@ -932,12 +924,18 @@ export const TanStackRouterDevtoolsPanel = React.forwardRef<
               padding: '.5em',
             }}
           >
-            {Object.keys(last(router.state.matches)?.loaderData || {})
-              .length ? (
+            {Object.keys(
+              last(router.state.currentMatches)?.state.loaderData ||
+                {},
+            ).length ? (
               <Explorer
-                value={last(router.state.matches)?.loaderData || {}}
+                value={
+                  last(router.state.currentMatches)?.state
+                    .loaderData || {}
+                }
                 defaultExpanded={Object.keys(
-                  (last(router.state.matches)?.loaderData as {}) || {},
+                  (last(router.state.currentMatches)?.state
+                    .loaderData as {}) || {},
                 ).reduce((obj: any, next) => {
                   obj[next] = {}
                   return obj
@@ -946,7 +944,7 @@ export const TanStackRouterDevtoolsPanel = React.forwardRef<
             ) : (
               <em style={{ opacity: 0.5 }}>{'{ }'}</em>
             )}
-          </div>
+          </div> */}
           <div
             style={{
               padding: '.5em',
@@ -964,11 +962,12 @@ export const TanStackRouterDevtoolsPanel = React.forwardRef<
               padding: '.5em',
             }}
           >
-            {Object.keys(last(router.state.matches)?.search || {}).length ? (
+            {Object.keys(last(router.state.currentMatches)?.state.search || {})
+              .length ? (
               <Explorer
-                value={last(router.state.matches)?.search || {}}
+                value={last(router.state.currentMatches)?.state.search || {}}
                 defaultExpanded={Object.keys(
-                  (last(router.state.matches)?.search as {}) || {},
+                  (last(router.state.currentMatches)?.state.search as {}) || {},
                 ).reduce((obj: any, next) => {
                   obj[next] = {}
                   return obj

package/src/utils.ts

@@ -1,5 +1,5 @@
 import React from 'react'
-import { RouteMatch } from '@tanstack/react-router'
+import { AnyRouteMatch, RouteMatch } from '@tanstack/react-router'
 
 import { Theme, useTheme } from './theme'
 import useMediaQuery from './useMediaQuery'
@@ -25,28 +25,16 @@ type StyledComponent<T> = T extends 'button'
   ? React.HTMLAttributes<HTMLElementTagNameMap[T]>
   : never
 
-export function getStatusColor(match: RouteMatch, theme: Theme) {
-  return match.isPending
-    ? theme.warning
-    : match.isFetching
+export function getStatusColor(match: AnyRouteMatch, theme: Theme) {
+  return match.state.status === 'pending'
     ? theme.active
-    : match.status === 'error'
+    : match.state.status === 'error'
     ? theme.danger
-    : match.status === 'success'
+    : match.state.status === 'success'
     ? theme.success
     : theme.gray
 }
 
-// export function getQueryStatusLabel(query: Query) {
-//   return query.state.isFetching
-//     ? 'fetching'
-//     : !query.getObserversCount()
-//     ? 'inactive'
-//     : query.isStale()
-//     ? 'stale'
-//     : 'fresh'
-// }
-
 type Styles =
   | React.CSSProperties
   | ((props: Record<string, any>, theme: Theme) => React.CSSProperties)

package/build/cjs/node_modules/date-fns/esm/_lib/assign/index.js

@@ -1,30 +0,0 @@
-/**
- * react-router-devtools
- *
- * Copyright (c) TanStack
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE.md file in the root directory of this source tree.
- *
- * @license MIT
- */
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-function assign(target, object) {
-  if (target == null) {
-    throw new TypeError('assign requires that input parameter not be null or undefined');
-  }
-
-  for (var property in object) {
-    if (Object.prototype.hasOwnProperty.call(object, property)) {
-      target[property] = object[property];
-    }
-  }
-
-  return target;
-}
-
-exports["default"] = assign;
-//# sourceMappingURL=index.js.map

package/build/cjs/node_modules/date-fns/esm/_lib/assign/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../../../node_modules/date-fns/esm/_lib/assign/index.js"],"sourcesContent":["export default function assign(target, object) {\n  if (target == null) {\n    throw new TypeError('assign requires that input parameter not be null or undefined');\n  }\n\n  for (var property in object) {\n    if (Object.prototype.hasOwnProperty.call(object, property)) {\n      ;\n      target[property] = object[property];\n    }\n  }\n\n  return target;\n}"],"names":[],"mappings":";;;;;;;;;;;;;;AAAe,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE;AAC/C,EAAE,IAAI,MAAM,IAAI,IAAI,EAAE;AACtB,IAAI,MAAM,IAAI,SAAS,CAAC,+DAA+D,CAAC,CAAC;AACzF,GAAG;AACH;AACA,EAAE,KAAK,IAAI,QAAQ,IAAI,MAAM,EAAE;AAC/B,IAAI,IAAI,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,EAAE,QAAQ,CAAC,EAAE;AAEhE,MAAM,MAAM,CAAC,QAAQ,CAAC,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;AAC1C,KAAK;AACL,GAAG;AACH;AACA,EAAE,OAAO,MAAM,CAAC;AAChB;;;;"}

package/build/cjs/node_modules/date-fns/esm/_lib/cloneObject/index.js

@@ -1,22 +0,0 @@
-/**
- * react-router-devtools
- *
- * Copyright (c) TanStack
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE.md file in the root directory of this source tree.
- *
- * @license MIT
- */
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var index = require('../assign/index.js');
-
-function cloneObject(object) {
-  return index["default"]({}, object);
-}
-
-exports["default"] = cloneObject;
-//# sourceMappingURL=index.js.map

package/build/cjs/node_modules/date-fns/esm/_lib/cloneObject/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../../../node_modules/date-fns/esm/_lib/cloneObject/index.js"],"sourcesContent":["import assign from \"../assign/index.js\";\nexport default function cloneObject(object) {\n  return assign({}, object);\n}"],"names":["assign"],"mappings":";;;;;;;;;;;;;;;;AACe,SAAS,WAAW,CAAC,MAAM,EAAE;AAC5C,EAAE,OAAOA,gBAAM,CAAC,EAAE,EAAE,MAAM,CAAC,CAAC;AAC5B;;;;"}

package/build/cjs/node_modules/date-fns/esm/_lib/defaultLocale/index.js

@@ -1,20 +0,0 @@
-/**
- * react-router-devtools
- *
- * Copyright (c) TanStack
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE.md file in the root directory of this source tree.
- *
- * @license MIT
- */
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var index = require('../../locale/en-US/index.js');
-
-
-
-exports["default"] = index["default"];
-//# sourceMappingURL=index.js.map

package/build/cjs/node_modules/date-fns/esm/_lib/defaultLocale/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}

package/build/cjs/node_modules/date-fns/esm/_lib/defaultOptions/index.js

@@ -1,21 +0,0 @@
-/**
- * react-router-devtools
- *
- * Copyright (c) TanStack
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE.md file in the root directory of this source tree.
- *
- * @license MIT
- */
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var defaultOptions = {};
-function getDefaultOptions() {
-  return defaultOptions;
-}
-
-exports.getDefaultOptions = getDefaultOptions;
-//# sourceMappingURL=index.js.map

package/build/cjs/node_modules/date-fns/esm/_lib/defaultOptions/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../../../node_modules/date-fns/esm/_lib/defaultOptions/index.js"],"sourcesContent":["var defaultOptions = {};\nexport function getDefaultOptions() {\n  return defaultOptions;\n}\nexport function setDefaultOptions(newOptions) {\n  defaultOptions = newOptions;\n}"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,IAAI,cAAc,GAAG,EAAE,CAAC;AACjB,SAAS,iBAAiB,GAAG;AACpC,EAAE,OAAO,cAAc,CAAC;AACxB;;;;"}

package/build/cjs/node_modules/date-fns/esm/_lib/getTimezoneOffsetInMilliseconds/index.js

@@ -1,33 +0,0 @@
-/**
- * react-router-devtools
- *
- * Copyright (c) TanStack
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE.md file in the root directory of this source tree.
- *
- * @license MIT
- */
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-/**
- * Google Chrome as of 67.0.3396.87 introduced timezones with offset that includes seconds.
- * They usually appear for dates that denote time before the timezones were introduced
- * (e.g. for 'Europe/Prague' timezone the offset is GMT+00:57:44 before 1 October 1891
- * and GMT+01:00:00 after that date)
- *
- * Date#getTimezoneOffset returns the offset in minutes and would return 57 for the example above,
- * which would lead to incorrect calculations.
- *
- * This function returns the timezone offset in milliseconds that takes seconds in account.
- */
-function getTimezoneOffsetInMilliseconds(date) {
-  var utcDate = new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate(), date.getHours(), date.getMinutes(), date.getSeconds(), date.getMilliseconds()));
-  utcDate.setUTCFullYear(date.getFullYear());
-  return date.getTime() - utcDate.getTime();
-}
-
-exports["default"] = getTimezoneOffsetInMilliseconds;
-//# sourceMappingURL=index.js.map

package/build/cjs/node_modules/date-fns/esm/_lib/getTimezoneOffsetInMilliseconds/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../../../node_modules/date-fns/esm/_lib/getTimezoneOffsetInMilliseconds/index.js"],"sourcesContent":["/**\n * Google Chrome as of 67.0.3396.87 introduced timezones with offset that includes seconds.\n * They usually appear for dates that denote time before the timezones were introduced\n * (e.g. for 'Europe/Prague' timezone the offset is GMT+00:57:44 before 1 October 1891\n * and GMT+01:00:00 after that date)\n *\n * Date#getTimezoneOffset returns the offset in minutes and would return 57 for the example above,\n * which would lead to incorrect calculations.\n *\n * This function returns the timezone offset in milliseconds that takes seconds in account.\n */\nexport default function getTimezoneOffsetInMilliseconds(date) {\n  var utcDate = new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate(), date.getHours(), date.getMinutes(), date.getSeconds(), date.getMilliseconds()));\n  utcDate.setUTCFullYear(date.getFullYear());\n  return date.getTime() - utcDate.getTime();\n}"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,+BAA+B,CAAC,IAAI,EAAE;AAC9D,EAAE,IAAI,OAAO,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAE,IAAI,CAAC,OAAO,EAAE,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAE,IAAI,CAAC,UAAU,EAAE,EAAE,IAAI,CAAC,UAAU,EAAE,EAAE,IAAI,CAAC,eAAe,EAAE,CAAC,CAAC,CAAC;AACvK,EAAE,OAAO,CAAC,cAAc,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC;AAC7C,EAAE,OAAO,IAAI,CAAC,OAAO,EAAE,GAAG,OAAO,CAAC,OAAO,EAAE,CAAC;AAC5C;;;;"}

package/build/cjs/node_modules/date-fns/esm/_lib/requiredArgs/index.js

@@ -1,22 +0,0 @@
-/**
- * react-router-devtools
- *
- * Copyright (c) TanStack
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE.md file in the root directory of this source tree.
- *
- * @license MIT
- */
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-function requiredArgs(required, args) {
-  if (args.length < required) {
-    throw new TypeError(required + ' argument' + (required > 1 ? 's' : '') + ' required, but only ' + args.length + ' present');
-  }
-}
-
-exports["default"] = requiredArgs;
-//# sourceMappingURL=index.js.map

package/build/cjs/node_modules/date-fns/esm/_lib/requiredArgs/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../../../node_modules/date-fns/esm/_lib/requiredArgs/index.js"],"sourcesContent":["export default function requiredArgs(required, args) {\n  if (args.length < required) {\n    throw new TypeError(required + ' argument' + (required > 1 ? 's' : '') + ' required, but only ' + args.length + ' present');\n  }\n}"],"names":[],"mappings":";;;;;;;;;;;;;;AAAe,SAAS,YAAY,CAAC,QAAQ,EAAE,IAAI,EAAE;AACrD,EAAE,IAAI,IAAI,CAAC,MAAM,GAAG,QAAQ,EAAE;AAC9B,IAAI,MAAM,IAAI,SAAS,CAAC,QAAQ,GAAG,WAAW,IAAI,QAAQ,GAAG,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC,GAAG,sBAAsB,GAAG,IAAI,CAAC,MAAM,GAAG,UAAU,CAAC,CAAC;AAChI,GAAG;AACH;;;;"}