@sudobility/wildduck_client 2.3.0 → 2.3.1

package/README.md

@@ -9,8 +9,10 @@ TypeScript client library for the WildDuck email API with React and React Native
 
 - ✅ **Complete Type Safety** - Full TypeScript support with comprehensive type definitions
 - ✅ **React Integration** - Built-in hooks using @tanstack/react-query for optimal data fetching
+- ✅ **Real-time WebSocket Support** - Optional WebSocket connections for instant updates (v2.3.0+)
 - ✅ **Crypto Authentication** - SIWE (Sign-in with Ethereum) and traditional password authentication
 - ✅ **Comprehensive API** - User, mailbox, message, address, filter, and autoreply management
+- ✅ **React Native Compatible** - Works seamlessly in both React JS and React Native (0.64+)
 - ✅ **Development Mode** - Mock data for testing without a live server
 - ✅ **Integration Tests** - Full test coverage with real WildDuck server testing
 - ✅ **Cloudflare Worker Support** - Optional worker URL configuration for proxying requests
@@ -216,6 +218,50 @@ See [docs/GAP_ANALYSIS.md](./docs/GAP_ANALYSIS.md) for a comprehensive breakdown
 
 For detailed documentation on all hooks, see [docs/HOOKS_DOCUMENTATION.md](./docs/HOOKS_DOCUMENTATION.md).
 
+## WebSocket Real-time Support
+
+Since v2.3.0, all hooks support optional WebSocket connections for real-time updates.
+
+### Quick Start
+
+```tsx
+import { WebSocketProvider } from '@sudobility/wildduck_client';
+
+function App() {
+  return (
+    <WebSocketProvider
+      enabled={true}
+      config={{ url: 'ws://your-server.com/ws' }}
+    >
+      <YourApp />
+    </WebSocketProvider>
+  );
+}
+
+// Enable WebSocket in any hook
+const { mailboxes } = useWildduckMailboxes(
+  networkClient,
+  config,
+  wildduckUserAuth,
+  false,
+  { enableWebSocket: true } // ← Enable real-time updates
+);
+```
+
+### Features
+
+- **Automatic reconnection** with exponential backoff
+- **Per-user connections** - one WebSocket per authenticated user
+- **Seamless fallback** to REST API if WebSocket unavailable
+- **React Query integration** - automatic cache updates
+- **Event-driven updates** - mailboxes, messages, filters, settings, autoreply
+
+### Documentation
+
+- **[Complete WebSocket Guide](./docs/WEBSOCKET.md)** - Setup, configuration, API reference
+- **[Usage Examples](./docs/examples/WEBSOCKET_EXAMPLES.md)** - Real-world code examples
+- **[React Native Compatibility](./docs/REACT_NATIVE_COMPATIBILITY.md)** - Mobile support guide
+
 ## Development
 
 ### Setup

package/dist/components/WebSocketStatus.d.ts

@@ -0,0 +1,26 @@
+import React from "react";
+import type { WildduckUserAuth } from "@sudobility/types";
+import type { ConnectionState } from "../websocket/types";
+export interface WebSocketStatusProps {
+    wildduckUserAuth: WildduckUserAuth | null;
+    showReconnectCount?: boolean;
+    showDetails?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+    renderStatus?: (state: ConnectionState, reconnectAttempt: number) => React.ReactNode;
+}
+export declare function WebSocketStatus({ wildduckUserAuth, showReconnectCount, showDetails, className, style, renderStatus, }: WebSocketStatusProps): React.ReactElement | null;
+export interface WebSocketStatusBadgeProps {
+    wildduckUserAuth: WildduckUserAuth | null;
+    size?: number;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare function WebSocketStatusBadge({ wildduckUserAuth, size, className, style, }: WebSocketStatusBadgeProps): React.ReactElement | null;
+export interface WebSocketStatsProps {
+    wildduckUserAuth: WildduckUserAuth | null;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare function WebSocketStats({ wildduckUserAuth, className, style, }: WebSocketStatsProps): React.ReactElement | null;
+//# sourceMappingURL=WebSocketStatus.d.ts.map

package/dist/components/WebSocketStatus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WebSocketStatus.d.ts","sourceRoot":"","sources":["../../src/components/WebSocketStatus.tsx"],"names":[],"mappings":"AAOA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAE1D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,MAAM,WAAW,oBAAoB;IAEnC,gBAAgB,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAG1C,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAG7B,WAAW,CAAC,EAAE,OAAO,CAAC;IAGtB,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAG5B,YAAY,CAAC,EAAE,CACb,KAAK,EAAE,eAAe,EACtB,gBAAgB,EAAE,MAAM,KACrB,KAAK,CAAC,SAAS,CAAC;CACtB;AAUD,wBAAgB,eAAe,CAAC,EAC9B,gBAAgB,EAChB,kBAAyB,EACzB,WAAmB,EACnB,SAAc,EACd,KAAK,EACL,YAAY,GACb,EAAE,oBAAoB,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CAwJlD;AAKD,MAAM,WAAW,yBAAyB;IACxC,gBAAgB,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,wBAAgB,oBAAoB,CAAC,EACnC,gBAAgB,EAChB,IAAQ,EACR,SAAc,EACd,KAAK,GACN,EAAE,yBAAyB,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CAyDvD;AAKD,MAAM,WAAW,mBAAmB;IAClC,gBAAgB,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,wBAAgB,cAAc,CAAC,EAC7B,gBAAgB,EAChB,SAAc,EACd,KAAK,GACN,EAAE,mBAAmB,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CA+DjD"}

package/dist/components/WebSocketStatus.js

@@ -0,0 +1,187 @@
+import React, { useEffect, useState } from "react";
+import { useWebSocket } from "../websocket/useWebSocket";
+export function WebSocketStatus({ wildduckUserAuth, showReconnectCount = true, showDetails = false, className = "", style, renderStatus, }) {
+    const wsContext = useWebSocket();
+    const [connectionState, setConnectionState] = useState("disconnected");
+    const [reconnectAttempt, setReconnectAttempt] = useState(0);
+    const [reconnectDelay, setReconnectDelay] = useState(0);
+    const [lastError, setLastError] = useState(null);
+    useEffect(() => {
+        if (!wsContext || !wildduckUserAuth) {
+            return;
+        }
+        const client = wsContext.getClient(wildduckUserAuth);
+        if (!client) {
+            return;
+        }
+        setConnectionState(client.state);
+        setReconnectAttempt(client.reconnectAttempt);
+        const handleStateChange = (_oldState, newState) => {
+            setConnectionState(newState);
+            if (newState === "connected") {
+                setLastError(null);
+                setReconnectAttempt(0);
+            }
+        };
+        const handleReconnecting = (attempt, delay) => {
+            setReconnectAttempt(attempt);
+            setReconnectDelay(delay);
+        };
+        const handleError = (error) => {
+            setLastError(error.message);
+        };
+        client.on("stateChange", handleStateChange);
+        client.on("reconnecting", handleReconnecting);
+        client.on("error", handleError);
+        return () => {
+            client.off("stateChange", handleStateChange);
+            client.off("reconnecting", handleReconnecting);
+            client.off("error", handleError);
+        };
+    }, [wsContext, wildduckUserAuth]);
+    if (!wsContext || !wildduckUserAuth) {
+        return null;
+    }
+    if (renderStatus) {
+        return React.createElement(React.Fragment, null, renderStatus(connectionState, reconnectAttempt));
+    }
+    const statusConfig = {
+        disconnected: { color: "#6c757d", text: "Offline", emoji: "⚫" },
+        connecting: { color: "#ffc107", text: "Connecting...", emoji: "🟡" },
+        connected: { color: "#28a745", text: "Live", emoji: "🟢" },
+        reconnecting: {
+            color: "#fd7e14",
+            text: "Reconnecting...",
+            emoji: "🟠",
+        },
+        disconnecting: { color: "#dc3545", text: "Disconnecting...", emoji: "🔴" },
+    };
+    const { color, text } = statusConfig[connectionState];
+    return (React.createElement("div", { className: `websocket-status ${className}`, style: {
+            display: "flex",
+            alignItems: "center",
+            gap: "8px",
+            padding: "4px 12px",
+            borderRadius: "16px",
+            backgroundColor: "rgba(0, 0, 0, 0.05)",
+            fontSize: "14px",
+            ...style,
+        } },
+        React.createElement("span", { className: "status-dot", style: {
+                display: "inline-block",
+                width: "8px",
+                height: "8px",
+                borderRadius: "50%",
+                backgroundColor: color,
+            }, title: text }),
+        React.createElement("span", { className: "status-text", style: { fontWeight: 500 } }, text),
+        showReconnectCount &&
+            connectionState === "reconnecting" &&
+            reconnectAttempt > 0 && (React.createElement("span", { className: "reconnect-info", style: { fontSize: "12px", color: "#6c757d" } },
+            "(attempt ",
+            reconnectAttempt,
+            ")")),
+        showDetails && (React.createElement("div", { className: "status-details", style: {
+                fontSize: "12px",
+                color: "#6c757d",
+                marginLeft: "8px",
+            } },
+            connectionState === "reconnecting" && reconnectDelay > 0 && (React.createElement("span", null,
+                "Retry in ",
+                Math.round(reconnectDelay / 1000),
+                "s")),
+            lastError && connectionState !== "connected" && (React.createElement("span", { title: lastError }, " | Error"))))));
+}
+export function WebSocketStatusBadge({ wildduckUserAuth, size = 8, className = "", style, }) {
+    const wsContext = useWebSocket();
+    const [connectionState, setConnectionState] = useState("disconnected");
+    useEffect(() => {
+        if (!wsContext || !wildduckUserAuth) {
+            return;
+        }
+        const client = wsContext.getClient(wildduckUserAuth);
+        if (!client) {
+            return;
+        }
+        setConnectionState(client.state);
+        const handleStateChange = (_oldState, newState) => {
+            setConnectionState(newState);
+        };
+        client.on("stateChange", handleStateChange);
+        return () => {
+            client.off("stateChange", handleStateChange);
+        };
+    }, [wsContext, wildduckUserAuth]);
+    if (!wsContext || !wildduckUserAuth) {
+        return null;
+    }
+    const colorMap = {
+        disconnected: "#6c757d",
+        connecting: "#ffc107",
+        connected: "#28a745",
+        reconnecting: "#fd7e14",
+        disconnecting: "#dc3545",
+    };
+    return (React.createElement("span", { className: `websocket-status-badge ${className}`, style: {
+            display: "inline-block",
+            width: `${size}px`,
+            height: `${size}px`,
+            borderRadius: "50%",
+            backgroundColor: colorMap[connectionState],
+            ...style,
+        }, title: connectionState }));
+}
+export function WebSocketStats({ wildduckUserAuth, className = "", style, }) {
+    const wsContext = useWebSocket();
+    const [stats, setStats] = useState({
+        state: "disconnected",
+        reconnectAttempt: 0,
+        subscriptions: 0,
+    });
+    useEffect(() => {
+        if (!wsContext || !wildduckUserAuth) {
+            return;
+        }
+        const client = wsContext.getClient(wildduckUserAuth);
+        if (!client) {
+            return;
+        }
+        const updateStats = () => {
+            setStats({
+                state: client.state,
+                reconnectAttempt: client.reconnectAttempt,
+                subscriptions: client.subscriptions.size,
+            });
+        };
+        updateStats();
+        const handleStateChange = () => updateStats();
+        const handleReconnecting = () => updateStats();
+        client.on("stateChange", handleStateChange);
+        client.on("reconnecting", handleReconnecting);
+        return () => {
+            client.off("stateChange", handleStateChange);
+            client.off("reconnecting", handleReconnecting);
+        };
+    }, [wsContext, wildduckUserAuth]);
+    if (!wsContext || !wildduckUserAuth) {
+        return null;
+    }
+    return (React.createElement("div", { className: `websocket-stats ${className}`, style: {
+            padding: "8px",
+            fontSize: "12px",
+            fontFamily: "monospace",
+            backgroundColor: "rgba(0, 0, 0, 0.05)",
+            borderRadius: "4px",
+            ...style,
+        } },
+        React.createElement("div", null,
+            "State: ",
+            stats.state),
+        React.createElement("div", null,
+            "Subscriptions: ",
+            stats.subscriptions),
+        stats.reconnectAttempt > 0 && (React.createElement("div", null,
+            "Reconnect attempts: ",
+            stats.reconnectAttempt))));
+}
+//# sourceMappingURL=WebSocketStatus.js.map

package/dist/components/WebSocketStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WebSocketStatus.js","sourceRoot":"","sources":["../../src/components/WebSocketStatus.tsx"],"names":[],"mappings":"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"}

package/dist/components/index.d.ts

@@ -0,0 +1,2 @@
+export { WebSocketStatus, WebSocketStatusBadge, WebSocketStats, type WebSocketStatusProps, type WebSocketStatusBadgeProps, type WebSocketStatsProps, } from "./WebSocketStatus";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAMA,OAAO,EACL,eAAe,EACf,oBAAoB,EACpB,cAAc,EACd,KAAK,oBAAoB,EACzB,KAAK,yBAAyB,EAC9B,KAAK,mBAAmB,GACzB,MAAM,mBAAmB,CAAC"}

package/dist/components/index.js

@@ -0,0 +1,2 @@
+export { WebSocketStatus, WebSocketStatusBadge, WebSocketStats, } from "./WebSocketStatus";
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAMA,OAAO,EACL,eAAe,EACf,oBAAoB,EACpB,cAAc,GAIf,MAAM,mBAAmB,CAAC"}

package/dist/index.d.ts

@@ -2,4 +2,5 @@ export * from "./utils";
 export * from "./hooks";
 export * from "./network";
 export * from "./websocket";
+export * from "./components";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AASA,cAAc,SAAS,CAAC;AAGxB,cAAc,SAAS,CAAC;AAGxB,cAAc,WAAW,CAAC;AAG1B,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AASA,cAAc,SAAS,CAAC;AAGxB,cAAc,SAAS,CAAC;AAGxB,cAAc,WAAW,CAAC;AAG1B,cAAc,aAAa,CAAC;AAG5B,cAAc,cAAc,CAAC"}

package/dist/index.js

@@ -2,4 +2,5 @@ export * from "./utils";
 export * from "./hooks";
 export * from "./network";
 export * from "./websocket";
+export * from "./components";
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AASA,cAAc,SAAS,CAAC;AAGxB,cAAc,SAAS,CAAC;AAGxB,cAAc,WAAW,CAAC;AAG1B,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AASA,cAAc,SAAS,CAAC;AAGxB,cAAc,SAAS,CAAC;AAGxB,cAAc,WAAW,CAAC;AAG1B,cAAc,aAAa,CAAC;AAG5B,cAAc,cAAc,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sudobility/wildduck_client",
-  "version": "2.3.0",
+  "version": "2.3.1",
   "description": "React and React Native compatible client library for WildDuck email API with TypeScript support",
   "type": "module",
   "main": "dist/index.js",