gitcommitshow · centanomics · Jul 11, 2021 · Jul 16, 2021 · Jul 16, 2021 · Jul 16, 2021
diff --git a/browser-extension-firefox/addWhatsappLink.js b/browser-extension-firefox/addWhatsappLink.js
@@ -0,0 +1,26 @@
+/**
+Code to be executed to convert simple tel: links to whatsapp links
+**/
+
+//Make sure assets/utility.js is loaded so we have access to _utility.getWhatsappMessageUrl
+var logoImg = chrome.runtime.getURL('assets/whatsapp_logo.png');
+var all = document.getElementsByTagName('a');
+for (elem of all) {
+  let link = elem.href;
+  if (link && link.indexOf('tel:') !== -1) {
+    _utility.getWhatsappMessageUrl(link, function (whatsappMessageUrl) {
+      //Add a whatsapp icon with link to whatsapp message
+      elem.textContent =
+        '<a href="' +
+        whatsappMessageUrl +
+        '" target="_blank" style="margin: 0 auto;">' +
+        '<img src="' +
+        logoImg +
+        '" style="padding-right:12px;width:auto;height:16px;" /></a>' +
+        elem.innerHTML;
+      //let newWhatsappBtn = document.createElement('span')
+      //newWhatsappBtn.innerHTML = '<a href="'+whatsappLink+'" target="_blank">'+'<img src="'+logoImg+'" width="16px" height="16px" /></a>'
+      //elem.insertAdjacentHTML('beforebegin', newWhatsappBtn)
+    });
+  }
+}
diff --git a/browser-extension-firefox/assets/utility.js b/browser-extension-firefox/assets/utility.js
@@ -0,0 +1,28 @@
+/**
+Common code to be used in the project
+**/
+
+//ToDo:We can use better design pattern(s.a facade) here for extending this work to multiple message systems
+const _utility = {
+  getWhatsappMessageUrl: function(phonestring, cb){
+	//Returns message url in the form of "https://api.whatsapp.com/send?phone=91232132&text=hi"
+ 	const MESSAGE_API_URL="https://api.whatsapp.com/send?phone="
+	chrome.storage.sync.get({'defaultCountryCode': 91, 'defaultMessage': ''}, function(configs){
+	  	if(!phonestring){
+			return cb("#NotAPhoneNumber");
+	 	}
+	 	//Format the selection - remove the non-digit characters
+	 	var phone = phonestring.replace(/\D+/g,'');
+	 	//Create the url with the given text and message api url 
+	 	if(!phone || phone.length<10){
+			return cb("#NotAPhoneNumber");
+	 	} else if(phone.length<11){
+	 		return cb(MESSAGE_API_URL+configs.defaultCountryCode+phone+"&text="+encodeURIComponent(configs.defaultMessage));
+	  	} else if(phone.length<14){
+			return cb(MESSAGE_API_URL+phone+"&text="+encodeURIComponent(configs.defaultMessage));
+	 	} else {
+			return cb("#NotAPhoneNumber");
+		}
+    });
+  }
+}
diff --git a/browser-extension-firefox/assets/whatsapp_logo.png b/browser-extension-firefox/assets/whatsapp_logo.png
diff --git a/browser-extension-firefox/icons/LogoMakr_9IE4fN.png b/browser-extension-firefox/icons/LogoMakr_9IE4fN.png
diff --git a/browser-extension-firefox/icons/android-chrome-384x384.png b/browser-extension-firefox/icons/android-chrome-384x384.png
diff --git a/browser-extension-firefox/icons/apple-touch-icon.png b/browser-extension-firefox/icons/apple-touch-icon.png
diff --git a/browser-extension-firefox/icons/favicon.ico b/browser-extension-firefox/icons/favicon.ico
diff --git a/browser-extension-firefox/icons/logo_16x16.png b/browser-extension-firefox/icons/logo_16x16.png
diff --git a/browser-extension-firefox/icons/logo_192x192.png b/browser-extension-firefox/icons/logo_192x192.png
diff --git a/browser-extension-firefox/icons/logo_32x32.png b/browser-extension-firefox/icons/logo_32x32.png
diff --git a/browser-extension-firefox/icons/mstile-150x150.png b/browser-extension-firefox/icons/mstile-150x150.png
diff --git a/browser-extension-firefox/icons/safari-pinned-tab.svg b/browser-extension-firefox/icons/safari-pinned-tab.svg
diff --git a/browser-extension-firefox/manifest.json b/browser-extension-firefox/manifest.json
@@ -0,0 +1,39 @@
+{
+    "name": "WhatsappAnywhere",
+    "browser_specific_settings": {
+      "gecko": {
+        "id": "",
+        "strict_min_version": "89.0.2"
+      }
+    },
+    "version": "1.0.0",
+    "description": "Turn any phone number into clickable whatsapp link",
+    "permissions": [
+      "contextMenus",
+      "storage"
+     ],
+    "content_scripts": [{
+        "matches": ["*://*/*"],
+        "run_at": "document_idle",
+        "js": ["assets/utility.js","addWhatsappLink.js"]
+    }],
+    "background": { 
+      "scripts": [
+	"assets/utility.js",
+	"whatsappLinkInContextMenu.js"
+	]
+    },
+    "icons": {
+        "16": "icons/logo_16x16.png",
+        "32": "icons/logo_32x32.png",
+        "192": "icons/logo_192x192.png"
+    },
+    "web_accessible_resources": [
+      "assets/*"
+    ],
+    "options_ui": {
+       "page": "options.html",
+       "open_in_tab": true
+    },
+    "manifest_version": 2
+}
diff --git a/browser-extension-firefox/options.html b/browser-extension-firefox/options.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+  <title>Whatsapp Anywhere Options</title>
+  <style>
+    body {
+      padding: 10px;
+    }
+
+    input {
+      width: 55px
+    }
+
+    span#status {
+      display: flex;
+      justify-content: flex-end;
+    }
+
+    div.option {
+      margin: 8px 0
+    }
+
+    div.option:first-of-type {
+      margin-top: 0;
+    }
+
+    div.option:last-of-type {
+      margin-bottom: 0;
+    }
+  </style>
+</head>
+
+<body>
+  <div class="option">
+    <b>Default Country Code</b><br/>
+    <input id="default-country-code" type="number" name="default-country-code" min="0" max="999" />
+  </div>
+  <br/>
+  <div class="option" title="Will only close the ad after the 'Skip ad' button has appeared (usually after 5 seconds).">
+    <b>Default Message</b><br/>
+    <textarea id="default-message" name=""default-message"" rows="5" cols="70"></textarea>
+  </div>
+  <span id="status">&nbsp;</span>
+  <button id="save">Save</button>
+
+  <script src="options.js"></script>
+</body>
+
+</html>
diff --git a/browser-extension-firefox/options.js b/browser-extension-firefox/options.js
@@ -0,0 +1,24 @@
+"use strict";
+const saveOptions = function(){
+    var defaultCountryCode = document.getElementById('default-country-code').value;
+    var defaultMessage = document.getElementById('default-message').value;
+    chrome.storage.sync.set({
+        defaultCountryCode: defaultCountryCode,
+        defaultMessage: defaultMessage
+    }, function(){
+        const status = document.getElementById('status');
+        status.textContent = 'Options saved.';
+        setTimeout(function(){
+            status.innerHTML = '&nbsp;';
+        }, 1000);
+    });
+};
+const restoreOptions = function(){
+    chrome.storage.sync.get({'defaultCountryCode': 91, 'defaultMessage': ''}, function(configs){
+        document.getElementById('default-country-code').value = configs.defaultCountryCode;
+        document.getElementById('default-message').value = configs.defaultMessage;
+    });
+};
+document.addEventListener('DOMContentLoaded', restoreOptions);
+document.getElementById('save').addEventListener('click', saveOptions);
+
diff --git a/browser-extension-firefox/whatsappLinkInContextMenu.js b/browser-extension-firefox/whatsappLinkInContextMenu.js
@@ -0,0 +1,18 @@
+/**
+Code to be executed for context menu functionality
+**/
+
+//Make sure assets/utility.js is loaded so we have access to _utility.getWhatsappMessageUrl 
+function getword(info,tab) {
+  _utility.getWhatsappMessageUrl(info.selectionText, function(whatsappMessageUrl){
+  	chrome.tabs.create({  
+    		url: whatsappMessageUrl
+	});
+  })
+}
+
+chrome.contextMenus.create({
+  title: "Whatsapp: %s", 
+  contexts:["selection"], 
+  onclick: getword
+});