az0 · az0 · Aug 28, 2021 · Aug 26, 2021 · Aug 27, 2021
diff --git a/commands/commands.html b/commands/commands.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html><head>
+<meta charset="utf-8">
+<title>Link Gopher</title>
+<script type="module" src='commands.js'></script>
+</head></html>
diff --git a/commands/commands.js b/commands/commands.js
@@ -0,0 +1,13 @@
+// https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/commands
+
+import { handler } from '../popup/js/functions.js';
+
+browser.commands.onCommand.addListener(function (command) {
+    if (command === "extarct-all") {
+      handler(false);
+    }
+
+    if (command === "extract-some") {
+      handler(true);
+    }
+  });
diff --git a/manifest.json b/manifest.json
@@ -28,5 +28,17 @@
     "default_icon": "icons/link-gopher-32.png",
     "default_title": "__MSG_extensionName__",
     "default_popup": "popup/popup.html"
+  },
+
+  "background": {
+		"page": "commands/commands.html"
+  },
+  "commands": {
+    "extarct-all": {
+      "description": "__MSG_extractAll__"
+    },
+    "extract-some": {
+      "description": "__MSG_extractSome__"
+    }
   }
 }
diff --git a/popup/js/functions.js b/popup/js/functions.js
@@ -0,0 +1,74 @@
+/**
+ * @function handler
+ * @param {boolean} filtering
+ */
+ export function handler(filtering = false) {
+  var tabId;
+
+  return getCurrentTab()
+    .then(items => { tabId = items[0].id; return injectScript(tabId); })
+    .then(item => {
+      const url = `${chrome.extension.getURL('browser/linkgopher.html')}?` +
+                  `tabId=${tabId}&filtering=${filtering}`;
+      return openTab(url);
+    })
+    .catch(error => window.alert(error));
+};
+
+/**
+ * Get active tab of current window.
+ *
+ * @function getCurrentTab
+ */
+function getCurrentTab() {
+  return new Promise((res, rej) => {
+    const queryInfo = {
+      active: true,
+      currentWindow: true
+    };
+
+    chrome.tabs.query(queryInfo, items => passNext(items, res, rej));
+  });
+};
+
+/**
+ * Create tab with extension's page.
+ *
+ * @function openTab
+ * @param {string} url
+ */
+export function openTab(url) {
+  return new Promise((res, rej) => {
+    const createProperties = {active: true, url};
+    chrome.tabs.create(createProperties, tab => passNext(tab, res, rej));
+  });
+};
+
+/**
+ * Inject script into tab
+ *
+ * @function injectScript
+ * @param {number} tabId -- The ID of tab.
+ * @param {string} file -- Pathname of script
+ */
+function injectScript(tabId, file = '/content-script.js') {
+  return new Promise((res, rej) => {
+    const details = {
+      file,
+      runAt: 'document_start'
+    };
+
+    chrome.tabs.executeScript(tabId, details, item => passNext(item, res, rej));
+  });
+};
+
+/**
+ * @function passNext
+ * @param {*} result
+ * @param {function} fulfill
+ * @param {function} reject
+ */
+function passNext(result, fulfill, reject) {
+  if (chrome.runtime.lastError) return reject(chrome.runtime.lastError);
+  return fulfill(result);
+};
diff --git a/popup/js/popup.js b/popup/js/popup.js
@@ -1,4 +1,7 @@
 'use strict';
+
+import { handler, openTab } from './functions.js';
+
 document.getElementById('extract-all').addEventListener('click', event => {
   handler(false).then(() => window.close());
 });
@@ -21,78 +24,3 @@ document.getElementById('about-linkgopher').addEventListener('click', event => {
   const container = document.getElementById(item.id);
   container.innerText = chrome.i18n.getMessage(item.messageId);
 })
-
-/**
- * @function handler
- * @param {boolean} filtering
- */
-function handler(filtering = false) {
-  var tabId;
-
-  return getCurrentTab()
-    .then(items => { tabId = items[0].id; return injectScript(tabId); })
-    .then(item => {
-      const url = `${chrome.extension.getURL('browser/linkgopher.html')}?` +
-                  `tabId=${tabId}&filtering=${filtering}`;
-      return openTab(url);
-    })
-    .catch(error => window.alert(error));
-};
-
-/**
- * Get active tab of current window.
- *
- * @function getCurrentTab
- */
-function getCurrentTab() {
-  return new Promise((res, rej) => {
-    const queryInfo = {
-      active: true,
-      currentWindow: true
-    };
-
-    chrome.tabs.query(queryInfo, items => passNext(items, res, rej));
-  });
-};
-
-/**
- * Create tab with extension's page.
- *
- * @function openTab
- * @param {string} url
- */
-function openTab(url) {
-  return new Promise((res, rej) => {
-    const createProperties = {active: true, url};
-    chrome.tabs.create(createProperties, tab => passNext(tab, res, rej));
-  });
-};
-
-/**
- * Inject script into tab
- *
- * @function injectScript
- * @param {number} tabId -- The ID of tab.
- * @param {string} file -- Pathname of script
- */
-function injectScript(tabId, file = '/content-script.js') {
-  return new Promise((res, rej) => {
-    const details = {
-      file,
-      runAt: 'document_start'
-    };
-
-    chrome.tabs.executeScript(tabId, details, item => passNext(item, res, rej));
-  });
-};
-
-/**
- * @function passNext
- * @param {*} result
- * @param {function} fulfill
- * @param {function} reject
- */
-function passNext(result, fulfill, reject) {
-  if (chrome.runtime.lastError) return reject(chrome.runtime.lastError);
-  return fulfill(result);
-};