@portabletext/editor 3.3.2 → 3.3.4

package/src/editor/plugins/slate-plugin.update-selection.ts

@@ -1,51 +0,0 @@
-import {slateRangeToSelection} from '../../internal-utils/slate-utils'
-import type {PortableTextSlateEditor} from '../../types/slate-editor'
-import type {EditorActor} from '../editor-machine'
-import {SLATE_TO_PORTABLE_TEXT_RANGE} from '../weakMaps'
-
-export function pluginUpdateSelection({
-  editor,
-  editorActor,
-}: {
-  editor: PortableTextSlateEditor
-  editorActor: EditorActor
-}) {
-  const updateSelection = () => {
-    if (editor.selection) {
-      const existingSelection = SLATE_TO_PORTABLE_TEXT_RANGE.get(
-        editor.selection,
-      )
-
-      if (existingSelection) {
-        editorActor.send({
-          type: 'update selection',
-          selection: existingSelection,
-        })
-      } else {
-        const selection = slateRangeToSelection({
-          schema: editorActor.getSnapshot().context.schema,
-          editor,
-          range: editor.selection,
-        })
-
-        SLATE_TO_PORTABLE_TEXT_RANGE.set(editor.selection, selection)
-
-        editorActor.send({type: 'update selection', selection})
-      }
-    } else {
-      editorActor.send({type: 'update selection', selection: null})
-    }
-  }
-
-  const {onChange} = editor
-
-  editor.onChange = () => {
-    onChange()
-
-    if (!editorActor.getSnapshot().matches({setup: 'setting up'})) {
-      updateSelection()
-    }
-  }
-
-  return editor
-}

package/src/editor/plugins/slate-plugin.update-value.ts

@@ -1,46 +0,0 @@
-import {applyOperationToPortableText} from '../../internal-utils/apply-operation-to-portable-text'
-import {buildIndexMaps} from '../../internal-utils/build-index-maps'
-import type {PortableTextSlateEditor} from '../../types/slate-editor'
-import type {EditorContext} from '../editor-snapshot'
-
-export function pluginUpdateValue(
-  context: Pick<EditorContext, 'keyGenerator' | 'schema'>,
-  editor: PortableTextSlateEditor,
-) {
-  const {apply} = editor
-
-  editor.apply = (operation) => {
-    if (operation.type === 'set_selection') {
-      apply(operation)
-      return
-    }
-
-    editor.value = applyOperationToPortableText(
-      context,
-      editor.value,
-      operation,
-    )
-
-    if (operation.type === 'insert_text' || operation.type === 'remove_text') {
-      // Inserting and removing text has no effect on index maps so there is
-      // no need to rebuild those.
-      apply(operation)
-      return
-    }
-
-    buildIndexMaps(
-      {
-        schema: context.schema,
-        value: editor.value,
-      },
-      {
-        blockIndexMap: editor.blockIndexMap,
-        listIndexMap: editor.listIndexMap,
-      },
-    )
-
-    apply(operation)
-  }
-
-  return editor
-}

package/src/editor/plugins/with-plugins.ts

@@ -1,69 +0,0 @@
-import type {BaseOperation, Editor, Node, NodeEntry} from 'slate'
-import {pluginHistory} from '../../history/slate-plugin.history'
-import type {PortableTextSlateEditor} from '../../types/slate-editor'
-import type {EditorActor} from '../editor-machine'
-import type {RelayActor} from '../relay-machine'
-import {createWithEventListeners} from './create-with-event-listeners'
-import {createWithObjectKeys} from './createWithObjectKeys'
-import {createWithPatches} from './createWithPatches'
-import {createWithPortableTextMarkModel} from './createWithPortableTextMarkModel'
-import {createWithSchemaTypes} from './createWithSchemaTypes'
-import {pluginUpdateSelection} from './slate-plugin.update-selection'
-import {pluginUpdateValue} from './slate-plugin.update-value'
-
-export interface OriginalEditorFunctions {
-  apply: (operation: BaseOperation) => void
-  onChange: () => void
-  normalizeNode: (entry: NodeEntry<Node>) => void
-}
-
-type PluginsOptions = {
-  editorActor: EditorActor
-  relayActor: RelayActor
-  subscriptions: Array<() => () => void>
-}
-
-export const withPlugins = <T extends Editor>(
-  editor: T,
-  options: PluginsOptions,
-): PortableTextSlateEditor => {
-  const e = editor as T & PortableTextSlateEditor
-  const {editorActor, relayActor} = options
-  const withObjectKeys = createWithObjectKeys(editorActor)
-  const withSchemaTypes = createWithSchemaTypes({
-    editorActor,
-  })
-  const withPatches = createWithPatches({
-    editorActor,
-    relayActor,
-    subscriptions: options.subscriptions,
-  })
-  const withUndoRedo = pluginHistory({
-    editorActor,
-    subscriptions: options.subscriptions,
-  })
-  const withPortableTextMarkModel = createWithPortableTextMarkModel(editorActor)
-
-  const withEventListeners = createWithEventListeners(editorActor)
-
-  // Ordering is important here, selection dealing last, data manipulation in the middle and core model stuff first.
-  return withEventListeners(
-    withSchemaTypes(
-      withObjectKeys(
-        withPortableTextMarkModel(
-          withUndoRedo(
-            withPatches(
-              pluginUpdateValue(
-                editorActor.getSnapshot().context,
-                pluginUpdateSelection({
-                  editorActor,
-                  editor: e,
-                }),
-              ),
-            ),
-          ),
-        ),
-      ),
-    ),
-  )
-}

package/src/editor/range-decorations-machine.ts

@@ -1,421 +0,0 @@
-import {isEqual} from 'lodash'
-import {
-  Element,
-  Path,
-  Range,
-  type BaseRange,
-  type NodeEntry,
-  type Operation,
-} from 'slate'
-import {
-  and,
-  assign,
-  fromCallback,
-  setup,
-  type AnyEventObject,
-  type CallbackLogicFunction,
-} from 'xstate'
-import {moveRangeByOperation} from '../internal-utils/move-range-by-operation'
-import {slateRangeToSelection} from '../internal-utils/slate-utils'
-import {toSlateRange} from '../internal-utils/to-slate-range'
-import type {RangeDecoration} from '../types/editor'
-import type {PortableTextSlateEditor} from '../types/slate-editor'
-import {isEmptyTextBlock} from '../utils'
-import type {EditorSchema} from './editor-schema'
-
-const slateOperationCallback: CallbackLogicFunction<
-  AnyEventObject,
-  {type: 'slate operation'; operation: Operation},
-  {slateEditor: PortableTextSlateEditor}
-> = ({input, sendBack}) => {
-  const originalApply = input.slateEditor.apply
-
-  input.slateEditor.apply = (op) => {
-    if (op.type !== 'set_selection') {
-      sendBack({type: 'slate operation', operation: op})
-    }
-
-    originalApply(op)
-  }
-
-  return () => {
-    input.slateEditor.apply = originalApply
-  }
-}
-
-export type DecoratedRange = BaseRange & {rangeDecoration: RangeDecoration}
-
-export const rangeDecorationsMachine = setup({
-  types: {
-    context: {} as {
-      pendingRangeDecorations: Array<RangeDecoration>
-      skipSetup: boolean
-      readOnly: boolean
-      schema: EditorSchema
-      slateEditor: PortableTextSlateEditor
-      decorate: {fn: (nodeEntry: NodeEntry) => Array<BaseRange>}
-    },
-    input: {} as {
-      rangeDecorations: Array<RangeDecoration>
-      readOnly: boolean
-      schema: EditorSchema
-      skipSetup: boolean
-      slateEditor: PortableTextSlateEditor
-    },
-    events: {} as
-      | {
-          type: 'ready'
-        }
-      | {
-          type: 'range decorations updated'
-          rangeDecorations: Array<RangeDecoration>
-        }
-      | {
-          type: 'slate operation'
-          operation: Operation
-        }
-      | {
-          type: 'update read only'
-          readOnly: boolean
-        },
-  },
-  actions: {
-    'update pending range decorations': assign({
-      pendingRangeDecorations: ({context, event}) => {
-        if (event.type !== 'range decorations updated') {
-          return context.pendingRangeDecorations
-        }
-
-        return event.rangeDecorations
-      },
-    }),
-    'set up initial range decorations': ({context}) => {
-      const rangeDecorationState: Array<DecoratedRange> = []
-
-      for (const rangeDecoration of context.pendingRangeDecorations) {
-        const slateRange = toSlateRange({
-          context: {
-            schema: context.schema,
-            value: context.slateEditor.value,
-            selection: rangeDecoration.selection,
-          },
-          blockIndexMap: context.slateEditor.blockIndexMap,
-        })
-
-        if (!Range.isRange(slateRange)) {
-          rangeDecoration.onMoved?.({
-            newSelection: null,
-            rangeDecoration,
-            origin: 'local',
-          })
-          continue
-        }
-
-        rangeDecorationState.push({
-          rangeDecoration,
-          ...slateRange,
-        })
-      }
-
-      context.slateEditor.decoratedRanges = rangeDecorationState
-    },
-    'update range decorations': ({context, event}) => {
-      if (event.type !== 'range decorations updated') {
-        return
-      }
-
-      const rangeDecorationState: Array<DecoratedRange> = []
-
-      for (const rangeDecoration of event.rangeDecorations) {
-        const slateRange = toSlateRange({
-          context: {
-            schema: context.schema,
-            value: context.slateEditor.value,
-            selection: rangeDecoration.selection,
-          },
-          blockIndexMap: context.slateEditor.blockIndexMap,
-        })
-
-        if (!Range.isRange(slateRange)) {
-          rangeDecoration.onMoved?.({
-            newSelection: null,
-            rangeDecoration,
-            origin: 'local',
-          })
-          continue
-        }
-
-        rangeDecorationState.push({
-          rangeDecoration,
-          ...slateRange,
-        })
-      }
-
-      context.slateEditor.decoratedRanges = rangeDecorationState
-    },
-
-    'move range decorations': ({context, event}) => {
-      if (event.type !== 'slate operation') {
-        return
-      }
-
-      const rangeDecorationState: Array<DecoratedRange> = []
-
-      for (const decoratedRange of context.slateEditor.decoratedRanges) {
-        const slateRange = toSlateRange({
-          context: {
-            schema: context.schema,
-            value: context.slateEditor.value,
-            selection: decoratedRange.rangeDecoration.selection,
-          },
-          blockIndexMap: context.slateEditor.blockIndexMap,
-        })
-
-        if (!Range.isRange(slateRange)) {
-          decoratedRange.rangeDecoration.onMoved?.({
-            newSelection: null,
-            rangeDecoration: decoratedRange.rangeDecoration,
-            origin: 'local',
-          })
-          continue
-        }
-
-        let newRange: BaseRange | null | undefined
-
-        newRange = moveRangeByOperation(slateRange, event.operation)
-        if (
-          (newRange && newRange !== slateRange) ||
-          (newRange === null && slateRange)
-        ) {
-          const newRangeSelection = newRange
-            ? slateRangeToSelection({
-                schema: context.schema,
-                editor: context.slateEditor,
-                range: newRange,
-              })
-            : null
-
-          decoratedRange.rangeDecoration.onMoved?.({
-            newSelection: newRangeSelection,
-            rangeDecoration: decoratedRange.rangeDecoration,
-            origin: 'local',
-          })
-        }
-
-        // If the newRange is null, it means that the range is not valid anymore and should be removed
-        // If it's undefined, it means that the slateRange is still valid and should be kept
-        if (newRange !== null) {
-          rangeDecorationState.push({
-            ...(newRange || slateRange),
-            rangeDecoration: {
-              ...decoratedRange.rangeDecoration,
-              selection: slateRangeToSelection({
-                schema: context.schema,
-                editor: context.slateEditor,
-                range: newRange,
-              }),
-            },
-          })
-        }
-      }
-
-      context.slateEditor.decoratedRanges = rangeDecorationState
-    },
-    'assign readOnly': assign({
-      readOnly: ({context, event}) => {
-        if (event.type !== 'update read only') {
-          return context.readOnly
-        }
-
-        return event.readOnly
-      },
-    }),
-    'update decorate': assign({
-      decorate: ({context}) => {
-        return {
-          fn: createDecorate(context.schema, context.slateEditor),
-        }
-      },
-    }),
-  },
-  actors: {
-    'slate operation listener': fromCallback(slateOperationCallback),
-  },
-  guards: {
-    'has pending range decorations': ({context}) =>
-      context.pendingRangeDecorations.length > 0,
-    'has range decorations': ({context}) =>
-      context.slateEditor.decoratedRanges.length > 0,
-    'has different decorations': ({context, event}) => {
-      if (event.type !== 'range decorations updated') {
-        return false
-      }
-
-      const existingRangeDecorations = context.slateEditor.decoratedRanges.map(
-        (decoratedRange) => ({
-          anchor: decoratedRange.rangeDecoration.selection?.anchor,
-          focus: decoratedRange.rangeDecoration.selection?.focus,
-          payload: decoratedRange.rangeDecoration.payload,
-        }),
-      )
-
-      const newRangeDecorations = event.rangeDecorations.map(
-        (rangeDecoration) => ({
-          anchor: rangeDecoration.selection?.anchor,
-          focus: rangeDecoration.selection?.focus,
-          payload: rangeDecoration.payload,
-        }),
-      )
-
-      const different = !isEqual(existingRangeDecorations, newRangeDecorations)
-
-      return different
-    },
-    'not read only': ({context}) => !context.readOnly,
-    'should skip setup': ({context}) => context.skipSetup,
-  },
-}).createMachine({
-  id: 'range decorations',
-  context: ({input}) => ({
-    readOnly: input.readOnly,
-    pendingRangeDecorations: input.rangeDecorations,
-    decoratedRanges: [],
-    skipSetup: input.skipSetup,
-    schema: input.schema,
-    slateEditor: input.slateEditor,
-    decorate: {
-      fn: createDecorate(input.schema, input.slateEditor),
-    },
-  }),
-  invoke: {
-    src: 'slate operation listener',
-    input: ({context}) => ({slateEditor: context.slateEditor}),
-  },
-  on: {
-    'update read only': {
-      actions: ['assign readOnly'],
-    },
-  },
-  initial: 'setting up',
-  states: {
-    'setting up': {
-      always: [
-        {
-          guard: and(['should skip setup', 'has pending range decorations']),
-          target: 'ready',
-          actions: ['set up initial range decorations', 'update decorate'],
-        },
-        {
-          guard: 'should skip setup',
-          target: 'ready',
-        },
-      ],
-      on: {
-        'range decorations updated': {
-          actions: ['update pending range decorations'],
-        },
-        'ready': [
-          {
-            target: 'ready',
-            guard: 'has pending range decorations',
-            actions: ['set up initial range decorations', 'update decorate'],
-          },
-          {
-            target: 'ready',
-          },
-        ],
-      },
-    },
-    'ready': {
-      initial: 'idle',
-      on: {
-        'range decorations updated': {
-          target: '.idle',
-          guard: 'has different decorations',
-          actions: ['update range decorations', 'update decorate'],
-        },
-      },
-      states: {
-        'idle': {
-          on: {
-            'slate operation': {
-              target: 'moving range decorations',
-              guard: and(['has range decorations', 'not read only']),
-            },
-          },
-        },
-        'moving range decorations': {
-          entry: ['move range decorations'],
-          always: {
-            target: 'idle',
-          },
-        },
-      },
-    },
-  },
-})
-
-function createDecorate(
-  schema: EditorSchema,
-  slateEditor: PortableTextSlateEditor,
-) {
-  return function decorate([node, path]: NodeEntry): Array<BaseRange> {
-    const defaultStyle = schema.styles.at(0)?.name
-    const editorOnlyContainsEmptyParagraph =
-      slateEditor.value.length === 1 &&
-      isEmptyTextBlock({schema}, slateEditor.value[0]) &&
-      (!slateEditor.value[0].style ||
-        slateEditor.value[0].style === defaultStyle) &&
-      !slateEditor.value[0].listItem
-
-    if (editorOnlyContainsEmptyParagraph) {
-      return [
-        {
-          anchor: {
-            path: [0, 0],
-            offset: 0,
-          },
-          focus: {
-            path: [0, 0],
-            offset: 0,
-          },
-          placeholder: true,
-        } as BaseRange,
-      ]
-    }
-
-    // Editor node has a path length of 0 (should never be decorated)
-    if (path.length === 0) {
-      return []
-    }
-
-    if (!Element.isElement(node) || node.children.length === 0) {
-      return []
-    }
-
-    const blockIndex = path.at(0)
-
-    if (blockIndex === undefined) {
-      return []
-    }
-
-    return slateEditor.decoratedRanges.filter((decoratedRange) => {
-      // Special case in order to only return one decoration for collapsed ranges
-      if (Range.isCollapsed(decoratedRange)) {
-        // Collapsed ranges should only be decorated if they are on a block child level (length 2)
-        return node.children.some(
-          (_, childIndex) =>
-            Path.equals(decoratedRange.anchor.path, [blockIndex, childIndex]) &&
-            Path.equals(decoratedRange.focus.path, [blockIndex, childIndex]),
-        )
-      }
-
-      return (
-        Range.intersection(decoratedRange, {
-          anchor: {path, offset: 0},
-          focus: {path, offset: 0},
-        }) || Range.includes(decoratedRange, path)
-      )
-    })
-  }
-}

package/src/editor/relay-actor-context.ts

@@ -1,4 +0,0 @@
-import {createContext} from 'react'
-import type {RelayActor} from './relay-machine'
-
-export const RelayActorContext = createContext<RelayActor>({} as RelayActor)