hindmost

const addTodo = text => ({
  type: 'ADD_TODO',
  text
});

const delayAddTodo = (text) => dispatch => {
  setTimeout(() => {
    dispatch(addTodo(text));
  }, 1000);
}

hindmost

class ReduxedStorage {
...
  dispatch(action) {
    if (!this.buffStore) {
      this.buffStore = this.createStore(this.reducer, this.state, this.enhancer);
      this.lastState = this.buffStore.getState();
      setTimeout(() => {
        this.buffStore = null;
      }, 100);
    }

hindmost

...

(async () => {
  chrome.runtime.onMessage.addListener( data => {
    // if current tab received focus, apply mark/unmark operations (if any),
    // then, if there was no mark operation, update marker stats
    data && data.id === 'tabFocusPass' &&
    !render(store) && updateStats(store);
  });

hindmost

...

chrome.tabs.onActivated.addListener(async data => {
  const {tabId} = data;
  if (!tabId)
    return;
  const store = await getStore();
  const state = store.getState();
  const {account, marker} = state;
  const toMark = account.keywords && marker.enabled;

hindmost

import { createStore } from 'redux';
import storeCreatorFactory from 'reduxed-chrome-storage';
import reducers from './reducers';
import { accountLogout, setStats, setIconHash } from './actions';

const storeCreator = storeCreatorFactory({createStore});
let store;
const getStore = async () => {
  if (store)
    return store;

hindmost

import {
  SET_ENABLED, SET_STATS, SET_ICONHASH
} from '../actions/marker';

const initialState = {
  enabled: false,
  stats: false,
  iconHash: ''
};

hindmost

export const SET_ENABLED = 'SET_ENABLED';
export const SET_STATS = 'SET_STATS';
export const SET_ICONHASH = 'SET_ICONHASH';

export const setEnabled = data => ({
  type: SET_ENABLED, data
});

export const setStats = data => ({
  type: SET_STATS, data

hindmost

import { createStore } from 'redux';
import storeCreatorFactory from 'reduxed-chrome-storage';
import reducers from './reducers';
import { setStats } from './actions/marker';
import { mark, unmark } from './mark';

let stateJson0;
let toUnmark = false;
let stats = false;

hindmost

let styleElem;
const setStyle = (style, cssClass) => {
  if (!styleElem) {
    styleElem = document.createElement('style');
    styleElem.type = 'text/css';
    document.body.appendChild(styleElem);
  }
  styleElem.innerHTML = style? `.${cssClass} {${style}}` : '';
};

hindmost

import React from 'react';
import ReactDOM from 'react-dom';
import { createStore } from 'redux';
import { Provider } from 'react-redux';
import storeCreatorFactory from 'reduxed-chrome-storage';
import reducers from './reducers';
import 'semantic-ui-css/semantic.min.css';
import App from './views/Popup/App';

(async () => {