Merge pull request #114 from gbaptista/gb-release-0.0.28

Release 0.0.28
gbaptista · Sep 14, 2019 · 148a242 · 148a242
2 parents f0be262 + 66f63fe
commit 148a242
Show file tree

Hide file tree

Showing 55 changed files with 279 additions and 4,705 deletions.
diff --git a/.version b/.version
@@ -1 +1 @@
-0.0.27
+0.0.28
diff --git a/builds/README.md b/builds/README.md
@@ -13,18 +13,23 @@ Basic *Unix* tools:
 - `echo` `printf`
 - `zip`
 
-[*npm*](https://www.npmjs.com/):
+[*yarn*](https://yarnpkg.com):
 ```
-sudo apt-get install npm
+sudo apt-get install yarn
 ```
 
 ```
-sudo pacman -S npm zip
+sudo pacman -S yarn zip
 ```
 
 [*UglifyJS*](https://github.com/mishoo/UglifyJS):
 ```shell
-sudo npm install uglify-js -g
+yarn global add uglify-js
+```
+
+Add ti your `~/.bash_profile`:
+```
+export PATH="$PATH:$(yarn global bin)"
 ```
 
 ### Generating a new build

diff --git a/builds/current/0-0-27.zip → builds/current/0-0-28.zip b/builds/current/0-0-27.zip → builds/current/0-0-28.zip
diff --git a/doc/en-US/guides/how-it-works/interception.md b/doc/en-US/guides/how-it-works/interception.md
@@ -184,6 +184,7 @@ Original settings:
 ```json
 {
   "WebAPIs": {
+    "requestAnimationFrame": true,
     "XMLHttpRequest.open": true,
     "XMLHttpRequest.send": true,
     "geo.getCurrentPosition": true,

diff --git a/doc/en-US/guides/how-it-works/what-is-detected.md b/doc/en-US/guides/how-it-works/what-is-detected.md
@@ -53,6 +53,7 @@ Some JavaScripts are reported with a different nomenclature to get closer to the
 | Window.setInterval (execution) | setInterval.call       | `setInterval(function() { /*call*/ }, 1000)`         |
 | Window.setTimeout              | setTimeout             | `setTimeout(function() { }, 1000)`                   |
 | Window.setTimeout (execution)  | setTimeout.call        | `setTimeout(function() { /*call*/ }, 1000)`          |
+| Window.requestAnimationFrame   | requestAnimationFrame  | `requestAnimationFrame(function() { /*call*/ })`     |
 | WebSocket.send                 | WebSocket.send         | `(new WebSocket('ws://host:80')).send('hello')`      |
 | XMLHttpRequest.open            | XMLHttpRequest.open    | `(new XMLHttpRequest()).open('GET', 'f.txt')`        |
 | XMLHttpRequest.send            | XMLHttpRequest.send    | `(new XMLHttpRequest()).open('GET', 'f.txt').send()` |

diff --git a/html/demos/detections/index.html b/html/demos/detections/index.html
@@ -94,6 +94,8 @@
       <br><br>
 
       <div id="userAgent" class="small-demo-box">navigator.userAgent</div>
+
+      <div id="requestAnimationFrame" class="small-demo-box">requestAnimationFrame()</div>
     </div>
 
     <script type="text/javascript">
@@ -107,6 +109,10 @@
 
       (function() { setTimeout(function() {
 
+        window.requestAnimationFrame(function() {
+          document.getElementById('requestAnimationFrame').innerHTML = 'requestAnimationFrame():<br>animation executed!'
+        });
+
         document.getElementById('userAgent').innerHTML = 'navigator.userAgent:<br>' + window.navigator.userAgent.slice(0, 24);
         document.getElementById('userAgent').setAttribute('title', window.navigator.userAgent);
 

diff --git a/html/demos/interface/index.html b/html/demos/interface/index.html
@@ -8,7 +8,7 @@
       <div id="loading">loading...</div>
       <div id="options-container"><form class="options-form">
   <div class="col-2 col-2-header">
-    <a href="https://github.com/gbaptista/luminous/releases/tag/0.0.27" id="version" target="_blank">0.0.27</a>
+    <a href="https://github.com/gbaptista/luminous/releases/tag/0.0.28" id="version" target="_blank">0.0.28</a>
     <a href="https://gbaptista.github.io/luminous/doc/en-US" id="help-link" class="top-link" target="_blank">help</a>
     <a href="../settings/injection/enabled.html" id="settings-link" class="top-link" target="_blank">settings</a>
   </div>

diff --git a/html/logs/logs.html b/html/logs/logs.html
@@ -5,10 +5,10 @@
 
     <title></title>
 
-    <link rel="stylesheet" type="text/css" href="../../../vendor/bootstrap/bootstrap.min.css">
+    <link rel="stylesheet" type="text/css" href="../../../vendor/bootstrap-4.3.1/bootstrap.min.css">
 
     <link rel="stylesheet" type="text/css" href="../../css/devtools/logs.css">
-    <script src="../../vendor/mustachejs/mustache.min.js" type="text/javascript"></script>
+    <script src="../../vendor/mustachejs-3.1.0/mustache.min.js" type="text/javascript"></script>
     <script src="../../js/utils/numbers.js" type="text/javascript"></script>
     <script src="../../js/utils/load_template.js" type="text/javascript"></script>
   </head>

diff --git a/html/popup/popup.html b/html/popup/popup.html
@@ -3,9 +3,10 @@
     <meta charset="UTF-8">
     <title></title>
     <link rel="stylesheet" type="text/css" href="../../css/popup/popup.css">
-    <script src="../../vendor/jquery/jquery-3.3.1.min.js" type="text/javascript"></script>
-    <script src="../../vendor/mustachejs/mustache.min.js" type="text/javascript"></script>
-    <script src="../../vendor/tippyjs/tippy.all.min.js" type="text/javascript"></script>
+    <script src="../../vendor/jquery-3.4.1/jquery.min.js" type="text/javascript"></script>
+    <script src="../../vendor/mustachejs-3.1.0/mustache.min.js" type="text/javascript"></script>
+    <script src="../../vendor/popper-1.15.0/popper.min.js" type="text/javascript"></script>
+    <script src="../../vendor/tippyjs-4.3.5/index.all.min.js" type="text/javascript"></script>
     <script src="../../js/utils/colors.js" type="text/javascript"></script>
     <script src="../../js/utils/numbers.js" type="text/javascript"></script>
     <script src="../../js/utils/load_template.js" type="text/javascript"></script>

diff --git a/html/popup/templates/counters.html b/html/popup/templates/counters.html
@@ -8,7 +8,7 @@
     <h2>{{web_apis_title}}:</h2>
 
     {{#web_apis_calls}}
-      <div class="calls {{#disabled_class}}WebAPIs,{{name}}{{/disabled_class}}" title="{{title_for_tooltip}}" data-kind="WebAPIs" data-type="{{name}}">
+      <div class="calls {{#disabled_class}}WebAPIs,{{name}}{{/disabled_class}}" data-tippy-content="{{title_for_tooltip}}" data-kind="WebAPIs" data-type="{{name}}">
         <span class="name">{{name}}</span>
         <span class="allowed" style="background-color:{{allowed_color}};">{{allowed}}</span>
         {{#show_performance_metrics}}
@@ -26,7 +26,7 @@ <h2>{{web_apis_title}}:</h2>
     <h2>{{handle_event_title}}:</h2>
 
     {{#handle_event_calls}}
-      <div class="calls {{#disabled_class}}handleEvent,{{name}}{{/disabled_class}}" title="{{title_for_tooltip}}" data-kind="handleEvent" data-type="{{name}}">
+      <div class="calls {{#disabled_class}}handleEvent,{{name}}{{/disabled_class}}" data-tippy-content="{{title_for_tooltip}}" data-kind="handleEvent" data-type="{{name}}">
         <span class="name">{{name}}</span>
         <span class="allowed" style="background-color:{{allowed_color}};">{{allowed}}</span>
         {{#show_performance_metrics}}
@@ -44,7 +44,7 @@ <h2>{{handle_event_title}}:</h2>
     <h2>{{add_event_listener_title}}:</h2>
 
     {{#add_event_listener_calls}}
-      <div class="calls {{#disabled_class}}addEventListener,{{name}}{{/disabled_class}}" title="{{title_for_tooltip}}" data-kind="addEventListener" data-type="{{name}}">
+      <div class="calls {{#disabled_class}}addEventListener,{{name}}{{/disabled_class}}" data-tippy-content="{{title_for_tooltip}}" data-kind="addEventListener" data-type="{{name}}">
         <span class="name">{{name}}</span>
         <span class="allowed" style="background-color:{{allowed_color}};">{{allowed}}</span>
         {{#show_performance_metrics}}

diff --git a/html/popup/templates/options.html b/html/popup/templates/options.html
@@ -1,6 +1,6 @@
 <form class="options-form">
   <div class="col-2 col-2-header">
-    <a href="https://github.com/gbaptista/luminous/releases/tag/0.0.27" id="version" target="_blank">0.0.27</a>
+    <a href="https://github.com/gbaptista/luminous/releases/tag/0.0.28" id="version" target="_blank">0.0.28</a>
     <a href=" " id="help-link" class="top-link" target="_blank"></a>
     <a href="../settings/injection/enabled.html" id="settings-link" class="top-link" target="_blank"></a>
   </div>

diff --git a/html/settings/advanced/options.html b/html/settings/advanced/options.html
@@ -6,11 +6,11 @@
 
     <title></title>
 
-    <link rel="stylesheet" type="text/css" href="../../../vendor/bootstrap/bootstrap.min.css">
+    <link rel="stylesheet" type="text/css" href="../../../vendor/bootstrap-4.3.1/bootstrap.min.css">
 
     <link rel="stylesheet" type="text/css" href="../../../css/settings/settings.css">
-    <script src="../../../vendor/jquery/jquery-3.3.1.min.js" type="text/javascript"></script>
-    <script src="../../../vendor/mustachejs/mustache.min.js" type="text/javascript"></script>
+    <script src="../../../vendor/jquery-3.4.1/jquery.min.js" type="text/javascript"></script>
+    <script src="../../../vendor/mustachejs-3.1.0/mustache.min.js" type="text/javascript"></script>
     <script src="../../../js/utils/load_template.js" type="text/javascript"></script>
     <script src="../../../js/settings/settings.js" type="text/javascript"></script>
     <script src="../../../js/settings/advanced/options.js" type="text/javascript"></script>

diff --git a/html/settings/background/options.html b/html/settings/background/options.html
@@ -6,11 +6,11 @@
 
     <title></title>
 
-    <link rel="stylesheet" type="text/css" href="../../../vendor/bootstrap/bootstrap.min.css">
+    <link rel="stylesheet" type="text/css" href="../../../vendor/bootstrap-4.3.1/bootstrap.min.css">
 
     <link rel="stylesheet" type="text/css" href="../../../css/settings/settings.css">
-    <script src="../../../vendor/jquery/jquery-3.3.1.min.js" type="text/javascript"></script>
-    <script src="../../../vendor/mustachejs/mustache.min.js" type="text/javascript"></script>
+    <script src="../../../vendor/jquery-3.4.1/jquery.min.js" type="text/javascript"></script>
+    <script src="../../../vendor/mustachejs-3.1.0/mustache.min.js" type="text/javascript"></script>
     <script src="../../../js/utils/load_template.js" type="text/javascript"></script>
     <script src="../../../js/settings/settings.js" type="text/javascript"></script>
     <script src="../../../js/settings/background/options.js" type="text/javascript"></script>

diff --git a/html/settings/badge/counter.html b/html/settings/badge/counter.html
@@ -6,11 +6,11 @@
 
     <title></title>
 
-    <link rel="stylesheet" type="text/css" href="../../../vendor/bootstrap/bootstrap.min.css">
+    <link rel="stylesheet" type="text/css" href="../../../vendor/bootstrap-4.3.1/bootstrap.min.css">
 
     <link rel="stylesheet" type="text/css" href="../../../css/settings/settings.css">
-    <script src="../../../vendor/jquery/jquery-3.3.1.min.js" type="text/javascript"></script>
-    <script src="../../../vendor/mustachejs/mustache.min.js" type="text/javascript"></script>
+    <script src="../../../vendor/jquery-3.4.1/jquery.min.js" type="text/javascript"></script>
+    <script src="../../../vendor/mustachejs-3.1.0/mustache.min.js" type="text/javascript"></script>
     <script src="../../../js/utils/load_template.js" type="text/javascript"></script>
     <script src="../../../js/settings/settings.js" type="text/javascript"></script>
     <script src="../../../js/settings/badge/counter.js" type="text/javascript"></script>

diff --git a/html/settings/injection/enabled.html b/html/settings/injection/enabled.html
@@ -6,11 +6,11 @@
 
     <title></title>
 
-    <link rel="stylesheet" type="text/css" href="../../../vendor/bootstrap/bootstrap.min.css">
+    <link rel="stylesheet" type="text/css" href="../../../vendor/bootstrap-4.3.1/bootstrap.min.css">
 
     <link rel="stylesheet" type="text/css" href="../../../css/settings/settings.css">
-    <script src="../../../vendor/jquery/jquery-3.3.1.min.js" type="text/javascript"></script>
-    <script src="../../../vendor/mustachejs/mustache.min.js" type="text/javascript"></script>
+    <script src="../../../vendor/jquery-3.4.1/jquery.min.js" type="text/javascript"></script>
+    <script src="../../../vendor/mustachejs-3.1.0/mustache.min.js" type="text/javascript"></script>
     <script src="../../../js/utils/load_template.js" type="text/javascript"></script>
     <script src="../../../js/settings/settings.js" type="text/javascript"></script>
     <script src="../../../js/settings/injection/enabled.js" type="text/javascript"></script>

diff --git a/html/settings/performance/options.html b/html/settings/performance/options.html
@@ -6,11 +6,11 @@
 
     <title></title>
 
-    <link rel="stylesheet" type="text/css" href="../../../vendor/bootstrap/bootstrap.min.css">
+    <link rel="stylesheet" type="text/css" href="../../../vendor/bootstrap-4.3.1/bootstrap.min.css">
 
     <link rel="stylesheet" type="text/css" href="../../../css/settings/settings.css">
-    <script src="../../../vendor/jquery/jquery-3.3.1.min.js" type="text/javascript"></script>
-    <script src="../../../vendor/mustachejs/mustache.min.js" type="text/javascript"></script>
+    <script src="../../../vendor/jquery-3.4.1/jquery.min.js" type="text/javascript"></script>
+    <script src="../../../vendor/mustachejs-3.1.0/mustache.min.js" type="text/javascript"></script>
     <script src="../../../js/utils/load_template.js" type="text/javascript"></script>
     <script src="../../../js/settings/settings.js" type="text/javascript"></script>
     <script src="../../../js/settings/performance/options.js" type="text/javascript"></script>

diff --git a/html/settings/popup/options.html b/html/settings/popup/options.html
@@ -6,11 +6,11 @@
 
     <title></title>
 
-    <link rel="stylesheet" type="text/css" href="../../../vendor/bootstrap/bootstrap.min.css">
+    <link rel="stylesheet" type="text/css" href="../../../vendor/bootstrap-4.3.1/bootstrap.min.css">
 
     <link rel="stylesheet" type="text/css" href="../../../css/settings/settings.css">
-    <script src="../../../vendor/jquery/jquery-3.3.1.min.js" type="text/javascript"></script>
-    <script src="../../../vendor/mustachejs/mustache.min.js" type="text/javascript"></script>
+    <script src="../../../vendor/jquery-3.4.1/jquery.min.js" type="text/javascript"></script>
+    <script src="../../../vendor/mustachejs-3.1.0/mustache.min.js" type="text/javascript"></script>
     <script src="../../../js/utils/load_template.js" type="text/javascript"></script>
     <script src="../../../js/settings/settings.js" type="text/javascript"></script>
     <script src="../../../js/settings/popup/options.js" type="text/javascript"></script>

diff --git a/html/settings/reports/charts.html b/html/settings/reports/charts.html
@@ -6,14 +6,14 @@
 
     <title></title>
 
-    <link rel="stylesheet" type="text/css" href="../../../vendor/bootstrap/bootstrap.min.css">
+    <link rel="stylesheet" type="text/css" href="../../../vendor/bootstrap-4.3.1/bootstrap.min.css">
 
     <link rel="stylesheet" type="text/css" href="../../../css/settings/settings.css">
-    <script src="../../../vendor/jquery/jquery-3.3.1.min.js" type="text/javascript"></script>
-    <script src="../../../vendor/mustachejs/mustache.min.js" type="text/javascript"></script>
+    <script src="../../../vendor/jquery-3.4.1/jquery.min.js" type="text/javascript"></script>
+    <script src="../../../vendor/mustachejs-3.1.0/mustache.min.js" type="text/javascript"></script>
     <script src="../../../js/utils/load_template.js" type="text/javascript"></script>
     <script src="../../../js/settings/settings.js" type="text/javascript"></script>
-    <script src="../../../vendor/dexiejs/dexie.js" type="text/javascript"></script>
+    <script src="../../../vendor/dexiejs-2.0.4/dexie.min.js" type="text/javascript"></script>
     <script src="../../../js/helpers/indexed_db.js" type="text/javascript"></script>
     <script src="../../../js/utils/numbers.js" type="text/javascript"></script>
     <script src="../../../js/settings/reports/charts.js" type="text/javascript"></script>

diff --git a/html/settings/rules/default.html b/html/settings/rules/default.html
@@ -6,11 +6,11 @@
 
     <title></title>
 
-    <link rel="stylesheet" type="text/css" href="../../../vendor/bootstrap/bootstrap.min.css">
+    <link rel="stylesheet" type="text/css" href="../../../vendor/bootstrap-4.3.1/bootstrap.min.css">
 
     <link rel="stylesheet" type="text/css" href="../../../css/settings/settings.css">
-    <script src="../../../vendor/jquery/jquery-3.3.1.min.js" type="text/javascript"></script>
-    <script src="../../../vendor/mustachejs/mustache.min.js" type="text/javascript"></script>
+    <script src="../../../vendor/jquery-3.4.1/jquery.min.js" type="text/javascript"></script>
+    <script src="../../../vendor/mustachejs-3.1.0/mustache.min.js" type="text/javascript"></script>
     <script src="../../../js/utils/load_template.js" type="text/javascript"></script>
     <script src="../../../js/settings/settings.js" type="text/javascript"></script>
     <script src="../../../js/settings/rules/rules.js" type="text/javascript"></script>

diff --git a/html/settings/rules/per-domain.html b/html/settings/rules/per-domain.html
@@ -6,11 +6,11 @@
 
     <title></title>
 
-    <link rel="stylesheet" type="text/css" href="../../../vendor/bootstrap/bootstrap.min.css">
+    <link rel="stylesheet" type="text/css" href="../../../vendor/bootstrap-4.3.1/bootstrap.min.css">
 
     <link rel="stylesheet" type="text/css" href="../../../css/settings/settings.css">
-    <script src="../../../vendor/jquery/jquery-3.3.1.min.js" type="text/javascript"></script>
-    <script src="../../../vendor/mustachejs/mustache.min.js" type="text/javascript"></script>
+    <script src="../../../vendor/jquery-3.4.1/jquery.min.js" type="text/javascript"></script>
+    <script src="../../../vendor/mustachejs-3.1.0/mustache.min.js" type="text/javascript"></script>
     <script src="../../../js/utils/load_template.js" type="text/javascript"></script>
     <script src="../../../js/settings/settings.js" type="text/javascript"></script>
     <script src="../../../js/settings/rules/rules.js" type="text/javascript"></script>

diff --git a/html/settings/stored-data/local.html b/html/settings/stored-data/local.html
@@ -6,11 +6,11 @@
 
     <title></title>
 
-    <link rel="stylesheet" type="text/css" href="../../../vendor/bootstrap/bootstrap.min.css">
+    <link rel="stylesheet" type="text/css" href="../../../vendor/bootstrap-4.3.1/bootstrap.min.css">
 
     <link rel="stylesheet" type="text/css" href="../../../css/settings/settings.css">
-    <script src="../../../vendor/jquery/jquery-3.3.1.min.js" type="text/javascript"></script>
-    <script src="../../../vendor/mustachejs/mustache.min.js" type="text/javascript"></script>
+    <script src="../../../vendor/jquery-3.4.1/jquery.min.js" type="text/javascript"></script>
+    <script src="../../../vendor/mustachejs-3.1.0/mustache.min.js" type="text/javascript"></script>
     <script src="../../../js/utils/load_template.js" type="text/javascript"></script>
     <script src="../../../js/settings/settings.js" type="text/javascript"></script>
     <script src="../../../js/settings/stored-data/local.js" type="text/javascript"></script>
@@ -31,7 +31,7 @@
           <span id="used"></span><button id="clear" class="locale btn btn-warning" data-locale="settingsClearAllButtonText"></button>
 
           <br><br>
-          
+
           <div class="tabs"></div>
         </div>
       </div>

diff --git a/html/settings/stored-data/sync.html b/html/settings/stored-data/sync.html
@@ -6,11 +6,11 @@
 
     <title></title>
 
-    <link rel="stylesheet" type="text/css" href="../../../vendor/bootstrap/bootstrap.min.css">
+    <link rel="stylesheet" type="text/css" href="../../../vendor/bootstrap-4.3.1/bootstrap.min.css">
 
     <link rel="stylesheet" type="text/css" href="../../../css/settings/settings.css">
-    <script src="../../../vendor/jquery/jquery-3.3.1.min.js" type="text/javascript"></script>
-    <script src="../../../vendor/mustachejs/mustache.min.js" type="text/javascript"></script>
+    <script src="../../../vendor/jquery-3.4.1/jquery.min.js" type="text/javascript"></script>
+    <script src="../../../vendor/mustachejs-3.1.0/mustache.min.js" type="text/javascript"></script>
     <script src="../../../js/utils/load_template.js" type="text/javascript"></script>
     <script src="../../../js/settings/settings.js" type="text/javascript"></script>
     <script src="../../../js/settings/stored-data/sync.js" type="text/javascript"></script>

diff --git a/js/content/interceptor.js b/js/content/interceptor.js
@@ -126,6 +126,8 @@ if(should_luminous_run) {
       // interceptors/xml_http_request/open.js
       // interceptors/xml_http_request/send.js
 
+      // interceptors/window/request_animation_frame.js
+
     // /load_injectors
   }
 }
diff --git a/js/content/interceptors/window/request_animation_frame.js b/js/content/interceptors/window/request_animation_frame.js
@@ -0,0 +1,32 @@
+var original_window_requestAnimationFrame = window.requestAnimationFrame;
+
+window.requestAnimationFrame = function(callback) {
+  var super_this = this;
+
+  if(get_options()['injection_disabled']) {
+    return original_window_requestAnimationFrame.call(super_this, callback);
+  } else {
+    if(!is_allowed('WebAPIs', 'requestAnimationFrame')) {
+      increment_counter('WebAPIs', 'requestAnimationFrame', false, super_this, callback, 0);
+
+      // A long integer value, the request id, that uniquely identifies the
+      // entry in the callback list. This is a non-zero value, but you may
+      // not make any other assumptions about its value. You can pass this
+      // value to window.cancelAnimationFrame() to cancel the refresh
+      // callback request.
+      // https://developer.mozilla.org/en-US/docs/Web/API/window/requestAnimationFrame
+      return 1;
+    } else {
+      var timer = performance.now();
+
+      var execution_return = original_window_requestAnimationFrame.call(super_this, callback);
+
+      increment_counter(
+        'WebAPIs', 'requestAnimationFrame', true, super_this, callback, 0,
+        performance.now() - timer
+      );
+
+      return execution_return;
+    }
+  }
+}
diff --git a/js/helpers/code_names.js b/js/helpers/code_names.js
@@ -8,7 +8,8 @@ var common_webapis = [
   'setInterval', 'setInterval.call',
   'setTimeout', 'setTimeout.call',
   'WebSocket.send',
-  'XMLHttpRequest.open', 'XMLHttpRequest.send'
+  'XMLHttpRequest.open', 'XMLHttpRequest.send',
+  'requestAnimationFrame'
 ];
 
 var common_events = [