@fitzzero/quickdraw-core 3.6.0 → 3.8.0

package/dist/client/index.js

@@ -115,9 +115,7 @@ var QuickdrawSocketContext = React.createContext(null);
 function useQuickdrawSocket() {
   const context = React.useContext(QuickdrawSocketContext);
   if (!context) {
-    throw new Error(
-      "useQuickdrawSocket must be used within a QuickdrawProvider"
-    );
+    throw new Error("useQuickdrawSocket must be used within a QuickdrawProvider");
   }
   return context;
 }
@@ -141,7 +139,8 @@ function QuickdrawProvider({
   queryClient,
   authToken,
   autoConnect = !!authToken,
-  withCredentials = true
+  withCredentials = true,
+  socketPath
 }) {
   const [defaultQueryClient] = React.useState(() => createQueryClient());
   const actualQueryClient = queryClient ?? defaultQueryClient;
@@ -149,9 +148,7 @@ function QuickdrawProvider({
   const [isConnected, setIsConnected] = React.useState(false);
   const [userId, setUserId] = React.useState(null);
   const [serviceAccess, setServiceAccess] = React.useState({});
-  const subscriptionRegistryRef = React.useRef(
-    createSubscriptionRegistry()
-  );
+  const subscriptionRegistryRef = React.useRef(createSubscriptionRegistry());
   const prevAuthTokenRef = React.useRef(authToken);
   const socketRef = React.useRef(null);
   const subscriptionBatcherRef = React.useRef(
@@ -167,7 +164,8 @@ function QuickdrawProvider({
         auth: authToUse ? { token: authToUse } : void 0,
         withCredentials,
         transports: ["websocket", "polling"],
-        autoConnect: true
+        autoConnect: true,
+        ...socketPath ? { path: socketPath } : {}
       });
       newSocket.on("connect", () => {
         setIsConnected(true);
@@ -189,7 +187,7 @@ function QuickdrawProvider({
       socketRef.current = newSocket;
       setSocket(newSocket);
     },
-    [serverUrl, withCredentials]
+    [serverUrl, withCredentials, socketPath]
   );
   const disconnect = React.useCallback(() => {
     if (socketRef.current) {
@@ -259,18 +257,14 @@ function useService(serviceName, methodName, options) {
         const timeout = setTimeout(() => {
           reject(new Error("Request timeout"));
         }, options?.timeout ?? 1e4);
-        socket.emit(
-          eventName,
-          payload,
-          (response) => {
-            clearTimeout(timeout);
-            if (response.success) {
-              resolve(response.data);
-            } else {
-              reject(new Error(response.error));
-            }
+        socket.emit(eventName, payload, (response) => {
+          clearTimeout(timeout);
+          if (response.success) {
+            resolve(response.data);
+          } else {
+            reject(new Error(response.error));
           }
-        );
+        });
       });
     },
     onSuccess: (data) => {
@@ -334,24 +328,20 @@ function useServiceMethod(serviceName, methodName, options) {
           optionsRef.current?.onError?.(errorMsg);
           resolve(null);
         }, options?.timeout ?? 1e4);
-        socket.emit(
-          eventName,
-          payload,
-          (response) => {
-            clearTimeout(timeout);
-            setLoading(false);
-            if (response.success) {
-              setError(null);
-              setData(response.data);
-              optionsRef.current?.onSuccess?.(response.data);
-              resolve(response.data);
-            } else {
-              setError(response.error);
-              optionsRef.current?.onError?.(response.error);
-              resolve(null);
-            }
+        socket.emit(eventName, payload, (response) => {
+          clearTimeout(timeout);
+          setLoading(false);
+          if (response.success) {
+            setError(null);
+            setData(response.data);
+            optionsRef.current?.onSuccess?.(response.data);
+            resolve(response.data);
+          } else {
+            setError(response.error);
+            optionsRef.current?.onError?.(response.error);
+            resolve(null);
           }
-        );
+        });
       });
     },
     [socket, isConnected, serviceName, methodName, options?.timeout]
@@ -402,18 +392,14 @@ function useServiceQuery(serviceName, methodName, payload, options) {
       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.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(() => {
@@ -564,10 +550,7 @@ function useSubscription(serviceName, entryId, options = {}) {
     socket.on(updateEvent, handleUpdate);
     const handleBatchResponse = (response) => {
       if (response.success && response.data) {
-        queryClient.setQueryData(
-          queryKey,
-          response.data
-        );
+        queryClient.setQueryData(queryKey, response.data);
         setIsSubscribed(true);
         setError(null);
         onDataRef.current?.(response.data);
@@ -577,24 +560,14 @@ function useSubscription(serviceName, entryId, options = {}) {
         onErrorRef.current?.(response.error ?? "Subscription failed");
       }
     };
-    subscriptionBatcher.enqueue(
-      serviceName,
-      entryId,
-      requiredLevel,
-      handleBatchResponse
-    );
+    subscriptionBatcher.enqueue(serviceName, entryId, requiredLevel, handleBatchResponse);
     let visibilityDebounceTimer = null;
     const handleVisibilityChange = () => {
       if (document.visibilityState !== "visible") return;
       if (visibilityDebounceTimer) clearTimeout(visibilityDebounceTimer);
       visibilityDebounceTimer = setTimeout(() => {
         visibilityDebounceTimer = null;
-        subscriptionBatcher.enqueue(
-          serviceName,
-          entryId,
-          requiredLevel,
-          handleBatchResponse
-        );
+        subscriptionBatcher.enqueue(serviceName, entryId, requiredLevel, handleBatchResponse);
       }, 200);
     };
     if (refetchOnWindowFocus) {
@@ -693,6 +666,25 @@ function useRoomEvents(handlers, options) {
     };
   }, [socket, isConnected, enabled, stableEventNames]);
 }
+
+// src/shared/types.ts
+function channelEventName(serviceName, channelName) {
+  return `channel:${serviceName}:${channelName}`;
+}
+
+// src/client/useChannelSend.ts
+function useChannelSend(serviceName, channelName) {
+  const { socket, isConnected } = useQuickdrawSocket();
+  const eventName = channelEventName(serviceName, channelName);
+  const send = React.useCallback(
+    (payload) => {
+      if (!socket?.connected) return;
+      socket.volatile.emit(eventName, payload);
+    },
+    [socket, eventName]
+  );
+  return { send, isReady: isConnected && !!socket };
+}
 function useSocketInput(options) {
   const {
     state,
@@ -1223,6 +1215,6 @@ function routeRequiresAuth(pathname, navigation, userMenuItems) {
   return false;
 }
 
-export { QuickdrawProvider, SocketCheckbox, SocketSelect, SocketSlider, SocketSwitch, SocketTextField, buildBreadcrumbs, clearAuthToken, findNavItemByHref, findParentNavItem, formatCurrency, formatDate, formatDateTime, formatNumber, formatPercent, getAuthToken, getOAuthUrl, logout, logoutAllDevices, parseJWTPayload, routeRequiresAuth, setAuthToken, truncate, useQuickdrawSocket, useRoomEvents, useService, useServiceMethod, useServiceQuery, useSocketInput, useSubscription };
+export { QuickdrawProvider, SocketCheckbox, SocketSelect, SocketSlider, SocketSwitch, SocketTextField, buildBreadcrumbs, clearAuthToken, findNavItemByHref, findParentNavItem, formatCurrency, formatDate, formatDateTime, formatNumber, formatPercent, getAuthToken, getOAuthUrl, logout, logoutAllDevices, parseJWTPayload, routeRequiresAuth, setAuthToken, truncate, useChannelSend, useQuickdrawSocket, useRoomEvents, useService, useServiceMethod, useServiceQuery, useSocketInput, useSubscription };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map