prettier and some refactor

This commit is contained in:
CJ 2025-12-03 10:45:45 -06:00
parent 29cf90c59c
commit 2ee1bea720
3 changed files with 19 additions and 25 deletions

View file

@ -440,7 +440,11 @@ export const ScenePlayer: React.FC<IScenePlayerProps> = PatchComponent(
};
// empty deps - only init once
// showAbLoopControls is necessary to re-init the player when the config changes
}, [uiConfig?.showAbLoopControls, uiConfig?.enableChromecast, interfaceConfig?.autostartVideo]);
}, [
uiConfig?.showAbLoopControls,
uiConfig?.enableChromecast,
interfaceConfig?.autostartVideo,
]);
useEffect(() => {
const player = getPlayer();
@ -487,17 +491,6 @@ export const ScenePlayer: React.FC<IScenePlayerProps> = PatchComponent(
vrMenu.setShowButton(showButton);
}, [getPlayer, scene, vrTag]);
// Sync autostart button with config changes
useEffect(() => {
const player = getPlayer();
if (!player) return;
const autostartButton = player.autostartButton();
if (autostartButton) {
autostartButton.syncWithConfig(interfaceConfig?.autostartVideo ?? false);
}
}, [getPlayer, interfaceConfig?.autostartVideo]);
// Player event handlers
useEffect(() => {
const player = getPlayer();
@ -862,11 +855,11 @@ export const ScenePlayer: React.FC<IScenePlayerProps> = PatchComponent(
sceneSaveActivity,
]);
// Sync autostart button with config changes
useEffect(() => {
const player = getPlayer();
if (!player) return;
async function updateAutoStart(enabled: boolean) {
await updateInterfaceConfig({
variables: {
@ -875,12 +868,16 @@ export const ScenePlayer: React.FC<IScenePlayerProps> = PatchComponent(
},
},
});
console.log("updated interface config");
}
const autostartButton = player.autostartButton();
if (autostartButton) {
autostartButton.syncWithConfig(
interfaceConfig?.autostartVideo ?? false
);
autostartButton.updateAutoStart = updateAutoStart;
}, [getPlayer, updateInterfaceConfig]);
}
}, [getPlayer, updateInterfaceConfig, interfaceConfig?.autostartVideo]);
useEffect(() => {
const player = getPlayer();

View file

@ -50,8 +50,7 @@ class AutostartButton extends videojs.getComponent("Button") {
class AutostartButtonPlugin extends videojs.getPlugin("plugin") {
private button: AutostartButton;
private autostartEnabled: boolean;
updateAutoStart: (enabled: boolean) => Promise<void> =
() => {
updateAutoStart: (enabled: boolean) => Promise<void> = () => {
return Promise.resolve();
};
@ -122,4 +121,3 @@ declare module "video.js" {
}
export default AutostartButtonPlugin;

View file

@ -151,7 +151,6 @@ $sceneTabWidth: 450px;
}
}
.vjs-touch-overlay .vjs-play-control {
z-index: 1;
}