Giter Club home page Giter Club logo

betterstreamchat's Introduction

Hi there ๐Ÿ‘‹ I'm derpierre65

Welcome to my GitHub page.

  • ๐Ÿ”ญ Iโ€™m currently working on a MMORPG.
  • ๐ŸŒฑ Iโ€™m currently learning Deployment over Kubernetes and more about game development.
  • ๐Ÿ  I'm living in Belmullet, Ireland. Grew up in Berlin, Germany.
  • ๐Ÿ› ๏ธ I'm working as a Software Developer.
  • ๐Ÿ˜„ Pronouns: he/him

Languages and Tools

Backend

PHP NodeJS Laravel

Frontend

JavaScript Vue.js Tailwind CSS Quasar Socket.io i18next HTML5 CSS3 TypeScript Bootstrap Nuxt.js jQuery

Databases

Redis MySQL MariaDB

Automation

GitHub Actions Laravel Dusk PHPUnit

Tools

Git ESLint Sentry Vite Kubernetes Webpack NPM Jetbrains Products

APIs

Twitch Steam Slack Spotify Amazon Polly

Other

C# Unity Unreal Engine 5

GitHub Stats

โ€ƒ

betterstreamchat's People

Contributors

cyfung1031 avatar derpierre65 avatar saphirat avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

betterstreamchat's Issues

Remove the color #0000FF

I would suggest to remove the dark blue color (hex code 0000FF), because the names with this color are very hard to read on Trovo.

trovo_darkblue_chat

"BetterStreamChat" menu option appears where it isn't supposed to

Describe the bug
I see "BetterStreamChat" menu option after I click on a user in the chat.

To Reproduce
Click on the 3 dots on any user in any YouTube livestream chat.

Expected behavior
"BetterStreamChat" option to appear only after clicking 3 dots at the top of the screen.

Screenshots
Screenshot_22

Desktop:

  • Browser: Chrome Beta
  • Browser Version: 117.0.5938.11
  • Addon Version: 1.3.7
  • Platform: YouTube

[YouTube] Duplicated Menu Button

If the experimental flags "kevlar_tuner_should_test_maintain_stable_list" and "kevlar_should_maintain_stable_list" are enabled, the settings button will be added every time after clicking the "3 dots."

UserScript to enable both flags for testing.

// ==UserScript==
// @name        Testing Script 186
// @namespace   Violentmonkey Scripts
// @match       https://www.youtube.com/live_chat*
// @grant       none
// @version     1.0
// @author      -
// @description 8/19/2023, 11:41:39 PM
// @run-at              document-start
// @grant               none
// @unwrap
// @allFrames           true
// @inject-into         page
// ==/UserScript==

(() => {
  'use strict';

  const updateFlags = () => {
    const EXPERIMENT_FLAGS = (window.ytcfg && window.ytcfg.data_) ? window.ytcfg.data_.EXPERIMENT_FLAGS : null;
    if (!EXPERIMENT_FLAGS) return;
    Object.assign(EXPERIMENT_FLAGS, {
      kevlar_tuner_should_test_maintain_stable_list: true,
      kevlar_should_maintain_stable_list: true
    });
  };

  const mo = new MutationObserver(updateFlags);
  mo.observe(document, { subtree: true, childList: true });

  updateFlags();

})();

Screenshot:

Screen Shot 2023-08-19 at 23 31 59 Screen Shot 2023-08-20 at 0 20 46

FFZ Emotes

by default, the BTTV extension also adds FrankerFaceZ emotes to twitch, I think this extension should do the same.

Timestamp bug in trovo

I can see my timestamp when i send a message, but when a user sends a message, it says aN:aN.

I'll attach a picture.
0a4440d0f450c2706d585e605664e10f

7TV Emotes

Having FFZ and 7TV emotes available to use would be a great addition.

BetterTTv Unexpected end of Json input

Seams like there is a issue with the BetterTTv extension

if i enter my username i get this error: init.js:43 Uncaught (in promise) SyntaxError: Unexpected end of JSON input
at init.js:43

Hope this isn't known already :)

Features for YouTube and bug

Features

  • This extension already offers more options and features than BetterYTG and it had a bad implementation of Twitch Emotes, so it would be great if you guys added top emotes of BTTV and FFZ and make a option in YouTube chat, where you can open a window to choose emotes like how it works on Twitch and use it easily, unlike BetterYTG.
  • Twitch like Theater Mode for YouTube, there is already an extension exists for this great feature, but would rather have these features on one extension.

Bug

  • In YouTube, the extension sometimes doesn't work, you can't even see sometimes BetterStreamChat option in top right, like you need to reload the page to make it work and sometimes suddenly it will stop working, the chat will look normal.

Emoji in YouTube Live Chat could not be rendered

Issue

With BetterStreamChat

Without BetterStreamChat

( Example Video: https://www.youtube.com/watch?v=MSSKKntjOEU )

Cause

This is due to the following code in your script.

        let message = node.querySelector('#message');
        if (message) {
            message.innerHTML = Helper.BTTV.replaceText(message.innerText);
        }

message.innerHTML = replacer(message.innerText) could only work for plan text node. However, #message can have element children like img.emoji.

You might better check that message.innerText===message.innerHTML first before the replacement.
BTW, I do not believe setting innerText directly to the innerHTML is a good idea.

Please find the solution from ChatGPT for your reference.
https://chat.openai.com/share/e5c14192-32bd-4f07-b9cf-e8d0b7d8dbdd

let message = node.querySelector('#message');
if (message) {
    replaceTextNodes(message);
}

function replaceTextNodes(element) {
    for (let child of element.childNodes) {
        if (child.nodeType === 3) {  // Text node
            child.nodeValue = Helper.BTTV.replaceText(child.nodeValue);
        } else if (child.childNodes.length > 0) {
            replaceTextNodes(child);  // Recursively process child nodes
        }
    }
}

Ban words

Hi, is it possible to block words ? it would be very helpful , specially on trovo cause they don't have bots to help mod channels yet

Emotes Revert to Text

When using emotes, they show for a few seconds, then revert back to text until you refresh the page. I'm using version 1.2.2 of BetterStreamChat, on the Opera GX browser.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.