@tanstack/react-router-devtools - npm Package Compare versions

Comparing version 1.167.0 to 1.167.1-pre.0

dist/cjs/index.cjs.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../src/index.ts"],"sourcesContent":["'use client'\n\nimport * as Devtools from './TanStackRouterDevtools'\nimport * as DevtoolsPanel from './TanStackRouterDevtoolsPanel'\n\nexport const TanStackRouterDevtools: (typeof Devtools)['TanStackRouterDevtools'] =\n  process.env.NODE_ENV !== 'development'\n    ? function () {\n        return null\n      }\n    : Devtools.TanStackRouterDevtools\n\nexport const TanStackRouterDevtoolsInProd: (typeof Devtools)['TanStackRouterDevtools'] =\n  Devtools.TanStackRouterDevtools\n\nexport const TanStackRouterDevtoolsPanel: (typeof DevtoolsPanel)['TanStackRouterDevtoolsPanel'] =\n  process.env.NODE_ENV !== 'development'\n    ? function () {\n        return null\n      }\n    : DevtoolsPanel.TanStackRouterDevtoolsPanel\n\nexport const TanStackRouterDevtoolsPanelInProd: (typeof DevtoolsPanel)['TanStackRouterDevtoolsPanel'] =\n  DevtoolsPanel.TanStackRouterDevtoolsPanel\n"],"mappings":";;;;;AAKA,IAAa,yBAAA,QAAA,IAAA,aACc,gBACrB,WAAY;AACV,QAAO;;AAIf,IAAa,+BAAA,+BAAA;AAGb,IAAa,8BAAA,QAAA,IAAA,aACc,gBACrB,WAAY;AACV,QAAO;;AAIf,IAAa,oCAAA,oCAAA"}
+{"version":3,"file":"index.cjs","names":[],"sources":["../../src/index.ts"],"sourcesContent":["'use client'\n\nimport * as Devtools from './TanStackRouterDevtools'\nimport * as DevtoolsPanel from './TanStackRouterDevtoolsPanel'\n\nexport const TanStackRouterDevtools: (typeof Devtools)['TanStackRouterDevtools'] =\n  process.env.NODE_ENV !== 'development'\n    ? function () {\n        return null\n      }\n    : Devtools.TanStackRouterDevtools\n\nexport const TanStackRouterDevtoolsInProd: (typeof Devtools)['TanStackRouterDevtools'] =\n  Devtools.TanStackRouterDevtools\n\nexport const TanStackRouterDevtoolsPanel: (typeof DevtoolsPanel)['TanStackRouterDevtoolsPanel'] =\n  process.env.NODE_ENV !== 'development'\n    ? function () {\n        return null\n      }\n    : DevtoolsPanel.TanStackRouterDevtoolsPanel\n\nexport const TanStackRouterDevtoolsPanelInProd: (typeof DevtoolsPanel)['TanStackRouterDevtoolsPanel'] =\n  DevtoolsPanel.TanStackRouterDevtoolsPanel\n"],"mappings":";;;;;AAKA,IAAa,yBAAA,QAAA,IAAA,aACc,gBACrB,WAAY;CACV,OAAO;AACT,IAAA,+BAAA;AAGN,IAAa,+BAAA,+BAAA;AAGb,IAAa,8BAAA,QAAA,IAAA,aACc,gBACrB,WAAY;CACV,OAAO;AACT,IAAA,oCAAA;AAGN,IAAa,oCAAA,oCAAA"}

dist/cjs/TanStackRouterDevtools.cjs

 "use client";
-require("./_virtual/_rolldown/runtime.cjs");
 let _tanstack_router_devtools_core = require("@tanstack/router-devtools-core");
@@ -4,0 +3,0 @@ let react = require("react");

dist/cjs/TanStackRouterDevtools.cjs.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"TanStackRouterDevtools.cjs","names":[],"sources":["../../src/TanStackRouterDevtools.tsx"],"sourcesContent":["'use client'\n\nimport { TanStackRouterDevtoolsCore } from '@tanstack/router-devtools-core'\nimport { Fragment, useEffect, useRef, useState } from 'react'\nimport { useRouter, useRouterState } from '@tanstack/react-router'\nimport type { ButtonHTMLAttributes, HTMLAttributes } from 'react'\nimport type { AnyRouter } from '@tanstack/react-router'\nimport type React from 'react'\n\nexport interface TanStackRouterDevtoolsOptions {\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?: HTMLAttributes<HTMLDivElement>\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?: ButtonHTMLAttributes<HTMLButtonElement>\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?: ButtonHTMLAttributes<HTMLButtonElement>\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   * The router instance to use for the devtools.\n   */\n  router?: AnyRouter\n  /**\n   * Use this to attach the devtool's styles to specific element in the DOM.\n   */\n  shadowDOMTarget?: ShadowRoot\n}\n\nexport function TanStackRouterDevtools(\n  props: TanStackRouterDevtoolsOptions,\n): React.ReactElement | null {\n  const {\n    initialIsOpen,\n    panelProps,\n    closeButtonProps,\n    toggleButtonProps,\n    position,\n    containerElement,\n    shadowDOMTarget,\n    router: propsRouter,\n  } = props\n\n  const hookRouter = useRouter({ warn: false })\n  const activeRouter = propsRouter ?? hookRouter\n\n  const activeRouterState = useRouterState({ router: activeRouter })\n\n  const devToolRef = useRef<HTMLDivElement>(null)\n  const [devtools] = useState(\n    () =>\n      new TanStackRouterDevtoolsCore({\n        initialIsOpen,\n        panelProps,\n        closeButtonProps,\n        toggleButtonProps,\n        position,\n        containerElement,\n        shadowDOMTarget,\n        router: activeRouter,\n        routerState: activeRouterState,\n      }),\n  )\n\n  // Update devtools when props change\n  useEffect(() => {\n    devtools.setRouter(activeRouter)\n  }, [devtools, activeRouter])\n\n  useEffect(() => {\n    devtools.setRouterState(activeRouterState)\n  }, [devtools, activeRouterState])\n\n  useEffect(() => {\n    devtools.setOptions({\n      initialIsOpen: initialIsOpen,\n      panelProps: panelProps,\n      closeButtonProps: closeButtonProps,\n      toggleButtonProps: toggleButtonProps,\n      position: position,\n      containerElement: containerElement,\n      shadowDOMTarget: shadowDOMTarget,\n    })\n  }, [\n    devtools,\n    initialIsOpen,\n    panelProps,\n    closeButtonProps,\n    toggleButtonProps,\n    position,\n    containerElement,\n    shadowDOMTarget,\n  ])\n\n  useEffect(() => {\n    if (devToolRef.current) {\n      devtools.mount(devToolRef.current)\n    }\n\n    return () => {\n      devtools.unmount()\n    }\n  }, [devtools])\n\n  return (\n    <Fragment>\n      <div ref={devToolRef} />\n    </Fragment>\n  )\n}\n"],"mappings":";;;;;;;AA+CA,SAAgB,uBACd,OAC2B;CAC3B,MAAM,EACJ,eACA,YACA,kBACA,mBACA,UACA,kBACA,iBACA,QAAQ,gBACN;CAEJ,MAAM,cAAA,GAAA,uBAAA,WAAuB,EAAE,MAAM,OAAO,CAAC;CAC7C,MAAM,eAAe,eAAe;CAEpC,MAAM,qBAAA,GAAA,uBAAA,gBAAmC,EAAE,QAAQ,cAAc,CAAC;CAElE,MAAM,cAAA,GAAA,MAAA,QAAoC,KAAK;CAC/C,MAAM,CAAC,aAAA,GAAA,MAAA,gBAEH,IAAI,+BAAA,2BAA2B;EAC7B;EACA;EACA;EACA;EACA;EACA;EACA;EACA,QAAQ;EACR,aAAa;EACd,CAAC,CACL;AAGD,EAAA,GAAA,MAAA,iBAAgB;AACd,WAAS,UAAU,aAAa;IAC/B,CAAC,UAAU,aAAa,CAAC;AAE5B,EAAA,GAAA,MAAA,iBAAgB;AACd,WAAS,eAAe,kBAAkB;IACzC,CAAC,UAAU,kBAAkB,CAAC;AAEjC,EAAA,GAAA,MAAA,iBAAgB;AACd,WAAS,WAAW;GACH;GACH;GACM;GACC;GACT;GACQ;GACD;GAClB,CAAC;IACD;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;AAEF,EAAA,GAAA,MAAA,iBAAgB;AACd,MAAI,WAAW,QACb,UAAS,MAAM,WAAW,QAAQ;AAGpC,eAAa;AACX,YAAS,SAAS;;IAEnB,CAAC,SAAS,CAAC;AAEd,QACE,iBAAA,GAAA,kBAAA,KAAC,MAAA,UAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAC,OAAD,EAAK,KAAK,YAAc,CAAA,EACf,CAAA"}
+{"version":3,"file":"TanStackRouterDevtools.cjs","names":[],"sources":["../../src/TanStackRouterDevtools.tsx"],"sourcesContent":["'use client'\n\nimport { TanStackRouterDevtoolsCore } from '@tanstack/router-devtools-core'\nimport { Fragment, useEffect, useRef, useState } from 'react'\nimport { useRouter, useRouterState } from '@tanstack/react-router'\nimport type { ButtonHTMLAttributes, HTMLAttributes } from 'react'\nimport type { AnyRouter } from '@tanstack/react-router'\nimport type React from 'react'\n\nexport interface TanStackRouterDevtoolsOptions {\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?: HTMLAttributes<HTMLDivElement>\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?: ButtonHTMLAttributes<HTMLButtonElement>\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?: ButtonHTMLAttributes<HTMLButtonElement>\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   * The router instance to use for the devtools.\n   */\n  router?: AnyRouter\n  /**\n   * Use this to attach the devtool's styles to specific element in the DOM.\n   */\n  shadowDOMTarget?: ShadowRoot\n}\n\nexport function TanStackRouterDevtools(\n  props: TanStackRouterDevtoolsOptions,\n): React.ReactElement | null {\n  const {\n    initialIsOpen,\n    panelProps,\n    closeButtonProps,\n    toggleButtonProps,\n    position,\n    containerElement,\n    shadowDOMTarget,\n    router: propsRouter,\n  } = props\n\n  const hookRouter = useRouter({ warn: false })\n  const activeRouter = propsRouter ?? hookRouter\n\n  const activeRouterState = useRouterState({ router: activeRouter })\n\n  const devToolRef = useRef<HTMLDivElement>(null)\n  const [devtools] = useState(\n    () =>\n      new TanStackRouterDevtoolsCore({\n        initialIsOpen,\n        panelProps,\n        closeButtonProps,\n        toggleButtonProps,\n        position,\n        containerElement,\n        shadowDOMTarget,\n        router: activeRouter,\n        routerState: activeRouterState,\n      }),\n  )\n\n  // Update devtools when props change\n  useEffect(() => {\n    devtools.setRouter(activeRouter)\n  }, [devtools, activeRouter])\n\n  useEffect(() => {\n    devtools.setRouterState(activeRouterState)\n  }, [devtools, activeRouterState])\n\n  useEffect(() => {\n    devtools.setOptions({\n      initialIsOpen: initialIsOpen,\n      panelProps: panelProps,\n      closeButtonProps: closeButtonProps,\n      toggleButtonProps: toggleButtonProps,\n      position: position,\n      containerElement: containerElement,\n      shadowDOMTarget: shadowDOMTarget,\n    })\n  }, [\n    devtools,\n    initialIsOpen,\n    panelProps,\n    closeButtonProps,\n    toggleButtonProps,\n    position,\n    containerElement,\n    shadowDOMTarget,\n  ])\n\n  useEffect(() => {\n    if (devToolRef.current) {\n      devtools.mount(devToolRef.current)\n    }\n\n    return () => {\n      devtools.unmount()\n    }\n  }, [devtools])\n\n  return (\n    <Fragment>\n      <div ref={devToolRef} />\n    </Fragment>\n  )\n}\n"],"mappings":";;;;;;AA+CA,SAAgB,uBACd,OAC2B;CAC3B,MAAM,EACJ,eACA,YACA,kBACA,mBACA,UACA,kBACA,iBACA,QAAQ,gBACN;CAEJ,MAAM,cAAA,GAAA,uBAAA,WAAuB,EAAE,MAAM,MAAM,CAAC;CAC5C,MAAM,eAAe,eAAe;CAEpC,MAAM,qBAAA,GAAA,uBAAA,gBAAmC,EAAE,QAAQ,aAAa,CAAC;CAEjE,MAAM,cAAA,GAAA,MAAA,QAAoC,IAAI;CAC9C,MAAM,CAAC,aAAA,GAAA,MAAA,gBAEH,IAAI,+BAAA,2BAA2B;EAC7B;EACA;EACA;EACA;EACA;EACA;EACA;EACA,QAAQ;EACR,aAAa;CACf,CAAC,CACL;CAGA,CAAA,GAAA,MAAA,iBAAgB;EACd,SAAS,UAAU,YAAY;CACjC,GAAG,CAAC,UAAU,YAAY,CAAC;CAE3B,CAAA,GAAA,MAAA,iBAAgB;EACd,SAAS,eAAe,iBAAiB;CAC3C,GAAG,CAAC,UAAU,iBAAiB,CAAC;CAEhC,CAAA,GAAA,MAAA,iBAAgB;EACd,SAAS,WAAW;GACH;GACH;GACM;GACC;GACT;GACQ;GACD;EACnB,CAAC;CACH,GAAG;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,CAAA,GAAA,MAAA,iBAAgB;EACd,IAAI,WAAW,SACb,SAAS,MAAM,WAAW,OAAO;EAGnC,aAAa;GACX,SAAS,QAAQ;EACnB;CACF,GAAG,CAAC,QAAQ,CAAC;CAEb,OACE,iBAAA,GAAA,kBAAA,KAAC,MAAA,UAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAC,OAAD,EAAK,KAAK,WAAa,CAAA,EACf,CAAA;AAEd"}

dist/cjs/TanStackRouterDevtoolsPanel.cjs

@@ -5,3 +5,3 @@ "use client";
 let react = require("react");
-react = require_runtime.__toESM(react);
+react = require_runtime.__toESM(react, 1);
 let _tanstack_react_router = require("@tanstack/react-router");
@@ -8,0 +8,0 @@ let react_jsx_runtime = require("react/jsx-runtime");

dist/cjs/TanStackRouterDevtoolsPanel.cjs.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"TanStackRouterDevtoolsPanel.cjs","names":[],"sources":["../../src/TanStackRouterDevtoolsPanel.tsx"],"sourcesContent":["'use client'\n\nimport { useRouter, useRouterState } from '@tanstack/react-router'\nimport { TanStackRouterDevtoolsPanelCore } from '@tanstack/router-devtools-core'\nimport React, { useEffect, useRef, useState } from 'react'\nimport type { AnyRouter } from '@tanstack/react-router'\n\nexport interface TanStackRouterDevtoolsPanelOptions {\n  /**\n   * The standard React style object used to style a component with inline styles\n   */\n  style?: any\n  /**\n   * The standard React class 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: any) => void\n  /**\n   * A boolean variable indicating if the \"lite\" version of the library is being used\n   */\n  router?: AnyRouter\n  /**\n   * Use this to attach the devtool's styles to specific element in the DOM.\n   */\n  shadowDOMTarget?: ShadowRoot\n}\n\nexport const TanStackRouterDevtoolsPanel: React.FC<\n  TanStackRouterDevtoolsPanelOptions\n> = (props): React.ReactElement | null => {\n  const { router: propsRouter, ...rest } = props\n  const hookRouter = useRouter({ warn: false })\n  const activeRouter = propsRouter ?? hookRouter\n  const activeRouterState = useRouterState({ router: activeRouter })\n\n  const devToolRef = useRef<HTMLDivElement>(null)\n  const [devtools] = useState(\n    () =>\n      new TanStackRouterDevtoolsPanelCore({\n        ...rest,\n        router: activeRouter,\n        routerState: activeRouterState,\n      }),\n  )\n\n  // Update devtools when props change\n  useEffect(() => {\n    devtools.setRouter(activeRouter)\n  }, [devtools, activeRouter])\n\n  useEffect(() => {\n    devtools.setRouterState(activeRouterState)\n  }, [devtools, activeRouterState])\n\n  useEffect(() => {\n    devtools.setOptions({\n      className: props.className,\n      style: props.style,\n      shadowDOMTarget: props.shadowDOMTarget,\n    })\n  }, [devtools, props.className, props.style, props.shadowDOMTarget])\n\n  useEffect(() => {\n    if (devToolRef.current) {\n      devtools.mount(devToolRef.current)\n    }\n\n    return () => {\n      devtools.unmount()\n    }\n  }, [devtools])\n\n  return (\n    <>\n      <div ref={devToolRef} />\n    </>\n  )\n}\n"],"mappings":";;;;;;;;AAsCA,IAAa,+BAER,UAAqC;CACxC,MAAM,EAAE,QAAQ,aAAa,GAAG,SAAS;CACzC,MAAM,cAAA,GAAA,uBAAA,WAAuB,EAAE,MAAM,OAAO,CAAC;CAC7C,MAAM,eAAe,eAAe;CACpC,MAAM,qBAAA,GAAA,uBAAA,gBAAmC,EAAE,QAAQ,cAAc,CAAC;CAElE,MAAM,cAAA,GAAA,MAAA,QAAoC,KAAK;CAC/C,MAAM,CAAC,aAAA,GAAA,MAAA,gBAEH,IAAI,+BAAA,gCAAgC;EAClC,GAAG;EACH,QAAQ;EACR,aAAa;EACd,CAAC,CACL;AAGD,EAAA,GAAA,MAAA,iBAAgB;AACd,WAAS,UAAU,aAAa;IAC/B,CAAC,UAAU,aAAa,CAAC;AAE5B,EAAA,GAAA,MAAA,iBAAgB;AACd,WAAS,eAAe,kBAAkB;IACzC,CAAC,UAAU,kBAAkB,CAAC;AAEjC,EAAA,GAAA,MAAA,iBAAgB;AACd,WAAS,WAAW;GAClB,WAAW,MAAM;GACjB,OAAO,MAAM;GACb,iBAAiB,MAAM;GACxB,CAAC;IACD;EAAC;EAAU,MAAM;EAAW,MAAM;EAAO,MAAM;EAAgB,CAAC;AAEnE,EAAA,GAAA,MAAA,iBAAgB;AACd,MAAI,WAAW,QACb,UAAS,MAAM,WAAW,QAAQ;AAGpC,eAAa;AACX,YAAS,SAAS;;IAEnB,CAAC,SAAS,CAAC;AAEd,QACE,iBAAA,GAAA,kBAAA,KAAA,kBAAA,UAAA,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAC,OAAD,EAAK,KAAK,YAAc,CAAA,EACvB,CAAA"}
+{"version":3,"file":"TanStackRouterDevtoolsPanel.cjs","names":[],"sources":["../../src/TanStackRouterDevtoolsPanel.tsx"],"sourcesContent":["'use client'\n\nimport { useRouter, useRouterState } from '@tanstack/react-router'\nimport { TanStackRouterDevtoolsPanelCore } from '@tanstack/router-devtools-core'\nimport React, { useEffect, useRef, useState } from 'react'\nimport type { AnyRouter } from '@tanstack/react-router'\n\nexport interface TanStackRouterDevtoolsPanelOptions {\n  /**\n   * The standard React style object used to style a component with inline styles\n   */\n  style?: any\n  /**\n   * The standard React class 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: any) => void\n  /**\n   * A boolean variable indicating if the \"lite\" version of the library is being used\n   */\n  router?: AnyRouter\n  /**\n   * Use this to attach the devtool's styles to specific element in the DOM.\n   */\n  shadowDOMTarget?: ShadowRoot\n}\n\nexport const TanStackRouterDevtoolsPanel: React.FC<\n  TanStackRouterDevtoolsPanelOptions\n> = (props): React.ReactElement | null => {\n  const { router: propsRouter, ...rest } = props\n  const hookRouter = useRouter({ warn: false })\n  const activeRouter = propsRouter ?? hookRouter\n  const activeRouterState = useRouterState({ router: activeRouter })\n\n  const devToolRef = useRef<HTMLDivElement>(null)\n  const [devtools] = useState(\n    () =>\n      new TanStackRouterDevtoolsPanelCore({\n        ...rest,\n        router: activeRouter,\n        routerState: activeRouterState,\n      }),\n  )\n\n  // Update devtools when props change\n  useEffect(() => {\n    devtools.setRouter(activeRouter)\n  }, [devtools, activeRouter])\n\n  useEffect(() => {\n    devtools.setRouterState(activeRouterState)\n  }, [devtools, activeRouterState])\n\n  useEffect(() => {\n    devtools.setOptions({\n      className: props.className,\n      style: props.style,\n      shadowDOMTarget: props.shadowDOMTarget,\n    })\n  }, [devtools, props.className, props.style, props.shadowDOMTarget])\n\n  useEffect(() => {\n    if (devToolRef.current) {\n      devtools.mount(devToolRef.current)\n    }\n\n    return () => {\n      devtools.unmount()\n    }\n  }, [devtools])\n\n  return (\n    <>\n      <div ref={devToolRef} />\n    </>\n  )\n}\n"],"mappings":";;;;;;;;AAsCA,IAAa,+BAER,UAAqC;CACxC,MAAM,EAAE,QAAQ,aAAa,GAAG,SAAS;CACzC,MAAM,cAAA,GAAA,uBAAA,WAAuB,EAAE,MAAM,MAAM,CAAC;CAC5C,MAAM,eAAe,eAAe;CACpC,MAAM,qBAAA,GAAA,uBAAA,gBAAmC,EAAE,QAAQ,aAAa,CAAC;CAEjE,MAAM,cAAA,GAAA,MAAA,QAAoC,IAAI;CAC9C,MAAM,CAAC,aAAA,GAAA,MAAA,gBAEH,IAAI,+BAAA,gCAAgC;EAClC,GAAG;EACH,QAAQ;EACR,aAAa;CACf,CAAC,CACL;CAGA,CAAA,GAAA,MAAA,iBAAgB;EACd,SAAS,UAAU,YAAY;CACjC,GAAG,CAAC,UAAU,YAAY,CAAC;CAE3B,CAAA,GAAA,MAAA,iBAAgB;EACd,SAAS,eAAe,iBAAiB;CAC3C,GAAG,CAAC,UAAU,iBAAiB,CAAC;CAEhC,CAAA,GAAA,MAAA,iBAAgB;EACd,SAAS,WAAW;GAClB,WAAW,MAAM;GACjB,OAAO,MAAM;GACb,iBAAiB,MAAM;EACzB,CAAC;CACH,GAAG;EAAC;EAAU,MAAM;EAAW,MAAM;EAAO,MAAM;CAAe,CAAC;CAElE,CAAA,GAAA,MAAA,iBAAgB;EACd,IAAI,WAAW,SACb,SAAS,MAAM,WAAW,OAAO;EAGnC,aAAa;GACX,SAAS,QAAQ;EACnB;CACF,GAAG,CAAC,QAAQ,CAAC;CAEb,OACE,iBAAA,GAAA,kBAAA,KAAA,kBAAA,UAAA,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAC,OAAD,EAAK,KAAK,WAAa,CAAA,EACvB,CAAA;AAEN"}

dist/esm/index.js.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/index.ts"],"sourcesContent":["'use client'\n\nimport * as Devtools from './TanStackRouterDevtools'\nimport * as DevtoolsPanel from './TanStackRouterDevtoolsPanel'\n\nexport const TanStackRouterDevtools: (typeof Devtools)['TanStackRouterDevtools'] =\n  process.env.NODE_ENV !== 'development'\n    ? function () {\n        return null\n      }\n    : Devtools.TanStackRouterDevtools\n\nexport const TanStackRouterDevtoolsInProd: (typeof Devtools)['TanStackRouterDevtools'] =\n  Devtools.TanStackRouterDevtools\n\nexport const TanStackRouterDevtoolsPanel: (typeof DevtoolsPanel)['TanStackRouterDevtoolsPanel'] =\n  process.env.NODE_ENV !== 'development'\n    ? function () {\n        return null\n      }\n    : DevtoolsPanel.TanStackRouterDevtoolsPanel\n\nexport const TanStackRouterDevtoolsPanelInProd: (typeof DevtoolsPanel)['TanStackRouterDevtoolsPanel'] =\n  DevtoolsPanel.TanStackRouterDevtoolsPanel\n"],"mappings":";;;;AAKA,IAAa,yBAAA,QAAA,IAAA,aACc,gBACrB,WAAY;AACV,QAAO;IAET;AAEN,IAAa,+BACX;AAEF,IAAa,8BAAA,QAAA,IAAA,aACc,gBACrB,WAAY;AACV,QAAO;IAET;AAEN,IAAa,oCACX"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/index.ts"],"sourcesContent":["'use client'\n\nimport * as Devtools from './TanStackRouterDevtools'\nimport * as DevtoolsPanel from './TanStackRouterDevtoolsPanel'\n\nexport const TanStackRouterDevtools: (typeof Devtools)['TanStackRouterDevtools'] =\n  process.env.NODE_ENV !== 'development'\n    ? function () {\n        return null\n      }\n    : Devtools.TanStackRouterDevtools\n\nexport const TanStackRouterDevtoolsInProd: (typeof Devtools)['TanStackRouterDevtools'] =\n  Devtools.TanStackRouterDevtools\n\nexport const TanStackRouterDevtoolsPanel: (typeof DevtoolsPanel)['TanStackRouterDevtoolsPanel'] =\n  process.env.NODE_ENV !== 'development'\n    ? function () {\n        return null\n      }\n    : DevtoolsPanel.TanStackRouterDevtoolsPanel\n\nexport const TanStackRouterDevtoolsPanelInProd: (typeof DevtoolsPanel)['TanStackRouterDevtoolsPanel'] =\n  DevtoolsPanel.TanStackRouterDevtoolsPanel\n"],"mappings":";;;;AAKA,IAAa,yBAAA,QAAA,IAAA,aACc,gBACrB,WAAY;CACV,OAAO;AACT,IACA;AAEN,IAAa,+BACX;AAEF,IAAa,8BAAA,QAAA,IAAA,aACc,gBACrB,WAAY;CACV,OAAO;AACT,IACA;AAEN,IAAa,oCACX"}

dist/esm/TanStackRouterDevtools.js.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"TanStackRouterDevtools.js","names":[],"sources":["../../src/TanStackRouterDevtools.tsx"],"sourcesContent":["'use client'\n\nimport { TanStackRouterDevtoolsCore } from '@tanstack/router-devtools-core'\nimport { Fragment, useEffect, useRef, useState } from 'react'\nimport { useRouter, useRouterState } from '@tanstack/react-router'\nimport type { ButtonHTMLAttributes, HTMLAttributes } from 'react'\nimport type { AnyRouter } from '@tanstack/react-router'\nimport type React from 'react'\n\nexport interface TanStackRouterDevtoolsOptions {\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?: HTMLAttributes<HTMLDivElement>\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?: ButtonHTMLAttributes<HTMLButtonElement>\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?: ButtonHTMLAttributes<HTMLButtonElement>\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   * The router instance to use for the devtools.\n   */\n  router?: AnyRouter\n  /**\n   * Use this to attach the devtool's styles to specific element in the DOM.\n   */\n  shadowDOMTarget?: ShadowRoot\n}\n\nexport function TanStackRouterDevtools(\n  props: TanStackRouterDevtoolsOptions,\n): React.ReactElement | null {\n  const {\n    initialIsOpen,\n    panelProps,\n    closeButtonProps,\n    toggleButtonProps,\n    position,\n    containerElement,\n    shadowDOMTarget,\n    router: propsRouter,\n  } = props\n\n  const hookRouter = useRouter({ warn: false })\n  const activeRouter = propsRouter ?? hookRouter\n\n  const activeRouterState = useRouterState({ router: activeRouter })\n\n  const devToolRef = useRef<HTMLDivElement>(null)\n  const [devtools] = useState(\n    () =>\n      new TanStackRouterDevtoolsCore({\n        initialIsOpen,\n        panelProps,\n        closeButtonProps,\n        toggleButtonProps,\n        position,\n        containerElement,\n        shadowDOMTarget,\n        router: activeRouter,\n        routerState: activeRouterState,\n      }),\n  )\n\n  // Update devtools when props change\n  useEffect(() => {\n    devtools.setRouter(activeRouter)\n  }, [devtools, activeRouter])\n\n  useEffect(() => {\n    devtools.setRouterState(activeRouterState)\n  }, [devtools, activeRouterState])\n\n  useEffect(() => {\n    devtools.setOptions({\n      initialIsOpen: initialIsOpen,\n      panelProps: panelProps,\n      closeButtonProps: closeButtonProps,\n      toggleButtonProps: toggleButtonProps,\n      position: position,\n      containerElement: containerElement,\n      shadowDOMTarget: shadowDOMTarget,\n    })\n  }, [\n    devtools,\n    initialIsOpen,\n    panelProps,\n    closeButtonProps,\n    toggleButtonProps,\n    position,\n    containerElement,\n    shadowDOMTarget,\n  ])\n\n  useEffect(() => {\n    if (devToolRef.current) {\n      devtools.mount(devToolRef.current)\n    }\n\n    return () => {\n      devtools.unmount()\n    }\n  }, [devtools])\n\n  return (\n    <Fragment>\n      <div ref={devToolRef} />\n    </Fragment>\n  )\n}\n"],"mappings":";;;;;;AA+CA,SAAgB,uBACd,OAC2B;CAC3B,MAAM,EACJ,eACA,YACA,kBACA,mBACA,UACA,kBACA,iBACA,QAAQ,gBACN;CAEJ,MAAM,aAAa,UAAU,EAAE,MAAM,OAAO,CAAC;CAC7C,MAAM,eAAe,eAAe;CAEpC,MAAM,oBAAoB,eAAe,EAAE,QAAQ,cAAc,CAAC;CAElE,MAAM,aAAa,OAAuB,KAAK;CAC/C,MAAM,CAAC,YAAY,eAEf,IAAI,2BAA2B;EAC7B;EACA;EACA;EACA;EACA;EACA;EACA;EACA,QAAQ;EACR,aAAa;EACd,CAAC,CACL;AAGD,iBAAgB;AACd,WAAS,UAAU,aAAa;IAC/B,CAAC,UAAU,aAAa,CAAC;AAE5B,iBAAgB;AACd,WAAS,eAAe,kBAAkB;IACzC,CAAC,UAAU,kBAAkB,CAAC;AAEjC,iBAAgB;AACd,WAAS,WAAW;GACH;GACH;GACM;GACC;GACT;GACQ;GACD;GAClB,CAAC;IACD;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;AAEF,iBAAgB;AACd,MAAI,WAAW,QACb,UAAS,MAAM,WAAW,QAAQ;AAGpC,eAAa;AACX,YAAS,SAAS;;IAEnB,CAAC,SAAS,CAAC;AAEd,QACE,oBAAC,UAAD,EAAA,UACE,oBAAC,OAAD,EAAK,KAAK,YAAc,CAAA,EACf,CAAA"}
+{"version":3,"file":"TanStackRouterDevtools.js","names":[],"sources":["../../src/TanStackRouterDevtools.tsx"],"sourcesContent":["'use client'\n\nimport { TanStackRouterDevtoolsCore } from '@tanstack/router-devtools-core'\nimport { Fragment, useEffect, useRef, useState } from 'react'\nimport { useRouter, useRouterState } from '@tanstack/react-router'\nimport type { ButtonHTMLAttributes, HTMLAttributes } from 'react'\nimport type { AnyRouter } from '@tanstack/react-router'\nimport type React from 'react'\n\nexport interface TanStackRouterDevtoolsOptions {\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?: HTMLAttributes<HTMLDivElement>\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?: ButtonHTMLAttributes<HTMLButtonElement>\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?: ButtonHTMLAttributes<HTMLButtonElement>\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   * The router instance to use for the devtools.\n   */\n  router?: AnyRouter\n  /**\n   * Use this to attach the devtool's styles to specific element in the DOM.\n   */\n  shadowDOMTarget?: ShadowRoot\n}\n\nexport function TanStackRouterDevtools(\n  props: TanStackRouterDevtoolsOptions,\n): React.ReactElement | null {\n  const {\n    initialIsOpen,\n    panelProps,\n    closeButtonProps,\n    toggleButtonProps,\n    position,\n    containerElement,\n    shadowDOMTarget,\n    router: propsRouter,\n  } = props\n\n  const hookRouter = useRouter({ warn: false })\n  const activeRouter = propsRouter ?? hookRouter\n\n  const activeRouterState = useRouterState({ router: activeRouter })\n\n  const devToolRef = useRef<HTMLDivElement>(null)\n  const [devtools] = useState(\n    () =>\n      new TanStackRouterDevtoolsCore({\n        initialIsOpen,\n        panelProps,\n        closeButtonProps,\n        toggleButtonProps,\n        position,\n        containerElement,\n        shadowDOMTarget,\n        router: activeRouter,\n        routerState: activeRouterState,\n      }),\n  )\n\n  // Update devtools when props change\n  useEffect(() => {\n    devtools.setRouter(activeRouter)\n  }, [devtools, activeRouter])\n\n  useEffect(() => {\n    devtools.setRouterState(activeRouterState)\n  }, [devtools, activeRouterState])\n\n  useEffect(() => {\n    devtools.setOptions({\n      initialIsOpen: initialIsOpen,\n      panelProps: panelProps,\n      closeButtonProps: closeButtonProps,\n      toggleButtonProps: toggleButtonProps,\n      position: position,\n      containerElement: containerElement,\n      shadowDOMTarget: shadowDOMTarget,\n    })\n  }, [\n    devtools,\n    initialIsOpen,\n    panelProps,\n    closeButtonProps,\n    toggleButtonProps,\n    position,\n    containerElement,\n    shadowDOMTarget,\n  ])\n\n  useEffect(() => {\n    if (devToolRef.current) {\n      devtools.mount(devToolRef.current)\n    }\n\n    return () => {\n      devtools.unmount()\n    }\n  }, [devtools])\n\n  return (\n    <Fragment>\n      <div ref={devToolRef} />\n    </Fragment>\n  )\n}\n"],"mappings":";;;;;;AA+CA,SAAgB,uBACd,OAC2B;CAC3B,MAAM,EACJ,eACA,YACA,kBACA,mBACA,UACA,kBACA,iBACA,QAAQ,gBACN;CAEJ,MAAM,aAAa,UAAU,EAAE,MAAM,MAAM,CAAC;CAC5C,MAAM,eAAe,eAAe;CAEpC,MAAM,oBAAoB,eAAe,EAAE,QAAQ,aAAa,CAAC;CAEjE,MAAM,aAAa,OAAuB,IAAI;CAC9C,MAAM,CAAC,YAAY,eAEf,IAAI,2BAA2B;EAC7B;EACA;EACA;EACA;EACA;EACA;EACA;EACA,QAAQ;EACR,aAAa;CACf,CAAC,CACL;CAGA,gBAAgB;EACd,SAAS,UAAU,YAAY;CACjC,GAAG,CAAC,UAAU,YAAY,CAAC;CAE3B,gBAAgB;EACd,SAAS,eAAe,iBAAiB;CAC3C,GAAG,CAAC,UAAU,iBAAiB,CAAC;CAEhC,gBAAgB;EACd,SAAS,WAAW;GACH;GACH;GACM;GACC;GACT;GACQ;GACD;EACnB,CAAC;CACH,GAAG;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,gBAAgB;EACd,IAAI,WAAW,SACb,SAAS,MAAM,WAAW,OAAO;EAGnC,aAAa;GACX,SAAS,QAAQ;EACnB;CACF,GAAG,CAAC,QAAQ,CAAC;CAEb,OACE,oBAAC,UAAD,EAAA,UACE,oBAAC,OAAD,EAAK,KAAK,WAAa,CAAA,EACf,CAAA;AAEd"}

dist/esm/TanStackRouterDevtoolsPanel.js.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"TanStackRouterDevtoolsPanel.js","names":[],"sources":["../../src/TanStackRouterDevtoolsPanel.tsx"],"sourcesContent":["'use client'\n\nimport { useRouter, useRouterState } from '@tanstack/react-router'\nimport { TanStackRouterDevtoolsPanelCore } from '@tanstack/router-devtools-core'\nimport React, { useEffect, useRef, useState } from 'react'\nimport type { AnyRouter } from '@tanstack/react-router'\n\nexport interface TanStackRouterDevtoolsPanelOptions {\n  /**\n   * The standard React style object used to style a component with inline styles\n   */\n  style?: any\n  /**\n   * The standard React class 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: any) => void\n  /**\n   * A boolean variable indicating if the \"lite\" version of the library is being used\n   */\n  router?: AnyRouter\n  /**\n   * Use this to attach the devtool's styles to specific element in the DOM.\n   */\n  shadowDOMTarget?: ShadowRoot\n}\n\nexport const TanStackRouterDevtoolsPanel: React.FC<\n  TanStackRouterDevtoolsPanelOptions\n> = (props): React.ReactElement | null => {\n  const { router: propsRouter, ...rest } = props\n  const hookRouter = useRouter({ warn: false })\n  const activeRouter = propsRouter ?? hookRouter\n  const activeRouterState = useRouterState({ router: activeRouter })\n\n  const devToolRef = useRef<HTMLDivElement>(null)\n  const [devtools] = useState(\n    () =>\n      new TanStackRouterDevtoolsPanelCore({\n        ...rest,\n        router: activeRouter,\n        routerState: activeRouterState,\n      }),\n  )\n\n  // Update devtools when props change\n  useEffect(() => {\n    devtools.setRouter(activeRouter)\n  }, [devtools, activeRouter])\n\n  useEffect(() => {\n    devtools.setRouterState(activeRouterState)\n  }, [devtools, activeRouterState])\n\n  useEffect(() => {\n    devtools.setOptions({\n      className: props.className,\n      style: props.style,\n      shadowDOMTarget: props.shadowDOMTarget,\n    })\n  }, [devtools, props.className, props.style, props.shadowDOMTarget])\n\n  useEffect(() => {\n    if (devToolRef.current) {\n      devtools.mount(devToolRef.current)\n    }\n\n    return () => {\n      devtools.unmount()\n    }\n  }, [devtools])\n\n  return (\n    <>\n      <div ref={devToolRef} />\n    </>\n  )\n}\n"],"mappings":";;;;;;AAsCA,IAAa,+BAER,UAAqC;CACxC,MAAM,EAAE,QAAQ,aAAa,GAAG,SAAS;CACzC,MAAM,aAAa,UAAU,EAAE,MAAM,OAAO,CAAC;CAC7C,MAAM,eAAe,eAAe;CACpC,MAAM,oBAAoB,eAAe,EAAE,QAAQ,cAAc,CAAC;CAElE,MAAM,aAAa,OAAuB,KAAK;CAC/C,MAAM,CAAC,YAAY,eAEf,IAAI,gCAAgC;EAClC,GAAG;EACH,QAAQ;EACR,aAAa;EACd,CAAC,CACL;AAGD,iBAAgB;AACd,WAAS,UAAU,aAAa;IAC/B,CAAC,UAAU,aAAa,CAAC;AAE5B,iBAAgB;AACd,WAAS,eAAe,kBAAkB;IACzC,CAAC,UAAU,kBAAkB,CAAC;AAEjC,iBAAgB;AACd,WAAS,WAAW;GAClB,WAAW,MAAM;GACjB,OAAO,MAAM;GACb,iBAAiB,MAAM;GACxB,CAAC;IACD;EAAC;EAAU,MAAM;EAAW,MAAM;EAAO,MAAM;EAAgB,CAAC;AAEnE,iBAAgB;AACd,MAAI,WAAW,QACb,UAAS,MAAM,WAAW,QAAQ;AAGpC,eAAa;AACX,YAAS,SAAS;;IAEnB,CAAC,SAAS,CAAC;AAEd,QACE,oBAAA,YAAA,EAAA,UACE,oBAAC,OAAD,EAAK,KAAK,YAAc,CAAA,EACvB,CAAA"}
+{"version":3,"file":"TanStackRouterDevtoolsPanel.js","names":[],"sources":["../../src/TanStackRouterDevtoolsPanel.tsx"],"sourcesContent":["'use client'\n\nimport { useRouter, useRouterState } from '@tanstack/react-router'\nimport { TanStackRouterDevtoolsPanelCore } from '@tanstack/router-devtools-core'\nimport React, { useEffect, useRef, useState } from 'react'\nimport type { AnyRouter } from '@tanstack/react-router'\n\nexport interface TanStackRouterDevtoolsPanelOptions {\n  /**\n   * The standard React style object used to style a component with inline styles\n   */\n  style?: any\n  /**\n   * The standard React class 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: any) => void\n  /**\n   * A boolean variable indicating if the \"lite\" version of the library is being used\n   */\n  router?: AnyRouter\n  /**\n   * Use this to attach the devtool's styles to specific element in the DOM.\n   */\n  shadowDOMTarget?: ShadowRoot\n}\n\nexport const TanStackRouterDevtoolsPanel: React.FC<\n  TanStackRouterDevtoolsPanelOptions\n> = (props): React.ReactElement | null => {\n  const { router: propsRouter, ...rest } = props\n  const hookRouter = useRouter({ warn: false })\n  const activeRouter = propsRouter ?? hookRouter\n  const activeRouterState = useRouterState({ router: activeRouter })\n\n  const devToolRef = useRef<HTMLDivElement>(null)\n  const [devtools] = useState(\n    () =>\n      new TanStackRouterDevtoolsPanelCore({\n        ...rest,\n        router: activeRouter,\n        routerState: activeRouterState,\n      }),\n  )\n\n  // Update devtools when props change\n  useEffect(() => {\n    devtools.setRouter(activeRouter)\n  }, [devtools, activeRouter])\n\n  useEffect(() => {\n    devtools.setRouterState(activeRouterState)\n  }, [devtools, activeRouterState])\n\n  useEffect(() => {\n    devtools.setOptions({\n      className: props.className,\n      style: props.style,\n      shadowDOMTarget: props.shadowDOMTarget,\n    })\n  }, [devtools, props.className, props.style, props.shadowDOMTarget])\n\n  useEffect(() => {\n    if (devToolRef.current) {\n      devtools.mount(devToolRef.current)\n    }\n\n    return () => {\n      devtools.unmount()\n    }\n  }, [devtools])\n\n  return (\n    <>\n      <div ref={devToolRef} />\n    </>\n  )\n}\n"],"mappings":";;;;;;AAsCA,IAAa,+BAER,UAAqC;CACxC,MAAM,EAAE,QAAQ,aAAa,GAAG,SAAS;CACzC,MAAM,aAAa,UAAU,EAAE,MAAM,MAAM,CAAC;CAC5C,MAAM,eAAe,eAAe;CACpC,MAAM,oBAAoB,eAAe,EAAE,QAAQ,aAAa,CAAC;CAEjE,MAAM,aAAa,OAAuB,IAAI;CAC9C,MAAM,CAAC,YAAY,eAEf,IAAI,gCAAgC;EAClC,GAAG;EACH,QAAQ;EACR,aAAa;CACf,CAAC,CACL;CAGA,gBAAgB;EACd,SAAS,UAAU,YAAY;CACjC,GAAG,CAAC,UAAU,YAAY,CAAC;CAE3B,gBAAgB;EACd,SAAS,eAAe,iBAAiB;CAC3C,GAAG,CAAC,UAAU,iBAAiB,CAAC;CAEhC,gBAAgB;EACd,SAAS,WAAW;GAClB,WAAW,MAAM;GACjB,OAAO,MAAM;GACb,iBAAiB,MAAM;EACzB,CAAC;CACH,GAAG;EAAC;EAAU,MAAM;EAAW,MAAM;EAAO,MAAM;CAAe,CAAC;CAElE,gBAAgB;EACd,IAAI,WAAW,SACb,SAAS,MAAM,WAAW,OAAO;EAGnC,aAAa;GACX,SAAS,QAAQ;EACnB;CACF,GAAG,CAAC,QAAQ,CAAC;CAEb,OACE,oBAAA,YAAA,EAAA,UACE,oBAAC,OAAD,EAAK,KAAK,WAAa,CAAA,EACvB,CAAA;AAEN"}

package.json

 {
   "name": "@tanstack/react-router-devtools",
-  "version": "1.167.0",
+  "version": "1.167.1-pre.0",
   "description": "Modern and scalable routing for React applications",
@@ -52,3 +52,3 @@ "author": "Tanner Linsley",
   "dependencies": {
-    "@tanstack/router-devtools-core": "1.168.0"
+    "@tanstack/router-devtools-core": "1.168.1-pre.0"
   },
@@ -65,4 +65,4 @@ "devDependencies": {
     "react-dom": ">=18.0.0 || >=19.0.0",
-    "@tanstack/react-router": "^1.170.0",
-    "@tanstack/router-core": "^1.170.0"
+    "@tanstack/react-router": "^1.170.19-pre.0",
+    "@tanstack/router-core": "^1.171.16-pre.0"
   },
@@ -78,3 +78,2 @@ "peerDependenciesMeta": {
     "test:types": "pnpm run \"/^test:types:ts[0-9]{2}$/\"",
-    "test:types:ts55": "node ../../node_modules/typescript55/lib/tsc.js",
     "test:types:ts56": "node ../../node_modules/typescript56/lib/tsc.js",
@@ -84,3 +83,4 @@ "test:types:ts57": "node ../../node_modules/typescript57/lib/tsc.js",
     "test:types:ts59": "node ../../node_modules/typescript59/lib/tsc.js",
-    "test:types:ts60": "tsc",
+    "test:types:ts60": "tsc6",
+    "test:types:ts70": "tsc",
     "test:build": "publint --strict && attw --ignore-rules no-resolution --pack .",
@@ -87,0 +87,0 @@ "build": "vite build"

New alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Improved metrics

Total package byte prevSize

46275

0.2%

Worsened metrics

Lines of code

558

-0.18%

Number of low quality alerts

2

100%

Dependency changes

• + Added

  @tanstack/react-router@1.170.19-pre.0
  (transitive)

• + Added

  @tanstack/router-core@1.171.16-pre.0
  (transitive)

• + Added

  @tanstack/router-devtools-core@1.168.1-pre.0
  (transitive)

• - Removed

  @tanstack/react-router@1.170.18
  (transitive)

• - Removed

  @tanstack/router-core@1.171.15
  (transitive)

• - Removed

  @tanstack/router-devtools-core@1.168.0
  (transitive)

• Updated

  @tanstack/router-devtools-core@1.168.1-pre.0