Refined GitHub is a browser extension (Chrome, Firefox, Safari) that enhances the GitHub web interface with over 200 modular features. The system is a content script injected into GitHub pages, managed by a feature lifecycle system (feature-manager.tsx) that uses AbortSignal for cleanup. Features are self-contained .tsx files that observe DOM changes, add event listeners, or inject UI elements via Svelte components or dom-chef JSX. The background script handles messaging, hotfixes, and context menus. The options page allows per-domain feature toggles, token management, and custom CSS. The architecture is highly modular and well-organized, with a strong emphasis on performance and cleanup. While the core functionality is UI enhancement, it also makes extensive use of GitHub's GraphQL API for data fetching, with caching via webext-storage-cache. The codebase demonstrates high craftsmanship with patterns like selector-observer, batched functions, and a unidirectional feature registration pattern. Maintenance is active with daily releases, and technical drift is low due to modern tooling (TypeScript, Svelte 5, Rollup, Vitest).
Violentmonkey is a mature, open-source browser extension for managing and executing userscripts across Chrome, Firefox, Edge, and other WebExtensions-compatible browsers. The extension provides a full lifecycle for userscripts: installation from URLs or files, automatic updates, syntax-highlighted editing (via CodeMirror 5), per-script configuration, and a dashboard for bulk operations. Its architecture comprises a background service worker (MV3) or background page (MV2), content scripts injected into web pages (with separate realms for page-level GM API execution and content-level bridge), a popup interface, an options dashboard, an installation confirmation page, and an offscreen document for cross-origin requests under MV3. The system integrates multiple sync backends (Dropbox, Google Drive, OneDrive, WebDAV, S3-compatible), supports i18n with 30+ locales via Transifex, and includes custom build tooling for multi-browser packaging. While the core domain is userscript management, the codebase demonstrates sophisticated patterns for secure script injection, anti-spoofing (safe globals), reactive settings, and concurrency-limited storage operations.
This repository contains the ToS;DR browser extension (Manifest V3) for Chrome, Firefox, and Edge. It downloads a local database of website service ratings from the ToS;DR API, then detects which service a visited domain corresponds to by progressively reducing the hostname. When a match is found, it updates the toolbar icon with the service's grade (A–E) and enables the popup to show detailed summaries of terms-of-service points. The popup also fetches live service details from the API if needed. The codebase is written entirely in TypeScript with strict type checking, uses Vite for building, and includes CI/CD workflows for linting, type-checking, and creating release artifacts. The architecture is a standard single-page browser extension with a background script (or background page for Firefox), popup UI, and settings page. No test suite is present, but the code is well-organized and modular.
AutoPiP is a Safari Web Extension paired with a small Cocoa host app for macOS 13.5+. In production, it automatically enters Picture-in-Picture mode for HTML5 video when the user switches tabs (visibilitychange), switches windows (blur/focus with a 100ms delay that filters internal focus changes like clicking YouTube live chat), or scrolls a YouTube video out of view (IntersectionObserver with a 10% threshold). The toolbar popup provides a global on/off toggle, per-feature switches, blacklist/whitelist site control with full-hostname or root-domain matching, and a configurable keyboard shortcut (default ⌥P) that prefers the W3C requestPictureInPicture API and falls back to webkitSetPresentationMode. The extension is Manifest V2, which is the only option Safari currently supports, and it makes no outbound network requests beyond Sparkle update checks performed by the host app. Architecturally, the product is split into three layers: the content script (content.js) owns PiP state transitions and video discovery via priority-ordered selectors (YouTube, Disney+, Twitch, generic) with a MutationObserver-invalidated cache; the popup (popup.js) persists settings in browser.storage.local and broadcasts changes to all open tabs via runtime messages; and the Swift host app provides a first-launch onboarding flow in a WKWebView, bridges update preferences through a native message handler, and wraps Sparkle 2.9.3 with an opt-in beta channel. The release pipeline is the standout feature: semver.txt is the single source of truth, feature/* branches produce immutable beta tags, main produces stable releases, and a canonical Sparkle appcast plus Homebrew cask are updated automatically via Python scripts with atomic file replacement. The repository is actively maintained (last commit September 2026, beta release v2.1.1 in progress) with a well-instrumented CI setup: dependency-free Node.js tests execute the content script, popup, and host script inside a vm sandbox with fake DOM objects; Swift unit tests cover onboarding JSON parsing; and release-pipeline tests validate appcast/cask transformations and workflow invariants. Documentation is unusually thorough (AGENTS.md, BUILD.md, PRIVACY.md, SECURITY.md). Minor weaknesses: the UI test targets contain only Xcode template boilerplate, popup.js uses unconditional console.log in a few places, and storage keys/message names are duplicated string contracts between popup.js and content.js rather than shared constants.
Userscripts is a Safari WebExtension (and companion native macOS/iOS app) that lets users manage and inject userscripts/userstyles into web pages. It provides a popup for toggling scripts and checking updates, a full-featured code editor (CodeMirror 5) for editing scripts, and native apps that store scripts in a local filesystem directory. The extension communicates with the native app via Safari's native messaging, and supports all major Greasemonkey API methods, match patterns, and metadata blocks. The project uses Svelte+Vite for all UI surfaces, Swift for native platforms, and Xcode project with Fastlane for deployment. It is a polished, well-architected tool that fills a gap left by Safari's limited extension ecosystem.
TikTok Pro Tools is a browser extension that enhances the TikTok web experience with features like background play, auto-pause, playback speed control, audio equalization, 360 audio effects, cleaner viewing, keyword-based filtering, and media downloads. The extension consists of a background service worker for handling downloads and alarms, a content script that modifies the TikTok page based on user settings, and a popup UI for adjusting settings. The codebase demonstrates good use of browser APIs and includes a notable audio processing component in hook.js that intercepts the Web Audio API to insert custom equalizer and 360 effects.