@portabletext/editor/src/selectors/selector.get-next-block.ts

Portable Text Editor made in React

import type {PortableTextBlock} from '@sanity/types'
import type {EditorSelector} from '../editor/editor-selector'
import type {BlockPath} from '../types/paths'
import {getSelectionEndBlock} from './selector.get-selection-end-block'

/**
 * @public
 */
export const getNextBlock: EditorSelector<
  {node: PortableTextBlock; path: BlockPath} | undefined
> = (snapshot) => {
  const selectionEndBlock = getSelectionEndBlock(snapshot)

  if (!selectionEndBlock) {
    return undefined
  }

  const index = snapshot.blockIndexMap.get(selectionEndBlock.node._key)

  if (index === undefined || index === snapshot.context.value.length - 1) {
    return undefined
  }

  const nextBlock = snapshot.context.value.at(index + 1)

  return nextBlock
    ? {node: nextBlock, path: [{_key: nextBlock._key}]}
    : undefined
}