mirror of
https://github.com/zoriya/v10.git
synced 2026-08-16 02:45:09 +00:00
chore(root): prepare workspace for alpha (#276)
This commit is contained in:
@@ -10,7 +10,7 @@
|
||||
"preview": "vite preview"
|
||||
},
|
||||
"dependencies": {
|
||||
"@videojs/html": "workspace:*"
|
||||
"@videojs/html-preview": "workspace:*"
|
||||
},
|
||||
"devDependencies": {
|
||||
"typescript": "^5.9.3",
|
||||
|
||||
@@ -1,15 +1,15 @@
|
||||
import './frosted-eject.css';
|
||||
import '@videojs/html/icons';
|
||||
import '@videojs/html-preview/icons';
|
||||
// be sure to import video-provider first for proper context initialization
|
||||
import '@videojs/html/define/video-provider';
|
||||
import '@videojs/html/define/media-container';
|
||||
import '@videojs/html/define/media-play-button';
|
||||
import '@videojs/html/define/media-mute-button';
|
||||
import '@videojs/html/define/media-volume-slider';
|
||||
import '@videojs/html/define/media-time-slider';
|
||||
import '@videojs/html/define/media-fullscreen-button';
|
||||
import '@videojs/html/define/media-duration-display';
|
||||
import '@videojs/html/define/media-current-time-display';
|
||||
import '@videojs/html/define/media-preview-time-display';
|
||||
import '@videojs/html/define/media-popover';
|
||||
import '@videojs/html/define/media-tooltip';
|
||||
import '@videojs/html-preview/define/video-provider';
|
||||
import '@videojs/html-preview/define/media-container';
|
||||
import '@videojs/html-preview/define/media-play-button';
|
||||
import '@videojs/html-preview/define/media-mute-button';
|
||||
import '@videojs/html-preview/define/media-volume-slider';
|
||||
import '@videojs/html-preview/define/media-time-slider';
|
||||
import '@videojs/html-preview/define/media-fullscreen-button';
|
||||
import '@videojs/html-preview/define/media-duration-display';
|
||||
import '@videojs/html-preview/define/media-current-time-display';
|
||||
import '@videojs/html-preview/define/media-preview-time-display';
|
||||
import '@videojs/html-preview/define/media-popover';
|
||||
import '@videojs/html-preview/define/media-tooltip';
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
import '@videojs/html/skins/frosted';
|
||||
import '@videojs/html-preview/skins/frosted';
|
||||
|
||||
document.getElementById('app')!.innerHTML = /* html */ `
|
||||
<video-provider>
|
||||
|
||||
@@ -1,15 +1,15 @@
|
||||
import './minimal-eject.css';
|
||||
import '@videojs/html/icons';
|
||||
import '@videojs/html-preview/icons';
|
||||
// be sure to import video-provider first for proper context initialization
|
||||
import '@videojs/html/define/video-provider';
|
||||
import '@videojs/html/define/media-container';
|
||||
import '@videojs/html/define/media-play-button';
|
||||
import '@videojs/html/define/media-mute-button';
|
||||
import '@videojs/html/define/media-volume-slider';
|
||||
import '@videojs/html/define/media-time-slider';
|
||||
import '@videojs/html/define/media-fullscreen-button';
|
||||
import '@videojs/html/define/media-duration-display';
|
||||
import '@videojs/html/define/media-current-time-display';
|
||||
import '@videojs/html/define/media-preview-time-display';
|
||||
import '@videojs/html/define/media-popover';
|
||||
import '@videojs/html/define/media-tooltip';
|
||||
import '@videojs/html-preview/define/video-provider';
|
||||
import '@videojs/html-preview/define/media-container';
|
||||
import '@videojs/html-preview/define/media-play-button';
|
||||
import '@videojs/html-preview/define/media-mute-button';
|
||||
import '@videojs/html-preview/define/media-volume-slider';
|
||||
import '@videojs/html-preview/define/media-time-slider';
|
||||
import '@videojs/html-preview/define/media-fullscreen-button';
|
||||
import '@videojs/html-preview/define/media-duration-display';
|
||||
import '@videojs/html-preview/define/media-current-time-display';
|
||||
import '@videojs/html-preview/define/media-preview-time-display';
|
||||
import '@videojs/html-preview/define/media-popover';
|
||||
import '@videojs/html-preview/define/media-tooltip';
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
import '@videojs/html/skins/minimal';
|
||||
import '@videojs/html-preview/skins/minimal';
|
||||
|
||||
document.getElementById('app')!.innerHTML = /* html */ `
|
||||
<video-provider>
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
import { FrostedSkin, HlsVideo, MinimalSkin, VideoProvider } from '@videojs/react';
|
||||
import '@videojs/react/skins/frosted.css';
|
||||
import '@videojs/react/skins/minimal.css';
|
||||
import { FrostedSkin, HlsVideo, MinimalSkin, VideoProvider } from '@videojs/react-preview';
|
||||
import '@videojs/react-preview/skins/frosted.css';
|
||||
import '@videojs/react-preview/skins/minimal.css';
|
||||
|
||||
export default function Home() {
|
||||
return (
|
||||
|
||||
@@ -18,7 +18,7 @@
|
||||
"@types/node": "^20.19.25",
|
||||
"@types/react": "^19.2.7",
|
||||
"@types/react-dom": "^19.2.3",
|
||||
"@videojs/react": "workspace:*",
|
||||
"@videojs/react-preview": "workspace:*",
|
||||
"eslint": "^9.39.1",
|
||||
"eslint-config-next": "16.0.8",
|
||||
"tailwindcss": "^4.1.17",
|
||||
|
||||
@@ -12,8 +12,8 @@
|
||||
"dependencies": {
|
||||
"@base-ui-components/react": "^1.0.0-rc.0",
|
||||
"@heroicons/react": "^2.2.0",
|
||||
"@videojs/react": "workspace:*",
|
||||
"@videojs/utils": "workspace:*",
|
||||
"@videojs/react-preview": "workspace:*",
|
||||
"@videojs/utils-preview": "workspace:*",
|
||||
"clsx": "^2.1.1",
|
||||
"motion": "^12.23.25",
|
||||
"react": "^19.2.1",
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
import type { PropsWithChildren } from 'react';
|
||||
import { VideoProvider } from '@videojs/react';
|
||||
import { VideoProvider } from '@videojs/react-preview';
|
||||
import clsx from 'clsx';
|
||||
import { useEffect, useMemo, useRef } from 'react';
|
||||
import { Link as LinkPrimitive, Redirect, Route, Switch, useLocation } from 'wouter';
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
import { HlsVideo } from '@videojs/react';
|
||||
import { HlsVideo } from '@videojs/react-preview';
|
||||
|
||||
export function VideoElement(): JSX.Element {
|
||||
return (
|
||||
|
||||
@@ -25,8 +25,8 @@ import {
|
||||
usePlayButtonState,
|
||||
useTimeSliderRootState,
|
||||
useVolumeSliderRootState,
|
||||
} from '@videojs/react';
|
||||
import { formatDisplayTime } from '@videojs/utils';
|
||||
} from '@videojs/react-preview';
|
||||
import { formatDisplayTime } from '@videojs/utils-preview';
|
||||
|
||||
import clsx from 'clsx';
|
||||
import { useCallback, useState } from 'react';
|
||||
|
||||
@@ -9,7 +9,7 @@ import {
|
||||
PlayButton,
|
||||
TimeSlider,
|
||||
VolumeSlider,
|
||||
} from '@videojs/react';
|
||||
} from '@videojs/react-preview';
|
||||
import {
|
||||
FullscreenEnterIcon,
|
||||
FullscreenExitIcon,
|
||||
@@ -18,7 +18,7 @@ import {
|
||||
VolumeHighIcon,
|
||||
VolumeLowIcon,
|
||||
VolumeOffIcon,
|
||||
} from '@videojs/react/icons';
|
||||
} from '@videojs/react-preview/icons';
|
||||
import styles from './styles';
|
||||
|
||||
type SkinProps = PropsWithChildren<{
|
||||
|
||||
@@ -12,7 +12,7 @@ import {
|
||||
TimeSlider,
|
||||
Tooltip,
|
||||
VolumeSlider,
|
||||
} from '@videojs/react';
|
||||
} from '@videojs/react-preview';
|
||||
import {
|
||||
FullscreenEnterIcon,
|
||||
FullscreenExitIcon,
|
||||
@@ -21,7 +21,7 @@ import {
|
||||
VolumeHighIcon,
|
||||
VolumeLowIcon,
|
||||
VolumeOffIcon,
|
||||
} from '@videojs/react/icons';
|
||||
} from '@videojs/react-preview/icons';
|
||||
|
||||
import './frosted.css';
|
||||
|
||||
|
||||
@@ -12,7 +12,7 @@ import {
|
||||
TimeSlider,
|
||||
Tooltip,
|
||||
VolumeSlider,
|
||||
} from '@videojs/react';
|
||||
} from '@videojs/react-preview';
|
||||
import {
|
||||
FullscreenEnterAltIcon,
|
||||
FullscreenExitAltIcon,
|
||||
@@ -21,7 +21,7 @@ import {
|
||||
VolumeHighIcon,
|
||||
VolumeLowIcon,
|
||||
VolumeOffIcon,
|
||||
} from '@videojs/react/icons';
|
||||
} from '@videojs/react-preview/icons';
|
||||
|
||||
import './minimal.css';
|
||||
|
||||
|
||||
@@ -1,3 +1,3 @@
|
||||
import '@videojs/react/skins/frosted.css';
|
||||
import '@videojs/react-preview/skins/frosted.css';
|
||||
|
||||
export { FrostedSkin as default } from '@videojs/react';
|
||||
export { FrostedSkin as default } from '@videojs/react-preview';
|
||||
|
||||
@@ -1,3 +1,3 @@
|
||||
import '@videojs/react/skins/minimal.css';
|
||||
import '@videojs/react-preview/skins/minimal.css';
|
||||
|
||||
export { MinimalSkin as default } from '@videojs/react';
|
||||
export { MinimalSkin as default } from '@videojs/react-preview';
|
||||
|
||||
Reference in New Issue
Block a user