dva-immer-undo-redo

A plugin of dva to support undo redo based on Immer.

Install

1$ npm install dva-immer-undo-redo --save

Usage

1import createUndoRedo from 'dva-immer-undo-redo';
2
3const app = dva();
4app.use(createUndoRedo(options));

options

• options.namespace: property key on global state, type String, Default timeline
• options.include: namespaces that you want to include in the timeline. Default []
• options.limit: the max times to undo or redo, Default 1024

Undo

1dispatch({ type: 'timeline/undo' });

Redo

1dispatch({ type: 'timeline/redo' });

Clear all undo redo status

1dispatch({ type: 'timeline/clear' });

Replace timeline

1// state of count's model
2{
3    count: 0,
4}
5// add reducer
6add(state) {
7    state.count += 1;
8}
9dispatch({ type: 'count/add' }); // { count: 1 }
10dispatch({ type: 'count/add' }); // { count: 2 }
11dispatch({ type: 'count/add', replace: true }); // { count: 3 }
12dispatch({ type: 'timeline/undo' }); // { count: 1 }
13dispatch({ type: 'timeline/redo' }); // { count: 3 }

Clear timeline

1// state of count's model
2{
3    count: 0,
4}
5// add reducer
6add(state) {
7    state.count += 1;
8}
9dispatch({ type: 'count/add' }); // { count: 1 }
10dispatch({ type: 'count/add' }); // { count: 2 }
11dispatch({ type: 'count/add', clear: true }); // { canRedo: false, canUndo: false }

State Structure

timeline: {
  canRedo: false,
  canUndo: false,
  undoCount: 0,
  redoCount: 0,
}

License

MIT