criptext / monkey-chat-web Goto Github PK
View Code? Open in Web Editor NEWA sample web app using the Criptext UI Chat lib integrated with Monkey SDK for secure real time communications
A sample web app using the Criptext UI Chat lib integrated with Monkey SDK for secure real time communications
Example of SLACK
AS we see in the right sidebar we have all the info related to the GROUP.
WE should have a way to add a side bar or the BURGER ICON in the right , to see this info. I already speak with @Hirobreak to show this info, but I think this is a good way to show in UI @fluxny75 .
We need to specify the app from which that group is created . The attr app
in the HASH info.
Show the file data on bubble
Fix scroll when change conversation
feedback to show that all users have read a message
Monkey SDK v0.5.5. This will help when users clean their cache, it should prompt them to login again
Send the event to contentModal
Right now every message is streamed in the sample. There should be an example of how to retrieve the messages from the local storage using monkey SDK
It would be great to give feedback that there's a pending message with a (1) in the tab title (like whatsapp)
Messages timeline order by datetimeOrder
Implement monkey.getMessagesSince
There are times that a conversation won't continue to load the next set of messages
Replace png to svg.
check if monkey.closeConversation() is called
Everytime a message arrives through the socket, the audio playback gets interrupted
Inside
handleSearchUpdate(term)
We need to handle the new list of search of users , we can pass a function so the developer can handle the search pretty well.
Currently we are working with a hack using window.seachFunction
exposed and is an ASYNC function. In that function we are obtaining user data from a 3rd party service that will be used to create conversations.
Adapt css with two pages to mobile screen
Components are being moved when embedded in a website. We shouldn't let this happen
Avatar selection for conversation list.
I need to show an example on how developer can decide which avatar to show in the conversation list row that displays a group conversation.
Group conversations have their own info of the group and avatar/group icon . Sometimes developers will want to show in the OPERATOR side the avatar of the USER and not the group ICON, or maybe a different URL that is defined by developer. The same can happen in the client side, where maybe he wants to see the avatar of the Company (that can be the group icon)
For the lib to handle
https://github.com/Criptext/react-monkey-ui
In the UI , the file when is not sent, the bubble keeps "loading". Should not do that. It should show the failure button for resend.
There is a weird problem when file is send and the thread never cleans. A sync problem can happen because of AMQP, we need to replace that
When I open a chat with previously downloaded messages, it won't scroll to the bottom
HTTP "Content-Type" of "video/3gpp" is not supported. Load of media resource data:audio/mpeg;base64,<here goes the base64>
If the sample has the flag of Monkey autoSync
set to false
then it should request the pending messages at some time after the reconnection. Failing to do this, might lead to lost messages as I can receive new messages in real time
We should look into having these separators between bubbles to make it easier for a user to place (in time) a chat
There's an if/else which do the same call on monkey, we can change it to always make the call and do the comparison inside the callback
This bogs down the browser and make things unresponsive
Person chat: show user status
Group chat: show list members
When I click in another conversation, I would like to write immediately .
Will help if we set focus on the input of the text right away we change the conversation, so we don't need to move the mouse to the input field.
Right now it doesn't fetch the metadata for the new conversation
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.