GithubHelp home page GithubHelp logo

y0dax / oratio Goto Github PK

View Code? Open in Web Editor NEW
11.0 3.0 5.0 4.86 MB

Oratio is a long term project for speech impaired streamers to provide a unique experience for viewers in the form of on screen displays.

License: MIT License

JavaScript 17.80% CSS 0.60% TypeScript 80.84% HTML 0.22% EJS 0.54%
electron react obs

oratio's Introduction

banner

Welcome to Project Oratio Electron Application

This project uses React with Electron and Electron Builder

Install

First, clone the repo via git and install dependencies:

git clone --depth 1 --single-branch https://github.com/Y0dax/Oratio.git your-project-name
cd your-project-name
yarn

Starting Development

Start the app in the dev environment:

yarn start

Packaging for Production

To package apps for the local platform:

yarn package

Docs

See Electron React Boilerplate Guides

oratio's People

Contributors

dependabot[bot] avatar domnomnom avatar donth77 avatar y0dax avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

oratio's Issues

Browser source does not pick up dev changes

It's inconvenient to develop / debug it if all of Oratio has to be restarted to pick up changes to that webpage.
Should look into some kind of reloading, ideally hot reloading.

log-spam in Home.tsx: Content Security Policy

Do we really need to dynamically add sources here? https://github.com/Y0dax/Oratio/blob/master/src/index.html#L37

Is the best policy something that's like "everything should be local except the downloads for emotes"?

Ways of adding a CSP:

Documentation on CSP: https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/script-src

log-spam in terminal: "Loose" private methods

I get this warning multiple times in my terminal when I compile each time within yarn start

Though the "loose" option was set to "false" in your @babel/preset-env config, it will not be used for @babel/plugin-proposal-private-methods since the "loose" mode option was set to "true" for @babel/plugin-proposal-class-properties.
The "loose" option must be the same for @babel/plugin-proposal-class-properties, @babel/plugin-proposal-private-methods and @babel/plugin-proposal-private-property-in-object (when they are enabled): you can silence this warning by explicitly adding
["@babel/plugin-proposal-private-methods", { "loose": true }]
to the "plugins" section of your Babel config.

I don't yet know what this is about. Is this something to fix or to ignore?

Pre-Commit is too slow

Having pre-commit fail after 15 seconds with something that the linter knows how to fix is really annoying.

The linter with --cach --fix is too slow to be run after each file save (which works nicely in other languages like python with black).

Ideally we can make linting fast but I haven't seen a way of doing that. Having this check only at pre-push seems better than what we currently have.

Browser source looses styling seemingly at random

When sending multiple messages to the browser source, sometimes they have the correct styling (appear in the bottom left with large font)
and sometimes they appear in the top-left with a tiny font. This behaviour changes without reloading the webpage but with sending multiple messages, often flipflopping multiple times.

This might be related to the warning that comes up in the console:
Warning: Prop className did not match. Server: "makeStyles-hidden-6 makeStyles-hidden-49" Client: "makeStyles-hidden-6 makeStyles-hidden-13"
Note that the 49 increases with every reload of the 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.