Code Monkey home page Code Monkey logo

chat's Introduction

LiveTL - Translation Filter for Streams

Tests E2E Tests License: AGPL v3 js-semistandard-style Contributors Issues Total Lines Commit Activity Discord

Download LiveTL

Demo

Feedback and Contributing

We have a Discord server for those who would like to give feedback or discuss new features! Here is the invite.

If you are interested in helping us solve any issues and/or add features, please let us know in the Discord server and submit a Pull Request!

Development

Note: The repo expects a Linux or Unix-like environment. If you are on Windows, use WSL.

Setup

ℹ LiveTL uses submodules. Make sure to clone the repo with the --recursive flag!

ℹ When pulling, you should also use git pull --recurse.

yarn # use yarn, not npm

Commands

yarn start # devServer
yarn build:production # production
yarn package # package extension zips
yarn build:android # android
yarn test # jest
yarn test:watch # autotest
yarn format # lint
yarn e2e # run e2e tests

Load the build directory in Chrome developer mode.

Hot Reload

Enable chrome://flags/#allow-insecure-localhost to use hot module and UI component reloading.

Developers

LiveTL is developed by these fine people!

chat's People

Contributors

chrrubin avatar dependabot[bot] avatar grumpybear57 avatar hughp135 avatar kentonishi avatar r2dev2 avatar

Stargazers

avatar avatar avatar avatar avatar avatar

Watchers

avatar avatar

Forkers

chrrubin hughp135

chat's Issues

Chat doesn't load if you have HC enabled on extension load

If you have enabled HC, and open LiveTL, the chat never loads unless you disable/re-enable hyperchat.

The cause is probably that it doesn't initiate http requests to /get_live_chat if you open LiveTL with it enabled.

To reproduce this bug, enable HC, then reload the page. Chat messages don't come in 100% of the time for me.

Possible solution would be to delay HC for a few seconds before enabling it, to give time for the get_live_chat requests to start coming in? or otherwise figure out a way to manually trigger it.

The easiest solution would be to always start with hyperchat disabled, requiring the user to manually click enable HC every time. (obviously not ideal, but should be foolproof)

Adjust name text colors for better contrast

First 2 columns of the tables are the suggested color codes along with example images, while the 3rd column shows the colors that are currently being used for comparison.

Moderator

Dark theme: #A0BDFC Lite theme: #2441C0 Original
image image image

Channel Owner

Dark theme: #FFD600 Lite theme: #866518 Original
image image image

Lite theme color looks a bit weird, but not much we can do about yellow on white.

Member

Dark theme: #04B301 Lite theme: #0E5D10 Original
image image image

Chat breaks when multiple instances are enabled

Having multiple instances of the scripts running (such as having both LiveTL and standalone HyperChat enabled) will cause problems such as chat not loading messages.

We should at the very least show a warning/alert dialog to users who are running multiple instances of the scripts.

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.