@tanstack/solid-router-devtools 2.0.0-alpha.1 → 2.0.0-alpha.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/dist/cjs/TanStackRouterDevtools.cjs +54 -58
  2. package/dist/cjs/TanStackRouterDevtools.cjs.map +1 -1
  3. package/dist/cjs/TanStackRouterDevtoolsPanel.cjs +48 -52
  4. package/dist/cjs/TanStackRouterDevtoolsPanel.cjs.map +1 -1
  5. package/dist/cjs/index.cjs +14 -12
  6. package/dist/cjs/index.cjs.map +1 -1
  7. package/dist/esm/TanStackRouterDevtools.js +52 -56
  8. package/dist/esm/TanStackRouterDevtools.js.map +1 -1
  9. package/dist/esm/TanStackRouterDevtoolsPanel.js +46 -50
  10. package/dist/esm/TanStackRouterDevtoolsPanel.js.map +1 -1
  11. package/dist/esm/index.js +11 -13
  12. package/dist/esm/index.js.map +1 -1
  13. package/package.json +10 -10
package/dist/cjs/TanStackRouterDevtools.cjs CHANGED
@@ -1,60 +1,56 @@
1
- "use strict";
2
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const web = require("@solidjs/web");
4
- const solidRouter = require("@tanstack/solid-router");
5
- const routerDevtoolsCore = require("@tanstack/router-devtools-core");
6
- const solidJs = require("solid-js");
7
- var _tmpl$ = /* @__PURE__ */ web.template(`<div>`);
8
- const TanStackRouterDevtools = (props) => {
9
- const activeRouter = props.router ?? solidRouter.useRouter();
10
- const activeRouterState = solidRouter.useRouterState({
11
- router: activeRouter
12
- });
13
- const usedProps = {
14
- ...props,
15
- router: activeRouter,
16
- routerState: activeRouterState
17
- };
18
- const [devToolRef, setDevToolRef] = solidJs.createSignal();
19
- const [devtools] = solidJs.createSignal(new routerDevtoolsCore.TanStackRouterDevtoolsCore(usedProps));
20
- solidJs.createEffect(devtools, (d) => {
21
- d.setRouter(usedProps.router);
22
- });
23
- solidJs.createEffect(devtools, (d) => {
24
- d.setRouterState(usedProps.routerState);
25
- });
26
- solidJs.createEffect(devtools, (d) => {
27
- d.setOptions({
28
- initialIsOpen: usedProps.initialIsOpen,
29
- panelProps: usedProps.panelProps,
30
- closeButtonProps: usedProps.closeButtonProps,
31
- toggleButtonProps: usedProps.toggleButtonProps,
32
- position: usedProps.position,
33
- containerElement: usedProps.containerElement,
34
- shadowDOMTarget: usedProps.shadowDOMTarget
35
- });
36
- });
37
- solidJs.createEffect(() => ({
38
- d: devtools(),
39
- el: devToolRef()
40
- }), ({
41
- d,
42
- el
43
- }) => {
44
- if (el) {
45
- d.mount(el);
46
- solidJs.onCleanup(() => {
47
- d.unmount();
48
- });
49
- }
50
- });
51
- return (() => {
52
- var _el$ = _tmpl$();
53
- web.ref(() => (el) => {
54
- setDevToolRef(el);
55
- }, _el$);
56
- return _el$;
57
- })();
1
+ let _solidjs_web = require("@solidjs/web");
2
+ let _tanstack_solid_router = require("@tanstack/solid-router");
3
+ let _tanstack_router_devtools_core = require("@tanstack/router-devtools-core");
4
+ let solid_js = require("solid-js");
5
+ //#region src/TanStackRouterDevtools.tsx
6
+ var _tmpl$ = /* @__PURE__ */ (0, _solidjs_web.template)(`<div>`);
7
+ var TanStackRouterDevtools = (props) => {
8
+ const activeRouter = props.router ?? (0, _tanstack_solid_router.useRouter)();
9
+ const activeRouterState = (0, _tanstack_solid_router.useRouterState)({ router: activeRouter });
10
+ const usedProps = {
11
+ ...props,
12
+ router: activeRouter,
13
+ routerState: activeRouterState
14
+ };
15
+ const [devToolRef, setDevToolRef] = (0, solid_js.createSignal)();
16
+ const [devtools] = (0, solid_js.createSignal)(new _tanstack_router_devtools_core.TanStackRouterDevtoolsCore(usedProps));
17
+ (0, solid_js.createEffect)(devtools, (d) => {
18
+ d.setRouter(usedProps.router);
19
+ });
20
+ (0, solid_js.createEffect)(devtools, (d) => {
21
+ d.setRouterState(usedProps.routerState);
22
+ });
23
+ (0, solid_js.createEffect)(devtools, (d) => {
24
+ d.setOptions({
25
+ initialIsOpen: usedProps.initialIsOpen,
26
+ panelProps: usedProps.panelProps,
27
+ closeButtonProps: usedProps.closeButtonProps,
28
+ toggleButtonProps: usedProps.toggleButtonProps,
29
+ position: usedProps.position,
30
+ containerElement: usedProps.containerElement,
31
+ shadowDOMTarget: usedProps.shadowDOMTarget
32
+ });
33
+ });
34
+ (0, solid_js.createEffect)(() => ({
35
+ d: devtools(),
36
+ el: devToolRef()
37
+ }), ({ d, el }) => {
38
+ if (el) {
39
+ d.mount(el);
40
+ (0, solid_js.onCleanup)(() => {
41
+ d.unmount();
42
+ });
43
+ }
44
+ });
45
+ return (() => {
46
+ var _el$ = _tmpl$();
47
+ (0, _solidjs_web.ref)(() => (el) => {
48
+ setDevToolRef(el);
49
+ }, _el$);
50
+ return _el$;
51
+ })();
58
52
  };
53
+ //#endregion
59
54
  exports.TanStackRouterDevtools = TanStackRouterDevtools;
60
- //# sourceMappingURL=TanStackRouterDevtools.cjs.map
55
+
56
+ //# sourceMappingURL=TanStackRouterDevtools.cjs.map
package/dist/cjs/TanStackRouterDevtools.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TanStackRouterDevtools.cjs","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"],"names":["TanStackRouterDevtools","props","activeRouter","router","useRouter","activeRouterState","useRouterState","usedProps","routerState","devToolRef","setDevToolRef","createSignal","devtools","TanStackRouterDevtoolsCore","createEffect","d","setRouter","setRouterState","setOptions","initialIsOpen","panelProps","closeButtonProps","toggleButtonProps","position","containerElement","shadowDOMTarget","el","mount","onCleanup","unmount","_el$","_tmpl$","_$ref"],"mappings":";;;;;;;AA4CO,MAAMA,yBAETA,CAACC,UAA8B;AACjC,QAAMC,eAAeD,MAAME,UAAUC,sBAAAA;AACrC,QAAMC,oBAAoBC,YAAAA,eAAe;AAAA,IAAEH,QAAQD;AAAAA,EAAAA,CAAc;AAEjE,QAAMK,YAAY;AAAA,IAChB,GAAGN;AAAAA,IACHE,QAAQD;AAAAA,IACRM,aAAaH;AAAAA,EAAAA;AAGf,QAAM,CAACI,YAAYC,aAAa,IAAIC,qBAAAA;AACpC,QAAM,CAACC,QAAQ,IAAID,QAAAA,aAAa,IAAIE,mBAAAA,2BAA2BN,SAAS,CAAC;AAGzEO,uBAAaF,UAAWG,CAAAA,MAAM;AAC5BA,MAAEC,UAAUT,UAAUJ,MAAM;AAAA,EAC9B,CAAC;AAEDW,uBAAaF,UAAWG,CAAAA,MAAM;AAC5BA,MAAEE,eAAeV,UAAUC,WAAW;AAAA,EACxC,CAAC;AAEDM,uBAAaF,UAAWG,CAAAA,MAAM;AAC5BA,MAAEG,WAAW;AAAA,MACXC,eAAeZ,UAAUY;AAAAA,MACzBC,YAAYb,UAAUa;AAAAA,MACtBC,kBAAkBd,UAAUc;AAAAA,MAC5BC,mBAAmBf,UAAUe;AAAAA,MAC7BC,UAAUhB,UAAUgB;AAAAA,MACpBC,kBAAkBjB,UAAUiB;AAAAA,MAC5BC,iBAAiBlB,UAAUkB;AAAAA,IAAAA,CAC5B;AAAA,EACH,CAAC;AAEDX,UAAAA,aACE,OAAO;AAAA,IAAEC,GAAGH,SAAAA;AAAAA,IAAYc,IAAIjB,WAAAA;AAAAA,EAAW,IACvC,CAAC;AAAA,IAAEM;AAAAA,IAAGW;AAAAA,EAAAA,MAAS;AACb,QAAIA,IAAI;AACNX,QAAEY,MAAMD,EAAE;AAEVE,cAAAA,UAAU,MAAM;AACdb,UAAEc,QAAAA;AAAAA,MACJ,CAAC;AAAA,IACH;AAAA,EACF,CACF;AAEA,UAAA,MAAA;AAAA,QAAAC,OAAAC,OAAAA;AAAAC,QAAAA,IAAA,MAGYN,CAAAA,OAAO;AACXhB,oBAAcgB,EAAE;AAAA,IAClB,GAACI,IAAA;AAAA,WAAAA;AAAAA,EAAA,GAAA;AAIT;;"}
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"}
package/dist/cjs/TanStackRouterDevtoolsPanel.cjs CHANGED
@@ -1,54 +1,50 @@
1
- "use strict";
2
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const web = require("@solidjs/web");
4
- const solidRouter = require("@tanstack/solid-router");
5
- const routerDevtoolsCore = require("@tanstack/router-devtools-core");
6
- const solidJs = require("solid-js");
7
- var _tmpl$ = /* @__PURE__ */ web.template(`<div>`);
8
- const TanStackRouterDevtoolsPanel = (props) => {
9
- const activeRouter = props.router ?? solidRouter.useRouter();
10
- const activeRouterState = solidRouter.useRouterState({
11
- router: activeRouter
12
- });
13
- const usedProps = {
14
- ...props,
15
- router: activeRouter,
16
- routerState: activeRouterState
17
- };
18
- const [devToolRef, setDevToolRef] = solidJs.createSignal();
19
- const [devtools] = solidJs.createSignal(new routerDevtoolsCore.TanStackRouterDevtoolsPanelCore(usedProps));
20
- solidJs.createEffect(devtools, (d) => {
21
- d.setRouter(usedProps.router);
22
- });
23
- solidJs.createEffect(devtools, (d) => {
24
- d.setRouterState(usedProps.routerState);
25
- });
26
- solidJs.createEffect(devtools, (d) => {
27
- d.setOptions({
28
- className: usedProps.className,
29
- style: usedProps.style,
30
- shadowDOMTarget: usedProps.shadowDOMTarget
31
- });
32
- });
33
- solidJs.createEffect(() => ({
34
- d: devtools(),
35
- el: devToolRef()
36
- }), ({
37
- d,
38
- el
39
- }) => {
40
- if (el) {
41
- d.mount(el);
42
- solidJs.onCleanup(() => {
43
- d.unmount();
44
- });
45
- }
46
- });
47
- return (() => {
48
- var _el$ = _tmpl$();
49
- web.ref(() => setDevToolRef, _el$);
50
- return _el$;
51
- })();
1
+ let _solidjs_web = require("@solidjs/web");
2
+ let _tanstack_solid_router = require("@tanstack/solid-router");
3
+ let _tanstack_router_devtools_core = require("@tanstack/router-devtools-core");
4
+ let solid_js = require("solid-js");
5
+ //#region src/TanStackRouterDevtoolsPanel.tsx
6
+ var _tmpl$ = /* @__PURE__ */ (0, _solidjs_web.template)(`<div>`);
7
+ var TanStackRouterDevtoolsPanel = (props) => {
8
+ const activeRouter = props.router ?? (0, _tanstack_solid_router.useRouter)();
9
+ const activeRouterState = (0, _tanstack_solid_router.useRouterState)({ router: activeRouter });
10
+ const usedProps = {
11
+ ...props,
12
+ router: activeRouter,
13
+ routerState: activeRouterState
14
+ };
15
+ const [devToolRef, setDevToolRef] = (0, solid_js.createSignal)();
16
+ const [devtools] = (0, solid_js.createSignal)(new _tanstack_router_devtools_core.TanStackRouterDevtoolsPanelCore(usedProps));
17
+ (0, solid_js.createEffect)(devtools, (d) => {
18
+ d.setRouter(usedProps.router);
19
+ });
20
+ (0, solid_js.createEffect)(devtools, (d) => {
21
+ d.setRouterState(usedProps.routerState);
22
+ });
23
+ (0, solid_js.createEffect)(devtools, (d) => {
24
+ d.setOptions({
25
+ className: usedProps.className,
26
+ style: usedProps.style,
27
+ shadowDOMTarget: usedProps.shadowDOMTarget
28
+ });
29
+ });
30
+ (0, solid_js.createEffect)(() => ({
31
+ d: devtools(),
32
+ el: devToolRef()
33
+ }), ({ d, el }) => {
34
+ if (el) {
35
+ d.mount(el);
36
+ (0, solid_js.onCleanup)(() => {
37
+ d.unmount();
38
+ });
39
+ }
40
+ });
41
+ return (() => {
42
+ var _el$ = _tmpl$();
43
+ (0, _solidjs_web.ref)(() => setDevToolRef, _el$);
44
+ return _el$;
45
+ })();
52
46
  };
47
+ //#endregion
53
48
  exports.TanStackRouterDevtoolsPanel = TanStackRouterDevtoolsPanel;
54
- //# sourceMappingURL=TanStackRouterDevtoolsPanel.cjs.map
49
+
50
+ //# sourceMappingURL=TanStackRouterDevtoolsPanel.cjs.map
package/dist/cjs/TanStackRouterDevtoolsPanel.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TanStackRouterDevtoolsPanel.cjs","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"],"names":["TanStackRouterDevtoolsPanel","props","activeRouter","router","useRouter","activeRouterState","useRouterState","usedProps","routerState","devToolRef","setDevToolRef","createSignal","devtools","TanStackRouterDevtoolsPanelCore","createEffect","d","setRouter","setRouterState","setOptions","className","style","shadowDOMTarget","el","mount","onCleanup","unmount","_el$","_tmpl$","_$ref"],"mappings":";;;;;;;AAqCO,MAAMA,8BAETA,CAACC,UAA8B;AACjC,QAAMC,eAAeD,MAAME,UAAUC,sBAAAA;AACrC,QAAMC,oBAAoBC,YAAAA,eAAe;AAAA,IAAEH,QAAQD;AAAAA,EAAAA,CAAc;AAEjE,QAAMK,YAAY;AAAA,IAChB,GAAGN;AAAAA,IACHE,QAAQD;AAAAA,IACRM,aAAaH;AAAAA,EAAAA;AAGf,QAAM,CAACI,YAAYC,aAAa,IAAIC,qBAAAA;AACpC,QAAM,CAACC,QAAQ,IAAID,QAAAA,aACjB,IAAIE,mBAAAA,gCAAgCN,SAAS,CAC/C;AAGAO,uBAAaF,UAAWG,CAAAA,MAAM;AAC5BA,MAAEC,UAAUT,UAAUJ,MAAM;AAAA,EAC9B,CAAC;AAEDW,uBAAaF,UAAWG,CAAAA,MAAM;AAC5BA,MAAEE,eAAeV,UAAUC,WAAW;AAAA,EACxC,CAAC;AAEDM,uBAAaF,UAAWG,CAAAA,MAAM;AAC5BA,MAAEG,WAAW;AAAA,MACXC,WAAWZ,UAAUY;AAAAA,MACrBC,OAAOb,UAAUa;AAAAA,MACjBC,iBAAiBd,UAAUc;AAAAA,IAAAA,CAC5B;AAAA,EACH,CAAC;AAEDP,UAAAA,aACE,OAAO;AAAA,IAAEC,GAAGH,SAAAA;AAAAA,IAAYU,IAAIb,WAAAA;AAAAA,EAAW,IACvC,CAAC;AAAA,IAAEM;AAAAA,IAAGO;AAAAA,EAAAA,MAAS;AACb,QAAIA,IAAI;AACNP,QAAEQ,MAAMD,EAAE;AAEVE,cAAAA,UAAU,MAAM;AACdT,UAAEU,QAAAA;AAAAA,MACJ,CAAC;AAAA,IACH;AAAA,EACF,CACF;AAEA,UAAA,MAAA;AAAA,QAAAC,OAAAC,OAAAA;AAAAC,YAAA,MAEclB,eAAagB,IAAA;AAAA,WAAAA;AAAAA,EAAA,GAAA;AAG7B;;"}
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"}
package/dist/cjs/index.cjs CHANGED
@@ -1,17 +1,19 @@
1
- "use strict";
2
1
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const TanStackRouterDevtools$1 = require("./TanStackRouterDevtools.cjs");
4
- const TanStackRouterDevtoolsPanel$1 = require("./TanStackRouterDevtoolsPanel.cjs");
5
- const TanStackRouterDevtools = process.env.NODE_ENV !== "development" ? function() {
6
- return null;
7
- } : TanStackRouterDevtools$1.TanStackRouterDevtools;
8
- const TanStackRouterDevtoolsInProd = TanStackRouterDevtools$1.TanStackRouterDevtools;
9
- const TanStackRouterDevtoolsPanel = process.env.NODE_ENV !== "development" ? function() {
10
- return null;
11
- } : TanStackRouterDevtoolsPanel$1.TanStackRouterDevtoolsPanel;
12
- const TanStackRouterDevtoolsPanelInProd = TanStackRouterDevtoolsPanel$1.TanStackRouterDevtoolsPanel;
2
+ const require_TanStackRouterDevtools = require("./TanStackRouterDevtools.cjs");
3
+ const require_TanStackRouterDevtoolsPanel = require("./TanStackRouterDevtoolsPanel.cjs");
4
+ //#region src/index.tsx
5
+ var TanStackRouterDevtools = process.env.NODE_ENV !== "development" ? function() {
6
+ return null;
7
+ } : require_TanStackRouterDevtools.TanStackRouterDevtools;
8
+ var TanStackRouterDevtoolsInProd = require_TanStackRouterDevtools.TanStackRouterDevtools;
9
+ var TanStackRouterDevtoolsPanel = process.env.NODE_ENV !== "development" ? function() {
10
+ return null;
11
+ } : require_TanStackRouterDevtoolsPanel.TanStackRouterDevtoolsPanel;
12
+ var TanStackRouterDevtoolsPanelInProd = require_TanStackRouterDevtoolsPanel.TanStackRouterDevtoolsPanel;
13
+ //#endregion
13
14
  exports.TanStackRouterDevtools = TanStackRouterDevtools;
14
15
  exports.TanStackRouterDevtoolsInProd = TanStackRouterDevtoolsInProd;
15
16
  exports.TanStackRouterDevtoolsPanel = TanStackRouterDevtoolsPanel;
16
17
  exports.TanStackRouterDevtoolsPanelInProd = TanStackRouterDevtoolsPanelInProd;
17
- //# sourceMappingURL=index.cjs.map
18
+
19
+ //# sourceMappingURL=index.cjs.map
package/dist/cjs/index.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.cjs","sources":["../../src/index.tsx"],"sourcesContent":["import * 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"],"names":["TanStackRouterDevtools","process","env","NODE_ENV","Devtools","TanStackRouterDevtoolsInProd","TanStackRouterDevtoolsPanel","DevtoolsPanel","TanStackRouterDevtoolsPanelInProd"],"mappings":";;;;AAGO,MAAMA,yBACXC,QAAQC,IAAIC,aAAa,gBACrB,WAAY;AACV,SAAO;AACT,IACAC,yBAAAA;AAEC,MAAMC,+BACXD,yBAAAA;AAEK,MAAME,8BACXL,QAAQC,IAAIC,aAAa,gBACrB,WAAY;AACV,SAAO;AACT,IACAI,8BAAAA;AAEC,MAAMC,oCACXD,8BAAAA;;;;;"}
1
+ {"version":3,"file":"index.cjs","names":["Devtools","DevtoolsPanel","TanStackRouterDevtools","process","env","NODE_ENV","TanStackRouterDevtoolsInProd","TanStackRouterDevtoolsPanel","TanStackRouterDevtoolsPanelInProd"],"sources":["../../src/index.tsx"],"sourcesContent":["import * 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":";;;;AAGA,IAAaE,yBAAAA,QAAAA,IAAAA,aACc,gBACrB,WAAY;AACV,QAAO;;AAIf,IAAaI,+BAAAA,+BAAAA;AAGb,IAAaC,8BAAAA,QAAAA,IAAAA,aACc,gBACrB,WAAY;AACV,QAAO;;AAIf,IAAaC,oCAAAA,oCAAAA"}
package/dist/esm/TanStackRouterDevtools.js CHANGED
@@ -1,60 +1,56 @@
1
- import { template, ref } from "@solidjs/web";
1
+ import { ref, template } from "@solidjs/web";
2
2
  import { useRouter, useRouterState } from "@tanstack/solid-router";
3
3
  import { TanStackRouterDevtoolsCore } from "@tanstack/router-devtools-core";
4
- import { createSignal, createEffect, onCleanup } from "solid-js";
4
+ import { createEffect, createSignal, onCleanup } from "solid-js";
5
+ //#region src/TanStackRouterDevtools.tsx
5
6
  var _tmpl$ = /* @__PURE__ */ template(`<div>`);
6
- const TanStackRouterDevtools = (props) => {
7
- const activeRouter = props.router ?? useRouter();
8
- const activeRouterState = useRouterState({
9
- router: activeRouter
10
- });
11
- const usedProps = {
12
- ...props,
13
- router: activeRouter,
14
- routerState: activeRouterState
15
- };
16
- const [devToolRef, setDevToolRef] = createSignal();
17
- const [devtools] = createSignal(new TanStackRouterDevtoolsCore(usedProps));
18
- createEffect(devtools, (d) => {
19
- d.setRouter(usedProps.router);
20
- });
21
- createEffect(devtools, (d) => {
22
- d.setRouterState(usedProps.routerState);
23
- });
24
- createEffect(devtools, (d) => {
25
- d.setOptions({
26
- initialIsOpen: usedProps.initialIsOpen,
27
- panelProps: usedProps.panelProps,
28
- closeButtonProps: usedProps.closeButtonProps,
29
- toggleButtonProps: usedProps.toggleButtonProps,
30
- position: usedProps.position,
31
- containerElement: usedProps.containerElement,
32
- shadowDOMTarget: usedProps.shadowDOMTarget
33
- });
34
- });
35
- createEffect(() => ({
36
- d: devtools(),
37
- el: devToolRef()
38
- }), ({
39
- d,
40
- el
41
- }) => {
42
- if (el) {
43
- d.mount(el);
44
- onCleanup(() => {
45
- d.unmount();
46
- });
47
- }
48
- });
49
- return (() => {
50
- var _el$ = _tmpl$();
51
- ref(() => (el) => {
52
- setDevToolRef(el);
53
- }, _el$);
54
- return _el$;
55
- })();
7
+ var TanStackRouterDevtools = (props) => {
8
+ const activeRouter = props.router ?? useRouter();
9
+ const activeRouterState = useRouterState({ router: activeRouter });
10
+ const usedProps = {
11
+ ...props,
12
+ router: activeRouter,
13
+ routerState: activeRouterState
14
+ };
15
+ const [devToolRef, setDevToolRef] = createSignal();
16
+ const [devtools] = createSignal(new TanStackRouterDevtoolsCore(usedProps));
17
+ createEffect(devtools, (d) => {
18
+ d.setRouter(usedProps.router);
19
+ });
20
+ createEffect(devtools, (d) => {
21
+ d.setRouterState(usedProps.routerState);
22
+ });
23
+ createEffect(devtools, (d) => {
24
+ d.setOptions({
25
+ initialIsOpen: usedProps.initialIsOpen,
26
+ panelProps: usedProps.panelProps,
27
+ closeButtonProps: usedProps.closeButtonProps,
28
+ toggleButtonProps: usedProps.toggleButtonProps,
29
+ position: usedProps.position,
30
+ containerElement: usedProps.containerElement,
31
+ shadowDOMTarget: usedProps.shadowDOMTarget
32
+ });
33
+ });
34
+ createEffect(() => ({
35
+ d: devtools(),
36
+ el: devToolRef()
37
+ }), ({ d, el }) => {
38
+ if (el) {
39
+ d.mount(el);
40
+ onCleanup(() => {
41
+ d.unmount();
42
+ });
43
+ }
44
+ });
45
+ return (() => {
46
+ var _el$ = _tmpl$();
47
+ ref(() => (el) => {
48
+ setDevToolRef(el);
49
+ }, _el$);
50
+ return _el$;
51
+ })();
56
52
  };
57
- export {
58
- TanStackRouterDevtools
59
- };
60
- //# sourceMappingURL=TanStackRouterDevtools.js.map
53
+ //#endregion
54
+ export { TanStackRouterDevtools };
55
+
56
+ //# sourceMappingURL=TanStackRouterDevtools.js.map
package/dist/esm/TanStackRouterDevtools.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TanStackRouterDevtools.js","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"],"names":["TanStackRouterDevtools","props","activeRouter","router","useRouter","activeRouterState","useRouterState","usedProps","routerState","devToolRef","setDevToolRef","createSignal","devtools","TanStackRouterDevtoolsCore","createEffect","d","setRouter","setRouterState","setOptions","initialIsOpen","panelProps","closeButtonProps","toggleButtonProps","position","containerElement","shadowDOMTarget","el","mount","onCleanup","unmount","_el$","_tmpl$","_$ref"],"mappings":";;;;;AA4CO,MAAMA,yBAETA,CAACC,UAA8B;AACjC,QAAMC,eAAeD,MAAME,UAAUC,UAAAA;AACrC,QAAMC,oBAAoBC,eAAe;AAAA,IAAEH,QAAQD;AAAAA,EAAAA,CAAc;AAEjE,QAAMK,YAAY;AAAA,IAChB,GAAGN;AAAAA,IACHE,QAAQD;AAAAA,IACRM,aAAaH;AAAAA,EAAAA;AAGf,QAAM,CAACI,YAAYC,aAAa,IAAIC,aAAAA;AACpC,QAAM,CAACC,QAAQ,IAAID,aAAa,IAAIE,2BAA2BN,SAAS,CAAC;AAGzEO,eAAaF,UAAWG,CAAAA,MAAM;AAC5BA,MAAEC,UAAUT,UAAUJ,MAAM;AAAA,EAC9B,CAAC;AAEDW,eAAaF,UAAWG,CAAAA,MAAM;AAC5BA,MAAEE,eAAeV,UAAUC,WAAW;AAAA,EACxC,CAAC;AAEDM,eAAaF,UAAWG,CAAAA,MAAM;AAC5BA,MAAEG,WAAW;AAAA,MACXC,eAAeZ,UAAUY;AAAAA,MACzBC,YAAYb,UAAUa;AAAAA,MACtBC,kBAAkBd,UAAUc;AAAAA,MAC5BC,mBAAmBf,UAAUe;AAAAA,MAC7BC,UAAUhB,UAAUgB;AAAAA,MACpBC,kBAAkBjB,UAAUiB;AAAAA,MAC5BC,iBAAiBlB,UAAUkB;AAAAA,IAAAA,CAC5B;AAAA,EACH,CAAC;AAEDX,eACE,OAAO;AAAA,IAAEC,GAAGH,SAAAA;AAAAA,IAAYc,IAAIjB,WAAAA;AAAAA,EAAW,IACvC,CAAC;AAAA,IAAEM;AAAAA,IAAGW;AAAAA,EAAAA,MAAS;AACb,QAAIA,IAAI;AACNX,QAAEY,MAAMD,EAAE;AAEVE,gBAAU,MAAM;AACdb,UAAEc,QAAAA;AAAAA,MACJ,CAAC;AAAA,IACH;AAAA,EACF,CACF;AAEA,UAAA,MAAA;AAAA,QAAAC,OAAAC,OAAAA;AAAAC,QAAA,MAGYN,CAAAA,OAAO;AACXhB,oBAAcgB,EAAE;AAAA,IAClB,GAACI,IAAA;AAAA,WAAAA;AAAAA,EAAA,GAAA;AAIT;"}
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"}
package/dist/esm/TanStackRouterDevtoolsPanel.js CHANGED
@@ -1,54 +1,50 @@
1
- import { template, ref } from "@solidjs/web";
1
+ import { ref, template } from "@solidjs/web";
2
2
  import { useRouter, useRouterState } from "@tanstack/solid-router";
3
3
  import { TanStackRouterDevtoolsPanelCore } from "@tanstack/router-devtools-core";
4
- import { createSignal, createEffect, onCleanup } from "solid-js";
4
+ import { createEffect, createSignal, onCleanup } from "solid-js";
5
+ //#region src/TanStackRouterDevtoolsPanel.tsx
5
6
  var _tmpl$ = /* @__PURE__ */ template(`<div>`);
6
- const TanStackRouterDevtoolsPanel = (props) => {
7
- const activeRouter = props.router ?? useRouter();
8
- const activeRouterState = useRouterState({
9
- router: activeRouter
10
- });
11
- const usedProps = {
12
- ...props,
13
- router: activeRouter,
14
- routerState: activeRouterState
15
- };
16
- const [devToolRef, setDevToolRef] = createSignal();
17
- const [devtools] = createSignal(new TanStackRouterDevtoolsPanelCore(usedProps));
18
- createEffect(devtools, (d) => {
19
- d.setRouter(usedProps.router);
20
- });
21
- createEffect(devtools, (d) => {
22
- d.setRouterState(usedProps.routerState);
23
- });
24
- createEffect(devtools, (d) => {
25
- d.setOptions({
26
- className: usedProps.className,
27
- style: usedProps.style,
28
- shadowDOMTarget: usedProps.shadowDOMTarget
29
- });
30
- });
31
- createEffect(() => ({
32
- d: devtools(),
33
- el: devToolRef()
34
- }), ({
35
- d,
36
- el
37
- }) => {
38
- if (el) {
39
- d.mount(el);
40
- onCleanup(() => {
41
- d.unmount();
42
- });
43
- }
44
- });
45
- return (() => {
46
- var _el$ = _tmpl$();
47
- ref(() => setDevToolRef, _el$);
48
- return _el$;
49
- })();
7
+ var TanStackRouterDevtoolsPanel = (props) => {
8
+ const activeRouter = props.router ?? useRouter();
9
+ const activeRouterState = useRouterState({ router: activeRouter });
10
+ const usedProps = {
11
+ ...props,
12
+ router: activeRouter,
13
+ routerState: activeRouterState
14
+ };
15
+ const [devToolRef, setDevToolRef] = createSignal();
16
+ const [devtools] = createSignal(new TanStackRouterDevtoolsPanelCore(usedProps));
17
+ createEffect(devtools, (d) => {
18
+ d.setRouter(usedProps.router);
19
+ });
20
+ createEffect(devtools, (d) => {
21
+ d.setRouterState(usedProps.routerState);
22
+ });
23
+ createEffect(devtools, (d) => {
24
+ d.setOptions({
25
+ className: usedProps.className,
26
+ style: usedProps.style,
27
+ shadowDOMTarget: usedProps.shadowDOMTarget
28
+ });
29
+ });
30
+ createEffect(() => ({
31
+ d: devtools(),
32
+ el: devToolRef()
33
+ }), ({ d, el }) => {
34
+ if (el) {
35
+ d.mount(el);
36
+ onCleanup(() => {
37
+ d.unmount();
38
+ });
39
+ }
40
+ });
41
+ return (() => {
42
+ var _el$ = _tmpl$();
43
+ ref(() => setDevToolRef, _el$);
44
+ return _el$;
45
+ })();
50
46
  };
51
- export {
52
- TanStackRouterDevtoolsPanel
53
- };
54
- //# sourceMappingURL=TanStackRouterDevtoolsPanel.js.map
47
+ //#endregion
48
+ export { TanStackRouterDevtoolsPanel };
49
+
50
+ //# sourceMappingURL=TanStackRouterDevtoolsPanel.js.map
package/dist/esm/TanStackRouterDevtoolsPanel.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TanStackRouterDevtoolsPanel.js","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"],"names":["TanStackRouterDevtoolsPanel","props","activeRouter","router","useRouter","activeRouterState","useRouterState","usedProps","routerState","devToolRef","setDevToolRef","createSignal","devtools","TanStackRouterDevtoolsPanelCore","createEffect","d","setRouter","setRouterState","setOptions","className","style","shadowDOMTarget","el","mount","onCleanup","unmount","_el$","_tmpl$","_$ref"],"mappings":";;;;;AAqCO,MAAMA,8BAETA,CAACC,UAA8B;AACjC,QAAMC,eAAeD,MAAME,UAAUC,UAAAA;AACrC,QAAMC,oBAAoBC,eAAe;AAAA,IAAEH,QAAQD;AAAAA,EAAAA,CAAc;AAEjE,QAAMK,YAAY;AAAA,IAChB,GAAGN;AAAAA,IACHE,QAAQD;AAAAA,IACRM,aAAaH;AAAAA,EAAAA;AAGf,QAAM,CAACI,YAAYC,aAAa,IAAIC,aAAAA;AACpC,QAAM,CAACC,QAAQ,IAAID,aACjB,IAAIE,gCAAgCN,SAAS,CAC/C;AAGAO,eAAaF,UAAWG,CAAAA,MAAM;AAC5BA,MAAEC,UAAUT,UAAUJ,MAAM;AAAA,EAC9B,CAAC;AAEDW,eAAaF,UAAWG,CAAAA,MAAM;AAC5BA,MAAEE,eAAeV,UAAUC,WAAW;AAAA,EACxC,CAAC;AAEDM,eAAaF,UAAWG,CAAAA,MAAM;AAC5BA,MAAEG,WAAW;AAAA,MACXC,WAAWZ,UAAUY;AAAAA,MACrBC,OAAOb,UAAUa;AAAAA,MACjBC,iBAAiBd,UAAUc;AAAAA,IAAAA,CAC5B;AAAA,EACH,CAAC;AAEDP,eACE,OAAO;AAAA,IAAEC,GAAGH,SAAAA;AAAAA,IAAYU,IAAIb,WAAAA;AAAAA,EAAW,IACvC,CAAC;AAAA,IAAEM;AAAAA,IAAGO;AAAAA,EAAAA,MAAS;AACb,QAAIA,IAAI;AACNP,QAAEQ,MAAMD,EAAE;AAEVE,gBAAU,MAAM;AACdT,UAAEU,QAAAA;AAAAA,MACJ,CAAC;AAAA,IACH;AAAA,EACF,CACF;AAEA,UAAA,MAAA;AAAA,QAAAC,OAAAC,OAAAA;AAAAC,QAAA,MAEclB,eAAagB,IAAA;AAAA,WAAAA;AAAAA,EAAA,GAAA;AAG7B;"}
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"}
package/dist/esm/index.js CHANGED
@@ -1,17 +1,15 @@
1
1
  import { TanStackRouterDevtools as TanStackRouterDevtools$1 } from "./TanStackRouterDevtools.js";
2
2
  import { TanStackRouterDevtoolsPanel as TanStackRouterDevtoolsPanel$1 } from "./TanStackRouterDevtoolsPanel.js";
3
- const TanStackRouterDevtools = process.env.NODE_ENV !== "development" ? function() {
4
- return null;
3
+ //#region src/index.tsx
4
+ var TanStackRouterDevtools = process.env.NODE_ENV !== "development" ? function() {
5
+ return null;
5
6
  } : TanStackRouterDevtools$1;
6
- const TanStackRouterDevtoolsInProd = TanStackRouterDevtools$1;
7
- const TanStackRouterDevtoolsPanel = process.env.NODE_ENV !== "development" ? function() {
8
- return null;
7
+ var TanStackRouterDevtoolsInProd = TanStackRouterDevtools$1;
8
+ var TanStackRouterDevtoolsPanel = process.env.NODE_ENV !== "development" ? function() {
9
+ return null;
9
10
  } : TanStackRouterDevtoolsPanel$1;
10
- const TanStackRouterDevtoolsPanelInProd = TanStackRouterDevtoolsPanel$1;
11
- export {
12
- TanStackRouterDevtools,
13
- TanStackRouterDevtoolsInProd,
14
- TanStackRouterDevtoolsPanel,
15
- TanStackRouterDevtoolsPanelInProd
16
- };
17
- //# sourceMappingURL=index.js.map
11
+ var TanStackRouterDevtoolsPanelInProd = TanStackRouterDevtoolsPanel$1;
12
+ //#endregion
13
+ export { TanStackRouterDevtools, TanStackRouterDevtoolsInProd, TanStackRouterDevtoolsPanel, TanStackRouterDevtoolsPanelInProd };
14
+
15
+ //# sourceMappingURL=index.js.map
package/dist/esm/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../src/index.tsx"],"sourcesContent":["import * 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"],"names":["TanStackRouterDevtools","process","env","NODE_ENV","Devtools","TanStackRouterDevtoolsInProd","TanStackRouterDevtoolsPanel","DevtoolsPanel","TanStackRouterDevtoolsPanelInProd"],"mappings":";;AAGO,MAAMA,yBACXC,QAAQC,IAAIC,aAAa,gBACrB,WAAY;AACV,SAAO;AACT,IACAC;AAEC,MAAMC,+BACXD;AAEK,MAAME,8BACXL,QAAQC,IAAIC,aAAa,gBACrB,WAAY;AACV,SAAO;AACT,IACAI;AAEC,MAAMC,oCACXD;"}
1
+ {"version":3,"file":"index.js","names":["Devtools","DevtoolsPanel","TanStackRouterDevtools","process","env","NODE_ENV","TanStackRouterDevtoolsInProd","TanStackRouterDevtoolsPanel","TanStackRouterDevtoolsPanelInProd"],"sources":["../../src/index.tsx"],"sourcesContent":["import * 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":";;;AAGA,IAAaE,yBAAAA,QAAAA,IAAAA,aACc,gBACrB,WAAY;AACV,QAAO;IAETF;AAEN,IAAaM,+BACXN;AAEF,IAAaO,8BAAAA,QAAAA,IAAAA,aACc,gBACrB,WAAY;AACV,QAAO;IAETN;AAEN,IAAaO,oCACXP"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tanstack/solid-router-devtools",
3
- "version": "2.0.0-alpha.1",
3
+ "version": "2.0.0-alpha.3",
4
4
  "description": "Modern and scalable routing for Solid applications",
5
5
  "author": "Tanner Linsley",
6
6
  "license": "MIT",
@@ -53,20 +53,20 @@
53
53
  "node": ">=20.19"
54
54
  },
55
55
  "dependencies": {
56
- "@solidjs/web": "2.0.0-beta.2",
57
- "@tanstack/router-devtools-core": "1.166.7"
56
+ "@solidjs/web": "2.0.0-beta.3",
57
+ "@tanstack/router-devtools-core": "1.166.9"
58
58
  },
59
59
  "devDependencies": {
60
- "solid-js": "2.0.0-beta.2",
61
- "@solidjs/web": "2.0.0-beta.2",
60
+ "solid-js": "2.0.0-beta.3",
61
+ "@solidjs/web": "2.0.0-beta.3",
62
62
  "vite": "*",
63
- "vite-plugin-solid": "3.0.0-next.2"
63
+ "vite-plugin-solid": "3.0.0-next.3"
64
64
  },
65
65
  "peerDependencies": {
66
- "solid-js": "2.0.0-beta.2",
67
- "@solidjs/web": "2.0.0-beta.2",
68
- "@tanstack/router-core": "^1.166.7",
69
- "@tanstack/solid-router": "^2.0.0-alpha.1"
66
+ "solid-js": "2.0.0-beta.3",
67
+ "@solidjs/web": "2.0.0-beta.3",
68
+ "@tanstack/router-core": "^1.167.5",
69
+ "@tanstack/solid-router": "^2.0.0-alpha.5"
70
70
  },
71
71
  "peerDependenciesMeta": {
72
72
  "@tanstack/router-core": {