/* global $, JitsiMeetJS, config, getRoomName */ /* application specific logic */ import "babel-polyfill"; import "jquery"; import "jquery-ui"; import "strophe"; import "strophe-disco"; import "strophe-caps"; import "tooltip"; import "popover"; import "jQuery-Impromptu"; import "autosize"; window.toastr = require("toastr"); import URLProcessor from "./modules/config/URLProcessor"; import RoomnameGenerator from './modules/util/RoomnameGenerator'; import UI from "./modules/UI/UI"; import settings from "./modules/settings/Settings"; import conference from './conference'; import API from './modules/API/API'; import UIEvents from './service/UI/UIEvents'; /** * Builds and returns the room name. */ function buildRoomName () { let roomName = getRoomName(); if(!roomName) { let word = RoomnameGenerator.generateRoomWithoutSeparator(); roomName = word.toLowerCase(); window.history.pushState( 'VideoChat', `Room: ${word}`, window.location.pathname + word ); } return roomName; } const APP = { // Used by do_external_connect.js if we receive the attach data after // connect was already executed. status property can be "initialized", // "ready" or "connecting". We are interested in "ready" status only which // means that connect was executed but we have to wait for the attach data. // In status "ready" handler property will be set to a function that will // finish the connect process when the attach data or error is received. connect: { status: "initialized", handler: null }, // Used for automated performance tests performanceTimes: { "index.loaded": window.indexLoadedTime }, UI, settings, conference, connection: null, API, init () { this.keyboardshortcut = require("./modules/keyboardshortcut/keyboardshortcut"); this.translation = require("./modules/translation/translation"); this.configFetch = require("./modules/config/HttpConfigFetch"); } }; function init() { var isUIReady = APP.UI.start(); if (isUIReady) { APP.conference.init({roomName: buildRoomName()}).then(function () { APP.UI.initConference(); APP.UI.addListener(UIEvents.LANG_CHANGED, function (language) { APP.translation.setLanguage(language); APP.settings.setLanguage(language); }); APP.keyboardshortcut.init(); }).catch(function (err) { console.error(err); }); } } /** * If we have an HTTP endpoint for getting config.json configured we're going to * read it and override properties from config.js and interfaceConfig.js. * If there is no endpoint we'll just continue with initialization. * Keep in mind that if the endpoint has been configured and we fail to obtain * the config for any reason then the conference won't start and error message * will be displayed to the user. */ function obtainConfigAndInit() { let roomName = APP.conference.roomName; if (config.configLocation) { APP.configFetch.obtainConfig( config.configLocation, roomName, // Get config result callback function(success, error) { if (success) { var now = APP.performanceTimes["configuration.fetched"] = window.performance.now(); console.log("(TIME) configuration fetched:\t", now); init(); } else { // Show obtain config error, // pass the error object for report APP.UI.messageHandler.openReportDialog( null, "dialog.connectError", error); } }); } else { require("./modules/config/BoshAddressChoice").chooseAddress( config, roomName); init(); } } $(document).ready(function () { var now = APP.performanceTimes["document.ready"] = window.performance.now(); console.log("(TIME) document ready:\t", now); URLProcessor.setConfigParametersFromUrl(); APP.init(); APP.translation.init(settings.getLanguage()); APP.API.init(); obtainConfigAndInit(); }); $(window).bind('beforeunload', function () { APP.API.dispose(); }); module.exports = APP;