@cometchat/chat-uikit-angular 5.0.0-beta.1 → 5.0.0-beta.2
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
CHANGED
|
@@ -7,10 +7,10 @@
|
|
|
7
7
|
The CometChat Angular UI Kit provides pre-built Angular components to quickly integrate a reliable and fully-featured chat experience into your Angular application — real-time messaging, voice & video calling, conversations, users, groups, and more.
|
|
8
8
|
|
|
9
9
|
<div style="display: flex; align-items: center; justify-content: center;">
|
|
10
|
-
<img src="
|
|
10
|
+
<img src="https://raw.githubusercontent.com/cometchat/cometchat-uikit-react/HEAD/screenshots/sample_app_overview.png" />
|
|
11
11
|
</div>
|
|
12
12
|
|
|
13
|
-
> **Note:** This package is currently in beta (`5.0.0-beta.
|
|
13
|
+
> **Note:** This package is currently in beta (`5.0.0-beta.2`). APIs may change before the stable release.
|
|
14
14
|
|
|
15
15
|
## Prerequisites
|
|
16
16
|
|
|
@@ -24,7 +24,7 @@ The CometChat Angular UI Kit provides pre-built Angular components to quickly in
|
|
|
24
24
|
1. Register at the [CometChat Dashboard](https://app.cometchat.com/) to create an account.
|
|
25
25
|
2. After registering, log in and create a new app. CometChat will generate an _`App ID`_, _`Region`_, and _`Auth Key`_ for you. Keep these credentials secure.
|
|
26
26
|
3. Check the [Key Concepts](https://www.cometchat.com/docs/fundamentals/key-concepts) to understand the basic components of CometChat.
|
|
27
|
-
4. Refer to the [Integration Steps](https://www.cometchat.com/docs/ui-kit/angular/integration) to integrate the UI Kit into your Angular app.
|
|
27
|
+
4. Refer to the [Integration Steps](https://www.cometchat.com/docs/ui-kit/angular/v5/integration) to integrate the UI Kit into your Angular app.
|
|
28
28
|
|
|
29
29
|
## Installation
|
|
30
30
|
|
|
@@ -42,58 +42,13 @@ npm install @cometchat/chat-uikit-angular @cometchat/chat-sdk-javascript
|
|
|
42
42
|
- 🌍 Internationalization with runtime language switching
|
|
43
43
|
- 🔧 Angular 17–21 compatible
|
|
44
44
|
|
|
45
|
-
## Quick Start
|
|
46
|
-
|
|
47
|
-
### 1. Initialize CometChat
|
|
48
|
-
|
|
49
|
-
```typescript
|
|
50
|
-
// main.ts
|
|
51
|
-
import { CometChat } from '@cometchat/chat-sdk-javascript';
|
|
52
|
-
|
|
53
|
-
const appSetting = new CometChat.AppSettingsBuilder()
|
|
54
|
-
.subscribePresenceForAllUsers()
|
|
55
|
-
.setRegion('us')
|
|
56
|
-
.autoEstablishSocketConnection(true)
|
|
57
|
-
.build();
|
|
58
|
-
|
|
59
|
-
CometChat.init('APP_ID', appSetting).then(() => {
|
|
60
|
-
CometChat.login('UID', 'AUTH_KEY').then(() => {
|
|
61
|
-
bootstrapApplication(AppComponent, appConfig);
|
|
62
|
-
});
|
|
63
|
-
});
|
|
64
|
-
```
|
|
65
|
-
|
|
66
|
-
### 2. Use Components
|
|
67
|
-
|
|
68
|
-
```typescript
|
|
69
|
-
import { Component } from '@angular/core';
|
|
70
|
-
import { CometChatConversationsComponent } from '@cometchat/chat-uikit-angular';
|
|
71
|
-
|
|
72
|
-
@Component({
|
|
73
|
-
selector: 'app-root',
|
|
74
|
-
standalone: true,
|
|
75
|
-
imports: [CometChatConversationsComponent],
|
|
76
|
-
template: `
|
|
77
|
-
<cometchat-conversations
|
|
78
|
-
[title]="'My Chats'"
|
|
79
|
-
(itemClick)="handleConversationClick($event)">
|
|
80
|
-
</cometchat-conversations>
|
|
81
|
-
`
|
|
82
|
-
})
|
|
83
|
-
export class AppComponent {
|
|
84
|
-
handleConversationClick(conversation: any) {
|
|
85
|
-
console.log('Conversation clicked:', conversation);
|
|
86
|
-
}
|
|
87
|
-
}
|
|
88
|
-
```
|
|
89
|
-
|
|
90
45
|
## Documentation
|
|
91
46
|
|
|
92
|
-
For full documentation, visit the [CometChat Angular UI Kit Docs](https://www.cometchat.com/docs/ui-kit/angular/integration).
|
|
47
|
+
For full documentation, visit the [CometChat Angular UI Kit Docs](https://www.cometchat.com/docs/ui-kit/angular/v5/integration).
|
|
93
48
|
|
|
94
49
|
## Help and Support
|
|
95
50
|
|
|
96
|
-
- [Documentation](https://www.cometchat.com/docs/ui-kit/angular/integration)
|
|
51
|
+
- [Documentation](https://www.cometchat.com/docs/ui-kit/angular/v5/integration)
|
|
97
52
|
- [GitHub Issues](https://github.com/cometchat/cometchat-uikit-angular/issues)
|
|
98
53
|
- [Support Tickets](https://help.cometchat.com/hc/en-us)
|
|
99
54
|
- [CometChat Dashboard](https://app.cometchat.com/)
|
|
@@ -27318,7 +27318,7 @@ class CometChatUIKit {
|
|
|
27318
27318
|
return new Promise((resolve, reject) => {
|
|
27319
27319
|
window.CometChatUiKit = {
|
|
27320
27320
|
name: '@cometchat/chat-uikit-angular',
|
|
27321
|
-
version: '5.0.0-beta.
|
|
27321
|
+
version: '5.0.0-beta.2',
|
|
27322
27322
|
};
|
|
27323
27323
|
CometChat.init(uiKitSettings?.appId, appSettings)
|
|
27324
27324
|
.then(() => {
|