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

Comparing version 2.0.0-beta.12 to 2.0.0-beta.13

dist/cjs/TanStackRouterDevtools.cjs.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"TanStackRouterDevtools.cjs","names":["useRouter","useRouterState","TanStackRouterDevtoolsCore","createEffect","createSignal","onCleanup","AnyRouter","Component","JSX","TanStackRouterDevtoolsOptions","initialIsOpen","panelProps","HTMLAttributes","HTMLDivElement","closeButtonProps","ButtonHTMLAttributes","HTMLButtonElement","toggleButtonProps","position","containerElement","router","shadowDOMTarget","ShadowRoot","TanStackRouterDevtools","props","Element","activeRouter","activeRouterState","usedProps","routerState","devToolRef","setDevToolRef","devtools","d","setRouter","setRouterState","setOptions","el","mount","unmount","_el$","_tmpl$","_$ref"],"sources":["../../src/TanStackRouterDevtools.tsx"],"sourcesContent":["import { useRouter, useRouterState } from '@tanstack/solid-router'\nimport { TanStackRouterDevtoolsCore } from '@tanstack/router-devtools-core'\nimport { createEffect, createSignal, onCleanup } from 'solid-js'\nimport type { AnyRouter } from '@tanstack/solid-router'\nimport type { Component, JSX } from 'solid-js'\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?: JSX.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?: JSX.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?: JSX.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 const TanStackRouterDevtools: Component<\n  TanStackRouterDevtoolsOptions\n> = (props): JSX.Element | null => {\n  const activeRouter = props.router ?? useRouter()\n  const activeRouterState = useRouterState({ router: activeRouter })\n\n  const usedProps = {\n    ...props,\n    router: activeRouter,\n    routerState: activeRouterState,\n  }\n\n  const [devToolRef, setDevToolRef] = createSignal<HTMLDivElement>()\n  const [devtools] = createSignal(new TanStackRouterDevtoolsCore(usedProps))\n\n  // Update devtools when props change\n  createEffect(devtools, (d) => {\n    d.setRouter(usedProps.router)\n  })\n\n  createEffect(devtools, (d) => {\n    d.setRouterState(usedProps.routerState)\n  })\n\n  createEffect(devtools, (d) => {\n    d.setOptions({\n      initialIsOpen: usedProps.initialIsOpen,\n      panelProps: usedProps.panelProps,\n      closeButtonProps: usedProps.closeButtonProps,\n      toggleButtonProps: usedProps.toggleButtonProps,\n      position: usedProps.position,\n      containerElement: usedProps.containerElement,\n      shadowDOMTarget: usedProps.shadowDOMTarget,\n    })\n  })\n\n  createEffect(\n    () => ({ d: devtools(), el: devToolRef() }),\n    ({ d, el }) => {\n      if (el) {\n        d.mount(el)\n\n        onCleanup(() => {\n          d.unmount()\n        })\n      }\n    },\n  )\n\n  return (\n    <>\n      <div\n        ref={(el) => {\n          setDevToolRef(el)\n        }}\n      />\n    </>\n  )\n}\n"],"mappings":";;;;;;AA4CA,IAAauB,0BAERC,UAA8B;CACjC,MAAME,eAAeF,MAAMJ,WAAAA,GAAAA,uBAAAA,YAAqB;CAChD,MAAMO,qBAAAA,GAAAA,uBAAAA,gBAAmC,EAAEP,QAAQM,cAAc,CAAC;CAElE,MAAME,YAAY;EAChB,GAAGJ;EACHJ,QAAQM;EACRG,aAAaF;EACd;CAED,MAAM,CAACG,YAAYC,kBAAAA,GAAAA,SAAAA,eAA+C;CAClE,MAAM,CAACC,aAAAA,GAAAA,SAAAA,cAAyB,IAAI9B,+BAAAA,2BAA2B0B,UAAU,CAAC;AAG1EzB,EAAAA,GAAAA,SAAAA,cAAa6B,WAAWC,MAAM;AAC5BA,IAAEC,UAAUN,UAAUR,OAAO;GAC7B;AAEFjB,EAAAA,GAAAA,SAAAA,cAAa6B,WAAWC,MAAM;AAC5BA,IAAEE,eAAeP,UAAUC,YAAY;GACvC;AAEF1B,EAAAA,GAAAA,SAAAA,cAAa6B,WAAWC,MAAM;AAC5BA,IAAEG,WAAW;GACX1B,eAAekB,UAAUlB;GACzBC,YAAYiB,UAAUjB;GACtBG,kBAAkBc,UAAUd;GAC5BG,mBAAmBW,UAAUX;GAC7BC,UAAUU,UAAUV;GACpBC,kBAAkBS,UAAUT;GAC5BE,iBAAiBO,UAAUP;GAC5B,CAAC;GACF;AAEFlB,EAAAA,GAAAA,SAAAA,qBACS;EAAE8B,GAAGD,UAAU;EAAEK,IAAIP,YAAW;EAAG,IACzC,EAAEG,GAAGI,SAAS;AACb,MAAIA,IAAI;AACNJ,KAAEK,MAAMD,GAAG;AAEXhC,IAAAA,GAAAA,SAAAA,iBAAgB;AACd4B,MAAEM,SAAS;KACX;;GAGP;AAED,eAAA;EAAA,IAAAC,OAAAC,QAAA;AAAAC,GAAAA,GAAAA,aAAAA,YAGYL,OAAO;AACXN,iBAAcM,GAAG;KAClBG,KAAA;AAAA,SAAAA;KAAA"}
+{"version":3,"file":"TanStackRouterDevtools.cjs","names":["useRouter","useRouterState","TanStackRouterDevtoolsCore","createEffect","createSignal","onCleanup","AnyRouter","Component","JSX","TanStackRouterDevtoolsOptions","initialIsOpen","panelProps","HTMLAttributes","HTMLDivElement","closeButtonProps","ButtonHTMLAttributes","HTMLButtonElement","toggleButtonProps","position","containerElement","router","shadowDOMTarget","ShadowRoot","TanStackRouterDevtools","props","Element","activeRouter","activeRouterState","usedProps","routerState","devToolRef","setDevToolRef","devtools","d","setRouter","setRouterState","setOptions","el","mount","unmount","_el$","_tmpl$","_$ref"],"sources":["../../src/TanStackRouterDevtools.tsx"],"sourcesContent":["import { useRouter, useRouterState } from '@tanstack/solid-router'\nimport { TanStackRouterDevtoolsCore } from '@tanstack/router-devtools-core'\nimport { createEffect, createSignal, onCleanup } from 'solid-js'\nimport type { AnyRouter } from '@tanstack/solid-router'\nimport type { Component } from 'solid-js'\nimport type { JSX } from '@solidjs/web'\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?: JSX.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?: JSX.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?: JSX.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 const TanStackRouterDevtools: Component<\n  TanStackRouterDevtoolsOptions\n> = (props): JSX.Element | null => {\n  const activeRouter = props.router ?? useRouter()\n  const activeRouterState = useRouterState({ router: activeRouter })\n\n  const usedProps = {\n    ...props,\n    router: activeRouter,\n    routerState: activeRouterState,\n  }\n\n  const [devToolRef, setDevToolRef] = createSignal<HTMLDivElement>()\n  const [devtools] = createSignal(new TanStackRouterDevtoolsCore(usedProps))\n\n  // Update devtools when props change\n  createEffect(devtools, (d) => {\n    d.setRouter(usedProps.router)\n  })\n\n  createEffect(devtools, (d) => {\n    d.setRouterState(usedProps.routerState)\n  })\n\n  createEffect(devtools, (d) => {\n    d.setOptions({\n      initialIsOpen: usedProps.initialIsOpen,\n      panelProps: usedProps.panelProps,\n      closeButtonProps: usedProps.closeButtonProps,\n      toggleButtonProps: usedProps.toggleButtonProps,\n      position: usedProps.position,\n      containerElement: usedProps.containerElement,\n      shadowDOMTarget: usedProps.shadowDOMTarget,\n    })\n  })\n\n  createEffect(\n    () => ({ d: devtools(), el: devToolRef() }),\n    ({ d, el }) => {\n      if (el) {\n        d.mount(el)\n\n        onCleanup(() => {\n          d.unmount()\n        })\n      }\n    },\n  )\n\n  return (\n    <>\n      <div\n        ref={(el) => {\n          setDevToolRef(el)\n        }}\n      />\n    </>\n  )\n}\n"],"mappings":";;;;;;AA6CA,IAAauB,0BAERC,UAA8B;CACjC,MAAME,eAAeF,MAAMJ,WAAAA,GAAAA,uBAAAA,YAAqB;CAChD,MAAMO,qBAAAA,GAAAA,uBAAAA,gBAAmC,EAAEP,QAAQM,cAAc,CAAC;CAElE,MAAME,YAAY;EAChB,GAAGJ;EACHJ,QAAQM;EACRG,aAAaF;EACd;CAED,MAAM,CAACG,YAAYC,kBAAAA,GAAAA,SAAAA,eAA+C;CAClE,MAAM,CAACC,aAAAA,GAAAA,SAAAA,cAAyB,IAAI9B,+BAAAA,2BAA2B0B,UAAU,CAAC;AAG1EzB,EAAAA,GAAAA,SAAAA,cAAa6B,WAAWC,MAAM;AAC5BA,IAAEC,UAAUN,UAAUR,OAAO;GAC7B;AAEFjB,EAAAA,GAAAA,SAAAA,cAAa6B,WAAWC,MAAM;AAC5BA,IAAEE,eAAeP,UAAUC,YAAY;GACvC;AAEF1B,EAAAA,GAAAA,SAAAA,cAAa6B,WAAWC,MAAM;AAC5BA,IAAEG,WAAW;GACX1B,eAAekB,UAAUlB;GACzBC,YAAYiB,UAAUjB;GACtBG,kBAAkBc,UAAUd;GAC5BG,mBAAmBW,UAAUX;GAC7BC,UAAUU,UAAUV;GACpBC,kBAAkBS,UAAUT;GAC5BE,iBAAiBO,UAAUP;GAC5B,CAAC;GACF;AAEFlB,EAAAA,GAAAA,SAAAA,qBACS;EAAE8B,GAAGD,UAAU;EAAEK,IAAIP,YAAW;EAAG,IACzC,EAAEG,GAAGI,SAAS;AACb,MAAIA,IAAI;AACNJ,KAAEK,MAAMD,GAAG;AAEXhC,IAAAA,GAAAA,SAAAA,iBAAgB;AACd4B,MAAEM,SAAS;KACX;;GAGP;AAED,eAAA;EAAA,IAAAC,OAAAC,QAAA;AAAAC,GAAAA,GAAAA,aAAAA,YAGYL,OAAO;AACXN,iBAAcM,GAAG;KAClBG,KAAA;AAAA,SAAAA;KAAA"}

dist/cjs/TanStackRouterDevtools.d.cts

 import { AnyRouter } from '@tanstack/solid-router';
-import { Component, JSX } from 'solid-js';
+import { Component } from 'solid-js';
+import { JSX } from '@solidjs/web';
 export interface TanStackRouterDevtoolsOptions {
@@ -4,0 +5,0 @@ /**

dist/cjs/TanStackRouterDevtoolsPanel.cjs.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"TanStackRouterDevtoolsPanel.cjs","names":["useRouter","useRouterState","TanStackRouterDevtoolsPanelCore","createEffect","createSignal","onCleanup","AnyRouter","Component","JSX","TanStackRouterDevtoolsPanelOptions","style","CSSProperties","className","isOpen","setIsOpen","handleDragStart","e","router","shadowDOMTarget","ShadowRoot","TanStackRouterDevtoolsPanel","props","Element","activeRouter","activeRouterState","usedProps","routerState","devToolRef","setDevToolRef","HTMLDivElement","devtools","d","setRouter","setRouterState","setOptions","el","mount","unmount","_el$","_tmpl$","_$ref"],"sources":["../../src/TanStackRouterDevtoolsPanel.tsx"],"sourcesContent":["import { useRouter, useRouterState } from '@tanstack/solid-router'\nimport { TanStackRouterDevtoolsPanelCore } from '@tanstack/router-devtools-core'\nimport { createEffect, createSignal, onCleanup } from 'solid-js'\nimport type { AnyRouter } from '@tanstack/solid-router'\nimport type { Component, JSX } from 'solid-js'\n\nexport interface TanStackRouterDevtoolsPanelOptions {\n  /**\n   * The standard React style object used to style a component with inline styles\n   */\n  style?: JSX.CSSProperties\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: Component<\n  TanStackRouterDevtoolsPanelOptions\n> = (props): JSX.Element | null => {\n  const activeRouter = props.router ?? useRouter()\n  const activeRouterState = useRouterState({ router: activeRouter })\n\n  const usedProps = {\n    ...props,\n    router: activeRouter,\n    routerState: activeRouterState,\n  }\n\n  const [devToolRef, setDevToolRef] = createSignal<HTMLDivElement>()\n  const [devtools] = createSignal(\n    new TanStackRouterDevtoolsPanelCore(usedProps),\n  )\n\n  // Update devtools when props change\n  createEffect(devtools, (d) => {\n    d.setRouter(usedProps.router)\n  })\n\n  createEffect(devtools, (d) => {\n    d.setRouterState(usedProps.routerState)\n  })\n\n  createEffect(devtools, (d) => {\n    d.setOptions({\n      className: usedProps.className,\n      style: usedProps.style,\n      shadowDOMTarget: usedProps.shadowDOMTarget,\n    })\n  })\n\n  createEffect(\n    () => ({ d: devtools(), el: devToolRef() }),\n    ({ d, el }) => {\n      if (el) {\n        d.mount(el)\n\n        onCleanup(() => {\n          d.unmount()\n        })\n      }\n    },\n  )\n\n  return (\n    <>\n      <div ref={setDevToolRef} />\n    </>\n  )\n}\n"],"mappings":";;;;;;AAqCA,IAAaoB,+BAERC,UAA8B;CACjC,MAAME,eAAeF,MAAMJ,WAAAA,GAAAA,uBAAAA,YAAqB;CAChD,MAAMO,qBAAAA,GAAAA,uBAAAA,gBAAmC,EAAEP,QAAQM,cAAc,CAAC;CAElE,MAAME,YAAY;EAChB,GAAGJ;EACHJ,QAAQM;EACRG,aAAaF;EACd;CAED,MAAM,CAACG,YAAYC,kBAAAA,GAAAA,SAAAA,eAA+C;CAClE,MAAM,CAACE,aAAAA,GAAAA,SAAAA,cACL,IAAI5B,+BAAAA,gCAAgCuB,UACtC,CAAC;AAGDtB,EAAAA,GAAAA,SAAAA,cAAa2B,WAAWC,MAAM;AAC5BA,IAAEC,UAAUP,UAAUR,OAAO;GAC7B;AAEFd,EAAAA,GAAAA,SAAAA,cAAa2B,WAAWC,MAAM;AAC5BA,IAAEE,eAAeR,UAAUC,YAAY;GACvC;AAEFvB,EAAAA,GAAAA,SAAAA,cAAa2B,WAAWC,MAAM;AAC5BA,IAAEG,WAAW;GACXtB,WAAWa,UAAUb;GACrBF,OAAOe,UAAUf;GACjBQ,iBAAiBO,UAAUP;GAC5B,CAAC;GACF;AAEFf,EAAAA,GAAAA,SAAAA,qBACS;EAAE4B,GAAGD,UAAU;EAAEK,IAAIR,YAAW;EAAG,IACzC,EAAEI,GAAGI,SAAS;AACb,MAAIA,IAAI;AACNJ,KAAEK,MAAMD,GAAG;AAEX9B,IAAAA,GAAAA,SAAAA,iBAAgB;AACd0B,MAAEM,SAAS;KACX;;GAGP;AAED,eAAA;EAAA,IAAAC,OAAAC,QAAA;AAAAC,GAAAA,GAAAA,aAAAA,WAEcZ,eAAaU,KAAA;AAAA,SAAAA;KAAA"}
+{"version":3,"file":"TanStackRouterDevtoolsPanel.cjs","names":["useRouter","useRouterState","TanStackRouterDevtoolsPanelCore","createEffect","createSignal","onCleanup","AnyRouter","Component","JSX","TanStackRouterDevtoolsPanelOptions","style","CSSProperties","className","isOpen","setIsOpen","handleDragStart","e","router","shadowDOMTarget","ShadowRoot","TanStackRouterDevtoolsPanel","props","Element","activeRouter","activeRouterState","usedProps","routerState","devToolRef","setDevToolRef","HTMLDivElement","devtools","d","setRouter","setRouterState","setOptions","el","mount","unmount","_el$","_tmpl$","_$ref"],"sources":["../../src/TanStackRouterDevtoolsPanel.tsx"],"sourcesContent":["import { useRouter, useRouterState } from '@tanstack/solid-router'\nimport { TanStackRouterDevtoolsPanelCore } from '@tanstack/router-devtools-core'\nimport { createEffect, createSignal, onCleanup } from 'solid-js'\nimport type { AnyRouter } from '@tanstack/solid-router'\nimport type { Component } from 'solid-js'\nimport type { JSX } from '@solidjs/web'\n\nexport interface TanStackRouterDevtoolsPanelOptions {\n  /**\n   * The standard React style object used to style a component with inline styles\n   */\n  style?: JSX.CSSProperties\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: Component<\n  TanStackRouterDevtoolsPanelOptions\n> = (props): JSX.Element | null => {\n  const activeRouter = props.router ?? useRouter()\n  const activeRouterState = useRouterState({ router: activeRouter })\n\n  const usedProps = {\n    ...props,\n    router: activeRouter,\n    routerState: activeRouterState,\n  }\n\n  const [devToolRef, setDevToolRef] = createSignal<HTMLDivElement>()\n  const [devtools] = createSignal(\n    new TanStackRouterDevtoolsPanelCore(usedProps),\n  )\n\n  // Update devtools when props change\n  createEffect(devtools, (d) => {\n    d.setRouter(usedProps.router)\n  })\n\n  createEffect(devtools, (d) => {\n    d.setRouterState(usedProps.routerState)\n  })\n\n  createEffect(devtools, (d) => {\n    d.setOptions({\n      className: usedProps.className,\n      style: usedProps.style,\n      shadowDOMTarget: usedProps.shadowDOMTarget,\n    })\n  })\n\n  createEffect(\n    () => ({ d: devtools(), el: devToolRef() }),\n    ({ d, el }) => {\n      if (el) {\n        d.mount(el)\n\n        onCleanup(() => {\n          d.unmount()\n        })\n      }\n    },\n  )\n\n  return (\n    <>\n      <div ref={setDevToolRef} />\n    </>\n  )\n}\n"],"mappings":";;;;;;AAsCA,IAAaoB,+BAERC,UAA8B;CACjC,MAAME,eAAeF,MAAMJ,WAAAA,GAAAA,uBAAAA,YAAqB;CAChD,MAAMO,qBAAAA,GAAAA,uBAAAA,gBAAmC,EAAEP,QAAQM,cAAc,CAAC;CAElE,MAAME,YAAY;EAChB,GAAGJ;EACHJ,QAAQM;EACRG,aAAaF;EACd;CAED,MAAM,CAACG,YAAYC,kBAAAA,GAAAA,SAAAA,eAA+C;CAClE,MAAM,CAACE,aAAAA,GAAAA,SAAAA,cACL,IAAI5B,+BAAAA,gCAAgCuB,UACtC,CAAC;AAGDtB,EAAAA,GAAAA,SAAAA,cAAa2B,WAAWC,MAAM;AAC5BA,IAAEC,UAAUP,UAAUR,OAAO;GAC7B;AAEFd,EAAAA,GAAAA,SAAAA,cAAa2B,WAAWC,MAAM;AAC5BA,IAAEE,eAAeR,UAAUC,YAAY;GACvC;AAEFvB,EAAAA,GAAAA,SAAAA,cAAa2B,WAAWC,MAAM;AAC5BA,IAAEG,WAAW;GACXtB,WAAWa,UAAUb;GACrBF,OAAOe,UAAUf;GACjBQ,iBAAiBO,UAAUP;GAC5B,CAAC;GACF;AAEFf,EAAAA,GAAAA,SAAAA,qBACS;EAAE4B,GAAGD,UAAU;EAAEK,IAAIR,YAAW;EAAG,IACzC,EAAEI,GAAGI,SAAS;AACb,MAAIA,IAAI;AACNJ,KAAEK,MAAMD,GAAG;AAEX9B,IAAAA,GAAAA,SAAAA,iBAAgB;AACd0B,MAAEM,SAAS;KACX;;GAGP;AAED,eAAA;EAAA,IAAAC,OAAAC,QAAA;AAAAC,GAAAA,GAAAA,aAAAA,WAEcZ,eAAaU,KAAA;AAAA,SAAAA;KAAA"}

dist/cjs/TanStackRouterDevtoolsPanel.d.cts

 import { AnyRouter } from '@tanstack/solid-router';
-import { Component, JSX } from 'solid-js';
+import { Component } from 'solid-js';
+import { JSX } from '@solidjs/web';
 export interface TanStackRouterDevtoolsPanelOptions {
@@ -4,0 +5,0 @@ /**

dist/esm/TanStackRouterDevtools.d.ts

 import { AnyRouter } from '@tanstack/solid-router';
-import { Component, JSX } from 'solid-js';
+import { Component } from 'solid-js';
+import { JSX } from '@solidjs/web';
 export interface TanStackRouterDevtoolsOptions {
@@ -4,0 +5,0 @@ /**

dist/esm/TanStackRouterDevtools.js.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"TanStackRouterDevtools.js","names":["useRouter","useRouterState","TanStackRouterDevtoolsCore","createEffect","createSignal","onCleanup","AnyRouter","Component","JSX","TanStackRouterDevtoolsOptions","initialIsOpen","panelProps","HTMLAttributes","HTMLDivElement","closeButtonProps","ButtonHTMLAttributes","HTMLButtonElement","toggleButtonProps","position","containerElement","router","shadowDOMTarget","ShadowRoot","TanStackRouterDevtools","props","Element","activeRouter","activeRouterState","usedProps","routerState","devToolRef","setDevToolRef","devtools","d","setRouter","setRouterState","setOptions","el","mount","unmount","_el$","_tmpl$","_$ref"],"sources":["../../src/TanStackRouterDevtools.tsx"],"sourcesContent":["import { useRouter, useRouterState } from '@tanstack/solid-router'\nimport { TanStackRouterDevtoolsCore } from '@tanstack/router-devtools-core'\nimport { createEffect, createSignal, onCleanup } from 'solid-js'\nimport type { AnyRouter } from '@tanstack/solid-router'\nimport type { Component, JSX } from 'solid-js'\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?: JSX.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?: JSX.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?: JSX.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 const TanStackRouterDevtools: Component<\n  TanStackRouterDevtoolsOptions\n> = (props): JSX.Element | null => {\n  const activeRouter = props.router ?? useRouter()\n  const activeRouterState = useRouterState({ router: activeRouter })\n\n  const usedProps = {\n    ...props,\n    router: activeRouter,\n    routerState: activeRouterState,\n  }\n\n  const [devToolRef, setDevToolRef] = createSignal<HTMLDivElement>()\n  const [devtools] = createSignal(new TanStackRouterDevtoolsCore(usedProps))\n\n  // Update devtools when props change\n  createEffect(devtools, (d) => {\n    d.setRouter(usedProps.router)\n  })\n\n  createEffect(devtools, (d) => {\n    d.setRouterState(usedProps.routerState)\n  })\n\n  createEffect(devtools, (d) => {\n    d.setOptions({\n      initialIsOpen: usedProps.initialIsOpen,\n      panelProps: usedProps.panelProps,\n      closeButtonProps: usedProps.closeButtonProps,\n      toggleButtonProps: usedProps.toggleButtonProps,\n      position: usedProps.position,\n      containerElement: usedProps.containerElement,\n      shadowDOMTarget: usedProps.shadowDOMTarget,\n    })\n  })\n\n  createEffect(\n    () => ({ d: devtools(), el: devToolRef() }),\n    ({ d, el }) => {\n      if (el) {\n        d.mount(el)\n\n        onCleanup(() => {\n          d.unmount()\n        })\n      }\n    },\n  )\n\n  return (\n    <>\n      <div\n        ref={(el) => {\n          setDevToolRef(el)\n        }}\n      />\n    </>\n  )\n}\n"],"mappings":";;;;;;AA4CA,IAAauB,0BAERC,UAA8B;CACjC,MAAME,eAAeF,MAAMJ,UAAUpB,WAAW;CAChD,MAAM2B,oBAAoB1B,eAAe,EAAEmB,QAAQM,cAAc,CAAC;CAElE,MAAME,YAAY;EAChB,GAAGJ;EACHJ,QAAQM;EACRG,aAAaF;EACd;CAED,MAAM,CAACG,YAAYC,iBAAiB3B,cAA8B;CAClE,MAAM,CAAC4B,YAAY5B,aAAa,IAAIF,2BAA2B0B,UAAU,CAAC;AAG1EzB,cAAa6B,WAAWC,MAAM;AAC5BA,IAAEC,UAAUN,UAAUR,OAAO;GAC7B;AAEFjB,cAAa6B,WAAWC,MAAM;AAC5BA,IAAEE,eAAeP,UAAUC,YAAY;GACvC;AAEF1B,cAAa6B,WAAWC,MAAM;AAC5BA,IAAEG,WAAW;GACX1B,eAAekB,UAAUlB;GACzBC,YAAYiB,UAAUjB;GACtBG,kBAAkBc,UAAUd;GAC5BG,mBAAmBW,UAAUX;GAC7BC,UAAUU,UAAUV;GACpBC,kBAAkBS,UAAUT;GAC5BE,iBAAiBO,UAAUP;GAC5B,CAAC;GACF;AAEFlB,qBACS;EAAE8B,GAAGD,UAAU;EAAEK,IAAIP,YAAW;EAAG,IACzC,EAAEG,GAAGI,SAAS;AACb,MAAIA,IAAI;AACNJ,KAAEK,MAAMD,GAAG;AAEXhC,mBAAgB;AACd4B,MAAEM,SAAS;KACX;;GAGP;AAED,eAAA;EAAA,IAAAC,OAAAC,QAAA;AAAAC,aAGYL,OAAO;AACXN,iBAAcM,GAAG;KAClBG,KAAA;AAAA,SAAAA;KAAA"}
+{"version":3,"file":"TanStackRouterDevtools.js","names":["useRouter","useRouterState","TanStackRouterDevtoolsCore","createEffect","createSignal","onCleanup","AnyRouter","Component","JSX","TanStackRouterDevtoolsOptions","initialIsOpen","panelProps","HTMLAttributes","HTMLDivElement","closeButtonProps","ButtonHTMLAttributes","HTMLButtonElement","toggleButtonProps","position","containerElement","router","shadowDOMTarget","ShadowRoot","TanStackRouterDevtools","props","Element","activeRouter","activeRouterState","usedProps","routerState","devToolRef","setDevToolRef","devtools","d","setRouter","setRouterState","setOptions","el","mount","unmount","_el$","_tmpl$","_$ref"],"sources":["../../src/TanStackRouterDevtools.tsx"],"sourcesContent":["import { useRouter, useRouterState } from '@tanstack/solid-router'\nimport { TanStackRouterDevtoolsCore } from '@tanstack/router-devtools-core'\nimport { createEffect, createSignal, onCleanup } from 'solid-js'\nimport type { AnyRouter } from '@tanstack/solid-router'\nimport type { Component } from 'solid-js'\nimport type { JSX } from '@solidjs/web'\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?: JSX.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?: JSX.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?: JSX.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 const TanStackRouterDevtools: Component<\n  TanStackRouterDevtoolsOptions\n> = (props): JSX.Element | null => {\n  const activeRouter = props.router ?? useRouter()\n  const activeRouterState = useRouterState({ router: activeRouter })\n\n  const usedProps = {\n    ...props,\n    router: activeRouter,\n    routerState: activeRouterState,\n  }\n\n  const [devToolRef, setDevToolRef] = createSignal<HTMLDivElement>()\n  const [devtools] = createSignal(new TanStackRouterDevtoolsCore(usedProps))\n\n  // Update devtools when props change\n  createEffect(devtools, (d) => {\n    d.setRouter(usedProps.router)\n  })\n\n  createEffect(devtools, (d) => {\n    d.setRouterState(usedProps.routerState)\n  })\n\n  createEffect(devtools, (d) => {\n    d.setOptions({\n      initialIsOpen: usedProps.initialIsOpen,\n      panelProps: usedProps.panelProps,\n      closeButtonProps: usedProps.closeButtonProps,\n      toggleButtonProps: usedProps.toggleButtonProps,\n      position: usedProps.position,\n      containerElement: usedProps.containerElement,\n      shadowDOMTarget: usedProps.shadowDOMTarget,\n    })\n  })\n\n  createEffect(\n    () => ({ d: devtools(), el: devToolRef() }),\n    ({ d, el }) => {\n      if (el) {\n        d.mount(el)\n\n        onCleanup(() => {\n          d.unmount()\n        })\n      }\n    },\n  )\n\n  return (\n    <>\n      <div\n        ref={(el) => {\n          setDevToolRef(el)\n        }}\n      />\n    </>\n  )\n}\n"],"mappings":";;;;;;AA6CA,IAAauB,0BAERC,UAA8B;CACjC,MAAME,eAAeF,MAAMJ,UAAUpB,WAAW;CAChD,MAAM2B,oBAAoB1B,eAAe,EAAEmB,QAAQM,cAAc,CAAC;CAElE,MAAME,YAAY;EAChB,GAAGJ;EACHJ,QAAQM;EACRG,aAAaF;EACd;CAED,MAAM,CAACG,YAAYC,iBAAiB3B,cAA8B;CAClE,MAAM,CAAC4B,YAAY5B,aAAa,IAAIF,2BAA2B0B,UAAU,CAAC;AAG1EzB,cAAa6B,WAAWC,MAAM;AAC5BA,IAAEC,UAAUN,UAAUR,OAAO;GAC7B;AAEFjB,cAAa6B,WAAWC,MAAM;AAC5BA,IAAEE,eAAeP,UAAUC,YAAY;GACvC;AAEF1B,cAAa6B,WAAWC,MAAM;AAC5BA,IAAEG,WAAW;GACX1B,eAAekB,UAAUlB;GACzBC,YAAYiB,UAAUjB;GACtBG,kBAAkBc,UAAUd;GAC5BG,mBAAmBW,UAAUX;GAC7BC,UAAUU,UAAUV;GACpBC,kBAAkBS,UAAUT;GAC5BE,iBAAiBO,UAAUP;GAC5B,CAAC;GACF;AAEFlB,qBACS;EAAE8B,GAAGD,UAAU;EAAEK,IAAIP,YAAW;EAAG,IACzC,EAAEG,GAAGI,SAAS;AACb,MAAIA,IAAI;AACNJ,KAAEK,MAAMD,GAAG;AAEXhC,mBAAgB;AACd4B,MAAEM,SAAS;KACX;;GAGP;AAED,eAAA;EAAA,IAAAC,OAAAC,QAAA;AAAAC,aAGYL,OAAO;AACXN,iBAAcM,GAAG;KAClBG,KAAA;AAAA,SAAAA;KAAA"}

dist/esm/TanStackRouterDevtoolsPanel.d.ts

 import { AnyRouter } from '@tanstack/solid-router';
-import { Component, JSX } from 'solid-js';
+import { Component } from 'solid-js';
+import { JSX } from '@solidjs/web';
 export interface TanStackRouterDevtoolsPanelOptions {
@@ -4,0 +5,0 @@ /**

dist/esm/TanStackRouterDevtoolsPanel.js.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"TanStackRouterDevtoolsPanel.js","names":["useRouter","useRouterState","TanStackRouterDevtoolsPanelCore","createEffect","createSignal","onCleanup","AnyRouter","Component","JSX","TanStackRouterDevtoolsPanelOptions","style","CSSProperties","className","isOpen","setIsOpen","handleDragStart","e","router","shadowDOMTarget","ShadowRoot","TanStackRouterDevtoolsPanel","props","Element","activeRouter","activeRouterState","usedProps","routerState","devToolRef","setDevToolRef","HTMLDivElement","devtools","d","setRouter","setRouterState","setOptions","el","mount","unmount","_el$","_tmpl$","_$ref"],"sources":["../../src/TanStackRouterDevtoolsPanel.tsx"],"sourcesContent":["import { useRouter, useRouterState } from '@tanstack/solid-router'\nimport { TanStackRouterDevtoolsPanelCore } from '@tanstack/router-devtools-core'\nimport { createEffect, createSignal, onCleanup } from 'solid-js'\nimport type { AnyRouter } from '@tanstack/solid-router'\nimport type { Component, JSX } from 'solid-js'\n\nexport interface TanStackRouterDevtoolsPanelOptions {\n  /**\n   * The standard React style object used to style a component with inline styles\n   */\n  style?: JSX.CSSProperties\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: Component<\n  TanStackRouterDevtoolsPanelOptions\n> = (props): JSX.Element | null => {\n  const activeRouter = props.router ?? useRouter()\n  const activeRouterState = useRouterState({ router: activeRouter })\n\n  const usedProps = {\n    ...props,\n    router: activeRouter,\n    routerState: activeRouterState,\n  }\n\n  const [devToolRef, setDevToolRef] = createSignal<HTMLDivElement>()\n  const [devtools] = createSignal(\n    new TanStackRouterDevtoolsPanelCore(usedProps),\n  )\n\n  // Update devtools when props change\n  createEffect(devtools, (d) => {\n    d.setRouter(usedProps.router)\n  })\n\n  createEffect(devtools, (d) => {\n    d.setRouterState(usedProps.routerState)\n  })\n\n  createEffect(devtools, (d) => {\n    d.setOptions({\n      className: usedProps.className,\n      style: usedProps.style,\n      shadowDOMTarget: usedProps.shadowDOMTarget,\n    })\n  })\n\n  createEffect(\n    () => ({ d: devtools(), el: devToolRef() }),\n    ({ d, el }) => {\n      if (el) {\n        d.mount(el)\n\n        onCleanup(() => {\n          d.unmount()\n        })\n      }\n    },\n  )\n\n  return (\n    <>\n      <div ref={setDevToolRef} />\n    </>\n  )\n}\n"],"mappings":";;;;;;AAqCA,IAAaoB,+BAERC,UAA8B;CACjC,MAAME,eAAeF,MAAMJ,UAAUjB,WAAW;CAChD,MAAMwB,oBAAoBvB,eAAe,EAAEgB,QAAQM,cAAc,CAAC;CAElE,MAAME,YAAY;EAChB,GAAGJ;EACHJ,QAAQM;EACRG,aAAaF;EACd;CAED,MAAM,CAACG,YAAYC,iBAAiBxB,cAA8B;CAClE,MAAM,CAAC0B,YAAY1B,aACjB,IAAIF,gCAAgCuB,UACtC,CAAC;AAGDtB,cAAa2B,WAAWC,MAAM;AAC5BA,IAAEC,UAAUP,UAAUR,OAAO;GAC7B;AAEFd,cAAa2B,WAAWC,MAAM;AAC5BA,IAAEE,eAAeR,UAAUC,YAAY;GACvC;AAEFvB,cAAa2B,WAAWC,MAAM;AAC5BA,IAAEG,WAAW;GACXtB,WAAWa,UAAUb;GACrBF,OAAOe,UAAUf;GACjBQ,iBAAiBO,UAAUP;GAC5B,CAAC;GACF;AAEFf,qBACS;EAAE4B,GAAGD,UAAU;EAAEK,IAAIR,YAAW;EAAG,IACzC,EAAEI,GAAGI,SAAS;AACb,MAAIA,IAAI;AACNJ,KAAEK,MAAMD,GAAG;AAEX9B,mBAAgB;AACd0B,MAAEM,SAAS;KACX;;GAGP;AAED,eAAA;EAAA,IAAAC,OAAAC,QAAA;AAAAC,YAEcZ,eAAaU,KAAA;AAAA,SAAAA;KAAA"}
+{"version":3,"file":"TanStackRouterDevtoolsPanel.js","names":["useRouter","useRouterState","TanStackRouterDevtoolsPanelCore","createEffect","createSignal","onCleanup","AnyRouter","Component","JSX","TanStackRouterDevtoolsPanelOptions","style","CSSProperties","className","isOpen","setIsOpen","handleDragStart","e","router","shadowDOMTarget","ShadowRoot","TanStackRouterDevtoolsPanel","props","Element","activeRouter","activeRouterState","usedProps","routerState","devToolRef","setDevToolRef","HTMLDivElement","devtools","d","setRouter","setRouterState","setOptions","el","mount","unmount","_el$","_tmpl$","_$ref"],"sources":["../../src/TanStackRouterDevtoolsPanel.tsx"],"sourcesContent":["import { useRouter, useRouterState } from '@tanstack/solid-router'\nimport { TanStackRouterDevtoolsPanelCore } from '@tanstack/router-devtools-core'\nimport { createEffect, createSignal, onCleanup } from 'solid-js'\nimport type { AnyRouter } from '@tanstack/solid-router'\nimport type { Component } from 'solid-js'\nimport type { JSX } from '@solidjs/web'\n\nexport interface TanStackRouterDevtoolsPanelOptions {\n  /**\n   * The standard React style object used to style a component with inline styles\n   */\n  style?: JSX.CSSProperties\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: Component<\n  TanStackRouterDevtoolsPanelOptions\n> = (props): JSX.Element | null => {\n  const activeRouter = props.router ?? useRouter()\n  const activeRouterState = useRouterState({ router: activeRouter })\n\n  const usedProps = {\n    ...props,\n    router: activeRouter,\n    routerState: activeRouterState,\n  }\n\n  const [devToolRef, setDevToolRef] = createSignal<HTMLDivElement>()\n  const [devtools] = createSignal(\n    new TanStackRouterDevtoolsPanelCore(usedProps),\n  )\n\n  // Update devtools when props change\n  createEffect(devtools, (d) => {\n    d.setRouter(usedProps.router)\n  })\n\n  createEffect(devtools, (d) => {\n    d.setRouterState(usedProps.routerState)\n  })\n\n  createEffect(devtools, (d) => {\n    d.setOptions({\n      className: usedProps.className,\n      style: usedProps.style,\n      shadowDOMTarget: usedProps.shadowDOMTarget,\n    })\n  })\n\n  createEffect(\n    () => ({ d: devtools(), el: devToolRef() }),\n    ({ d, el }) => {\n      if (el) {\n        d.mount(el)\n\n        onCleanup(() => {\n          d.unmount()\n        })\n      }\n    },\n  )\n\n  return (\n    <>\n      <div ref={setDevToolRef} />\n    </>\n  )\n}\n"],"mappings":";;;;;;AAsCA,IAAaoB,+BAERC,UAA8B;CACjC,MAAME,eAAeF,MAAMJ,UAAUjB,WAAW;CAChD,MAAMwB,oBAAoBvB,eAAe,EAAEgB,QAAQM,cAAc,CAAC;CAElE,MAAME,YAAY;EAChB,GAAGJ;EACHJ,QAAQM;EACRG,aAAaF;EACd;CAED,MAAM,CAACG,YAAYC,iBAAiBxB,cAA8B;CAClE,MAAM,CAAC0B,YAAY1B,aACjB,IAAIF,gCAAgCuB,UACtC,CAAC;AAGDtB,cAAa2B,WAAWC,MAAM;AAC5BA,IAAEC,UAAUP,UAAUR,OAAO;GAC7B;AAEFd,cAAa2B,WAAWC,MAAM;AAC5BA,IAAEE,eAAeR,UAAUC,YAAY;GACvC;AAEFvB,cAAa2B,WAAWC,MAAM;AAC5BA,IAAEG,WAAW;GACXtB,WAAWa,UAAUb;GACrBF,OAAOe,UAAUf;GACjBQ,iBAAiBO,UAAUP;GAC5B,CAAC;GACF;AAEFf,qBACS;EAAE4B,GAAGD,UAAU;EAAEK,IAAIR,YAAW;EAAG,IACzC,EAAEI,GAAGI,SAAS;AACb,MAAIA,IAAI;AACNJ,KAAEK,MAAMD,GAAG;AAEX9B,mBAAgB;AACd0B,MAAEM,SAAS;KACX;;GAGP;AAED,eAAA;EAAA,IAAAC,OAAAC,QAAA;AAAAC,YAEcZ,eAAaU,KAAA;AAAA,SAAAA;KAAA"}

dist/source/TanStackRouterDevtools.d.ts

 import type { AnyRouter } from '@tanstack/solid-router';
-import type { Component, JSX } from 'solid-js';
+import type { Component } from 'solid-js';
+import type { JSX } from '@solidjs/web';
 export interface TanStackRouterDevtoolsOptions {
@@ -4,0 +5,0 @@ /**

dist/source/TanStackRouterDevtools.jsx.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"TanStackRouterDevtools.jsx","sourceRoot":"","sources":["../../src/TanStackRouterDevtools.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAClE,OAAO,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAA;AAC3E,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AA0ChE,MAAM,CAAC,MAAM,sBAAsB,GAE/B,CAAC,KAAK,EAAsB,EAAE;IAChC,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,IAAI,SAAS,EAAE,CAAA;IAChD,MAAM,iBAAiB,GAAG,cAAc,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC,CAAA;IAElE,MAAM,SAAS,GAAG;QAChB,GAAG,KAAK;QACR,MAAM,EAAE,YAAY;QACpB,WAAW,EAAE,iBAAiB;KAC/B,CAAA;IAED,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,YAAY,EAAkB,CAAA;IAClE,MAAM,CAAC,QAAQ,CAAC,GAAG,YAAY,CAAC,IAAI,0BAA0B,CAAC,SAAS,CAAC,CAAC,CAAA;IAE1E,oCAAoC;IACpC,YAAY,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;QAC3B,CAAC,CAAC,SAAS,CAAC,SAAS,CAAC,MAAM,CAAC,CAAA;IAC/B,CAAC,CAAC,CAAA;IAEF,YAAY,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;QAC3B,CAAC,CAAC,cAAc,CAAC,SAAS,CAAC,WAAW,CAAC,CAAA;IACzC,CAAC,CAAC,CAAA;IAEF,YAAY,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;QAC3B,CAAC,CAAC,UAAU,CAAC;YACX,aAAa,EAAE,SAAS,CAAC,aAAa;YACtC,UAAU,EAAE,SAAS,CAAC,UAAU;YAChC,gBAAgB,EAAE,SAAS,CAAC,gBAAgB;YAC5C,iBAAiB,EAAE,SAAS,CAAC,iBAAiB;YAC9C,QAAQ,EAAE,SAAS,CAAC,QAAQ;YAC5B,gBAAgB,EAAE,SAAS,CAAC,gBAAgB;YAC5C,eAAe,EAAE,SAAS,CAAC,eAAe;SAC3C,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,YAAY,CACV,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,CAAC,EAC3C,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE;QACZ,IAAI,EAAE,EAAE,CAAC;YACP,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA;YAEX,SAAS,CAAC,GAAG,EAAE;gBACb,CAAC,CAAC,OAAO,EAAE,CAAA;YACb,CAAC,CAAC,CAAA;QACJ,CAAC;IACH,CAAC,CACF,CAAA;IAED,OAAO,CACL,EACE;MAAA,CAAC,GAAG,CACF,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE;YACV,aAAa,CAAC,EAAE,CAAC,CAAA;QACnB,CAAC,CAAC,EAEN;IAAA,GAAG,CACJ,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"TanStackRouterDevtools.jsx","sourceRoot":"","sources":["../../src/TanStackRouterDevtools.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAClE,OAAO,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAA;AAC3E,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AA2ChE,MAAM,CAAC,MAAM,sBAAsB,GAE/B,CAAC,KAAK,EAAsB,EAAE;IAChC,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,IAAI,SAAS,EAAE,CAAA;IAChD,MAAM,iBAAiB,GAAG,cAAc,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC,CAAA;IAElE,MAAM,SAAS,GAAG;QAChB,GAAG,KAAK;QACR,MAAM,EAAE,YAAY;QACpB,WAAW,EAAE,iBAAiB;KAC/B,CAAA;IAED,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,YAAY,EAAkB,CAAA;IAClE,MAAM,CAAC,QAAQ,CAAC,GAAG,YAAY,CAAC,IAAI,0BAA0B,CAAC,SAAS,CAAC,CAAC,CAAA;IAE1E,oCAAoC;IACpC,YAAY,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;QAC3B,CAAC,CAAC,SAAS,CAAC,SAAS,CAAC,MAAM,CAAC,CAAA;IAC/B,CAAC,CAAC,CAAA;IAEF,YAAY,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;QAC3B,CAAC,CAAC,cAAc,CAAC,SAAS,CAAC,WAAW,CAAC,CAAA;IACzC,CAAC,CAAC,CAAA;IAEF,YAAY,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;QAC3B,CAAC,CAAC,UAAU,CAAC;YACX,aAAa,EAAE,SAAS,CAAC,aAAa;YACtC,UAAU,EAAE,SAAS,CAAC,UAAU;YAChC,gBAAgB,EAAE,SAAS,CAAC,gBAAgB;YAC5C,iBAAiB,EAAE,SAAS,CAAC,iBAAiB;YAC9C,QAAQ,EAAE,SAAS,CAAC,QAAQ;YAC5B,gBAAgB,EAAE,SAAS,CAAC,gBAAgB;YAC5C,eAAe,EAAE,SAAS,CAAC,eAAe;SAC3C,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,YAAY,CACV,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,CAAC,EAC3C,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE;QACZ,IAAI,EAAE,EAAE,CAAC;YACP,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA;YAEX,SAAS,CAAC,GAAG,EAAE;gBACb,CAAC,CAAC,OAAO,EAAE,CAAA;YACb,CAAC,CAAC,CAAA;QACJ,CAAC;IACH,CAAC,CACF,CAAA;IAED,OAAO,CACL,EACE;MAAA,CAAC,GAAG,CACF,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE;YACV,aAAa,CAAC,EAAE,CAAC,CAAA;QACnB,CAAC,CAAC,EAEN;IAAA,GAAG,CACJ,CAAA;AACH,CAAC,CAAA"}

dist/source/TanStackRouterDevtoolsPanel.d.ts

 import type { AnyRouter } from '@tanstack/solid-router';
-import type { Component, JSX } from 'solid-js';
+import type { Component } from 'solid-js';
+import type { JSX } from '@solidjs/web';
 export interface TanStackRouterDevtoolsPanelOptions {
@@ -4,0 +5,0 @@ /**

dist/source/TanStackRouterDevtoolsPanel.jsx.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"TanStackRouterDevtoolsPanel.jsx","sourceRoot":"","sources":["../../src/TanStackRouterDevtoolsPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAClE,OAAO,EAAE,+BAA+B,EAAE,MAAM,gCAAgC,CAAA;AAChF,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAmChE,MAAM,CAAC,MAAM,2BAA2B,GAEpC,CAAC,KAAK,EAAsB,EAAE;IAChC,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,IAAI,SAAS,EAAE,CAAA;IAChD,MAAM,iBAAiB,GAAG,cAAc,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC,CAAA;IAElE,MAAM,SAAS,GAAG;QAChB,GAAG,KAAK;QACR,MAAM,EAAE,YAAY;QACpB,WAAW,EAAE,iBAAiB;KAC/B,CAAA;IAED,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,YAAY,EAAkB,CAAA;IAClE,MAAM,CAAC,QAAQ,CAAC,GAAG,YAAY,CAC7B,IAAI,+BAA+B,CAAC,SAAS,CAAC,CAC/C,CAAA;IAED,oCAAoC;IACpC,YAAY,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;QAC3B,CAAC,CAAC,SAAS,CAAC,SAAS,CAAC,MAAM,CAAC,CAAA;IAC/B,CAAC,CAAC,CAAA;IAEF,YAAY,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;QAC3B,CAAC,CAAC,cAAc,CAAC,SAAS,CAAC,WAAW,CAAC,CAAA;IACzC,CAAC,CAAC,CAAA;IAEF,YAAY,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;QAC3B,CAAC,CAAC,UAAU,CAAC;YACX,SAAS,EAAE,SAAS,CAAC,SAAS;YAC9B,KAAK,EAAE,SAAS,CAAC,KAAK;YACtB,eAAe,EAAE,SAAS,CAAC,eAAe;SAC3C,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,YAAY,CACV,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,CAAC,EAC3C,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE;QACZ,IAAI,EAAE,EAAE,CAAC;YACP,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA;YAEX,SAAS,CAAC,GAAG,EAAE;gBACb,CAAC,CAAC,OAAO,EAAE,CAAA;YACb,CAAC,CAAC,CAAA;QACJ,CAAC;IACH,CAAC,CACF,CAAA;IAED,OAAO,CACL,EACE;MAAA,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,aAAa,CAAC,EAC1B;IAAA,GAAG,CACJ,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"TanStackRouterDevtoolsPanel.jsx","sourceRoot":"","sources":["../../src/TanStackRouterDevtoolsPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAClE,OAAO,EAAE,+BAA+B,EAAE,MAAM,gCAAgC,CAAA;AAChF,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAoChE,MAAM,CAAC,MAAM,2BAA2B,GAEpC,CAAC,KAAK,EAAsB,EAAE;IAChC,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,IAAI,SAAS,EAAE,CAAA;IAChD,MAAM,iBAAiB,GAAG,cAAc,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC,CAAA;IAElE,MAAM,SAAS,GAAG;QAChB,GAAG,KAAK;QACR,MAAM,EAAE,YAAY;QACpB,WAAW,EAAE,iBAAiB;KAC/B,CAAA;IAED,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,YAAY,EAAkB,CAAA;IAClE,MAAM,CAAC,QAAQ,CAAC,GAAG,YAAY,CAC7B,IAAI,+BAA+B,CAAC,SAAS,CAAC,CAC/C,CAAA;IAED,oCAAoC;IACpC,YAAY,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;QAC3B,CAAC,CAAC,SAAS,CAAC,SAAS,CAAC,MAAM,CAAC,CAAA;IAC/B,CAAC,CAAC,CAAA;IAEF,YAAY,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;QAC3B,CAAC,CAAC,cAAc,CAAC,SAAS,CAAC,WAAW,CAAC,CAAA;IACzC,CAAC,CAAC,CAAA;IAEF,YAAY,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;QAC3B,CAAC,CAAC,UAAU,CAAC;YACX,SAAS,EAAE,SAAS,CAAC,SAAS;YAC9B,KAAK,EAAE,SAAS,CAAC,KAAK;YACtB,eAAe,EAAE,SAAS,CAAC,eAAe;SAC3C,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,YAAY,CACV,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,CAAC,EAC3C,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE;QACZ,IAAI,EAAE,EAAE,CAAC;YACP,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA;YAEX,SAAS,CAAC,GAAG,EAAE;gBACb,CAAC,CAAC,OAAO,EAAE,CAAA;YACb,CAAC,CAAC,CAAA;QACJ,CAAC;IACH,CAAC,CACF,CAAA;IAED,OAAO,CACL,EACE;MAAA,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,aAAa,CAAC,EAC1B;IAAA,GAAG,CACJ,CAAA;AACH,CAAC,CAAA"}

package.json

 {
   "name": "@tanstack/solid-router-devtools",
-  "version": "2.0.0-beta.12",
+  "version": "2.0.0-beta.13",
   "description": "Modern and scalable routing for Solid applications",
@@ -56,17 +56,17 @@ "author": "Tanner Linsley",
   "dependencies": {
-    "@solidjs/web": "2.0.0-beta.8",
+    "@solidjs/web": "2.0.0-beta.10",
     "@tanstack/router-devtools-core": "1.167.1"
   },
   "devDependencies": {
-    "solid-js": "2.0.0-beta.8",
-    "@solidjs/web": "2.0.0-beta.8",
+    "@solidjs/web": "2.0.0-beta.10",
+    "@types/node": ">=20",
+    "solid-js": "2.0.0-beta.10",
     "vite": "*",
-    "vite-plugin-solid": "^3.0.0-next.5",
-    "@types/node": ">=20"
+    "vite-plugin-solid": "^3.0.0-next.5"
   },
   "peerDependencies": {
-    "solid-js": "2.0.0-beta.8",
-    "@solidjs/web": "2.0.0-beta.8",
+    "@solidjs/web": "2.0.0-beta.10",
+    "solid-js": "2.0.0-beta.10",
     "@tanstack/router-core": "^1.168.9",
-    "@tanstack/solid-router": "^2.0.0-beta.15"
+    "@tanstack/solid-router": "^2.0.0-beta.17"
   },
@@ -73,0 +73,0 @@ "peerDependenciesMeta": {

src/TanStackRouterDevtools.tsx

@@ -5,3 +5,4 @@ import { useRouter, useRouterState } from '@tanstack/solid-router'
 import type { AnyRouter } from '@tanstack/solid-router'
-import type { Component, JSX } from 'solid-js'
+import type { Component } from 'solid-js'
+import type { JSX } from '@solidjs/web'
 
@@ -8,0 +9,0 @@ export interface TanStackRouterDevtoolsOptions {

src/TanStackRouterDevtoolsPanel.tsx

@@ -5,3 +5,4 @@ import { useRouter, useRouterState } from '@tanstack/solid-router'
 import type { AnyRouter } from '@tanstack/solid-router'
-import type { Component, JSX } from 'solid-js'
+import type { Component } from 'solid-js'
+import type { JSX } from '@solidjs/web'
 
@@ -8,0 +9,0 @@ export interface TanStackRouterDevtoolsPanelOptions {

No alert changes

Improved metrics

Total package byte prevSize

57428

0.73%

Lines of code

687

0.88%

Dependency changes

• + Added

  @solidjs/web@2.0.0-beta.10
  (transitive)

• + Added

  solid-js@2.0.0-beta.10
  (transitive)

• - Removed

  @solidjs/web@2.0.0-beta.8
  (transitive)

• - Removed

  solid-js@2.0.0-beta.8
  (transitive)

• Updated

  @solidjs/web@2.0.0-beta.10