| // Copyright (c) 2012 The Chromium Authors. All rights reserved. |
| // Use of this source code is governed by a BSD-style license that can be |
| // found in the LICENSE file. |
| |
| /** |
| * @fileoverview |
| * Functions related to the 'host screen' for Chromoting. |
| */ |
| |
| 'use strict'; |
| |
| /** @suppress {duplicate} */ |
| var remoting = remoting || {}; |
| |
| /** |
| * @type {boolean} Whether or not the last share was cancelled by the user. |
| * This controls what screen is shown when the host signals completion. |
| * @private |
| */ |
| var lastShareWasCancelled_ = false; |
| |
| /** |
| * Start a host session. This is the main entry point for the host screen, |
| * called directly from the onclick action of a button on the home screen. |
| * It first verifies that the native host components are installed and asks |
| * to install them if necessary. |
| */ |
| remoting.tryShare = function() { |
| /** @type {remoting.HostIt2MeDispatcher} */ |
| var hostDispatcher = new remoting.HostIt2MeDispatcher(); |
| |
| /** @type {remoting.HostInstallDialog} */ |
| var hostInstallDialog = null; |
| |
| var tryInitializeDispatcher = function() { |
| hostDispatcher.initialize(onDispatcherInitialized, |
| onDispatcherInitializationFailed); |
| } |
| |
| var onDispatcherInitialized = function () { |
| // Host already installed. |
| remoting.startHostUsingDispatcher_(hostDispatcher); |
| }; |
| |
| /** @param {remoting.Error} error */ |
| var onDispatcherInitializationFailed = function(error) { |
| if (error != remoting.Error.MISSING_PLUGIN) { |
| showShareError_(error); |
| return; |
| } |
| |
| // If we failed to initialize the dispatcher then prompt the user to install |
| // the host manually. |
| var hasHostDialog = (hostInstallDialog != null); /** jscompile hack */ |
| if (!hasHostDialog) { |
| hostInstallDialog = new remoting.HostInstallDialog(); |
| |
| hostInstallDialog.show(tryInitializeDispatcher, onInstallError); |
| } else { |
| hostInstallDialog.tryAgain(); |
| } |
| }; |
| |
| /** @param {remoting.Error} error */ |
| var onInstallError = function(error) { |
| if (error == remoting.Error.CANCELLED) { |
| remoting.setMode(remoting.AppMode.HOME); |
| } else { |
| showShareError_(error); |
| } |
| } |
| |
| tryInitializeDispatcher(); |
| }; |
| |
| /** |
| * @param {remoting.HostIt2MeDispatcher} hostDispatcher An initialized |
| * HostIt2MeDispatcher. |
| */ |
| remoting.startHostUsingDispatcher_ = function(hostDispatcher) { |
| console.log('Attempting to share...'); |
| remoting.identity.callWithToken( |
| remoting.tryShareWithToken_.bind(null, hostDispatcher), |
| remoting.showErrorMessage); |
| } |
| |
| /** |
| * @param {remoting.HostIt2MeDispatcher} hostDispatcher An initialized |
| * HostIt2MeDispatcher. |
| * @param {string} token The OAuth access token. |
| * @private |
| */ |
| remoting.tryShareWithToken_ = function(hostDispatcher, token) { |
| lastShareWasCancelled_ = false; |
| onNatTraversalPolicyChanged_(true); // Hide warning by default. |
| remoting.setMode(remoting.AppMode.HOST_WAITING_FOR_CODE); |
| document.getElementById('cancel-share-button').disabled = false; |
| disableTimeoutCountdown_(); |
| |
| remoting.hostSession = new remoting.HostSession(); |
| var email = /** @type {string} */remoting.identity.getCachedEmail(); |
| remoting.hostSession.connect( |
| hostDispatcher, email, token, onHostStateChanged_, |
| onNatTraversalPolicyChanged_, logDebugInfo_, it2meConnectFailed_); |
| }; |
| |
| /** |
| * Callback for the host plugin to notify the web app of state changes. |
| * @param {remoting.HostSession.State} state The new state of the plugin. |
| * @return {void} Nothing. |
| * @private |
| */ |
| function onHostStateChanged_(state) { |
| if (state == remoting.HostSession.State.STARTING) { |
| // Nothing to do here. |
| console.log('Host state: STARTING'); |
| |
| } else if (state == remoting.HostSession.State.REQUESTED_ACCESS_CODE) { |
| // Nothing to do here. |
| console.log('Host state: REQUESTED_ACCESS_CODE'); |
| |
| } else if (state == remoting.HostSession.State.RECEIVED_ACCESS_CODE) { |
| console.log('Host state: RECEIVED_ACCESS_CODE'); |
| var accessCode = remoting.hostSession.getAccessCode(); |
| var accessCodeDisplay = document.getElementById('access-code-display'); |
| accessCodeDisplay.innerText = ''; |
| // Display the access code in groups of four digits for readability. |
| var kDigitsPerGroup = 4; |
| for (var i = 0; i < accessCode.length; i += kDigitsPerGroup) { |
| var nextFourDigits = document.createElement('span'); |
| nextFourDigits.className = 'access-code-digit-group'; |
| nextFourDigits.innerText = accessCode.substring(i, i + kDigitsPerGroup); |
| accessCodeDisplay.appendChild(nextFourDigits); |
| } |
| accessCodeExpiresIn_ = remoting.hostSession.getAccessCodeLifetime(); |
| if (accessCodeExpiresIn_ > 0) { // Check it hasn't expired. |
| accessCodeTimerId_ = setInterval(decrementAccessCodeTimeout_, 1000); |
| timerRunning_ = true; |
| updateAccessCodeTimeoutElement_(); |
| updateTimeoutStyles_(); |
| remoting.setMode(remoting.AppMode.HOST_WAITING_FOR_CONNECTION); |
| } else { |
| // This can only happen if the cloud tells us that the code lifetime is |
| // <= 0s, which shouldn't happen so we don't care how clean this UX is. |
| console.error('Access code already invalid on receipt!'); |
| remoting.cancelShare(); |
| } |
| |
| } else if (state == remoting.HostSession.State.CONNECTED) { |
| console.log('Host state: CONNECTED'); |
| var element = document.getElementById('host-shared-message'); |
| var client = remoting.hostSession.getClient(); |
| l10n.localizeElement(element, client); |
| remoting.setMode(remoting.AppMode.HOST_SHARED); |
| disableTimeoutCountdown_(); |
| |
| } else if (state == remoting.HostSession.State.DISCONNECTING) { |
| console.log('Host state: DISCONNECTING'); |
| |
| } else if (state == remoting.HostSession.State.DISCONNECTED) { |
| console.log('Host state: DISCONNECTED'); |
| if (remoting.currentMode != remoting.AppMode.HOST_SHARE_FAILED) { |
| // If an error is being displayed, then the plugin should not be able to |
| // hide it by setting the state. Errors must be dismissed by the user |
| // clicking OK, which puts the app into mode HOME. |
| if (lastShareWasCancelled_) { |
| remoting.setMode(remoting.AppMode.HOME); |
| } else { |
| remoting.setMode(remoting.AppMode.HOST_SHARE_FINISHED); |
| } |
| } |
| } else if (state == remoting.HostSession.State.ERROR) { |
| console.error('Host state: ERROR'); |
| showShareError_(remoting.Error.UNEXPECTED); |
| } else if (state == remoting.HostSession.State.INVALID_DOMAIN_ERROR) { |
| console.error('Host state: INVALID_DOMAIN_ERROR'); |
| showShareError_(remoting.Error.INVALID_HOST_DOMAIN); |
| } else { |
| console.error('Unknown state -> ' + state); |
| } |
| } |
| |
| /** |
| * This is the callback that the host plugin invokes to indicate that there |
| * is additional debug log info to display. |
| * @param {string} msg The message (which will not be localized) to be logged. |
| * @private |
| */ |
| function logDebugInfo_(msg) { |
| console.log('plugin: ' + msg); |
| } |
| |
| /** |
| * Show a host-side error message. |
| * |
| * @param {string} errorTag The error message to be localized and displayed. |
| * @return {void} Nothing. |
| * @private |
| */ |
| function showShareError_(errorTag) { |
| var errorDiv = document.getElementById('host-plugin-error'); |
| l10n.localizeElementFromTag(errorDiv, errorTag); |
| console.error('Sharing error: ' + errorTag); |
| remoting.setMode(remoting.AppMode.HOST_SHARE_FAILED); |
| } |
| |
| /** |
| * Show a sharing error with error code UNEXPECTED . |
| * |
| * @return {void} Nothing. |
| * @private |
| */ |
| function it2meConnectFailed_() { |
| // TODO (weitaosu): Instruct the user to install the native messaging host. |
| // We probably want to add a new error code (with the corresponding error |
| // message for sharing error. |
| console.error('Cannot share desktop.'); |
| showShareError_(remoting.Error.UNEXPECTED); |
| } |
| |
| /** |
| * Cancel an active or pending it2me share operation. |
| * |
| * @return {void} Nothing. |
| */ |
| remoting.cancelShare = function() { |
| document.getElementById('cancel-share-button').disabled = true; |
| console.log('Canceling share...'); |
| remoting.lastShareWasCancelled = true; |
| try { |
| remoting.hostSession.disconnect(); |
| } catch (error) { |
| // Hack to force JSCompiler type-safety. |
| var errorTyped = /** @type {{description: string}} */ error; |
| console.error('Error disconnecting: ' + errorTyped.description + |
| '. The host probably crashed.'); |
| // TODO(jamiewalch): Clean this up. We should have a class representing |
| // the host plugin, like we do for the client, which should handle crash |
| // reporting and it should use a more detailed error message than the |
| // default 'generic' one. See crbug.com/94624 |
| showShareError_(remoting.Error.UNEXPECTED); |
| } |
| disableTimeoutCountdown_(); |
| }; |
| |
| /** |
| * @type {boolean} Whether or not the access code timeout countdown is running. |
| * @private |
| */ |
| var timerRunning_ = false; |
| |
| /** |
| * @type {number} The id of the access code expiry countdown timer. |
| * @private |
| */ |
| var accessCodeTimerId_ = 0; |
| |
| /** |
| * @type {number} The number of seconds until the access code expires. |
| * @private |
| */ |
| var accessCodeExpiresIn_ = 0; |
| |
| /** |
| * The timer callback function |
| * @return {void} Nothing. |
| * @private |
| */ |
| function decrementAccessCodeTimeout_() { |
| --accessCodeExpiresIn_; |
| updateAccessCodeTimeoutElement_(); |
| }; |
| |
| /** |
| * Stop the access code timeout countdown if it is running. |
| * @return {void} Nothing. |
| * @private |
| */ |
| function disableTimeoutCountdown_() { |
| if (timerRunning_) { |
| clearInterval(accessCodeTimerId_); |
| timerRunning_ = false; |
| updateTimeoutStyles_(); |
| } |
| } |
| |
| /** |
| * Constants controlling the access code timer countdown display. |
| * @private |
| */ |
| var ACCESS_CODE_TIMER_DISPLAY_THRESHOLD_ = 30; |
| var ACCESS_CODE_RED_THRESHOLD_ = 10; |
| |
| /** |
| * Show/hide or restyle various elements, depending on the remaining countdown |
| * and timer state. |
| * |
| * @return {boolean} True if the timeout is in progress, false if it has |
| * expired. |
| * @private |
| */ |
| function updateTimeoutStyles_() { |
| if (timerRunning_) { |
| if (accessCodeExpiresIn_ <= 0) { |
| remoting.cancelShare(); |
| return false; |
| } |
| var accessCode = document.getElementById('access-code-display'); |
| if (accessCodeExpiresIn_ <= ACCESS_CODE_RED_THRESHOLD_) { |
| accessCode.classList.add('expiring'); |
| } else { |
| accessCode.classList.remove('expiring'); |
| } |
| } |
| document.getElementById('access-code-countdown').hidden = |
| (accessCodeExpiresIn_ > ACCESS_CODE_TIMER_DISPLAY_THRESHOLD_) || |
| !timerRunning_; |
| return true; |
| } |
| |
| /** |
| * Update the text and appearance of the access code timeout element to |
| * reflect the time remaining. |
| * @return {void} Nothing. |
| * @private |
| */ |
| function updateAccessCodeTimeoutElement_() { |
| var pad = (accessCodeExpiresIn_ < 10) ? '0:0' : '0:'; |
| l10n.localizeElement(document.getElementById('seconds-remaining'), |
| pad + accessCodeExpiresIn_); |
| if (!updateTimeoutStyles_()) { |
| disableTimeoutCountdown_(); |
| } |
| } |
| |
| /** |
| * Callback to show or hide the NAT traversal warning when the policy changes. |
| * @param {boolean} enabled True if NAT traversal is enabled. |
| * @return {void} Nothing. |
| * @private |
| */ |
| function onNatTraversalPolicyChanged_(enabled) { |
| var natBox = document.getElementById('nat-box'); |
| if (enabled) { |
| natBox.classList.add('traversal-enabled'); |
| } else { |
| natBox.classList.remove('traversal-enabled'); |
| } |
| } |