@snapie/chat-client 0.1.0

package/dist/react.js

@@ -0,0 +1,124 @@
+'use strict';
+
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/react/index.tsx
+var ChatContext = react.createContext(null);
+function ChatProvider({ client, children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(ChatContext.Provider, { value: client, children });
+}
+function useChatClient() {
+  const client = react.useContext(ChatContext);
+  if (!client) throw new Error("useChatClient must be used inside <ChatProvider>");
+  return client;
+}
+function useConversations(clientOverride) {
+  const client = clientOverride ?? useChatClient();
+  const [conversations, setConversations] = react.useState([]);
+  const [loading, setLoading] = react.useState(true);
+  react.useEffect(() => {
+    let first = true;
+    const unsub = client.subscribeToConversations((convs) => {
+      setConversations(convs);
+      if (first) {
+        setLoading(false);
+        first = false;
+      }
+    });
+    return unsub;
+  }, [client]);
+  return { conversations, loading };
+}
+function useChatMessages(conversationId, type, clientOverride) {
+  const client = clientOverride ?? useChatClient();
+  const [messages, setMessages] = react.useState([]);
+  const [loading, setLoading] = react.useState(false);
+  const [error, setError] = react.useState(null);
+  react.useEffect(() => {
+    if (!conversationId || !client.isAuthenticated()) return;
+    setLoading(true);
+    setMessages([]);
+    setError(null);
+    let first = true;
+    const unsub = client.subscribeToMessages(conversationId, type, (msgs) => {
+      setMessages(msgs);
+      if (first) {
+        setLoading(false);
+        first = false;
+      }
+    });
+    return unsub;
+  }, [client, conversationId, type]);
+  const sendMessage = react.useCallback(
+    async (content, replyTo) => {
+      if (!conversationId) return;
+      try {
+        const { message } = await client.sendMessage(conversationId, type, content, replyTo);
+        setMessages((prev) => [...prev, message]);
+      } catch (e) {
+        setError(e instanceof Error ? e.message : "Send failed");
+      }
+    },
+    [client, conversationId, type]
+  );
+  const editMessage = react.useCallback(
+    async (messageId, content) => {
+      if (!conversationId) return;
+      const updated = await client.editMessage(conversationId, type, messageId, content);
+      setMessages((prev) => prev.map((m) => m._id === updated._id ? updated : m));
+    },
+    [client, conversationId, type]
+  );
+  return { messages, loading, error, sendMessage, editMessage };
+}
+function useUnreadCount(clientOverride) {
+  const client = clientOverride ?? useChatClient();
+  const [unreadCount, setUnreadCount] = react.useState(0);
+  react.useEffect(() => {
+    if (!client.isAuthenticated()) return;
+    const unsub = client.subscribeToUnreadCount(setUnreadCount);
+    return unsub;
+  }, [client]);
+  return { unreadCount };
+}
+function useTyping(conversationId, clientOverride) {
+  const client = clientOverride ?? useChatClient();
+  const [typingUsers, setTypingUsers] = react.useState([]);
+  const timerRef = react.useRef(null);
+  react.useEffect(() => {
+    if (!conversationId) return;
+    const interval = setInterval(async () => {
+      try {
+        const info = await client.getTyping(conversationId);
+        setTypingUsers(info.users);
+      } catch {
+      }
+    }, 3e3);
+    return () => clearInterval(interval);
+  }, [client, conversationId]);
+  const setTyping = react.useCallback(
+    (isTyping) => {
+      if (!conversationId) return;
+      client.setTyping(conversationId, isTyping).catch(() => {
+      });
+      if (isTyping) {
+        if (timerRef.current) clearTimeout(timerRef.current);
+        timerRef.current = setTimeout(() => {
+          client.setTyping(conversationId, false).catch(() => {
+          });
+        }, 5e3);
+      }
+    },
+    [client, conversationId]
+  );
+  return { typingUsers, setTyping };
+}
+
+exports.ChatProvider = ChatProvider;
+exports.useChatMessages = useChatMessages;
+exports.useConversations = useConversations;
+exports.useTyping = useTyping;
+exports.useUnreadCount = useUnreadCount;
+//# sourceMappingURL=react.js.map
+//# sourceMappingURL=react.js.map

package/dist/react.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/react/index.tsx"],"names":["createContext","useContext","useState","useEffect","useCallback","useRef"],"mappings":"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","file":"react.js","sourcesContent":["import {\n  createContext,\n  useContext,\n  useEffect,\n  useState,\n  useCallback,\n  useRef,\n  type ReactNode,\n} from 'react';\nimport { ChatClient } from '../client';\nimport type { Conversation, Message, TypingStatusInfo } from '../types';\n\n// ── Context ──────────────────────────────────────────────────────────────────\n\nconst ChatContext = createContext<ChatClient | null>(null);\n\ninterface ChatProviderProps {\n  client: ChatClient;\n  children: ReactNode;\n}\n\n/** Wrap your app (or the chat section) with this to access hooks without prop-drilling. */\nexport function ChatProvider({ client, children }: ChatProviderProps) {\n  return <ChatContext.Provider value={client}>{children}</ChatContext.Provider>;\n}\n\nfunction useChatClient(): ChatClient {\n  const client = useContext(ChatContext);\n  if (!client) throw new Error('useChatClient must be used inside <ChatProvider>');\n  return client;\n}\n\n// ── Hooks ─────────────────────────────────────────────────────────────────────\n\n/**\n * Subscribe to the live conversations list.\n *\n * @example\n * const { conversations, loading } = useConversations();\n */\nexport function useConversations(clientOverride?: ChatClient) {\n  const client = clientOverride ?? useChatClient();\n  const [conversations, setConversations] = useState<Conversation[]>([]);\n  const [loading, setLoading] = useState(true);\n\n  useEffect(() => {\n    let first = true;\n    const unsub = client.subscribeToConversations((convs) => {\n      setConversations(convs);\n      if (first) { setLoading(false); first = false; }\n    });\n    return unsub;\n  }, [client]);\n\n  return { conversations, loading };\n}\n\n/**\n * Subscribe to live messages for a conversation.\n * Handles initial load + polling automatically.\n *\n * @example\n * const { messages, loading, sendMessage } = useChatMessages(conv._id, conv.type);\n */\nexport function useChatMessages(\n  conversationId: string | null,\n  type: 'channel' | 'dm' | 'group',\n  clientOverride?: ChatClient\n) {\n  const client = clientOverride ?? useChatClient();\n  const [messages, setMessages] = useState<Message[]>([]);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  useEffect(() => {\n    if (!conversationId || !client.isAuthenticated()) return;\n    setLoading(true);\n    setMessages([]);\n    setError(null);\n\n    let first = true;\n    const unsub = client.subscribeToMessages(conversationId, type, (msgs) => {\n      setMessages(msgs);\n      if (first) { setLoading(false); first = false; }\n    });\n\n    return unsub;\n  }, [client, conversationId, type]);\n\n  const sendMessage = useCallback(\n    async (content: string, replyTo?: string) => {\n      if (!conversationId) return;\n      try {\n        const { message } = await client.sendMessage(conversationId, type, content, replyTo);\n        setMessages(prev => [...prev, message]);\n      } catch (e) {\n        setError(e instanceof Error ? e.message : 'Send failed');\n      }\n    },\n    [client, conversationId, type]\n  );\n\n  const editMessage = useCallback(\n    async (messageId: string, content: string) => {\n      if (!conversationId) return;\n      const updated = await client.editMessage(conversationId, type, messageId, content);\n      setMessages(prev => prev.map(m => m._id === updated._id ? updated : m));\n    },\n    [client, conversationId, type]\n  );\n\n  return { messages, loading, error, sendMessage, editMessage };\n}\n\n/**\n * Subscribe to the unread message count badge.\n *\n * @example\n * const { unreadCount } = useUnreadCount();\n */\nexport function useUnreadCount(clientOverride?: ChatClient) {\n  const client = clientOverride ?? useChatClient();\n  const [unreadCount, setUnreadCount] = useState(0);\n\n  useEffect(() => {\n    if (!client.isAuthenticated()) return;\n    const unsub = client.subscribeToUnreadCount(setUnreadCount);\n    return unsub;\n  }, [client]);\n\n  return { unreadCount };\n}\n\n/**\n * Typing indicator for a conversation.\n * Returns who is typing and exposes `setTyping` to broadcast your own state.\n *\n * @example\n * const { typingUsers, setTyping } = useTyping(conv._id);\n */\nexport function useTyping(conversationId: string | null, clientOverride?: ChatClient) {\n  const client = clientOverride ?? useChatClient();\n  const [typingUsers, setTypingUsers] = useState<string[]>([]);\n  const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  useEffect(() => {\n    if (!conversationId) return;\n    const interval = setInterval(async () => {\n      try {\n        const info: TypingStatusInfo = await client.getTyping(conversationId);\n        setTypingUsers(info.users);\n      } catch { /* */ }\n    }, 3000);\n    return () => clearInterval(interval);\n  }, [client, conversationId]);\n\n  const setTyping = useCallback(\n    (isTyping: boolean) => {\n      if (!conversationId) return;\n      client.setTyping(conversationId, isTyping).catch(() => { /* */ });\n\n      // Auto-clear after 5s so we don't leave stale typing state\n      if (isTyping) {\n        if (timerRef.current) clearTimeout(timerRef.current);\n        timerRef.current = setTimeout(() => {\n          client.setTyping(conversationId, false).catch(() => { /* */ });\n        }, 5000);\n      }\n    },\n    [client, conversationId]\n  );\n\n  return { typingUsers, setTyping };\n}\n\n// Re-export client type so consumers don't need a second import\nexport type { ChatClient };\n"]}

package/dist/react.mjs

@@ -0,0 +1,118 @@
+import { createContext, useState, useEffect, useCallback, useRef, useContext } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+// src/react/index.tsx
+var ChatContext = createContext(null);
+function ChatProvider({ client, children }) {
+  return /* @__PURE__ */ jsx(ChatContext.Provider, { value: client, children });
+}
+function useChatClient() {
+  const client = useContext(ChatContext);
+  if (!client) throw new Error("useChatClient must be used inside <ChatProvider>");
+  return client;
+}
+function useConversations(clientOverride) {
+  const client = clientOverride ?? useChatClient();
+  const [conversations, setConversations] = useState([]);
+  const [loading, setLoading] = useState(true);
+  useEffect(() => {
+    let first = true;
+    const unsub = client.subscribeToConversations((convs) => {
+      setConversations(convs);
+      if (first) {
+        setLoading(false);
+        first = false;
+      }
+    });
+    return unsub;
+  }, [client]);
+  return { conversations, loading };
+}
+function useChatMessages(conversationId, type, clientOverride) {
+  const client = clientOverride ?? useChatClient();
+  const [messages, setMessages] = useState([]);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+  useEffect(() => {
+    if (!conversationId || !client.isAuthenticated()) return;
+    setLoading(true);
+    setMessages([]);
+    setError(null);
+    let first = true;
+    const unsub = client.subscribeToMessages(conversationId, type, (msgs) => {
+      setMessages(msgs);
+      if (first) {
+        setLoading(false);
+        first = false;
+      }
+    });
+    return unsub;
+  }, [client, conversationId, type]);
+  const sendMessage = useCallback(
+    async (content, replyTo) => {
+      if (!conversationId) return;
+      try {
+        const { message } = await client.sendMessage(conversationId, type, content, replyTo);
+        setMessages((prev) => [...prev, message]);
+      } catch (e) {
+        setError(e instanceof Error ? e.message : "Send failed");
+      }
+    },
+    [client, conversationId, type]
+  );
+  const editMessage = useCallback(
+    async (messageId, content) => {
+      if (!conversationId) return;
+      const updated = await client.editMessage(conversationId, type, messageId, content);
+      setMessages((prev) => prev.map((m) => m._id === updated._id ? updated : m));
+    },
+    [client, conversationId, type]
+  );
+  return { messages, loading, error, sendMessage, editMessage };
+}
+function useUnreadCount(clientOverride) {
+  const client = clientOverride ?? useChatClient();
+  const [unreadCount, setUnreadCount] = useState(0);
+  useEffect(() => {
+    if (!client.isAuthenticated()) return;
+    const unsub = client.subscribeToUnreadCount(setUnreadCount);
+    return unsub;
+  }, [client]);
+  return { unreadCount };
+}
+function useTyping(conversationId, clientOverride) {
+  const client = clientOverride ?? useChatClient();
+  const [typingUsers, setTypingUsers] = useState([]);
+  const timerRef = useRef(null);
+  useEffect(() => {
+    if (!conversationId) return;
+    const interval = setInterval(async () => {
+      try {
+        const info = await client.getTyping(conversationId);
+        setTypingUsers(info.users);
+      } catch {
+      }
+    }, 3e3);
+    return () => clearInterval(interval);
+  }, [client, conversationId]);
+  const setTyping = useCallback(
+    (isTyping) => {
+      if (!conversationId) return;
+      client.setTyping(conversationId, isTyping).catch(() => {
+      });
+      if (isTyping) {
+        if (timerRef.current) clearTimeout(timerRef.current);
+        timerRef.current = setTimeout(() => {
+          client.setTyping(conversationId, false).catch(() => {
+          });
+        }, 5e3);
+      }
+    },
+    [client, conversationId]
+  );
+  return { typingUsers, setTyping };
+}
+
+export { ChatProvider, useChatMessages, useConversations, useTyping, useUnreadCount };
+//# sourceMappingURL=react.mjs.map
+//# sourceMappingURL=react.mjs.map

package/dist/react.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/react/index.tsx"],"names":[],"mappings":"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","file":"react.mjs","sourcesContent":["import {\n  createContext,\n  useContext,\n  useEffect,\n  useState,\n  useCallback,\n  useRef,\n  type ReactNode,\n} from 'react';\nimport { ChatClient } from '../client';\nimport type { Conversation, Message, TypingStatusInfo } from '../types';\n\n// ── Context ──────────────────────────────────────────────────────────────────\n\nconst ChatContext = createContext<ChatClient | null>(null);\n\ninterface ChatProviderProps {\n  client: ChatClient;\n  children: ReactNode;\n}\n\n/** Wrap your app (or the chat section) with this to access hooks without prop-drilling. */\nexport function ChatProvider({ client, children }: ChatProviderProps) {\n  return <ChatContext.Provider value={client}>{children}</ChatContext.Provider>;\n}\n\nfunction useChatClient(): ChatClient {\n  const client = useContext(ChatContext);\n  if (!client) throw new Error('useChatClient must be used inside <ChatProvider>');\n  return client;\n}\n\n// ── Hooks ─────────────────────────────────────────────────────────────────────\n\n/**\n * Subscribe to the live conversations list.\n *\n * @example\n * const { conversations, loading } = useConversations();\n */\nexport function useConversations(clientOverride?: ChatClient) {\n  const client = clientOverride ?? useChatClient();\n  const [conversations, setConversations] = useState<Conversation[]>([]);\n  const [loading, setLoading] = useState(true);\n\n  useEffect(() => {\n    let first = true;\n    const unsub = client.subscribeToConversations((convs) => {\n      setConversations(convs);\n      if (first) { setLoading(false); first = false; }\n    });\n    return unsub;\n  }, [client]);\n\n  return { conversations, loading };\n}\n\n/**\n * Subscribe to live messages for a conversation.\n * Handles initial load + polling automatically.\n *\n * @example\n * const { messages, loading, sendMessage } = useChatMessages(conv._id, conv.type);\n */\nexport function useChatMessages(\n  conversationId: string | null,\n  type: 'channel' | 'dm' | 'group',\n  clientOverride?: ChatClient\n) {\n  const client = clientOverride ?? useChatClient();\n  const [messages, setMessages] = useState<Message[]>([]);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  useEffect(() => {\n    if (!conversationId || !client.isAuthenticated()) return;\n    setLoading(true);\n    setMessages([]);\n    setError(null);\n\n    let first = true;\n    const unsub = client.subscribeToMessages(conversationId, type, (msgs) => {\n      setMessages(msgs);\n      if (first) { setLoading(false); first = false; }\n    });\n\n    return unsub;\n  }, [client, conversationId, type]);\n\n  const sendMessage = useCallback(\n    async (content: string, replyTo?: string) => {\n      if (!conversationId) return;\n      try {\n        const { message } = await client.sendMessage(conversationId, type, content, replyTo);\n        setMessages(prev => [...prev, message]);\n      } catch (e) {\n        setError(e instanceof Error ? e.message : 'Send failed');\n      }\n    },\n    [client, conversationId, type]\n  );\n\n  const editMessage = useCallback(\n    async (messageId: string, content: string) => {\n      if (!conversationId) return;\n      const updated = await client.editMessage(conversationId, type, messageId, content);\n      setMessages(prev => prev.map(m => m._id === updated._id ? updated : m));\n    },\n    [client, conversationId, type]\n  );\n\n  return { messages, loading, error, sendMessage, editMessage };\n}\n\n/**\n * Subscribe to the unread message count badge.\n *\n * @example\n * const { unreadCount } = useUnreadCount();\n */\nexport function useUnreadCount(clientOverride?: ChatClient) {\n  const client = clientOverride ?? useChatClient();\n  const [unreadCount, setUnreadCount] = useState(0);\n\n  useEffect(() => {\n    if (!client.isAuthenticated()) return;\n    const unsub = client.subscribeToUnreadCount(setUnreadCount);\n    return unsub;\n  }, [client]);\n\n  return { unreadCount };\n}\n\n/**\n * Typing indicator for a conversation.\n * Returns who is typing and exposes `setTyping` to broadcast your own state.\n *\n * @example\n * const { typingUsers, setTyping } = useTyping(conv._id);\n */\nexport function useTyping(conversationId: string | null, clientOverride?: ChatClient) {\n  const client = clientOverride ?? useChatClient();\n  const [typingUsers, setTypingUsers] = useState<string[]>([]);\n  const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  useEffect(() => {\n    if (!conversationId) return;\n    const interval = setInterval(async () => {\n      try {\n        const info: TypingStatusInfo = await client.getTyping(conversationId);\n        setTypingUsers(info.users);\n      } catch { /* */ }\n    }, 3000);\n    return () => clearInterval(interval);\n  }, [client, conversationId]);\n\n  const setTyping = useCallback(\n    (isTyping: boolean) => {\n      if (!conversationId) return;\n      client.setTyping(conversationId, isTyping).catch(() => { /* */ });\n\n      // Auto-clear after 5s so we don't leave stale typing state\n      if (isTyping) {\n        if (timerRef.current) clearTimeout(timerRef.current);\n        timerRef.current = setTimeout(() => {\n          client.setTyping(conversationId, false).catch(() => { /* */ });\n        }, 5000);\n      }\n    },\n    [client, conversationId]\n  );\n\n  return { typingUsers, setTyping };\n}\n\n// Re-export client type so consumers don't need a second import\nexport type { ChatClient };\n"]}

package/package.json

@@ -0,0 +1,64 @@
+{
+  "name": "@snapie/chat-client",
+  "version": "0.1.0",
+  "description": "Hive-authenticated chat client SDK for Snapie — DMs, channels, groups, and real-time subscriptions",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./react": {
+      "types": "./dist/react.d.ts",
+      "import": "./dist/react.mjs",
+      "require": "./dist/react.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "typecheck": "tsc --noEmit"
+  },
+  "keywords": [
+    "hive",
+    "blockchain",
+    "chat",
+    "sdk",
+    "snapie",
+    "messaging",
+    "dm",
+    "channels"
+  ],
+  "author": "Mantequilla-Soft",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Mantequilla-Soft/snapie-io"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "react-dom": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@types/react": "^18",
+    "tsup": "^8.5.1",
+    "typescript": "^5"
+  }
+}