v10/packages/react/CHANGELOG.md

Changelog

0.1.0-preview.3 (2025-10-29)

Features

• skins: add html port of minimal skin (#140) (47ac22e)
• ui: skin design improvements, add html frosted skin (WIP) (#133) (75a90e7)

Bug Fixes

• add aspect-ratio to demos (#136) (e0a46de)
• packages: update version badges (#138) (22d9cb6)
• react: prevent dev build race condition (#139) (67d1007)

Dependencies

• The following workspace dependencies were updated
  • dependencies
    • @videojs/core bumped to 0.1.0-preview.3
    • @videojs/icons bumped to 0.1.0-preview.3
    • @videojs/utils bumped to 0.1.0-preview.3

0.1.0-preview.2 (2025-10-25)

Miscellaneous Chores

• @videojs/react: Synchronize videojs versions

Dependencies

• The following workspace dependencies were updated
  • dependencies
    • @videojs/core bumped to 0.1.0-preview.2
    • @videojs/icons bumped to 0.1.0-preview.2
    • @videojs/utils bumped to 0.1.0-preview.2

0.1.0-preview.1 (2025-10-25)

Features

• add a solution for React preview time display (#50) (f78b09f)
• add compound html timerange component (#14) (017ecdb)
• add core range, time and volume range (#23) (687b765)
• add data style attributes to popover (#62) (6d7325c)
• add display click to play / pause (#117) (4f06ef6)
• add focus state to sliders and volume slider (#60) (f514051)
• add HTML tooltip component (#40) (d2a0b27)
• add keyboard control to sliders (#115) (0a49026)
• add popover React component (#33) (f775a3d)
• add range orientation to react components (#30) (5e3cb8a)
• add React tooltip component (#35) (c4a3f1b)
• add showRemaining functionality to current time display (ab07a8a)
• add transition status to React tooltip (#42) (39e862a)
• add volume range compound component (#19) (aefe890)
• core,html,react: implement VolumeRange component with integrated state management (2282f47)
• implement current time display components (5bd0a15)
• initialize Video.js 10 monorepo with core architecture (4b0d84e)
• make time range compound component (#10) (71a8daf)
• media-store,html,react: implement TimeRange component with hook-style architecture (c29fd2c)
• migrate entire monorepo from tsc to tsup for production builds (7403cc7)
• migrate examples from prototype and add CSS modules support (19c85fc)
• monorepo: migrate prototype code to organized package structure (4b472ec)
• react-icons: implement SVGR-powered auto-generation with full styling support (6fcb18f)
• react-media-store: add shallowEqual utility for optimized state comparisons (8e75d62)
• react: add fullscreen button component (7d819df)
• react: add MediaContainer component for fullscreen functionality (23e3876)
• react: add Tailwind v4 compiled CSS for skins with vjs prefix (#114) (92b82e9)
• react: adding simple video (#125) (f6b5f80)
• react: enable automatic CSS injection for MediaSkinDefault component (bc8adaa)
• react: implement duration display component (c5b659f)
• rename range to slider (#46) (9c6eaef)
• skins: integrate duration display into default skins (2ed2191)
• ui: add toasted skin (bdd2f36)
• ui: micro icons, toasted design tweaks (#52) (bd3f0f7)
• ui: minor style tweaks (d3221ec)
• ui: more skin style tweaks (#53) (7c9a0a5)
• ui: port over default skin (ff4ea36)
• ui: port over default skin (9950945)
• ui: skin and icon tweaks (#59) (cdebece)
• ui: skin design tweaks (#126) (a93484e)
• ui: styling fixes for toasted skin (#38) (4ffaa58)

Bug Fixes

• design tweaks to toasted skin, lint rule tweaks (#44) (3a0767c)
• enable eslint & run eslint:fix (#43) (5cb93a1)
• icons: add currentColor fill to fullscreen icons for proper theming (d0d4876)
• minimal volume slider bug & fix dev infinite bug (#73) (591dab6)
• React version mismatch, add forward refs (0a42bfe)
• react: implement proper HTML boolean data attributes for components (26998a1)
• resolve package dependency and TypeScript export issues (7154b1e)
• resolve TypeScript build errors across packages (374db7a)
• root: add videojs keyword to package.json (4a9f8b2)
• seek jump back to current time (#22) (a3f9630)
• skin exports/imports (0afa9b7)
• skin syntax usage cleanup (#48) (d4f3f4b)
• time-display: clean up time utilities and simplify components (597e79d)
• tooltip and popover portal (49d0b03)
• tooltip syntax error & remove restMs (fee1670)
• typescript: resolve declaration file generation for rollup packages (#1) (69670e8)
• ui: revert style testing change (1ef66c9)
• ui: tone down text shadow on toasted skin (#54) (924b257)
• workspace: convert pnpm workspace protocol to npm workspace syntax (fc5a0e4)

Dependencies

• The following workspace dependencies were updated
  • dependencies
    • @videojs/core bumped to 0.1.0-preview.1
    • @videojs/icons bumped to 0.1.0-preview.1
    • @videojs/utils bumped to 0.1.0-preview.1