webextension-messages 1.0.0 → 1.0.2

package/package.json

@@ -1,11 +1,16 @@
 {
   "name": "webextension-messages",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "Package simplifying the exchange of messages between the background and tabs",
   "license": "MIT",
   "author": "Igor Morozov",
-  "main": "webextension-messages.js",
+  "main": "./dist/webextension-messages.js",
+  "scripts": {
+    "start": "webpack"
+  },
   "devDependencies": {
-    "webextension-polyfill": "0.12.0"
+    "webextension-polyfill": "0.12.0",
+    "webpack": "5.108.4",
+    "webpack-cli": "7.2.1"
   }
 }

package/{webextension-messages.js → src/index.js}

@@ -1,20 +1,20 @@
 const browser = require("webextension-polyfill");
 
-const DESTROY_ACTION = `WEBEXTENSION_MESSAGES_DESTROY`;
+const STOP_ACTION = `WEBEXTENSION_MESSAGES_STOP_COMMUNICATION`;
 const RESULT_PROMISES = {};
 const ACTIONS = {};
 
 browser.runtime.onMessage.addListener((message) => {
-  if (message.action === DESTROY_ACTION) {
-    destroy(message.payload);
+  if (message.action === STOP_ACTION) {
+    stopCommunication(message.payload);
   }
 });
 
-export default function (actions, messagesId = generateId()) {
+function setupCommunication (actions, messagesId = generateId()) {
   const messages = Object.fromEntries(
     Object.entries(actions).map(([action]) => [
       action,
-      (payload) => sendMessageForAnswer(action, payload),
+      (payload) => sendMessageForResult(action, payload),
     ]),
   );
 
@@ -24,11 +24,11 @@ export default function (actions, messagesId = generateId()) {
 
   return {
     ...messages,
-    destroy: () => destroy(messagesId, true),
+    stopCommunication: () => stopCommunication(messagesId, true),
   };
 }
 
-async function onMessage(message, actions = {}) {
+async function onMessage (message, actions = {}) {
   if (RESULT_PROMISES[message.resultId]) {
     RESULT_PROMISES[message.resultId](message.payload);
     delete RESULT_PROMISES[message.resultId];
@@ -41,13 +41,13 @@ async function onMessage(message, actions = {}) {
   }
 }
 
-function sendMessageForAnswer(action, payload) {
+function sendMessageForResult (action, payload) {
   const { resultId, promise } = createResultPromise();
   sendMessage(action, payload, resultId);
   return promise;
 }
 
-function sendMessage(action, payload, resultId) {
+function sendMessage (action, payload, resultId) {
   const message = { action, payload, resultId };
 
   if (isBackgroundScript()) {
@@ -57,7 +57,7 @@ function sendMessage(action, payload, resultId) {
   }
 }
 
-function createResultPromise() {
+function createResultPromise () {
   const resultId = generateId();
 
   return {
@@ -66,26 +66,30 @@ function createResultPromise() {
   };
 }
 
-function isBackgroundScript() {
+function isBackgroundScript () {
   return (
     window.location.protocol === "chrome-extension:" ||
     window.location.protocol === "moz-extension:"
   );
 }
 
-function generateId() {
+function generateId () {
   return `${Date.now()}-${Math.random()}`;
 }
 
-function getCurrentTab() {
+function getCurrentTab () {
   return browser.tabs.query({ active: true, currentWindow: true });
 }
 
-function destroy(messagesId, sendToReceiver) {
+function stopCommunication (messagesId, sendToReceiver) {
   browser.runtime.onMessage.removeListener(ACTIONS[messagesId]);
   delete ACTIONS[messagesId];
 
   if (sendToReceiver) {
-    sendMessage(DESTROY_ACTION, messagesId);
+    sendMessage(STOP_ACTION, messagesId);
   }
 }
+
+module.exports = {
+  setup: setupCommunication,
+};

package/webpack.config.js

@@ -0,0 +1,17 @@
+module.exports = {
+  entry: "./src/index.js",
+  output: {
+    filename: "webextension-messages.js",
+    library: "WebextensionMessages",
+    libraryTarget: "umd",
+    globalObject: "this",
+  },
+  mode: "development",
+  watch: true,
+
+  stats: {
+    colors: true,
+  },
+
+  devtool: false,
+};