Middleware for syncing actions between tabs

syncMiddleware.js

/**
 * Middleware for syncing actions between tabs
 */
export default () => (next) => (action) => {
  if (action.sync) {
    delete action.sync;
    localStorage.setItem(`${__PROJECT_NAME__}.storeSync`, JSON.stringify({
      action,
      _hash: Date.now(),
    }));
  }
  return next(action);
};

const syncListener = (store) => {
  const handleListenStorage = (event) => {
    if (event.key === `${__PROJECT_NAME__}.storeSync`) {
      const storageValue = JSON.parse(event.newValue);
      store.dispatch(storageValue.action);
    }
  };

  window.addEventListener('storage', handleListenStorage);
};

export { syncListener };