@portabletext/editor 1.0.18 → 1.1.0

package/src/editor/plugins/createWithPatches.ts

@@ -1,9 +1,9 @@
 /* eslint-disable max-nested-callbacks */
-import {insert, type Patch, setIfMissing, unset} from '@portabletext/patches'
+import {insert, setIfMissing, unset, type Patch} from '@portabletext/patches'
 import {type Subject} from 'rxjs'
 import {
-  type Descendant,
   Editor,
+  type Descendant,
   type InsertNodeOperation,
   type InsertTextOperation,
   type MergeNodeOperation,
@@ -14,7 +14,6 @@ import {
   type SetNodeOperation,
   type SplitNodeOperation,
 } from 'slate'
-
 import {
   type EditorChange,
   type PatchObservable,
@@ -24,9 +23,16 @@ import {
 import {createApplyPatch} from '../../utils/applyPatch'
 import {debugWithName} from '../../utils/debug'
 import {fromSlateValue, isEqualToEmptyEditor} from '../../utils/values'
-import {IS_PROCESSING_REMOTE_CHANGES, KEY_TO_VALUE_ELEMENT} from '../../utils/weakMaps'
+import {
+  IS_PROCESSING_REMOTE_CHANGES,
+  KEY_TO_VALUE_ELEMENT,
+} from '../../utils/weakMaps'
 import {withRemoteChanges} from '../../utils/withChanges'
-import {isPatching, PATCHING, withoutPatching} from '../../utils/withoutPatching'
+import {
+  isPatching,
+  PATCHING,
+  withoutPatching,
+} from '../../utils/withoutPatching'
 import {withoutSaving} from './createWithUndoRedo'
 
 const debug = debugWithName('plugin:withPatches')
@@ -117,7 +123,8 @@ export function createWithPatches({
           withoutPatching(editor, () => {
             withoutSaving(editor, () => {
               patches.forEach((patch) => {
-                if (debug.enabled) debug(`Handling remote patch ${JSON.stringify(patch)}`)
+                if (debug.enabled)
+                  debug(`Handling remote patch ${JSON.stringify(patch)}`)
                 changed = applyPatch(editor, patch)
               })
             })
@@ -169,12 +176,19 @@ export function createWithPatches({
 
       if (!isPatching(editor)) {
         if (debugVerbose && debug.enabled)
-          debug(`Editor is not producing patch for operation ${operation.type}`, operation)
+          debug(
+            `Editor is not producing patch for operation ${operation.type}`,
+            operation,
+          )
         return editor
       }
 
       // If the editor was empty and now isn't, insert the placeholder into it.
-      if (editorWasEmpty && !editorIsEmpty && operation.type !== 'set_selection') {
+      if (
+        editorWasEmpty &&
+        !editorIsEmpty &&
+        operation.type !== 'set_selection'
+      ) {
         patches.push(insert(previousChildren, 'before', [0]))
       }
 
@@ -182,31 +196,51 @@ export function createWithPatches({
         case 'insert_text':
           patches = [
             ...patches,
-            ...patchFunctions.insertTextPatch(editor, operation, previousChildren),
+            ...patchFunctions.insertTextPatch(
+              editor,
+              operation,
+              previousChildren,
+            ),
           ]
           break
         case 'remove_text':
           patches = [
             ...patches,
-            ...patchFunctions.removeTextPatch(editor, operation, previousChildren),
+            ...patchFunctions.removeTextPatch(
+              editor,
+              operation,
+              previousChildren,
+            ),
           ]
           break
         case 'remove_node':
           patches = [
             ...patches,
-            ...patchFunctions.removeNodePatch(editor, operation, previousChildren),
+            ...patchFunctions.removeNodePatch(
+              editor,
+              operation,
+              previousChildren,
+            ),
           ]
           break
         case 'split_node':
           patches = [
             ...patches,
-            ...patchFunctions.splitNodePatch(editor, operation, previousChildren),
+            ...patchFunctions.splitNodePatch(
+              editor,
+              operation,
+              previousChildren,
+            ),
           ]
           break
         case 'insert_node':
           patches = [
             ...patches,
-            ...patchFunctions.insertNodePatch(editor, operation, previousChildren),
+            ...patchFunctions.insertNodePatch(
+              editor,
+              operation,
+              previousChildren,
+            ),
           ]
           break
         case 'set_node':
@@ -218,13 +252,21 @@ export function createWithPatches({
         case 'merge_node':
           patches = [
             ...patches,
-            ...patchFunctions.mergeNodePatch(editor, operation, previousChildren),
+            ...patchFunctions.mergeNodePatch(
+              editor,
+              operation,
+              previousChildren,
+            ),
           ]
           break
         case 'move_node':
           patches = [
             ...patches,
-            ...patchFunctions.moveNodePatch(editor, operation, previousChildren),
+            ...patchFunctions.moveNodePatch(
+              editor,
+              operation,
+              previousChildren,
+            ),
           ]
           break
         case 'set_selection':
@@ -236,7 +278,9 @@ export function createWithPatches({
       if (
         !editorWasEmpty &&
         editorIsEmpty &&
-        ['merge_node', 'set_node', 'remove_text', 'remove_node'].includes(operation.type)
+        ['merge_node', 'set_node', 'remove_text', 'remove_node'].includes(
+          operation.type,
+        )
       ) {
         patches = [...patches, unset([])]
         change$.next({

package/src/editor/plugins/createWithPlaceholderBlock.ts

@@ -1,5 +1,4 @@
 import {Editor, Path} from 'slate'
-
 import {type PortableTextSlateEditor} from '../../types/editor'
 import {type SlateTextBlock, type VoidElement} from '../../types/slate'
 import {debugWithName} from '../../utils/debug'
@@ -15,7 +14,9 @@ const debug = debugWithName('plugin:withPlaceholderBlock')
 export function createWithPlaceholderBlock(): (
   editor: PortableTextSlateEditor,
 ) => PortableTextSlateEditor {
-  return function withPlaceholderBlock(editor: PortableTextSlateEditor): PortableTextSlateEditor {
+  return function withPlaceholderBlock(
+    editor: PortableTextSlateEditor,
+  ): PortableTextSlateEditor {
     const {apply} = editor
 
     editor.apply = (op) => {
@@ -45,7 +46,10 @@ export function createWithPlaceholderBlock(): (
           // Is removing the first block which is a void (not a text block), add a new empty text block in it, if there is no other element in the next path
           if (!editor.children[nextPath[0]]) {
             debug('Adding placeholder block')
-            Editor.insertNode(editor, editor.pteCreateEmptyBlock())
+            Editor.insertNode(
+              editor,
+              editor.pteCreateTextBlock({decorators: []}),
+            )
           }
         }
       }

package/src/editor/plugins/createWithPortableTextBlockStyle.ts

@@ -1,6 +1,8 @@
-import {Editor, type Node, Path, Text as SlateText, Transforms} from 'slate'
-
-import {type PortableTextMemberSchemaTypes, type PortableTextSlateEditor} from '../../types/editor'
+import {Editor, Path, Text as SlateText, Transforms, type Node} from 'slate'
+import {
+  type PortableTextMemberSchemaTypes,
+  type PortableTextSlateEditor,
+} from '../../types/editor'
 import {debugWithName} from '../../utils/debug'
 
 const debug = debugWithName('plugin:withPortableTextBlockStyle')
@@ -30,7 +32,11 @@ export function createWithPortableTextBlockStyle(
           const [child] = Editor.node(editor, [op.path[0] + 1, 0])
           if (SlateText.isText(child) && child.text === '') {
             debug(`Normalizing split node to ${defaultStyle} style`, op)
-            Transforms.setNodes(editor, {style: defaultStyle}, {at: [op.path[0] + 1], voids: false})
+            Transforms.setNodes(
+              editor,
+              {style: defaultStyle},
+              {at: [op.path[0] + 1], voids: false},
+            )
             break
           }
         }
@@ -65,9 +71,13 @@ export function createWithPortableTextBlockStyle(
       selectedBlocks.forEach(([node, path]) => {
         if (editor.isTextBlock(node) && node.style === blockStyle) {
           debug(`Unsetting block style '${blockStyle}'`)
-          Transforms.setNodes(editor, {...node, style: defaultStyle} as Partial<Node>, {
-            at: path,
-          })
+          Transforms.setNodes(
+            editor,
+            {...node, style: defaultStyle} as Partial<Node>,
+            {
+              at: path,
+            },
+          )
         } else {
           if (blockStyle) {
             debug(`Setting style '${blockStyle}'`)

package/src/editor/plugins/createWithPortableTextLists.ts

@@ -1,13 +1,19 @@
-import {Editor, Element, type Node, Text, Transforms} from 'slate'
-
-import {type PortableTextMemberSchemaTypes, type PortableTextSlateEditor} from '../../types/editor'
+import {Editor, Element, Text, Transforms, type Node} from 'slate'
+import {
+  type PortableTextMemberSchemaTypes,
+  type 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 {
+export function createWithPortableTextLists(
+  types: PortableTextMemberSchemaTypes,
+) {
+  return function withPortableTextLists(
+    editor: PortableTextSlateEditor,
+  ): PortableTextSlateEditor {
     editor.pteToggleListItem = (listItemStyle: string) => {
       const isActive = editor.pteHasListStyle(listItemStyle)
       if (isActive) {
@@ -26,7 +32,8 @@ export function createWithPortableTextLists(types: PortableTextMemberSchemaTypes
       const selectedBlocks = [
         ...Editor.nodes(editor, {
           at: editor.selection,
-          match: (node) => Element.isElement(node) && node._type === types.block.name,
+          match: (node) =>
+            Element.isElement(node) && node._type === types.block.name,
         }),
       ]
       selectedBlocks.forEach(([node, path]) => {
@@ -121,10 +128,16 @@ export function createWithPortableTextLists(types: PortableTextMemberSchemaTypes
           let level = node.level || 1
           if (reverse) {
             level--
-            debug('Decrementing list level', Math.min(MAX_LIST_LEVEL, Math.max(1, 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)))
+            debug(
+              'Incrementing list level',
+              Math.min(MAX_LIST_LEVEL, Math.max(1, level)),
+            )
           }
           Transforms.setNodes(
             editor,