zoriya/v10
1
0
Fork 0
mirror of https://github.com/zoriya/v10.git synced 2026-08-16 02:45:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor(packages): move feature presets to subpath exports (#633)

Browse Source
This commit is contained in:
rahim
2026-02-27 17:06:36 -08:00
committed by GitHub
parent 40606ff188
commit c92a9f914f
63 changed files with 266 additions and 187 deletions
Download Patch File Download Diff File Expand all files Collapse all files
site/src/components/docs/demos/buffering-indicator/react/css/BasicUsage.tsx
+3 -3
View File
@@ -1,9 +1,9 @@
import { BufferingIndicator, createPlayer, features } from '@videojs/react';
import { Video } from '@videojs/react/video';
import { BufferingIndicator, createPlayer } from '@videojs/react';
import { Video, videoFeatures } from '@videojs/react/video';
import './BasicUsage.css';
const Player = createPlayer({ features: [...features.video] });
const Player = createPlayer({ features: videoFeatures });
export default function BasicUsage() {
return (
site/src/components/docs/demos/controls/react/css/BasicUsage.tsx
+3 -3
View File
@@ -1,9 +1,9 @@
import { Controls, createPlayer, features, PlayButton, Time } from '@videojs/react';
import { Video } from '@videojs/react/video';
import { Controls, createPlayer, PlayButton, Time } from '@videojs/react';
import { Video, videoFeatures } from '@videojs/react/video';
import './BasicUsage.css';
const Player = createPlayer({ features: [...features.video] });
const Player = createPlayer({ features: videoFeatures });
export default function BasicUsage() {
return (
site/src/components/docs/demos/create-player/react/css/BasicUsage.tsx
+3 -3
View File
@@ -1,10 +1,10 @@
import { createPlayer, features } from '@videojs/react';
import { Video } from '@videojs/react/video';
import { createPlayer } from '@videojs/react';
import { Video, videoFeatures } from '@videojs/react/video';
import './BasicUsage.css';
const { Provider, Container, usePlayer } = createPlayer({
features: features.video,
features: videoFeatures,
});
function Controls() {
site/src/components/docs/demos/fullscreen-button/react/css/BasicUsage.tsx
+3 -3
View File
@@ -1,9 +1,9 @@
import { createPlayer, FullscreenButton, features } from '@videojs/react';
import { Video } from '@videojs/react/video';
import { createPlayer, FullscreenButton } from '@videojs/react';
import { Video, videoFeatures } from '@videojs/react/video';
import './BasicUsage.css';
const Player = createPlayer({ features: [...features.video] });
const Player = createPlayer({ features: videoFeatures });
export default function BasicUsage() {
return (
site/src/components/docs/demos/html-create-player/html/css/BasicUsage.ts
+2 -2
View File
@@ -3,14 +3,14 @@ import {
applyStateDataAttrs,
createButton,
createPlayer,
features,
MediaElement,
selectPlayback,
} from '@videojs/html';
import { videoFeatures } from '@videojs/html/video';
import '@videojs/html/media/container';
const { ProviderMixin, PlayerController, context } = createPlayer({
features: [...features.video],
features: videoFeatures,
});
class VideoPlayer extends ProviderMixin(MediaElement) {
site/src/components/docs/demos/mute-button/react/css/BasicUsage.tsx
+3 -3
View File
@@ -1,9 +1,9 @@
import { createPlayer, features, MuteButton } from '@videojs/react';
import { Video } from '@videojs/react/video';
import { createPlayer, MuteButton } from '@videojs/react';
import { Video, videoFeatures } from '@videojs/react/video';
import './BasicUsage.css';
const Player = createPlayer({ features: [...features.video] });
const Player = createPlayer({ features: videoFeatures });
export default function BasicUsage() {
return (
site/src/components/docs/demos/mute-button/react/css/VolumeLevels.tsx
+3 -3
View File
@@ -1,9 +1,9 @@
import { createPlayer, features, MuteButton } from '@videojs/react';
import { Video } from '@videojs/react/video';
import { createPlayer, MuteButton } from '@videojs/react';
import { Video, videoFeatures } from '@videojs/react/video';
import './VolumeLevels.css';
const Player = createPlayer({ features: [...features.video] });
const Player = createPlayer({ features: videoFeatures });
export default function VolumeLevels() {
return (
site/src/components/docs/demos/pip-button/react/css/BasicUsage.tsx
+3 -3
View File
@@ -1,9 +1,9 @@
import { createPlayer, features, PiPButton } from '@videojs/react';
import { Video } from '@videojs/react/video';
import { createPlayer, PiPButton } from '@videojs/react';
import { Video, videoFeatures } from '@videojs/react/video';
import './BasicUsage.css';
const Player = createPlayer({ features: [...features.video] });
const Player = createPlayer({ features: videoFeatures });
export default function BasicUsage() {
return (
site/src/components/docs/demos/play-button/react/css/BasicUsage.tsx
+3 -3
View File
@@ -1,9 +1,9 @@
import { createPlayer, features, PlayButton } from '@videojs/react';
import { Video } from '@videojs/react/video';
import { createPlayer, PlayButton } from '@videojs/react';
import { Video, videoFeatures } from '@videojs/react/video';
import './BasicUsage.css';
const Player = createPlayer({ features: [...features.video] });
const Player = createPlayer({ features: videoFeatures });
export default function BasicUsage() {
return (
site/src/components/docs/demos/playback-rate-button/react/css/BasicUsage.tsx
+3 -3
View File
@@ -1,9 +1,9 @@
import { createPlayer, features, PlaybackRateButton } from '@videojs/react';
import { Video } from '@videojs/react/video';
import { createPlayer, PlaybackRateButton } from '@videojs/react';
import { Video, videoFeatures } from '@videojs/react/video';
import './BasicUsage.css';
const Player = createPlayer({ features: [...features.video] });
const Player = createPlayer({ features: videoFeatures });
export default function BasicUsage() {
return (
site/src/components/docs/demos/player-controller/html/css/BasicUsage.ts
+3 -2
View File
@@ -1,8 +1,9 @@
import { applyElementProps, createButton, createPlayer, features, MediaElement } from '@videojs/html';
import { applyElementProps, createButton, createPlayer, MediaElement } from '@videojs/html';
import { videoFeatures } from '@videojs/html/video';
import '@videojs/html/media/container';
const { ProviderMixin, PlayerController, context } = createPlayer({
features: [...features.video],
features: videoFeatures,
});
class DemoPlayer extends ProviderMixin(MediaElement) {
site/src/components/docs/demos/poster/react/css/BasicUsage.tsx
+3 -3
View File
@@ -1,9 +1,9 @@
import { createPlayer, features, PlayButton, Poster } from '@videojs/react';
import { Video } from '@videojs/react/video';
import { createPlayer, PlayButton, Poster } from '@videojs/react';
import { Video, videoFeatures } from '@videojs/react/video';
import './BasicUsage.css';
const Player = createPlayer({ features: [...features.video] });
const Player = createPlayer({ features: videoFeatures });
export default function BasicUsage() {
return (
site/src/components/docs/demos/seek-button/react/css/BasicUsage.tsx
+3 -3
View File
@@ -1,9 +1,9 @@
import { createPlayer, features, SeekButton } from '@videojs/react';
import { Video } from '@videojs/react/video';
import { createPlayer, SeekButton } from '@videojs/react';
import { Video, videoFeatures } from '@videojs/react/video';
import './BasicUsage.css';
const Player = createPlayer({ features: [...features.video] });
const Player = createPlayer({ features: videoFeatures });
export default function BasicUsage() {
return (
site/src/components/docs/demos/time/react/css/CurrentDuration.tsx
+3 -3
View File
@@ -1,9 +1,9 @@
import { createPlayer, features, Time } from '@videojs/react';
import { Video } from '@videojs/react/video';
import { createPlayer, Time } from '@videojs/react';
import { Video, videoFeatures } from '@videojs/react/video';
import './CurrentDuration.css';
const Player = createPlayer({ features: [...features.video] });
const Player = createPlayer({ features: videoFeatures });
export default function CurrentDuration() {
return (
site/src/components/docs/demos/time/react/css/CurrentTime.tsx
+3 -3
View File
@@ -1,9 +1,9 @@
import { createPlayer, features, Time } from '@videojs/react';
import { Video } from '@videojs/react/video';
import { createPlayer, Time } from '@videojs/react';
import { Video, videoFeatures } from '@videojs/react/video';
import './CurrentTime.css';
const Player = createPlayer({ features: [...features.video] });
const Player = createPlayer({ features: videoFeatures });
export default function CurrentTime() {
return (
site/src/components/docs/demos/time/react/css/CustomNegativeSign.tsx
+3 -3
View File
@@ -1,9 +1,9 @@
import { createPlayer, features, Time } from '@videojs/react';
import { Video } from '@videojs/react/video';
import { createPlayer, Time } from '@videojs/react';
import { Video, videoFeatures } from '@videojs/react/video';
import './CustomNegativeSign.css';
const Player = createPlayer({ features: [...features.video] });
const Player = createPlayer({ features: videoFeatures });
export default function CustomNegativeSign() {
return (
site/src/components/docs/demos/time/react/css/CustomSeparator.tsx
+3 -3
View File
@@ -1,9 +1,9 @@
import { createPlayer, features, Time } from '@videojs/react';
import { Video } from '@videojs/react/video';
import { createPlayer, Time } from '@videojs/react';
import { Video, videoFeatures } from '@videojs/react/video';
import './CustomSeparator.css';
const Player = createPlayer({ features: [...features.video] });
const Player = createPlayer({ features: videoFeatures });
export default function CustomSeparator() {
return (
site/src/components/docs/demos/time/react/css/Remaining.tsx
+3 -3
View File
@@ -1,9 +1,9 @@
import { createPlayer, features, Time } from '@videojs/react';
import { Video } from '@videojs/react/video';
import { createPlayer, Time } from '@videojs/react';
import { Video, videoFeatures } from '@videojs/react/video';
import './Remaining.css';
const Player = createPlayer({ features: [...features.video] });
const Player = createPlayer({ features: videoFeatures });
export default function Remaining() {
return (
site/src/components/docs/demos/use-media/react/css/BasicUsage.tsx
+3 -3
View File
@@ -1,10 +1,10 @@
import { createPlayer, features, useMedia } from '@videojs/react';
import { Video } from '@videojs/react/video';
import { createPlayer, useMedia } from '@videojs/react';
import { Video, videoFeatures } from '@videojs/react/video';
import './BasicUsage.css';
const { Provider, Container } = createPlayer({
features: features.video,
features: videoFeatures,
});
function MediaInfo() {
site/src/components/docs/demos/use-player/react/css/Selector.tsx
+3 -3
View File
@@ -1,10 +1,10 @@
import { createPlayer, features, usePlayer } from '@videojs/react';
import { Video } from '@videojs/react/video';
import { createPlayer, usePlayer } from '@videojs/react';
import { Video, videoFeatures } from '@videojs/react/video';
import './Selector.css';
const { Provider, Container } = createPlayer({
features: features.video,
features: videoFeatures,
});
function StateDisplay() {
site/src/components/docs/demos/use-player/react/css/StoreAccess.tsx
+3 -3
View File
@@ -1,10 +1,10 @@
import { createPlayer, features, usePlayer } from '@videojs/react';
import { Video } from '@videojs/react/video';
import { createPlayer, usePlayer } from '@videojs/react';
import { Video, videoFeatures } from '@videojs/react/video';
import './StoreAccess.css';
const { Provider, Container } = createPlayer({
features: features.video,
features: videoFeatures,
});
function Controls() {
site/src/components/docs/demos/use-store/react/css/Selector.tsx
+3 -3
View File
@@ -1,10 +1,10 @@
import { createPlayer, features, usePlayer, useStore } from '@videojs/react';
import { Video } from '@videojs/react/video';
import { createPlayer, usePlayer, useStore } from '@videojs/react';
import { Video, videoFeatures } from '@videojs/react/video';
import './Selector.css';
const { Provider, Container } = createPlayer({
features: features.video,
features: videoFeatures,
});
function DerivedState() {
site/src/components/docs/demos/use-store/react/css/StoreAccess.tsx
+3 -3
View File
@@ -1,10 +1,10 @@
import { createPlayer, features, usePlayer, useStore } from '@videojs/react';
import { Video } from '@videojs/react/video';
import { createPlayer, usePlayer, useStore } from '@videojs/react';
import { Video, videoFeatures } from '@videojs/react/video';
import './StoreAccess.css';
const { Provider, Container } = createPlayer({
features: features.video,
features: videoFeatures,
});
function SeekControls() {