zoriya/v10
1
0
Fork 0
mirror of https://github.com/zoriya/v10.git synced 2026-08-05 05:37:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(docs): improvements to eject script (#1012)

Browse Source 
Co-authored-by: Rahim <rahim.alwer@gmail.com>
This commit is contained in:
Sam Potts
2026-03-23 08:55:38 +11:00
committed by GitHub
co-authored by Rahim
parent 4b17ac9ce1
commit 559d5169b5
10 changed files with 900 additions and 195 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/react/src/presets/audio/minimal-skin.tailwind.tsx
+3 -3
View File
@@ -95,11 +95,11 @@ const SliderThumb = forwardRef<HTMLDivElement, ComponentProps<'div'> & { persist
);
});
function PlayLabel(): ReactNode {
function PlayLabel(): string {
const paused = usePlayer((s) => Boolean(s.paused));
const ended = usePlayer((s) => Boolean(s.ended));
if (ended) return <>Replay</>;
return paused ? <>Play</> : <>Pause</>;
if (ended) return 'Replay';
return paused ? 'Play' : 'Pause';
}
function VolumePopover(): ReactNode {
packages/react/src/presets/audio/minimal-skin.tsx
+3 -3
View File
@@ -29,11 +29,11 @@ const Button = forwardRef<HTMLButtonElement, ComponentProps<'button'>>(function
return <button ref={ref} type="button" className={cn('media-button media-button--icon', className)} {...props} />;
});
function PlayLabel(): ReactNode {
function PlayLabel(): string {
const paused = usePlayer((s) => Boolean(s.paused));
const ended = usePlayer((s) => Boolean(s.ended));
if (ended) return <>Replay</>;
return paused ? <>Play</> : <>Pause</>;
if (ended) return 'Replay';
return paused ? 'Play' : 'Pause';
}
function VolumePopover(): ReactNode {
packages/react/src/presets/audio/skin.tailwind.tsx
+3 -3
View File
@@ -94,11 +94,11 @@ const SliderThumb = forwardRef<HTMLDivElement, ComponentProps<'div'> & { persist
);
});
function PlayLabel(): ReactNode {
function PlayLabel(): string {
const paused = usePlayer((s) => Boolean(s.paused));
const ended = usePlayer((s) => Boolean(s.ended));
if (ended) return <>Replay</>;
return paused ? <>Play</> : <>Pause</>;
if (ended) return 'Replay';
return paused ? 'Play' : 'Pause';
}
function VolumePopover(): ReactNode {
packages/react/src/presets/audio/skin.tsx
+3 -3
View File
@@ -29,11 +29,11 @@ const Button = forwardRef<HTMLButtonElement, ComponentProps<'button'>>(function
return <button ref={ref} type="button" className={cn('media-button media-button--icon', className)} {...props} />;
});
function PlayLabel(): ReactNode {
function PlayLabel(): string {
const paused = usePlayer((s) => Boolean(s.paused));
const ended = usePlayer((s) => Boolean(s.ended));
if (ended) return <>Replay</>;
return paused ? <>Play</> : <>Pause</>;
if (ended) return 'Replay';
return paused ? 'Play' : 'Pause';
}
function VolumePopover(): ReactNode {
packages/react/src/presets/video/error-dialog.tsx
+2 -1
View File
@@ -18,10 +18,11 @@ export interface ErrorDialogClasses {
export function ErrorDialog({ classes }: { classes?: ErrorDialogClasses }): ReactNode {
const errorState = usePlayer(selectError);
const lastError = useRef(errorState?.error);
if (errorState?.error) lastError.current = errorState.error;
if (!errorState) return null;
if (errorState?.error) lastError.current = errorState.error;
return (
<AlertDialog.Root
open={!!errorState.error}
packages/react/src/presets/video/minimal-skin.tailwind.tsx
+9 -9
View File
@@ -126,26 +126,26 @@ const errorClasses = {
close: cn(button.base, button.default),
};
function PlayLabel(): ReactNode {
function PlayLabel(): string {
const paused = usePlayer((s) => Boolean(s.paused));
const ended = usePlayer((s) => Boolean(s.ended));
if (ended) return <>Replay</>;
return paused ? <>Play</> : <>Pause</>;
if (ended) return 'Replay';
return paused ? 'Play' : 'Pause';
}
function CaptionsLabel(): ReactNode {
function CaptionsLabel(): string {
const active = usePlayer((s) => Boolean(s.subtitlesShowing));
return active ? <>Disable captions</> : <>Enable captions</>;
return active ? 'Disable captions' : 'Enable captions';
}
function PiPLabel(): ReactNode {
function PiPLabel(): string {
const pip = usePlayer((s) => Boolean(s.pip));
return pip ? <>Exit picture-in-picture</> : <>Enter picture-in-picture</>;
return pip ? 'Exit picture-in-picture' : 'Enter picture-in-picture';
}
function FullscreenLabel(): ReactNode {
function FullscreenLabel(): string {
const fullscreen = usePlayer((s) => Boolean(s.fullscreen));
return fullscreen ? <>Exit fullscreen</> : <>Enter fullscreen</>;
return fullscreen ? 'Exit fullscreen' : 'Enter fullscreen';
}
function VolumePopover(): ReactNode {
packages/react/src/presets/video/minimal-skin.tsx
+9 -9
View File
@@ -56,26 +56,26 @@ const errorClasses = {
close: 'media-button',
};
function PlayLabel(): ReactNode {
function PlayLabel(): string {
const paused = usePlayer((s) => Boolean(s.paused));
const ended = usePlayer((s) => Boolean(s.ended));
if (ended) return <>Replay</>;
return paused ? <>Play</> : <>Pause</>;
if (ended) return 'Replay';
return paused ? 'Play' : 'Pause';
}
function CaptionsLabel(): ReactNode {
function CaptionsLabel(): string {
const active = usePlayer((s) => Boolean(s.subtitlesShowing));
return active ? <>Disable captions</> : <>Enable captions</>;
return active ? 'Disable captions' : 'Enable captions';
}
function PiPLabel(): ReactNode {
function PiPLabel(): string {
const pip = usePlayer((s) => Boolean(s.pip));
return pip ? <>Exit picture-in-picture</> : <>Enter picture-in-picture</>;
return pip ? 'Exit picture-in-picture' : 'Enter picture-in-picture';
}
function FullscreenLabel(): ReactNode {
function FullscreenLabel(): string {
const fullscreen = usePlayer((s) => Boolean(s.fullscreen));
return fullscreen ? <>Exit fullscreen</> : <>Enter fullscreen</>;
return fullscreen ? 'Exit fullscreen' : 'Enter fullscreen';
}
function VolumePopover(): ReactNode {
packages/react/src/presets/video/skin.tailwind.tsx
+9 -9
View File
@@ -126,26 +126,26 @@ const errorClasses = {
close: cn(button.base, button.default),
};
function PlayLabel(): ReactNode {
function PlayLabel(): string {
const paused = usePlayer((s) => Boolean(s.paused));
const ended = usePlayer((s) => Boolean(s.ended));
if (ended) return <>Replay</>;
return paused ? <>Play</> : <>Pause</>;
if (ended) return 'Replay';
return paused ? 'Play' : 'Pause';
}
function CaptionsLabel(): ReactNode {
function CaptionsLabel(): string {
const active = usePlayer((s) => Boolean(s.subtitlesShowing));
return active ? <>Disable captions</> : <>Enable captions</>;
return active ? 'Disable captions' : 'Enable captions';
}
function PiPLabel(): ReactNode {
function PiPLabel(): string {
const pip = usePlayer((s) => Boolean(s.pip));
return pip ? <>Exit picture-in-picture</> : <>Enter picture-in-picture</>;
return pip ? 'Exit picture-in-picture' : 'Enter picture-in-picture';
}
function FullscreenLabel(): ReactNode {
function FullscreenLabel(): string {
const fullscreen = usePlayer((s) => Boolean(s.fullscreen));
return fullscreen ? <>Exit fullscreen</> : <>Enter fullscreen</>;
return fullscreen ? 'Exit fullscreen' : 'Enter fullscreen';
}
function VolumePopover(): ReactNode {
packages/react/src/presets/video/skin.tsx
+9 -9
View File
@@ -56,26 +56,26 @@ const errorClasses = {
close: 'media-button',
};
function PlayLabel(): ReactNode {
function PlayLabel(): string {
const paused = usePlayer((s) => Boolean(s.paused));
const ended = usePlayer((s) => Boolean(s.ended));
if (ended) return <>Replay</>;
return paused ? <>Play</> : <>Pause</>;
if (ended) return 'Replay';
return paused ? 'Play' : 'Pause';
}
function CaptionsLabel(): ReactNode {
function CaptionsLabel(): string {
const active = usePlayer((s) => Boolean(s.subtitlesShowing));
return active ? <>Disable captions</> : <>Enable captions</>;
return active ? 'Disable captions' : 'Enable captions';
}
function PiPLabel(): ReactNode {
function PiPLabel(): string {
const pip = usePlayer((s) => Boolean(s.pip));
return pip ? <>Exit picture-in-picture</> : <>Enter picture-in-picture</>;
return pip ? 'Exit picture-in-picture' : 'Enter picture-in-picture';
}
function FullscreenLabel(): ReactNode {
function FullscreenLabel(): string {
const fullscreen = usePlayer((s) => Boolean(s.fullscreen));
return fullscreen ? <>Exit fullscreen</> : <>Enter fullscreen</>;
return fullscreen ? 'Exit fullscreen' : 'Enter fullscreen';
}
function VolumePopover(): ReactNode {
site/scripts/build-ejected-skins.ts
+850 -146
View File
File diff suppressed because it is too large Load Diff