revoltchat / frontend Goto Github PK

What do you want to see?

requires #59

What do you want to see?

Right clicking on pfp currently does nothing.

requires #59
requires #60

Check for privileged = true.

To-do:

• #129
• #130
• #131
• #132

Port stores:

• feat(store): port Locale store
• #118
• #119
• #120
• #121
• #122
• #123
• #124
• #125
• #126
• #127
• #128

guess i have no choice now

What do you want to see?

Servers don't currently have their badges. e.g 'Official Server'.

What do you want to see?

requires #59

What do you want to see?

There is no cross displayed to allow the closing of Groups or DMs.

Should be done in @revolt/markdown package.
Expose a single component Markdown for rendering any md content in-line with revite's features.

https://github.com/revoltchat/revite/blob/master/src/components/markdown/RemarkRenderer.tsx

Caveats:

• Need to map unicode instead of shortcodes to emoji images.

i saw it move

What do you want to see?

There is no server creation option

requires #58

What happened?

This does not occur in groups. Groups show the group name in the message field.

What do you want to see?

requires #59

The following are required for a good initial experience on desktop:

• Strip dnd from server list since its currently not working
• Add base sidebar styles
• Display links in home sidebar (skip for now)
• Display banner + name in server sidebar
• Create buttons for use with channels (maybe Typography like Button component)
• Style channels properly (if a category is collapsed show the unread! ✅)
• Style categories
• Show user avatar in server list
• Make the header its own component (with optional burger icon)

Then start working on messages themselves:

• Create logical component layout
• Render username / avatar in messages with blank or example body
• Add helpers to revolt.js for fetching display user information for a message (name, avatar, colour, original avatar if masq)
• #12
• feat: render system messages

Message attachments:

• Image
• Video
• Audio
• File

Message embeds:

• Image
• Video
• Website
• feat: embed invite links
• Special site embeds

Fix some quirks introduced after porting to Solid:

• issue: lists do not have preceding numbers or bullet points.
• issue: some embeds do not correctly render.

note: Fonts:

• https://fonts.google.com/specimen/Inter?query=inter
• https://fonts.google.com/specimen/Hanken+Grotesk

• Login to Revolt
• Show server list and allow selecting
• Show channel list while in server and allow selecting
• Load messages from channel and display (incl. append new messages)
• Allow sending messages

What do you want to see?

When hovering over a server in the far left pane the server's name is not displayed.

requires #60

What do you want to see?

I'm not entirely satisfied calling this a "feature request" because accessibility isn't merely a feature, but "bug" didn't seem to me to fit either. In any case, it seems to me that Revite doesn't do anything to help with screen reader accessibility.

I'm sighted and don't depend on a screen reader to read things, so I'm not the best person to give specific advice on how to properly make Revite accessible, but I noticed two problems:

1. No landmarks, headings, etc of any kind are used. These are essential to screen reader use because they're how keyboard navigation throughout a page is done. Discord, for example, has a level 3 heading for each message (indicating the display name of the message author and the time it was posted), and landmarks which help locate navigation sections and the main content. Revolt, on the other hand, just has a whole lot of div tags (which the screen reader generally doesn't know what to do with).
2. Custom emoji alt text seems poorly thought out. I came across a custom emoji that, when I got to it, caused the screen reader to read out a whole crapton of numbers. This is not useful to a screen reader user. Using the name of the emoji (as is done with standard emojis) would be much better.

These are just what I saw at a glance, and I think a more thorough screen reader accessibility audit from someone more knowledgeable than me would be warranted. The open source alternative to Discord should be more accessible than Discord, not less.

🦇

• list friends / blocked users
• list pending requests
• accept requests
• reject requests
• send requests
• remove / block users
• unblock users

What do you want to see?

There is no visual indication in the far left server bar that the current server is selected.

Need to port the Swoosh:

not sure how this wasn't an issue before?

What do you want to see?

Servers cannot be clicked and dragged as they can be in Revite.

What happened?

requires #9

What do you want to see?

Current behavior

• Hard to tap
• Irritating: users not used to mobile context menus

Example of action sheets

iOS-style action sheet as seen in Flutter Gallery

Discord implementation as seen in Android app

PWA

• Yes, this feature request is specific to the PWA.

What do you want to see?

Discover doesn't yet exist

What do you want to see?

Servers are currently sorted by creation date. They should be ordered as the user set in Revite.

Requires #9

What do you want to see?

requires #61

If you have recently added a new language to Weblate and want to see it in the client, please let me know here.

Please state the:

• Language
• Language code (as it appears on Weblate)
• An emoji to represent the language (e.g. 🇬🇧)
• Title of the language in native tounge (e.g. Polski for Polish)

Please ensure the language has an adequate amount of translations already!

What do you want to see?

The saved notes page

What do you want to see?

requires #63 or #59

Port react-router code to Solid using @solidjs/router.
Currently blocking on solidjs/solid-router#165.

What do you want to see?

Originally requested here, Lalezar is a free and OFL-licensed font designed for Arabic text.

PWA

• Yes, this feature request is specific to the PWA.

Blocking on #5

See how much has been implemented compared to the main client: https://wiki.rvlt.gg/index.php/Feature_Matrix

Remaining milestones can be seen here.

If you want to help contribute, I recommend looking through the issues tagged with help-wanted.

Some resoucres:
https://www.npmjs.com/package/solid-dnd-directive
https://codesandbox.io/s/dnd-board-gs2nd?spm=a2c6h.24755359.0.0.526961d8kHqt3q&file=/src/Board.jsx
https://codesandbox.io/s/dnd-basic-example-forked-73tntl?file=/src/App.jsx

Ideally this has virtualisation as well but I don't know how well developed the ecosystem is around that.
This should just read / write from some signal or store until state is fully added.
i.e. you can move things around and they will persist until restart

What do you want to see?

requires #59

When uploading an image, crop and allow user to confirm.

For the purpose for this issue, just implement a way to crop arbitrary images in app.

What do you want to see?

requires #59

What do you want to see?

requires #62
requires #63

• #15
• #16
• feat(login): allow anonymous (even when logged in) routing for confirmations
• chore(login): ensure i18n is fully covered

Pages to implement:

• #17
• #18
• #19
• #20
• #21
• #22
• feat(auth): "Check your email" prompt

Will need to fork the styled-components library, I think the best way forwards is to:

• Fork to revoltchat org.
• Add support for the idea below (revoltchat/solid-styled-components#1)
• Add as submodule in packages/styled-components
• Update existing components to include new class names

And then any changes to it will take precedence like with revolt.js

Ideally we can do something like:

const Button = styled('button', 'Button')``;

So extra argument on styled which takes a string which is prefixed in the class attribute, so this would now produce:

<button class="Button go56549064596" />