@webinex/chatify 2.0.1-alpha1 → 2.0.2-alpha2
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/dist/css/chatify.css +111 -12
- package/dist/esm/index.js +2 -2
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/core/api/api.d.ts +10784 -232
- package/dist/esm/types/core/api/baseApi.d.ts +1 -1
- package/dist/esm/types/ui/Conversation/Conversation.d.ts +2 -0
- package/dist/esm/types/ui/Conversation/ConversationContext.d.ts +2 -0
- package/dist/esm/types/ui/Conversation/InputBox/InputBoxFile.d.ts +8 -0
- package/dist/esm/types/ui/Conversation/InputBox/InputBoxFileList.d.ts +8 -0
- package/dist/esm/types/ui/Conversation/InputBox/InputFilesBox.d.ts +11 -1
- package/dist/esm/types/ui/Conversation/InputBox/InputSubmitButtonBox.d.ts +2 -0
- package/dist/esm/types/ui/Conversation/InputBox/InputTextBox.d.ts +1 -0
- package/dist/esm/types/ui/Conversation/InputBox/index.d.ts +8 -1
- package/dist/esm/types/ui/Conversation/Message/MessageFile.d.ts +6 -0
- package/dist/esm/types/ui/Conversation/Message/MessageFileList.d.ts +3 -0
- package/dist/esm/types/ui/Conversation/Message/index.d.ts +6 -0
- package/dist/esm/types/ui/common/Icon.d.ts +2 -0
- package/dist/esm/types/ui/customize.d.ts +2 -2
- package/dist/esm/types/ui/localizer.d.ts +5 -0
- package/dist/esm/types/ui/useFormatter.d.ts +3 -0
- package/dist/index.d.ts +10835 -239
- package/package.json +94 -93
- package/src/core/api/api.ts +643 -642
- package/src/core/api/baseApi.ts +38 -38
- package/src/core/api/index.ts +1 -1
- package/src/core/client.ts +280 -280
- package/src/core/constants.ts +1 -1
- package/src/core/debounce.ts +90 -90
- package/src/core/index.ts +4 -4
- package/src/core/types.tsx +152 -152
- package/src/index.ts +2 -2
- package/src/styles/aside.scss +162 -161
- package/src/styles/chat.scss +209 -208
- package/src/styles/index.scss +153 -110
- package/src/styles/input.scss +147 -74
- package/src/styles/keyframes.scss +14 -14
- package/src/styles/members.scss +13 -13
- package/src/styles/mixins.scss +25 -20
- package/src/styles/variables.scss +13 -10
- package/src/ui/Chat/ChatContext.tsx +30 -30
- package/src/ui/Chat/ChatEditableHeaderName.tsx +63 -63
- package/src/ui/Chat/ChatHeaderActions.tsx +19 -19
- package/src/ui/Chat/ChatPanel.tsx +30 -30
- package/src/ui/Chat/ChatView.tsx +115 -115
- package/src/ui/Chat/Members/ChatMembersButton.tsx +9 -9
- package/src/ui/Chat/Members/ChatMembersPanel.tsx +112 -112
- package/src/ui/Chat/Members/ChatMembersPreview.tsx +25 -25
- package/src/ui/Chat/Members/index.ts +13 -13
- package/src/ui/Chat/index.ts +6 -6
- package/src/ui/ChatGroup/ChatGroupContext.tsx +50 -50
- package/src/ui/ChatGroup/ChatGroupPanel.tsx +73 -73
- package/src/ui/ChatGroup/Create/CreateChatButton.tsx +15 -15
- package/src/ui/ChatGroup/Create/CreateChatForm.tsx +36 -36
- package/src/ui/ChatGroup/Create/CreateChatMemberInput.tsx +65 -65
- package/src/ui/ChatGroup/Create/CreateChatNameInput.tsx +25 -25
- package/src/ui/ChatGroup/Create/CreateChatPanel.tsx +45 -45
- package/src/ui/ChatGroup/Create/index.ts +19 -19
- package/src/ui/ChatGroup/Layout/ChatGroupAside.tsx +12 -12
- package/src/ui/ChatGroup/Layout/ChatGroupBody.tsx +10 -10
- package/src/ui/ChatGroup/Layout/ChatGroupFooter.tsx +3 -3
- package/src/ui/ChatGroup/Layout/ChatGroupHeader.tsx +5 -5
- package/src/ui/ChatGroup/Layout/ChatGroupMain.tsx +17 -17
- package/src/ui/ChatGroup/Layout/index.ts +19 -19
- package/src/ui/ChatGroup/List/ChatList.tsx +41 -41
- package/src/ui/ChatGroup/List/ChatListItemAvatar.tsx +22 -22
- package/src/ui/ChatGroup/List/ChatListItemBox.tsx +26 -26
- package/src/ui/ChatGroup/List/ChatListItemLastMessage.tsx +15 -15
- package/src/ui/ChatGroup/List/ChatListItemLastMessageAuthor.tsx +15 -15
- package/src/ui/ChatGroup/List/ChatListItemLastMessageContent.tsx +21 -21
- package/src/ui/ChatGroup/List/ChatListItemLastMessageSentAt.tsx +22 -22
- package/src/ui/ChatGroup/List/ChatListItemName.tsx +8 -8
- package/src/ui/ChatGroup/List/ChatListItemUnreadCount.tsx +12 -12
- package/src/ui/ChatGroup/List/index.ts +31 -31
- package/src/ui/ChatGroup/index.ts +5 -5
- package/src/ui/Chatify.tsx +9 -9
- package/src/ui/Conversation/Conversation.tsx +78 -76
- package/src/ui/Conversation/ConversationActions.tsx +5 -5
- package/src/ui/Conversation/ConversationBody.tsx +28 -28
- package/src/ui/Conversation/ConversationContext.ts +29 -27
- package/src/ui/Conversation/ConversationHeader.tsx +23 -23
- package/src/ui/Conversation/ConversationName.tsx +7 -7
- package/src/ui/Conversation/InputBox/InputBox.tsx +113 -40
- package/src/ui/Conversation/InputBox/InputBoxFile.tsx +38 -0
- package/src/ui/Conversation/InputBox/InputBoxFileList.tsx +21 -0
- package/src/ui/Conversation/InputBox/InputFilesBox.tsx +78 -9
- package/src/ui/Conversation/InputBox/InputSubmitButtonBox.tsx +26 -17
- package/src/ui/Conversation/InputBox/InputTextBox.tsx +55 -53
- package/src/ui/Conversation/InputBox/index.ts +23 -16
- package/src/ui/Conversation/Message/MessageAuthor.tsx +13 -13
- package/src/ui/Conversation/Message/MessageBox.tsx +20 -20
- package/src/ui/Conversation/Message/MessageContent.tsx +15 -11
- package/src/ui/Conversation/Message/MessageFile.tsx +52 -0
- package/src/ui/Conversation/Message/MessageFileList.tsx +14 -0
- package/src/ui/Conversation/Message/MessageInfoBox.tsx +28 -28
- package/src/ui/Conversation/Message/MessageRow.tsx +28 -28
- package/src/ui/Conversation/Message/MessageText.tsx +7 -7
- package/src/ui/Conversation/Message/index.ts +28 -22
- package/src/ui/Conversation/NextObserver/NextMessagesObserver.tsx +47 -47
- package/src/ui/Conversation/NextObserver/index.ts +1 -1
- package/src/ui/Conversation/ReadObserver/MessageReadObserver.tsx +49 -49
- package/src/ui/Conversation/ReadObserver/index.ts +1 -1
- package/src/ui/Conversation/SendingMessage/SendingMessageBox.tsx +16 -16
- package/src/ui/Conversation/SendingMessage/SendingMessageContent.tsx +13 -13
- package/src/ui/Conversation/SendingMessage/SendingMessageInfoBox.tsx +13 -13
- package/src/ui/Conversation/SendingMessage/SendingMessageText.tsx +7 -7
- package/src/ui/Conversation/SendingMessage/index.ts +16 -16
- package/src/ui/Conversation/SystemMessage/SystemMessageBox.tsx +20 -20
- package/src/ui/Conversation/SystemMessage/SystemMessageRow.tsx +28 -28
- package/src/ui/Conversation/SystemMessage/index.ts +10 -10
- package/src/ui/Conversation/index.ts +13 -13
- package/src/ui/Thread/ThreadActions.tsx +22 -22
- package/src/ui/Thread/ThreadContext.ts +13 -13
- package/src/ui/Thread/ThreadPanel.tsx +127 -127
- package/src/ui/Thread/index.tsx +3 -3
- package/src/ui/color.ts +20 -20
- package/src/ui/common/Avatar.tsx +20 -20
- package/src/ui/common/Icon.tsx +44 -40
- package/src/ui/common/MessageSkeleton.tsx +20 -20
- package/src/ui/common/index.ts +13 -13
- package/src/ui/customize.tsx +51 -53
- package/src/ui/index.ts +11 -11
- package/src/ui/localizer.tsx +96 -81
- package/src/ui/useFormatter.tsx +17 -0
- package/dist/esm/types/core/api/accountApi.d.ts +0 -5
- package/dist/esm/types/core/api/chatApi.d.ts +0 -16
- package/dist/esm/types/core/api/chatListApi.d.ts +0 -5
- package/dist/esm/types/core/api/chatMemberApi.d.ts +0 -6
- package/dist/esm/types/core/api/chatMessageApi.d.ts +0 -3
- package/dist/esm/types/core/api/threadApi.d.ts +0 -1
- package/dist/esm/types/core/api/threadMessageApi.d.ts +0 -6
- package/src/core/api/accountApi.ts +0 -11
- package/src/core/api/chatApi.ts +0 -87
- package/src/core/api/chatListApi.ts +0 -134
- package/src/core/api/chatMemberApi.ts +0 -20
- package/src/core/api/chatMessageApi.ts +0 -12
- package/src/core/api/threadApi.ts +0 -8
- package/src/core/api/threadMessageApi.ts +0 -20
- package/src/types/core/api/accountApi.d.ts +0 -5
- package/src/types/core/api/api.d.ts +0 -2380
- package/src/types/core/api/baseApi.d.ts +0 -15
- package/src/types/core/api/chatApi.d.ts +0 -16
- package/src/types/core/api/chatListApi.d.ts +0 -5
- package/src/types/core/api/chatMemberApi.d.ts +0 -6
- package/src/types/core/api/chatMessageApi.d.ts +0 -3
- package/src/types/core/api/index.d.ts +0 -1
- package/src/types/core/api/threadApi.d.ts +0 -1
- package/src/types/core/api/threadMessageApi.d.ts +0 -6
- package/src/types/core/client.d.ts +0 -83
- package/src/types/core/constants.d.ts +0 -1
- package/src/types/core/debounce.d.ts +0 -27
- package/src/types/core/index.d.ts +0 -4
- package/src/types/core/types.d.ts +0 -105
- package/src/types/index.d.ts +0 -2
- package/src/types/ui/Chat/ChatContext.d.ts +0 -10
- package/src/types/ui/Chat/ChatEditableHeaderName.d.ts +0 -2
- package/src/types/ui/Chat/ChatHeaderActions.d.ts +0 -2
- package/src/types/ui/Chat/ChatPanel.d.ts +0 -13
- package/src/types/ui/Chat/ChatView.d.ts +0 -17
- package/src/types/ui/Chat/Members/ChatMembersButton.d.ts +0 -2
- package/src/types/ui/Chat/Members/ChatMembersPanel.d.ts +0 -2
- package/src/types/ui/Chat/Members/ChatMembersPreview.d.ts +0 -2
- package/src/types/ui/Chat/Members/index.d.ts +0 -11
- package/src/types/ui/Chat/index.d.ts +0 -6
- package/src/types/ui/ChatGroup/ChatGroupContext.d.ts +0 -12
- package/src/types/ui/ChatGroup/ChatGroupPanel.d.ts +0 -15
- package/src/types/ui/ChatGroup/Create/CreateChatButton.d.ts +0 -2
- package/src/types/ui/ChatGroup/Create/CreateChatForm.d.ts +0 -11
- package/src/types/ui/ChatGroup/Create/CreateChatMemberInput.d.ts +0 -5
- package/src/types/ui/ChatGroup/Create/CreateChatNameInput.d.ts +0 -5
- package/src/types/ui/ChatGroup/Create/CreateChatPanel.d.ts +0 -2
- package/src/types/ui/ChatGroup/Create/index.d.ts +0 -17
- package/src/types/ui/ChatGroup/Layout/ChatGroupAside.d.ts +0 -2
- package/src/types/ui/ChatGroup/Layout/ChatGroupBody.d.ts +0 -2
- package/src/types/ui/ChatGroup/Layout/ChatGroupFooter.d.ts +0 -2
- package/src/types/ui/ChatGroup/Layout/ChatGroupHeader.d.ts +0 -2
- package/src/types/ui/ChatGroup/Layout/ChatGroupMain.d.ts +0 -2
- package/src/types/ui/ChatGroup/Layout/index.d.ts +0 -17
- package/src/types/ui/ChatGroup/List/ChatList.d.ts +0 -2
- package/src/types/ui/ChatGroup/List/ChatListItemAvatar.d.ts +0 -3
- package/src/types/ui/ChatGroup/List/ChatListItemBox.d.ts +0 -6
- package/src/types/ui/ChatGroup/List/ChatListItemLastMessage.d.ts +0 -3
- package/src/types/ui/ChatGroup/List/ChatListItemLastMessageAuthor.d.ts +0 -3
- package/src/types/ui/ChatGroup/List/ChatListItemLastMessageContent.d.ts +0 -3
- package/src/types/ui/ChatGroup/List/ChatListItemLastMessageSentAt.d.ts +0 -3
- package/src/types/ui/ChatGroup/List/ChatListItemName.d.ts +0 -3
- package/src/types/ui/ChatGroup/List/ChatListItemUnreadCount.d.ts +0 -3
- package/src/types/ui/ChatGroup/List/index.d.ts +0 -29
- package/src/types/ui/ChatGroup/index.d.ts +0 -5
- package/src/types/ui/Chatify.d.ts +0 -8
- package/src/types/ui/Conversation/Conversation.d.ts +0 -21
- package/src/types/ui/Conversation/ConversationActions.d.ts +0 -2
- package/src/types/ui/Conversation/ConversationBody.d.ts +0 -2
- package/src/types/ui/Conversation/ConversationContext.d.ts +0 -20
- package/src/types/ui/Conversation/ConversationHeader.d.ts +0 -2
- package/src/types/ui/Conversation/ConversationName.d.ts +0 -2
- package/src/types/ui/Conversation/InputBox/InputBox.d.ts +0 -2
- package/src/types/ui/Conversation/InputBox/InputFilesBox.d.ts +0 -2
- package/src/types/ui/Conversation/InputBox/InputSubmitButtonBox.d.ts +0 -5
- package/src/types/ui/Conversation/InputBox/InputTextBox.d.ts +0 -8
- package/src/types/ui/Conversation/InputBox/index.d.ts +0 -14
- package/src/types/ui/Conversation/Message/MessageAuthor.d.ts +0 -3
- package/src/types/ui/Conversation/Message/MessageBox.d.ts +0 -6
- package/src/types/ui/Conversation/Message/MessageContent.d.ts +0 -3
- package/src/types/ui/Conversation/Message/MessageInfoBox.d.ts +0 -3
- package/src/types/ui/Conversation/Message/MessageRow.d.ts +0 -6
- package/src/types/ui/Conversation/Message/MessageText.d.ts +0 -3
- package/src/types/ui/Conversation/Message/index.d.ts +0 -20
- package/src/types/ui/Conversation/NextObserver/NextMessagesObserver.d.ts +0 -5
- package/src/types/ui/Conversation/NextObserver/index.d.ts +0 -1
- package/src/types/ui/Conversation/ReadObserver/MessageReadObserver.d.ts +0 -6
- package/src/types/ui/Conversation/ReadObserver/index.d.ts +0 -1
- package/src/types/ui/Conversation/SendingMessage/SendingMessageBox.d.ts +0 -7
- package/src/types/ui/Conversation/SendingMessage/SendingMessageContent.d.ts +0 -3
- package/src/types/ui/Conversation/SendingMessage/SendingMessageInfoBox.d.ts +0 -3
- package/src/types/ui/Conversation/SendingMessage/SendingMessageText.d.ts +0 -3
- package/src/types/ui/Conversation/SendingMessage/index.d.ts +0 -14
- package/src/types/ui/Conversation/SystemMessage/SystemMessageBox.d.ts +0 -6
- package/src/types/ui/Conversation/SystemMessage/SystemMessageRow.d.ts +0 -9
- package/src/types/ui/Conversation/SystemMessage/index.d.ts +0 -8
- package/src/types/ui/Conversation/index.d.ts +0 -12
- package/src/types/ui/Thread/ThreadActions.d.ts +0 -2
- package/src/types/ui/Thread/ThreadContext.d.ts +0 -8
- package/src/types/ui/Thread/ThreadPanel.d.ts +0 -14
- package/src/types/ui/Thread/index.d.ts +0 -3
- package/src/types/ui/color.d.ts +0 -6
- package/src/types/ui/common/Avatar.d.ts +0 -6
- package/src/types/ui/common/Icon.d.ts +0 -20
- package/src/types/ui/common/MessageSkeleton.d.ts +0 -5
- package/src/types/ui/common/index.d.ts +0 -11
- package/src/types/ui/customize.d.ts +0 -9
- package/src/types/ui/index.d.ts +0 -11
- package/src/types/ui/localizer.d.ts +0 -35
package/src/core/debounce.ts
CHANGED
|
@@ -1,90 +1,90 @@
|
|
|
1
|
-
interface DebounceInternalValue<T> {
|
|
2
|
-
value: T;
|
|
3
|
-
enqueueTime: number;
|
|
4
|
-
}
|
|
5
|
-
|
|
6
|
-
export interface DebounceValue<T> extends DebounceInternalValue<T> {
|
|
7
|
-
state: 'enqueued' | 'processing';
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
export interface DebounceConfig<T> {
|
|
11
|
-
timeout: number;
|
|
12
|
-
callback: (value: T) => Promise<any>;
|
|
13
|
-
groupBy: (value: T) => string;
|
|
14
|
-
compare: (a: T, b: T) => number;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
export class Debounce<T> {
|
|
18
|
-
private _enqueued: DebounceInternalValue<T>[] = [];
|
|
19
|
-
private _processing: DebounceInternalValue<T>[] = [];
|
|
20
|
-
private _timeoutByGroup: Record<string, NodeJS.Timeout> = {};
|
|
21
|
-
private _subscribers: ((value: Debounce<T>) => any)[] = [];
|
|
22
|
-
|
|
23
|
-
constructor(public config: DebounceConfig<T>) {}
|
|
24
|
-
|
|
25
|
-
public get units(): DebounceValue<T>[] {
|
|
26
|
-
return [
|
|
27
|
-
...this._enqueued.map((x) => ({ ...x, state: 'enqueued' as const })),
|
|
28
|
-
...this._processing.map((x) => ({ ...x, state: 'processing' as const })),
|
|
29
|
-
];
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
public subscribe = (callback: (value: Debounce<T>) => any) => {
|
|
33
|
-
this._subscribers.push(callback);
|
|
34
|
-
return () => {
|
|
35
|
-
this._subscribers = this._subscribers.filter((x) => x !== callback);
|
|
36
|
-
};
|
|
37
|
-
};
|
|
38
|
-
|
|
39
|
-
public notify = () => {
|
|
40
|
-
this._subscribers.forEach((subscriber) => subscriber(this));
|
|
41
|
-
};
|
|
42
|
-
|
|
43
|
-
public push(value: T) {
|
|
44
|
-
const group = this.config.groupBy(value);
|
|
45
|
-
const unit = this._enqueued.find((unit) => this.config.groupBy(unit.value) === group);
|
|
46
|
-
|
|
47
|
-
if (!unit) {
|
|
48
|
-
this._enqueued.push({ value, enqueueTime: Date.now() });
|
|
49
|
-
} else if (this.config.compare(unit.value, value) >= 0) {
|
|
50
|
-
unit.value = value;
|
|
51
|
-
unit.enqueueTime = Date.now();
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
this._process(group);
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
private _process(group: string) {
|
|
58
|
-
if (!this._enqueued.some((unit) => this.config.groupBy(unit.value) === group)) {
|
|
59
|
-
return;
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
let timeout = this._timeoutByGroup[group];
|
|
63
|
-
timeout && clearTimeout(timeout);
|
|
64
|
-
|
|
65
|
-
if (this._processing.some((unit) => this.config.groupBy(unit.value) === group)) {
|
|
66
|
-
return;
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
timeout = setTimeout(() => {
|
|
70
|
-
const processing = this._enqueued.find((unit) => this.config.groupBy(unit.value) === group)!;
|
|
71
|
-
this._processing.push(processing);
|
|
72
|
-
this._enqueued.splice(this._enqueued.indexOf(processing), 1);
|
|
73
|
-
this.notify();
|
|
74
|
-
|
|
75
|
-
this.config
|
|
76
|
-
.callback(processing.value)
|
|
77
|
-
.then(() => {
|
|
78
|
-
this._processing.splice(this._processing.indexOf(processing), 1);
|
|
79
|
-
this.notify();
|
|
80
|
-
this._process(group);
|
|
81
|
-
})
|
|
82
|
-
.catch(() => {
|
|
83
|
-
this._processing.splice(this._processing.indexOf(processing), 1);
|
|
84
|
-
this.push(processing.value);
|
|
85
|
-
});
|
|
86
|
-
}, this.config.timeout);
|
|
87
|
-
|
|
88
|
-
this._timeoutByGroup[group] = timeout;
|
|
89
|
-
}
|
|
90
|
-
}
|
|
1
|
+
interface DebounceInternalValue<T> {
|
|
2
|
+
value: T;
|
|
3
|
+
enqueueTime: number;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
export interface DebounceValue<T> extends DebounceInternalValue<T> {
|
|
7
|
+
state: 'enqueued' | 'processing';
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
export interface DebounceConfig<T> {
|
|
11
|
+
timeout: number;
|
|
12
|
+
callback: (value: T) => Promise<any>;
|
|
13
|
+
groupBy: (value: T) => string;
|
|
14
|
+
compare: (a: T, b: T) => number;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
export class Debounce<T> {
|
|
18
|
+
private _enqueued: DebounceInternalValue<T>[] = [];
|
|
19
|
+
private _processing: DebounceInternalValue<T>[] = [];
|
|
20
|
+
private _timeoutByGroup: Record<string, NodeJS.Timeout> = {};
|
|
21
|
+
private _subscribers: ((value: Debounce<T>) => any)[] = [];
|
|
22
|
+
|
|
23
|
+
constructor(public config: DebounceConfig<T>) {}
|
|
24
|
+
|
|
25
|
+
public get units(): DebounceValue<T>[] {
|
|
26
|
+
return [
|
|
27
|
+
...this._enqueued.map((x) => ({ ...x, state: 'enqueued' as const })),
|
|
28
|
+
...this._processing.map((x) => ({ ...x, state: 'processing' as const })),
|
|
29
|
+
];
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
public subscribe = (callback: (value: Debounce<T>) => any) => {
|
|
33
|
+
this._subscribers.push(callback);
|
|
34
|
+
return () => {
|
|
35
|
+
this._subscribers = this._subscribers.filter((x) => x !== callback);
|
|
36
|
+
};
|
|
37
|
+
};
|
|
38
|
+
|
|
39
|
+
public notify = () => {
|
|
40
|
+
this._subscribers.forEach((subscriber) => subscriber(this));
|
|
41
|
+
};
|
|
42
|
+
|
|
43
|
+
public push(value: T) {
|
|
44
|
+
const group = this.config.groupBy(value);
|
|
45
|
+
const unit = this._enqueued.find((unit) => this.config.groupBy(unit.value) === group);
|
|
46
|
+
|
|
47
|
+
if (!unit) {
|
|
48
|
+
this._enqueued.push({ value, enqueueTime: Date.now() });
|
|
49
|
+
} else if (this.config.compare(unit.value, value) >= 0) {
|
|
50
|
+
unit.value = value;
|
|
51
|
+
unit.enqueueTime = Date.now();
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
this._process(group);
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
private _process(group: string) {
|
|
58
|
+
if (!this._enqueued.some((unit) => this.config.groupBy(unit.value) === group)) {
|
|
59
|
+
return;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
let timeout = this._timeoutByGroup[group];
|
|
63
|
+
timeout && clearTimeout(timeout);
|
|
64
|
+
|
|
65
|
+
if (this._processing.some((unit) => this.config.groupBy(unit.value) === group)) {
|
|
66
|
+
return;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
timeout = setTimeout(() => {
|
|
70
|
+
const processing = this._enqueued.find((unit) => this.config.groupBy(unit.value) === group)!;
|
|
71
|
+
this._processing.push(processing);
|
|
72
|
+
this._enqueued.splice(this._enqueued.indexOf(processing), 1);
|
|
73
|
+
this.notify();
|
|
74
|
+
|
|
75
|
+
this.config
|
|
76
|
+
.callback(processing.value)
|
|
77
|
+
.then(() => {
|
|
78
|
+
this._processing.splice(this._processing.indexOf(processing), 1);
|
|
79
|
+
this.notify();
|
|
80
|
+
this._process(group);
|
|
81
|
+
})
|
|
82
|
+
.catch(() => {
|
|
83
|
+
this._processing.splice(this._processing.indexOf(processing), 1);
|
|
84
|
+
this.push(processing.value);
|
|
85
|
+
});
|
|
86
|
+
}, this.config.timeout);
|
|
87
|
+
|
|
88
|
+
this._timeoutByGroup[group] = timeout;
|
|
89
|
+
}
|
|
90
|
+
}
|
package/src/core/index.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export * from './constants';
|
|
2
|
-
export * from './types';
|
|
3
|
-
export * from './api';
|
|
4
|
-
export * from './client';
|
|
1
|
+
export * from './constants';
|
|
2
|
+
export * from './types';
|
|
3
|
+
export * from './api';
|
|
4
|
+
export * from './client';
|
package/src/core/types.tsx
CHANGED
|
@@ -1,152 +1,152 @@
|
|
|
1
|
-
export interface File {
|
|
2
|
-
name: string;
|
|
3
|
-
bytes: number;
|
|
4
|
-
ref: string;
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
export interface Account {
|
|
8
|
-
id: string;
|
|
9
|
-
name: string;
|
|
10
|
-
avatar: string;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
export interface MessageBase {
|
|
14
|
-
id: string;
|
|
15
|
-
text: string;
|
|
16
|
-
files: File[];
|
|
17
|
-
sentAt: string;
|
|
18
|
-
sentBy: Account;
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
export interface ChatMessage extends MessageBase {
|
|
22
|
-
chatId: string;
|
|
23
|
-
requestId?: string;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
export interface Chat {
|
|
27
|
-
id: string;
|
|
28
|
-
name: string;
|
|
29
|
-
members: Account[];
|
|
30
|
-
active: boolean;
|
|
31
|
-
lastReadMessageId: string | null;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
export interface ChatListItem {
|
|
35
|
-
id: string;
|
|
36
|
-
name: string;
|
|
37
|
-
message: ChatMessage;
|
|
38
|
-
totalUnreadCount: number;
|
|
39
|
-
active: boolean;
|
|
40
|
-
lastReadMessageId: string | null;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
export interface SendChatMessageRequest {
|
|
44
|
-
chatId: string;
|
|
45
|
-
text: string;
|
|
46
|
-
files: File[];
|
|
47
|
-
requestId: string;
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
export interface MessageBody {
|
|
51
|
-
text: string;
|
|
52
|
-
files: File[];
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
export interface AddChatRequest {
|
|
56
|
-
requestId: string;
|
|
57
|
-
name: string;
|
|
58
|
-
message?: MessageBody;
|
|
59
|
-
members: string[];
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
export interface ReadChatMessageRequest {
|
|
63
|
-
id: string;
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
export interface ReadChatMessageEvent {
|
|
67
|
-
chatId: string;
|
|
68
|
-
newLastReadMessageId: string;
|
|
69
|
-
readCount: number;
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
export interface RemoveChatMemberRequest {
|
|
73
|
-
chatId: string;
|
|
74
|
-
accountId: string;
|
|
75
|
-
deleteHistory: boolean;
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
export interface AddChatMemberRequest {
|
|
79
|
-
chatId: string;
|
|
80
|
-
accountId: string;
|
|
81
|
-
withHistory: boolean;
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
export interface UpdateChatNameRequest {
|
|
85
|
-
id: string;
|
|
86
|
-
name: string;
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
export function chatId(messageId: string) {
|
|
90
|
-
return messageId.slice(0, 36);
|
|
91
|
-
}
|
|
92
|
-
|
|
93
|
-
export interface ThreadWatchListItem {
|
|
94
|
-
id: string;
|
|
95
|
-
name: string;
|
|
96
|
-
createdById: string;
|
|
97
|
-
createdAt: string;
|
|
98
|
-
archive: boolean;
|
|
99
|
-
lastMessage: ThreadMessage | null;
|
|
100
|
-
lastReadMessageId: string | null;
|
|
101
|
-
}
|
|
102
|
-
|
|
103
|
-
export interface Thread {
|
|
104
|
-
id: string;
|
|
105
|
-
name: string;
|
|
106
|
-
createdBy: Account;
|
|
107
|
-
createdAt: string;
|
|
108
|
-
archive: boolean;
|
|
109
|
-
lastMessageId: string | null;
|
|
110
|
-
lastReadMessageId: string | null;
|
|
111
|
-
watch: boolean;
|
|
112
|
-
}
|
|
113
|
-
|
|
114
|
-
export interface ThreadMessage extends MessageBase {
|
|
115
|
-
threadId: string;
|
|
116
|
-
}
|
|
117
|
-
|
|
118
|
-
export interface SendThreadMessageRequest {
|
|
119
|
-
threadId: string;
|
|
120
|
-
body: MessageBody;
|
|
121
|
-
}
|
|
122
|
-
|
|
123
|
-
export type SystemMessageText =
|
|
124
|
-
| 'chatify://chat-created'
|
|
125
|
-
| 'chatify://member-added'
|
|
126
|
-
| 'chatify://member-removed'
|
|
127
|
-
| `chatify://chat-name-changed`;
|
|
128
|
-
|
|
129
|
-
export function parseThreadMessageId(messageId: string) {
|
|
130
|
-
const [threadId, index] = messageId.split('::', 2);
|
|
131
|
-
return [threadId, parseInt(index, 10)] as const;
|
|
132
|
-
}
|
|
133
|
-
|
|
134
|
-
export function calcThreadUnreadCount(
|
|
135
|
-
thread: Pick<ThreadWatchListItem, 'lastMessage' | 'lastReadMessageId'>,
|
|
136
|
-
) {
|
|
137
|
-
const lastReadMessageIndex =
|
|
138
|
-
thread.lastReadMessageId != null ? parseThreadMessageId(thread.lastReadMessageId)[1] : -1;
|
|
139
|
-
|
|
140
|
-
const lastThreadMessageIndex =
|
|
141
|
-
thread.lastMessage?.id != null ? parseThreadMessageId(thread.lastMessage?.id)[1] : -1;
|
|
142
|
-
|
|
143
|
-
return lastThreadMessageIndex - lastReadMessageIndex;
|
|
144
|
-
}
|
|
145
|
-
|
|
146
|
-
export function calcThreadListUnreadCount(
|
|
147
|
-
threads: Pick<ThreadWatchListItem, 'lastMessage' | 'lastReadMessageId'>[],
|
|
148
|
-
) {
|
|
149
|
-
return threads.reduce((prev, thread) => {
|
|
150
|
-
return prev + calcThreadUnreadCount(thread);
|
|
151
|
-
}, 0);
|
|
152
|
-
}
|
|
1
|
+
export interface File {
|
|
2
|
+
name: string;
|
|
3
|
+
bytes: number;
|
|
4
|
+
ref: string;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
export interface Account {
|
|
8
|
+
id: string;
|
|
9
|
+
name: string;
|
|
10
|
+
avatar: string;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
export interface MessageBase {
|
|
14
|
+
id: string;
|
|
15
|
+
text: string;
|
|
16
|
+
files: File[];
|
|
17
|
+
sentAt: string;
|
|
18
|
+
sentBy: Account;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
export interface ChatMessage extends MessageBase {
|
|
22
|
+
chatId: string;
|
|
23
|
+
requestId?: string;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
export interface Chat {
|
|
27
|
+
id: string;
|
|
28
|
+
name: string;
|
|
29
|
+
members: Account[];
|
|
30
|
+
active: boolean;
|
|
31
|
+
lastReadMessageId: string | null;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
export interface ChatListItem {
|
|
35
|
+
id: string;
|
|
36
|
+
name: string;
|
|
37
|
+
message: ChatMessage;
|
|
38
|
+
totalUnreadCount: number;
|
|
39
|
+
active: boolean;
|
|
40
|
+
lastReadMessageId: string | null;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
export interface SendChatMessageRequest {
|
|
44
|
+
chatId: string;
|
|
45
|
+
text: string;
|
|
46
|
+
files: File[];
|
|
47
|
+
requestId: string;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
export interface MessageBody {
|
|
51
|
+
text: string;
|
|
52
|
+
files: File[];
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
export interface AddChatRequest {
|
|
56
|
+
requestId: string;
|
|
57
|
+
name: string;
|
|
58
|
+
message?: MessageBody;
|
|
59
|
+
members: string[];
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
export interface ReadChatMessageRequest {
|
|
63
|
+
id: string;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
export interface ReadChatMessageEvent {
|
|
67
|
+
chatId: string;
|
|
68
|
+
newLastReadMessageId: string;
|
|
69
|
+
readCount: number;
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
export interface RemoveChatMemberRequest {
|
|
73
|
+
chatId: string;
|
|
74
|
+
accountId: string;
|
|
75
|
+
deleteHistory: boolean;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
export interface AddChatMemberRequest {
|
|
79
|
+
chatId: string;
|
|
80
|
+
accountId: string;
|
|
81
|
+
withHistory: boolean;
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
export interface UpdateChatNameRequest {
|
|
85
|
+
id: string;
|
|
86
|
+
name: string;
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
export function chatId(messageId: string) {
|
|
90
|
+
return messageId.slice(0, 36);
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
export interface ThreadWatchListItem {
|
|
94
|
+
id: string;
|
|
95
|
+
name: string;
|
|
96
|
+
createdById: string;
|
|
97
|
+
createdAt: string;
|
|
98
|
+
archive: boolean;
|
|
99
|
+
lastMessage: ThreadMessage | null;
|
|
100
|
+
lastReadMessageId: string | null;
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
export interface Thread {
|
|
104
|
+
id: string;
|
|
105
|
+
name: string;
|
|
106
|
+
createdBy: Account;
|
|
107
|
+
createdAt: string;
|
|
108
|
+
archive: boolean;
|
|
109
|
+
lastMessageId: string | null;
|
|
110
|
+
lastReadMessageId: string | null;
|
|
111
|
+
watch: boolean;
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
export interface ThreadMessage extends MessageBase {
|
|
115
|
+
threadId: string;
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
export interface SendThreadMessageRequest {
|
|
119
|
+
threadId: string;
|
|
120
|
+
body: MessageBody;
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
export type SystemMessageText =
|
|
124
|
+
| 'chatify://chat-created'
|
|
125
|
+
| 'chatify://member-added'
|
|
126
|
+
| 'chatify://member-removed'
|
|
127
|
+
| `chatify://chat-name-changed`;
|
|
128
|
+
|
|
129
|
+
export function parseThreadMessageId(messageId: string) {
|
|
130
|
+
const [threadId, index] = messageId.split('::', 2);
|
|
131
|
+
return [threadId, parseInt(index, 10)] as const;
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
export function calcThreadUnreadCount(
|
|
135
|
+
thread: Pick<ThreadWatchListItem, 'lastMessage' | 'lastReadMessageId'>,
|
|
136
|
+
) {
|
|
137
|
+
const lastReadMessageIndex =
|
|
138
|
+
thread.lastReadMessageId != null ? parseThreadMessageId(thread.lastReadMessageId)[1] : -1;
|
|
139
|
+
|
|
140
|
+
const lastThreadMessageIndex =
|
|
141
|
+
thread.lastMessage?.id != null ? parseThreadMessageId(thread.lastMessage?.id)[1] : -1;
|
|
142
|
+
|
|
143
|
+
return lastThreadMessageIndex - lastReadMessageIndex;
|
|
144
|
+
}
|
|
145
|
+
|
|
146
|
+
export function calcThreadListUnreadCount(
|
|
147
|
+
threads: Pick<ThreadWatchListItem, 'lastMessage' | 'lastReadMessageId'>[],
|
|
148
|
+
) {
|
|
149
|
+
return threads.reduce((prev, thread) => {
|
|
150
|
+
return prev + calcThreadUnreadCount(thread);
|
|
151
|
+
}, 0);
|
|
152
|
+
}
|
package/src/index.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from './ui';
|
|
2
|
-
export * from './core';
|
|
1
|
+
export * from './ui';
|
|
2
|
+
export * from './core';
|