Merge pull request #9 from Nullifiers/shortcut

Keyboard Shortcut

Author: ajeet97

README.md

@@ -1,2 +1,12 @@
 # Realtime-Currency-Convertor
-Browser Extension to convert foreign currency to local currency, realtime.
+
+Browser Extension to convert foreign currency to local currency, real time.
+
+## How to use:-
+
+- Navigate to any page which has a different currency mentioned in its article body, for example in [this](https://www.smartprix.com/bytes/samsung-galaxy-note-10-realme-5-pro-realme-5-mi-a3-launch-in-india-next-week-heres-what-to-expect/) article the prices are mentioned in dollars and we want them in say Rupees.
+
+- There are two ways to get the currency converted in your desired currency with its real time conversion rate:- 
+  1. Simply press the extension icon and your converted currency will be highlighted in the article.
+
+  2. Press the combo of `Ctrl+Shift+K` in the case of Windows/Linux or `Cmd+Shift+K` in the case of Mac computers to get the same result as in 1st case.

src/js/background.js

@@ -1,7 +1,19 @@
-chrome.browserAction.onClicked.addListener((tab) => {
-	chrome.tabs.executeScript(tab.id, {
+function executeScript(id) {
+	chrome.tabs.executeScript(id, {
 		runAt: 'document_end',
 		allFrames: true,
 		file: 'js/contentScript.js',
 	});
-});
+}
+
+chrome.browserAction.onClicked.addListener(tab => executeScript(tab.id));
+
+chrome.commands.onCommand.addListener(command => {
+    if (command !== "convert_currency") {
+        return;
+    }
+    chrome.tabs.query({
+        active: true,
+        currentWindow: true
+    }, tabs => executeScript(tabs[0].id));
+});

src/js/contentScript.js

@@ -1,4 +1,4 @@
-(function() {
+(function () {
 	function replace($node, regex, replaceMethod) {
 		const queue = [$node];
 		while (queue.length) {
@@ -15,8 +15,7 @@
 
 			if (top.nodeType === Node.ELEMENT_NODE && regex.test(top.innerHTML)) {
 				top.innerHTML = top.innerHTML.replace(regex, replaceMethod.bind(top));
-			}
-			else if (top.nodeType === Node.TEXT_NODE && regex.test(top.nodeValue)) {
+			} else if (top.nodeType === Node.TEXT_NODE && regex.test(top.nodeValue)) {
 				top.nodeValue = top.nodeValue.replace(regex, replaceMethod.bind(top));
 			}
 		}
@@ -29,7 +28,10 @@
 	const currencySymbols = ['\\$', '€'];
 	const currencyRegex = new RegExp(`(${currencySymbols.join('|')})\\s?(\\d+(?:,\\d{2,3})*(?:\\.\\d+)?)`, 'g');
 
-	const INR = new Intl.NumberFormat('en-IN', {style: 'currency', currency: 'INR'});
+	const INR = new Intl.NumberFormat('en-IN', {
+		style: 'currency',
+		currency: 'INR'
+	});
 
 	const spanStyle = 'background: rgba(220, 220, 220, 0.7); color: #333; padding: 2px 5px; border-radius: 3px';
 	const format = price => `<span style="${spanStyle}">${INR.format(price)}</span>`;
@@ -42,4 +44,4 @@
 			format(toRupeeRatio[currency] * numval) :
 			INR.format(toRupeeRatio[currency] * numval);
 	});
-})();
+})();

src/manifest.json

@@ -2,11 +2,20 @@
 	"manifest_version": 2,
 	"name": "Realtime Currency Converter",
 	"version": "0.0.2",
-	"description": "Browser Extenstion to convert foreign currency to local currency, realtime.",
+	"description": "Browser Extension to convert foreign currency to local currency, realtime.",
 	"browser_action": {},
 	"background": {
 		"scripts": ["js/background.js"],
 		"persistent": false
 	},
+	"commands": {
+		"convert_currency": {
+			"suggested_key": {
+				"default": "Ctrl+Shift+K",
+				"mac": "Command+Shift+K"
+			},
+			"description": "Currency Convertor Shortcut"
+		}
+	},
 	"permissions": ["activeTab", "storage"]
 }