chore(root): prepare workspace for alpha (#276)

This commit is contained in:
rahim
2025-12-21 20:26:13 +11:00
committed by GitHub
parent 5ddf02278d
commit b89fef56dd
247 changed files with 1197 additions and 446 deletions
+1 -1
View File
@@ -10,7 +10,7 @@
"preview": "vite preview"
},
"dependencies": {
"@videojs/html": "workspace:*"
"@videojs/html-preview": "workspace:*"
},
"devDependencies": {
"typescript": "^5.9.3",
+13 -13
View File
@@ -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 -1
View File
@@ -1,4 +1,4 @@
import '@videojs/html/skins/frosted';
import '@videojs/html-preview/skins/frosted';
document.getElementById('app')!.innerHTML = /* html */ `
<video-provider>
+13 -13
View File
@@ -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 -1
View File
@@ -1,4 +1,4 @@
import '@videojs/html/skins/minimal';
import '@videojs/html-preview/skins/minimal';
document.getElementById('app')!.innerHTML = /* html */ `
<video-provider>
+3 -3
View File
@@ -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 (
+1 -1
View File
@@ -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",
+2 -2
View File
@@ -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 -1
View File
@@ -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';