Publish Vulpes Preview 15 sources for desktop, Android and Tundra

Share Gaia assets and adapters, keep private profiles and development documents local, and update both public READMEs.

gaia/tv_apps/remote-control-client/js/client.js

@@ -0,0 +1,140 @@
+/* global PanelElement */
+'use strict';
+
+(function(exports) {
+  // The .sjs file is located in the Gecko since it needs chrome privilege.
+  var AJAX_URL = 'client.sjs';
+
+  // The client will send the currently-inputed string to server automatically
+  // whenever a user stops typing for the specified period.
+  var INPUT_STRING_SYNC_PERIOD = 200; // in milliseconds
+
+  var enabled = false;
+  var inputStringSyncTimer = null;
+
+  function sendMessage(type, detail) {
+    if (!enabled) {
+      return;
+    }
+
+    var data = {
+      type: type,
+      detail: (typeof detail === 'object') ? detail : detail.toString()
+    };
+
+    exports.sendMessage(AJAX_URL, {
+      message: JSON.stringify(data)
+    }, function onsuccess(data) {
+      if (!data || !data.verified) {
+        enabled = false;
+        document.l10n.formatValue('session-expired').then(function(value) {
+          alert(value);
+          window.location.reload();
+        });
+      }
+    });
+  }
+
+  function inputStringSyncHandler() {
+    if (inputStringSyncTimer) {
+      clearTimeout(inputStringSyncTimer);
+    }
+    inputStringSyncTimer = setTimeout(function() {
+      inputStringSyncTimer = null;
+      sendMessage('textinput', {
+        clear: true,
+        string: document.getElementById('input-string').value
+      });
+    }, INPUT_STRING_SYNC_PERIOD);
+  }
+
+  function sendFinalInputString() {
+    if (inputStringSyncTimer) {
+      clearTimeout(inputStringSyncTimer);
+      inputStringSyncTimer = null;
+    }
+    var input = document.getElementById('input-string');
+    sendMessage('textinput', {
+      clear: true,
+      string: input.value,
+      keycode: 13
+    });
+    input.value = '';
+  }
+
+  function init() {
+    var input = document.getElementById('input-string');
+    var btnSend = document.getElementById('send-string');
+
+    input.value = '';
+    input.addEventListener('keydown', function(evt) {
+      switch(evt.keyCode) {
+        case 13: //Enter
+          setTimeout(function() {
+            document.activeElement.blur();
+            sendFinalInputString();
+          });
+          break;
+        case 27: //Escape
+          input.value = '';
+
+          // Workaround Firefox's bug
+          input.blur();
+          input.focus();
+          break;
+        default:
+          return;
+      }
+      evt.preventDefault();
+    });
+
+    input.addEventListener('focus', function() {
+      // The "select()" doesn't work if it's triggered in a "focus" handler.
+      setTimeout(function() {
+        input.select();
+      });
+    });
+
+    input.addEventListener('input', inputStringSyncHandler);
+    input.addEventListener('keyup', inputStringSyncHandler);
+
+    btnSend.addEventListener('click', sendFinalInputString);
+
+    /* jshint nonew: false */
+    new PanelElement(document.getElementById('touch-panel'), {
+      touchingClass: 'touching',
+      dblClickTimeThreshold: 0,
+      handler: sendMessage
+    });
+
+    /* jshint nonew: false */
+    new PanelElement(document.getElementById('scroll-panel'), {
+      touchingClass: 'touching',
+      dblClickTimeThreshold: 0,
+      clickTimeThreshold: 0,
+      clickMoveThreshold: 0,
+      handler: function(type, detail) {
+        if (detail.dx !== undefined) {
+          detail.dx = 0;
+        }
+        sendMessage(type.replace('touch', 'scroll'), detail);
+      }
+    });
+
+    var buttonOnClick = function() {
+      var key = this.dataset.key;
+      if (key) {
+        sendMessage('keypress', key);
+      }
+    };
+
+    var buttons = document.querySelectorAll('#section-buttons .button');
+    [].slice.call(buttons).forEach(function(elem) {
+      elem.addEventListener('click', buttonOnClick);
+    });
+
+    enabled = true;
+  }
+
+  exports.ready(init);
+}(window));