Skip to content

tientq64/userscripts

Repository files navigation

πŸ“œ UserScripts

The userscript collection I wrote makes life easier and better. I use the browser extension TamperMonkey to run and manage userscripts. You need to install it first to use userscript.

Name Description Daily installs Total installs
Auto Skip YouTube Ads Automatically skip YouTube ads instantly. Undetected by YouTube ad blocker warnings.
YouTube Shorts To Normal Video Instantly redirect YouTube Shorts videos to normal video view, allowing you to save, download, choose quality, etc.
No Fullscreen Dropdown Real fullscreen instead of fullscreen dropdown, very annoying when playing games. Useful for Microsoft Edge. Press Shift+F11 to toggle fullscreen.
Tetr.io Improvements Provides improvements for Tetr.io game.

πŸ“– Usage

Install on GreasyFork (Recommended)

Visit a list of some of my userscripts on the GreasyFork website here.

Install on GitHub

Each folder in the scripts folder contains a script.user.js file, which contains the script code. Click on that file, then click Raw button to install it.

πŸ› Bug report

Report bugs here.

πŸ› οΈ Development guide

This section is for developers. If you are a user, you can skip this section.

Clone this repository:

git clone https://github.com/tientq64/userscripts.git
cd userscripts

Install pnpm if not installed:

npm i -g pnpm

Install dependencies:

pnpm install

Start:

pnpm run watch

The script.user.js file is compiled from the script.user.ts or script.user.tsx file, so do not modify it.

While developing, instead of having to reinstall the script.user.js file every time it changes, installing the dev.user.js file solves that problem. But note, if you change in the metadata block, you have to reinstall the dev.user.js file.

Built-in Tailwind CSS integration, just declare in the metadata block and use:

// ==UserScript==
// @resource     TAILWINDCSS
// @grant        GM_addStyle
// ==/UserScript==

const tailwindCss: string = GM_getResourceText('TAILWINDCSS')
GM_addStyle(tailwindCss)

const el: ReactElement = <div className="flex p-4 text-rose-700" />

Common type definitions are written in .resources/global.d.ts file.

βš–οΈ License

All scripts are licensed under the MIT license.