floppy-disk 3.0.0-alpha.3 → 3.0.0-alpha.4

package/esm/react/create-query.d.mts

@@ -153,30 +153,33 @@ export type QueryOptions<TData, TVariable extends Record<string, any>> = InitSto
  *   // ...
  * }
  */
-export declare const createQuery: <TData, TVariable extends Record<string, any> = never>(queryFn: (variable: TVariable, currentState: QueryState<TData>) => Promise<TData>, options?: QueryOptions<TData, TVariable>) => ((variable?: TVariable) => (<TStateSlice = QueryState<TData>>(options?: {
-    /**
-     * Whether the query should execute automatically on mount.
-     *
-     * @default true
-     */
-    enabled?: boolean;
-    /**
-     * Whether to keep previous successful data while a new variable is loading.
-     *
-     * @remarks
-     * - Only applies when the query is in the `INITIAL` state (no data & no error).
-     * - Intended for variable changes:
-     *   when switching from one variable to another, the previous data is temporarily shown
-     *   while the new execution is in progress.
-     * - Once the new execution resolves (success or error), the previous data is no longer used.
-     * - Prevents UI flicker (e.g. empty/loading state) during transitions.
-     *
-     * @example
-     * // Switching from userId=1 → userId=2
-     * // While loading userId=2, still show userId=1 data
-     * useQuery({ id: userId }, { keepPreviousData: true });
-     */ keepPreviousData?: boolean;
-}, selector?: (state: QueryState<TData>) => TStateSlice) => TStateSlice) & {
+export declare const createQuery: <TData, TVariable extends Record<string, any> = never>(queryFn: (variable: TVariable, currentState: QueryState<TData>) => Promise<TData>, options?: QueryOptions<TData, TVariable>) => ((variable?: TVariable) => {
+    <TStateSlice = QueryState<TData>>(options?: {
+        /**
+         * Whether the query should execute automatically on mount.
+         *
+         * @default true
+         */
+        enabled?: boolean;
+        /**
+         * Whether to keep previous successful data while a new variable is loading.
+         *
+         * @remarks
+         * - Only applies when the query is in the `INITIAL` state (no data & no error).
+         * - Intended for variable changes:
+         *   when switching from one variable to another, the previous data is temporarily shown
+         *   while the new execution is in progress.
+         * - Once the new execution resolves (success or error), the previous data is no longer used.
+         * - Prevents UI flicker (e.g. empty/loading state) during transitions.
+         *
+         * @example
+         * // Switching from userId=1 → userId=2
+         * // While loading userId=2, still show userId=1 data
+         * useQuery({ id: userId }, { keepPreviousData: true });
+         */ keepPreviousData?: boolean;
+    }, selector?: (state: QueryState<TData>) => TStateSlice): TStateSlice;
+    <TStateSlice = QueryState<TData>>(selector?: (state: QueryState<TData>) => TStateSlice): TStateSlice;
+} & {
     metadata: {
         isInvalidated?: boolean;
         promise?: Promise<QueryState<TData>> | undefined;

package/esm/react.mjs

@@ -323,7 +323,16 @@ const createQuery = (queryFn, options = {}) => {
       stores.set(variableHash, store);
       internals.set(store, configureInternals(store, variable, variableHash));
     }
-    const useStore = (options2 = {}, selector = identity) => {
+    function useStore(optionsOrSelector = {}, maybeSelector) {
+      let selector;
+      let options2;
+      if (typeof optionsOrSelector === "function") {
+        options2 = {};
+        selector = optionsOrSelector;
+      } else {
+        options2 = optionsOrSelector;
+        selector = maybeSelector || identity;
+      }
       useStoreUpdateNotifier(store, selector);
       useIsomorphicLayoutEffect(() => {
         if (options2.enabled !== false) revalidate(store, variable, false);
@@ -337,7 +346,7 @@ const createQuery = (queryFn, options = {}) => {
         storeStateToBeUsed = { ...storeState, ...prevState.current };
       }
       return selector(storeStateToBeUsed);
-    };
+    }
     return Object.assign(useStore, {
       subscribe: store.subscribe,
       getSubscribers: store.getSubscribers,

package/package.json

@@ -2,7 +2,7 @@
   "name": "floppy-disk",
   "description": "Lightweight, simple, and powerful state management library",
   "private": false,
-  "version": "3.0.0-alpha.3",
+  "version": "3.0.0-alpha.4",
   "publishConfig": {
     "tag": "alpha"
   },

package/react/create-query.d.ts

@@ -153,30 +153,33 @@ export type QueryOptions<TData, TVariable extends Record<string, any>> = InitSto
  *   // ...
  * }
  */
-export declare const createQuery: <TData, TVariable extends Record<string, any> = never>(queryFn: (variable: TVariable, currentState: QueryState<TData>) => Promise<TData>, options?: QueryOptions<TData, TVariable>) => ((variable?: TVariable) => (<TStateSlice = QueryState<TData>>(options?: {
-    /**
-     * Whether the query should execute automatically on mount.
-     *
-     * @default true
-     */
-    enabled?: boolean;
-    /**
-     * Whether to keep previous successful data while a new variable is loading.
-     *
-     * @remarks
-     * - Only applies when the query is in the `INITIAL` state (no data & no error).
-     * - Intended for variable changes:
-     *   when switching from one variable to another, the previous data is temporarily shown
-     *   while the new execution is in progress.
-     * - Once the new execution resolves (success or error), the previous data is no longer used.
-     * - Prevents UI flicker (e.g. empty/loading state) during transitions.
-     *
-     * @example
-     * // Switching from userId=1 → userId=2
-     * // While loading userId=2, still show userId=1 data
-     * useQuery({ id: userId }, { keepPreviousData: true });
-     */ keepPreviousData?: boolean;
-}, selector?: (state: QueryState<TData>) => TStateSlice) => TStateSlice) & {
+export declare const createQuery: <TData, TVariable extends Record<string, any> = never>(queryFn: (variable: TVariable, currentState: QueryState<TData>) => Promise<TData>, options?: QueryOptions<TData, TVariable>) => ((variable?: TVariable) => {
+    <TStateSlice = QueryState<TData>>(options?: {
+        /**
+         * Whether the query should execute automatically on mount.
+         *
+         * @default true
+         */
+        enabled?: boolean;
+        /**
+         * Whether to keep previous successful data while a new variable is loading.
+         *
+         * @remarks
+         * - Only applies when the query is in the `INITIAL` state (no data & no error).
+         * - Intended for variable changes:
+         *   when switching from one variable to another, the previous data is temporarily shown
+         *   while the new execution is in progress.
+         * - Once the new execution resolves (success or error), the previous data is no longer used.
+         * - Prevents UI flicker (e.g. empty/loading state) during transitions.
+         *
+         * @example
+         * // Switching from userId=1 → userId=2
+         * // While loading userId=2, still show userId=1 data
+         * useQuery({ id: userId }, { keepPreviousData: true });
+         */ keepPreviousData?: boolean;
+    }, selector?: (state: QueryState<TData>) => TStateSlice): TStateSlice;
+    <TStateSlice = QueryState<TData>>(selector?: (state: QueryState<TData>) => TStateSlice): TStateSlice;
+} & {
     metadata: {
         isInvalidated?: boolean;
         promise?: Promise<QueryState<TData>> | undefined;

package/react.js

@@ -325,7 +325,16 @@ const createQuery = (queryFn, options = {}) => {
       stores.set(variableHash, store);
       internals.set(store, configureInternals(store, variable, variableHash));
     }
-    const useStore = (options2 = {}, selector = vanilla.identity) => {
+    function useStore(optionsOrSelector = {}, maybeSelector) {
+      let selector;
+      let options2;
+      if (typeof optionsOrSelector === "function") {
+        options2 = {};
+        selector = optionsOrSelector;
+      } else {
+        options2 = optionsOrSelector;
+        selector = maybeSelector || vanilla.identity;
+      }
       useStoreUpdateNotifier(store, selector);
       useIsomorphicLayoutEffect(() => {
         if (options2.enabled !== false) revalidate(store, variable, false);
@@ -339,7 +348,7 @@ const createQuery = (queryFn, options = {}) => {
         storeStateToBeUsed = { ...storeState, ...prevState.current };
       }
       return selector(storeStateToBeUsed);
-    };
+    }
     return Object.assign(useStore, {
       subscribe: store.subscribe,
       getSubscribers: store.getSubscribers,