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

docs: specify npm dist tag (#155)

Browse Source
This commit is contained in:
Darius Cepulis
2025-11-03 14:15:07 -06:00
committed by GitHub
parent 33f1e8da4e
commit 7d5e79b8a1
3 changed files with 13 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
site/src/utils/ejectCodeGenerator.ts
+6 -2
View File
@@ -11,7 +11,8 @@ type Skin = 'frosted' | 'minimal';
*/
export function generateReactComponent(skin: Skin): string {
if (skin === 'frosted') {
return `import type { PropsWithChildren } from 'react';
return `// npm install @videojs/react@next
import type { PropsWithChildren } from 'react';
import { CurrentTimeDisplay, DurationDisplay, FullscreenButton, MediaContainer, MuteButton, PlayButton, Popover, PreviewTimeDisplay, TimeSlider, Tooltip, VolumeSlider } from '@videojs/react';
import {
@@ -127,7 +128,8 @@ export default function FrostedSkin({ children, className = '' }: SkinProps): JS
);
}`;
} else {
return `import type { PropsWithChildren } from 'react';
return `// npm install @videojs/react@next
import type { PropsWithChildren } from 'react';
import { CurrentTimeDisplay, DurationDisplay, FullscreenButton, MediaContainer, MuteButton, PlayButton, Popover, PreviewTimeDisplay, TimeSlider, Tooltip, VolumeSlider } from '@videojs/react';
import {
@@ -1911,6 +1913,8 @@ media-tooltip {
*/
export function generateHTMLJS(skin: Skin): string {
return `import './${skin}.css';
// npm install @videojs/html@next
import '@videojs/html/icons';
// be sure to import media-provider first
import '@videojs/html/define/media-provider';