Add history listener

Author: ipselon

src/framework/commons/constants.js

@@ -3,6 +3,8 @@ module.exports = {
   FRAMEWORK_MESSAGE_INIT_DEBUG: 'FRAMEWORK_MESSAGE_INIT_DEBUG',
   FRAMEWORK_MESSAGE_DEBUG: 'FRAMEWORK_MESSAGE_DEBUG',
 
+  FRAMEWORK_MESSAGE_CHANGE_URL: 'FRAMEWORK_MESSAGE_CHANGE_URL',
+
   FRAMEWORK_MESSAGE_PAGE_CELL_WAS_SELECTED: 'FRAMEWORK_MESSAGE_PAGE_CELL_WAS_SELECTED',
   FRAMEWORK_MESSAGE_CONTEXT_MENU_CLICKED: 'FRAMEWORK_MESSAGE_CONTEXT_MENU_CLICKED',
   FRAMEWORK_MESSAGE_COMPONENT_ITEM_WAS_DROPPED: 'FRAMEWORK_MESSAGE_COMPONENT_ITEM_WAS_DROPPED',

src/framework/index.js

@@ -33,6 +33,14 @@ export const initStore = (name, version, initialState = {}) => {
         window.parent.postMessage(message, '*');
       }
     };
+    // Listen for changes to the current location.
+    history.listen((location) => {
+      // location is an object like window.location
+      window.__sendFrameworkMessage({
+        type: constants.FRAMEWORK_MESSAGE_CHANGE_URL,
+        payload: `${location.pathname}${location.search}${location.hash}`,
+      });
+    });
   }
 };
 

src/framework/store/sequences.js

@@ -6,7 +6,6 @@ import isArray from 'lodash/isArray';
 import isObject from 'lodash/isObject';
 import isEmpty from 'lodash/isEmpty';
 import unionWith from 'lodash/unionWith';
-import isEqual from 'lodash/isEqual';
 import { COMPONENT_TYPE, USER_FUNCTION_TYPE } from './constants';
 import frameworkFunctions from './functions';