https://github.com/Trinovantes/userscript-youtube-playlist-organizer

Drag and drop interface to organize playlists on YouTube
https://github.com/Trinovantes/userscript-youtube-playlist-organizer

typescript userscript youtube

Last synced: 4 days ago
JSON representation

Drag and drop interface to organize playlists on YouTube

• Host: GitHub
• URL: https://github.com/Trinovantes/userscript-youtube-playlist-organizer
• Owner: Trinovantes
• License: agpl-3.0
• Created: 2020-10-17T21:00:15.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2024-04-04T07:17:08.000Z (3 months ago)
• Last Synced: 2024-04-05T07:45:20.076Z (3 months ago)
• Topics: typescript, userscript, youtube
• Language: TypeScript
• Homepage:
• Size: 5.18 MB
• Stars: 16
• Watchers: 6
• Forks: 0
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Lists

• awesome-stars - userscript-youtube-playlist-organizer
• my-awesome-stars - Trinovantes/userscript-youtube-playlist-organizer - Drag and drop interface to organize playlists on YouTube (TypeScript)
• my-awesome-starred - Trinovantes/userscript-youtube-playlist-organizer - Drag and drop interface to organize playlists on YouTube (TypeScript)

README

        
# YouTube Playlist Organizer

![](.github/img/preview.gif)

I add a lot of YouTube videos to my Watch Later list throughout the week and binge them on the weekends. I generally like to watch videos that fall under the same topics together (e.g. all art videos, all music videos, etc.). Currently, it is very tedious to move videos in my Watch Later list into other playlists. I created this Userscript to help me organize my Watch Later list (as well as any other playlists):

Action | Default Web UI | YouTube Playlist Organizer

--- | -- | ---

Move to another playlist | 5 Clicks  | 1 Drag

Add to Watch Later
(from a normal playlist) | 2 clicks | 1 Drag

Add to Queue | 2 Clicks | 1 Drag

Remove from List | 2 Clicks | 1 Drag

### Why Userscript instead of YouTube API

As of [2016](https://developers.google.com/youtube/v3/revision_history#september-15-2016), the Watch Later list has been depricated from YouTube's API. As a result, the only way to programatically make changes to the Watch Later list is by directly emulating user actions on the website.

### Disclaimer

This tool relies on timers and jQuery selectors to find playlists and videos on the page. Random lag may break the script. In addition, this tool *will* stop working whenever YouTube's markup changes.

## Installation Guide

1. Install a Userscript manager for your web browser

    * [Greasemonkey](https://addons.mozilla.org/en-US/firefox/addon/greasemonkey/) (Firefox)

    * [Tampermonkey](https://www.tampermonkey.net/) (Chrome, Firefox, Safari, Edge)

2. [Download the latest build](https://github.com/Trinovantes/userscript-youtube-playlist-organizer/releases/download/latest/userscript-youtube-playlist-organizer.user.js). If you have Greasemonkey or Tampermonkey installed, then you should immediately be prompted with a confirmation window asking you if you wish to install this Userscript.

## Dev Guide

1. Install prereqs

    * `node`

    * `yarn`

    * Tampermonkey on Chrome

2. In Chrome:

    * Go to `chrome://extensions/`

    * Go into Tampermonkey's details

    * Enable `Allow access to file URLs`

3. Run dev server

    ```

    yarn install

    yarn dev

    ```

4. In Chrome:

    * Go to `http://localhost:8080/userscript-youtube-playlist-organizer.proxy.user.js` and install the script