Needs a simple css fix.

This issue provides visibility into Renovate updates and their statuses. Learn more

Edited/Blocked

These updates have been manually edited so Renovate will no longer make changes. To discard all commits and start over, click on a checkbox.

• chore(deps): update dependency @types/react to v17
• chore(deps): update dependency @types/react-dom to v17
• chore(deps): update node.js to v16
• fix(deps): update react monorepo to v17 (major) (react, react-dom, react-test-renderer)

Other Branches

These updates are pending. To force PRs open, click the checkbox below.

• chore(deps): update dependency immer to 9.0.6 [security]
• chore(deps): update dependency trim to 0.0.3 [security]

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

• chore(deps): update dependency axios to 0.21.2 [security]
• chore(deps): update dependency nth-check to 2.0.1 [security]
• chore(deps): update dependency prismjs to 1.25.0 [security]
• chore(deps): update dependency tar to 6.1.9 [security]
• chore(deps): update dependency tmpl to 1.0.5 [security]
• chore(deps): update dependency url-parse to 1.5.2 [security]
• chore(deps): update all non-major dependencies (@babel/core, @jest/types, @storybook/addon-a11y, @storybook/addon-actions, @storybook/addon-essentials, @storybook/addon-links, @storybook/addon-storysource, @storybook/builder-webpack5, @storybook/manager-webpack5, @storybook/react, @testing-library/react, @types/enzyme, @types/jest, @types/react, @types/react-redux, @types/react-router-dom, @types/styled-components, @types/webpack-dev-server, @typescript-eslint/eslint-plugin, @typescript-eslint/parser, babel-loader, eslint, eslint-plugin-react, eslint-plugin-react-hooks, fork-ts-checker-webpack-plugin, html-webpack-plugin, jest, jest-styled-components, node, prettier, style-loader, theme-ui, ts-jest, ts-loader, ts-node, typescript, webpack, webpack-cli, webpack-dev-server)
• chore(deps): update dependency css-loader to v6
• chore(deps): update dependency eslint to v8
• chore(deps): update dependency ts-essentials to v9
• chore(deps): update dependency webpack-dev-server to v4 (webpack-dev-server, @types/webpack-dev-server)
• chore(deps): update node.js to v17
• chore(deps): update typescript-eslint monorepo to v5 (major) (@typescript-eslint/eslint-plugin, @typescript-eslint/parser)
• fix(deps): update dependency react-router-dom to v6
• Click on this checkbox to rebase all open PRs at once

• Check this box to trigger a request for Renovate to run again on this repository

ex)

https://youtu.be/f5ShDNOqq1E
->
https://youtube-lite.js.org/video/f5ShDNOqq1E

And I guess custom 'copy link' button would be needed.

This link also can be very powerful advertisement!

I feel like this project is still something and I want to proceed on improving it.
Basic requirements will be as follows:

• Typescript
• Ditch CRA
• Use Saga
• Upgrade all outdated libs

Or I think we could just go for a native UI using Rust or something because the moment you enter chrome you kinda start doing other stuffs. I'm still pondering.

Now,

video without playlist -> /video-player/Default/f5ShDNOqq1E
video with playlist -> /video-player/{playlist_id}/f5ShDNOqq1E

And I think it should be

video without playlist -> /video-player/f5ShDNOqq1E
video with playlist -> /video-player/f5ShDNOqq1E?list={playlist_id}

because it seems like there is 'default playlist' currently

• Currently, shuffle and repeatAll are managed locally.
• Every time user enters videoplayer page, the local states are reset to their default values, not user's latest configuration.
• Need to store these variables in redux instead

kebab-case is more readable than CamelCase in most cases.

I think it's convention that using / or s for this purpose on the web.
I guess you'll need a package like 'react-hotkey'

ex) GitHub, YouTube

It would be nice to add some sharing functionality on video player view.

CRA 1.0 (in actuality: react-app-rewired) is very limited, and dependencies are running out of date. It's time to update the 'core' dependencies so that other dependencies that depend on those could be upgraded as well.

videoplayer
search-result

these two routes try to load resources from sub URLs for some reason on refresh, which of course is not possible.

e.g. youtube-lite.js.org/videoplayer/Default/:id/main.css