@tanstack/solid-query-devtools 5.91.2 → 6.0.0-alpha.0

package/build/index.d.cts

@@ -1,94 +1,3 @@
-import * as solid_js from 'solid-js';
-import { JSX } from 'solid-js';
-import { DevtoolsButtonPosition, DevtoolsPosition, DevtoolsErrorType, Theme } from '@tanstack/query-devtools';
-import { QueryClient } from '@tanstack/solid-query';
-
-interface DevtoolsOptions {
-    /**
-     * Set this true if you want the dev tools to default to being open
-     */
-    initialIsOpen?: boolean;
-    /**
-     * The position of the React Query logo to open and close the devtools panel.
-     * 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'
-     * Defaults to 'bottom-right'.
-     */
-    buttonPosition?: DevtoolsButtonPosition;
-    /**
-     * The position of the React Query devtools panel.
-     * 'top' | 'bottom' | 'left' | 'right'
-     * Defaults to 'bottom'.
-     */
-    position?: DevtoolsPosition;
-    /**
-     * Custom instance of QueryClient
-     */
-    client?: QueryClient;
-    /**
-     * Use this so you can define custom errors that can be shown in the devtools.
-     */
-    errorTypes?: Array<DevtoolsErrorType>;
-    /**
-     * 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.
-     */
-    styleNonce?: string;
-    /**
-     * Use this so you can attach the devtool's styles to specific element in the DOM.
-     */
-    shadowDOMTarget?: ShadowRoot;
-    /**
-     * Set this to true to hide disabled queries from the devtools panel.
-     */
-    hideDisabledQueries?: boolean;
-    /**
-     * Set this to 'light', 'dark', or 'system' to change the theme of the devtools panel.
-     * Defaults to 'system'.
-     */
-    theme?: Theme;
-}
-declare function SolidQueryDevtools$1(props: DevtoolsOptions): solid_js.JSX.Element;
-
-interface DevtoolsPanelOptions {
-    /**
-     * Custom instance of QueryClient
-     */
-    client?: QueryClient;
-    /**
-     * Use this so you can define custom errors that can be shown in the devtools.
-     */
-    errorTypes?: Array<DevtoolsErrorType>;
-    /**
-     * 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.
-     */
-    styleNonce?: string;
-    /**
-     * Use this so you can attach the devtool's styles to specific element in the DOM.
-     */
-    shadowDOMTarget?: ShadowRoot;
-    /**
-     * Custom styles for the devtools panel
-     * @default { height: '500px' }
-     * @example { height: '100%' }
-     * @example { height: '100%', width: '100%' }
-     */
-    style?: JSX.CSSProperties;
-    /**
-     * Callback function that is called when the devtools panel is closed
-     */
-    onClose?: () => unknown;
-    /**
-     * Set this to true to hide disabled queries from the devtools panel.
-     */
-    hideDisabledQueries?: boolean;
-    /**
-     * Set this to 'light', 'dark', or 'system' to change the theme of the devtools panel.
-     * Defaults to 'system'.
-     */
-    theme?: Theme;
-}
-declare function SolidQueryDevtoolsPanel$1(props: DevtoolsPanelOptions): JSX.Element;
-
-declare const SolidQueryDevtools: typeof SolidQueryDevtools$1;
-declare const SolidQueryDevtoolsPanel: typeof SolidQueryDevtoolsPanel$1;
-
-export { type DevtoolsPanelOptions, SolidQueryDevtools, SolidQueryDevtoolsPanel };
+export { SolidQueryDevtools } from './_tsup-dts-rollup.cjs';
+export { SolidQueryDevtoolsPanel } from './_tsup-dts-rollup.cjs';
+export { DevtoolsPanelOptions_alias_1 as DevtoolsPanelOptions } from './_tsup-dts-rollup.cjs';

package/build/index.d.ts

@@ -1,94 +1,3 @@
-import * as solid_js from 'solid-js';
-import { JSX } from 'solid-js';
-import { DevtoolsButtonPosition, DevtoolsPosition, DevtoolsErrorType, Theme } from '@tanstack/query-devtools';
-import { QueryClient } from '@tanstack/solid-query';
-
-interface DevtoolsOptions {
-    /**
-     * Set this true if you want the dev tools to default to being open
-     */
-    initialIsOpen?: boolean;
-    /**
-     * The position of the React Query logo to open and close the devtools panel.
-     * 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'
-     * Defaults to 'bottom-right'.
-     */
-    buttonPosition?: DevtoolsButtonPosition;
-    /**
-     * The position of the React Query devtools panel.
-     * 'top' | 'bottom' | 'left' | 'right'
-     * Defaults to 'bottom'.
-     */
-    position?: DevtoolsPosition;
-    /**
-     * Custom instance of QueryClient
-     */
-    client?: QueryClient;
-    /**
-     * Use this so you can define custom errors that can be shown in the devtools.
-     */
-    errorTypes?: Array<DevtoolsErrorType>;
-    /**
-     * 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.
-     */
-    styleNonce?: string;
-    /**
-     * Use this so you can attach the devtool's styles to specific element in the DOM.
-     */
-    shadowDOMTarget?: ShadowRoot;
-    /**
-     * Set this to true to hide disabled queries from the devtools panel.
-     */
-    hideDisabledQueries?: boolean;
-    /**
-     * Set this to 'light', 'dark', or 'system' to change the theme of the devtools panel.
-     * Defaults to 'system'.
-     */
-    theme?: Theme;
-}
-declare function SolidQueryDevtools$1(props: DevtoolsOptions): solid_js.JSX.Element;
-
-interface DevtoolsPanelOptions {
-    /**
-     * Custom instance of QueryClient
-     */
-    client?: QueryClient;
-    /**
-     * Use this so you can define custom errors that can be shown in the devtools.
-     */
-    errorTypes?: Array<DevtoolsErrorType>;
-    /**
-     * 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.
-     */
-    styleNonce?: string;
-    /**
-     * Use this so you can attach the devtool's styles to specific element in the DOM.
-     */
-    shadowDOMTarget?: ShadowRoot;
-    /**
-     * Custom styles for the devtools panel
-     * @default { height: '500px' }
-     * @example { height: '100%' }
-     * @example { height: '100%', width: '100%' }
-     */
-    style?: JSX.CSSProperties;
-    /**
-     * Callback function that is called when the devtools panel is closed
-     */
-    onClose?: () => unknown;
-    /**
-     * Set this to true to hide disabled queries from the devtools panel.
-     */
-    hideDisabledQueries?: boolean;
-    /**
-     * Set this to 'light', 'dark', or 'system' to change the theme of the devtools panel.
-     * Defaults to 'system'.
-     */
-    theme?: Theme;
-}
-declare function SolidQueryDevtoolsPanel$1(props: DevtoolsPanelOptions): JSX.Element;
-
-declare const SolidQueryDevtools: typeof SolidQueryDevtools$1;
-declare const SolidQueryDevtoolsPanel: typeof SolidQueryDevtoolsPanel$1;
-
-export { type DevtoolsPanelOptions, SolidQueryDevtools, SolidQueryDevtoolsPanel };
+export { SolidQueryDevtools } from './_tsup-dts-rollup.js';
+export { SolidQueryDevtoolsPanel } from './_tsup-dts-rollup.js';
+export { DevtoolsPanelOptions_alias_1 as DevtoolsPanelOptions } from './_tsup-dts-rollup.js';

package/build/index.js

@@ -1,7 +1,6 @@
-import { isDev, isServer } from 'solid-js/web';
-import { createSignal, splitProps, sharedConfig, onMount, createMemo, untrack } from 'solid-js';
+import { isDev, isServer } from './chunk/RDKFYAW3.js';
+import { createSignal, omit, sharedConfig, onSettled, createMemo, untrack } from 'solid-js';
 
-// src/index.tsx
 function clientOnly(fn) {
   if (isServer) return (props) => props.fallback;
   const [comp, setComp] = createSignal();
@@ -9,19 +8,21 @@ function clientOnly(fn) {
   return (props) => {
     let Comp;
     let m;
-    const [, rest] = splitProps(props, ["fallback"]);
-    if ((Comp = comp()) && !sharedConfig.context) return Comp(rest);
-    const [mounted, setMounted] = createSignal(!sharedConfig.context);
-    onMount(() => setMounted(true));
+    const rest = omit(props, "fallback");
+    if ((Comp = comp()) && !sharedConfig.hydrating) return Comp(rest);
+    const [mounted, setMounted] = createSignal(!sharedConfig.hydrating);
+    onSettled(() => {
+      setMounted(true);
+    });
     return createMemo(() => (Comp = comp(), m = mounted(), untrack(() => Comp && m ? Comp(rest) : props.fallback)));
   };
 }
 
 // src/index.tsx
-var SolidQueryDevtools = isDev ? clientOnly(() => import('./devtools/BCD44V6M.js')) : function() {
+var SolidQueryDevtools = isDev ? clientOnly(() => import('./devtools/CHPGNEUY.js')) : function() {
   return null;
 };
-var SolidQueryDevtoolsPanel = isDev ? clientOnly(() => import('./devtoolsPanel/VKJ7SILT.js')) : function() {
+var SolidQueryDevtoolsPanel = isDev ? clientOnly(() => import('./devtoolsPanel/LLRYE7CA.js')) : function() {
   return null;
 };