Architecture

Architecture Overview

Components

1. Popup UI (popup.js)

   • User interface
   • Chart drawing
   • CSV export
   • Tab interactions
   • Triggers collection requests

2. Background Worker (background.js)

   • Core GraphQL API handler
   • Batching (10 ops per request)
   • Data normalization
   • Result aggregation
   • Storage management
   • Responds to all extension messages

3. Content Scripts

   content.js

   • Scans visible list items for post anchors
   • Extracts titles + IDs
   • Responds to collectNow messages

   contentScript.js

   • Auto-scroll pagination system
   • Provides SCAN_MEDIUM_TAB_PAGINATED handler

4. Manifest (MV3)

   Defines permissions:

   • tabs
   • storage
   • scripting
   • Medium domains (host_permissions)