allerta-vvf/server/resources/src/games.js

var GAME_LOADING_ERROR_MSG = 'Game loading failed, please retry later.';

async function play(game){
  console.log("Opening game "+game+"...");
  try {
    await import(`./games/${game}/game.js`)
    .then(({default: Game}) => {
      var game = new Game();
      $("body").append('<div class="modal" id="modal_game" tabindex="-1" role="dialog" data-backdrop="static" style="display: none; min-width: 100%; margin: 0px;"><div class="modal-dialog" role="document" style="min-width: 100%; margin: 0;"><div class="modal-content" style="min-height: 100vh;" id="modal_game_content"></div></div></div>');
      $("#modal_game_content").append(`<div class="modal-header"><h5 class="modal-title" style="color: black">${game.title}</h5><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button></div><div class="modal-body" id="modal_game_body"></div>`);
      $("#modal_game_body").append(`<div id="game_content" style="text-align: center"></div><p style="text-align: right; color: black;">Game by <a style="color: blue" target="_blank" href="${game.author_url}">${game.author}</a></p>`);
      $('#modal_game').modal('show');
      game.initialize($("#game_content"));
    });
    $('#modal_game').on('hidden.bs.modal', function (e) {
      $("#modal_game").remove();
    })
  } catch (error) {
    console.error(error);
    toastr.error(GAME_LOADING_ERROR_MSG);
  }
}

window.play = play;
window.GAME_LOADING_ERROR_MSG = GAME_LOADING_ERROR_MSG;