imgfloat/server
1
0
Fork 0
mirror of https://github.com/imgfloat/server.git synced 2026-02-05 03:39:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix visibility

Browse Source
This commit is contained in:
Andreas Krühlmann
2025-12-29 13:32:24 +01:00
parent 0817ff74a7
commit af3484d00a
2 changed files with 61 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
src/main/resources/static/js/broadcast.js
View File

@@ -136,6 +136,10 @@ function resizeCanvas() {
function handleEvent(event) {
const assetId = event.assetId || event?.patch?.id || event?.payload?.id;
if (event.type === 'VISIBILITY') {
handleVisibilityEvent(event);
return;
}
if (event.type === 'DELETED') {
assets.delete(assetId);
layerOrder = layerOrder.filter((id) => id !== assetId);
@@ -143,6 +147,21 @@ function handleEvent(event) {
renderStates.delete(assetId);
} else if (event.patch) {
applyPatch(assetId, event.patch);
if (event.payload) {
const payload = normalizePayload(event.payload);
if (payload.hidden) {
assets.delete(payload.id);
layerOrder = layerOrder.filter((id) => id !== payload.id);
clearMedia(payload.id);
renderStates.delete(payload.id);
} else if (!assets.has(payload.id)) {
storeAsset(payload, 'append');
ensureMedia(payload);
if (isAudioAsset(payload)) {
playAudioImmediately(payload);
}
}
}
} else if (event.type === 'PLAY' && event.payload) {
const payload = normalizePayload(event.payload);
storeAsset(payload);
@@ -169,17 +188,50 @@ function normalizePayload(payload) {
return { ...payload };
}
function handleVisibilityEvent(event) {
const payload = event.payload ? normalizePayload(event.payload) : null;
const patch = event.patch;
const id = payload?.id || patch?.id || event.assetId;
if (payload?.hidden || patch?.hidden) {
assets.delete(id);
layerOrder = layerOrder.filter((assetId) => assetId !== id);
clearMedia(id);
renderStates.delete(id);
draw();
return;
}
if (payload) {
const placement = assets.has(payload.id) ? 'keep' : 'append';
storeAsset(payload, placement);
ensureMedia(payload);
if (isAudioAsset(payload)) {
playAudioImmediately(payload);
}
}
if (patch && id) {
applyPatch(id, patch);
}
draw();
}
function applyPatch(assetId, patch) {
if (!assetId || !patch) {
return;
}
const sanitizedPatch = Object.fromEntries(
Object.entries(patch).filter(([, value]) => value !== null && value !== undefined)
);
const existing = assets.get(assetId);
if (!existing) {
return;
}
const merged = normalizePayload({ ...existing, ...patch });
const merged = normalizePayload({ ...existing, ...sanitizedPatch });
const isAudio = isAudioAsset(merged);
if (patch.hidden) {
if (sanitizedPatch.hidden) {
assets.delete(assetId);
layerOrder = layerOrder.filter((id) => id !== assetId);
clearMedia(assetId);