Implements notification system and a large refactoring

David Guilherme
1 parent 06dd693a
Showing 47 changed files with 586 additions and 502 deletions Show diff stats
.gitignore
Gulpfile.js
chrome/app/main.js
chrome/app/middleware.js
firefox/data/main.js
firefox/data/middleware.js
firefox/index.js
player/.bowerrc
player/TemplateData/default-cover.jpg
player/TemplateData/favicon.png
player/TemplateData/fullbar.png
player/TemplateData/loadingbar.png
player/TemplateData/progresslogo.png
player/TemplateData/style.css
player/bower.json
player/js/loading.js
player/js/message.js
player/js/vlibras-plugin.js
player/webgl/TemplateData/UnityProgress.js
player/webgl/connect.js
@@ -2,10 +2,13 @@ chrome/app/player
 firefox/data/player
 safari.safariextension/app/player
-webgl/Release
-webgl/vendors
-webplayer/vendors
+player/webgl/Release
+player/vendors
 node_modules
-**/.DS_Store
 \ No newline at end of file
+**/.DS_Store
+**/Thumbs.db
+
+**/*.crx
+**/*.xpi
 \ No newline at end of file
@@ -6,45 +6,55 @@ var playersPath = {
   safari: 'safari.safariextension/app/player'
 };
-var webglOptions = {
-  base: 'webgl',
-  cwd: 'webgl'
-};
-
 var webglFiles = [
   'connect.js',
   'load.js',
+  'verify-compatibility.js',
   'window.html',
   'TemplateData/*',
-  'Release/*',
-  'vendors/**/*',
-  'js/*'
+  'Release/*'
 ];
-var webplayerOptions = {
-  base: 'webplayer',
-  cwd: 'webplayer'
-};
-
 var webplayerFiles = [
   'window.html',
   'player.js',
-  'WEBPLAYER.unity3d',
-  'vendors/**/*',
-  'TemplateData/*'
+  'WEBPLAYER.unity3d'
 ];
+var playerFiles = [
+  'TemplateData/*',
+  'js/*',
+  'vendors/qdclient/qdclient.js',
+  'vendors/offline/offline.js'
+];
+
+var webglTask = function(dest) {
+  gulp.src(webglFiles, {base: 'player/webgl', cwd: 'player/webgl'})
+    .pipe(gulp.dest(dest));
+
+  playerTask(dest);
+};
+
+var webplayerTask = function(dest) {
+  gulp.src(webplayerFiles, {base: 'player/webplayer', cwd: 'player/webplayer'})
+    .pipe(gulp.dest(dest));
+
+  playerTask(dest);
+};
+
+var playerTask = function(dest) {
+  gulp.src(playerFiles, {base: 'player', cwd: 'player'})
+    .pipe(gulp.dest(dest));
+};
+
 gulp.task('chrome', function() {
-  gulp.src(webglFiles, webglOptions)
-    .pipe(gulp.dest(playersPath.chrome));
+  webglTask(playersPath.chrome);
 });
 gulp.task('firefox', function() {
-  gulp.src(webglFiles, webglOptions)
-    .pipe(gulp.dest(playersPath.firefox));
+  webglTask(playersPath.firefox);
 });
 gulp.task('safari', function() {
-  gulp.src(webplayerFiles, webplayerOptions)
-    .pipe(gulp.dest(playersPath.safari));
+  webplayerTask(playersPath.safari);
 });
 \ No newline at end of file
@@ -1,50 +0,0 @@
-var app = {
-  chooser: null,
-  glosa: undefined,
-  loaded: false,
-  lastReq: {
-    url: null,
-    millis: null,
-    response: null
-  }
-};
-
-function onLoadPlayer() {
-  if ( app.glosa !== undefined )
-    SendMessage('PlayerManager', 'catchGlosa', app.glosa);
-
-  app.loaded = true;
-}
-
-chrome.runtime.onMessage.addListener(
-  function(request, sender, sendResponse) {
-    if (request.selectedText === undefined) return;
-
-    request.selectedText = encodeURI(request.selectedText);
-
-    app.chooser = app.chooser || new qdClient.Chooser();
-
-    document.getElementById('loading-screen').style.display = 'block';
-    app.chooser.choose(
-        app.lastReq.url,
-        app.lastReq.millis,
-        app.lastReq.response,
-        function (url) {
-            var start = new Date().getTime();
-            qdClient.request(url + '?texto=' + request.selectedText, "GET", {},
-                function(status, response) {
-                  app.lastReq.response = status === 404 ? -1 : status;
-                  app.lastReq.millis = (new Date().getTime() - start);
-                  app.lastReq.url = url;
-
-                  app.glosa = response;
-
-                  if (app.loaded == true)
-                    SendMessage('PlayerManager', 'catchGlosa', app.glosa);
-
-                  document.getElementById('loading-screen').style.display = 'none';
-                });
-        });
-    });
-
-chrome.runtime.sendMessage({ready: true});
@@ -0,0 +1,10 @@
+window.addEventListener('load', function() {
+  chrome.runtime.onMessage.addListener(
+    function(request, sender, sendResponse) {
+      if (request.selectedText === undefined) return;
+
+      VLibrasPlugin.translate(encodeURI(request.selectedText));
+    });
+
+  chrome.runtime.sendMessage({ready: true});
+});
@@ -1,47 +0,0 @@
-var app = {
-  chooser: null,
-  glosa: undefined,
-  loaded: false,
-  lastReq: {
-    url: null,
-    millis: null,
-    response: null
-  }
-};
-
-function onLoadPlayer() {
-  if ( app.glosa !== undefined )
-    SendMessage('PlayerManager', 'catchGlosa', app.glosa);
-
-  app.loaded = true;
-}
-
-document.addEventListener('plugin:selectedText', function(e) {
-  if (e.detail === undefined) return;
-
-  e.detail = encodeURI(e.detail);
-
-  app.chooser = app.chooser || new qdClient.Chooser();
-
-  document.getElementById('loading-screen').style.display = 'block';
-  app.chooser.choose(
-    app.lastReq.url,
-    app.lastReq.millis,
-    app.lastReq.response,
-    function (url) {
-      var start = new Date().getTime();
-
-      qdClient.request(url + '?texto=' + e.detail, "GET", {},
-        function(status, response) {
-          app.lastReq.response = status === 404 ? -1 : status;
-          app.lastReq.millis = (new Date().getTime() - start);
-          app.lastReq.url = url;
-
-          app.glosa = response;
-
-          document.getElementById('loading-screen').style.display = 'none';
-          if (app.loaded == true)
-            SendMessage('PlayerManager', 'catchGlosa', app.glosa);
-      });
-  });
-});
@@ -0,0 +1,5 @@
+document.addEventListener('plugin:selectedText', function(e) {
+  if (e.detail === undefined) return;
+
+  VLibrasPlugin.translate(encodeURI(e.detail));
+});
@@ -48,7 +48,7 @@ cm.Item({
 // Page mod
 pm.PageMod({
   include: self.data.url('player/window.html'),
-  contentScriptWhen: 'ready',
+  contentScriptWhen: 'end',
   contentScriptFile: self.data.url('delegator.js'),
   onAttach: function(worker) {
     app.worker = worker;
@@ -0,0 +1,3 @@
+{
+  "directory": "vendors"
+}
@@ -0,0 +1,69 @@
+html {
+  -ms-text-size-adjust: 100%;
+  -webkit-text-size-adjust: 100%;
+}
+
+html, body, #canvas {
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  overflow: hidden;
+  font-size: 70%;
+  line-height: 110%;
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+}
+
+#loading-screen {
+  position: absolute;
+  top: 0;
+  left: 0;
+  display: none;
+  width: 100%;
+  height: 100%;
+  z-index: 9999;
+}
+
+.message-box {
+  position: fixed;
+  top: -5em;
+  left: 0;
+  width: 100%;
+  padding: 1em;
+  font-size: 2em;
+  word-wrap: break-word;
+  color: #000;
+  opacity: 0;
+  -moz-transition: all .15s ease .15s;
+  -webkit-transition: all .15s ease .15s;
+  transition: all .15s ease .15s;
+  -moz-box-shadow: 0px 2px 5px #888888;
+  -webkit-box-shadow: 0px 2px 5px #888888;
+  box-shadow: 0px 2px 5px #888888;
+  z-index: 9998;
+}
+
+.message-box.info {
+  background-color: #3b8bba;
+  color: #ffffff;
+}
+
+.message-box.warning {
+  background-color: #f8ecad;
+  color: #7c6d1f;
+}
+
+.message-box.success {
+  background-color: #d6e9c6;
+  color: #468847;
+}
+
+.message-box.default {
+  background-color: #e6e6e6;
+  color: #8c8c8c;
+}
+
+.message-box.active {
+  top: 0;
+  opacity: 1;
+}
 \ No newline at end of file
@@ -0,0 +1,15 @@
+{
+  "name": "vlibras-player",
+  "version": "0.0.1",
+  "ignore": [
+    "**/.*",
+    "node_modules",
+    "bower_components",
+    "test",
+    "tests"
+  ],
+  "devDependencies": {
+    "qdclient": "git@git.lavid.ufpb.br:qdclient.git"
+  },
+  "dependencies": {}
+}
@@ -0,0 +1,19 @@
+(function (window, document, Message) {
+
+  function Loading(selector, messageSelector) {
+    this.element = document.querySelector(selector);
+    this.message = new Message(messageSelector);
+  }
+
+  Loading.prototype.show = function(message) {
+    this.element.style.display = 'block';
+    this.message.show('info', message);
+  };
+
+  Loading.prototype.hide = function() {
+    this.element.style.display = 'none';
+    this.message.hide();
+  };
+
+  window.Loading = Loading;
+})(window, document, window.Message);
 \ No newline at end of file
@@ -0,0 +1,50 @@
+(function(window, document) {
+
+  function Message(selectors) {
+    this.element = document.querySelector(selectors);
+
+    this.element.classList.add('message-box');
+
+    var self = this;
+    var closeElement = this.element.querySelector('.close');
+
+    if (closeElement) {
+      closeElement.addEventListener('click', function (e) {
+        self.hide();
+      });
+    }
+
+    this.hide();
+  }
+
+  Message.LEVELS = ['info', 'warning', 'success', 'default'];
+
+  Message.prototype.hide = function() {
+    this.element.classList.remove('active');
+
+    Message.LEVELS.forEach(function(level) {
+      this.element.classList.remove(level);
+    }, this);
+  };
+
+  Message.prototype.show = function(level, message, time) {
+    var self = this;
+
+    level = Message.LEVELS.indexOf(level) == -1 ? 'info' : level;
+
+    this.hide();
+
+    self.element.classList.add('active');
+    self.element.classList.add(level);
+    self.element.querySelector('.message').innerHTML = message;
+
+    if (time) {
+      setTimeout(function () {
+        self.hide();
+      }, time + 1);
+    }
+  };
+
+  // Expose
+  window.Message = Message;
+})(window, document);
 \ No newline at end of file
@@ -0,0 +1,73 @@
+(function(window, document, Loading, Message) {
+  function VLibrasPlugin() {
+    this.loaded  = false;
+    this.chooser = new qdClient.Chooser();
+    this.glosa   = undefined;
+    this.loading = new Loading('#loading-screen', '#message-box');
+    this.message = new Message('#message-box');
+    this.lastReq = {
+      url: null,
+      millis: null,
+      response: null
+    };
+  }
+
+  VLibrasPlugin.prototype.sendGlosa = function(glosa) {
+    var glosa = glosa || this.glosa;
+
+    if (glosa !== undefined && this.loaded === true) {
+      window.SendMessage('PlayerManager', 'catchGlosa', glosa);
+    }
+  };
+
+  VLibrasPlugin.prototype.translate = function(text) {
+    var self = this;
+    self.loading.show('Traduzindo...');
+    self.chooser.choose(self.lastReq.url, self.lastReq.millis, self.lastReq.response,
+        function (url) {
+            var start = new Date().getTime();
+
+            if (!url) {
+              self.loading.hide();
+              self.message.show('warning', 'Não foi possível se conectar ao servidor. Irei soletrar!', 3000);
+
+              self.glosa = decodeURI(text).toUpperCase();
+              self.sendGlosa();
+              return;
+            }
+
+            qdClient.request(url + '?texto=' + text, "GET", {},
+                function(status, response) {
+                  self.lastReq.response = status !== 200 ? -1 : status;
+                  self.lastReq.millis = (new Date().getTime() - start);
+                  self.lastReq.url = url;
+
+                  self.loading.hide();
+                  if (status !== 200)
+                    self.message.show('warning', 'Não foi possível se conectar ao servidor. Irei soletrar!', 3000);
+
+                  self.glosa = response || decodeURI(text).toUpperCase();
+                  self.sendGlosa();
+                });
+        });
+  };
+
+  VLibrasPlugin.prototype.showMessage = function(level, message, time) {
+    this.message.show(level, message, time);
+  };
+
+  VLibrasPlugin.prototype.hideMessage = function() {
+    this.message.hide();
+  };
+
+  VLibrasPlugin.prototype.load = function() {
+    this.loaded = true;
+    this.sendGlosa();
+  };
+
+  // Expose
+  window.VLibrasPlugin = new VLibrasPlugin();
+  window.onLoadPlayer = function() {
+    this.VLibrasPlugin.load();
+  };
+})(window, document, Loading, Message);
@@ -0,0 +1,97 @@
+function UnityProgress (dom) {
+	this.progress = 0.0;
+	this.message = "";
+	this.dom = dom;
+
+	var parent = dom.parentNode;
+
+	var background = document.createElement("div");
+	background.style.background = "#FFFFFF";
+	background.style.position = "absolute";
+	parent.appendChild(background);
+	this.background = background;
+
+	var logoImage = document.createElement("img");
+	logoImage.src = "TemplateData/progresslogo.png"; 
+	logoImage.style.position = "absolute";
+	parent.appendChild(logoImage);
+	this.logoImage = logoImage;
+
+	var progressFrame = document.createElement("img");
+	progressFrame.src = "TemplateData/loadingbar.png"; 
+	progressFrame.style.position = "absolute";
+	parent.appendChild(progressFrame);
+	this.progressFrame = progressFrame;
+
+	var progressBar = document.createElement("img");
+	progressBar.src = "TemplateData/fullbar.png"; 
+	progressBar.style.position = "absolute";
+	parent.appendChild(progressBar);
+	this.progressBar = progressBar;
+
+	var messageArea = document.createElement("p");
+	messageArea.style.position = "absolute";
+	parent.appendChild(messageArea);
+	this.messageArea = messageArea;
+
+
+	this.SetProgress = function (progress) { 
+		if (this.progress < progress)
+			this.progress = progress; 
+		this.messageArea.style.display = "none";
+		this.progressFrame.style.display = "inline";
+		this.progressBar.style.display = "inline";			
+		this.Update();
+	}
+
+	this.SetMessage = function (message) { 
+		this.message = message; 
+		this.background.style.display = "inline";
+		this.logoImage.style.display = "inline";
+		this.progressFrame.style.display = "none";
+		this.progressBar.style.display = "none";			
+		this.Update();
+	}
+
+	this.Clear = function() {
+		this.background.style.display = "none";
+		this.logoImage.style.display = "none";
+		this.progressFrame.style.display = "none";
+		this.progressBar.style.display = "none";
+	}
+
+	this.Update = function() {
+		this.background.style.top = this.dom.offsetTop + 'px';
+		this.background.style.left = this.dom.offsetLeft + 'px';
+		this.background.style.width = this.dom.offsetWidth + 'px';
+		this.background.style.height = this.dom.offsetHeight + 'px';
+
+		var logoImg = new Image();
+		logoImg.src = this.logoImage.src;
+		var progressFrameImg = new Image();
+		progressFrameImg.src = this.progressFrame.src;
+
+		this.logoImage.style.top = this.dom.offsetTop + (this.dom.offsetHeight * 0.5 - logoImg.height * 0.5) + 'px';
+		this.logoImage.style.left = this.dom.offsetLeft + (this.dom.offsetWidth * 0.5 - logoImg.width * 0.5) + 'px';
+		this.logoImage.style.width = logoImg.width+'px';
+		this.logoImage.style.height = logoImg.height+'px';
+
+		this.progressFrame.style.top = this.dom.offsetTop + (this.dom.offsetHeight * 0.5 + logoImg.height * 0.5 + 10) + 'px';
+		this.progressFrame.style.left = this.dom.offsetLeft + (this.dom.offsetWidth * 0.5 - progressFrameImg.width * 0.5) + 'px';
+		this.progressFrame.width = progressFrameImg.width;
+		this.progressFrame.height = progressFrameImg.height;
+
+		this.progressBar.style.top = this.progressFrame.style.top;
+		this.progressBar.style.left = this.progressFrame.style.left;
+		this.progressBar.width = progressFrameImg.width * Math.min(this.progress, 1);
+		this.progressBar.height = progressFrameImg.height;
+
+		this.messageArea.style.top = this.progressFrame.style.top;
+		this.messageArea.style.left = 0;
+		this.messageArea.style.width = '100%';
+		this.messageArea.style.textAlign = 'center';
+		this.messageArea.innerHTML = this.message;
+	}
+
+	this.Update ();
+}
 \ No newline at end of file
@@ -0,0 +1,40 @@
+// connect to canvas
+  var Module = {
+    TOTAL_MEMORY: 268435456,
+    filePackagePrefixURL: "Release/",
+    memoryInitializerPrefixURL: "Release/",
+    preRun: [],
+    postRun: [],
+    print: (function() {
+      return function(text) {
+        console.log (text);
+      };
+    })(),
+    printErr: function(text) {
+      console.error (text);
+    },
+    canvas: document.getElementById('canvas'),
+    progress: null,
+    setStatus: function(text) {
+      if (this.progress == null)
+      {
+        if (typeof UnityProgress != 'function')
+          return;
+        this.progress = new UnityProgress (canvas);
+      }
+      if (!Module.setStatus.last) Module.setStatus.last = { time: Date.now(), text: '' };
+      if (text === Module.setStatus.text) return;
+      this.progress.SetMessage (text);
+      var m = text.match(/([^(]+)\((\d+(\.\d+)?)\/(\d+)\)/);
+      if (m)
+        this.progress.SetProgress (parseInt(m[2])/parseInt(m[4]));
+      if (text === "")
+        this.progress.Clear()
+    },
+    totalDependencies: 0,
+    monitorRunDependencies: function(left) {
+      this.totalDependencies = Math.max(this.totalDependencies, left);
+      Module.setStatus(left ? 'Preparing... (' + (this.totalDependencies-left) + '/' + this.totalDependencies + ')' : 'All downloads complete.');
+    }
+  };
+  Module.setStatus('Downloading (0.0/1)');
@@ -0,0 +1,39 @@
+if (!(!Math.fround)) {
+  var script = document.createElement('script');
+  script.src = "Release/WEBGL.js";
+  document.body.appendChild(script);
+} else {
+  var codeXHR = new XMLHttpRequest();
+  codeXHR.open('GET', 'Release/WEBGL.js', true);
+  codeXHR.onload = function() {
+    var code = codeXHR.responseText;
+    if (!Math.fround) {
+try {
+  console.log('optimizing out Math.fround calls');
+  var m = /var ([^=]+)=global\.Math\.fround;/.exec(code);
+  var minified = m[1];
+  if (!minified) throw 'fail';
+  var startAsm = code.indexOf('// EMSCRIPTEN_START_FUNCS');
+  var endAsm = code.indexOf('// EMSCRIPTEN_END_FUNCS');
+  var asm = code.substring(startAsm, endAsm);
+  do {
+    var moar = false; // we need to re-do, as x(x( will not be fixed
+    asm = asm.replace(new RegExp('[^a-zA-Z0-9\\$\\_]' + minified + '\\(', 'g'), function(s) { moar = true; return s[0] + '(' });
+  } while (moar);
+  code = code.substring(0, startAsm) + asm + code.substring(endAsm);
+  code = code.replace("'use asm'", "'almost asm'");
+} catch(e) { console.log('failed to optimize out Math.fround calls ' + e) }
+ }
+
+    var blob = new Blob([code], { type: 'text/javascript' });
+    codeXHR = null;
+    var src = URL.createObjectURL(blob);
+    var script = document.createElement('script');
+    script.src = URL.createObjectURL(blob);
+    script.onload = function() {
+      URL.revokeObjectURL(script.src);
+    };
+    document.body.appendChild(script);
+  };
+  codeXHR.send(null);
+}
@@ -0,0 +1,17 @@
+(function() {
+  var checkWebGLCompability = function() {
+    var canvas = document.createElement('canvas');
+    var gl = canvas.getContext("webgl");
+    if (!gl) {
+      gl = canvas.getContext("experimental-webgl");
+      if (!gl) return false;
+    }
+
+    return true;
+  };
+
+  if (!checkWebGLCompability()) {
+    VLibrasPlugin.showMessage('warning', 'O seu computador não suporta o WebGL. Porfavor atualizar os drivers de vídeo.');
+    window.stop();
+  };
+})();
 \ No newline at end of file
@@ -0,0 +1,36 @@
+<!doctype html>
+<html lang="en-us">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <title>VLibras Plugin</title>
+    <link rel="stylesheet" href="TemplateData/style.css">
+    <link rel="shortcut icon" href="TemplateData/favicon.png" />
+    <script src="TemplateData/UnityProgress.js"></script>
+  </head>
+  <body class="template">
+    <div id="loading-screen"></div>
+    <div id="message-box">
+      <span class="message"></span>
+    </div>
+
+    <canvas class="emscripten" id="canvas"></canvas>
+
+    <!-- VLibrasPlugin -->
+    <script src="vendors/qdclient/qdclient.js"></script>
+    <script src="js/message.js"></script>
+    <script src="js/loading.js"></script>
+    <script src="js/vlibras-plugin.js"></script>
+
+    <!-- Verify Compatibilty -->
+    <script src="verify-compatibility.js"></script>
+
+    <!-- Browser Middleware -->
+    <script src="../middleware.js"></script>
+
+    <!-- Unity Player Setup -->
+    <script src="connect.js"></script>
+    <script src="Release/fileloader.js"></script>
+    <script src="load.js"></script>
+  </body>
+</html>
@@ -0,0 +1,15 @@
+(function(window, UnityObject2) {
+  var params = {
+    logoimage: 'TemplateData/progresslogo.png',
+    progressbarimage: 'TemplateData/fullbar.png',
+    progressframeimage: 'TemplateData/loadingbar.png'
+  };
+
+  var Player = new UnityObject2({ params: params });
+  Player.initPlugin(document.getElementById('player'), 'WEBPLAYER.unity3d');
+
+  window.SendMessage = function(object, method, params) {
+    Player.getUnity().SendMessage(object, method, params);
+  };
+
+})(window, UnityObject2);
 \ No newline at end of file
@@ -0,0 +1,58 @@
+<!doctype html>
+<html lang="en-us">
+  <head>
+    <meta charset="utf-8">
+    <title>VLibras Plugin</title>
+  
+    <link rel="shortcut icon" href="TemplateData/favicon.png" />
+    <style type="text/css">
+      html, body, #player {
+        width: 100%;
+        height: 100%;
+        margin: 0;
+        overflow: hidden;
+      }
+
+      #loading-screen span {
+        position: absolute;
+        top: 5px;
+        right: 40px;
+        padding: 15px 10px;
+        background: #000;
+        color: #FFF;
+
+        font-size: 1.2em;
+        -webkit-border-radius: 20px;
+        -moz-border-radius: 20px;
+        border-radius: 20px;
+      }
+
+      #loading-screen {
+        position: absolute;
+        top: 0;
+        left: 0;
+        display: none;
+        width: 100%;
+        height: 100%;
+        z-index: 9999;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="loading-screen"><span>Carregando...</span></div>
+    <div id="player">
+      <div class="missing">
+        <a href="http://unity3d.com/webplayer/" title="Unity Web Player. Install now!">
+            <img alt="Unity Web Player. Install now!" src="http://webplayer.unity3d.com/installation/getunity.png" width="193" height="63" />
+        </a>
+      </div>
+    </div>
+
+    <script src="vendors/jquery/dist/jquery.min.js"></script>
+    <script src="http://webplayer.unity3d.com/download_webplayer-3.x/3.0/uo/UnityObject2.js"></script>
+    <script src="vendors/qdclient/qdclient.js"></script>
+    <script src="player.js"></script>
+    
+    <script src="../main.js"></script>
+  </body>
+</html>
 \ No newline at end of file
@@ -1,3 +0,0 @@
-{
-  "directory": "vendors"
-}
@@ -1,97 +0,0 @@
-function UnityProgress (dom) {
-	this.progress = 0.0;
-	this.message = "";
-	this.dom = dom;
-
-	var parent = dom.parentNode;
-
-	var background = document.createElement("div");
-	background.style.background = "#FFFFFF";
-	background.style.position = "absolute";
-	parent.appendChild(background);
-	this.background = background;
-
-	var logoImage = document.createElement("img");
-	logoImage.src = "TemplateData/progresslogo.png"; 
-	logoImage.style.position = "absolute";
-	parent.appendChild(logoImage);
-	this.logoImage = logoImage;
-
-	var progressFrame = document.createElement("img");
-	progressFrame.src = "TemplateData/loadingbar.png"; 
-	progressFrame.style.position = "absolute";
-	parent.appendChild(progressFrame);
-	this.progressFrame = progressFrame;
-
-	var progressBar = document.createElement("img");
-	progressBar.src = "TemplateData/fullbar.png"; 
-	progressBar.style.position = "absolute";
-	parent.appendChild(progressBar);
-	this.progressBar = progressBar;
-
-	var messageArea = document.createElement("p");
-	messageArea.style.position = "absolute";
-	parent.appendChild(messageArea);
-	this.messageArea = messageArea;
-
-
-	this.SetProgress = function (progress) { 
-		if (this.progress < progress)
-			this.progress = progress; 
-		this.messageArea.style.display = "none";
-		this.progressFrame.style.display = "inline";
-		this.progressBar.style.display = "inline";			
-		this.Update();
-	}
-
-	this.SetMessage = function (message) { 
-		this.message = message; 
-		this.background.style.display = "inline";
-		this.logoImage.style.display = "inline";
-		this.progressFrame.style.display = "none";
-		this.progressBar.style.display = "none";			
-		this.Update();
-	}
-
-	this.Clear = function() {
-		this.background.style.display = "none";
-		this.logoImage.style.display = "none";
-		this.progressFrame.style.display = "none";
-		this.progressBar.style.display = "none";
-	}
-
-	this.Update = function() {
-		this.background.style.top = this.dom.offsetTop + 'px';
-		this.background.style.left = this.dom.offsetLeft + 'px';
-		this.background.style.width = this.dom.offsetWidth + 'px';
-		this.background.style.height = this.dom.offsetHeight + 'px';
-
-		var logoImg = new Image();
-		logoImg.src = this.logoImage.src;
-		var progressFrameImg = new Image();
-		progressFrameImg.src = this.progressFrame.src;
-
-		this.logoImage.style.top = this.dom.offsetTop + (this.dom.offsetHeight * 0.5 - logoImg.height * 0.5) + 'px';
-		this.logoImage.style.left = this.dom.offsetLeft + (this.dom.offsetWidth * 0.5 - logoImg.width * 0.5) + 'px';
-		this.logoImage.style.width = logoImg.width+'px';
-		this.logoImage.style.height = logoImg.height+'px';
-
-		this.progressFrame.style.top = this.dom.offsetTop + (this.dom.offsetHeight * 0.5 + logoImg.height * 0.5 + 10) + 'px';
-		this.progressFrame.style.left = this.dom.offsetLeft + (this.dom.offsetWidth * 0.5 - progressFrameImg.width * 0.5) + 'px';
-		this.progressFrame.width = progressFrameImg.width;
-		this.progressFrame.height = progressFrameImg.height;
-
-		this.progressBar.style.top = this.progressFrame.style.top;
-		this.progressBar.style.left = this.progressFrame.style.left;
-		this.progressBar.width = progressFrameImg.width * Math.min(this.progress, 1);
-		this.progressBar.height = progressFrameImg.height;
-
-		this.messageArea.style.top = this.progressFrame.style.top;
-		this.messageArea.style.left = 0;
-		this.messageArea.style.width = '100%';
-		this.messageArea.style.textAlign = 'center';
-		this.messageArea.innerHTML = this.message;
-	}
-
-	this.Update ();
-}
 \ No newline at end of file
@@ -1,64 +0,0 @@
-
-/****************************************
-  ==== Player Styling
-****************************************/
-
-html,body,div,canvas { margin: 0; padding: 0; }
-::-moz-selection { color: #333; text-shadow: none; }
-::selection {  color: #333; text-shadow: none; }
-.clear:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
-.clear { display: inline-table; clear: both; }
-/* Hides from IE-mac \*/ * html .clear { height: 1%; } .clear { display: block; } /* End hide from IE-mac */
-
-html, body { width: 100%; height: 100%; font-family: Helvetica, Verdana, Arial, sans-serif; }
-body { }
-p.header, p.footer { display: none; }
-div.logo { width: 196px; height: 38px; float: left; background: url(logo.png) 0 0 no-repeat; position: relative; z-index: 10; }
-div.title { height: 38px; line-height: 38px; padding: 0 10px; margin: 0 1px 0 0; float: right; color: #333; text-align: right; font-size: 18px; position: relative; z-index: 10; }
-.template-wrap { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
-.template-wrap canvas { margin: 0 0 10px 0; position: relative; z-index: 9; box-shadow: 0 10px 30px rgba(0,0,0,0.2); -moz-box-shadow: 0 10px 30px rgba(0,0,0,0.2); }
-.fullscreen { float: right; position: relative; z-index: 10; }
-
-body.template { }
-.template .template-wrap { }
-.template .template-wrap canvas { }
-
-/****************************************
-  ==== Overriding
-****************************************/
-html, #canvas, .template, .template-wrap {
-  width: 100%;
-  height: 100%;
-  margin: 0;
-  overflow: hidden;
-}
-
-#loading-screen {
-  position: absolute;
-  top: 0;
-  left: 0;
-  display: none;
-  width: 100%;
-  height: 100%;
-  z-index: 9999;
-}
-
-.message {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  padding: 1em 0.5em;
-}
-
-.message .info {
-  background-color: #3b8bba;
-}
-
-.message .hidden {
-  display: none;
-}
-
-.message .warning {
-  background-color: #f08a24;
-}
 \ No newline at end of file
@@ -1,14 +0,0 @@
-{
-  "name": "vlibras-player",
-  "version": "0.0.1",
-  "ignore": [
-    "**/.*",
-    "node_modules",
-    "bower_components",
-    "test",
-    "tests"
-  ],
-  "devDependencies": {
-    "qdclient": "git@git.lavid.ufpb.br:qdclient.git"
-  }
-}
@@ -1,40 +0,0 @@
-// connect to canvas
-  var Module = {
-    TOTAL_MEMORY: 268435456,
-    filePackagePrefixURL: "Release/",
-    memoryInitializerPrefixURL: "Release/",
-    preRun: [],
-    postRun: [],
-    print: (function() {
-      return function(text) {
-        console.log (text);
-      };
-    })(),
-    printErr: function(text) {
-      console.error (text);
-    },
-    canvas: document.getElementById('canvas'),
-    progress: null,
-    setStatus: function(text) {
-      if (this.progress == null)
-      {
-        if (typeof UnityProgress != 'function')
-          return;
-        this.progress = new UnityProgress (canvas);
-      }
-      if (!Module.setStatus.last) Module.setStatus.last = { time: Date.now(), text: '' };
-      if (text === Module.setStatus.text) return;
-      this.progress.SetMessage (text);
-      var m = text.match(/([^(]+)\((\d+(\.\d+)?)\/(\d+)\)/);
-      if (m)
-        this.progress.SetProgress (parseInt(m[2])/parseInt(m[4]));
-      if (text === "")
-        this.progress.Clear()
-    },
-    totalDependencies: 0,
-    monitorRunDependencies: function(left) {
-      this.totalDependencies = Math.max(this.totalDependencies, left);
-      Module.setStatus(left ? 'Preparing... (' + (this.totalDependencies-left) + '/' + this.totalDependencies + ')' : 'All downloads complete.');
-    }
-  };
-  Module.setStatus('Downloading (0.0/1)');
@@ -1,39 +0,0 @@
-if (!(!Math.fround)) {
-  var script = document.createElement('script');
-  script.src = "Release/WEBGL.js";
-  document.body.appendChild(script);
-} else {
-  var codeXHR = new XMLHttpRequest();
-  codeXHR.open('GET', 'Release/WEBGL.js', true);
-  codeXHR.onload = function() {
-    var code = codeXHR.responseText;
-    if (!Math.fround) {
-try {
-  console.log('optimizing out Math.fround calls');
-  var m = /var ([^=]+)=global\.Math\.fround;/.exec(code);
-  var minified = m[1];
-  if (!minified) throw 'fail';
-  var startAsm = code.indexOf('// EMSCRIPTEN_START_FUNCS');
-  var endAsm = code.indexOf('// EMSCRIPTEN_END_FUNCS');
-  var asm = code.substring(startAsm, endAsm);
-  do {
-    var moar = false; // we need to re-do, as x(x( will not be fixed
-    asm = asm.replace(new RegExp('[^a-zA-Z0-9\\$\\_]' + minified + '\\(', 'g'), function(s) { moar = true; return s[0] + '(' });
-  } while (moar);
-  code = code.substring(0, startAsm) + asm + code.substring(endAsm);
-  code = code.replace("'use asm'", "'almost asm'");
-} catch(e) { console.log('failed to optimize out Math.fround calls ' + e) }
- }
-
-    var blob = new Blob([code], { type: 'text/javascript' });
-    codeXHR = null;
-    var src = URL.createObjectURL(blob);
-    var script = document.createElement('script');
-    script.src = URL.createObjectURL(blob);
-    script.onload = function() {
-      URL.revokeObjectURL(script.src);
-    };
-    document.body.appendChild(script);
-  };
-  codeXHR.send(null);
-}
@@ -1,28 +0,0 @@
-<!doctype html>
-<html lang="en-us">
-  <head>
-    <meta charset="utf-8">
-    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-    <title>VLibras Plugin</title>
-    <link rel="stylesheet" href="TemplateData/style.css">
-    <link rel="shortcut icon" href="TemplateData/favicon.png" />
-    <script src="TemplateData/UnityProgress.js"></script>
-
-    <script src="vendors/qdclient/qdclient.js"></script>
-    <script src="js/message.js"></script>
-    <script src="js/loading.js"></script>
-
-    <script src="../main.js"></script>
-  </head>
-  <body class="template">
-    <div id="message"></div>
-    <div id="loading-screen"></div>
-    <div class="template-wrap clear">
-    <canvas class="emscripten" id="canvas"></canvas>
-    </div>
-    <script src="connect.js"></script>
-    <script src="Release/UnityConfig.js"></script>
-    <script src="Release/fileloader.js"></script>
-    <script src="load.js"></script>
-  </body>
-</html>
@@ -1,3 +0,0 @@
-{
-  "directory": "vendors"
-}
 \ No newline at end of file
@@ -1,17 +0,0 @@
-{
-  "name": "vlibras-player",
-  "version": "0.0.1",
-  "ignore": [
-    "**/.*",
-    "node_modules",
-    "bower_components",
-    "test",
-    "tests"
-  ],
-  "devDependencies": {
-    "qdclient": "git@git.lavid.ufpb.br:qdclient.git"
-  },
-  "dependencies": {
-    "jquery": "~2.1.4"
-  }
-}
@@ -1,15 +0,0 @@
-(function(window, UnityObject2) {
-  var params = {
-    logoimage: 'TemplateData/progresslogo.png',
-    progressbarimage: 'TemplateData/fullbar.png',
-    progressframeimage: 'TemplateData/loadingbar.png'
-  };
-
-  var Player = new UnityObject2({ params: params });
-  Player.initPlugin(document.getElementById('player'), 'WEBPLAYER.unity3d');
-
-  window.SendMessage = function(object, method, params) {
-    Player.getUnity().SendMessage(object, method, params);
-  };
-
-})(window, UnityObject2);
 \ No newline at end of file
@@ -1,58 +0,0 @@
-<!doctype html>
-<html lang="en-us">
-  <head>
-    <meta charset="utf-8">
-    <title>VLibras Plugin</title>
-  
-    <link rel="shortcut icon" href="TemplateData/favicon.png" />
-    <style type="text/css">
-      html, body, #player {
-        width: 100%;
-        height: 100%;
-        margin: 0;
-        overflow: hidden;
-      }
-
-      #loading-screen span {
-        position: absolute;
-        top: 5px;
-        right: 40px;
-        padding: 15px 10px;
-        background: #000;
-        color: #FFF;
-
-        font-size: 1.2em;
-        -webkit-border-radius: 20px;
-        -moz-border-radius: 20px;
-        border-radius: 20px;
-      }
-
-      #loading-screen {
-        position: absolute;
-        top: 0;
-        left: 0;
-        display: none;
-        width: 100%;
-        height: 100%;
-        z-index: 9999;
-      }
-    </style>
-  </head>
-  <body>
-    <div id="loading-screen"><span>Carregando...</span></div>
-    <div id="player">
-      <div class="missing">
-        <a href="http://unity3d.com/webplayer/" title="Unity Web Player. Install now!">
-            <img alt="Unity Web Player. Install now!" src="http://webplayer.unity3d.com/installation/getunity.png" width="193" height="63" />
-        </a>
-      </div>
-    </div>
-
-    <script src="vendors/jquery/dist/jquery.min.js"></script>
-    <script src="http://webplayer.unity3d.com/download_webplayer-3.x/3.0/uo/UnityObject2.js"></script>
-    <script src="vendors/qdclient/qdclient.js"></script>
-    <script src="player.js"></script>
-    
-    <script src="../main.js"></script>
-  </body>
-</html>
 \ No newline at end of file
	@@ -1,50 +0,0 @@	@@ -1,50 +0,0 @@
1	-var app = {
2	- chooser: null,
3	- glosa: undefined,
4	- loaded: false,
5	- lastReq: {
6	- url: null,
7	- millis: null,
8	- response: null
9	- }
10	-};
11	-
12	-function onLoadPlayer() {
13	- if ( app.glosa !== undefined )
14	- SendMessage('PlayerManager', 'catchGlosa', app.glosa);
15	-
16	- app.loaded = true;
17	-}
18	-
19	-chrome.runtime.onMessage.addListener(
20	- function(request, sender, sendResponse) {
21	- if (request.selectedText === undefined) return;
22	-
23	- request.selectedText = encodeURI(request.selectedText);
24	-
25	- app.chooser = app.chooser \|\| new qdClient.Chooser();
26	-
27	- document.getElementById('loading-screen').style.display = 'block';
28	- app.chooser.choose(
29	- app.lastReq.url,
30	- app.lastReq.millis,
31	- app.lastReq.response,
32	- function (url) {
33	- var start = new Date().getTime();
34	- qdClient.request(url + '?texto=' + request.selectedText, "GET", {},
35	- function(status, response) {
36	- app.lastReq.response = status === 404 ? -1 : status;
37	- app.lastReq.millis = (new Date().getTime() - start);
38	- app.lastReq.url = url;
39	-
40	- app.glosa = response;
41	-
42	- if (app.loaded == true)
43	- SendMessage('PlayerManager', 'catchGlosa', app.glosa);
44	-
45	- document.getElementById('loading-screen').style.display = 'none';
46	- });
47	- });
48	- });
49	-
50	-chrome.runtime.sendMessage({ready: true});
@@ -0,0 +1,10 @@		@@ -0,0 +1,10 @@
	1	+window.addEventListener('load', function() {
	2	+ chrome.runtime.onMessage.addListener(
	3	+ function(request, sender, sendResponse) {
	4	+ if (request.selectedText === undefined) return;
	5	+
	6	+ VLibrasPlugin.translate(encodeURI(request.selectedText));
	7	+ });
	8	+
	9	+ chrome.runtime.sendMessage({ready: true});
	10	+});
	@@ -1,47 +0,0 @@	@@ -1,47 +0,0 @@
1	-var app = {
2	- chooser: null,
3	- glosa: undefined,
4	- loaded: false,
5	- lastReq: {
6	- url: null,
7	- millis: null,
8	- response: null
9	- }
10	-};
11	-
12	-function onLoadPlayer() {
13	- if ( app.glosa !== undefined )
14	- SendMessage('PlayerManager', 'catchGlosa', app.glosa);
15	-
16	- app.loaded = true;
17	-}
18	-
19	-document.addEventListener('plugin:selectedText', function(e) {
20	- if (e.detail === undefined) return;
21	-
22	- e.detail = encodeURI(e.detail);
23	-
24	- app.chooser = app.chooser \|\| new qdClient.Chooser();
25	-
26	- document.getElementById('loading-screen').style.display = 'block';
27	- app.chooser.choose(
28	- app.lastReq.url,
29	- app.lastReq.millis,
30	- app.lastReq.response,
31	- function (url) {
32	- var start = new Date().getTime();
33	-
34	- qdClient.request(url + '?texto=' + e.detail, "GET", {},
35	- function(status, response) {
36	- app.lastReq.response = status === 404 ? -1 : status;
37	- app.lastReq.millis = (new Date().getTime() - start);
38	- app.lastReq.url = url;
39	-
40	- app.glosa = response;
41	-
42	- document.getElementById('loading-screen').style.display = 'none';
43	- if (app.loaded == true)
44	- SendMessage('PlayerManager', 'catchGlosa', app.glosa);
45	- });
46	- });
47	-});
@@ -0,0 +1,5 @@		@@ -0,0 +1,5 @@
	1	+document.addEventListener('plugin:selectedText', function(e) {
	2	+ if (e.detail === undefined) return;
	3	+
	4	+ VLibrasPlugin.translate(encodeURI(e.detail));
	5	+});
	@@ -48,7 +48,7 @@ cm.Item({		@@ -48,7 +48,7 @@ cm.Item({
48	// Page mod	48	// Page mod
49	pm.PageMod({	49	pm.PageMod({
50	include: self.data.url('player/window.html'),	50	include: self.data.url('player/window.html'),
51	- contentScriptWhen: 'ready',	51	+ contentScriptWhen: 'end',
52	contentScriptFile: self.data.url('delegator.js'),	52	contentScriptFile: self.data.url('delegator.js'),
53	onAttach: function(worker) {	53	onAttach: function(worker) {
54	app.worker = worker;	54	app.worker = worker;
@@ -0,0 +1,3 @@		@@ -0,0 +1,3 @@
	1	+{
	2	+ "directory": "vendors"
	3	+}
	@@ -0,0 +1,69 @@		@@ -0,0 +1,69 @@
		1	+html {
		2	+ -ms-text-size-adjust: 100%;
		3	+ -webkit-text-size-adjust: 100%;
		4	+}
		5	+
		6	+html, body, #canvas {
		7	+ width: 100%;
		8	+ height: 100%;
		9	+ margin: 0;
		10	+ overflow: hidden;
		11	+ font-size: 70%;
		12	+ line-height: 110%;
		13	+ -moz-osx-font-smoothing: grayscale;
		14	+ -webkit-font-smoothing: antialiased;
		15	+}
		16	+
		17	+#loading-screen {
		18	+ position: absolute;
		19	+ top: 0;
		20	+ left: 0;
		21	+ display: none;
		22	+ width: 100%;
		23	+ height: 100%;
		24	+ z-index: 9999;
		25	+}
		26	+
		27	+.message-box {
		28	+ position: fixed;
		29	+ top: -5em;
		30	+ left: 0;
		31	+ width: 100%;
		32	+ padding: 1em;
		33	+ font-size: 2em;
		34	+ word-wrap: break-word;
		35	+ color: #000;
		36	+ opacity: 0;
		37	+ -moz-transition: all .15s ease .15s;
		38	+ -webkit-transition: all .15s ease .15s;
		39	+ transition: all .15s ease .15s;
		40	+ -moz-box-shadow: 0px 2px 5px #888888;
		41	+ -webkit-box-shadow: 0px 2px 5px #888888;
		42	+ box-shadow: 0px 2px 5px #888888;
		43	+ z-index: 9998;
		44	+}
		45	+
		46	+.message-box.info {
		47	+ background-color: #3b8bba;
		48	+ color: #ffffff;
		49	+}
		50	+
		51	+.message-box.warning {
		52	+ background-color: #f8ecad;
		53	+ color: #7c6d1f;
		54	+}
		55	+
		56	+.message-box.success {
		57	+ background-color: #d6e9c6;
		58	+ color: #468847;
		59	+}
		60	+
		61	+.message-box.default {
		62	+ background-color: #e6e6e6;
		63	+ color: #8c8c8c;
		64	+}
		65	+
		66	+.message-box.active {
		67	+ top: 0;
		68	+ opacity: 1;
		69	+}
0	\ No newline at end of file	70	\ No newline at end of file
@@ -0,0 +1,15 @@		@@ -0,0 +1,15 @@
	1	+{
	2	+ "name": "vlibras-player",
	3	+ "version": "0.0.1",
	4	+ "ignore": [
	5	+ "*/.",
	6	+ "node_modules",
	7	+ "bower_components",
	8	+ "test",
	9	+ "tests"
	10	+ ],
	11	+ "devDependencies": {
	12	+ "qdclient": "git@git.lavid.ufpb.br:qdclient.git"
	13	+ },
	14	+ "dependencies": {}
	15	+}
	@@ -0,0 +1,19 @@		@@ -0,0 +1,19 @@
		1	+(function (window, document, Message) {
		2	+
		3	+ function Loading(selector, messageSelector) {
		4	+ this.element = document.querySelector(selector);
		5	+ this.message = new Message(messageSelector);
		6	+ }
		7	+
		8	+ Loading.prototype.show = function(message) {
		9	+ this.element.style.display = 'block';
		10	+ this.message.show('info', message);
		11	+ };
		12	+
		13	+ Loading.prototype.hide = function() {
		14	+ this.element.style.display = 'none';
		15	+ this.message.hide();
		16	+ };
		17	+
		18	+ window.Loading = Loading;
		19	+})(window, document, window.Message);
0	\ No newline at end of file	20	\ No newline at end of file
	@@ -0,0 +1,50 @@		@@ -0,0 +1,50 @@
		1	+(function(window, document) {
		2	+
		3	+ function Message(selectors) {
		4	+ this.element = document.querySelector(selectors);
		5	+
		6	+ this.element.classList.add('message-box');
		7	+
		8	+ var self = this;
		9	+ var closeElement = this.element.querySelector('.close');
		10	+
		11	+ if (closeElement) {
		12	+ closeElement.addEventListener('click', function (e) {
		13	+ self.hide();
		14	+ });
		15	+ }
		16	+
		17	+ this.hide();
		18	+ }
		19	+
		20	+ Message.LEVELS = ['info', 'warning', 'success', 'default'];
		21	+
		22	+ Message.prototype.hide = function() {
		23	+ this.element.classList.remove('active');
		24	+
		25	+ Message.LEVELS.forEach(function(level) {
		26	+ this.element.classList.remove(level);
		27	+ }, this);
		28	+ };
		29	+
		30	+ Message.prototype.show = function(level, message, time) {
		31	+ var self = this;
		32	+
		33	+ level = Message.LEVELS.indexOf(level) == -1 ? 'info' : level;
		34	+
		35	+ this.hide();
		36	+
		37	+ self.element.classList.add('active');
		38	+ self.element.classList.add(level);
		39	+ self.element.querySelector('.message').innerHTML = message;
		40	+
		41	+ if (time) {
		42	+ setTimeout(function () {
		43	+ self.hide();
		44	+ }, time + 1);
		45	+ }
		46	+ };
		47	+
		48	+ // Expose
		49	+ window.Message = Message;
		50	+})(window, document);
0	\ No newline at end of file	51	\ No newline at end of file