$ show Nitrino/easysubs
EasySubs is a browser extension for language learning that enhances video watching on platforms like YouTube, Netflix, Coursera, and KinoPub. It provides interactive subtitles with translation capabilities, vocabulary export to learning services (Anki, LinguaLeo, Puzzle English), and UI customization features. The extension uses a content script to modify web pages, a background service worker for cross-tab communication, and a React-based popup for configuration. Built with React/TypeScript, Vite, and Effector for state management, it employs abstraction layers for video platforms, translation services, and learning integrations to handle the complexity of supporting multiple services with frequently changing UIs. The repository also includes a Next.js-based documentation site in the docs/ directory for marketing and user support.
The LLM identified 3 files worth highlighting for reuse:
Defines a common interface for integrating with different video platforms (YouTube, Netflix, etc.). Each platform implements this interface to handle site-specific DOM interactions, video time retrieval, and subtitle extraction. This abstraction isolates platform-specific complexities and allows adding new services with minimal impact on core logic. Demonstrates strong separation of concerns and encapsulation of variant behavior.
A utility that wraps Effector stores to automatically persist state to chrome.storage.sync and restore it on initialization. Handles serialization, versioning, and error handling for browser extension storage limitations. This pattern solves the common problem of state persistence in browser extensions and could be reused in any Effector-based extension with minimal modification. Shows thoughtful integration of state management with browser-specific storage APIs.
Part of a translation service abstraction layer that provides a uniform interface for different translation APIs (Google, DeepL, Bing, Yandex, ChatGPT). Each fetcher handles API-specific request/response formatting, error handling, and rate limiting. The abstraction allows switching translation services without changing consumer code and includes caching mechanisms to reduce API calls. Demonstrates effective handling of third-party API variations and concerns like caching and error resilience.