seventv / app

[deprecated] A web application with user interfaces for uploading emotes, managing channel emotes and more written with the Angular framework

SeventvApp

This project was generated with Angular CLI version 11.2.0.

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI Overview and Command Reference page.

app's Issues

Pagination settings cache on mobile/small screen size causes client to try searching emotes with a limit of zero

Add a setting to disable animations on the website

Adding an option to disable animations and to only animate on hover would be nice. Would fix lag issues with channels with a large amount of emotes.

Add an option to search for the exact emote name only, ignoring tags

It would be really helpful to get an option to exclude tags from searching. While they are an amazing discoverability feature, sometimes it is hard to search for specific emotes, i.e. just searching for "^forsen$", you get 500 results filled with emotes where "forsen" is just an added tag.

Maybe disable tag matching when using regex in search or add a checkbox, just some way to find a specific emote where you know the exact name would be really nice.

Unavoidable "Heads Up" pop-up menu

"Heads Up" pop-up window for unlisted emotes is shown again every time even if the checkbox "Don't show again" was filled before acknowledge.

Not able to hover on emotes in stream manager.

When I was trying to see an emote posted in my stream manager the emotes wouldn't show up like how they normally would in a normal twitch tab.

• How they normally would look in a twitch chat on hover.
  

• How they are appearing on stream manager with 7TV enabled. (I am hovering on the emote)
  

• How they appear on stream manager with 7TV disabled.
  
  

I am running on Opera GX but this issue has also appeared on Chrome browser. I am not sure if there is any other info that is needed, but this is the only issue I have run into.

Cannot see Twitch Owner of Twitch Emotes

In Vanilla Twitch, and with alternative add-ins you can click on a Twitch Emote to see which streamer they belong to. With 7TV all you get is notification they belong to Twitch and no way to find the owner, as clicking on the emote does nothing.

Implement hyperlinks for page elements that redirect to different pages.

Various elements on the frontend of 7tv appear to be designed to function like hyperlinks to different pages.

In the picture below, I have highlighted some elements on the home page that seem to share this property.

These elements don't have a hyperlink tag to be able to copy a link, e.g. the button that says "emotes" redirects to https://7tv.app/emotes when clicked on but the link cannot be seen when hovering over.

This also holds true for emote elements like image below.

Would be nice to be able to right click and copy a link for an emote rather than having to click on the emote itself and then copy the link from the url bar.

Support uploading smaller emotes than 128x128px

Unsure if this is the right place to put this issue since the current website is supposed to be replaced anyways, but since this is the current version I figured I should probably put this here.

RIght now any emote uploaded through the website automatically gets scaled to 128x128.

This is not only annoying for some emotes that were designed for BTTVs/Twitchs 112x112 and look weird in the bigger size, it also restricts creativity to make emotes like global ppL (or things like miniDank that exist on FFZ) yourself.

Would be amazing to get that functionality at some point and fix the biggest annoyance I have with 7tv at the moment.

Youtube Gaming Support

Any chance of Youtube Gaming support? With more big streamers moving over there it would be a huge bonus to be able to use emotes.

Trying to add a user that has never logged in as an editor does nothing

If a user has never logged in to 7tv and you'll attempt to add them as a channel editor, nothing happens. As discussed on Discord, this could at least display an error message explaining to user what happened.

Preset tag options and ability to filter emotes with specific tags?

Adding preset. standard tag options could allow people to search through a wider variety of emotes they may be interested in and give new and less widely used emotes a better chance of being seen and used. Also would be nice to be able to filter out stuff you don't want popping up while browsing in public.

Personally, would really appreciate a way to filter out flashing animations specifically, would feel much more comfortable browsing emotes knowing there's way less of a chance of running into something like forsenRave.

incorrect behaviour of moderation slider when user marked by mod as Suspecious is chatting

Once user marked as Suspecious types single message, the moderation slider the height of entire chatbox appears. Probably caused by miscalculation of the height of message itself. The big slider disappears once chat scrolls enough to completely deload Suspecious User's messages.

unable to see emotes on pinned messages

If you load into a Youtube chat with a pinned message, the emotes that are in that pinned message aren't displayed.

Make "Recent Activity" show emote names rather than emote codes

Bad:

(Would be) good:

User name color is not corrected when navigating between channel editors.

Step 1: Go to the profile of someone who has a colored name (such as a Twitch Partner or Moderator)

Step 2: Make sure this user has channel editors who have a different user color (For example, a normal user as an editor to a Twitch Partner).

Step 3: Click the editor's username on the left side bar.

Step 4: Notice how the name color does not update to reflect the new user's role.

I have attached a video to demonstrate what I am describing.

cgyVv4N.mp4

(jojoe should have a white name color)

3rd party and Mobile download dialogs offset while a stream is being Featured

When a stream is being featured on the 7tv.app front page the download dialogs for both the Mobile and More options are offset along with the logo image.

Highlight color on the left side of messages in chat not showing/missing option to toggle its visibility

The channel highlight color on the left side of subscription messages etc. is missing when the 7TV chrome extension is enabled, and it reappears the moment it's disabled, is this intentional?
Pls add an option to toggle this on or off in 7TV's settings if so, otherwise pls fix

How it looks with 7TV on, highlight color (yellow/gold-ish in this example) on the left of the message is not shown:

how it looks with 7TV off, highlight color (yellow/gold-ish in this example) on the left of the message is shown as per default:

Website depends on Page Visibility API to work properly

With extension https://chrome.google.com/webstore/detail/dont-make-me-watch/ahjofnjojbnikkffhagdddimbcmcphhh enabled website does not display tabs property, it keeps appending them to the bottom of the page.

TOS + DMCA + Privacy Policy

You need them or ur gonna get sued into the ground.

Downloads home.component dont work

tried it with chrome and firefox

[Bug] Not able to remove alias

Describe the bug
You're not able to remove an alias after setting one

To Reproduce
Steps to reproduce the behavior:

1. Go to and emote page
2. Click on 'Set alias'

Expected behavior
So after removing the emote again and then adding it back the same way, it looks like the original name is used for the emote, but after refreshing the stream chat on twitch, it goes back to the alias. There is no button to remove the alias and the only way is to use the original name but either use an uppercase or lowercase letter.
It's not possible to just set the alias to the original name to "reset/remove the alias"

Version:
The version where the bug is occuring is Version: 2.1.4

OpenGraph SSR support

You have OpenGraph already added but without server side rendering it becomes less effective.

Visiting only the source of this page without letting JS run will give you no opengraph tags.
https://7tv.app/emotes/6042af401d4963000d9dae36

I don't know how possible this is with your stack, if you only deploy a static html file to something like netlify it probably isn't very feasible, but I wanted to make an issue nonetheless.