@portabletext/editor 1.5.1 → 1.5.3

package/lib/index.js

@@ -119,6 +119,148 @@ function getNextBlock(context) {
 function isEmptyTextBlock(block) {
   return block.children.length === 1 && block.children[0].text === "";
 }
+const breakingBlockObject = {
+  on: "insert break",
+  guard: ({
+    context
+  }) => !!getFocusBlockObject(context),
+  actions: [() => [{
+    type: "insert text block",
+    decorators: []
+  }]]
+}, deletingEmptyTextBlockAfterBlockObject = {
+  on: "delete backward",
+  guard: ({
+    context
+  }) => {
+    const focusTextBlock = getFocusTextBlock(context), selectionCollapsed = selectionIsCollapsed(context), previousBlock = getPreviousBlock(context);
+    return !focusTextBlock || !selectionCollapsed || !previousBlock ? !1 : isEmptyTextBlock(focusTextBlock.node) && !types.isPortableTextTextBlock(previousBlock.node) ? {
+      focusTextBlock,
+      previousBlock
+    } : !1;
+  },
+  actions: [(_, {
+    focusTextBlock,
+    previousBlock
+  }) => [{
+    type: "delete",
+    selection: {
+      anchor: {
+        path: focusTextBlock.path,
+        offset: 0
+      },
+      focus: {
+        path: focusTextBlock.path,
+        offset: 0
+      }
+    }
+  }, {
+    type: "select",
+    selection: {
+      anchor: {
+        path: previousBlock.path,
+        offset: 0
+      },
+      focus: {
+        path: previousBlock.path,
+        offset: 0
+      }
+    }
+  }]]
+}, deletingEmptyTextBlockBeforeBlockObject = {
+  on: "delete forward",
+  guard: ({
+    context
+  }) => {
+    const focusTextBlock = getFocusTextBlock(context), selectionCollapsed = selectionIsCollapsed(context), nextBlock = getNextBlock(context);
+    return !focusTextBlock || !selectionCollapsed || !nextBlock ? !1 : isEmptyTextBlock(focusTextBlock.node) && !types.isPortableTextTextBlock(nextBlock.node) ? {
+      focusTextBlock,
+      nextBlock
+    } : !1;
+  },
+  actions: [(_, {
+    focusTextBlock,
+    nextBlock
+  }) => [{
+    type: "delete",
+    selection: {
+      anchor: {
+        path: focusTextBlock.path,
+        offset: 0
+      },
+      focus: {
+        path: focusTextBlock.path,
+        offset: 0
+      }
+    }
+  }, {
+    type: "select",
+    selection: {
+      anchor: {
+        path: nextBlock.path,
+        offset: 0
+      },
+      focus: {
+        path: nextBlock.path,
+        offset: 0
+      }
+    }
+  }]]
+}, coreBlockObjectBehaviors = {
+  breakingBlockObject,
+  deletingEmptyTextBlockAfterBlockObject,
+  deletingEmptyTextBlockBeforeBlockObject
+}, clearListOnBackspace = {
+  on: "delete backward",
+  guard: ({
+    context
+  }) => {
+    const selectionCollapsed = selectionIsCollapsed(context), focusTextBlock = getFocusTextBlock(context), focusSpan = getFocusSpan(context);
+    return !selectionCollapsed || !focusTextBlock || !focusSpan ? !1 : focusTextBlock.node.children[0]._key === focusSpan.node._key && context.selection.focus.offset === 0 && focusTextBlock.node.level === 1 ? {
+      focusTextBlock
+    } : !1;
+  },
+  actions: [(_, {
+    focusTextBlock
+  }) => [{
+    type: "unset block",
+    props: ["listItem", "level"],
+    paths: [focusTextBlock.path]
+  }]]
+}, unindentListOnBackspace = {
+  on: "delete backward",
+  guard: ({
+    context
+  }) => {
+    const selectionCollapsed = selectionIsCollapsed(context), focusTextBlock = getFocusTextBlock(context), focusSpan = getFocusSpan(context);
+    return !selectionCollapsed || !focusTextBlock || !focusSpan ? !1 : focusTextBlock.node.children[0]._key === focusSpan.node._key && context.selection.focus.offset === 0 && focusTextBlock.node.level !== void 0 && focusTextBlock.node.level > 1 ? {
+      focusTextBlock,
+      level: focusTextBlock.node.level - 1
+    } : !1;
+  },
+  actions: [(_, {
+    focusTextBlock,
+    level
+  }) => [{
+    type: "set block",
+    level,
+    paths: [focusTextBlock.path]
+  }]]
+}, coreListBehaviors = {
+  clearListOnBackspace,
+  unindentListOnBackspace
+}, softReturn = {
+  on: "insert soft break",
+  actions: [() => [{
+    type: "insert text",
+    text: `
+`
+  }]]
+}, coreBehaviors = [softReturn, coreBlockObjectBehaviors.breakingBlockObject, coreBlockObjectBehaviors.deletingEmptyTextBlockAfterBlockObject, coreBlockObjectBehaviors.deletingEmptyTextBlockBeforeBlockObject, coreListBehaviors.clearListOnBackspace, coreListBehaviors.unindentListOnBackspace], coreBehavior = {
+  softReturn,
+  blockObjects: coreBlockObjectBehaviors,
+  lists: coreListBehaviors
+};
 function createMarkdownBehaviors(config) {
   const automaticStyleOnSpace = {
     on: "insert text",
@@ -150,6 +292,10 @@ function createMarkdownBehaviors(config) {
       focusSpan,
       style
     }) => [{
+      type: "unset block",
+      props: ["listItem", "level"],
+      paths: [focusTextBlock.path]
+    }, {
       type: "set block",
       style,
       paths: [focusTextBlock.path]
@@ -303,7 +449,9 @@ function defineSchema(definition) {
 function compileSchemaDefinition(definition) {
   const blockObjects = definition?.blockObjects?.map((blockObject) => types.defineType({
     type: "object",
-    name: blockObject.name,
+    // Very naive way to work around `SanitySchema.compile` adding default
+    // fields to objects with the name `image`
+    name: blockObject.name === "image" ? "tmp-image" : blockObject.name,
     title: blockObject.title,
     icon: blockObject.icon,
     fields: []
@@ -350,8 +498,18 @@ function compileSchemaDefinition(definition) {
     }]
   }), schema$1 = schema.Schema.compile({
     types: [portableTextSchema, ...blockObjects, ...inlineObjects]
-  }).get("portable-text");
-  return getPortableTextMemberSchemaTypes(schema$1);
+  }).get("portable-text"), pteSchema = getPortableTextMemberSchemaTypes(schema$1);
+  return {
+    ...pteSchema,
+    blockObjects: pteSchema.blockObjects.map((blockObject) => blockObject.name === "tmp-image" ? {
+      ...blockObject,
+      name: "image",
+      type: {
+        ...blockObject.type,
+        name: "image"
+      }
+    } : blockObject)
+  };
 }
 const rootName = "sanity-pte:";
 debug__default.default(rootName);
@@ -3526,22 +3684,30 @@ function createWithPortableTextMarkModel(editorActor, types2) {
             editor,
             blockPath,
             spanPath: [op.path[0], op.path[1] - 1]
-          }), nextSpanAnnotations = nextSpan ? nextSpan.marks?.filter((mark) => !decorators.includes(mark)) : [], annotationsEnding = previousSpanAnnotations?.filter((annotation) => !nextSpanAnnotations?.includes(annotation)) ?? [];
-          if (annotationsEnding.length > 0 && isPortableTextSpan(op.node) && op.node.marks?.some((mark) => annotationsEnding.includes(mark))) {
+          }), nextSpanAnnotations = nextSpan ? nextSpan.marks?.filter((mark) => !decorators.includes(mark)) : [], annotationsEnding = previousSpanAnnotations?.filter((annotation) => !nextSpanAnnotations?.includes(annotation)) ?? [], atTheEndOfAnnotation = annotationsEnding.length > 0;
+          if (atTheEndOfAnnotation && isPortableTextSpan(op.node) && op.node.marks?.some((mark) => annotationsEnding.includes(mark))) {
             slate.Transforms.insertNodes(editor, {
               ...op.node,
               marks: op.node.marks?.filter((mark) => !annotationsEnding.includes(mark)) ?? []
             });
             return;
           }
-          const annotationsStarting = nextSpanAnnotations?.filter((annotation) => !previousSpanAnnotations?.includes(annotation)) ?? [];
-          if (annotationsStarting.length > 0 && isPortableTextSpan(op.node) && op.node.marks?.some((mark) => annotationsStarting.includes(mark))) {
+          const annotationsStarting = nextSpanAnnotations?.filter((annotation) => !previousSpanAnnotations?.includes(annotation)) ?? [], atTheStartOfAnnotation = annotationsStarting.length > 0;
+          if (atTheStartOfAnnotation && isPortableTextSpan(op.node) && op.node.marks?.some((mark) => annotationsStarting.includes(mark))) {
             slate.Transforms.insertNodes(editor, {
               ...op.node,
               marks: op.node.marks?.filter((mark) => !annotationsStarting.includes(mark)) ?? []
             });
             return;
           }
+          const nextSpanDecorators = nextSpan?.marks?.filter((mark) => decorators.includes(mark)) ?? [];
+          if (nextSpanDecorators.length > 0 && atTheEndOfAnnotation && !atTheStartOfAnnotation && isPortableTextSpan(op.node) && op.node.marks?.length === 0) {
+            slate.Transforms.insertNodes(editor, {
+              ...op.node,
+              marks: nextSpanDecorators
+            });
+            return;
+          }
         }
       }
       if (op.type === "insert_text") {
@@ -5318,137 +5484,7 @@ function performDefaultAction({
       });
   }
 }
-const breakingVoidBlock = {
-  on: "insert break",
-  guard: ({
-    context
-  }) => !!getFocusBlockObject(context),
-  actions: [() => [{
-    type: "insert text block",
-    decorators: []
-  }]]
-}, deletingEmptyTextBlockAfterBlockObject = {
-  on: "delete backward",
-  guard: ({
-    context
-  }) => {
-    const focusTextBlock = getFocusTextBlock(context), selectionCollapsed = selectionIsCollapsed(context), previousBlock = getPreviousBlock(context);
-    return !focusTextBlock || !selectionCollapsed || !previousBlock ? !1 : isEmptyTextBlock(focusTextBlock.node) && !types.isPortableTextTextBlock(previousBlock.node) ? {
-      focusTextBlock,
-      previousBlock
-    } : !1;
-  },
-  actions: [(_, {
-    focusTextBlock,
-    previousBlock
-  }) => [{
-    type: "delete",
-    selection: {
-      anchor: {
-        path: focusTextBlock.path,
-        offset: 0
-      },
-      focus: {
-        path: focusTextBlock.path,
-        offset: 0
-      }
-    }
-  }, {
-    type: "select",
-    selection: {
-      anchor: {
-        path: previousBlock.path,
-        offset: 0
-      },
-      focus: {
-        path: previousBlock.path,
-        offset: 0
-      }
-    }
-  }]]
-}, deletingEmptyTextBlockBeforeBlockObject = {
-  on: "delete forward",
-  guard: ({
-    context
-  }) => {
-    const focusTextBlock = getFocusTextBlock(context), selectionCollapsed = selectionIsCollapsed(context), nextBlock = getNextBlock(context);
-    return !focusTextBlock || !selectionCollapsed || !nextBlock ? !1 : isEmptyTextBlock(focusTextBlock.node) && !types.isPortableTextTextBlock(nextBlock.node) ? {
-      focusTextBlock,
-      nextBlock
-    } : !1;
-  },
-  actions: [(_, {
-    focusTextBlock,
-    nextBlock
-  }) => [{
-    type: "delete",
-    selection: {
-      anchor: {
-        path: focusTextBlock.path,
-        offset: 0
-      },
-      focus: {
-        path: focusTextBlock.path,
-        offset: 0
-      }
-    }
-  }, {
-    type: "select",
-    selection: {
-      anchor: {
-        path: nextBlock.path,
-        offset: 0
-      },
-      focus: {
-        path: nextBlock.path,
-        offset: 0
-      }
-    }
-  }]]
-}, coreBlockObjectBehaviors = [breakingVoidBlock, deletingEmptyTextBlockAfterBlockObject, deletingEmptyTextBlockBeforeBlockObject], clearListOnBackspace = {
-  on: "delete backward",
-  guard: ({
-    context
-  }) => {
-    const selectionCollapsed = selectionIsCollapsed(context), focusTextBlock = getFocusTextBlock(context), focusSpan = getFocusSpan(context);
-    return !selectionCollapsed || !focusTextBlock || !focusSpan ? !1 : focusTextBlock.node.children[0]._key === focusSpan.node._key && context.selection.focus.offset === 0 && focusTextBlock.node.level === 1 ? {
-      focusTextBlock
-    } : !1;
-  },
-  actions: [(_, {
-    focusTextBlock
-  }) => [{
-    type: "unset block",
-    props: ["listItem", "level"],
-    paths: [focusTextBlock.path]
-  }]]
-}, unindentListOnBackspace = {
-  on: "delete backward",
-  guard: ({
-    context
-  }) => {
-    const selectionCollapsed = selectionIsCollapsed(context), focusTextBlock = getFocusTextBlock(context), focusSpan = getFocusSpan(context);
-    return !selectionCollapsed || !focusTextBlock || !focusSpan ? !1 : focusTextBlock.node.children[0]._key === focusSpan.node._key && context.selection.focus.offset === 0 && focusTextBlock.node.level !== void 0 && focusTextBlock.node.level > 1 ? {
-      focusTextBlock,
-      level: focusTextBlock.node.level - 1
-    } : !1;
-  },
-  actions: [(_, {
-    focusTextBlock,
-    level
-  }) => [{
-    type: "set block",
-    level,
-    paths: [focusTextBlock.path]
-  }]]
-}, coreListBehaviors = [clearListOnBackspace, unindentListOnBackspace], softReturn = {
-  on: "insert soft break",
-  actions: [() => [{
-    type: "insert text",
-    text: `
-`
-  }]]
-}, coreBehaviors = [softReturn, ...coreBlockObjectBehaviors, ...coreListBehaviors], networkLogic = xstate.fromCallback(({
+const networkLogic = xstate.fromCallback(({
   sendBack
 }) => {
   const onlineHandler = () => {
@@ -5474,7 +5510,7 @@ const breakingVoidBlock = {
     "assign behaviors": xstate.assign({
       behaviors: ({
         event
-      }) => (xstate.assertEvent(event, "update behaviors"), [...coreBehaviors, ...event.behaviors])
+      }) => (xstate.assertEvent(event, "update behaviors"), event.behaviors)
     }),
     "assign schema": xstate.assign({
       schema: ({
@@ -5568,7 +5604,7 @@ const breakingVoidBlock = {
   context: ({
     input
   }) => ({
-    behaviors: input.behaviors ? [...coreBehaviors, ...input.behaviors] : coreBehaviors,
+    behaviors: input.behaviors ?? coreBehaviors,
     keyGenerator: input.keyGenerator,
     pendingEvents: [],
     schema: input.schema
@@ -6267,6 +6303,8 @@ function useEditor(config) {
 }
 exports.PortableTextEditable = PortableTextEditable;
 exports.PortableTextEditor = PortableTextEditor;
+exports.coreBehavior = coreBehavior;
+exports.coreBehaviors = coreBehaviors;
 exports.createMarkdownBehaviors = createMarkdownBehaviors;
 exports.defineBehavior = defineBehavior;
 exports.defineSchema = defineSchema;