@fitzzero/quickdraw-core 1.1.0 → 1.2.0

package/dist/client/index.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { a as QuickdrawProviderProps, Q as QuickdrawSocketContextValue, U as UseServiceOptions, b as UseServiceResult, c as UseSubscriptionOptions, d as UseSubscriptionResult } from '../types-BADirRXn.js';
-export { C as ClientServiceMethodMap, S as SubscriptionDataMap } from '../types-BADirRXn.js';
+import { a as QuickdrawProviderProps, Q as QuickdrawSocketContextValue, U as UseServiceOptions, b as UseServiceResult, c as UseServiceQueryOptions, d as UseServiceQueryResult, e as UseSubscriptionOptions, f as UseSubscriptionResult } from '../types-e6WPGE70.js';
+export { C as ClientServiceMethodMap, S as SubscriptionDataMap } from '../types-e6WPGE70.js';
 import 'socket.io-client';
 import '@tanstack/react-query';
 import '../shared/index.js';
@@ -88,6 +88,52 @@ declare function useServiceMethod<TPayload = unknown, TResponse = unknown>(servi
     isReady: boolean;
 };
 
+/**
+ * Hook for querying service methods via Socket.io with TanStack Query integration.
+ *
+ * Use this hook for **read operations** that benefit from caching and deduplication.
+ * For mutations (create/update/delete), use `useService` instead.
+ *
+ * Features:
+ * - Automatic caching with configurable stale time
+ * - Request deduplication (multiple components calling same query share one request)
+ * - Background refetching when data becomes stale
+ * - Automatic refetch on reconnect
+ *
+ * @typeParam TPayload - The payload type for the method
+ * @typeParam TResponse - The response type for the method
+ *
+ * @example
+ * ```tsx
+ * // Simple usage - auto-fetches on mount
+ * const { data: expenses, isLoading } = useServiceQuery(
+ *   'expenseService',
+ *   'listExpenses',
+ *   { pageSize: 100 }
+ * );
+ *
+ * // With options - conditional fetching
+ * const { data, refetch } = useServiceQuery(
+ *   'expenseService',
+ *   'listExpenses',
+ *   { accountId: selectedAccount },
+ *   {
+ *     enabled: !!userId,
+ *     staleTime: 5 * 60 * 1000, // 5 minutes
+ *   }
+ * );
+ *
+ * // Force fresh data (bypass cache)
+ * const { data } = useServiceQuery(
+ *   'expenseService',
+ *   'listExpenses',
+ *   payload,
+ *   { skipCache: true }
+ * );
+ * ```
+ */
+declare function useServiceQuery<TPayload = unknown, TResponse = unknown>(serviceName: string, methodName: string, payload: TPayload, options?: UseServiceQueryOptions<TResponse>): UseServiceQueryResult<TResponse>;
+
 /**
  * Hook for subscribing to real-time entity updates with TanStack Query integration.
  *
@@ -339,4 +385,4 @@ interface SocketSwitchProps<TEntry, TAllowedUpdate, TKey extends keyof TAllowedU
  */
 declare function SocketSwitch<TEntry, TAllowedUpdate, TKey extends keyof TAllowedUpdate>(props: SocketSwitchProps<TEntry, TAllowedUpdate, TKey>): React.ReactElement;
 
-export { type CommitMode, QuickdrawProvider, QuickdrawProviderProps, QuickdrawSocketContextValue, SocketCheckbox, type SocketCheckboxProps, SocketSelect, type SocketSelectProps, SocketSlider, type SocketSliderProps, SocketSwitch, type SocketSwitchProps, SocketTextField, type SocketTextFieldProps, UseServiceOptions, UseServiceResult, type UseSocketInputOptions, type UseSocketInputResult, UseSubscriptionOptions, UseSubscriptionResult, useQuickdrawSocket, useService, useServiceMethod, useSocketInput, useSubscription };
+export { type CommitMode, QuickdrawProvider, QuickdrawProviderProps, QuickdrawSocketContextValue, SocketCheckbox, type SocketCheckboxProps, SocketSelect, type SocketSelectProps, SocketSlider, type SocketSliderProps, SocketSwitch, type SocketSwitchProps, SocketTextField, type SocketTextFieldProps, UseServiceOptions, UseServiceQueryOptions, UseServiceQueryResult, UseServiceResult, type UseSocketInputOptions, type UseSocketInputResult, UseSubscriptionOptions, UseSubscriptionResult, useQuickdrawSocket, useService, useServiceMethod, useServiceQuery, useSocketInput, useSubscription };

package/dist/client/index.js

@@ -210,15 +210,26 @@ function useService(serviceName, methodName, options) {
     retry: options?.retry ?? false,
     retryDelay: options?.retryDelay
   });
-  return {
-    mutate: mutation.mutate,
-    mutateAsync: mutation.mutateAsync,
-    isPending: mutation.isPending,
-    isError: mutation.isError,
-    error,
-    data: mutation.data,
-    reset: mutation.reset
-  };
+  return React.useMemo(
+    () => ({
+      mutate: mutation.mutate,
+      mutateAsync: mutation.mutateAsync,
+      isPending: mutation.isPending,
+      isError: mutation.isError,
+      error,
+      data: mutation.data,
+      reset: mutation.reset
+    }),
+    [
+      mutation.mutate,
+      mutation.mutateAsync,
+      mutation.isPending,
+      mutation.isError,
+      mutation.data,
+      mutation.reset,
+      error
+    ]
+  );
 }
 function useServiceMethod(serviceName, methodName, options) {
   const { socket, isConnected } = useQuickdrawSocket();
@@ -270,13 +281,120 @@ function useServiceMethod(serviceName, methodName, options) {
     },
     [socket, isConnected, serviceName, methodName, options?.timeout]
   );
-  return {
-    execute,
-    loading,
-    error,
-    data,
-    isReady: !!socket && isConnected
-  };
+  return React.useMemo(
+    () => ({
+      execute,
+      loading,
+      error,
+      data,
+      isReady: !!socket && isConnected
+    }),
+    [execute, loading, error, data, socket, isConnected]
+  );
+}
+function useServiceQuery(serviceName, methodName, payload, options) {
+  const { socket, isConnected } = useQuickdrawSocket();
+  const queryClient = useQueryClient();
+  const [error, setError] = React.useState(null);
+  const optionsRef = React.useRef(options);
+  React.useEffect(() => {
+    optionsRef.current = options;
+  }, [options]);
+  const {
+    enabled = true,
+    staleTime = 5 * 60 * 1e3,
+    // 5 minutes default
+    gcTime = 10 * 60 * 1e3,
+    // 10 minutes default
+    refetchOnMount = true,
+    refetchOnWindowFocus = false,
+    skipCache = false,
+    timeout = 1e4,
+    retry = 1,
+    retryDelay
+  } = options ?? {};
+  const queryKey = React.useMemo(
+    () => [serviceName, methodName, JSON.stringify(payload)],
+    [serviceName, methodName, payload]
+  );
+  const queryFn = React.useCallback(async () => {
+    if (!socket || !isConnected) {
+      throw new Error("Socket not connected");
+    }
+    return new Promise((resolve, reject) => {
+      const eventName = `${serviceName}:${methodName}`;
+      const timeoutId = setTimeout(() => {
+        reject(new Error("Request timeout"));
+      }, timeout);
+      socket.emit(
+        eventName,
+        payload,
+        (response) => {
+          clearTimeout(timeoutId);
+          if (response.success) {
+            resolve(response.data);
+          } else {
+            reject(new Error(response.error));
+          }
+        }
+      );
+    });
+  }, [socket, isConnected, serviceName, methodName, payload, timeout]);
+  React.useEffect(() => {
+    if (skipCache && enabled) {
+      queryClient.invalidateQueries({ queryKey });
+    }
+  }, [skipCache, enabled, queryClient, queryKey]);
+  const query = useQuery({
+    queryKey,
+    queryFn,
+    enabled: enabled && !!socket && isConnected,
+    staleTime,
+    gcTime,
+    refetchOnMount,
+    refetchOnWindowFocus,
+    retry,
+    retryDelay
+  });
+  React.useEffect(() => {
+    if (query.isSuccess && query.data !== void 0) {
+      setError(null);
+      optionsRef.current?.onSuccess?.(query.data);
+    }
+  }, [query.isSuccess, query.data]);
+  React.useEffect(() => {
+    if (query.isError && query.error) {
+      const errorMessage = query.error.message;
+      setError(errorMessage);
+      optionsRef.current?.onError?.(errorMessage);
+    }
+  }, [query.isError, query.error]);
+  const refetch = React.useCallback(async () => {
+    const result = await query.refetch();
+    return result.data;
+  }, [query]);
+  return React.useMemo(
+    () => ({
+      data: query.data,
+      isLoading: query.isLoading,
+      isFetching: query.isFetching,
+      isError: query.isError,
+      error,
+      isStale: query.isStale,
+      isSuccess: query.isSuccess,
+      refetch
+    }),
+    [
+      query.data,
+      query.isLoading,
+      query.isFetching,
+      query.isError,
+      query.isStale,
+      query.isSuccess,
+      error,
+      refetch
+    ]
+  );
 }
 function useSubscription(serviceName, entryId, options = {}) {
   const { socket, isConnected, subscriptionRegistry } = useQuickdrawSocket();
@@ -730,6 +848,6 @@ function SocketSwitch(props) {
   );
 }
 
-export { QuickdrawProvider, SocketCheckbox, SocketSelect, SocketSlider, SocketSwitch, SocketTextField, useQuickdrawSocket, useService, useServiceMethod, useSocketInput, useSubscription };
+export { QuickdrawProvider, SocketCheckbox, SocketSelect, SocketSlider, SocketSwitch, SocketTextField, useQuickdrawSocket, useService, useServiceMethod, useServiceQuery, useSocketInput, useSubscription };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/client/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/client/QuickdrawProvider.tsx","../../src/client/useService.ts","../../src/client/useSubscription.ts","../../src/client/inputs/useSocketInput.ts","../../src/client/inputs/SocketCheckbox.tsx","../../src/client/inputs/SocketTextField.tsx","../../src/client/inputs/SocketSelect.tsx","../../src/client/inputs/SocketSlider.tsx","../../src/client/inputs/SocketSwitch.tsx"],"names":["React2","React3","React4","React5","jsx","React6","React7","React8","React9"],"mappings":"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","file":"index.js","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { io, Socket } from \"socket.io-client\";\nimport { QueryClient, QueryClientProvider } from \"@tanstack/react-query\";\nimport type { AccessLevel } from \"../shared/types\";\nimport type {\n  QuickdrawSocketContextValue,\n  QuickdrawProviderProps,\n  SubscriptionRegistry,\n  SubscriptionEntry,\n} from \"./types\";\n\n// ============================================================================\n// Subscription Registry Implementation\n// ============================================================================\n\n/**\n * Creates a new subscription registry instance.\n * Each socket connection should have its own registry.\n */\nfunction createSubscriptionRegistry(): SubscriptionRegistry {\n  const subscriptions = new Map<string, SubscriptionEntry>();\n\n  return {\n    acquire(key: string) {\n      const existing = subscriptions.get(key);\n      if (existing) {\n        existing.refCount++;\n        return { isNew: false, entry: existing };\n      }\n\n      const entry: SubscriptionEntry = { refCount: 1 };\n      subscriptions.set(key, entry);\n      return { isNew: true, entry };\n    },\n\n    release(key: string) {\n      const entry = subscriptions.get(key);\n      if (!entry) return false;\n\n      entry.refCount--;\n      if (entry.refCount <= 0) {\n        entry.cleanup?.();\n        subscriptions.delete(key);\n        return true;\n      }\n      return false;\n    },\n\n    setCleanup(key: string, cleanup: () => void) {\n      const entry = subscriptions.get(key);\n      if (entry) {\n        entry.cleanup = cleanup;\n      }\n    },\n\n    clear() {\n      for (const entry of subscriptions.values()) {\n        entry.cleanup?.();\n      }\n      subscriptions.clear();\n    },\n  };\n}\n\n// ============================================================================\n// Socket Context\n// ============================================================================\n\nconst QuickdrawSocketContext =\n  React.createContext<QuickdrawSocketContextValue | null>(null);\n\n/**\n * Hook to access the quickdraw socket context.\n */\nexport function useQuickdrawSocket(): QuickdrawSocketContextValue {\n  const context = React.useContext(QuickdrawSocketContext);\n  if (!context) {\n    throw new Error(\n      \"useQuickdrawSocket must be used within a QuickdrawProvider\"\n    );\n  }\n  return context;\n}\n\n// ============================================================================\n// Provider Component\n// ============================================================================\n\n/**\n * Creates a QueryClient instance.\n * Using a factory function instead of module-level instantiation\n * to avoid SSR hydration issues.\n */\nfunction createQueryClient(): QueryClient {\n  return new QueryClient({\n    defaultOptions: {\n      queries: {\n        staleTime: 1000 * 60 * 5, // 5 minutes\n        retry: 1,\n      },\n      mutations: {\n        retry: 0,\n      },\n    },\n  });\n}\n\n/**\n * Provider component that sets up TanStack Query and Socket.io connection.\n *\n * @example\n * ```tsx\n * // In your app layout\n * export default function RootLayout({ children }) {\n *   return (\n *     <QuickdrawProvider\n *       serverUrl=\"http://localhost:4000\"\n *       authToken={token}\n *     >\n *       {children}\n *     </QuickdrawProvider>\n *   );\n * }\n * ```\n */\nexport function QuickdrawProvider({\n  children,\n  serverUrl,\n  queryClient,\n  authToken,\n  autoConnect = !!authToken,\n}: QuickdrawProviderProps): React.ReactElement {\n  // Create QueryClient lazily to avoid SSR issues\n  const [defaultQueryClient] = React.useState(() => createQueryClient());\n  const actualQueryClient = queryClient ?? defaultQueryClient;\n\n  const [socket, setSocket] = React.useState<Socket | null>(null);\n  const [isConnected, setIsConnected] = React.useState(false);\n  const [userId, setUserId] = React.useState<string | null>(null);\n  const [serviceAccess, setServiceAccess] = React.useState<\n    Record<string, AccessLevel>\n  >({});\n\n  // Create subscription registry - recreated when socket changes\n  const subscriptionRegistryRef = React.useRef<SubscriptionRegistry>(\n    createSubscriptionRegistry()\n  );\n\n  // Track previous authToken to detect changes\n  const prevAuthTokenRef = React.useRef<string | undefined>(authToken);\n\n  // Track socket synchronously to prevent double connections from concurrent effects\n  const socketRef = React.useRef<Socket | null>(null);\n\n  const connect = React.useCallback(\n    (token?: string) => {\n      // Prevent double connections - check ref synchronously since state updates are async\n      if (socketRef.current) return;\n\n      const authToUse = token;\n\n      // Clear old subscriptions when creating new socket\n      subscriptionRegistryRef.current.clear();\n      subscriptionRegistryRef.current = createSubscriptionRegistry();\n\n      const newSocket = io(serverUrl, {\n        auth: authToUse ? { token: authToUse } : undefined,\n        transports: [\"websocket\", \"polling\"],\n        autoConnect: true,\n      });\n\n      newSocket.on(\"connect\", () => {\n        setIsConnected(true);\n      });\n\n      newSocket.on(\"disconnect\", () => {\n        setIsConnected(false);\n        // Clear subscriptions on disconnect - they'll be re-established on reconnect\n        subscriptionRegistryRef.current.clear();\n      });\n\n      // Listen for auth info from server\n      newSocket.on(\n        \"auth:info\",\n        (info: { userId: string; serviceAccess: Record<string, AccessLevel> }) => {\n          setUserId(info.userId);\n          setServiceAccess(info.serviceAccess);\n        }\n      );\n\n      newSocket.on(\"connect_error\", (error) => {\n        console.error(\"Socket connection error:\", error.message);\n      });\n\n      socketRef.current = newSocket;\n      setSocket(newSocket);\n    },\n    [serverUrl]\n  );\n\n  const disconnect = React.useCallback(() => {\n    if (socketRef.current) {\n      // Clear subscriptions before disconnecting\n      subscriptionRegistryRef.current.clear();\n      socketRef.current.disconnect();\n      socketRef.current = null;\n      setSocket(null);\n      setIsConnected(false);\n      setUserId(null);\n      setServiceAccess({});\n    }\n  }, []);\n\n  // Auto-connect on mount if enabled\n  React.useEffect(() => {\n    if (autoConnect && !socketRef.current) {\n      connect(authToken);\n    }\n\n    return () => {\n      if (socketRef.current) {\n        subscriptionRegistryRef.current.clear();\n        socketRef.current.disconnect();\n        socketRef.current = null;\n      }\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [autoConnect, authToken]);\n\n  // Reconnect when authToken changes\n  React.useEffect(() => {\n    const prevToken = prevAuthTokenRef.current;\n    \n    // Update ref BEFORE any logic so next render has correct previous value\n    prevAuthTokenRef.current = authToken;\n    \n    // If token actually changed, reconnect\n    if (authToken !== prevToken) {\n      if (socketRef.current) {\n        disconnect();\n      }\n      if (authToken) {\n        connect(authToken);\n      }\n    }\n  }, [authToken, disconnect, connect]);\n\n  const contextValue = React.useMemo<QuickdrawSocketContextValue>(\n    () => ({\n      socket,\n      isConnected,\n      userId,\n      serviceAccess,\n      connect,\n      disconnect,\n      subscriptionRegistry: subscriptionRegistryRef.current,\n    }),\n    [socket, isConnected, userId, serviceAccess, connect, disconnect]\n  );\n\n  return (\n    <QueryClientProvider client={actualQueryClient}>\n      <QuickdrawSocketContext.Provider value={contextValue}>\n        {children}\n      </QuickdrawSocketContext.Provider>\n    </QueryClientProvider>\n  );\n}\n","\"use client\";\n\nimport * as React from \"react\";\nimport { useMutation } from \"@tanstack/react-query\";\nimport type { ServiceResponse } from \"../shared/types\";\nimport { useQuickdrawSocket } from \"./QuickdrawProvider\";\nimport type { UseServiceOptions, UseServiceResult } from \"./types\";\n\n/**\n * Hook for invoking service methods via Socket.io with TanStack Query integration.\n *\n * This hook supports two usage patterns:\n *\n * 1. **Simple usage** - Just pass service/method names with explicit payload/response types:\n * ```tsx\n * const createChat = useService<{ title: string }, { id: string }>(\n *   'chatService',\n *   'createChat'\n * );\n * ```\n *\n * 2. **Type-safe usage** - Pass a service methods map for full type inference:\n * ```tsx\n * // In your app, create a typed wrapper:\n * function useTypedService<\n *   TService extends keyof ServiceMethodsMap,\n *   TMethod extends keyof ServiceMethodsMap[TService] & string,\n * >(serviceName: TService, methodName: TMethod, options?: ...) {\n *   type Methods = ServiceMethodsMap[TService];\n *   type Payload = Methods[TMethod] extends { payload: infer P } ? P : never;\n *   type Response = Methods[TMethod] extends { response: infer R } ? R : never;\n *   return useService<Payload, Response>(serviceName, methodName, options);\n * }\n * ```\n *\n * @typeParam TPayload - The payload type for the method\n * @typeParam TResponse - The response type for the method\n */\nexport function useService<TPayload = unknown, TResponse = unknown>(\n  serviceName: string,\n  methodName: string,\n  options?: UseServiceOptions<TResponse>\n): UseServiceResult<TPayload, TResponse> {\n  const { socket, isConnected } = useQuickdrawSocket();\n  const [error, setError] = React.useState<string | null>(null);\n\n  // Store options in ref to avoid unnecessary rerenders\n  const optionsRef = React.useRef(options);\n  React.useEffect(() => {\n    optionsRef.current = options;\n  }, [options]);\n\n  const mutation = useMutation<TResponse, Error, TPayload>({\n    mutationKey: [serviceName, methodName],\n    mutationFn: async (payload: TPayload): Promise<TResponse> => {\n      if (!socket || !isConnected) {\n        throw new Error(\"Socket not connected\");\n      }\n\n      return new Promise<TResponse>((resolve, reject) => {\n        const eventName = `${serviceName}:${methodName}`;\n        const timeout = setTimeout(() => {\n          reject(new Error(\"Request timeout\"));\n        }, options?.timeout ?? 10000);\n\n        socket.emit(\n          eventName,\n          payload,\n          (response: ServiceResponse<TResponse>) => {\n            clearTimeout(timeout);\n\n            if (response.success) {\n              resolve(response.data);\n            } else {\n              reject(new Error(response.error));\n            }\n          }\n        );\n      });\n    },\n    onSuccess: (data) => {\n      setError(null);\n      optionsRef.current?.onSuccess?.(data);\n    },\n    onError: (err) => {\n      const errorMessage = err.message;\n      setError(errorMessage);\n      optionsRef.current?.onError?.(errorMessage);\n    },\n    retry: options?.retry ?? false,\n    retryDelay: options?.retryDelay,\n  });\n\n  return {\n    mutate: mutation.mutate,\n    mutateAsync: mutation.mutateAsync,\n    isPending: mutation.isPending,\n    isError: mutation.isError,\n    error,\n    data: mutation.data,\n    reset: mutation.reset,\n  };\n}\n\n/**\n * Simplified hook for basic service method calls.\n * Use this when you don't need the full TanStack Query mutation features.\n *\n * @example\n * ```tsx\n * const { execute, loading, error, data } = useServiceMethod<\n *   { title: string },\n *   { id: string }\n * >('chatService', 'createChat');\n *\n * const handleCreate = async () => {\n *   const result = await execute({ title: 'New Chat' });\n *   if (result) {\n *     router.push(`/chat/${result.id}`);\n *   }\n * };\n * ```\n */\nexport function useServiceMethod<TPayload = unknown, TResponse = unknown>(\n  serviceName: string,\n  methodName: string,\n  options?: UseServiceOptions<TResponse>\n): {\n  execute: (payload: TPayload) => Promise<TResponse | null>;\n  loading: boolean;\n  error: string | null;\n  data: TResponse | null;\n  isReady: boolean;\n} {\n  const { socket, isConnected } = useQuickdrawSocket();\n  const [loading, setLoading] = React.useState(false);\n  const [error, setError] = React.useState<string | null>(null);\n  const [data, setData] = React.useState<TResponse | null>(null);\n\n  const optionsRef = React.useRef(options);\n  React.useEffect(() => {\n    optionsRef.current = options;\n  }, [options]);\n\n  const execute = React.useCallback(\n    async (payload: TPayload): Promise<TResponse | null> => {\n      if (!socket || !isConnected) {\n        const errorMsg = \"Socket not connected\";\n        setError(errorMsg);\n        optionsRef.current?.onError?.(errorMsg);\n        return null;\n      }\n\n      setLoading(true);\n      setError(null);\n\n      return new Promise<TResponse | null>((resolve) => {\n        const eventName = `${serviceName}:${methodName}`;\n        const timeout = setTimeout(() => {\n          const errorMsg = \"Request timeout\";\n          setError(errorMsg);\n          setLoading(false);\n          optionsRef.current?.onError?.(errorMsg);\n          resolve(null);\n        }, options?.timeout ?? 10000);\n\n        socket.emit(\n          eventName,\n          payload,\n          (response: ServiceResponse<TResponse>) => {\n            clearTimeout(timeout);\n            setLoading(false);\n\n            if (response.success) {\n              setError(null);\n              setData(response.data);\n              optionsRef.current?.onSuccess?.(response.data);\n              resolve(response.data);\n            } else {\n              setError(response.error);\n              optionsRef.current?.onError?.(response.error);\n              resolve(null);\n            }\n          }\n        );\n      });\n    },\n    [socket, isConnected, serviceName, methodName, options?.timeout]\n  );\n\n  return {\n    execute,\n    loading,\n    error,\n    data,\n    isReady: !!socket && isConnected,\n  };\n}\n","\"use client\";\n\nimport * as React from \"react\";\nimport { useQuery, useQueryClient } from \"@tanstack/react-query\";\nimport type { ServiceResponse } from \"../shared/types\";\nimport { useQuickdrawSocket } from \"./QuickdrawProvider\";\nimport type { UseSubscriptionOptions, UseSubscriptionResult } from \"./types\";\n\n/**\n * Hook for subscribing to real-time entity updates with TanStack Query integration.\n *\n * Features:\n * - Automatic subscription management\n * - TanStack Query cache integration for optimistic updates\n * - Subscription deduplication across components (via context-based registry)\n * - Automatic reconnection handling\n * - HMR/Fast Refresh safe (no module-level state)\n *\n * @typeParam TData - The entity type\n *\n * @example\n * ```tsx\n * function ChatView({ chatId }: { chatId: string }) {\n *   const { data: chat, isLoading, error } = useSubscription<Chat>(\n *     'chatService',\n *     chatId,\n *     {\n *       onData: (chat) => {\n *         console.log('Chat updated:', chat.title);\n *       },\n *     }\n *   );\n *\n *   if (isLoading) return <div>Loading...</div>;\n *   if (error) return <div>Error: {error}</div>;\n *   if (!chat) return <div>Chat not found</div>;\n *\n *   return <div>{chat.title}</div>;\n * }\n * ```\n */\nexport function useSubscription<TData extends { id: string }>(\n  serviceName: string,\n  entryId: string | null,\n  options: UseSubscriptionOptions<TData> = {}\n): UseSubscriptionResult<TData> {\n  const { socket, isConnected, subscriptionRegistry } = useQuickdrawSocket();\n  const queryClient = useQueryClient();\n  const [isSubscribed, setIsSubscribed] = React.useState(false);\n  const [error, setError] = React.useState<string | null>(null);\n\n  const {\n    enabled = true,\n    onData,\n    onError,\n    requiredLevel = \"Read\",\n    staleTime = Infinity, // Subscriptions should stay fresh via socket updates\n  } = options;\n\n  // Subscription key for deduplication\n  const subscriptionKey = entryId ? `${serviceName}:${entryId}` : null;\n  const queryKey = React.useMemo(\n    () => [serviceName, \"subscription\", entryId],\n    [serviceName, entryId]\n  );\n\n  // Store callbacks in refs to avoid unnecessary effect reruns\n  const onDataRef = React.useRef(onData);\n  const onErrorRef = React.useRef(onError);\n  React.useEffect(() => {\n    onDataRef.current = onData;\n    onErrorRef.current = onError;\n  }, [onData, onError]);\n\n  // Query for initial data and cache management\n  const query = useQuery<TData | null>({\n    queryKey,\n    queryFn: async () => {\n      // Data is populated via subscription, not direct fetch\n      return null;\n    },\n    enabled: false, // We manage data via socket\n    staleTime,\n  });\n\n  // Handle subscription lifecycle\n  React.useEffect(() => {\n    if (!socket || !isConnected || !subscriptionKey || !enabled || !entryId) {\n      return;\n    }\n\n    // Try to acquire subscription (with deduplication)\n    const { isNew } = subscriptionRegistry.acquire(subscriptionKey);\n\n    if (!isNew) {\n      // Already subscribed by another component, just track ref count\n      setIsSubscribed(true);\n      return () => {\n        subscriptionRegistry.release(subscriptionKey);\n      };\n    }\n\n    // Create new subscription\n    const subscribeEvent = `${serviceName}:subscribe`;\n    const updateEvent = `${serviceName}:update:${entryId}`;\n\n    // Handle incoming updates\n    const handleUpdate = (updateData: Partial<TData>) => {\n      // Check for deletion\n      const asAny = updateData as { deleted?: boolean };\n      if (asAny.deleted) {\n        queryClient.setQueryData<TData | null>(queryKey, null);\n        return;\n      }\n\n      // Merge update with existing data\n      queryClient.setQueryData<TData | null>(queryKey, (oldData) => {\n        if (!oldData) {\n          return updateData as TData;\n        }\n        const merged = { ...oldData, ...updateData } as TData;\n        onDataRef.current?.(merged);\n        return merged;\n      });\n    };\n\n    // Subscribe to updates\n    socket.on(updateEvent, handleUpdate);\n\n    // Send subscription request\n    socket.emit(\n      subscribeEvent,\n      { entryId, requiredLevel },\n      (response: ServiceResponse<TData>) => {\n        if (response.success && response.data) {\n          queryClient.setQueryData<TData | null>(queryKey, response.data);\n          setIsSubscribed(true);\n          setError(null);\n          onDataRef.current?.(response.data);\n        } else if (!response.success) {\n          setError(response.error);\n          setIsSubscribed(false);\n          onErrorRef.current?.(response.error);\n        }\n      }\n    );\n\n    // Set cleanup function in registry\n    const cleanup = () => {\n      socket.off(updateEvent, handleUpdate);\n      socket.emit(`${serviceName}:unsubscribe`, { entryId });\n      setIsSubscribed(false);\n    };\n\n    subscriptionRegistry.setCleanup(subscriptionKey, cleanup);\n\n    return () => {\n      subscriptionRegistry.release(subscriptionKey);\n    };\n  }, [\n    socket,\n    isConnected,\n    subscriptionKey,\n    enabled,\n    entryId,\n    serviceName,\n    requiredLevel,\n    queryClient,\n    queryKey,\n    subscriptionRegistry,\n  ]);\n\n  // Manual subscribe/unsubscribe functions\n  const subscribe = React.useCallback(() => {\n    if (!socket || !isConnected || !entryId) return;\n\n    socket.emit(\n      `${serviceName}:subscribe`,\n      { entryId, requiredLevel },\n      (response: ServiceResponse<TData>) => {\n        if (response.success && response.data) {\n          queryClient.setQueryData<TData | null>(queryKey, response.data);\n          setIsSubscribed(true);\n          setError(null);\n        } else if (!response.success) {\n          setError(response.error);\n        }\n      }\n    );\n  }, [socket, isConnected, entryId, serviceName, requiredLevel, queryClient, queryKey]);\n\n  const unsubscribe = React.useCallback(() => {\n    if (!socket || !entryId) return;\n\n    socket.emit(`${serviceName}:unsubscribe`, { entryId });\n    setIsSubscribed(false);\n  }, [socket, entryId, serviceName]);\n\n  // Get current data from query cache\n  const data = queryClient.getQueryData<TData | null>(queryKey) ?? null;\n\n  return {\n    data,\n    isLoading: query.isLoading || (!data && isSubscribed),\n    isError: !!error,\n    error,\n    isSubscribed,\n    subscribe,\n    unsubscribe,\n  };\n}\n","\"use client\";\n\nimport * as React from \"react\";\n\nexport type CommitMode = \"change\" | \"blur\" | \"debounce\";\n\nexport interface UseSocketInputOptions<TEntry, TAllowedUpdate, TKey extends keyof TAllowedUpdate> {\n  /**\n   * Current state of the entity\n   */\n  state: TEntry | null;\n  /**\n   * Property key to update\n   */\n  property: TKey;\n  /**\n   * Update function that sends the patch to the server\n   */\n  update: (patch: Partial<TAllowedUpdate>) => Promise<TEntry | undefined | null>;\n  /**\n   * When to commit changes to the server\n   * - \"change\": immediately on every change\n   * - \"blur\": when input loses focus\n   * - \"debounce\": after debounceMs of inactivity\n   */\n  commitMode: CommitMode;\n  /**\n   * Debounce delay in milliseconds (only used when commitMode is \"debounce\")\n   */\n  debounceMs?: number;\n  /**\n   * Format the value from state for display\n   */\n  format?: (value: unknown) => unknown;\n  /**\n   * Parse the display value back to the state format\n   */\n  parse?: (value: unknown) => unknown;\n  /**\n   * Callback on successful update\n   */\n  onSuccess?: (entry: TEntry | undefined | null) => void;\n  /**\n   * Callback on error\n   */\n  onError?: (error: string) => void;\n}\n\nexport interface UseSocketInputResult<T> {\n  /**\n   * Current local value (may differ from server while editing)\n   */\n  value: T;\n  /**\n   * Update the local value\n   */\n  onLocalChange: (newValue: T) => void;\n  /**\n   * Manually commit the current value to the server\n   */\n  commit: () => void;\n  /**\n   * Handle blur event (commits if commitMode is \"blur\")\n   */\n  onBlur: () => void;\n  /**\n   * Whether an update is currently in flight\n   */\n  inFlight: boolean;\n  /**\n   * Whether the local value differs from the server value\n   */\n  isDirty: boolean;\n}\n\n/**\n * Hook for managing input state that syncs with the server.\n * Handles optimistic updates, debouncing, and conflict resolution.\n */\nexport function useSocketInput<\n  TEntry,\n  TAllowedUpdate,\n  TKey extends keyof TAllowedUpdate,\n>(\n  options: UseSocketInputOptions<TEntry, TAllowedUpdate, TKey>\n): UseSocketInputResult<unknown> {\n  const {\n    state,\n    property,\n    update,\n    commitMode,\n    debounceMs = 300,\n    format = (v) => v,\n    parse = (v) => v,\n    onSuccess,\n    onError,\n  } = options;\n\n  // Get server value\n  const serverValue = state ? (state as Record<string, unknown>)[property as string] : undefined;\n  const formattedServerValue = format(serverValue);\n\n  // Local state\n  const [localValue, setLocalValue] = React.useState<unknown>(formattedServerValue);\n  const [inFlight, setInFlight] = React.useState(false);\n  const [isDirty, setIsDirty] = React.useState(false);\n\n  // Refs for debouncing\n  const debounceTimerRef = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n  const pendingValueRef = React.useRef<unknown>(null);\n\n  // Sync local value with server when server value changes (and we're not dirty)\n  React.useEffect(() => {\n    if (!isDirty && !inFlight) {\n      setLocalValue(formattedServerValue);\n    }\n  }, [formattedServerValue, isDirty, inFlight]);\n\n  // Commit function\n  const commit = React.useCallback(async () => {\n    if (!isDirty) return;\n\n    const valueToCommit = pendingValueRef.current ?? localValue;\n    const parsedValue = parse(valueToCommit);\n\n    setInFlight(true);\n\n    try {\n      const result = await update({ [property]: parsedValue } as Partial<TAllowedUpdate>);\n      setIsDirty(false);\n      pendingValueRef.current = null;\n      onSuccess?.(result);\n    } catch (err) {\n      onError?.(err instanceof Error ? err.message : \"Update failed\");\n      // Revert to server value on error\n      setLocalValue(formattedServerValue);\n      setIsDirty(false);\n    } finally {\n      setInFlight(false);\n    }\n  }, [isDirty, localValue, parse, property, update, onSuccess, onError, formattedServerValue]);\n\n  // Handle local change\n  const onLocalChange = React.useCallback(\n    (newValue: unknown) => {\n      setLocalValue(newValue);\n      setIsDirty(true);\n      pendingValueRef.current = newValue;\n\n      if (commitMode === \"change\") {\n        // Commit immediately\n        void (async () => {\n          const parsedValue = parse(newValue);\n          setInFlight(true);\n          try {\n            const result = await update({ [property]: parsedValue } as Partial<TAllowedUpdate>);\n            setIsDirty(false);\n            pendingValueRef.current = null;\n            onSuccess?.(result);\n          } catch (err) {\n            onError?.(err instanceof Error ? err.message : \"Update failed\");\n          } finally {\n            setInFlight(false);\n          }\n        })();\n      } else if (commitMode === \"debounce\") {\n        // Clear existing timer\n        if (debounceTimerRef.current) {\n          clearTimeout(debounceTimerRef.current);\n        }\n        // Set new timer\n        debounceTimerRef.current = setTimeout(() => {\n          void commit();\n        }, debounceMs);\n      }\n      // For \"blur\" mode, we just update local state and wait for blur\n    },\n    [commitMode, parse, property, update, onSuccess, onError, debounceMs, commit]\n  );\n\n  // Handle blur\n  const onBlur = React.useCallback(() => {\n    if (commitMode === \"blur\" && isDirty) {\n      void commit();\n    }\n  }, [commitMode, isDirty, commit]);\n\n  // Cleanup debounce timer\n  React.useEffect(() => {\n    return () => {\n      if (debounceTimerRef.current) {\n        clearTimeout(debounceTimerRef.current);\n      }\n    };\n  }, []);\n\n  return {\n    value: localValue,\n    onLocalChange,\n    commit,\n    onBlur,\n    inFlight,\n    isDirty,\n  };\n}\n","\"use client\";\n\nimport * as React from \"react\";\nimport { useSocketInput, type CommitMode } from \"./useSocketInput\";\n\nexport interface SocketCheckboxProps<\n  TEntry,\n  TAllowedUpdate,\n  TKey extends keyof TAllowedUpdate,\n> extends Omit<React.InputHTMLAttributes<HTMLInputElement>, \"checked\" | \"onChange\" | \"type\" | \"onError\" | \"property\"> {\n  state: TEntry | null;\n  update: (patch: Partial<TAllowedUpdate>) => Promise<TEntry | undefined | null>;\n  property: TKey;\n  commitMode?: CommitMode;\n  debounceMs?: number;\n  format?: (v: unknown) => unknown;\n  parse?: (v: unknown) => unknown;\n  onSuccess?: (entry: TEntry | undefined | null) => void;\n  onError?: (error: string) => void;\n}\n\n/**\n * A checkbox input that syncs its checked state with the server via socket.\n *\n * @example\n * ```tsx\n * <SocketCheckbox\n *   state={chat}\n *   update={(patch) => updateChat.mutateAsync({ id: chat.id, ...patch })}\n *   property=\"isArchived\"\n *   commitMode=\"change\"\n * />\n * ```\n */\nexport function SocketCheckbox<\n  TEntry,\n  TAllowedUpdate,\n  TKey extends keyof TAllowedUpdate,\n>(props: SocketCheckboxProps<TEntry, TAllowedUpdate, TKey>): React.ReactElement {\n  const {\n    state,\n    update,\n    property,\n    commitMode = \"change\",\n    debounceMs,\n    format,\n    parse,\n    onSuccess,\n    onError,\n    disabled,\n    ...inputProps\n  } = props;\n\n  const defaultFormat = React.useCallback((v: unknown) => Boolean(v), []);\n  const defaultParse = React.useCallback((v: unknown) => Boolean(v), []);\n\n  const { value, onLocalChange, inFlight } = useSocketInput<TEntry, TAllowedUpdate, TKey>({\n    state,\n    property,\n    update,\n    commitMode,\n    debounceMs,\n    format: format ?? defaultFormat,\n    parse: parse ?? defaultParse,\n    onSuccess,\n    onError,\n  });\n\n  const handleChange = React.useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      onLocalChange(event.target.checked);\n    },\n    [onLocalChange]\n  );\n\n  return (\n    <input\n      {...inputProps}\n      type=\"checkbox\"\n      checked={Boolean(value)}\n      onChange={handleChange}\n      disabled={Boolean(disabled) || inFlight}\n    />\n  );\n}\n","\"use client\";\n\nimport * as React from \"react\";\nimport { useSocketInput, type CommitMode } from \"./useSocketInput\";\n\nexport interface SocketTextFieldProps<\n  TEntry,\n  TAllowedUpdate,\n  TKey extends keyof TAllowedUpdate,\n> extends Omit<React.InputHTMLAttributes<HTMLInputElement>, \"value\" | \"onChange\" | \"onError\" | \"property\"> {\n  state: TEntry | null;\n  update: (patch: Partial<TAllowedUpdate>) => Promise<TEntry | undefined | null>;\n  property: TKey;\n  commitMode?: CommitMode;\n  debounceMs?: number;\n  format?: (v: unknown) => unknown;\n  parse?: (v: unknown) => unknown;\n  onSuccess?: (entry: TEntry | undefined | null) => void;\n  onError?: (error: string) => void;\n}\n\n/**\n * A text input that syncs its value with the server via socket.\n *\n * @example\n * ```tsx\n * <SocketTextField\n *   state={chat}\n *   update={(patch) => updateChat.mutateAsync({ id: chat.id, ...patch })}\n *   property=\"title\"\n *   commitMode=\"debounce\"\n *   debounceMs={500}\n *   placeholder=\"Chat title...\"\n * />\n * ```\n */\nexport function SocketTextField<\n  TEntry,\n  TAllowedUpdate,\n  TKey extends keyof TAllowedUpdate,\n>(props: SocketTextFieldProps<TEntry, TAllowedUpdate, TKey>): React.ReactElement {\n  const {\n    state,\n    update,\n    property,\n    commitMode = \"blur\",\n    debounceMs = 300,\n    format,\n    parse,\n    onSuccess,\n    onError,\n    disabled,\n    ...inputProps\n  } = props;\n\n  const defaultFormat = React.useCallback((v: unknown) => String(v ?? \"\"), []);\n  const defaultParse = React.useCallback((v: unknown) => String(v), []);\n\n  const { value, onLocalChange, onBlur, inFlight } = useSocketInput<\n    TEntry,\n    TAllowedUpdate,\n    TKey\n  >({\n    state,\n    property,\n    update,\n    commitMode,\n    debounceMs,\n    format: format ?? defaultFormat,\n    parse: parse ?? defaultParse,\n    onSuccess,\n    onError,\n  });\n\n  const handleChange = React.useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      onLocalChange(event.target.value);\n    },\n    [onLocalChange]\n  );\n\n  return (\n    <input\n      {...inputProps}\n      type=\"text\"\n      value={String(value)}\n      onChange={handleChange}\n      onBlur={onBlur}\n      disabled={Boolean(disabled) || inFlight}\n    />\n  );\n}\n","\"use client\";\n\nimport * as React from \"react\";\nimport { useSocketInput, type CommitMode } from \"./useSocketInput\";\n\nexport interface SocketSelectProps<\n  TEntry,\n  TAllowedUpdate,\n  TKey extends keyof TAllowedUpdate,\n> extends Omit<React.SelectHTMLAttributes<HTMLSelectElement>, \"value\" | \"onChange\" | \"onError\" | \"property\"> {\n  state: TEntry | null;\n  update: (patch: Partial<TAllowedUpdate>) => Promise<TEntry | undefined | null>;\n  property: TKey;\n  children: React.ReactNode;\n  commitMode?: CommitMode;\n  debounceMs?: number;\n  format?: (v: unknown) => unknown;\n  parse?: (v: unknown) => unknown;\n  onSuccess?: (entry: TEntry | undefined | null) => void;\n  onError?: (error: string) => void;\n}\n\n/**\n * A select input that syncs its value with the server via socket.\n *\n * @example\n * ```tsx\n * <SocketSelect\n *   state={chat}\n *   update={(patch) => updateChat.mutateAsync({ id: chat.id, ...patch })}\n *   property=\"status\"\n *   commitMode=\"change\"\n * >\n *   <option value=\"active\">Active</option>\n *   <option value=\"archived\">Archived</option>\n * </SocketSelect>\n * ```\n */\nexport function SocketSelect<\n  TEntry,\n  TAllowedUpdate,\n  TKey extends keyof TAllowedUpdate,\n>(props: SocketSelectProps<TEntry, TAllowedUpdate, TKey>): React.ReactElement {\n  const {\n    state,\n    update,\n    property,\n    children,\n    commitMode = \"change\",\n    debounceMs,\n    format,\n    parse,\n    onSuccess,\n    onError,\n    disabled,\n    ...selectProps\n  } = props;\n\n  const defaultFormat = React.useCallback((v: unknown) => String(v ?? \"\"), []);\n  const defaultParse = React.useCallback((v: unknown) => String(v), []);\n\n  const { value, onLocalChange, inFlight } = useSocketInput<TEntry, TAllowedUpdate, TKey>({\n    state,\n    property,\n    update,\n    commitMode,\n    debounceMs,\n    format: format ?? defaultFormat,\n    parse: parse ?? defaultParse,\n    onSuccess,\n    onError,\n  });\n\n  const handleChange = React.useCallback(\n    (event: React.ChangeEvent<HTMLSelectElement>) => {\n      onLocalChange(event.target.value);\n    },\n    [onLocalChange]\n  );\n\n  return (\n    <select\n      {...selectProps}\n      value={String(value)}\n      onChange={handleChange}\n      disabled={Boolean(disabled) || inFlight}\n    >\n      {children}\n    </select>\n  );\n}\n","\"use client\";\n\nimport * as React from \"react\";\nimport { useSocketInput, type CommitMode } from \"./useSocketInput\";\n\nexport interface SocketSliderProps<\n  TEntry,\n  TAllowedUpdate,\n  TKey extends keyof TAllowedUpdate,\n> extends Omit<React.InputHTMLAttributes<HTMLInputElement>, \"value\" | \"onChange\" | \"type\" | \"onError\" | \"property\"> {\n  state: TEntry | null;\n  update: (patch: Partial<TAllowedUpdate>) => Promise<TEntry | undefined | null>;\n  property: TKey;\n  commitMode?: CommitMode;\n  debounceMs?: number;\n  format?: (v: unknown) => unknown;\n  parse?: (v: unknown) => unknown;\n  onSuccess?: (entry: TEntry | undefined | null) => void;\n  onError?: (error: string) => void;\n}\n\n/**\n * A range slider input that syncs its value with the server via socket.\n *\n * @example\n * ```tsx\n * <SocketSlider\n *   state={settings}\n *   update={(patch) => updateSettings.mutateAsync({ id: settings.id, ...patch })}\n *   property=\"volume\"\n *   min={0}\n *   max={100}\n *   commitMode=\"debounce\"\n *   debounceMs={200}\n * />\n * ```\n */\nexport function SocketSlider<\n  TEntry,\n  TAllowedUpdate,\n  TKey extends keyof TAllowedUpdate,\n>(props: SocketSliderProps<TEntry, TAllowedUpdate, TKey>): React.ReactElement {\n  const {\n    state,\n    update,\n    property,\n    commitMode = \"debounce\",\n    debounceMs = 200,\n    format,\n    parse,\n    onSuccess,\n    onError,\n    disabled,\n    ...inputProps\n  } = props;\n\n  const defaultFormat = React.useCallback((v: unknown) => Number(v ?? 0), []);\n  const defaultParse = React.useCallback((v: unknown) => Number(v), []);\n\n  const { value, onLocalChange, inFlight } = useSocketInput<TEntry, TAllowedUpdate, TKey>({\n    state,\n    property,\n    update,\n    commitMode,\n    debounceMs,\n    format: format ?? defaultFormat,\n    parse: parse ?? defaultParse,\n    onSuccess,\n    onError,\n  });\n\n  const handleChange = React.useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      onLocalChange(Number(event.target.value));\n    },\n    [onLocalChange]\n  );\n\n  return (\n    <input\n      {...inputProps}\n      type=\"range\"\n      value={Number(value)}\n      onChange={handleChange}\n      disabled={Boolean(disabled) || inFlight}\n    />\n  );\n}\n","\"use client\";\n\nimport * as React from \"react\";\nimport { useSocketInput, type CommitMode } from \"./useSocketInput\";\n\nexport interface SocketSwitchProps<\n  TEntry,\n  TAllowedUpdate,\n  TKey extends keyof TAllowedUpdate,\n> extends Omit<React.InputHTMLAttributes<HTMLInputElement>, \"checked\" | \"onChange\" | \"type\" | \"onError\" | \"property\"> {\n  state: TEntry | null;\n  update: (patch: Partial<TAllowedUpdate>) => Promise<TEntry | undefined | null>;\n  property: TKey;\n  commitMode?: CommitMode;\n  debounceMs?: number;\n  format?: (v: unknown) => unknown;\n  parse?: (v: unknown) => unknown;\n  onSuccess?: (entry: TEntry | undefined | null) => void;\n  onError?: (error: string) => void;\n}\n\n/**\n * A switch/toggle input that syncs its state with the server via socket.\n * Styled as a switch by default using CSS.\n *\n * @example\n * ```tsx\n * <SocketSwitch\n *   state={settings}\n *   update={(patch) => updateSettings.mutateAsync({ id: settings.id, ...patch })}\n *   property=\"darkMode\"\n *   commitMode=\"change\"\n * />\n * ```\n */\nexport function SocketSwitch<\n  TEntry,\n  TAllowedUpdate,\n  TKey extends keyof TAllowedUpdate,\n>(props: SocketSwitchProps<TEntry, TAllowedUpdate, TKey>): React.ReactElement {\n  const {\n    state,\n    update,\n    property,\n    commitMode = \"change\",\n    debounceMs,\n    format,\n    parse,\n    onSuccess,\n    onError,\n    disabled,\n    className,\n    ...inputProps\n  } = props;\n\n  const defaultFormat = React.useCallback((v: unknown) => Boolean(v), []);\n  const defaultParse = React.useCallback((v: unknown) => Boolean(v), []);\n\n  const { value, onLocalChange, inFlight } = useSocketInput<TEntry, TAllowedUpdate, TKey>({\n    state,\n    property,\n    update,\n    commitMode,\n    debounceMs,\n    format: format ?? defaultFormat,\n    parse: parse ?? defaultParse,\n    onSuccess,\n    onError,\n  });\n\n  const handleChange = React.useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      onLocalChange(event.target.checked);\n    },\n    [onLocalChange]\n  );\n\n  // Role=\"switch\" for accessibility\n  return (\n    <input\n      {...inputProps}\n      type=\"checkbox\"\n      role=\"switch\"\n      aria-checked={Boolean(value)}\n      checked={Boolean(value)}\n      onChange={handleChange}\n      disabled={Boolean(disabled) || inFlight}\n      className={className}\n    />\n  );\n}\n"]}
+{"version":3,"sources":["../../src/client/QuickdrawProvider.tsx","../../src/client/useService.ts","../../src/client/useServiceQuery.ts","../../src/client/useSubscription.ts","../../src/client/inputs/useSocketInput.ts","../../src/client/inputs/SocketCheckbox.tsx","../../src/client/inputs/SocketTextField.tsx","../../src/client/inputs/SocketSelect.tsx","../../src/client/inputs/SocketSlider.tsx","../../src/client/inputs/SocketSwitch.tsx"],"names":["React2","React3","useQueryClient","React4","useQuery","React5","React6","jsx","React7","React8","React9","React10"],"mappings":"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","file":"index.js","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { io, Socket } from \"socket.io-client\";\nimport { QueryClient, QueryClientProvider } from \"@tanstack/react-query\";\nimport type { AccessLevel } from \"../shared/types\";\nimport type {\n  QuickdrawSocketContextValue,\n  QuickdrawProviderProps,\n  SubscriptionRegistry,\n  SubscriptionEntry,\n} from \"./types\";\n\n// ============================================================================\n// Subscription Registry Implementation\n// ============================================================================\n\n/**\n * Creates a new subscription registry instance.\n * Each socket connection should have its own registry.\n */\nfunction createSubscriptionRegistry(): SubscriptionRegistry {\n  const subscriptions = new Map<string, SubscriptionEntry>();\n\n  return {\n    acquire(key: string) {\n      const existing = subscriptions.get(key);\n      if (existing) {\n        existing.refCount++;\n        return { isNew: false, entry: existing };\n      }\n\n      const entry: SubscriptionEntry = { refCount: 1 };\n      subscriptions.set(key, entry);\n      return { isNew: true, entry };\n    },\n\n    release(key: string) {\n      const entry = subscriptions.get(key);\n      if (!entry) return false;\n\n      entry.refCount--;\n      if (entry.refCount <= 0) {\n        entry.cleanup?.();\n        subscriptions.delete(key);\n        return true;\n      }\n      return false;\n    },\n\n    setCleanup(key: string, cleanup: () => void) {\n      const entry = subscriptions.get(key);\n      if (entry) {\n        entry.cleanup = cleanup;\n      }\n    },\n\n    clear() {\n      for (const entry of subscriptions.values()) {\n        entry.cleanup?.();\n      }\n      subscriptions.clear();\n    },\n  };\n}\n\n// ============================================================================\n// Socket Context\n// ============================================================================\n\nconst QuickdrawSocketContext =\n  React.createContext<QuickdrawSocketContextValue | null>(null);\n\n/**\n * Hook to access the quickdraw socket context.\n */\nexport function useQuickdrawSocket(): QuickdrawSocketContextValue {\n  const context = React.useContext(QuickdrawSocketContext);\n  if (!context) {\n    throw new Error(\n      \"useQuickdrawSocket must be used within a QuickdrawProvider\"\n    );\n  }\n  return context;\n}\n\n// ============================================================================\n// Provider Component\n// ============================================================================\n\n/**\n * Creates a QueryClient instance.\n * Using a factory function instead of module-level instantiation\n * to avoid SSR hydration issues.\n */\nfunction createQueryClient(): QueryClient {\n  return new QueryClient({\n    defaultOptions: {\n      queries: {\n        staleTime: 1000 * 60 * 5, // 5 minutes\n        retry: 1,\n      },\n      mutations: {\n        retry: 0,\n      },\n    },\n  });\n}\n\n/**\n * Provider component that sets up TanStack Query and Socket.io connection.\n *\n * @example\n * ```tsx\n * // In your app layout\n * export default function RootLayout({ children }) {\n *   return (\n *     <QuickdrawProvider\n *       serverUrl=\"http://localhost:4000\"\n *       authToken={token}\n *     >\n *       {children}\n *     </QuickdrawProvider>\n *   );\n * }\n * ```\n */\nexport function QuickdrawProvider({\n  children,\n  serverUrl,\n  queryClient,\n  authToken,\n  autoConnect = !!authToken,\n}: QuickdrawProviderProps): React.ReactElement {\n  // Create QueryClient lazily to avoid SSR issues\n  const [defaultQueryClient] = React.useState(() => createQueryClient());\n  const actualQueryClient = queryClient ?? defaultQueryClient;\n\n  const [socket, setSocket] = React.useState<Socket | null>(null);\n  const [isConnected, setIsConnected] = React.useState(false);\n  const [userId, setUserId] = React.useState<string | null>(null);\n  const [serviceAccess, setServiceAccess] = React.useState<\n    Record<string, AccessLevel>\n  >({});\n\n  // Create subscription registry - recreated when socket changes\n  const subscriptionRegistryRef = React.useRef<SubscriptionRegistry>(\n    createSubscriptionRegistry()\n  );\n\n  // Track previous authToken to detect changes\n  const prevAuthTokenRef = React.useRef<string | undefined>(authToken);\n\n  // Track socket synchronously to prevent double connections from concurrent effects\n  const socketRef = React.useRef<Socket | null>(null);\n\n  const connect = React.useCallback(\n    (token?: string) => {\n      // Prevent double connections - check ref synchronously since state updates are async\n      if (socketRef.current) return;\n\n      const authToUse = token;\n\n      // Clear old subscriptions when creating new socket\n      subscriptionRegistryRef.current.clear();\n      subscriptionRegistryRef.current = createSubscriptionRegistry();\n\n      const newSocket = io(serverUrl, {\n        auth: authToUse ? { token: authToUse } : undefined,\n        transports: [\"websocket\", \"polling\"],\n        autoConnect: true,\n      });\n\n      newSocket.on(\"connect\", () => {\n        setIsConnected(true);\n      });\n\n      newSocket.on(\"disconnect\", () => {\n        setIsConnected(false);\n        // Clear subscriptions on disconnect - they'll be re-established on reconnect\n        subscriptionRegistryRef.current.clear();\n      });\n\n      // Listen for auth info from server\n      newSocket.on(\n        \"auth:info\",\n        (info: { userId: string; serviceAccess: Record<string, AccessLevel> }) => {\n          setUserId(info.userId);\n          setServiceAccess(info.serviceAccess);\n        }\n      );\n\n      newSocket.on(\"connect_error\", (error) => {\n        console.error(\"Socket connection error:\", error.message);\n      });\n\n      socketRef.current = newSocket;\n      setSocket(newSocket);\n    },\n    [serverUrl]\n  );\n\n  const disconnect = React.useCallback(() => {\n    if (socketRef.current) {\n      // Clear subscriptions before disconnecting\n      subscriptionRegistryRef.current.clear();\n      socketRef.current.disconnect();\n      socketRef.current = null;\n      setSocket(null);\n      setIsConnected(false);\n      setUserId(null);\n      setServiceAccess({});\n    }\n  }, []);\n\n  // Auto-connect on mount if enabled\n  React.useEffect(() => {\n    if (autoConnect && !socketRef.current) {\n      connect(authToken);\n    }\n\n    return () => {\n      if (socketRef.current) {\n        subscriptionRegistryRef.current.clear();\n        socketRef.current.disconnect();\n        socketRef.current = null;\n      }\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [autoConnect, authToken]);\n\n  // Reconnect when authToken changes\n  React.useEffect(() => {\n    const prevToken = prevAuthTokenRef.current;\n    \n    // Update ref BEFORE any logic so next render has correct previous value\n    prevAuthTokenRef.current = authToken;\n    \n    // If token actually changed, reconnect\n    if (authToken !== prevToken) {\n      if (socketRef.current) {\n        disconnect();\n      }\n      if (authToken) {\n        connect(authToken);\n      }\n    }\n  }, [authToken, disconnect, connect]);\n\n  const contextValue = React.useMemo<QuickdrawSocketContextValue>(\n    () => ({\n      socket,\n      isConnected,\n      userId,\n      serviceAccess,\n      connect,\n      disconnect,\n      subscriptionRegistry: subscriptionRegistryRef.current,\n    }),\n    [socket, isConnected, userId, serviceAccess, connect, disconnect]\n  );\n\n  return (\n    <QueryClientProvider client={actualQueryClient}>\n      <QuickdrawSocketContext.Provider value={contextValue}>\n        {children}\n      </QuickdrawSocketContext.Provider>\n    </QueryClientProvider>\n  );\n}\n","\"use client\";\n\nimport * as React from \"react\";\nimport { useMutation } from \"@tanstack/react-query\";\nimport type { ServiceResponse } from \"../shared/types\";\nimport { useQuickdrawSocket } from \"./QuickdrawProvider\";\nimport type { UseServiceOptions, UseServiceResult } from \"./types\";\n\n/**\n * Hook for invoking service methods via Socket.io with TanStack Query integration.\n *\n * This hook supports two usage patterns:\n *\n * 1. **Simple usage** - Just pass service/method names with explicit payload/response types:\n * ```tsx\n * const createChat = useService<{ title: string }, { id: string }>(\n *   'chatService',\n *   'createChat'\n * );\n * ```\n *\n * 2. **Type-safe usage** - Pass a service methods map for full type inference:\n * ```tsx\n * // In your app, create a typed wrapper:\n * function useTypedService<\n *   TService extends keyof ServiceMethodsMap,\n *   TMethod extends keyof ServiceMethodsMap[TService] & string,\n * >(serviceName: TService, methodName: TMethod, options?: ...) {\n *   type Methods = ServiceMethodsMap[TService];\n *   type Payload = Methods[TMethod] extends { payload: infer P } ? P : never;\n *   type Response = Methods[TMethod] extends { response: infer R } ? R : never;\n *   return useService<Payload, Response>(serviceName, methodName, options);\n * }\n * ```\n *\n * @typeParam TPayload - The payload type for the method\n * @typeParam TResponse - The response type for the method\n */\nexport function useService<TPayload = unknown, TResponse = unknown>(\n  serviceName: string,\n  methodName: string,\n  options?: UseServiceOptions<TResponse>\n): UseServiceResult<TPayload, TResponse> {\n  const { socket, isConnected } = useQuickdrawSocket();\n  const [error, setError] = React.useState<string | null>(null);\n\n  // Store options in ref to avoid unnecessary rerenders\n  const optionsRef = React.useRef(options);\n  React.useEffect(() => {\n    optionsRef.current = options;\n  }, [options]);\n\n  const mutation = useMutation<TResponse, Error, TPayload>({\n    mutationKey: [serviceName, methodName],\n    mutationFn: async (payload: TPayload): Promise<TResponse> => {\n      if (!socket || !isConnected) {\n        throw new Error(\"Socket not connected\");\n      }\n\n      return new Promise<TResponse>((resolve, reject) => {\n        const eventName = `${serviceName}:${methodName}`;\n        const timeout = setTimeout(() => {\n          reject(new Error(\"Request timeout\"));\n        }, options?.timeout ?? 10000);\n\n        socket.emit(\n          eventName,\n          payload,\n          (response: ServiceResponse<TResponse>) => {\n            clearTimeout(timeout);\n\n            if (response.success) {\n              resolve(response.data);\n            } else {\n              reject(new Error(response.error));\n            }\n          }\n        );\n      });\n    },\n    onSuccess: (data) => {\n      setError(null);\n      optionsRef.current?.onSuccess?.(data);\n    },\n    onError: (err) => {\n      const errorMessage = err.message;\n      setError(errorMessage);\n      optionsRef.current?.onError?.(errorMessage);\n    },\n    retry: options?.retry ?? false,\n    retryDelay: options?.retryDelay,\n  });\n\n  // Memoize return object to prevent new references on every render\n  // This fixes infinite loop issues when the hook's return value is used in dependencies\n  return React.useMemo(\n    () => ({\n      mutate: mutation.mutate,\n      mutateAsync: mutation.mutateAsync,\n      isPending: mutation.isPending,\n      isError: mutation.isError,\n      error,\n      data: mutation.data,\n      reset: mutation.reset,\n    }),\n    [\n      mutation.mutate,\n      mutation.mutateAsync,\n      mutation.isPending,\n      mutation.isError,\n      mutation.data,\n      mutation.reset,\n      error,\n    ]\n  );\n}\n\n/**\n * Simplified hook for basic service method calls.\n * Use this when you don't need the full TanStack Query mutation features.\n *\n * @example\n * ```tsx\n * const { execute, loading, error, data } = useServiceMethod<\n *   { title: string },\n *   { id: string }\n * >('chatService', 'createChat');\n *\n * const handleCreate = async () => {\n *   const result = await execute({ title: 'New Chat' });\n *   if (result) {\n *     router.push(`/chat/${result.id}`);\n *   }\n * };\n * ```\n */\nexport function useServiceMethod<TPayload = unknown, TResponse = unknown>(\n  serviceName: string,\n  methodName: string,\n  options?: UseServiceOptions<TResponse>\n): {\n  execute: (payload: TPayload) => Promise<TResponse | null>;\n  loading: boolean;\n  error: string | null;\n  data: TResponse | null;\n  isReady: boolean;\n} {\n  const { socket, isConnected } = useQuickdrawSocket();\n  const [loading, setLoading] = React.useState(false);\n  const [error, setError] = React.useState<string | null>(null);\n  const [data, setData] = React.useState<TResponse | null>(null);\n\n  const optionsRef = React.useRef(options);\n  React.useEffect(() => {\n    optionsRef.current = options;\n  }, [options]);\n\n  const execute = React.useCallback(\n    async (payload: TPayload): Promise<TResponse | null> => {\n      if (!socket || !isConnected) {\n        const errorMsg = \"Socket not connected\";\n        setError(errorMsg);\n        optionsRef.current?.onError?.(errorMsg);\n        return null;\n      }\n\n      setLoading(true);\n      setError(null);\n\n      return new Promise<TResponse | null>((resolve) => {\n        const eventName = `${serviceName}:${methodName}`;\n        const timeout = setTimeout(() => {\n          const errorMsg = \"Request timeout\";\n          setError(errorMsg);\n          setLoading(false);\n          optionsRef.current?.onError?.(errorMsg);\n          resolve(null);\n        }, options?.timeout ?? 10000);\n\n        socket.emit(\n          eventName,\n          payload,\n          (response: ServiceResponse<TResponse>) => {\n            clearTimeout(timeout);\n            setLoading(false);\n\n            if (response.success) {\n              setError(null);\n              setData(response.data);\n              optionsRef.current?.onSuccess?.(response.data);\n              resolve(response.data);\n            } else {\n              setError(response.error);\n              optionsRef.current?.onError?.(response.error);\n              resolve(null);\n            }\n          }\n        );\n      });\n    },\n    [socket, isConnected, serviceName, methodName, options?.timeout]\n  );\n\n  // Memoize return object to prevent new references on every render\n  return React.useMemo(\n    () => ({\n      execute,\n      loading,\n      error,\n      data,\n      isReady: !!socket && isConnected,\n    }),\n    [execute, loading, error, data, socket, isConnected]\n  );\n}\n","\"use client\";\n\nimport * as React from \"react\";\nimport { useQuery, useQueryClient } from \"@tanstack/react-query\";\nimport type { ServiceResponse } from \"../shared/types\";\nimport { useQuickdrawSocket } from \"./QuickdrawProvider\";\nimport type { UseServiceQueryOptions, UseServiceQueryResult } from \"./types\";\n\n/**\n * Hook for querying service methods via Socket.io with TanStack Query integration.\n *\n * Use this hook for **read operations** that benefit from caching and deduplication.\n * For mutations (create/update/delete), use `useService` instead.\n *\n * Features:\n * - Automatic caching with configurable stale time\n * - Request deduplication (multiple components calling same query share one request)\n * - Background refetching when data becomes stale\n * - Automatic refetch on reconnect\n *\n * @typeParam TPayload - The payload type for the method\n * @typeParam TResponse - The response type for the method\n *\n * @example\n * ```tsx\n * // Simple usage - auto-fetches on mount\n * const { data: expenses, isLoading } = useServiceQuery(\n *   'expenseService',\n *   'listExpenses',\n *   { pageSize: 100 }\n * );\n *\n * // With options - conditional fetching\n * const { data, refetch } = useServiceQuery(\n *   'expenseService',\n *   'listExpenses',\n *   { accountId: selectedAccount },\n *   {\n *     enabled: !!userId,\n *     staleTime: 5 * 60 * 1000, // 5 minutes\n *   }\n * );\n *\n * // Force fresh data (bypass cache)\n * const { data } = useServiceQuery(\n *   'expenseService',\n *   'listExpenses',\n *   payload,\n *   { skipCache: true }\n * );\n * ```\n */\nexport function useServiceQuery<TPayload = unknown, TResponse = unknown>(\n  serviceName: string,\n  methodName: string,\n  payload: TPayload,\n  options?: UseServiceQueryOptions<TResponse>\n): UseServiceQueryResult<TResponse> {\n  const { socket, isConnected } = useQuickdrawSocket();\n  const queryClient = useQueryClient();\n  const [error, setError] = React.useState<string | null>(null);\n\n  // Store options in ref to avoid unnecessary effect reruns\n  const optionsRef = React.useRef(options);\n  React.useEffect(() => {\n    optionsRef.current = options;\n  }, [options]);\n\n  // Destructure options with defaults\n  const {\n    enabled = true,\n    staleTime = 5 * 60 * 1000, // 5 minutes default\n    gcTime = 10 * 60 * 1000, // 10 minutes default\n    refetchOnMount = true,\n    refetchOnWindowFocus = false,\n    skipCache = false,\n    timeout = 10000,\n    retry = 1,\n    retryDelay,\n  } = options ?? {};\n\n  // Create stable query key based on service, method, and payload\n  // Using JSON.stringify ensures same payload = same cache entry\n  const queryKey = React.useMemo(\n    () => [serviceName, methodName, JSON.stringify(payload)],\n    [serviceName, methodName, payload]\n  );\n\n  // Query function that calls the service via socket\n  const queryFn = React.useCallback(async (): Promise<TResponse> => {\n    if (!socket || !isConnected) {\n      throw new Error(\"Socket not connected\");\n    }\n\n    return new Promise<TResponse>((resolve, reject) => {\n      const eventName = `${serviceName}:${methodName}`;\n      const timeoutId = setTimeout(() => {\n        reject(new Error(\"Request timeout\"));\n      }, timeout);\n\n      socket.emit(\n        eventName,\n        payload,\n        (response: ServiceResponse<TResponse>) => {\n          clearTimeout(timeoutId);\n\n          if (response.success) {\n            resolve(response.data);\n          } else {\n            reject(new Error(response.error));\n          }\n        }\n      );\n    });\n  }, [socket, isConnected, serviceName, methodName, payload, timeout]);\n\n  // Handle skipCache by invalidating before query runs\n  React.useEffect(() => {\n    if (skipCache && enabled) {\n      queryClient.invalidateQueries({ queryKey });\n    }\n  }, [skipCache, enabled, queryClient, queryKey]);\n\n  const query = useQuery<TResponse, Error>({\n    queryKey,\n    queryFn,\n    enabled: enabled && !!socket && isConnected,\n    staleTime,\n    gcTime,\n    refetchOnMount,\n    refetchOnWindowFocus,\n    retry,\n    retryDelay,\n  });\n\n  // Handle success/error callbacks\n  React.useEffect(() => {\n    if (query.isSuccess && query.data !== undefined) {\n      setError(null);\n      optionsRef.current?.onSuccess?.(query.data);\n    }\n  }, [query.isSuccess, query.data]);\n\n  React.useEffect(() => {\n    if (query.isError && query.error) {\n      const errorMessage = query.error.message;\n      setError(errorMessage);\n      optionsRef.current?.onError?.(errorMessage);\n    }\n  }, [query.isError, query.error]);\n\n  // Create stable refetch function\n  const refetch = React.useCallback(async (): Promise<TResponse | undefined> => {\n    const result = await query.refetch();\n    return result.data;\n  }, [query]);\n\n  // Memoize return object to prevent new references on every render\n  return React.useMemo(\n    () => ({\n      data: query.data,\n      isLoading: query.isLoading,\n      isFetching: query.isFetching,\n      isError: query.isError,\n      error,\n      isStale: query.isStale,\n      isSuccess: query.isSuccess,\n      refetch,\n    }),\n    [\n      query.data,\n      query.isLoading,\n      query.isFetching,\n      query.isError,\n      query.isStale,\n      query.isSuccess,\n      error,\n      refetch,\n    ]\n  );\n}\n","\"use client\";\n\nimport * as React from \"react\";\nimport { useQuery, useQueryClient } from \"@tanstack/react-query\";\nimport type { ServiceResponse } from \"../shared/types\";\nimport { useQuickdrawSocket } from \"./QuickdrawProvider\";\nimport type { UseSubscriptionOptions, UseSubscriptionResult } from \"./types\";\n\n/**\n * Hook for subscribing to real-time entity updates with TanStack Query integration.\n *\n * Features:\n * - Automatic subscription management\n * - TanStack Query cache integration for optimistic updates\n * - Subscription deduplication across components (via context-based registry)\n * - Automatic reconnection handling\n * - HMR/Fast Refresh safe (no module-level state)\n *\n * @typeParam TData - The entity type\n *\n * @example\n * ```tsx\n * function ChatView({ chatId }: { chatId: string }) {\n *   const { data: chat, isLoading, error } = useSubscription<Chat>(\n *     'chatService',\n *     chatId,\n *     {\n *       onData: (chat) => {\n *         console.log('Chat updated:', chat.title);\n *       },\n *     }\n *   );\n *\n *   if (isLoading) return <div>Loading...</div>;\n *   if (error) return <div>Error: {error}</div>;\n *   if (!chat) return <div>Chat not found</div>;\n *\n *   return <div>{chat.title}</div>;\n * }\n * ```\n */\nexport function useSubscription<TData extends { id: string }>(\n  serviceName: string,\n  entryId: string | null,\n  options: UseSubscriptionOptions<TData> = {}\n): UseSubscriptionResult<TData> {\n  const { socket, isConnected, subscriptionRegistry } = useQuickdrawSocket();\n  const queryClient = useQueryClient();\n  const [isSubscribed, setIsSubscribed] = React.useState(false);\n  const [error, setError] = React.useState<string | null>(null);\n\n  const {\n    enabled = true,\n    onData,\n    onError,\n    requiredLevel = \"Read\",\n    staleTime = Infinity, // Subscriptions should stay fresh via socket updates\n  } = options;\n\n  // Subscription key for deduplication\n  const subscriptionKey = entryId ? `${serviceName}:${entryId}` : null;\n  const queryKey = React.useMemo(\n    () => [serviceName, \"subscription\", entryId],\n    [serviceName, entryId]\n  );\n\n  // Store callbacks in refs to avoid unnecessary effect reruns\n  const onDataRef = React.useRef(onData);\n  const onErrorRef = React.useRef(onError);\n  React.useEffect(() => {\n    onDataRef.current = onData;\n    onErrorRef.current = onError;\n  }, [onData, onError]);\n\n  // Query for initial data and cache management\n  const query = useQuery<TData | null>({\n    queryKey,\n    queryFn: async () => {\n      // Data is populated via subscription, not direct fetch\n      return null;\n    },\n    enabled: false, // We manage data via socket\n    staleTime,\n  });\n\n  // Handle subscription lifecycle\n  React.useEffect(() => {\n    if (!socket || !isConnected || !subscriptionKey || !enabled || !entryId) {\n      return;\n    }\n\n    // Try to acquire subscription (with deduplication)\n    const { isNew } = subscriptionRegistry.acquire(subscriptionKey);\n\n    if (!isNew) {\n      // Already subscribed by another component, just track ref count\n      setIsSubscribed(true);\n      return () => {\n        subscriptionRegistry.release(subscriptionKey);\n      };\n    }\n\n    // Create new subscription\n    const subscribeEvent = `${serviceName}:subscribe`;\n    const updateEvent = `${serviceName}:update:${entryId}`;\n\n    // Handle incoming updates\n    const handleUpdate = (updateData: Partial<TData>) => {\n      // Check for deletion\n      const asAny = updateData as { deleted?: boolean };\n      if (asAny.deleted) {\n        queryClient.setQueryData<TData | null>(queryKey, null);\n        return;\n      }\n\n      // Merge update with existing data\n      queryClient.setQueryData<TData | null>(queryKey, (oldData) => {\n        if (!oldData) {\n          return updateData as TData;\n        }\n        const merged = { ...oldData, ...updateData } as TData;\n        onDataRef.current?.(merged);\n        return merged;\n      });\n    };\n\n    // Subscribe to updates\n    socket.on(updateEvent, handleUpdate);\n\n    // Send subscription request\n    socket.emit(\n      subscribeEvent,\n      { entryId, requiredLevel },\n      (response: ServiceResponse<TData>) => {\n        if (response.success && response.data) {\n          queryClient.setQueryData<TData | null>(queryKey, response.data);\n          setIsSubscribed(true);\n          setError(null);\n          onDataRef.current?.(response.data);\n        } else if (!response.success) {\n          setError(response.error);\n          setIsSubscribed(false);\n          onErrorRef.current?.(response.error);\n        }\n      }\n    );\n\n    // Set cleanup function in registry\n    const cleanup = () => {\n      socket.off(updateEvent, handleUpdate);\n      socket.emit(`${serviceName}:unsubscribe`, { entryId });\n      setIsSubscribed(false);\n    };\n\n    subscriptionRegistry.setCleanup(subscriptionKey, cleanup);\n\n    return () => {\n      subscriptionRegistry.release(subscriptionKey);\n    };\n  }, [\n    socket,\n    isConnected,\n    subscriptionKey,\n    enabled,\n    entryId,\n    serviceName,\n    requiredLevel,\n    queryClient,\n    queryKey,\n    subscriptionRegistry,\n  ]);\n\n  // Manual subscribe/unsubscribe functions\n  const subscribe = React.useCallback(() => {\n    if (!socket || !isConnected || !entryId) return;\n\n    socket.emit(\n      `${serviceName}:subscribe`,\n      { entryId, requiredLevel },\n      (response: ServiceResponse<TData>) => {\n        if (response.success && response.data) {\n          queryClient.setQueryData<TData | null>(queryKey, response.data);\n          setIsSubscribed(true);\n          setError(null);\n        } else if (!response.success) {\n          setError(response.error);\n        }\n      }\n    );\n  }, [socket, isConnected, entryId, serviceName, requiredLevel, queryClient, queryKey]);\n\n  const unsubscribe = React.useCallback(() => {\n    if (!socket || !entryId) return;\n\n    socket.emit(`${serviceName}:unsubscribe`, { entryId });\n    setIsSubscribed(false);\n  }, [socket, entryId, serviceName]);\n\n  // Get current data from query cache\n  const data = queryClient.getQueryData<TData | null>(queryKey) ?? null;\n\n  return {\n    data,\n    isLoading: query.isLoading || (!data && isSubscribed),\n    isError: !!error,\n    error,\n    isSubscribed,\n    subscribe,\n    unsubscribe,\n  };\n}\n","\"use client\";\n\nimport * as React from \"react\";\n\nexport type CommitMode = \"change\" | \"blur\" | \"debounce\";\n\nexport interface UseSocketInputOptions<TEntry, TAllowedUpdate, TKey extends keyof TAllowedUpdate> {\n  /**\n   * Current state of the entity\n   */\n  state: TEntry | null;\n  /**\n   * Property key to update\n   */\n  property: TKey;\n  /**\n   * Update function that sends the patch to the server\n   */\n  update: (patch: Partial<TAllowedUpdate>) => Promise<TEntry | undefined | null>;\n  /**\n   * When to commit changes to the server\n   * - \"change\": immediately on every change\n   * - \"blur\": when input loses focus\n   * - \"debounce\": after debounceMs of inactivity\n   */\n  commitMode: CommitMode;\n  /**\n   * Debounce delay in milliseconds (only used when commitMode is \"debounce\")\n   */\n  debounceMs?: number;\n  /**\n   * Format the value from state for display\n   */\n  format?: (value: unknown) => unknown;\n  /**\n   * Parse the display value back to the state format\n   */\n  parse?: (value: unknown) => unknown;\n  /**\n   * Callback on successful update\n   */\n  onSuccess?: (entry: TEntry | undefined | null) => void;\n  /**\n   * Callback on error\n   */\n  onError?: (error: string) => void;\n}\n\nexport interface UseSocketInputResult<T> {\n  /**\n   * Current local value (may differ from server while editing)\n   */\n  value: T;\n  /**\n   * Update the local value\n   */\n  onLocalChange: (newValue: T) => void;\n  /**\n   * Manually commit the current value to the server\n   */\n  commit: () => void;\n  /**\n   * Handle blur event (commits if commitMode is \"blur\")\n   */\n  onBlur: () => void;\n  /**\n   * Whether an update is currently in flight\n   */\n  inFlight: boolean;\n  /**\n   * Whether the local value differs from the server value\n   */\n  isDirty: boolean;\n}\n\n/**\n * Hook for managing input state that syncs with the server.\n * Handles optimistic updates, debouncing, and conflict resolution.\n */\nexport function useSocketInput<\n  TEntry,\n  TAllowedUpdate,\n  TKey extends keyof TAllowedUpdate,\n>(\n  options: UseSocketInputOptions<TEntry, TAllowedUpdate, TKey>\n): UseSocketInputResult<unknown> {\n  const {\n    state,\n    property,\n    update,\n    commitMode,\n    debounceMs = 300,\n    format = (v) => v,\n    parse = (v) => v,\n    onSuccess,\n    onError,\n  } = options;\n\n  // Get server value\n  const serverValue = state ? (state as Record<string, unknown>)[property as string] : undefined;\n  const formattedServerValue = format(serverValue);\n\n  // Local state\n  const [localValue, setLocalValue] = React.useState<unknown>(formattedServerValue);\n  const [inFlight, setInFlight] = React.useState(false);\n  const [isDirty, setIsDirty] = React.useState(false);\n\n  // Refs for debouncing\n  const debounceTimerRef = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n  const pendingValueRef = React.useRef<unknown>(null);\n\n  // Sync local value with server when server value changes (and we're not dirty)\n  React.useEffect(() => {\n    if (!isDirty && !inFlight) {\n      setLocalValue(formattedServerValue);\n    }\n  }, [formattedServerValue, isDirty, inFlight]);\n\n  // Commit function\n  const commit = React.useCallback(async () => {\n    if (!isDirty) return;\n\n    const valueToCommit = pendingValueRef.current ?? localValue;\n    const parsedValue = parse(valueToCommit);\n\n    setInFlight(true);\n\n    try {\n      const result = await update({ [property]: parsedValue } as Partial<TAllowedUpdate>);\n      setIsDirty(false);\n      pendingValueRef.current = null;\n      onSuccess?.(result);\n    } catch (err) {\n      onError?.(err instanceof Error ? err.message : \"Update failed\");\n      // Revert to server value on error\n      setLocalValue(formattedServerValue);\n      setIsDirty(false);\n    } finally {\n      setInFlight(false);\n    }\n  }, [isDirty, localValue, parse, property, update, onSuccess, onError, formattedServerValue]);\n\n  // Handle local change\n  const onLocalChange = React.useCallback(\n    (newValue: unknown) => {\n      setLocalValue(newValue);\n      setIsDirty(true);\n      pendingValueRef.current = newValue;\n\n      if (commitMode === \"change\") {\n        // Commit immediately\n        void (async () => {\n          const parsedValue = parse(newValue);\n          setInFlight(true);\n          try {\n            const result = await update({ [property]: parsedValue } as Partial<TAllowedUpdate>);\n            setIsDirty(false);\n            pendingValueRef.current = null;\n            onSuccess?.(result);\n          } catch (err) {\n            onError?.(err instanceof Error ? err.message : \"Update failed\");\n          } finally {\n            setInFlight(false);\n          }\n        })();\n      } else if (commitMode === \"debounce\") {\n        // Clear existing timer\n        if (debounceTimerRef.current) {\n          clearTimeout(debounceTimerRef.current);\n        }\n        // Set new timer\n        debounceTimerRef.current = setTimeout(() => {\n          void commit();\n        }, debounceMs);\n      }\n      // For \"blur\" mode, we just update local state and wait for blur\n    },\n    [commitMode, parse, property, update, onSuccess, onError, debounceMs, commit]\n  );\n\n  // Handle blur\n  const onBlur = React.useCallback(() => {\n    if (commitMode === \"blur\" && isDirty) {\n      void commit();\n    }\n  }, [commitMode, isDirty, commit]);\n\n  // Cleanup debounce timer\n  React.useEffect(() => {\n    return () => {\n      if (debounceTimerRef.current) {\n        clearTimeout(debounceTimerRef.current);\n      }\n    };\n  }, []);\n\n  return {\n    value: localValue,\n    onLocalChange,\n    commit,\n    onBlur,\n    inFlight,\n    isDirty,\n  };\n}\n","\"use client\";\n\nimport * as React from \"react\";\nimport { useSocketInput, type CommitMode } from \"./useSocketInput\";\n\nexport interface SocketCheckboxProps<\n  TEntry,\n  TAllowedUpdate,\n  TKey extends keyof TAllowedUpdate,\n> extends Omit<React.InputHTMLAttributes<HTMLInputElement>, \"checked\" | \"onChange\" | \"type\" | \"onError\" | \"property\"> {\n  state: TEntry | null;\n  update: (patch: Partial<TAllowedUpdate>) => Promise<TEntry | undefined | null>;\n  property: TKey;\n  commitMode?: CommitMode;\n  debounceMs?: number;\n  format?: (v: unknown) => unknown;\n  parse?: (v: unknown) => unknown;\n  onSuccess?: (entry: TEntry | undefined | null) => void;\n  onError?: (error: string) => void;\n}\n\n/**\n * A checkbox input that syncs its checked state with the server via socket.\n *\n * @example\n * ```tsx\n * <SocketCheckbox\n *   state={chat}\n *   update={(patch) => updateChat.mutateAsync({ id: chat.id, ...patch })}\n *   property=\"isArchived\"\n *   commitMode=\"change\"\n * />\n * ```\n */\nexport function SocketCheckbox<\n  TEntry,\n  TAllowedUpdate,\n  TKey extends keyof TAllowedUpdate,\n>(props: SocketCheckboxProps<TEntry, TAllowedUpdate, TKey>): React.ReactElement {\n  const {\n    state,\n    update,\n    property,\n    commitMode = \"change\",\n    debounceMs,\n    format,\n    parse,\n    onSuccess,\n    onError,\n    disabled,\n    ...inputProps\n  } = props;\n\n  const defaultFormat = React.useCallback((v: unknown) => Boolean(v), []);\n  const defaultParse = React.useCallback((v: unknown) => Boolean(v), []);\n\n  const { value, onLocalChange, inFlight } = useSocketInput<TEntry, TAllowedUpdate, TKey>({\n    state,\n    property,\n    update,\n    commitMode,\n    debounceMs,\n    format: format ?? defaultFormat,\n    parse: parse ?? defaultParse,\n    onSuccess,\n    onError,\n  });\n\n  const handleChange = React.useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      onLocalChange(event.target.checked);\n    },\n    [onLocalChange]\n  );\n\n  return (\n    <input\n      {...inputProps}\n      type=\"checkbox\"\n      checked={Boolean(value)}\n      onChange={handleChange}\n      disabled={Boolean(disabled) || inFlight}\n    />\n  );\n}\n","\"use client\";\n\nimport * as React from \"react\";\nimport { useSocketInput, type CommitMode } from \"./useSocketInput\";\n\nexport interface SocketTextFieldProps<\n  TEntry,\n  TAllowedUpdate,\n  TKey extends keyof TAllowedUpdate,\n> extends Omit<React.InputHTMLAttributes<HTMLInputElement>, \"value\" | \"onChange\" | \"onError\" | \"property\"> {\n  state: TEntry | null;\n  update: (patch: Partial<TAllowedUpdate>) => Promise<TEntry | undefined | null>;\n  property: TKey;\n  commitMode?: CommitMode;\n  debounceMs?: number;\n  format?: (v: unknown) => unknown;\n  parse?: (v: unknown) => unknown;\n  onSuccess?: (entry: TEntry | undefined | null) => void;\n  onError?: (error: string) => void;\n}\n\n/**\n * A text input that syncs its value with the server via socket.\n *\n * @example\n * ```tsx\n * <SocketTextField\n *   state={chat}\n *   update={(patch) => updateChat.mutateAsync({ id: chat.id, ...patch })}\n *   property=\"title\"\n *   commitMode=\"debounce\"\n *   debounceMs={500}\n *   placeholder=\"Chat title...\"\n * />\n * ```\n */\nexport function SocketTextField<\n  TEntry,\n  TAllowedUpdate,\n  TKey extends keyof TAllowedUpdate,\n>(props: SocketTextFieldProps<TEntry, TAllowedUpdate, TKey>): React.ReactElement {\n  const {\n    state,\n    update,\n    property,\n    commitMode = \"blur\",\n    debounceMs = 300,\n    format,\n    parse,\n    onSuccess,\n    onError,\n    disabled,\n    ...inputProps\n  } = props;\n\n  const defaultFormat = React.useCallback((v: unknown) => String(v ?? \"\"), []);\n  const defaultParse = React.useCallback((v: unknown) => String(v), []);\n\n  const { value, onLocalChange, onBlur, inFlight } = useSocketInput<\n    TEntry,\n    TAllowedUpdate,\n    TKey\n  >({\n    state,\n    property,\n    update,\n    commitMode,\n    debounceMs,\n    format: format ?? defaultFormat,\n    parse: parse ?? defaultParse,\n    onSuccess,\n    onError,\n  });\n\n  const handleChange = React.useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      onLocalChange(event.target.value);\n    },\n    [onLocalChange]\n  );\n\n  return (\n    <input\n      {...inputProps}\n      type=\"text\"\n      value={String(value)}\n      onChange={handleChange}\n      onBlur={onBlur}\n      disabled={Boolean(disabled) || inFlight}\n    />\n  );\n}\n","\"use client\";\n\nimport * as React from \"react\";\nimport { useSocketInput, type CommitMode } from \"./useSocketInput\";\n\nexport interface SocketSelectProps<\n  TEntry,\n  TAllowedUpdate,\n  TKey extends keyof TAllowedUpdate,\n> extends Omit<React.SelectHTMLAttributes<HTMLSelectElement>, \"value\" | \"onChange\" | \"onError\" | \"property\"> {\n  state: TEntry | null;\n  update: (patch: Partial<TAllowedUpdate>) => Promise<TEntry | undefined | null>;\n  property: TKey;\n  children: React.ReactNode;\n  commitMode?: CommitMode;\n  debounceMs?: number;\n  format?: (v: unknown) => unknown;\n  parse?: (v: unknown) => unknown;\n  onSuccess?: (entry: TEntry | undefined | null) => void;\n  onError?: (error: string) => void;\n}\n\n/**\n * A select input that syncs its value with the server via socket.\n *\n * @example\n * ```tsx\n * <SocketSelect\n *   state={chat}\n *   update={(patch) => updateChat.mutateAsync({ id: chat.id, ...patch })}\n *   property=\"status\"\n *   commitMode=\"change\"\n * >\n *   <option value=\"active\">Active</option>\n *   <option value=\"archived\">Archived</option>\n * </SocketSelect>\n * ```\n */\nexport function SocketSelect<\n  TEntry,\n  TAllowedUpdate,\n  TKey extends keyof TAllowedUpdate,\n>(props: SocketSelectProps<TEntry, TAllowedUpdate, TKey>): React.ReactElement {\n  const {\n    state,\n    update,\n    property,\n    children,\n    commitMode = \"change\",\n    debounceMs,\n    format,\n    parse,\n    onSuccess,\n    onError,\n    disabled,\n    ...selectProps\n  } = props;\n\n  const defaultFormat = React.useCallback((v: unknown) => String(v ?? \"\"), []);\n  const defaultParse = React.useCallback((v: unknown) => String(v), []);\n\n  const { value, onLocalChange, inFlight } = useSocketInput<TEntry, TAllowedUpdate, TKey>({\n    state,\n    property,\n    update,\n    commitMode,\n    debounceMs,\n    format: format ?? defaultFormat,\n    parse: parse ?? defaultParse,\n    onSuccess,\n    onError,\n  });\n\n  const handleChange = React.useCallback(\n    (event: React.ChangeEvent<HTMLSelectElement>) => {\n      onLocalChange(event.target.value);\n    },\n    [onLocalChange]\n  );\n\n  return (\n    <select\n      {...selectProps}\n      value={String(value)}\n      onChange={handleChange}\n      disabled={Boolean(disabled) || inFlight}\n    >\n      {children}\n    </select>\n  );\n}\n","\"use client\";\n\nimport * as React from \"react\";\nimport { useSocketInput, type CommitMode } from \"./useSocketInput\";\n\nexport interface SocketSliderProps<\n  TEntry,\n  TAllowedUpdate,\n  TKey extends keyof TAllowedUpdate,\n> extends Omit<React.InputHTMLAttributes<HTMLInputElement>, \"value\" | \"onChange\" | \"type\" | \"onError\" | \"property\"> {\n  state: TEntry | null;\n  update: (patch: Partial<TAllowedUpdate>) => Promise<TEntry | undefined | null>;\n  property: TKey;\n  commitMode?: CommitMode;\n  debounceMs?: number;\n  format?: (v: unknown) => unknown;\n  parse?: (v: unknown) => unknown;\n  onSuccess?: (entry: TEntry | undefined | null) => void;\n  onError?: (error: string) => void;\n}\n\n/**\n * A range slider input that syncs its value with the server via socket.\n *\n * @example\n * ```tsx\n * <SocketSlider\n *   state={settings}\n *   update={(patch) => updateSettings.mutateAsync({ id: settings.id, ...patch })}\n *   property=\"volume\"\n *   min={0}\n *   max={100}\n *   commitMode=\"debounce\"\n *   debounceMs={200}\n * />\n * ```\n */\nexport function SocketSlider<\n  TEntry,\n  TAllowedUpdate,\n  TKey extends keyof TAllowedUpdate,\n>(props: SocketSliderProps<TEntry, TAllowedUpdate, TKey>): React.ReactElement {\n  const {\n    state,\n    update,\n    property,\n    commitMode = \"debounce\",\n    debounceMs = 200,\n    format,\n    parse,\n    onSuccess,\n    onError,\n    disabled,\n    ...inputProps\n  } = props;\n\n  const defaultFormat = React.useCallback((v: unknown) => Number(v ?? 0), []);\n  const defaultParse = React.useCallback((v: unknown) => Number(v), []);\n\n  const { value, onLocalChange, inFlight } = useSocketInput<TEntry, TAllowedUpdate, TKey>({\n    state,\n    property,\n    update,\n    commitMode,\n    debounceMs,\n    format: format ?? defaultFormat,\n    parse: parse ?? defaultParse,\n    onSuccess,\n    onError,\n  });\n\n  const handleChange = React.useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      onLocalChange(Number(event.target.value));\n    },\n    [onLocalChange]\n  );\n\n  return (\n    <input\n      {...inputProps}\n      type=\"range\"\n      value={Number(value)}\n      onChange={handleChange}\n      disabled={Boolean(disabled) || inFlight}\n    />\n  );\n}\n","\"use client\";\n\nimport * as React from \"react\";\nimport { useSocketInput, type CommitMode } from \"./useSocketInput\";\n\nexport interface SocketSwitchProps<\n  TEntry,\n  TAllowedUpdate,\n  TKey extends keyof TAllowedUpdate,\n> extends Omit<React.InputHTMLAttributes<HTMLInputElement>, \"checked\" | \"onChange\" | \"type\" | \"onError\" | \"property\"> {\n  state: TEntry | null;\n  update: (patch: Partial<TAllowedUpdate>) => Promise<TEntry | undefined | null>;\n  property: TKey;\n  commitMode?: CommitMode;\n  debounceMs?: number;\n  format?: (v: unknown) => unknown;\n  parse?: (v: unknown) => unknown;\n  onSuccess?: (entry: TEntry | undefined | null) => void;\n  onError?: (error: string) => void;\n}\n\n/**\n * A switch/toggle input that syncs its state with the server via socket.\n * Styled as a switch by default using CSS.\n *\n * @example\n * ```tsx\n * <SocketSwitch\n *   state={settings}\n *   update={(patch) => updateSettings.mutateAsync({ id: settings.id, ...patch })}\n *   property=\"darkMode\"\n *   commitMode=\"change\"\n * />\n * ```\n */\nexport function SocketSwitch<\n  TEntry,\n  TAllowedUpdate,\n  TKey extends keyof TAllowedUpdate,\n>(props: SocketSwitchProps<TEntry, TAllowedUpdate, TKey>): React.ReactElement {\n  const {\n    state,\n    update,\n    property,\n    commitMode = \"change\",\n    debounceMs,\n    format,\n    parse,\n    onSuccess,\n    onError,\n    disabled,\n    className,\n    ...inputProps\n  } = props;\n\n  const defaultFormat = React.useCallback((v: unknown) => Boolean(v), []);\n  const defaultParse = React.useCallback((v: unknown) => Boolean(v), []);\n\n  const { value, onLocalChange, inFlight } = useSocketInput<TEntry, TAllowedUpdate, TKey>({\n    state,\n    property,\n    update,\n    commitMode,\n    debounceMs,\n    format: format ?? defaultFormat,\n    parse: parse ?? defaultParse,\n    onSuccess,\n    onError,\n  });\n\n  const handleChange = React.useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      onLocalChange(event.target.checked);\n    },\n    [onLocalChange]\n  );\n\n  // Role=\"switch\" for accessibility\n  return (\n    <input\n      {...inputProps}\n      type=\"checkbox\"\n      role=\"switch\"\n      aria-checked={Boolean(value)}\n      checked={Boolean(value)}\n      onChange={handleChange}\n      disabled={Boolean(disabled) || inFlight}\n      className={className}\n    />\n  );\n}\n"]}

package/dist/client/testing.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { QueryClient } from '@tanstack/react-query';
 import { ServiceResponse } from '../shared/index.js';
-import { Q as QuickdrawSocketContextValue } from '../types-BADirRXn.js';
+import { Q as QuickdrawSocketContextValue } from '../types-e6WPGE70.js';
 import 'zod';
 import 'socket.io-client';
 

package/dist/{types-BADirRXn.d.ts → types-e6WPGE70.d.ts}

@@ -88,6 +88,96 @@ interface UseSubscriptionResult<TData> {
     subscribe: () => void;
     unsubscribe: () => void;
 }
+/**
+ * Options for the useServiceQuery hook.
+ */
+interface UseServiceQueryOptions<TResponse> {
+    /**
+     * Whether to automatically fetch on mount (default: true)
+     */
+    enabled?: boolean;
+    /**
+     * How long data stays fresh in milliseconds (default: 5 minutes)
+     * During this time, cached data is returned without refetching.
+     */
+    staleTime?: number;
+    /**
+     * How long unused data stays in cache in milliseconds (default: 10 minutes)
+     * After this time, inactive queries are garbage collected.
+     * Note: TanStack Query v5 renamed this to `gcTime`.
+     */
+    gcTime?: number;
+    /**
+     * Whether to refetch when component mounts (default: true if data is stale)
+     */
+    refetchOnMount?: boolean | "always";
+    /**
+     * Whether to refetch when window regains focus (default: false)
+     */
+    refetchOnWindowFocus?: boolean | "always";
+    /**
+     * Force a fresh fetch, bypassing cache (default: false)
+     * Useful when you know the cache is invalidated.
+     */
+    skipCache?: boolean;
+    /**
+     * Request timeout in milliseconds (default: 10000)
+     */
+    timeout?: number;
+    /**
+     * Callback when data is successfully fetched
+     */
+    onSuccess?: (data: TResponse) => void;
+    /**
+     * Callback on error
+     */
+    onError?: (error: string) => void;
+    /**
+     * Number of retry attempts on failure (default: 1)
+     */
+    retry?: boolean | number;
+    /**
+     * Delay between retries in milliseconds
+     */
+    retryDelay?: number;
+}
+/**
+ * Return type for the useServiceQuery hook.
+ */
+interface UseServiceQueryResult<TResponse> {
+    /**
+     * The fetched/cached data, or undefined if not yet loaded.
+     */
+    data: TResponse | undefined;
+    /**
+     * True during initial load (no cached data available).
+     */
+    isLoading: boolean;
+    /**
+     * True when any fetch is in progress (including background refetch).
+     */
+    isFetching: boolean;
+    /**
+     * True if the query has errored.
+     */
+    isError: boolean;
+    /**
+     * Error message if the query failed.
+     */
+    error: string | null;
+    /**
+     * True if the data is considered stale (past staleTime).
+     */
+    isStale: boolean;
+    /**
+     * True if the query has successfully fetched data at least once.
+     */
+    isSuccess: boolean;
+    /**
+     * Manually trigger a refetch.
+     */
+    refetch: () => Promise<TResponse | undefined>;
+}
 /**
  * Type helper for defining service methods map on the client.
  * This mirrors the server-side ServiceMethodMap.
@@ -148,4 +238,4 @@ interface QuickdrawSocketContextValue {
     subscriptionRegistry: SubscriptionRegistry;
 }
 
-export type { ClientServiceMethodMap as C, QuickdrawSocketContextValue as Q, SubscriptionDataMap as S, UseServiceOptions as U, QuickdrawProviderProps as a, UseServiceResult as b, UseSubscriptionOptions as c, UseSubscriptionResult as d };
+export type { ClientServiceMethodMap as C, QuickdrawSocketContextValue as Q, SubscriptionDataMap as S, UseServiceOptions as U, QuickdrawProviderProps as a, UseServiceResult as b, UseServiceQueryOptions as c, UseServiceQueryResult as d, UseSubscriptionOptions as e, UseSubscriptionResult as f };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fitzzero/quickdraw-core",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "description": "Fast fullstack patterns for real-time applications with Socket.io and TanStack Query",
   "type": "module",
   "main": "./dist/shared/index.js",
@@ -31,6 +31,17 @@
   "files": [
     "dist"
   ],
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "typecheck": "tsc --noEmit",
+    "lint": "eslint src --ext .ts,.tsx",
+    "lint:fix": "eslint src --ext .ts,.tsx --fix",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:coverage": "vitest run --coverage",
+    "prepublishOnly": "pnpm build"
+  },
   "keywords": [
     "socket.io",
     "tanstack-query",
@@ -96,15 +107,5 @@
   },
   "engines": {
     "node": ">=20"
-  },
-  "scripts": {
-    "build": "tsup",
-    "dev": "tsup --watch",
-    "typecheck": "tsc --noEmit",
-    "lint": "eslint src --ext .ts,.tsx",
-    "lint:fix": "eslint src --ext .ts,.tsx --fix",
-    "test": "vitest run",
-    "test:watch": "vitest",
-    "test:coverage": "vitest run --coverage"
   }
-}
+}