cloud-game/web/js/message.js

import {gui} from 'gui';

const popupBox = document.getElementById('noti-box');

// fifo queue
let queue = [];
const queueMaxSize = 5;

let isScreenFree = true;

const _popup = (time = 1000) => {
    // recursion edge case:
    // no messages in the queue or one on the screen
    if (!(queue.length > 0 && isScreenFree)) {
        return;
    }

    isScreenFree = false;
    popupBox.innerText = queue.shift();
    gui.anim.fadeInOut(popupBox, time, .05).finally(() => {
        isScreenFree = true;
        _popup();
    })
}

const _storeMessage = (text) => {
    if (queue.length <= queueMaxSize) {
        queue.push(text);
    }
}

const _proceed = (text, time) => {
    _storeMessage(text);
    _popup(time);
}

const show = (text, time = 1000) => _proceed(text, time)

/**
 * App UI message module.
 */
export const message = {
    show,
}