Code Monkey home page Code Monkey logo

cometchat-uikit-angular's Introduction

CometChat

CometChat UI Kit for Angular

CometChat Angular UIKit provides pre-built user interface kit that developers can use to quickly integrate a reliable & fully featured chat experience into an existing or a new app.

Prerequisites

  • npm >= 7.
  • Angular >= 12.

Getting Started

To set up CometChat Angular UI Kit and utilize CometChat for your chat and calls functionality, you'll need to follow these steps:

  • Register at the CometChat Dashboard to create an account.
  • After registering, log into your CometChat account and create a new app. Once created, CometChat will generate an Auth Key and App ID for you. Keep these credentials secure as you'll need them later.
  • Check the Key Concepts to understand the basic components of CometChat.
  • Refer to the Integration Steps in our documentation to integrate the UI Kit into your Angular app.

Help and Support

For issues running the project or integrating with our UI Kits, consult our documentation or create a support ticket or seek real-time support via the CometChat Dashboard.

cometchat-uikit-angular's People

Contributors

ajaygajra avatar ananyasisodia avatar gajraajay avatar ketanyekale avatar mayur-bhandari avatar priyadarshininadar avatar raj-dubey1 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

cometchat-uikit-angular's Issues

Duplicate case statements in cometchat-messages.component.ts

Describe the problem

We're using this library in our application and because we have stricter typescript checking we noticed that a number of case statements in the actionHandler function in the cometchat-messages.component.ts are duplicated. The duplicate statements are on line numbers:
236:17 error Duplicate case label no-duplicate-case
259:17 error Duplicate case label no-duplicate-case
260:17 error Duplicate case label no-duplicate-case
261:17 error Duplicate case label no-duplicate-case
262:17 error Duplicate case label no-duplicate-case

At the moment the duplicated case statements trigger the same behaviour so there is no bug yet but the duplicated case statements might cause issues in the future.

Please let me know if you would like me to create a pull request.

What was the expected behavior?

N/A

Reproduction

N/A

Environment

N/A

UIKitSettingsBuilder not exported

Describe the problem

Can't run library, basic import error on UIKitSettingsBuilder which has to run in main.ts

Reproduction

I have went through the whole flow with a clean install. After installing "@cometchat/chat-uikit-angular": "^4.0.0-beta.1.3" and updating main.ts to:

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';

import { enableProdMode } from '@angular/core';
import {
  CometChatUIKit,
  UIKitSettingsBuilder,
} from '@cometchat/chat-uikit-angular';
import { environment } from '@mensgroup/ngx/environment';
import { AppModule } from './app/app.module';

if (environment.production) {
  enableProdMode();
}

//create the builder
const uiKitSettings = new UIKitSettingsBuilder()
  .setAppId(environment.comechatAppId)
  .setRegion(environment.comechatRegion)
  .setExtensions() //pass an array of extensions to enable. By default all the extensions will be enabled
  .subscribePresenceForFriends()
  .build();

//Initialize CometChat
CometChatUIKit.init(uiKitSettings)?.then(() => {
  //load your root module
  platformBrowserDynamic()
    .bootstrapModule(AppModule)
    .catch((err) => console.error(err));
});

I get the error, and in fact there is just no exported member called that
Module '"@cometchat/chat-uikit-angular"' has no exported member 'UIKitSettingsBuilder'.ts(2305) import UIKitSettingsBuilder

Angular Chat UI Kit Usage

Hello,

I have followed the instructions for this repository.
1 - Clone the repository
2 - Run npm install
3 - Run npm install @cometchat-pro/[email protected] --save
4 - npm run build cometchat-angular-ui-kit

It will create the dist folder in angular-chat-ui-kit.
After this i am confused from here that how would i use the build library kit into wordpress theme.

Thanks

Error: BrowserModule has already been loaded. If you need access to common directives such as NgIf and NgFor from a lazy loaded module, import CommonModule instead.

Error: BrowserModule has already been loaded. If you need access to common directives such as NgIf and NgFor from a lazy loaded module, import CommonModule instead.

When I want to import cometchat-pro-chat-ui-kit to my project, I got Error: BrowserModule has already been loaded. If you need access to common directives such as NgIf and NgFor from a lazy loaded module, import CommonModule instead.
.
Please Could you tell me how can I solve this problem ? I removed all of BrowserModule from CometChat source code, but error is not solved.

My CometChat version is latest version "@cometchat-pro/chat": "^2.3.0",
My Project's Angular version is 8.2.14

conversationsRequestBuilder in cometchat-conversations doesn't apply after the initial load

Describe the problem

Issue with conversationsRequestBuilder in cometchat-conversations when in a specific conversationType loading list item with the correct type. For example: a list of users only conversation. When sent a message to a group the group shows up in the list

What was the expected behavior?

subscription should apply the set conversation type. The group conversation should not show in that users only list

Reproduction

Detail the steps taken to reproduce this error, and whether this issue can be reproduced consistently or if it is intermittent.
Note: If clear, reproducable steps or the smallest sample app demonstrating misbehavior cannot be provided, we may not be able to follow up on this bug report.

  • Step 1 Implement 2 cometchat-conversations component in the html one for user and one for group by using conversationsRequestBuilder
  • Step 2 Pass selected user/group to a cometchat-messages so it would load messages and can send a message
  • Step 3 Send any message
  • Step 4 Noticed that message sent to a user adds the conversation to the cometchat-conversations for group and vice versa

Where applicable, please include:

  • The smallest possible sample app that reproduces the undesirable behavior
  • Log files (redact/remove sensitive information)
  • Application settings (redact/remove sensitive information)
  • Screenshots

Environment

Please provide the following:

  • Version used:
  • 4.,x -
  • Other modules/plugins/libraries that might be involved:

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.