WebChat 2.0.3 BETA Download 2.0.3b

5.0
gb Kevin B 3 years ago

screenshot

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:
Enable menu link and redirect

Latest Update

v2.0.3 BETA 16th Dec 2020

  • Feature request: Do not clear the message input field when you send a GIPHY
  • Changed component to store settings in the "site settings" rather than "component settings". Once set, these details will no longer need be input after ever install/upgrade.
  • Fixed incorrect case in ID name of ossn_com.xml
  • Moved "Web Chat" link to the "Links" section for better compatibility with OSSN standard installation.

Pre-Requisites:

OSSN >= v5.6
OssnMessages >= 5.4
OssnServices >= 6.4
Private Network >= 5.4

API Keys

GIPHY for animated GIFs that can be added to messages

FREE key from https://developers.giphy.com

Pusher - For the live chat feature

FREE Channels app-key from www.pusher.com

DEMO

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.

Near future updates

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

TIDYING UP

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

NICE TO HAVES:

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.

Older updates

Version history can be found in this Google Doc
WebChat Version History

Comments
ph Sepiroth X Replied 3 years ago

@kevin, okay thanks! :)

gb Kevin B Replied 3 years ago

Sorry I didn't clarify that. You'll need a free channels app key.

ph Sepiroth X Replied 3 years ago

btw, I'm a bit confuse on getting api for pusher .... I'm stuck at choosing channel or beam.. which one should I choose? I got api key for giphy already tho ...

Sorry for being noob :(

ph Sepiroth X Replied 3 years ago

Ohh I see, good thing I just installed it in my dev site first to give it a try.. Thanks for the heads up Sir @Kevin :)

gb Kevin B Replied 3 years ago

At this stage I wouldn't recommend using it on a live production website, but the choice is yours. I'm looking for feedback on how to improve it and for any bugs or issues. Happy to help people who have it installed on a Dev site, but I won't assist with live sites, and can't be held responsible for any loss of data etc etc...

ph Sepiroth X Replied 3 years ago

Can I use this component for my website?

gb Kevin B Replied 3 years ago

Glad you got it working 😊

Would love to hear the feedback.

German Michael Zülsdorff Replied 3 years ago

Yep!
Basically working, but new posts don't update automatically.
Looks like I need that pusher ...!?!

Yes! With a pusher channel refreshing starts working. Fine.

gb Kevin B Replied 3 years ago

Oh ****! Ok - updated :( 1.0.2

German Michael Zülsdorff Replied 3 years ago

Installation fails because of ß-character in xml file - 'beta' will do the trick. :)

Component

Developer: Kevin
License GPL v2
Type: Communication
Requires Ossn Version : 5.5
Latest Version: 2.0.3b
Last Updated 3 years ago
Repository Url View Repository

Versions