console only top window

src/content/index.js

@@ -28,8 +28,6 @@ store.subscribe(() => {
   }
 });
 
-consoleFrames.initialize(window.document);
-
 const reloadSettings = () => {
   return browser.runtime.sendMessage({
     type: messages.SETTINGS_QUERY,
@@ -38,7 +36,12 @@ const reloadSettings = () => {
   });
 };
 
-browser.runtime.onMessage.addListener((action) => {
+// TODO: the followin methods should be implemented in each top component and
+// frame component
+const initTopComponents = () => {
+  consoleFrames.initialize(window.document);
+
+  browser.runtime.onMessage.addListener((action) => {
     switch (action.type) {
     case messages.CONSOLE_HIDE_COMMAND:
       window.focus();
@@ -49,6 +52,27 @@ browser.runtime.onMessage.addListener((action) => {
     default:
       return Promise.resolve();
     }
-});
+  });
+};
+
+const initFrameConponents = () => {
+  browser.runtime.onMessage.addListener((action) => {
+    switch (action.type) {
+    case messages.CONSOLE_HIDE_COMMAND:
+      window.focus();
+      return Promise.resolve();
+    case messages.SETTINGS_CHANGED:
+      return reloadSettings();
+    default:
+      return Promise.resolve();
+    }
+  });
+};
+
+if (window.self === window.top) {
+  initTopComponents();
+} else {
+  initFrameConponents();
+}
 
 reloadSettings();