import * as React from 'react';
import { dispatch, mapField } from 'drrx';
 
export default class App extends React.Component {
  @mapField('global', ['count', 'isAuth', 'name'])
  private store: { count: number; isAuth: boolean; name: string };
  render() {
    console.log(this.store, 'App');
    return (
      <div>
        <p>{this.store.isAuth} isAuth</p>
        <p>{this.store.name} name</p>
        <button onClick={() => dispatch({ type: 'aa/increment' })}>increment</button>
        <button onClick={() => dispatch({ type: 'aa/decrement' })}>decrement</button>
        <button onClick={() => dispatch({ type: 'aa/ping', payload: { a: 'c' } })}>ping</button>
      </div>
    );
  }
}

import { concat } from 'rxjs';
import { mergeMap } from 'rxjs/operators';
export default {
  namespace: 'global',
  state: {
    count: 33,
    isAuth: false,
    name: 'ddot',
  },
  reducers: {
    increment(state, { payload }) {
      state.count += 1;
    },
    decrement(state, { payload }) {
      state.count -= 1;
    },
    reset(state) {
      state.count = 0;
    },
  },
  epics: {
     ping: (action, { of }) => {
      return action.pipe(
        map(a => {
          of({ type: 'aa/rest' });
          return Promise.resolve('1');
        })
      );
    },
  },
};

import * as React from 'react';
import create from 'drrx';
import App from './App';
import appModel from './models/app';
var app = create();
app.model(appModel);
app.router(({ app }) => <App />);
app.start('#root');