How shyrwinsia/blur-fb-photos works
Blur FB Photos is a browser extension that lets users configure image-description keywords and display options, then blurs matching Facebook images while browsing. The settings script persists preferences in browser sync storage; the content script observes page changes, reads those preferences, and applies blur and optional metadata or match labels. The README documents the settings-to-browsing workflow and browser support. The manifest’s wiring and the HTML-to-script binding are not shown, so those links are left unverified.
Main entry points: content-script.js Image scanner · options.js Settings controller · content-style.css Page styles · options.html Settings UI
Components 12
Settings
- Settings UI
options.html - Settings controller
options.js
Extension runtime
- Sync storage
- Extension manifest
manifest.json
Image processing
- Page observer
content-script.js - Image scanner
content-script.js
Page presentation
- Image blur
content-script.js - Metadata caption
content-script.js - Matched keywords
content-script.js - Page styles
content-style.css
Other components
- User
- Facebook page
Connections 14
- User → Settings UI: opens settings
README.md - Settings UI → Settings controller: configures
- Settings controller → Sync storage: writes preferences
options.js - Settings controller → Sync storage: loads preferences
options.js - Facebook page → Page observer: provides DOM
content-script.js - Page observer → Image scanner: triggers scan
content-script.js - Image scanner → Sync storage: loads preferences
content-script.js - Image scanner → Image blur: blurs matches
content-script.js - Image scanner → Metadata caption: adds metadata
content-script.js - Image scanner → Matched keywords: adds match label
content-script.js - Image blur → Page styles: uses styles
- Metadata caption → Page styles: uses styles
- Matched keywords → Page styles: uses styles
- Extension manifest → Page observer: registers script