Skip to content

refactor(media): use the packaged Video.js skins instead of a vendored copy - #138

Merged
skjnldsv merged 1 commit into
mainfrom
feature/videojs-packaged-skin
Oct 9, 2026
Merged

skjnldsv merged 1 commit into
mainfrom
feature/videojs-packaged-skin

Conversation

@skjnldsv

@skjnldsv skjnldsv commented Oct 9, 2026

Copy link
Copy Markdown
Contributor

Follow-up to #128: we don't need our own copy of the skin. The packaged <video-skin> and <audio-skin> take our accent through their public CSS variables, which drops about 5800 lines.

Before After
Video
Audio

The bar and menus keep the Video.js look, and picture-in-picture is back. The skin's controls live in an open shadow root, which is how the speed menu stays localised and the swipe guard still reaches them. The audio speed button is drawn in CSS, so it shows 1.5× whatever the language. The poster after the end is now our own image over the video, since the skin only shows its poster before playback starts.

👾 This pull request was assisted by Claude Code, commits carry an Assisted-by trailer.

…d copy

The skins only take their accent from us now, through their public
CSS variables, which drops the copied skin source and its templates.

Assisted-by: ClaudeCode:claude-opus-5-5
Signed-off-by: John Molakvoæ <14975046+skjnldsv@users.noreply.github.com>
@skjnldsv skjnldsv added status: review Waiting for reviews type: refactor ♻️ Refactor code (not a bug fix, not a feature just refactoring) AI assisted labels Oct 9, 2026
@skjnldsv skjnldsv self-assigned this Oct 9, 2026
@codecov

codecov Bot commented Oct 9, 2026

Copy link
Copy Markdown

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 92.10%. Comparing base (ff327f6) to head (af9bbed).

Additional details and impacted files
@@            Coverage Diff             @@
##             main     #138      +/-   ##
==========================================
- Coverage   92.84%   92.10%   -0.74%     
==========================================
  Files          50       45       -5     
  Lines        4330     3852     -478     
  Branches      853      856       +3     
==========================================
- Hits         4020     3548     -472     
+ Misses        289      283       -6     
  Partials       21       21              

☔ View full report in Codecov by Harness.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

@skjnldsv
skjnldsv merged commit 0833817 into main Oct 9, 2026
20 of 21 checks passed
@skjnldsv
skjnldsv deleted the feature/videojs-packaged-skin branch October 9, 2026 12:17
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

AI assisted status: review Waiting for reviews type: refactor ♻️ Refactor code (not a bug fix, not a feature just refactoring)

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant