hypercubemc / hyperchat Goto Github PK

Describe the bug
When a scroll bar is present, the settings icon overlaps the scroll bar

To Reproduce
Steps to reproduce the behavior:

1. Open and login into hyperchat
2. Type enough messages to make the scroll bar appear
3. See that the settings icon overlaps the scroll bar

Expected behavior
The settings and notification icons should move to the left whenever the scroll bar appears to move ou of the way

Describe the bug
When a new message is posted while there is a "name is typing" message, the new message appears below the "name is typing" message

To Reproduce
Steps to reproduce the behavior:

1. Open two tabs of hyperchat.cf and login
2. Have the first tab start typing a message
3. Type and send a message on the second tab
4. See "Tab1 is typing" message above message from tab 2

Expected behavior
The "Tab1 is typing" message is expected to move below the new message from tab 2

Is your feature request related to a problem? Please describe.
Installation information needs to be added to the README.

Describe the solution you'd like
Describe to users that an .env file is needed with the following variables.
CERT_PATH (SSL certificate path)
KEY_PATH (SSL key path)
MONGODB_CONNECTION_URI (Connection URI to your hosted Mongodb server)
PORT (Listen port for web app)

Possibly even some more information on setting up and hosting a mongodb server, as this is required for this app.
also using openssl or your preferred method for generating the keys.
e.g
KEY:
openssl req -newkey rsa:2048 -new -nodes -keyout key.pem -out csr.pem
CERT:
openssl x509 -req -days 365 -in csr.pem -signkey key.pem -out server.crt

Describe the bug
The name shown when hovering over an emoji is always black regardless of the colours chosen, and as such can become unreadable depending on the background colour.

To Reproduce
Steps to reproduce the behavior:

1. Open settings and select Custom Theme and change the colours.
2. Leave settings and open the emoji menu
3. Hover over an emoji

Expected behavior
It is expected that the text would match the chosen text colour.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: Windows 10
• Browser: Opera
• Version: 72.0.3815.400

Describe the bug
When a user logs in, after switching servers, the message history is duplicated and all embeds/link previews are shown twice after a single link.

To Reproduce
Steps to reproduce the behavior:

1. Login to HyperChat
2. Switch servers to an existing server with message history.
3. The message history is up in the scroll history twice, and the embed/link preview under a link is shown twice.

Expected behavior
The message history should not be duplicated, and there should only be one link preview under a link.

Screenshots
N/A

Additional info
N/A

Is your feature request related to a problem? Please describe.
It doesn't feel right when clicking a button shows no effect or visual transition on the button itself (e.g animation, push in effect, or shading on click)

Describe the solution you'd like
All actions and buttons on HyperChat should have an appropriate visual feedback such as a push-in effect, or shading darker on click. Currently this has not been implemented.

Associated Discussion: #20

On mobile, pressing enter makes a new line and the user has to press enter again in order for it to send. Even then, an extra line is added to the end of every message they send, obnoxious to the user and other users with the extra spacing. It also causes problems when trying to use slash-commands on mobile.
Maybe add a send button on mobile to solve this problem?

Describe the bug
Able to add the same channel multiple times

To Reproduce

1. Login to Hyper Chat
2. add a channel
3. add another channel, using the same name.

Expected behavior
Should stop the user from adding the same channel again.
Maybe either not do anything, or a small error.

Screenshots

Currently, the keyboard's enter key has issues on mobile and makes a new line and requires a double-enter to send the message, and it always has an extra line after mobile user's messages. Adding a send button for mobile users would solve #21.

I was shown this by a friend's iOS device on iOS 13. But apparently to see the console you need to connect it to a Mac, and I don't have an iDevice or a Mac.

Add an image uploader instead of sending it as html in a message. This also removes the hack to have any message with "<img" in it bypass the word filter.

Describe the bug
A scrollbar appears for about half a second when transitioning from the login screen to the chat screen.

To Reproduce
Steps to reproduce the behavior:

1. Login to the chat app.
2. Notice the scrollbar that appears for about half a second when you login.

Expected behavior
A scrollbar should not appear at all.

In addition, the entire mention span should be removed so that the message box shows the "Type here" placeholder after a mention is backspaced and the message box is empty.

Add user ids, just like how I generate the message ids.

Describe the bug
When running the server, i'm getting this error. i've tried different versions of node just in case but i can't seem to figure it out.
what version of Node does this need?
I can see it's connected to my Mongo server no problems.

throw new ERR_INVALID_ARG_TYPE(
^

TypeError [ERR_INVALID_ARG_TYPE]: The "string" argument must be of type string or an instance of Buffer or ArrayBuffer. Received undefined
at Function.byteLength (buffer.js:728:11)
at ReadFileContext.callback (file:///** REMOVED LOCAL DIRECTORY **/server/webserver/RequestHandler.js:65:40)
at FSReqCallback.readFileAfterOpen [as oncomplete] (fs.js:273:13) {
code: 'ERR_INVALID_ARG_TYPE'

To Reproduce
Steps to reproduce the behavior:

1. Install the Application, Mongo, SSL certs in .env
2. run the application with npm run start, or npm start
3. navigate to https://localhost:3030 (or whichever port you've configured in your .env)
4. observe error in terminal.

Expected behavior
The app should load.

Desktop (please complete the following information):

• OS: Windows 10
• Browser Chrome, Firefox

Merge users in the user list and merge their session if they log in twice, and don't show the log in/log out message if they're already logged in on another tab or device.

Describe the bug
In dark mode, the scroll bar does not change into a different color scheme

To Reproduce
Steps to reproduce the behavior:

1. Open and login to hyperchat
2. Open settings, turn on dark mode, and go back
3. See that the scroll bar has not changed

Expected behavior
The scroll bar should have its colors change to reflect dark mode