search

SRGSSR / pillarbox-web

Pillarbox is a versatile media playback ecosystem engineered for the web.
https://srgssr.github.io/pillarbox-web-demo/
MIT License
12 stars 1 forks source link

feat(demo): migrate example page to lit #141

Closed jboix closed 8 months ago

jboix commented 9 months ago

Description

Closes #91

Migration of the demo page to Lit. This decision comes after evaluating various template engines, and Lit was chosen for its seamless integration with web components.

Changes made

  1. The header component is now implemented as a LitElement.
  2. The spinner, intersection observer and scroll to top components have been refactored to use LitElement.
  3. The Examples, Search and Lists pages have all been refactored to use LitElement.
  4. Introduction of Routing Components:
    • The refactor introduces new components: namely route-link and route-outlet, to enable routing functionality within the application. The router stays the same.
  5. A theme has been established and is now applied across various components. To align a component with the application's theme, it needs to be imported as such: static styles = [theme, ...];. The same approach is used for integrating animations.
github-actions[bot] commented 9 months ago

Coverage report

St.:grey_question:
 Category Percentage Covered / Total
🟢 Statements 98.37% 482/490
🟢 Branches 93.44% 228/244
🟢 Functions 100% 136/136
🟢 Lines 99.15% 466/470

Test suite run success

146 tests passing in 9 suites.

Report generated by 🧪jest coverage report action from cea45bbbd9cecb8999cb93ac952f3b2ab1572b98