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.
- package/README.md +153 -0
- package/dist/components/bot-chat-modal.d.ts +12 -0
- package/dist/components/bot-chat-modal.d.ts.map +1 -0
- package/dist/components/bot-chat-modal.js +18 -0
- package/dist/components/chat-area-header.d.ts +11 -0
- package/dist/components/chat-area-header.d.ts.map +1 -0
- package/dist/components/chat-area-header.js +28 -0
- package/dist/components/chat-empty-state.d.ts +13 -0
- package/dist/components/chat-empty-state.d.ts.map +1 -0
- package/dist/components/chat-empty-state.js +12 -0
- package/dist/components/chat-input-form.d.ts +12 -0
- package/dist/components/chat-input-form.d.ts.map +1 -0
- package/dist/components/chat-input-form.js +7 -0
- package/dist/components/chat-message-list.d.ts +12 -0
- package/dist/components/chat-message-list.d.ts.map +1 -0
- package/dist/components/chat-message-list.js +38 -0
- package/dist/components/chat-page-header.d.ts +22 -0
- package/dist/components/chat-page-header.d.ts.map +1 -0
- package/dist/components/chat-page-header.js +10 -0
- package/dist/components/chat-sidebar.d.ts +18 -0
- package/dist/components/chat-sidebar.d.ts.map +1 -0
- package/dist/components/chat-sidebar.js +27 -0
- package/dist/components/chat-typing-status.d.ts +8 -0
- package/dist/components/chat-typing-status.d.ts.map +1 -0
- package/dist/components/chat-typing-status.js +11 -0
- package/dist/components/message-bubble.d.ts +7 -0
- package/dist/components/message-bubble.d.ts.map +1 -0
- package/dist/components/message-bubble.js +11 -0
- package/dist/components/types.d.ts +33 -0
- package/dist/components/types.d.ts.map +1 -0
- package/dist/components/types.js +2 -0
- package/dist/components/ui/avatar.d.ts +9 -0
- package/dist/components/ui/avatar.d.ts.map +1 -0
- package/dist/components/ui/avatar.js +14 -0
- package/dist/components/ui/button.d.ts +11 -0
- package/dist/components/ui/button.d.ts.map +1 -0
- package/dist/components/ui/button.js +35 -0
- package/dist/components/ui/card.d.ts +10 -0
- package/dist/components/ui/card.d.ts.map +1 -0
- package/dist/components/ui/card.js +24 -0
- package/dist/components/ui/input.d.ts +4 -0
- package/dist/components/ui/input.d.ts.map +1 -0
- package/dist/components/ui/input.js +6 -0
- package/dist/components/ui/scroll-area.d.ts +6 -0
- package/dist/components/ui/scroll-area.d.ts.map +1 -0
- package/dist/components/ui/scroll-area.js +11 -0
- package/dist/hooks/use-chat-socket.d.ts +59 -0
- package/dist/hooks/use-chat-socket.d.ts.map +1 -0
- package/dist/hooks/use-chat-socket.js +175 -0
- package/dist/index.d.ts +21 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +19 -0
- package/dist/lib/chat-api.d.ts +13 -0
- package/dist/lib/chat-api.d.ts.map +1 -0
- package/dist/lib/chat-api.js +57 -0
- package/dist/lib/chat-config.d.ts +7 -0
- package/dist/lib/chat-config.d.ts.map +1 -0
- package/dist/lib/chat-config.js +18 -0
- package/dist/lib/notification-sound.d.ts +6 -0
- package/dist/lib/notification-sound.d.ts.map +1 -0
- package/dist/lib/notification-sound.js +28 -0
- package/dist/lib/utils.d.ts +3 -0
- package/dist/lib/utils.d.ts.map +1 -0
- package/dist/lib/utils.js +5 -0
- package/dist/provider/chat-provider.d.ts +70 -0
- package/dist/provider/chat-provider.d.ts.map +1 -0
- package/dist/provider/chat-provider.js +64 -0
- package/dist/provider/types.d.ts +6 -0
- package/dist/provider/types.d.ts.map +1 -0
- package/dist/provider/types.js +1 -0
- 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":"AAEA,OAAO,EAIL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,EAAiB,KAAK,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAG3E,YAAY,EAAE,OAAO,EAAE,CAAC;AACxB,YAAY,EAAE,WAAW,EAAE,CAAC;AAE5B,KAAK,aAAa,GAAG;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;CAC/B,CAAC;AAEF,KAAK,iBAAiB,GAAG;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,KAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,OAAO,EAAE,OAAO,GAAG,IAAI,CAAC;IACxB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,MAAM,EAAE,aAAa,GAAG,IAAI,CAAC;IAC7B,UAAU,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACrC,WAAW,EAAE,CAAC,MAAM,EAAE;QACpB,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,OAAO,EAAE,MAAM,CAAC;QAChB,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,KAAK,IAAI,CAAC;IACX,UAAU,EAAE,CAAC,IAAI,EAAE;QAAE,cAAc,CAAC,EAAE,MAAM,CAAC;QAAC,cAAc,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACjF,cAAc,EAAE,CAAC,IAAI,EAAE;QAAE,cAAc,CAAC,EAAE,MAAM,CAAC;QAAC,cAAc,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACrF,UAAU,EAAE,CAAC,IAAI,EAAE;QACjB,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,MAAM,EAAE,MAAM,CAAC;KAChB,KAAK,IAAI,CAAC;IACX,QAAQ,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,eAAe,EAAE,CAAC,EAAE,EAAE,CAAC,GAAG,EAAE,WAAW,KAAK,IAAI,KAAK,IAAI,CAAC;IAC1D,qBAAqB,EAAE,CAAC,EAAE,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,KAAK,IAAI,CAAC;IACjE,gBAAgB,EAAE,CAAC,EAAE,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,IAAI,KAAK,IAAI,CAAC;IAC/D,wBAAwB,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACtD,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACvC,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC7C,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB,CAAC;AAIF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,OAAO,EAAE,OAAO,GAAG,IAAI,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,gBAAgB,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAClC,+EAA+E;IAC/E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0EAA0E;IAC1E,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,KAAK,EACL,MAAM,EACN,OAAO,EACP,OAAe,EACf,QAAQ,EACR,cAAc,EACd,gBAAgB,EAChB,UAAU,EACV,KAAK,GACN,EAAE,iBAAiB,2CA0EnB;AAED,wBAAgB,OAAO,IAAI,gBAAgB,CAI1C"}
|
|
@@ -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 @@
|
|
|
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
|
+
}
|