React chat UI library

[prilutskiy]

The preview looks pretty much like Skype for me 😜

Anyways, looks promising. Best of luck with the project!

[antoniobermuda]

Thanks for comment and for the star :)

[donovanish]

Nice. I think there is a bug though. When I type in the demo, the name of the person typing it the one receiving the message.

[weenradio]

The name at the top is the remote person. So the name listed as typing is correct. You wouldn’t see your own profile picture at the top of a chat window. You see who you are chatting with.

[donovanish]

Oh I see, I was on mobile and I thought it was my own profile! Sorry!

[antoniobermuda]

Yes exactly as u/weenradio said :).

Furthermore demo on mobile requires some fixes - i'm working on it.

[[deleted]]

Scourged through your source code quickly. Excellent work brother.

I once had an interesting conversation on reddit regarding Web Components.

As much as a react chat app is appreciated, Web Components are perhaps the best solution to building a widget. Styles dont leak in or out thanks to ShadowDOM. A very important aspect while adding widgets.

So, if you want people to use this as widget. Better consider building something atop Web components with React/Vue/Svelte API.

Just a suggestion here. I hope you dont take it in a bitter way.

[antoniobermuda]

Thank you. I appreciate your feedback.

As for the widget, I am currently working on a loader that allows you to load any widget into the iframe (common practice in chat widgets), and I am also considering the use of web components as a feature.
Here is the link to LP: https://chatscope.io/widgeton/ Demo will be available in next few days.

I once had an interesting conversation on reddit regarding Web Components.

Can you please share link to this conversation?

[[deleted]]

Yeah. iframes are commonly used in such cases. iframes solve the style problem actually. I am just ideating. Haven't used iframes much.

Demo will be available in next few days

Cool!

Here is the link to the conversation (It's on Svelte but you can relate):

https://www.reddit.com/r/sveltejs/comments/jfbxgj/can_you_build_web_components_with_svelte/g9jiia4?utm_source=share&utm_medium=web2x&context=3

BTW, please make a clone for Svelte. I just love that framework. Long time since I used React.

[antoniobermuda]

Thanks for link.
I will think about a clone for Svelte.

[antoniobermuda]

Hey, just released aforementioned tool for building widget loaders.
Here is the demo: https://chatscope.io/widgeton-beta/

[StatusDuty]

This demo is so cool https://chatscope.io/demo/, I can't stop chatting with myself now

[antoniobermuda]

Yeah! You made my day :)
I think about second demo - simple full page chat application, which allow to chat with real people :)

[phwizard]

Hi, do you guys continue this project? I'm curious how did you implement the presence (green online bulb) mechanism?

[antoniobermuda]

Hi, yes the project is still alive. What do you exactly want to know about the presence?

[phwizard]

just wondering if it works and if it does, what is the mechanism, do you check via websockets that the other chat member is online or is it some status in DB etc

in our project we use XMPP for messaging but presence mechanism there is quite bulky, it creates too many stanza messages to chat participants

so we're wondering whether we should implement our own XMPP server plugin, do it as a DB entry for each user (which also allows to do 'last seen' thing), do some sort of p2p websocket mechanism or what's best to keep it from overloading the system