8 examples of 'chrome web store react developer tools' in JavaScript

14
function getStoreAndDevTools(props) {
15
    const {observable, hydrate, serialize, enhancers, children} = props;
16
    for (let i = 0; i < devtoolRegistry.length; i++) {
17
        let registration = devtoolRegistry[i];
18
        // one observable can only have 1 devtool enabled
19
        if (registration.observable == observable) {
20
            return registration.result;
21
        }
22
    }
23
    const ReduxDevTools = createDevTools(
24
        
25
                     {children}
26
        
27
    );
28
    const enhancer = compose.apply(this, [ReduxDevTools.instrument()].concat(enhancers))
29
    const store = createStore(function (state={}, action) {
30
        if (action.type != ActionTypes.MOBX_UPDATE) return state;
31
        return action.state
32
    }, serialize(observable), enhancer);
33
    reaction(() => serialize(observable), state => {
34
        if (observable.$mobx.fromJS) {
35
            observable.$mobx.fromJS = false;
36
            return;
37
        }
38
        store.dispatch({type: ActionTypes.MOBX_UPDATE, state})
39
    });
40
    const result = [store, ReduxDevTools];
41
    devtoolRegistry.push({result, observable});
42
    return result
43
};

109
export function bootstrapApp(store: any) {
110
  if (isFirefoxPanel()) {
111
    renderPanel(App, store);
112
  } else {
113
    const { renderRoot } = require("devtools-launchpad");
114
    renderRoot(React, ReactDOM, App, store);
115
  }
116
}

6
export default function configureBrowserStore (history = browserHistory, initialState = getInitialState()) {
7
  const store = configureStore(history, initialState)
8
  const syncedHistory = syncHistoryWithStore(browserHistory, store)
9
  saveStore(store, syncedHistory)
10
  return [store, syncedHistory]
11
}

7
export default function Store() {
8
  // t and r for left index finger
9
  // no accidental cmd+q => quit!
10
  console.log(`# Redux Dev Tools Loaded #
11
    - Show/Hide   the dock with "ctrl-t"
12
    - Re-position the dock with "ctrl-r"
13
  `);
14
15
16
  const store = createStore(
17
    rootReducer,
18
    compose(
19
      applyMiddleware(thunk, createLogger()),
20
      DevTools.instrument()
21
    )
22
  )
23
24
  return store
25
}

7
module.exports = function unistoreDevTools(store) {
8
  var extension = window.devToolsExtension || window.top.devToolsExtension
9
  var ignoreState = false
10
11
  if (!extension) {
12
    console.warn('Please install/enable Redux devtools extension')
13
    store.devtools = null
14
15
    return store
16
  }
17
18
  if (!store.devtools) {
19
    store.devtools = extension.connect()
20
    store.devtools.subscribe(function(message) {
21
      if (message.type === 'DISPATCH' && message.state) {
22
        ignoreState =
23
          message.payload.type === 'JUMP_TO_ACTION' || message.payload.type === 'JUMP_TO_STATE'
24
        store.setState(JSON.parse(message.state), true)
25
      }
26
    })
27
    store.devtools.init(store.getState())
28
    store.subscribe(function(state, action) {
29
      var actionName = (action && action.name) || 'setState'
30
31
      if (!ignoreState) {
32
        store.devtools.send(actionName, state)
33
      } else {
34
        ignoreState = false
35
      }
36
    })
37
  }
38
39
  return store
40
}

35
createStore(state = {}) {
36
  this.state = state;
37
  this.store = createStore(
38
    combineReducers({
39
      app: this._createReducer.bind(this),
40
    }),
41
    this.devtool(),
42
  );
43
  Object.defineProperty(this.domex, 'getState', {
44
    configurable: false,
45
    value: () => this.store.getState(),
46
  });
47
  return this.store;
48
}

27
function Chrome(props,context){_classCallCheck(this,Chrome);var _this=_possibleConstructorReturn(this,(Chrome.__proto__||Object.getPrototypeOf(Chrome)).call(this,
28
props,context));_this.
29
30
31
32
33
34
35
_handle_onTouchTap_NavigationToggle=function(){
36
_this._handle_RequestChangeNavDrawer(!_this.state.navDrawerIsOpen);
37
};_this.
38
39
_handle_RequestChangeNavDrawer=function(open){
40
_this.setState({navDrawerIsOpen:open});
41
};_this.
42
43
_handle_onChangeList_AppNavDrawer=function(event,value){
44
_this.context.router.push(value);
45
_this.setState({navDrawerIsOpen:false});
46
};_this.state={navDrawerIsOpen:false};return _this;}_createClass(Chrome,[{key:'getStyles',value:function getStyles()

228
value: function changeChrome(props, change) {
229
      var entity = props.entity,
230
          onChange = props.onChange;
231
232
      var chrome = entity.chrome || {};
233
234
      onChange(_extends({}, entity, {
235
        chrome: _extends({}, chrome, change)
236
      }));
237
    }