Client state

Client-state.ts

interface PendingAction {
  id: string;
  fn: (draft: any) => void;
  patches: Patch[];
}

export class Client {
  pendingActions: PendingAction[] = [];
  confirmedState!: {
    id: string;
    state: any;
  };
  currentState: any;

  propose(fn: (draft: any) => void) {
    const id = v4();
    let patches!: Patch[];
    this.currentState = produce(this.currentState, fn, p => {
      patches = p;
    });
    this.pendingActions.push({
      id,
      fn,
      patches
    });
    if (this.pendingActions.length === 1) this.distributeFirstChange();
  }
}