@portabletext/editor/src/internal-utils/slate-children-to-blocks.ts

Portable Text Editor made in React

import type {PortableTextBlock} from '@sanity/types'
import type {Descendant} from 'slate'
import type {EditorSchema} from '../editor/editor-schema'

export function slateChildrenToBlocks(
  schema: EditorSchema,
  value: Array<Descendant>,
): Array<PortableTextBlock> {
  const blocks: Array<PortableTextBlock> = new Array(value.length)

  for (let blockIndex = 0; blockIndex < value.length; blockIndex++) {
    const descendant = value[blockIndex]

    if (descendant._type !== schema.block.name) {
      blocks[blockIndex] = {
        _key: descendant._key,
        _type: descendant._type,
        ...('value' in descendant && typeof descendant.value === 'object'
          ? descendant.value
          : {}),
      }
      continue
    }

    const children = 'children' in descendant ? descendant.children : []
    const processedChildren = new Array(children.length)

    for (let childIndex = 0; childIndex < children.length; childIndex++) {
      const child = children[childIndex]
      processedChildren[childIndex] =
        child._type === schema.span.name
          ? child
          : {
              _key: child._key,
              _type: child._type,
              ...('value' in child && typeof child.value === 'object'
                ? child.value
                : {}),
            }
    }

    blocks[blockIndex] = {
      ...descendant,
      children: processedChildren,
    }
  }

  return blocks
}