Merge pull request #1 from mugi-uno/implements_auto_bind_when_page_ch…

…anged Implement event binding on page changed
mugi-uno · Oct 2, 2017 · 77631ff · 77631ff
2 parents 48bbf67 + bb42b86
commit 77631ff
Show file tree

Hide file tree

Showing 10 changed files with 28 additions and 13 deletions.
diff --git a/dist/background.js.map b/dist/background.js.map
diff --git a/dist/content.js b/dist/content.js
diff --git a/dist/content.js.map b/dist/content.js.map
diff --git a/dist/devtools.js.map b/dist/devtools.js.map
diff --git a/dist/panel.js b/dist/panel.js
diff --git a/dist/panel.js.map b/dist/panel.js.map
diff --git a/lib/content/init.js b/lib/content/init.js
@@ -4,6 +4,7 @@ import * as devtoolMutationTypes from '../panel/store/mutation-types';
 
 const devtoolHandler = (msg) => {
   switch (msg.type) {
+    case devtoolMutationTypes.CONTENT_CONNECT:
     case devtoolMutationTypes.PANEL_TOGGLE_WATCHING:
       watcher.toggle(msg.payload);
       break;
@@ -44,5 +45,7 @@ export default function() {
       console.log('background -> content', msg);
       emitter.emit('background.receive', msg);
     });
+
+    emitter.emit('background.send', { type: 'connect' });
   });
 }
diff --git a/lib/panel/store/modules/panel.js b/lib/panel/store/modules/panel.js
@@ -19,6 +19,9 @@ const actions = {
 };
 
 const mutations = {
+  [types.CONTENT_CONNECT](state, value) {
+    // nothing to do.
+  },
   [types.PANEL_TOGGLE_WATCHING](state, value) {
     if (value === true || value === false) {
       state.watching = value;

diff --git a/lib/panel/store/mutation-types.js b/lib/panel/store/mutation-types.js
@@ -2,3 +2,5 @@ export const PANEL_TOGGLE_WATCHING = 'PANEL_TOGGLE_WATCHING';
 export const PANEL_CLEAR = 'PANEL_CLEAR';
 
 export const CONTENT_FIRE = 'CONTENT_FIRE';
+export const CONTENT_CONNECT = 'CONTENT_CONNECT';
+export const CONTENT_CONNECT_RECEIVE = 'CONTENT_CONNECT_RECEIVE';
diff --git a/lib/panel/store/plugins/chromeExtention.js b/lib/panel/store/plugins/chromeExtention.js
@@ -9,9 +9,16 @@ export const chromeMessagingPlugin = (port) => (store) => {
     store.commit(`${msg.location}_${msg.type}`.toUpperCase(), msg.value);
   });
 
-  store.subscribe((mutation) => {
-    if (mutation.type === types.PANEL_TOGGLE_WATCHING) {
-      port.postMessage(mutation);
+  store.subscribe((mutation, state) => {
+    switch (mutation.type || '') {
+      case types.CONTENT_CONNECT:
+        port.postMessage(Object.assign({}, mutation, { payload: state.panel.watching }));
+        break;
+      case types.PANEL_TOGGLE_WATCHING:
+        port.postMessage(mutation);
+        break;
+      default:
+        // nothing to do;
     }
   });
 };