@portabletext/editor 1.13.0 → 1.14.1

package/src/editor/behavior/behavior.utils.ts

@@ -1,218 +0,0 @@
-import {
-  isKeySegment,
-  isPortableTextSpan,
-  isPortableTextTextBlock,
-  type KeyedSegment,
-  type PortableTextBlock,
-  type PortableTextObject,
-  type PortableTextSpan,
-  type PortableTextTextBlock,
-} from '@sanity/types'
-import type {BehaviorContext} from './behavior.types'
-
-/**
- * Selection utilities
- */
-
-export function selectionIsCollapsed(context: BehaviorContext) {
-  return (
-    JSON.stringify(context.selection?.anchor.path) ===
-      JSON.stringify(context.selection?.focus.path) &&
-    context.selection?.anchor.offset === context.selection?.focus.offset
-  )
-}
-
-/**
- * Value utilities
- */
-
-export function getFocusBlock(
-  context: BehaviorContext,
-): {node: PortableTextBlock; path: [KeyedSegment]} | undefined {
-  const key = context.selection
-    ? isKeySegment(context.selection.focus.path[0])
-      ? context.selection.focus.path[0]._key
-      : undefined
-    : undefined
-
-  const node = key
-    ? context.value.find((block) => block._key === key)
-    : undefined
-
-  return node && key ? {node, path: [{_key: key}]} : undefined
-}
-
-export function getFocusTextBlock(
-  context: BehaviorContext,
-): {node: PortableTextTextBlock; path: [KeyedSegment]} | undefined {
-  const focusBlock = getFocusBlock(context)
-
-  return focusBlock && isPortableTextTextBlock(focusBlock.node)
-    ? {node: focusBlock.node, path: focusBlock.path}
-    : undefined
-}
-
-export function getFocusBlockObject(
-  context: BehaviorContext,
-): {node: PortableTextObject; path: [KeyedSegment]} | undefined {
-  const focusBlock = getFocusBlock(context)
-
-  return focusBlock && !isPortableTextTextBlock(focusBlock.node)
-    ? {node: focusBlock.node, path: focusBlock.path}
-    : undefined
-}
-
-export function getFocusChild(context: BehaviorContext):
-  | {
-      node: PortableTextObject | PortableTextSpan
-      path: [KeyedSegment, 'children', KeyedSegment]
-    }
-  | undefined {
-  const focusBlock = getFocusTextBlock(context)
-
-  if (!focusBlock) {
-    return undefined
-  }
-
-  const key = context.selection
-    ? isKeySegment(context.selection.focus.path[2])
-      ? context.selection.focus.path[2]._key
-      : undefined
-    : undefined
-
-  const node = key
-    ? focusBlock.node.children.find((span) => span._key === key)
-    : undefined
-
-  return node && key
-    ? {node, path: [...focusBlock.path, 'children', {_key: key}]}
-    : undefined
-}
-
-export function getFocusSpan(
-  context: BehaviorContext,
-):
-  | {node: PortableTextSpan; path: [KeyedSegment, 'children', KeyedSegment]}
-  | undefined {
-  const focusChild = getFocusChild(context)
-
-  return focusChild && isPortableTextSpan(focusChild.node)
-    ? {node: focusChild.node, path: focusChild.path}
-    : undefined
-}
-
-export function getSelectionStartBlock(context: BehaviorContext):
-  | {
-      node: PortableTextBlock
-      path: [KeyedSegment]
-    }
-  | undefined {
-  const key = context.selection.backward
-    ? isKeySegment(context.selection.focus.path[0])
-      ? context.selection.focus.path[0]._key
-      : undefined
-    : isKeySegment(context.selection.anchor.path[0])
-      ? context.selection.anchor.path[0]._key
-      : undefined
-
-  const node = key
-    ? context.value.find((block) => block._key === key)
-    : undefined
-
-  return node && key ? {node, path: [{_key: key}]} : undefined
-}
-
-export function getSelectionEndBlock(context: BehaviorContext):
-  | {
-      node: PortableTextBlock
-      path: [KeyedSegment]
-    }
-  | undefined {
-  const key = context.selection.backward
-    ? isKeySegment(context.selection.anchor.path[0])
-      ? context.selection.anchor.path[0]._key
-      : undefined
-    : isKeySegment(context.selection.focus.path[0])
-      ? context.selection.focus.path[0]._key
-      : undefined
-
-  const node = key
-    ? context.value.find((block) => block._key === key)
-    : undefined
-
-  return node && key ? {node, path: [{_key: key}]} : undefined
-}
-
-export function getPreviousBlock(
-  context: BehaviorContext,
-): {node: PortableTextBlock; path: [KeyedSegment]} | undefined {
-  let previousBlock: {node: PortableTextBlock; path: [KeyedSegment]} | undefined
-  const selectionStartBlock = getSelectionStartBlock(context)
-
-  if (!selectionStartBlock) {
-    return undefined
-  }
-
-  let foundSelectionStartBlock = false
-
-  for (const block of context.value) {
-    if (block._key === selectionStartBlock.node._key) {
-      foundSelectionStartBlock = true
-      break
-    }
-
-    previousBlock = {node: block, path: [{_key: block._key}]}
-  }
-
-  if (foundSelectionStartBlock && previousBlock) {
-    return previousBlock
-  }
-
-  return undefined
-}
-
-export function getNextBlock(
-  context: BehaviorContext,
-): {node: PortableTextBlock; path: [KeyedSegment]} | undefined {
-  let nextBlock: {node: PortableTextBlock; path: [KeyedSegment]} | undefined
-  const selectionEndBlock = getSelectionEndBlock(context)
-
-  if (!selectionEndBlock) {
-    return undefined
-  }
-
-  let foundSelectionEndBlock = false
-
-  for (const block of context.value) {
-    if (block._key === selectionEndBlock.node._key) {
-      foundSelectionEndBlock = true
-      continue
-    }
-
-    if (foundSelectionEndBlock) {
-      nextBlock = {node: block, path: [{_key: block._key}]}
-      break
-    }
-  }
-
-  if (foundSelectionEndBlock && nextBlock) {
-    return nextBlock
-  }
-
-  return undefined
-}
-
-export function isEmptyTextBlock(block: PortableTextBlock) {
-  if (!isPortableTextTextBlock(block)) {
-    return false
-  }
-
-  const onlyText = block.children.every(isPortableTextSpan)
-  const blockText = getTextBlockText(block)
-
-  return onlyText && blockText === ''
-}
-
-export function getTextBlockText(block: PortableTextTextBlock) {
-  return block.children.map((child) => child.text ?? '').join('')
-}

package/src/editor/behavior/behavior.utilts.get-text-before.ts

@@ -1,31 +0,0 @@
-import type {PortableTextBlock} from '@sanity/types'
-import type {EditorSelectionPoint} from '../../types/editor'
-import {getSelectionText} from './behavior.utils.get-selection-text'
-import {getStartPoint} from './behavior.utils.get-start-point'
-import {isKeyedSegment} from './behavior.utils.is-keyed-segment'
-
-export function getBlockTextBefore({
-  value,
-  point,
-}: {
-  value: Array<PortableTextBlock>
-  point: EditorSelectionPoint
-}) {
-  const key = isKeyedSegment(point.path[0]) ? point.path[0]._key : undefined
-
-  const block = key ? value.find((block) => block._key === key) : undefined
-
-  if (!block) {
-    return ''
-  }
-
-  const startPoint = getStartPoint({node: block, path: [{_key: block._key}]})
-
-  return getSelectionText({
-    value,
-    selection: {
-      anchor: startPoint,
-      focus: point,
-    },
-  })
-}

package/src/editor/plugins/createWithPortableTextLists.ts

@@ -1,172 +0,0 @@
-import {Editor, Element, Text, Transforms, type Node} from 'slate'
-import type {
-  PortableTextMemberSchemaTypes,
-  PortableTextSlateEditor,
-} from '../../types/editor'
-import {debugWithName} from '../../utils/debug'
-
-const debug = debugWithName('plugin:withPortableTextLists')
-const MAX_LIST_LEVEL = 10
-
-export function createWithPortableTextLists(
-  types: PortableTextMemberSchemaTypes,
-) {
-  return function withPortableTextLists(
-    editor: PortableTextSlateEditor,
-  ): PortableTextSlateEditor {
-    editor.pteToggleListItem = (listItemStyle: string) => {
-      const isActive = editor.pteHasListStyle(listItemStyle)
-      if (isActive) {
-        debug(`Remove list item '${listItemStyle}'`)
-        editor.pteUnsetListItem(listItemStyle)
-      } else {
-        debug(`Add list item '${listItemStyle}'`)
-        editor.pteSetListItem(listItemStyle)
-      }
-    }
-
-    editor.pteUnsetListItem = (listItemStyle: string) => {
-      if (!editor.selection) {
-        return
-      }
-      const selectedBlocks = [
-        ...Editor.nodes(editor, {
-          at: editor.selection,
-          match: (node) =>
-            Element.isElement(node) && node._type === types.block.name,
-        }),
-      ]
-      selectedBlocks.forEach(([node, path]) => {
-        if (editor.isListBlock(node)) {
-          const {listItem, level, ...rest} = node
-          const newNode = {
-            ...rest,
-            listItem: undefined,
-            level: undefined,
-          } as Partial<Node>
-          debug(`Unsetting list '${listItemStyle}'`)
-          Transforms.setNodes(editor, newNode, {at: path})
-        }
-      })
-    }
-
-    editor.pteSetListItem = (listItemStyle: string) => {
-      if (!editor.selection) {
-        return
-      }
-      const selectedBlocks = [
-        ...Editor.nodes(editor, {
-          at: editor.selection,
-          match: (node) => editor.isTextBlock(node),
-        }),
-      ]
-      selectedBlocks.forEach(([node, path]) => {
-        debug(`Setting list '${listItemStyle}'`)
-        Transforms.setNodes(
-          editor,
-          {
-            ...node,
-            level: 1,
-            listItem: listItemStyle || (types.lists[0] && types.lists[0].value),
-          } as Partial<Node>,
-          {at: path},
-        )
-      })
-    }
-
-    editor.pteEndList = () => {
-      if (!editor.selection) {
-        return false
-      }
-      const selectedBlocks = [
-        ...Editor.nodes(editor, {
-          at: editor.selection,
-          match: (node) =>
-            Element.isElement(node) &&
-            editor.isListBlock(node) &&
-            node.children.length === 1 &&
-            Text.isText(node.children[0]) &&
-            node.children[0].text === '',
-        }),
-      ]
-      if (selectedBlocks.length === 0) {
-        return false
-      }
-      selectedBlocks.forEach(([node, path]) => {
-        if (Element.isElement(node)) {
-          debug('Unset list')
-          Transforms.setNodes(
-            editor,
-            {
-              ...node,
-              level: undefined,
-              listItem: undefined,
-            },
-            {at: path},
-          )
-        }
-      })
-      return true // Note: we are exiting the plugin chain by not returning editor (or hotkey plugin 'enter' will fire)
-    }
-
-    editor.pteIncrementBlockLevels = (reverse?: boolean): boolean => {
-      if (!editor.selection) {
-        return false
-      }
-      const selectedBlocks = [
-        ...Editor.nodes(editor, {
-          at: editor.selection,
-          match: (node) => !!editor.isListBlock(node),
-        }),
-      ]
-      if (selectedBlocks.length === 0) {
-        return false
-      }
-      selectedBlocks.forEach(([node, path]) => {
-        if (editor.isListBlock(node)) {
-          let level = node.level || 1
-          if (reverse) {
-            level--
-            debug(
-              'Decrementing list level',
-              Math.min(MAX_LIST_LEVEL, Math.max(1, level)),
-            )
-          } else {
-            level++
-            debug(
-              'Incrementing list level',
-              Math.min(MAX_LIST_LEVEL, Math.max(1, level)),
-            )
-          }
-          Transforms.setNodes(
-            editor,
-            {level: Math.min(MAX_LIST_LEVEL, Math.max(1, level))},
-            {at: path},
-          )
-        }
-      })
-      return true
-    }
-
-    editor.pteHasListStyle = (listStyle: string): boolean => {
-      if (!editor.selection) {
-        return false
-      }
-      const selectedBlocks = [
-        ...Editor.nodes(editor, {
-          at: editor.selection,
-          match: (node) => editor.isTextBlock(node),
-        }),
-      ]
-
-      if (selectedBlocks.length > 0) {
-        return selectedBlocks.every(
-          ([node]) => editor.isListBlock(node) && node.listItem === listStyle,
-        )
-      }
-      return false
-    }
-
-    return editor
-  }
-}