createRedcerEx.ts

// action.types.ts

export enum EditorTypes {
  SET_BLOCK_TEXT = 'SET_BLOCK_TEXT',
  SET_BLOCK_TYPE = 'SET_BLOCK_TYPE',
  SET_CURRENT_BLOCK = 'SET_CURRENT_BLOCK',

  ADD_BLOCK = 'ADD_BLOCK',

  DELETE_BLOCK = 'DELETE_BLOCK',
}

// actions.ts

export interface SetBlockTextPayload {
  text: string;
}

const { SET_BLOCK_TEXT, ADD_BLOCK } = EditorTypes;

// const setText = createStandardAction(SET_TEXT)<SetTextPayload>();
// export type SetText = getType(setText);

export const editorActions = {
  setText: createStandardAction(SET_BLOCK_TEXT)<SetBlockTextPayload>(),
  addBlock: createStandardAction(ADD_BLOCK)(),
};

export type editorReducerAction = ActionType<typeof editorActions>;

// reducer.ts

const initialState: EditorModel = {
  blocks: [
    {
      id: 0,
      type: 'span',
      text: '',
    },
  ],
};

const editorReducer = createReducer<EditorModel, editorReducerAction>(
  initialState,
  {
    SET_BLOCK_TEXT: (state, action) => produce(state, draft => {}),
  },
);