new: few more options for the captures

Author: Rafiot

background_script.js

@@ -1,5 +1,7 @@
 // Put all the javascript code here, that you want to execute in background.
 
+"use strict";
+
 function handleClick() {
       browser.runtime.openOptionsPage();
 }

browserAction/index.html

@@ -23,7 +23,16 @@
         </div>
         <div class="cookie-box">
           <input type="checkbox" id="cookies">
-          <label for="cookies">Pass all the cookies to the capture</label>
+          <label for="cookies">[Dangerous] Pass all the cookies of the browser to the capture</label>
+        </div>
+        <div>
+          <input type="checkbox" id="locale">
+          <label for="locale">Pass the locale of the browser</label>
+          <div style="font-size:12px" class="current-locale"></div>
+        </div>
+        <div class="tracking-box">
+          <input type="checkbox" id="allow_tracking">
+          <label for="allow_tracking">Attempt to allow all tracking during the capture</label>
         </div>
         <button id="capture">Launch Capture on Lookyloo</button>
         <div style="font-size:15px; color:red;" class="error-submit"></div>

browserAction/script.js

@@ -1,8 +1,12 @@
+"use strict";
+
 async function onGot(tabs){
   const tab = tabs[0];
   let pass_referrer = document.querySelector('.capture #referrer:checked') !== null;
+  let pass_locale = document.querySelector('.capture #locale:checked') !== null;
   let pass_cookies = document.querySelector('.capture #cookies:checked') !== null;
   let pass_ua = document.querySelector('.capture #useragent:checked') !== null;
+  let allow_tracking = document.querySelector('.capture #allow_tracking:checked') !== null;
 
 
   const config = await browser.storage.local.get().then(res => res);
@@ -31,6 +35,12 @@ async function onGot(tabs){
   if (pass_ua === true) {
       data.user_agent = navigator.userAgent;
   }
+  if (pass_locale === true) {
+      data.locale = browser.i18n.getUILanguage();
+  }
+  if (allow_tracking === true) {
+      data.allow_tracking = true;
+  }
 
   console.log(`${config.url}/submit`);
   await fetch(`${config.url}/submit`, {
@@ -81,6 +91,7 @@ document.addEventListener('DOMContentLoaded', (e) => {
       document.querySelector(".stored-url").textContent = `Current instance: ${res.url}`
   });
   document.querySelector(".current-ua").textContent = `Current User-Agent: ${navigator.userAgent}`
+  document.querySelector(".current-locale").textContent = `Current Locale: ${browser.i18n.getUILanguage()}`
   browser.storage.local.get().then(res => {
       if (!res.private) {
         document.querySelector(".cookie-box").hidden = true;

manifest.json

@@ -9,20 +9,20 @@
     "default_icon": {
       "64": "icons/icon.png"
     },
-    "default_title": "lookyloo",
+    "default_title": "Lookyloo",
     "default_popup": "browserAction/index.html"
   },
   "browser_specific_settings": {
     "gecko": {
-      "id": "[email protected]",
+      "id": "[email protected]",
       "strict_min_version": "127.0"
     },
     "gecko_android": {
-      "id": "[email protected]",
+      "id": "[email protected]",
       "strict_min_version": "127.0"
     },
     "safari": {
-      "id": "[email protected]",
+      "id": "[email protected]",
       "strict_min_version": "15"
     }
   },
@@ -39,8 +39,7 @@
   "manifest_version": 3,
   "name": "lookyloo",
   "options_ui": {
-    "page": "options/index.html",
-    "chrome_style": true
+    "page": "options/index.html"
   },
   "optional_permissions": [
     "cookies"

options/index.html

@@ -11,7 +11,7 @@
       You <b>absolutely do not want</b> to do that unless the instance you're using is private as it
       will contain login cookies that can be reused by 3rd parties.
     </p>
-    <form class="browser-style">
+    <form>
 
       <label for="url">URL of the lookyloo instance</label>
       <input type="text" id="url" name="url"/>
@@ -24,7 +24,7 @@
       </label>
       <br>
 
-      <button class="browser-style" type="submit">Save</button>
+      <button type="submit">Save</button>
     </form>
     <script src="script.js"></script>
   </body>

options/script.js

@@ -1,3 +1,5 @@
+"use strict";
+
 async function saveOptions(e) {
   let private_ok = false;
 

views/getting_started.js

@@ -1,3 +1,5 @@
+"use strict";
+
 function uninstall() {
   var settingUrl = browser.runtime.setUninstallURL("https://lookyloo.circl.lu/capture");
   settingUrl.then(() => true, (error) => true);

views/installed.html

@@ -4,7 +4,6 @@
 <head>
 	<meta charset="utf-8">
 	<title>Getting started with Lookyloo</title>
-  <link rel="stylesheet" href="chrome://browser/content/extension.css">
   <link rel="stylesheet" href="default.css">
 </head>
 
@@ -32,7 +31,7 @@ <h1>Welcome to Lookyloo!</h1>
         <br>
         <br>
         <div>
-          <button id="setup" class="browser-style">I know what I'm doing.</button>
+          <button id="setup">I know what I'm doing.</button>
         <div>
         </p>
 
@@ -43,7 +42,7 @@ <h1>Welcome to Lookyloo!</h1>
         <br>
         <br>
         <div>
-          <button id="uninstall" class="browser-style">Uninstall Lookyloo</button>
+          <button id="uninstall">Uninstall Lookyloo</button>
         </div>
         It will redirect you to the <a href="https://lookyloo.circl.lu">demo instance</a>,
         where you can safely capture an URL without risking to leak personal information.