payload.ts

import { Element, Text } from 'domhandler'
import { config as defaultConfig } from './default'
import { SlateToDomConfig } from '../..'

/**
 * Configuration for Payload CMS
 *
 * Tested for v1.1.21
 */

export const config: SlateToDomConfig = {
  ...defaultConfig,
  elementTransforms: {
    ...defaultConfig.elementTransforms,
    link: ({ node, children = [] }) => {
      const attrs: any = {}
      if (node.linkType) {
        attrs['data-link-type'] = node.linkType
      }
      if (node.newTab) {
        attrs.target = '_blank'
      }
      return new Element(
        'a',
        {
          href: node.url,
          ...attrs,
        },
        children,
      )
    },
    upload: ({ node, children = [] }) => {
      const attrs: any = {}
      if (node.value?.mimeType && node.value?.url) {
        if (node.value?.mimeType.match(/^image/)) {
          return new Element(
            'img',
            {
              src: node.value?.url,
            },
          )
        } else {
          return new Element(
            'a',
            {
              href: node.value?.url,
            },
            [new Text(node.value?.filename)]
          )
        }
      }
    },
  },
  defaultTag: 'p',
}