@portabletext/editor 1.11.2 → 1.12.0

package/src/editor/plugins/createWithEditableAPI.ts

@@ -26,15 +26,12 @@ import type {
 } from '../../types/editor'
 import {debugWithName} from '../../utils/debug'
 import {toPortableTextRange, toSlateRange} from '../../utils/ranges'
-import {
-  fromSlateValue,
-  isEqualToEmptyEditor,
-  toSlateValue,
-} from '../../utils/values'
+import {fromSlateValue, toSlateValue} from '../../utils/values'
 import {
   KEY_TO_VALUE_ELEMENT,
   SLATE_TO_PORTABLE_TEXT_RANGE,
 } from '../../utils/weakMaps'
+import {insertBlockObjectActionImplementation} from '../behavior/behavior.action.insert-block-object'
 import type {BehaviorActionImplementation} from '../behavior/behavior.actions'
 import type {EditorActor} from '../editor-machine'
 import {isDecoratorActive} from './createWithPortableTextMarkModel'
@@ -206,18 +203,35 @@ export function createEditableAPI(
       type: TSchemaType,
       value?: {[prop: string]: any},
     ): Path => {
-      return insertBlockObjectActionImplementation({
+      insertBlockObjectActionImplementation({
         context: {
           keyGenerator: editorActor.getSnapshot().context.keyGenerator,
           schema: types,
         },
         action: {
           type: 'insert block object',
-          name: type.name,
-          value,
+          blockObject: {
+            name: type.name,
+            value,
+          },
+          placement: 'auto',
           editor,
         },
       })
+
+      editor.onChange()
+
+      return (
+        toPortableTextRange(
+          fromSlateValue(
+            editor.children,
+            types.block.name,
+            KEY_TO_VALUE_ELEMENT.get(editor),
+          ),
+          editor.selection,
+          types,
+        )?.focus.path ?? []
+      )
     },
     hasBlockStyle: (style: string): boolean => {
       try {
@@ -487,85 +501,6 @@ export function createEditableAPI(
   return editableApi
 }
 
-export const insertBlockObjectActionImplementation: BehaviorActionImplementation<
-  'insert block object',
-  Path
-> = ({context, action}) => {
-  const editor = action.editor
-  const types = context.schema
-  const block = toSlateValue(
-    [
-      {
-        _key: context.keyGenerator(),
-        _type: action.name,
-        ...(action.value ? action.value : {}),
-      },
-    ],
-    {schemaTypes: context.schema},
-  )[0] as unknown as Node
-
-  if (!editor.selection) {
-    const lastBlock = Array.from(
-      Editor.nodes(editor, {
-        match: (n) => !Editor.isEditor(n),
-        at: [],
-        reverse: true,
-      }),
-    )[0]
-
-    // If there is no selection, let's just insert the new block at the
-    // end of the document
-    Editor.insertNode(editor, block)
-
-    if (lastBlock && isEqualToEmptyEditor([lastBlock[0]], types)) {
-      // And if the last block was an empty text block, let's remove
-      // that too
-      Transforms.removeNodes(editor, {at: lastBlock[1]})
-    }
-
-    editor.onChange()
-
-    return (
-      toPortableTextRange(
-        fromSlateValue(
-          editor.children,
-          types.block.name,
-          KEY_TO_VALUE_ELEMENT.get(editor),
-        ),
-        editor.selection,
-        types,
-      )?.focus.path ?? []
-    )
-  }
-
-  const focusBlock = Array.from(
-    Editor.nodes(editor, {
-      at: editor.selection.focus.path.slice(0, 1),
-      match: (n) => n._type === types.block.name,
-    }),
-  )[0]
-
-  Editor.insertNode(editor, block)
-
-  if (focusBlock && isEqualToEmptyEditor([focusBlock[0]], types)) {
-    Transforms.removeNodes(editor, {at: focusBlock[1]})
-  }
-
-  editor.onChange()
-
-  return (
-    toPortableTextRange(
-      fromSlateValue(
-        editor.children,
-        types.block.name,
-        KEY_TO_VALUE_ELEMENT.get(editor),
-      ),
-      editor.selection,
-      types,
-    )?.focus.path || []
-  )
-}
-
 function isAnnotationActive({
   editor,
   annotation,

package/src/index.ts

@@ -20,6 +20,7 @@ export {
   type OmitFromUnion,
   type PickFromUnion,
 } from './editor/behavior/behavior.types'
+export type {BlockOffset} from './editor/behavior/behavior.utils.block-offset'
 export type {SlateEditor} from './editor/create-slate-editor'
 export {
   defineSchema,