YT Scrape Comments 💬

The ultimate, high-performance YouTube comments extractor with a premium Apple Frosted Glass aesthetic.

Features • Installation • How to Use • Architecture

---

YT Scrape Comments is a modern Google Chrome extension (Manifest V3) designed to empower content creators, market researchers, and developers to effortlessly extract, copy, and download entire YouTube comment sections from any video instantly.

Equipped with a Floating Control Widget that adopts the Apple iOS & macOS (Frosted Glass Sheet) design language, it utilizes the highly precise, elegant, and dynamic SF Mono typography system.

✨ Features

🍎 Premium UI/UX (Apple Frosted Glass Aesthetic)

• Glassmorphic Floating Interface: Features a curated misty backdrop filter (backdrop-filter: blur(20px) saturate(180%)) adhering to precise iOS & macOS sheet material specifications.
• SF Mono Typography: Integrates Apple’s signature SF Mono font system for statistical numerical precision and interface harmony.
• Micro-Animations: Rounded control icons smoothly integrate with 60fps hardware-accelerated (GPU) micro-transitions.
• Auto Dark/Light Mode: Automatically monitors and adjusts the dashboard's background, text, and border colors dynamically following your active YouTube theme.

🔄 Smart Auto-Scroll Engine

• Dynamic Loading: Automatically scrolls YouTube pages to trigger lazy-loading of the comment section.
• Intelligent End Detection: Smartly halts the scroll engine once no new comments are detected.
• Customizable Limits: Instantly adjust comment limits to 100, 200 (Default), 500, 1000, or Unlimited.

💾 Multi-Format Data Export

Extracting data has never been easier. Pick the format that suits your analytical workflow:

Format	Description	Best For
Copy All	Neatly formats and copies all comments directly to your clipboard.	Quick sharing & pasting
TXT	Saves a structured text document as Video_Title-date.txt.	Reading & archiving
CSV	Encrypted in UTF-8 BOM (Author, Comment, Likes, Date, Profile URL) ensuring flawless readability in Excel/Google Sheets without breaking emojis.	Spreadsheets & Data Science
JSON	Provides a complete structured JSON file alongside video metadata.	Developers & APIs

📊 Interactive Statistics Toolbar

The extension popup menu acts as a dashboard displaying the cumulative total of comments you have successfully downloaded over time, complete with dynamic number counting animations.

---

🚀 Installation (Developer Mode)

Since this extension is an independent tool not yet publicly listed on the Chrome Web Store, you can manually install it in seconds:

1. Download the Repository: Clone this repository or download the ZIP file and extract it to a directory (e.g., D:\Projects\yt-scrape-comments).

   git clone https://github.com/faridhafizh/yt-scrape-comments.git

2. Open Chrome Extensions: Navigate to chrome://extensions/ in your Google Chrome browser.
3. Enable Developer Mode: Toggle the Developer Mode switch located in the top-right corner.
4. Load the Extension:
   • Click the Load unpacked button in the top-left corner.
   • Select the root directory of this project (the folder containing manifest.json).
5. Ready to Scrape! 🎉: Navigate to any YouTube video and locate the floating widget in the bottom-right corner.

---

💡 How to Use

1. Open a Video: Navigate to any YouTube video with an active comment section.
2. Expand the Dashboard: Click the floating circular YT Scrape Comments icon at the bottom-right of your screen.
3. Set the Limit: Choose your preferred comment scraping limit from the dropdown menu.
4. Start Scraping: Click "Mulai Gulir & Scrape" (Start Scroll & Scrape). The engine will automatically scroll and fetch comments in real-time.
5. Export: Once completed or manually stopped, choose your export format (Copy, TXT, CSV, or JSON) at the bottom of the panel.

---

🛡️ Clean Code Architecture

This project strictly adheres to high-level Clean Code Principles, ensuring exceptional maintainability, zero external dependencies, and peak performance:

• Separation of Concerns:
  • content.js: Handles DOM manipulation and comment data computation.
  • content.css: Isolates all styling, layouts, and animations.
  • background.js: Autonomously listens to browser-level events.
• Scope Encapsulation: All logics in content.js are securely wrapped inside an Immediately Invoked Function Expression (IIFE) to prevent global scope pollution and avoid collision with YouTube's internal libraries.
• Pointer Event Stability: Applies pointer-events: none !important to interactive child elements, preventing mouse "fall-through", eliminating cursor stuttering, and ensuring 100% reliable click detection.
• Hardware GPU Acceleration: Replaces layout-thrashing transition: all with optimized transform and opacity manipulations, backed by will-change hints for 60fps rendering.
• Efficient Data Deduplication: Employs a high-speed unique hash string (Author + Text) filter to instantly prevent duplicate data ingestion into the export queue.

---

📄 License

This project is licensed under the MIT License. Feel free to use, modify, and distribute this codebase for both personal and commercial endeavors.

Made with ❤️ for Creators, Researchers, and Developers.