Skip to content

feat: iframe-and-UI: iframe detection and UI/UX refactor#27

Merged
jvillegasd merged 2 commits intomainfrom
feat/iframe-ui
Feb 24, 2026
Merged

feat: iframe-and-UI: iframe detection and UI/UX refactor#27
jvillegasd merged 2 commits intomainfrom
feat/iframe-ui

Conversation

@jvillegasd
Copy link
Owner

This pull request introduces several improvements to the extension, focusing on UI/UX enhancements for the options/settings page, more robust handling of content scripts in iframes, and minor code cleanups in the popup logic. The most significant changes are grouped below.

UI/UX Improvements for Options Page:

  • Major redesign of src/options/options.html with new design tokens, custom font (Inter), and improved dark/light mode support. Introduces a sticky save bar, more consistent spacing, and modernized form elements, significantly enhancing the look and usability of the settings page. [1] [2] [3]

Content Script Robustness:

  • Refactors iframe detection in src/content.ts to use a constant (inIframe) and ensures initialization, navigation listeners, and icon resets only occur in the top frame. This prevents redundant or conflicting behavior when the script is injected into iframes. [1] [2] [3] [4] [5]

Extension Permissions:

  • Updates manifest.json to add the webNavigation permission and enables content scripts to run in all frames, supporting more comprehensive video detection across embedded content. [1] [2]

Popup Logic Simplification:

  • Cleans up the popup script (src/popup/popup.ts) by removing unused constants and simplifying the logic for force detection and clearing completed downloads. This results in more maintainable and readable code. [1] [2] [3] [4]

jvillegasd and others added 2 commits February 23, 2026 16:28
Replace generic system fonts and Google Blue aesthetic with a cohesive
design system: Inter typeface, blue-tinted dark surfaces, teal accent,
semantic color tokens, and consistent spacing/radius variables. Remove
3 duplicated bottom bars (~180 lines), add compact header with theme
toggle and settings, rich empty states with SVG icons, left-border
warning cards, unified progress bars (shimmer animation for both
download and recording states), and section-level clear buttons.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Enable content script in all frames (all_frames: true) so videos
embedded in iframes are detected. Popup queries all frames via
webNavigation.getAllFrames and deduplicates by normalized URL.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@jvillegasd jvillegasd self-assigned this Feb 24, 2026
@github-actions github-actions bot changed the title feat/iframe-and-UI: iframe detection and UI/UX refactor feat: iframe-and-UI: iframe detection and UI/UX refactor Feb 24, 2026
@jvillegasd jvillegasd merged commit 9f429c8 into main Feb 24, 2026
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant