load settings from content

src/components/background.js

@@ -19,8 +19,6 @@ export default class BackgroundComponent {
         });
       }
     });
-    browser.tabs.onUpdated.addListener(this.onTabUpdated.bind(this));
-    browser.tabs.onActivated.addListener(this.onTabActivated.bind(this));
   }
 
   update() {
@@ -59,28 +57,23 @@ export default class BackgroundComponent {
           text: e.message,
         });
       });
+    case messages.SETTINGS_QUERY:
+      return Promise.resolve(this.store.getState().setting.settings);
     case messages.CONSOLE_QUERY_COMPLETIONS:
       return commands.complete(message.text, this.settings);
     case messages.SETTINGS_RELOAD:
       this.store.dispatch(settingsActions.load());
+      return this.broadcastSettingsChanged();
     }
   }
 
-  onTabActivated(info) {
-    this.syncSettings(info.tabId);
-  }
-
-  onTabUpdated(id, info) {
-    if (info.status === 'complete') {
-      this.syncSettings(id);
-    }
-  }
-
-  syncSettings(id) {
-    let { settings } = this.store.getState().setting;
-    return browser.tabs.sendMessage(id, {
-      type: messages.CONTENT_SET_SETTINGS,
-      settings,
+  broadcastSettingsChanged() {
+    return browser.tabs.query({}).then((tabs) => {
+      for (let tab of tabs) {
+        browser.tabs.sendMessage(tab.id, {
+          type: messages.SETTINGS_CHANGED,
+        });
+      }
     });
   }
 }

src/components/content-input.js

@@ -13,7 +13,7 @@ export default class ContentInputComponent {
 
   update() {
     let settings = this.store.getState().setting.settings;
-    if (!settings) {
+    if (!settings || !settings.json) {
       return;
     }
     let input = this.store.getState().input;

src/content/index.js

@@ -21,16 +21,25 @@ store.subscribe(() => {
 
 consoleFrames.initialize(window.document);
 
+const reloadSettings = () => {
+  return browser.runtime.sendMessage({
+    type: messages.SETTINGS_QUERY,
+  }).then((settings) => {
+    store.dispatch(settingActions.set(settings));
+  });
+};
+
 browser.runtime.onMessage.addListener((action) => {
   switch (action.type) {
   case messages.CONSOLE_HIDE:
     window.focus();
     consoleFrames.blur(window.document);
     return Promise.resolve();
-  case messages.CONTENT_SET_SETTINGS:
-    store.dispatch(settingActions.set(action.settings));
-    return Promise.resolve();
+  case messages.SETTINGS_CHANGED:
+    return reloadSettings();
   default:
     return Promise.resolve();
   }
 });
+
+reloadSettings();

src/content/messages.js

@@ -1,5 +1,6 @@
 export default {
-  CONTENT_SET_SETTINGS: 'content.set.settings',
+  SETTINGS_QUERY: 'settings.query',
+
   BACKGROUND_OPERATION: 'background.operation',
 
   CONSOLE_BLURRED: 'console.blured',