yemowith-chat-web-ui 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (71) hide show
  1. package/README.md +153 -0
  2. package/dist/components/bot-chat-modal.d.ts +12 -0
  3. package/dist/components/bot-chat-modal.d.ts.map +1 -0
  4. package/dist/components/bot-chat-modal.js +18 -0
  5. package/dist/components/chat-area-header.d.ts +11 -0
  6. package/dist/components/chat-area-header.d.ts.map +1 -0
  7. package/dist/components/chat-area-header.js +28 -0
  8. package/dist/components/chat-empty-state.d.ts +13 -0
  9. package/dist/components/chat-empty-state.d.ts.map +1 -0
  10. package/dist/components/chat-empty-state.js +12 -0
  11. package/dist/components/chat-input-form.d.ts +12 -0
  12. package/dist/components/chat-input-form.d.ts.map +1 -0
  13. package/dist/components/chat-input-form.js +7 -0
  14. package/dist/components/chat-message-list.d.ts +12 -0
  15. package/dist/components/chat-message-list.d.ts.map +1 -0
  16. package/dist/components/chat-message-list.js +38 -0
  17. package/dist/components/chat-page-header.d.ts +22 -0
  18. package/dist/components/chat-page-header.d.ts.map +1 -0
  19. package/dist/components/chat-page-header.js +10 -0
  20. package/dist/components/chat-sidebar.d.ts +18 -0
  21. package/dist/components/chat-sidebar.d.ts.map +1 -0
  22. package/dist/components/chat-sidebar.js +27 -0
  23. package/dist/components/chat-typing-status.d.ts +8 -0
  24. package/dist/components/chat-typing-status.d.ts.map +1 -0
  25. package/dist/components/chat-typing-status.js +11 -0
  26. package/dist/components/message-bubble.d.ts +7 -0
  27. package/dist/components/message-bubble.d.ts.map +1 -0
  28. package/dist/components/message-bubble.js +11 -0
  29. package/dist/components/types.d.ts +33 -0
  30. package/dist/components/types.d.ts.map +1 -0
  31. package/dist/components/types.js +2 -0
  32. package/dist/components/ui/avatar.d.ts +9 -0
  33. package/dist/components/ui/avatar.d.ts.map +1 -0
  34. package/dist/components/ui/avatar.js +14 -0
  35. package/dist/components/ui/button.d.ts +11 -0
  36. package/dist/components/ui/button.d.ts.map +1 -0
  37. package/dist/components/ui/button.js +35 -0
  38. package/dist/components/ui/card.d.ts +10 -0
  39. package/dist/components/ui/card.d.ts.map +1 -0
  40. package/dist/components/ui/card.js +24 -0
  41. package/dist/components/ui/input.d.ts +4 -0
  42. package/dist/components/ui/input.d.ts.map +1 -0
  43. package/dist/components/ui/input.js +6 -0
  44. package/dist/components/ui/scroll-area.d.ts +6 -0
  45. package/dist/components/ui/scroll-area.d.ts.map +1 -0
  46. package/dist/components/ui/scroll-area.js +11 -0
  47. package/dist/hooks/use-chat-socket.d.ts +59 -0
  48. package/dist/hooks/use-chat-socket.d.ts.map +1 -0
  49. package/dist/hooks/use-chat-socket.js +175 -0
  50. package/dist/index.d.ts +21 -0
  51. package/dist/index.d.ts.map +1 -0
  52. package/dist/index.js +19 -0
  53. package/dist/lib/chat-api.d.ts +13 -0
  54. package/dist/lib/chat-api.d.ts.map +1 -0
  55. package/dist/lib/chat-api.js +57 -0
  56. package/dist/lib/chat-config.d.ts +7 -0
  57. package/dist/lib/chat-config.d.ts.map +1 -0
  58. package/dist/lib/chat-config.js +18 -0
  59. package/dist/lib/notification-sound.d.ts +6 -0
  60. package/dist/lib/notification-sound.d.ts.map +1 -0
  61. package/dist/lib/notification-sound.js +28 -0
  62. package/dist/lib/utils.d.ts +3 -0
  63. package/dist/lib/utils.d.ts.map +1 -0
  64. package/dist/lib/utils.js +5 -0
  65. package/dist/provider/chat-provider.d.ts +70 -0
  66. package/dist/provider/chat-provider.d.ts.map +1 -0
  67. package/dist/provider/chat-provider.js +64 -0
  68. package/dist/provider/types.d.ts +6 -0
  69. package/dist/provider/types.d.ts.map +1 -0
  70. package/dist/provider/types.js +1 -0
  71. package/package.json +54 -0
@@ -0,0 +1 @@
1
+ {"version":3,"file":"chat-provider.d.ts","sourceRoot":"","sources":["../../src/provider/chat-provider.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,64 @@
1
+ "use client";
2
+ import { jsx as _jsx } from "react/jsx-runtime";
3
+ import { createContext, useContext, useMemo, } from "react";
4
+ import { useChatSocket } from "../hooks/use-chat-socket";
5
+ import { setChatConfig } from "../lib/chat-config";
6
+ const ChatContext = createContext(null);
7
+ export function ChatProvider({ children, token, userId, profile, isReady = false, onLogout, userIdOverride, metadataOverride, apiBaseUrl, wsUrl, }) {
8
+ if (apiBaseUrl !== undefined || wsUrl !== undefined) {
9
+ setChatConfig({ apiBaseUrl, wsUrl });
10
+ }
11
+ const effectiveUserId = userIdOverride ?? userId;
12
+ const effectiveProfile = metadataOverride ?? profile;
13
+ const { connected, lastError, typing, userStatus, onlineUserIds, requestPresence, sendTyping, sendTypingStop, sendStatus, sendMessage, markRead, setOnNewMessage, setOnMessageDelivered, setOnMessageRead, setCurrentConversationId, } = useChatSocket(token, effectiveProfile, onLogout, effectiveUserId);
14
+ const value = useMemo(() => ({
15
+ token,
16
+ userId: effectiveUserId,
17
+ profile: effectiveProfile,
18
+ isReady,
19
+ connected,
20
+ lastError,
21
+ typing,
22
+ userStatus,
23
+ sendMessage,
24
+ sendTyping,
25
+ sendTypingStop,
26
+ sendStatus,
27
+ markRead,
28
+ setOnNewMessage,
29
+ setOnMessageDelivered,
30
+ setOnMessageRead,
31
+ setCurrentConversationId,
32
+ onlineUserIds,
33
+ requestPresence,
34
+ logout: onLogout,
35
+ }), [
36
+ token,
37
+ effectiveUserId,
38
+ effectiveProfile,
39
+ isReady,
40
+ connected,
41
+ lastError,
42
+ typing,
43
+ userStatus,
44
+ onlineUserIds,
45
+ requestPresence,
46
+ sendMessage,
47
+ sendTyping,
48
+ sendTypingStop,
49
+ sendStatus,
50
+ markRead,
51
+ setOnNewMessage,
52
+ setOnMessageDelivered,
53
+ setOnMessageRead,
54
+ setCurrentConversationId,
55
+ onLogout,
56
+ ]);
57
+ return _jsx(ChatContext.Provider, { value: value, children: children });
58
+ }
59
+ export function useChat() {
60
+ const ctx = useContext(ChatContext);
61
+ if (!ctx)
62
+ throw new Error("useChat must be used within ChatProvider");
63
+ return ctx;
64
+ }
@@ -0,0 +1,6 @@
1
+ export type Profile = {
2
+ firstName: string;
3
+ lastName?: string;
4
+ avatarURL?: string;
5
+ };
6
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/provider/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,OAAO,GAAG;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC"}
@@ -0,0 +1 @@
1
+ export {};
package/package.json ADDED
@@ -0,0 +1,54 @@
1
+ {
2
+ "name": "yemowith-chat-web-ui",
3
+ "publishConfig": {
4
+ "access": "public"
5
+ },
6
+ "version": "0.1.0",
7
+ "private": false,
8
+ "main": "dist/index.js",
9
+ "module": "dist/index.js",
10
+ "types": "dist/index.d.ts",
11
+ "license": "MIT",
12
+ "repository": {
13
+ "type": "git",
14
+ "url": "git+https://github.com/yemowith/yemowith-chat-web-ui.git"
15
+ },
16
+ "homepage": "https://github.com/yemowith/yemowith-chat-web-ui#readme",
17
+ "bugs": {
18
+ "url": "https://github.com/yemowith/yemowith-chat-web-ui/issues"
19
+ },
20
+ "exports": {
21
+ ".": {
22
+ "types": "./dist/index.d.ts",
23
+ "import": "./dist/index.js",
24
+ "default": "./dist/index.js"
25
+ }
26
+ },
27
+ "files": [
28
+ "dist"
29
+ ],
30
+ "scripts": {
31
+ "build": "tsc",
32
+ "prepare": "npm run build"
33
+ },
34
+ "peerDependencies": {
35
+ "react": ">=18.0.0",
36
+ "react-dom": ">=18.0.0"
37
+ },
38
+ "dependencies": {
39
+ "class-variance-authority": "^0.7.1",
40
+ "clsx": "^2.1.1",
41
+ "jose": "^6.1.3",
42
+ "socket.io-client": "^4.8.3",
43
+ "tailwind-merge": "^3.5.0",
44
+ "radix-ui": "^1.4.3"
45
+ },
46
+ "devDependencies": {
47
+ "@types/node": "^20.0.0",
48
+ "@types/react": "^19.0.0",
49
+ "@types/react-dom": "^19.0.0",
50
+ "react": "^19.0.0",
51
+ "react-dom": "^19.0.0",
52
+ "typescript": "^5.0.0"
53
+ }
54
+ }