Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Web Interface #74

Open
bertybuttface opened this issue Oct 16, 2023 · 10 comments
Open

Web Interface #74

bertybuttface opened this issue Oct 16, 2023 · 10 comments
Labels
enhancement New feature or request help wanted Extra attention is needed

Comments

@bertybuttface
Copy link
Contributor

bertybuttface commented Oct 16, 2023

Is your feature request related to a problem? Please describe.
I don't think CLI is the best way to configure and admin this tool.

Describe the solution you'd like
A web interface should be built that handles:

  1. Connecting to clients (must)
  2. Managing what each client is blocking (must)
  3. Provide some sort of workaround to temporarily allow YouTube shorts (or to easily reconnect after disconnection)

Describe alternatives you've considered
Building the web interface as a separate package like the home assistant addon but I think it would be a bad solution.

Additional context
This would also help for the home assistant addon as config currently requires a second instance.

@dmunozv04
Copy link
Owner

A web interface would be great, and could easily be implemented using. Textual web
a new section of the app could be added to allow for colorful logging and progress, and a temporary pause/stop to view shorts

@dmunozv04
Copy link
Owner

That said, if someone wants to expose an api and make a web frontend for iSponsorblockTV, I’d be more than happy to help

@dmunozv04 dmunozv04 added enhancement New feature or request help wanted Extra attention is needed labels Nov 3, 2023
@bertybuttface
Copy link
Contributor Author

Unfortunately the textual web approach won't work as it relies on a cloud service:

Textualize/textual-web#19

@dmunozv04
Copy link
Owner

At least for now, they allow to embed textual web as an iframe; and some sort of “hack” could be done to host a local web server that points to textual web. It’s very much not ideal though; and a proper web service would be much better

@julianwachholz
Copy link

I would also like to add a web interface. Not just for setup and configuration but also some statistics as well as showing details about the current video. That would allow users to submit ratings etc.

@bertybuttface
Copy link
Contributor Author

I made a little progress using FastAPI to present an API and React to consume it. Obviously need to use websockets to consume the data as it changes. I'll try and post a WIP soon.

@dmunozv04
Copy link
Owner

That's amazing news, let me know if I can help in any way!

@bertybuttface
Copy link
Contributor Author

Screenshot of potential new web UI, it allows for adding devices, monitoring devices and changing settings, it has been built to be accessible too.

@bertybuttface
Copy link
Contributor Author

The web UI to go with the above API, see above image for more info. It is sparse and easy to use, this screenshot shows the add device page, it no longer needs to be done from config files

@dmunozv04
Copy link
Owner

@bertybuttface looks really cool!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request help wanted Extra attention is needed
Projects
None yet
Development

No branches or pull requests

3 participants