Files
v10/packages/__tech-preview__/react/CHANGELOG.md
T

254 lines
17 KiB
Markdown

# Changelog
## [0.1.0-preview.10](https://github.com/videojs/v10/compare/@videojs/react@0.1.0-preview.9...@videojs/react@0.1.0-preview.10) (2025-12-06)
### Features
* add console banner ([#186](https://github.com/videojs/v10/issues/186)) ([072b0de](https://github.com/videojs/v10/commit/072b0dece76289d7d4215907ce70b36debbb78bc))
* add tooltip core ([#212](https://github.com/videojs/v10/issues/212)) ([cbf41ce](https://github.com/videojs/v10/commit/cbf41ce4c750cd5c3bb6cbf247bad91ccd578cd0))
### Bug Fixes
* use popover core in react popover ([#208](https://github.com/videojs/v10/issues/208)) ([99fef78](https://github.com/videojs/v10/commit/99fef78f63e8dd121513b9cd20696a7d35603837))
### Dependencies
* The following workspace dependencies were updated
* dependencies
* @videojs/core bumped to 0.1.0-preview.10
* @videojs/icons bumped to 0.1.0-preview.10
* @videojs/utils bumped to 0.1.0-preview.10
## [0.1.0-preview.9](https://github.com/videojs/v10/compare/@videojs/react@0.1.0-preview.8...@videojs/react@0.1.0-preview.9) (2025-11-18)
### Bug Fixes
* anchor name in popover and tooltip ([#194](https://github.com/videojs/v10/issues/194)) ([d965858](https://github.com/videojs/v10/commit/d9658582f12f9745548bcb9461a3e365adc16339))
* clean up core, less seams in wrappers ([#197](https://github.com/videojs/v10/issues/197)) ([601a5a3](https://github.com/videojs/v10/commit/601a5a37939605ca38f81a825fd02934e7928c39))
* fix CLS due to popover attribute not SSR ([#202](https://github.com/videojs/v10/issues/202)) ([0952673](https://github.com/videojs/v10/commit/09526731f7e4ee3bd58c45179d37f90dfc96d7a8))
### Dependencies
* The following workspace dependencies were updated
* dependencies
* @videojs/core bumped to 0.1.0-preview.9
* @videojs/icons bumped to 0.1.0-preview.9
* @videojs/utils bumped to 0.1.0-preview.9
## [0.1.0-preview.8](https://github.com/videojs/v10/compare/@videojs/react@0.1.0-preview.7...@videojs/react@0.1.0-preview.8) (2025-11-12)
### Bug Fixes
* hydration mismatch in Tooltip and Popover ([#190](https://github.com/videojs/v10/issues/190)) ([8b868e9](https://github.com/videojs/v10/commit/8b868e95a3ffd92421ddb2846708d3a2ca8125e3))
### Dependencies
* The following workspace dependencies were updated
* dependencies
* @videojs/core bumped to 0.1.0-preview.8
* @videojs/icons bumped to 0.1.0-preview.8
* @videojs/utils bumped to 0.1.0-preview.8
## [0.1.0-preview.7](https://github.com/videojs/v10/compare/@videojs/react@0.1.0-preview.6...@videojs/react@0.1.0-preview.7) (2025-11-11)
### Features
* **react:** use popover and anchor position API ([#178](https://github.com/videojs/v10/issues/178)) ([f513c74](https://github.com/videojs/v10/commit/f513c74a6cebc09ac76512bb86af10a33350f900))
### Bug Fixes
* **skins:** remove vjs- prefixed CSS custom properties ([#179](https://github.com/videojs/v10/issues/179)) ([a62623b](https://github.com/videojs/v10/commit/a62623ba41d294edead981a1b468f7f486c91625))
* **skins:** slightly more idiomatic Tailwind, added custom properties ([#175](https://github.com/videojs/v10/issues/175)) ([694afb7](https://github.com/videojs/v10/commit/694afb7de992edbd667bc3d895df8bf198ccabb3))
### Dependencies
* The following workspace dependencies were updated
* dependencies
* @videojs/core bumped to 0.1.0-preview.7
* @videojs/icons bumped to 0.1.0-preview.7
* @videojs/utils bumped to 0.1.0-preview.7
## [0.1.0-preview.6](https://github.com/videojs/v10/compare/@videojs/react@0.1.0-preview.5...@videojs/react@0.1.0-preview.6) (2025-11-06)
### Features
* **react:** use SimpleVideo as default Video and rename HLS version to HlsVideo ([#171](https://github.com/videojs/v10/issues/171)) ([1878a27](https://github.com/videojs/v10/commit/1878a271ba300919d1eff19dd2db79340e8714fa))
### Bug Fixes
* **react, html:** rename MediaProvider (and related) to VideoProvider ([#159](https://github.com/videojs/v10/issues/159)) ([f285573](https://github.com/videojs/v10/commit/f28557359c7dda0282f9d532fa4b2fce19766e40))
* **react:** update use client usage in react package modules for next.js use ([#157](https://github.com/videojs/v10/issues/157)) ([16cfde1](https://github.com/videojs/v10/commit/16cfde138d5a8c9fb919c49f49240ebacb1d0639))
* **site:** update discord link ([#170](https://github.com/videojs/v10/issues/170)) ([bb10294](https://github.com/videojs/v10/commit/bb10294419439fb02df650f3e7f7c5496ecc3a73))
### Dependencies
* The following workspace dependencies were updated
* dependencies
* @videojs/core bumped to 0.1.0-preview.6
* @videojs/icons bumped to 0.1.0-preview.6
* @videojs/utils bumped to 0.1.0-preview.6
## [0.1.0-preview.5](https://github.com/videojs/v10/compare/@videojs/react@0.1.0-preview.4...@videojs/react@0.1.0-preview.5) (2025-11-03)
### Miscellaneous Chores
* **@videojs/react:** Synchronize videojs versions
### Dependencies
* The following workspace dependencies were updated
* dependencies
* @videojs/core bumped to 0.1.0-preview.5
* @videojs/icons bumped to 0.1.0-preview.5
* @videojs/utils bumped to 0.1.0-preview.5
## [0.1.0-preview.4](https://github.com/videojs/v10/compare/@videojs/react@0.1.0-preview.3...@videojs/react@0.1.0-preview.4) (2025-10-30)
### Features
* **html:** add element registrations ([eaaa03c](https://github.com/videojs/v10/commit/eaaa03c284f9fc3c9069bedb74d95c8a951c1b56))
### Dependencies
* The following workspace dependencies were updated
* dependencies
* @videojs/core bumped to 0.1.0-preview.4
* @videojs/icons bumped to 0.1.0-preview.4
* @videojs/utils bumped to 0.1.0-preview.4
## [0.1.0-preview.3](https://github.com/videojs/v10/compare/@videojs/react@0.1.0-preview.2...@videojs/react@0.1.0-preview.3) (2025-10-29)
### Features
* **skins:** add html port of minimal skin ([#140](https://github.com/videojs/v10/issues/140)) ([47ac22e](https://github.com/videojs/v10/commit/47ac22e9b8a513c9640ed1eff20838d8cdb749ce))
* **ui:** skin design improvements, add html frosted skin (WIP) ([#133](https://github.com/videojs/v10/issues/133)) ([75a90e7](https://github.com/videojs/v10/commit/75a90e71041c2d0bf434823e59dd04f86f89b0bb))
### Bug Fixes
* add aspect-ratio to demos ([#136](https://github.com/videojs/v10/issues/136)) ([e0a46de](https://github.com/videojs/v10/commit/e0a46de0ab56199afd37b24ebfce93ee85e2b699))
* **packages:** update version badges ([#138](https://github.com/videojs/v10/issues/138)) ([22d9cb6](https://github.com/videojs/v10/commit/22d9cb64f2e5b9601a2039bb166dbe3fee6a1b3e))
* **react:** prevent dev build race condition ([#139](https://github.com/videojs/v10/issues/139)) ([67d1007](https://github.com/videojs/v10/commit/67d1007d0c78564537f38f1683a45af320869465))
### 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](https://github.com/videojs/v10/compare/@videojs/react@0.1.0-preview.1...@videojs/react@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](https://github.com/videojs/v10/compare/@videojs/react@0.1.0-preview.0...@videojs/react@0.1.0-preview.1) (2025-10-25)
### Features
* add a solution for React preview time display ([#50](https://github.com/videojs/v10/issues/50)) ([f78b09f](https://github.com/videojs/v10/commit/f78b09fd16b7a9ee5a404c9260e3e764fb77ddde))
* add compound html timerange component ([#14](https://github.com/videojs/v10/issues/14)) ([017ecdb](https://github.com/videojs/v10/commit/017ecdbff991d140ea42e4a855269a54e0a19adc))
* add core range, time and volume range ([#23](https://github.com/videojs/v10/issues/23)) ([687b765](https://github.com/videojs/v10/commit/687b7655b0b6356c28663ca85c8f6d25a1023c18))
* add data style attributes to popover ([#62](https://github.com/videojs/v10/issues/62)) ([6d7325c](https://github.com/videojs/v10/commit/6d7325cedb182c37b955e729d32204e4afbba948))
* add display click to play / pause ([#117](https://github.com/videojs/v10/issues/117)) ([4f06ef6](https://github.com/videojs/v10/commit/4f06ef6c7684fd7064ca76685003a1c38ebd09cd))
* add focus state to sliders and volume slider ([#60](https://github.com/videojs/v10/issues/60)) ([f514051](https://github.com/videojs/v10/commit/f514051263f95d892315eed9d44b3d83829e5d4b))
* add HTML tooltip component ([#40](https://github.com/videojs/v10/issues/40)) ([d2a0b27](https://github.com/videojs/v10/commit/d2a0b27272f1967e5f7cde2df12920af92e3c300))
* add keyboard control to sliders ([#115](https://github.com/videojs/v10/issues/115)) ([0a49026](https://github.com/videojs/v10/commit/0a4902623d58f51055b1cc65498a0e716533ec29))
* add popover React component ([#33](https://github.com/videojs/v10/issues/33)) ([f775a3d](https://github.com/videojs/v10/commit/f775a3daf7573efb7fdbb15e96cf100daba4a487))
* add range orientation to react components ([#30](https://github.com/videojs/v10/issues/30)) ([5e3cb8a](https://github.com/videojs/v10/commit/5e3cb8ad8134ecaf20b6e021e301a38b8ed06de2))
* add React tooltip component ([#35](https://github.com/videojs/v10/issues/35)) ([c4a3f1b](https://github.com/videojs/v10/commit/c4a3f1b2f61d67f3346acd4aa2bf13630a6283eb))
* add showRemaining functionality to current time display ([ab07a8a](https://github.com/videojs/v10/commit/ab07a8a9a26f68066e292718f3cd17a2640c5477))
* add transition status to React tooltip ([#42](https://github.com/videojs/v10/issues/42)) ([39e862a](https://github.com/videojs/v10/commit/39e862a48704d31c9c1ca932a789438e3c54ec31))
* add volume range compound component ([#19](https://github.com/videojs/v10/issues/19)) ([aefe890](https://github.com/videojs/v10/commit/aefe890fee93981542282087b2f2c7474f1b47e6))
* **core,html,react:** implement VolumeRange component with integrated state management ([2282f47](https://github.com/videojs/v10/commit/2282f4799b1c3fc3c55473bdfc2def86384d5d19))
* implement current time display components ([5bd0a15](https://github.com/videojs/v10/commit/5bd0a154dbba01d2a5d11eb1f548fe4baa581675))
* initialize Video.js 10 monorepo with core architecture ([4b0d84e](https://github.com/videojs/v10/commit/4b0d84e9c8adfa7401084389da5deb751420b629))
* make time range compound component ([#10](https://github.com/videojs/v10/issues/10)) ([71a8daf](https://github.com/videojs/v10/commit/71a8dafd741c50fb489707678e23807fabe4cb4e))
* **media-store,html,react:** implement TimeRange component with hook-style architecture ([c29fd2c](https://github.com/videojs/v10/commit/c29fd2c2c1edd61c09a6683041c709a990d8a6f0))
* migrate entire monorepo from tsc to tsup for production builds ([7403cc7](https://github.com/videojs/v10/commit/7403cc728119322888e527468a07a7634f43b32a))
* migrate examples from prototype and add CSS modules support ([19c85fc](https://github.com/videojs/v10/commit/19c85fc2f8eb50c04dc6fa40322a2bd03358ad2e))
* **monorepo:** migrate prototype code to organized package structure ([4b472ec](https://github.com/videojs/v10/commit/4b472ec49cd91f0af61cb5aaa039d428982d3b91))
* **react-icons:** implement SVGR-powered auto-generation with full styling support ([6fcb18f](https://github.com/videojs/v10/commit/6fcb18f1d2b108990025f8ea67b3a31e17879d49))
* **react-media-store:** add shallowEqual utility for optimized state comparisons ([8e75d62](https://github.com/videojs/v10/commit/8e75d62f629b9320aeef48801856e1afb6c341ef))
* **react:** add fullscreen button component ([7d819df](https://github.com/videojs/v10/commit/7d819dfcd97a545ee46e1a62a20e553896b6e92e))
* **react:** add MediaContainer component for fullscreen functionality ([23e3876](https://github.com/videojs/v10/commit/23e38766308a21a7e5b17196344159f06581813c))
* **react:** add Tailwind v4 compiled CSS for skins with vjs prefix ([#114](https://github.com/videojs/v10/issues/114)) ([92b82e9](https://github.com/videojs/v10/commit/92b82e94f9cc856164f3b1c1a4e356fb2b07a73f))
* **react:** adding simple video ([#125](https://github.com/videojs/v10/issues/125)) ([f6b5f80](https://github.com/videojs/v10/commit/f6b5f804bf92e3e4573a8e93f7051636dcc36143))
* **react:** enable automatic CSS injection for MediaSkinDefault component ([bc8adaa](https://github.com/videojs/v10/commit/bc8adaa508802e9db95953e32963fe0e88107acf))
* **react:** implement duration display component ([c5b659f](https://github.com/videojs/v10/commit/c5b659f4493787cadead2196c41e7f697c9737c7))
* rename range to slider ([#46](https://github.com/videojs/v10/issues/46)) ([9c6eaef](https://github.com/videojs/v10/commit/9c6eaef2aa61771ae1407d0a594b3f790e0ff665))
* **skins:** integrate duration display into default skins ([2ed2191](https://github.com/videojs/v10/commit/2ed219158ddf6f720ce1be8e328bec4603a7e847))
* **ui:** add toasted skin ([bdd2f36](https://github.com/videojs/v10/commit/bdd2f36e13cf53fb2cec61730dece42a1ce8ce84))
* **ui:** micro icons, toasted design tweaks ([#52](https://github.com/videojs/v10/issues/52)) ([bd3f0f7](https://github.com/videojs/v10/commit/bd3f0f7510480125653506d8e2e560234f6c06f2))
* **ui:** minor style tweaks ([d3221ec](https://github.com/videojs/v10/commit/d3221ec21181090f7c5694f1951636c13b4c330b))
* **ui:** more skin style tweaks ([#53](https://github.com/videojs/v10/issues/53)) ([7c9a0a5](https://github.com/videojs/v10/commit/7c9a0a5e3e838c430c073b0b36dff3a81ad9aa46))
* **ui:** port over default skin ([ff4ea36](https://github.com/videojs/v10/commit/ff4ea3693e63ab3b5a728988ca44f3bab669e8ff))
* **ui:** port over default skin ([9950945](https://github.com/videojs/v10/commit/995094500823e1063e7ae291c9a2ea9a4aa74847))
* **ui:** skin and icon tweaks ([#59](https://github.com/videojs/v10/issues/59)) ([cdebece](https://github.com/videojs/v10/commit/cdebece1ebe8e5160b90e49ac2cbf05a7e0b6dca))
* **ui:** skin design tweaks ([#126](https://github.com/videojs/v10/issues/126)) ([a93484e](https://github.com/videojs/v10/commit/a93484e86b1d9209e3c49bfc6b2f5b11db55d7af))
* **ui:** styling fixes for toasted skin ([#38](https://github.com/videojs/v10/issues/38)) ([4ffaa58](https://github.com/videojs/v10/commit/4ffaa586340688ac9f5fb6d2ae3c02a62e9c4ab7))
### Bug Fixes
* design tweaks to toasted skin, lint rule tweaks ([#44](https://github.com/videojs/v10/issues/44)) ([3a0767c](https://github.com/videojs/v10/commit/3a0767c3407b2d6d8af3d3a8afd57b1e76efda85))
* enable eslint & run eslint:fix ([#43](https://github.com/videojs/v10/issues/43)) ([5cb93a1](https://github.com/videojs/v10/commit/5cb93a14a7f47d66d5c71f9b82867621beda236c))
* **icons:** add currentColor fill to fullscreen icons for proper theming ([d0d4876](https://github.com/videojs/v10/commit/d0d487601eb2da669be9a83cc8201d94998ec334))
* minimal volume slider bug & fix dev infinite bug ([#73](https://github.com/videojs/v10/issues/73)) ([591dab6](https://github.com/videojs/v10/commit/591dab66caf8829017688007320f92b7445c4baa))
* React version mismatch, add forward refs ([0a42bfe](https://github.com/videojs/v10/commit/0a42bfe86d1432c30a9f632a4235e4317c5b87e9))
* **react:** implement proper HTML boolean data attributes for components ([26998a1](https://github.com/videojs/v10/commit/26998a121710d57c56eaf8dfe9f423a4fe91a401))
* resolve package dependency and TypeScript export issues ([7154b1e](https://github.com/videojs/v10/commit/7154b1e44674a61735ab0f393a8bed3fcc689f8d))
* resolve TypeScript build errors across packages ([374db7a](https://github.com/videojs/v10/commit/374db7afc07d6211bfd3f8079bbcd9613f3b69f3))
* **root:** add videojs keyword to package.json ([4a9f8b2](https://github.com/videojs/v10/commit/4a9f8b2ad6fb27b463dcfe8d1a5fd883c9fa21d1))
* seek jump back to current time ([#22](https://github.com/videojs/v10/issues/22)) ([a3f9630](https://github.com/videojs/v10/commit/a3f9630bd1eb34a16f339ffd30071b8adc864ca0))
* skin exports/imports ([0afa9b7](https://github.com/videojs/v10/commit/0afa9b7187088b42408e6c64eff9026484473183))
* skin syntax usage cleanup ([#48](https://github.com/videojs/v10/issues/48)) ([d4f3f4b](https://github.com/videojs/v10/commit/d4f3f4b75b2c94c47b18242f131ac7050eb54cfc))
* **time-display:** clean up time utilities and simplify components ([597e79d](https://github.com/videojs/v10/commit/597e79d7fc12737353c8c9eb3f6e77ef0a04e9ed))
* tooltip and popover portal ([49d0b03](https://github.com/videojs/v10/commit/49d0b03d899c61b6c980a198ed531baeafe4dde7))
* tooltip syntax error & remove restMs ([fee1670](https://github.com/videojs/v10/commit/fee16708cb13670e30c8628425d621e2cfe0c7c6))
* **typescript:** resolve declaration file generation for rollup packages ([#1](https://github.com/videojs/v10/issues/1)) ([69670e8](https://github.com/videojs/v10/commit/69670e8d7134db34aee665d8871cd17901625915))
* **ui:** revert style testing change ([1ef66c9](https://github.com/videojs/v10/commit/1ef66c94611ad46f0f0b2f2fea0e0f0aa3e268f0))
* **ui:** tone down text shadow on toasted skin ([#54](https://github.com/videojs/v10/issues/54)) ([924b257](https://github.com/videojs/v10/commit/924b2578a41ad90df2c674e48016ff0aaa58287e))
* **workspace:** convert pnpm workspace protocol to npm workspace syntax ([fc5a0e4](https://github.com/videojs/v10/commit/fc5a0e46fd15f30245cb743a8006fc097c5b890e))
### 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