@tanstack/solid-query-devtools 5.91.3 → 5.94.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/_tsup-dts-rollup.d.cts +119 -0
- package/build/_tsup-dts-rollup.d.ts +119 -0
- package/build/dev.cjs +1 -2
- package/build/dev.d.cts +3 -0
- package/build/dev.d.ts +3 -0
- package/build/dev.js +1 -1
- package/build/devtools/BCD44V6M.js +1 -1
- package/build/devtoolsPanel/{VKJ7SILT.js → VOW4J2DZ.js} +2 -3
- package/build/index.cjs +1 -2
- package/build/index.d.cts +3 -94
- package/build/index.d.ts +3 -94
- package/build/index.js +1 -1
- package/package.json +7 -8
|
@@ -0,0 +1,119 @@
|
|
|
1
|
+
import type { Component } from 'solid-js';
|
|
2
|
+
import type { ComponentProps } from 'solid-js';
|
|
3
|
+
import type { DevtoolsButtonPosition } from '@tanstack/query-devtools';
|
|
4
|
+
import type { DevtoolsErrorType } from '@tanstack/query-devtools';
|
|
5
|
+
import type { DevtoolsPosition } from '@tanstack/query-devtools';
|
|
6
|
+
import { JSX } from 'solid-js';
|
|
7
|
+
import { Options } from 'tsup';
|
|
8
|
+
import type { QueryClient } from '@tanstack/solid-query';
|
|
9
|
+
import type { Theme } from '@tanstack/query-devtools';
|
|
10
|
+
import { UserConfig } from 'vite';
|
|
11
|
+
|
|
12
|
+
export declare function default_alias<T extends Component<any>>(fn: () => Promise<{
|
|
13
|
+
default: T;
|
|
14
|
+
}>): (props: ComponentProps<T> & {
|
|
15
|
+
fallback?: JSX.Element;
|
|
16
|
+
}) => any;
|
|
17
|
+
|
|
18
|
+
export declare function default_alias_1(props: DevtoolsOptions): JSX;
|
|
19
|
+
|
|
20
|
+
export declare function default_alias_2(props: DevtoolsPanelOptions): JSX.Element;
|
|
21
|
+
|
|
22
|
+
export declare const default_alias_3: any[];
|
|
23
|
+
|
|
24
|
+
export declare const default_alias_4: any[];
|
|
25
|
+
|
|
26
|
+
export declare const default_alias_5: Options | Options[] | ((overrideOptions: Options) => Options | Options[] | Promise<Options | Options[]>);
|
|
27
|
+
|
|
28
|
+
export declare const default_alias_6: UserConfig;
|
|
29
|
+
|
|
30
|
+
declare interface DevtoolsOptions {
|
|
31
|
+
/**
|
|
32
|
+
* Set this true if you want the dev tools to default to being open
|
|
33
|
+
*/
|
|
34
|
+
initialIsOpen?: boolean;
|
|
35
|
+
/**
|
|
36
|
+
* The position of the React Query logo to open and close the devtools panel.
|
|
37
|
+
* 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'
|
|
38
|
+
* Defaults to 'bottom-right'.
|
|
39
|
+
*/
|
|
40
|
+
buttonPosition?: DevtoolsButtonPosition;
|
|
41
|
+
/**
|
|
42
|
+
* The position of the React Query devtools panel.
|
|
43
|
+
* 'top' | 'bottom' | 'left' | 'right'
|
|
44
|
+
* Defaults to 'bottom'.
|
|
45
|
+
*/
|
|
46
|
+
position?: DevtoolsPosition;
|
|
47
|
+
/**
|
|
48
|
+
* Custom instance of QueryClient
|
|
49
|
+
*/
|
|
50
|
+
client?: QueryClient;
|
|
51
|
+
/**
|
|
52
|
+
* Use this so you can define custom errors that can be shown in the devtools.
|
|
53
|
+
*/
|
|
54
|
+
errorTypes?: Array<DevtoolsErrorType>;
|
|
55
|
+
/**
|
|
56
|
+
* Use this to pass a nonce to the style tag that is added to the document head. This is useful if you are using a Content Security Policy (CSP) nonce to allow inline styles.
|
|
57
|
+
*/
|
|
58
|
+
styleNonce?: string;
|
|
59
|
+
/**
|
|
60
|
+
* Use this so you can attach the devtool's styles to specific element in the DOM.
|
|
61
|
+
*/
|
|
62
|
+
shadowDOMTarget?: ShadowRoot;
|
|
63
|
+
/**
|
|
64
|
+
* Set this to true to hide disabled queries from the devtools panel.
|
|
65
|
+
*/
|
|
66
|
+
hideDisabledQueries?: boolean;
|
|
67
|
+
/**
|
|
68
|
+
* Set this to 'light', 'dark', or 'system' to change the theme of the devtools panel.
|
|
69
|
+
* Defaults to 'system'.
|
|
70
|
+
*/
|
|
71
|
+
theme?: Theme;
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
declare interface DevtoolsPanelOptions {
|
|
75
|
+
/**
|
|
76
|
+
* Custom instance of QueryClient
|
|
77
|
+
*/
|
|
78
|
+
client?: QueryClient;
|
|
79
|
+
/**
|
|
80
|
+
* Use this so you can define custom errors that can be shown in the devtools.
|
|
81
|
+
*/
|
|
82
|
+
errorTypes?: Array<DevtoolsErrorType>;
|
|
83
|
+
/**
|
|
84
|
+
* Use this to pass a nonce to the style tag that is added to the document head. This is useful if you are using a Content Security Policy (CSP) nonce to allow inline styles.
|
|
85
|
+
*/
|
|
86
|
+
styleNonce?: string;
|
|
87
|
+
/**
|
|
88
|
+
* Use this so you can attach the devtool's styles to specific element in the DOM.
|
|
89
|
+
*/
|
|
90
|
+
shadowDOMTarget?: ShadowRoot;
|
|
91
|
+
/**
|
|
92
|
+
* Custom styles for the devtools panel
|
|
93
|
+
* @default { height: '500px' }
|
|
94
|
+
* @example { height: '100%' }
|
|
95
|
+
* @example { height: '100%', width: '100%' }
|
|
96
|
+
*/
|
|
97
|
+
style?: JSX.CSSProperties;
|
|
98
|
+
/**
|
|
99
|
+
* Callback function that is called when the devtools panel is closed
|
|
100
|
+
*/
|
|
101
|
+
onClose?: () => unknown;
|
|
102
|
+
/**
|
|
103
|
+
* Set this to true to hide disabled queries from the devtools panel.
|
|
104
|
+
*/
|
|
105
|
+
hideDisabledQueries?: boolean;
|
|
106
|
+
/**
|
|
107
|
+
* Set this to 'light', 'dark', or 'system' to change the theme of the devtools panel.
|
|
108
|
+
* Defaults to 'system'.
|
|
109
|
+
*/
|
|
110
|
+
theme?: Theme;
|
|
111
|
+
}
|
|
112
|
+
export { DevtoolsPanelOptions }
|
|
113
|
+
export { DevtoolsPanelOptions as DevtoolsPanelOptions_alias_1 }
|
|
114
|
+
|
|
115
|
+
export declare const SolidQueryDevtools: typeof default_alias_1;
|
|
116
|
+
|
|
117
|
+
export declare const SolidQueryDevtoolsPanel: typeof default_alias_2;
|
|
118
|
+
|
|
119
|
+
export { }
|
|
@@ -0,0 +1,119 @@
|
|
|
1
|
+
import type { Component } from 'solid-js';
|
|
2
|
+
import type { ComponentProps } from 'solid-js';
|
|
3
|
+
import type { DevtoolsButtonPosition } from '@tanstack/query-devtools';
|
|
4
|
+
import type { DevtoolsErrorType } from '@tanstack/query-devtools';
|
|
5
|
+
import type { DevtoolsPosition } from '@tanstack/query-devtools';
|
|
6
|
+
import { JSX } from 'solid-js';
|
|
7
|
+
import { Options } from 'tsup';
|
|
8
|
+
import type { QueryClient } from '@tanstack/solid-query';
|
|
9
|
+
import type { Theme } from '@tanstack/query-devtools';
|
|
10
|
+
import { UserConfig } from 'vite';
|
|
11
|
+
|
|
12
|
+
export declare function default_alias<T extends Component<any>>(fn: () => Promise<{
|
|
13
|
+
default: T;
|
|
14
|
+
}>): (props: ComponentProps<T> & {
|
|
15
|
+
fallback?: JSX.Element;
|
|
16
|
+
}) => any;
|
|
17
|
+
|
|
18
|
+
export declare function default_alias_1(props: DevtoolsOptions): JSX;
|
|
19
|
+
|
|
20
|
+
export declare function default_alias_2(props: DevtoolsPanelOptions): JSX.Element;
|
|
21
|
+
|
|
22
|
+
export declare const default_alias_3: any[];
|
|
23
|
+
|
|
24
|
+
export declare const default_alias_4: any[];
|
|
25
|
+
|
|
26
|
+
export declare const default_alias_5: Options | Options[] | ((overrideOptions: Options) => Options | Options[] | Promise<Options | Options[]>);
|
|
27
|
+
|
|
28
|
+
export declare const default_alias_6: UserConfig;
|
|
29
|
+
|
|
30
|
+
declare interface DevtoolsOptions {
|
|
31
|
+
/**
|
|
32
|
+
* Set this true if you want the dev tools to default to being open
|
|
33
|
+
*/
|
|
34
|
+
initialIsOpen?: boolean;
|
|
35
|
+
/**
|
|
36
|
+
* The position of the React Query logo to open and close the devtools panel.
|
|
37
|
+
* 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'
|
|
38
|
+
* Defaults to 'bottom-right'.
|
|
39
|
+
*/
|
|
40
|
+
buttonPosition?: DevtoolsButtonPosition;
|
|
41
|
+
/**
|
|
42
|
+
* The position of the React Query devtools panel.
|
|
43
|
+
* 'top' | 'bottom' | 'left' | 'right'
|
|
44
|
+
* Defaults to 'bottom'.
|
|
45
|
+
*/
|
|
46
|
+
position?: DevtoolsPosition;
|
|
47
|
+
/**
|
|
48
|
+
* Custom instance of QueryClient
|
|
49
|
+
*/
|
|
50
|
+
client?: QueryClient;
|
|
51
|
+
/**
|
|
52
|
+
* Use this so you can define custom errors that can be shown in the devtools.
|
|
53
|
+
*/
|
|
54
|
+
errorTypes?: Array<DevtoolsErrorType>;
|
|
55
|
+
/**
|
|
56
|
+
* Use this to pass a nonce to the style tag that is added to the document head. This is useful if you are using a Content Security Policy (CSP) nonce to allow inline styles.
|
|
57
|
+
*/
|
|
58
|
+
styleNonce?: string;
|
|
59
|
+
/**
|
|
60
|
+
* Use this so you can attach the devtool's styles to specific element in the DOM.
|
|
61
|
+
*/
|
|
62
|
+
shadowDOMTarget?: ShadowRoot;
|
|
63
|
+
/**
|
|
64
|
+
* Set this to true to hide disabled queries from the devtools panel.
|
|
65
|
+
*/
|
|
66
|
+
hideDisabledQueries?: boolean;
|
|
67
|
+
/**
|
|
68
|
+
* Set this to 'light', 'dark', or 'system' to change the theme of the devtools panel.
|
|
69
|
+
* Defaults to 'system'.
|
|
70
|
+
*/
|
|
71
|
+
theme?: Theme;
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
declare interface DevtoolsPanelOptions {
|
|
75
|
+
/**
|
|
76
|
+
* Custom instance of QueryClient
|
|
77
|
+
*/
|
|
78
|
+
client?: QueryClient;
|
|
79
|
+
/**
|
|
80
|
+
* Use this so you can define custom errors that can be shown in the devtools.
|
|
81
|
+
*/
|
|
82
|
+
errorTypes?: Array<DevtoolsErrorType>;
|
|
83
|
+
/**
|
|
84
|
+
* Use this to pass a nonce to the style tag that is added to the document head. This is useful if you are using a Content Security Policy (CSP) nonce to allow inline styles.
|
|
85
|
+
*/
|
|
86
|
+
styleNonce?: string;
|
|
87
|
+
/**
|
|
88
|
+
* Use this so you can attach the devtool's styles to specific element in the DOM.
|
|
89
|
+
*/
|
|
90
|
+
shadowDOMTarget?: ShadowRoot;
|
|
91
|
+
/**
|
|
92
|
+
* Custom styles for the devtools panel
|
|
93
|
+
* @default { height: '500px' }
|
|
94
|
+
* @example { height: '100%' }
|
|
95
|
+
* @example { height: '100%', width: '100%' }
|
|
96
|
+
*/
|
|
97
|
+
style?: JSX.CSSProperties;
|
|
98
|
+
/**
|
|
99
|
+
* Callback function that is called when the devtools panel is closed
|
|
100
|
+
*/
|
|
101
|
+
onClose?: () => unknown;
|
|
102
|
+
/**
|
|
103
|
+
* Set this to true to hide disabled queries from the devtools panel.
|
|
104
|
+
*/
|
|
105
|
+
hideDisabledQueries?: boolean;
|
|
106
|
+
/**
|
|
107
|
+
* Set this to 'light', 'dark', or 'system' to change the theme of the devtools panel.
|
|
108
|
+
* Defaults to 'system'.
|
|
109
|
+
*/
|
|
110
|
+
theme?: Theme;
|
|
111
|
+
}
|
|
112
|
+
export { DevtoolsPanelOptions }
|
|
113
|
+
export { DevtoolsPanelOptions as DevtoolsPanelOptions_alias_1 }
|
|
114
|
+
|
|
115
|
+
export declare const SolidQueryDevtools: typeof default_alias_1;
|
|
116
|
+
|
|
117
|
+
export declare const SolidQueryDevtoolsPanel: typeof default_alias_2;
|
|
118
|
+
|
|
119
|
+
export { }
|
package/build/dev.cjs
CHANGED
|
@@ -132,7 +132,6 @@ function SolidQueryDevtoolsPanel(props) {
|
|
|
132
132
|
var _ref$ = ref;
|
|
133
133
|
typeof _ref$ === "function" ? web.use(_ref$, _el$) : ref = _el$;
|
|
134
134
|
web.effect((_$p) => web.style(_el$, {
|
|
135
|
-
height: "500px",
|
|
136
135
|
...props.style
|
|
137
136
|
}, _$p));
|
|
138
137
|
return _el$;
|
|
@@ -141,7 +140,7 @@ function SolidQueryDevtoolsPanel(props) {
|
|
|
141
140
|
var _tmpl$2;
|
|
142
141
|
var init_devtoolsPanel = __esm({
|
|
143
142
|
"src/devtoolsPanel.tsx"() {
|
|
144
|
-
_tmpl$2 = /* @__PURE__ */ web.template(`<div class=tsqd-parent-container>`);
|
|
143
|
+
_tmpl$2 = /* @__PURE__ */ web.template(`<div class=tsqd-parent-container style=height:500px>`);
|
|
145
144
|
}
|
|
146
145
|
});
|
|
147
146
|
function clientOnly(fn) {
|
package/build/dev.d.cts
ADDED
package/build/dev.d.ts
ADDED
package/build/dev.js
CHANGED
|
@@ -21,7 +21,7 @@ function clientOnly(fn) {
|
|
|
21
21
|
var SolidQueryDevtools = isDev ? clientOnly(() => import('./devtools/BCD44V6M.js')) : function() {
|
|
22
22
|
return null;
|
|
23
23
|
};
|
|
24
|
-
var SolidQueryDevtoolsPanel = isDev ? clientOnly(() => import('./devtoolsPanel/
|
|
24
|
+
var SolidQueryDevtoolsPanel = isDev ? clientOnly(() => import('./devtoolsPanel/VOW4J2DZ.js')) : function() {
|
|
25
25
|
return null;
|
|
26
26
|
};
|
|
27
27
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { use, template } from 'solid-js/web';
|
|
2
2
|
import { createMemo, createEffect, onMount, onCleanup } from 'solid-js';
|
|
3
3
|
import { useQueryClient, onlineManager } from '@tanstack/solid-query';
|
|
4
4
|
import { TanstackQueryDevtools } from '@tanstack/query-devtools';
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { use, effect, style, template } from 'solid-js/web';
|
|
2
2
|
import { createMemo, createEffect, onMount, onCleanup } from 'solid-js';
|
|
3
3
|
import { useQueryClient, onlineManager } from '@tanstack/solid-query';
|
|
4
4
|
import { TanstackQueryDevtoolsPanel } from '@tanstack/query-devtools';
|
|
5
5
|
|
|
6
6
|
// src/devtoolsPanel.tsx
|
|
7
|
-
var _tmpl$ = /* @__PURE__ */ template(`<div class=tsqd-parent-container>`);
|
|
7
|
+
var _tmpl$ = /* @__PURE__ */ template(`<div class=tsqd-parent-container style=height:500px>`);
|
|
8
8
|
function SolidQueryDevtoolsPanel(props) {
|
|
9
9
|
const queryClient = useQueryClient(props.client);
|
|
10
10
|
const client = createMemo(() => queryClient);
|
|
@@ -52,7 +52,6 @@ function SolidQueryDevtoolsPanel(props) {
|
|
|
52
52
|
var _ref$ = ref;
|
|
53
53
|
typeof _ref$ === "function" ? use(_ref$, _el$) : ref = _el$;
|
|
54
54
|
effect((_$p) => style(_el$, {
|
|
55
|
-
height: "500px",
|
|
56
55
|
...props.style
|
|
57
56
|
}, _$p));
|
|
58
57
|
return _el$;
|
package/build/index.cjs
CHANGED
|
@@ -132,7 +132,6 @@ function SolidQueryDevtoolsPanel(props) {
|
|
|
132
132
|
var _ref$ = ref;
|
|
133
133
|
typeof _ref$ === "function" ? web.use(_ref$, _el$) : ref = _el$;
|
|
134
134
|
web.effect((_$p) => web.style(_el$, {
|
|
135
|
-
height: "500px",
|
|
136
135
|
...props.style
|
|
137
136
|
}, _$p));
|
|
138
137
|
return _el$;
|
|
@@ -141,7 +140,7 @@ function SolidQueryDevtoolsPanel(props) {
|
|
|
141
140
|
var _tmpl$2;
|
|
142
141
|
var init_devtoolsPanel = __esm({
|
|
143
142
|
"src/devtoolsPanel.tsx"() {
|
|
144
|
-
_tmpl$2 = /* @__PURE__ */ web.template(`<div class=tsqd-parent-container>`);
|
|
143
|
+
_tmpl$2 = /* @__PURE__ */ web.template(`<div class=tsqd-parent-container style=height:500px>`);
|
|
145
144
|
}
|
|
146
145
|
});
|
|
147
146
|
function clientOnly(fn) {
|
package/build/index.d.cts
CHANGED
|
@@ -1,94 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
import { QueryClient } from '@tanstack/solid-query';
|
|
5
|
-
|
|
6
|
-
interface DevtoolsOptions {
|
|
7
|
-
/**
|
|
8
|
-
* Set this true if you want the dev tools to default to being open
|
|
9
|
-
*/
|
|
10
|
-
initialIsOpen?: boolean;
|
|
11
|
-
/**
|
|
12
|
-
* The position of the React Query logo to open and close the devtools panel.
|
|
13
|
-
* 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'
|
|
14
|
-
* Defaults to 'bottom-right'.
|
|
15
|
-
*/
|
|
16
|
-
buttonPosition?: DevtoolsButtonPosition;
|
|
17
|
-
/**
|
|
18
|
-
* The position of the React Query devtools panel.
|
|
19
|
-
* 'top' | 'bottom' | 'left' | 'right'
|
|
20
|
-
* Defaults to 'bottom'.
|
|
21
|
-
*/
|
|
22
|
-
position?: DevtoolsPosition;
|
|
23
|
-
/**
|
|
24
|
-
* Custom instance of QueryClient
|
|
25
|
-
*/
|
|
26
|
-
client?: QueryClient;
|
|
27
|
-
/**
|
|
28
|
-
* Use this so you can define custom errors that can be shown in the devtools.
|
|
29
|
-
*/
|
|
30
|
-
errorTypes?: Array<DevtoolsErrorType>;
|
|
31
|
-
/**
|
|
32
|
-
* Use this to pass a nonce to the style tag that is added to the document head. This is useful if you are using a Content Security Policy (CSP) nonce to allow inline styles.
|
|
33
|
-
*/
|
|
34
|
-
styleNonce?: string;
|
|
35
|
-
/**
|
|
36
|
-
* Use this so you can attach the devtool's styles to specific element in the DOM.
|
|
37
|
-
*/
|
|
38
|
-
shadowDOMTarget?: ShadowRoot;
|
|
39
|
-
/**
|
|
40
|
-
* Set this to true to hide disabled queries from the devtools panel.
|
|
41
|
-
*/
|
|
42
|
-
hideDisabledQueries?: boolean;
|
|
43
|
-
/**
|
|
44
|
-
* Set this to 'light', 'dark', or 'system' to change the theme of the devtools panel.
|
|
45
|
-
* Defaults to 'system'.
|
|
46
|
-
*/
|
|
47
|
-
theme?: Theme;
|
|
48
|
-
}
|
|
49
|
-
declare function SolidQueryDevtools$1(props: DevtoolsOptions): solid_js.JSX.Element;
|
|
50
|
-
|
|
51
|
-
interface DevtoolsPanelOptions {
|
|
52
|
-
/**
|
|
53
|
-
* Custom instance of QueryClient
|
|
54
|
-
*/
|
|
55
|
-
client?: QueryClient;
|
|
56
|
-
/**
|
|
57
|
-
* Use this so you can define custom errors that can be shown in the devtools.
|
|
58
|
-
*/
|
|
59
|
-
errorTypes?: Array<DevtoolsErrorType>;
|
|
60
|
-
/**
|
|
61
|
-
* Use this to pass a nonce to the style tag that is added to the document head. This is useful if you are using a Content Security Policy (CSP) nonce to allow inline styles.
|
|
62
|
-
*/
|
|
63
|
-
styleNonce?: string;
|
|
64
|
-
/**
|
|
65
|
-
* Use this so you can attach the devtool's styles to specific element in the DOM.
|
|
66
|
-
*/
|
|
67
|
-
shadowDOMTarget?: ShadowRoot;
|
|
68
|
-
/**
|
|
69
|
-
* Custom styles for the devtools panel
|
|
70
|
-
* @default { height: '500px' }
|
|
71
|
-
* @example { height: '100%' }
|
|
72
|
-
* @example { height: '100%', width: '100%' }
|
|
73
|
-
*/
|
|
74
|
-
style?: JSX.CSSProperties;
|
|
75
|
-
/**
|
|
76
|
-
* Callback function that is called when the devtools panel is closed
|
|
77
|
-
*/
|
|
78
|
-
onClose?: () => unknown;
|
|
79
|
-
/**
|
|
80
|
-
* Set this to true to hide disabled queries from the devtools panel.
|
|
81
|
-
*/
|
|
82
|
-
hideDisabledQueries?: boolean;
|
|
83
|
-
/**
|
|
84
|
-
* Set this to 'light', 'dark', or 'system' to change the theme of the devtools panel.
|
|
85
|
-
* Defaults to 'system'.
|
|
86
|
-
*/
|
|
87
|
-
theme?: Theme;
|
|
88
|
-
}
|
|
89
|
-
declare function SolidQueryDevtoolsPanel$1(props: DevtoolsPanelOptions): JSX.Element;
|
|
90
|
-
|
|
91
|
-
declare const SolidQueryDevtools: typeof SolidQueryDevtools$1;
|
|
92
|
-
declare const SolidQueryDevtoolsPanel: typeof SolidQueryDevtoolsPanel$1;
|
|
93
|
-
|
|
94
|
-
export { type DevtoolsPanelOptions, SolidQueryDevtools, SolidQueryDevtoolsPanel };
|
|
1
|
+
export { SolidQueryDevtools } from './_tsup-dts-rollup.cjs';
|
|
2
|
+
export { SolidQueryDevtoolsPanel } from './_tsup-dts-rollup.cjs';
|
|
3
|
+
export { DevtoolsPanelOptions_alias_1 as DevtoolsPanelOptions } from './_tsup-dts-rollup.cjs';
|
package/build/index.d.ts
CHANGED
|
@@ -1,94 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
import { QueryClient } from '@tanstack/solid-query';
|
|
5
|
-
|
|
6
|
-
interface DevtoolsOptions {
|
|
7
|
-
/**
|
|
8
|
-
* Set this true if you want the dev tools to default to being open
|
|
9
|
-
*/
|
|
10
|
-
initialIsOpen?: boolean;
|
|
11
|
-
/**
|
|
12
|
-
* The position of the React Query logo to open and close the devtools panel.
|
|
13
|
-
* 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'
|
|
14
|
-
* Defaults to 'bottom-right'.
|
|
15
|
-
*/
|
|
16
|
-
buttonPosition?: DevtoolsButtonPosition;
|
|
17
|
-
/**
|
|
18
|
-
* The position of the React Query devtools panel.
|
|
19
|
-
* 'top' | 'bottom' | 'left' | 'right'
|
|
20
|
-
* Defaults to 'bottom'.
|
|
21
|
-
*/
|
|
22
|
-
position?: DevtoolsPosition;
|
|
23
|
-
/**
|
|
24
|
-
* Custom instance of QueryClient
|
|
25
|
-
*/
|
|
26
|
-
client?: QueryClient;
|
|
27
|
-
/**
|
|
28
|
-
* Use this so you can define custom errors that can be shown in the devtools.
|
|
29
|
-
*/
|
|
30
|
-
errorTypes?: Array<DevtoolsErrorType>;
|
|
31
|
-
/**
|
|
32
|
-
* Use this to pass a nonce to the style tag that is added to the document head. This is useful if you are using a Content Security Policy (CSP) nonce to allow inline styles.
|
|
33
|
-
*/
|
|
34
|
-
styleNonce?: string;
|
|
35
|
-
/**
|
|
36
|
-
* Use this so you can attach the devtool's styles to specific element in the DOM.
|
|
37
|
-
*/
|
|
38
|
-
shadowDOMTarget?: ShadowRoot;
|
|
39
|
-
/**
|
|
40
|
-
* Set this to true to hide disabled queries from the devtools panel.
|
|
41
|
-
*/
|
|
42
|
-
hideDisabledQueries?: boolean;
|
|
43
|
-
/**
|
|
44
|
-
* Set this to 'light', 'dark', or 'system' to change the theme of the devtools panel.
|
|
45
|
-
* Defaults to 'system'.
|
|
46
|
-
*/
|
|
47
|
-
theme?: Theme;
|
|
48
|
-
}
|
|
49
|
-
declare function SolidQueryDevtools$1(props: DevtoolsOptions): solid_js.JSX.Element;
|
|
50
|
-
|
|
51
|
-
interface DevtoolsPanelOptions {
|
|
52
|
-
/**
|
|
53
|
-
* Custom instance of QueryClient
|
|
54
|
-
*/
|
|
55
|
-
client?: QueryClient;
|
|
56
|
-
/**
|
|
57
|
-
* Use this so you can define custom errors that can be shown in the devtools.
|
|
58
|
-
*/
|
|
59
|
-
errorTypes?: Array<DevtoolsErrorType>;
|
|
60
|
-
/**
|
|
61
|
-
* Use this to pass a nonce to the style tag that is added to the document head. This is useful if you are using a Content Security Policy (CSP) nonce to allow inline styles.
|
|
62
|
-
*/
|
|
63
|
-
styleNonce?: string;
|
|
64
|
-
/**
|
|
65
|
-
* Use this so you can attach the devtool's styles to specific element in the DOM.
|
|
66
|
-
*/
|
|
67
|
-
shadowDOMTarget?: ShadowRoot;
|
|
68
|
-
/**
|
|
69
|
-
* Custom styles for the devtools panel
|
|
70
|
-
* @default { height: '500px' }
|
|
71
|
-
* @example { height: '100%' }
|
|
72
|
-
* @example { height: '100%', width: '100%' }
|
|
73
|
-
*/
|
|
74
|
-
style?: JSX.CSSProperties;
|
|
75
|
-
/**
|
|
76
|
-
* Callback function that is called when the devtools panel is closed
|
|
77
|
-
*/
|
|
78
|
-
onClose?: () => unknown;
|
|
79
|
-
/**
|
|
80
|
-
* Set this to true to hide disabled queries from the devtools panel.
|
|
81
|
-
*/
|
|
82
|
-
hideDisabledQueries?: boolean;
|
|
83
|
-
/**
|
|
84
|
-
* Set this to 'light', 'dark', or 'system' to change the theme of the devtools panel.
|
|
85
|
-
* Defaults to 'system'.
|
|
86
|
-
*/
|
|
87
|
-
theme?: Theme;
|
|
88
|
-
}
|
|
89
|
-
declare function SolidQueryDevtoolsPanel$1(props: DevtoolsPanelOptions): JSX.Element;
|
|
90
|
-
|
|
91
|
-
declare const SolidQueryDevtools: typeof SolidQueryDevtools$1;
|
|
92
|
-
declare const SolidQueryDevtoolsPanel: typeof SolidQueryDevtoolsPanel$1;
|
|
93
|
-
|
|
94
|
-
export { type DevtoolsPanelOptions, SolidQueryDevtools, SolidQueryDevtoolsPanel };
|
|
1
|
+
export { SolidQueryDevtools } from './_tsup-dts-rollup.js';
|
|
2
|
+
export { SolidQueryDevtoolsPanel } from './_tsup-dts-rollup.js';
|
|
3
|
+
export { DevtoolsPanelOptions_alias_1 as DevtoolsPanelOptions } from './_tsup-dts-rollup.js';
|
package/build/index.js
CHANGED
|
@@ -21,7 +21,7 @@ function clientOnly(fn) {
|
|
|
21
21
|
var SolidQueryDevtools = isDev ? clientOnly(() => import('./devtools/BCD44V6M.js')) : function() {
|
|
22
22
|
return null;
|
|
23
23
|
};
|
|
24
|
-
var SolidQueryDevtoolsPanel = isDev ? clientOnly(() => import('./devtoolsPanel/
|
|
24
|
+
var SolidQueryDevtoolsPanel = isDev ? clientOnly(() => import('./devtoolsPanel/VOW4J2DZ.js')) : function() {
|
|
25
25
|
return null;
|
|
26
26
|
};
|
|
27
27
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tanstack/solid-query-devtools",
|
|
3
|
-
"version": "5.
|
|
3
|
+
"version": "5.94.5",
|
|
4
4
|
"description": "Developer tools to interact with and visualize the TanStack/solid-query Query cache",
|
|
5
5
|
"author": "tannerlinsley",
|
|
6
6
|
"license": "MIT",
|
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
"!src/__tests__"
|
|
45
45
|
],
|
|
46
46
|
"dependencies": {
|
|
47
|
-
"@tanstack/query-devtools": "5.
|
|
47
|
+
"@tanstack/query-devtools": "5.94.5"
|
|
48
48
|
},
|
|
49
49
|
"devDependencies": {
|
|
50
50
|
"@solidjs/testing-library": "^0.8.10",
|
|
@@ -52,25 +52,24 @@
|
|
|
52
52
|
"solid-js": "^1.9.7",
|
|
53
53
|
"tsup-preset-solid": "^2.2.0",
|
|
54
54
|
"vite-plugin-solid": "^2.11.6",
|
|
55
|
-
"@tanstack/solid-query": "5.
|
|
55
|
+
"@tanstack/solid-query": "5.94.5"
|
|
56
56
|
},
|
|
57
57
|
"peerDependencies": {
|
|
58
58
|
"solid-js": "^1.6.0",
|
|
59
|
-
"@tanstack/solid-query": "^5.
|
|
59
|
+
"@tanstack/solid-query": "^5.94.5"
|
|
60
60
|
},
|
|
61
61
|
"scripts": {
|
|
62
62
|
"clean": "premove ./build ./coverage ./dist-ts",
|
|
63
63
|
"compile": "tsc --build",
|
|
64
64
|
"test:eslint": "eslint --concurrency=auto ./src",
|
|
65
65
|
"test:types": "npm run compile && npm-run-all --serial test:types:*",
|
|
66
|
-
"test:types:ts50": "node ../../node_modules/typescript50/lib/tsc.js --build",
|
|
67
|
-
"test:types:ts51": "node ../../node_modules/typescript51/lib/tsc.js --build",
|
|
68
|
-
"test:types:ts52": "node ../../node_modules/typescript52/lib/tsc.js --build",
|
|
69
|
-
"test:types:ts53": "node ../../node_modules/typescript53/lib/tsc.js --build",
|
|
70
66
|
"test:types:ts54": "node ../../node_modules/typescript54/lib/tsc.js --build",
|
|
71
67
|
"test:types:ts55": "node ../../node_modules/typescript55/lib/tsc.js --build",
|
|
72
68
|
"test:types:ts56": "node ../../node_modules/typescript56/lib/tsc.js --build",
|
|
73
69
|
"test:types:ts57": "node ../../node_modules/typescript57/lib/tsc.js --build",
|
|
70
|
+
"test:types:ts58": "node ../../node_modules/typescript58/lib/tsc.js --build",
|
|
71
|
+
"test:types:ts59": "node ../../node_modules/typescript59/lib/tsc.js --build",
|
|
72
|
+
"test:types:ts60": "node ../../node_modules/typescript60/lib/tsc.js --build",
|
|
74
73
|
"test:build": "publint --strict && attw --pack",
|
|
75
74
|
"test:lib": "vitest --retry=3",
|
|
76
75
|
"test:lib:dev": "pnpm run test:lib --watch",
|