Kevin B
3 years ago
This component adds a mobile-first, individually styled web chat module to OSSN. You need the Pusher Channels service for realtime updates.
You'll want to add the link to the main menu AND/OR redirect logins directly to WebChat using the Component Admin page:
v2.0.3 BETA 16th Dec 2020
OSSN >= v5.6
OssnMessages >= 5.4
OssnServices >= 6.4
Private Network >= 5.4
FREE key from https://developers.giphy.com
FREE Channels app-key from www.pusher.com
https://kjbtech.co.uk/ossn
Demo site is running ossn 5.6, GreenByGreen theme and only has Private Network, API Services and WebChat components installed.
Add ossn credit
Message status dialog
Online status for group members
Block message content of blocked users
Hide blocked users from create new chat dialog
User is typing...
MP4 video uploads
Limits on number of images/videos people can upload
Allow to share images directly from profile
Add type to message table GIPHY, info, photo, profile image etc.
Implement OSSN blocked users
Migrate chat_api to ossn actions
Implement mobile notifications
Decide on consistent naming convention throughout. Is it Groups / Chats / WebChat etc. Need to keep language consistent throughout.
Remove ALL error_log / console.log and debug responses
Finish tidying up code and commenting (if I have time to kill)
CSS animations / transitions to make the experience feel more app-like.
Sounds for sending/receiving messages
White border on giphy thumbnail selection
change giphy default search as it keeps failing
Encryption and Presence / Private Pusher Channels
Public/Private groups (to plan)
Voice and Video calls
Public Webcam broadcasts / channels
User Search by distance/gender etc
Who looked at me?
View and manage profile / galleries
View and post to walls
I'd be grateful for feedback on how I could improve the component. Any bugs or issues please also report here.
Version history can be found in this Google Doc
WebChat Version History
John Miller
Replied 3 years ago
Looking forward to this.
As of right now message send/receive doesn't work on Android using Chrome or using the PWA from either Samsung internet or Firefox
Thanks,,,
John.
Kevin B
Replied 3 years ago
Updated to 1.3.6:
v.1.3.6 (18/11/20)
[Fixed] double encoding of messages, caused by sanitising user input twice. OSSN Messages now appear correctly.
[Updated] PWA manifest file. Now has generic OSSN branded logos when you install or launch the app.
[Fixed] notifications and new messages that were not arriving. Custom Web API Extension was failing to register
Kevin B
Replied 3 years ago
Ok thanks. I'll add that to the list. :)
After fixing the notifications and this issue, I'll be working on the online status check, GIPHY integration... And then group chat :)
Michael Zülsdorff
Replied 3 years ago
1.3.5 encoding is incompatible with OssnChat/Messages
WebChat:
it's getting better 👍
OssnMessages:
Kevin B
Replied 3 years ago
@empower_social I don't understand the question?
Kevin B
Replied 3 years ago
@ ~Z~ Man Just investigating the disappearing messages... it seems I need to build some kind of pagination. API has returned the most recent 10 messages at offset (null), but tells me there are 45 messages.
I need to have a mechanic to automatically load the next 10 messages when you scroll up. I'll add that to the to-do list :)
EMPOWER SOCIAL
Replied 3 years ago
QUESTION WHEN ARE GUYS GOING TO LIVE SUCH AS FACEBOOK
Kevin B
Replied 3 years ago
Ok, i've added the special characters as an issue and will sort that out.
I've already started on emojis ;) But need a bit more time to finish it. I've got most of the panel there in place, and its animated, but im losing focus on the input for some reason. Still investigating.
Also, it has a manifest.json now - so you can "Install to homepage" on your phone, and it shoud work much better :D
I'll update the work in progress shortly.
Michael Zülsdorff
Replied 3 years ago
On my wishlist:
1. flawless handling of special characters
2. no more disappearing messages on top after sending/receiving a new message
Kevin B
Replied 3 years ago
Ok... I didnt test the CSS changes on mobile... the input message box disappears on my phone. I'll fix this tomorrow and make sure it works on my mobile before updating!
