Implement options configuration for injecting in Chrome apps and extensions

Author: zalmoxisus

src/browser/extension/background/messaging.js

@@ -1,4 +1,5 @@
 import { onConnect, onMessage, sendToTab } from 'crossmessaging';
+import getOptions from '../options/getOptions';
 import { MENU_DEVTOOLS } from '../../../app/constants/ContextMenus.js';
 let connections = {};
 
@@ -27,13 +28,19 @@ function parseJSON(data) {
 }
 
 // Receive message from content script and relay to the devTools page
-function messaging(request, sender) {
+function messaging(request, sender, sendResponse) {
   const tabId = sender.tab ? sender.tab.id : sender.id;
   if (tabId) {
     if (request.type === 'PAGE_UNLOADED') {
       if (connections[ tabId ]) connections[ tabId ].postMessage(naMessage);
       return true;
     }
+    if (request.type === 'GET_OPTIONS') {
+      getOptions(options => {
+        sendResponse({options: options});
+      });
+      return true;
+    }
     const payload = typeof request.payload === 'string' ? parseJSON(request.payload) : request.payload;
     if (!payload) return true;
     store.liftedStore.setState(payload);

src/browser/extension/inject/index.js

@@ -3,5 +3,13 @@
 
 window.devToolsExtensionID = 'lmhkpmbekcpmknklioeibfkpmmfibljd';
 
-require('./contentScript');
-require('./pageScript');
+chrome.runtime.sendMessage(window.devToolsExtensionID, { type: 'GET_OPTIONS' }, function(response) {
+  if (!response.options.inject) {
+    const urls = response.options.urls.split('\n').join('|');
+    if (!location.href.match(new RegExp(urls))) return;
+  }
+
+  window.devToolsOptions = response.options;
+  require('./contentScript');
+  require('./pageScript');
+});

src/browser/extension/options/getOptions.js

@@ -1,4 +1,9 @@
 const getOptions = callback => {
+  if (window.devToolsExtensionID && chrome.runtime.id !== window.devToolsExtensionID) {
+    callback(window.devToolsOptions);
+    return;
+  }
+
   chrome.storage.sync.get({
     limit: 50,
     timeout: 1,