@portabletext/editor 2.3.8 → 2.4.0

package/lib/index.js

@@ -12,7 +12,7 @@ import { getBlockStartPoint, getBlockKeyFromSelectionPoint, isTextBlock, getChil
 import { getBlockEndPoint, isSelectionCollapsed, isEqualSelectionPoints, isEmptyTextBlock } from "./_chunks-es/util.is-selection-collapsed.js";
 import isEqual from "lodash/isEqual.js";
 import { isSelectionCollapsed as isSelectionCollapsed$1, getFocusTextBlock, getFocusSpan as getFocusSpan$1, isSelectionExpanded, getFocusBlock as getFocusBlock$1, getSelectedValue, getSelectionStartPoint as getSelectionStartPoint$1, getFocusChild as getFocusChild$1 } from "./_chunks-es/selector.is-selection-expanded.js";
-import { getFocusInlineObject, getSelectedBlocks, getSelectionStartBlock as getSelectionStartBlock$1, getSelectionEndBlock as getSelectionEndBlock$1, isOverlappingSelection, isSelectingEntireBlocks, getMarkState, getActiveDecorators, getActiveAnnotationsMarks, getTrimmedSelection, getCaretWordSelection, getFocusBlockObject, getPreviousBlock, getNextBlock, isAtTheEndOfBlock, isAtTheStartOfBlock, getFirstBlock as getFirstBlock$1, getLastBlock as getLastBlock$1, getFocusListBlock, getSelectionEndPoint as getSelectionEndPoint$1, isActiveAnnotation, isActiveDecorator, getSelectedTextBlocks, isActiveListItem, isActiveStyle, getActiveAnnotations } from "./_chunks-es/selector.is-selecting-entire-blocks.js";
+import { getFocusInlineObject, getSelectedBlocks, getSelectionStartBlock as getSelectionStartBlock$1, getSelectionEndBlock as getSelectionEndBlock$1, isOverlappingSelection, isSelectingEntireBlocks, getMarkState, getActiveDecorators, getActiveAnnotationsMarks, getTrimmedSelection, getCaretWordSelection, getFocusBlockObject, getPreviousBlock, getNextBlock, isAtTheEndOfBlock, isAtTheStartOfBlock, getFirstBlock as getFirstBlock$1, getLastBlock as getLastBlock$1, getFocusListBlock, getSelectionEndPoint as getSelectionEndPoint$1, isActiveAnnotation, isActiveDecorator, getActiveAnnotations, getSelectedTextBlocks, isActiveListItem, isActiveStyle } from "./_chunks-es/selector.is-selecting-entire-blocks.js";
 import getRandomValues from "get-random-values-esm";
 import { defineBehavior, forward, raise, effect } from "./behaviors/index.js";
 import uniq from "lodash/uniq.js";
@@ -6872,7 +6872,193 @@ const MAX_LIST_LEVEL = 10, clearListOnBackspace = defineBehavior({
     type: "delete",
     at: selection
   })]]
-})], abstractInsertBehaviors = [defineBehavior({
+})], abstractDeserializeBehaviors = [
+  defineBehavior({
+    on: "deserialize",
+    guard: ({
+      event
+    }) => {
+      const portableText = event.originEvent.originEvent.dataTransfer.getData("application/x-portable-text");
+      if (portableText)
+        return {
+          type: "deserialize.data",
+          mimeType: "application/x-portable-text",
+          data: portableText,
+          originEvent: event.originEvent
+        };
+      const json = event.originEvent.originEvent.dataTransfer.getData("application/json");
+      if (json)
+        return {
+          type: "deserialize.data",
+          mimeType: "application/json",
+          data: json,
+          originEvent: event.originEvent
+        };
+      const html = event.originEvent.originEvent.dataTransfer.getData("text/html");
+      if (html)
+        return {
+          type: "deserialize.data",
+          mimeType: "text/html",
+          data: html,
+          originEvent: event.originEvent
+        };
+      const text = event.originEvent.originEvent.dataTransfer.getData("text/plain");
+      return text ? {
+        type: "deserialize.data",
+        mimeType: "text/plain",
+        data: text,
+        originEvent: event.originEvent
+      } : !1;
+    },
+    actions: [(_, deserializeEvent) => [raise(deserializeEvent)]]
+  }),
+  defineBehavior({
+    on: "deserialize",
+    actions: [({
+      event
+    }) => [raise({
+      type: "deserialization.failure",
+      mimeType: "*/*",
+      reason: "No Behavior was able to handle the incoming data",
+      originEvent: event.originEvent
+    })]]
+  }),
+  defineBehavior({
+    on: "deserialize.data",
+    guard: ({
+      snapshot,
+      event
+    }) => {
+      const converter = snapshot.context.converters.find((converter2) => converter2.mimeType === event.mimeType);
+      return converter ? converter.deserialize({
+        snapshot,
+        event: {
+          type: "deserialize",
+          data: event.data
+        }
+      }) : !1;
+    },
+    actions: [({
+      event
+    }, deserializeEvent) => [raise({
+      ...deserializeEvent,
+      originEvent: event.originEvent
+    })]]
+  }),
+  /**
+   * If we are pasting text/plain into a text block then we can probably
+   * assume that the intended behavior is that the pasted text inherits
+   * formatting from the text it's pasted into.
+   */
+  defineBehavior({
+    on: "deserialization.success",
+    guard: ({
+      snapshot,
+      event
+    }) => {
+      if (getFocusTextBlock(snapshot) && event.mimeType === "text/plain" && event.originEvent.type === "clipboard.paste") {
+        const activeDecorators = getActiveDecorators(snapshot);
+        return {
+          activeAnnotations: getActiveAnnotations(snapshot),
+          activeDecorators,
+          textRuns: event.data.flatMap((block) => isTextBlock(snapshot.context, block) ? [getTextBlockText(block)] : [])
+        };
+      }
+      return !1;
+    },
+    actions: [(_, {
+      activeAnnotations,
+      activeDecorators,
+      textRuns
+    }) => textRuns.flatMap((textRun, index) => index !== textRuns.length - 1 ? [raise({
+      type: "insert.span",
+      text: textRun,
+      decorators: activeDecorators,
+      annotations: activeAnnotations.map(({
+        _key,
+        _type,
+        ...value
+      }) => ({
+        name: _type,
+        value
+      }))
+    }), raise({
+      type: "insert.break"
+    })] : [raise({
+      type: "insert.span",
+      text: textRun,
+      decorators: activeDecorators,
+      annotations: activeAnnotations.map(({
+        _key,
+        _type,
+        ...value
+      }) => ({
+        name: _type,
+        value
+      }))
+    })])]
+  }),
+  defineBehavior({
+    on: "deserialization.success",
+    actions: [({
+      event
+    }) => [raise({
+      type: "insert.blocks",
+      blocks: event.data,
+      placement: "auto"
+    })]]
+  }),
+  defineBehavior({
+    on: "deserialization.failure",
+    guard: ({
+      event
+    }) => {
+      if (event.mimeType === "application/x-portable-text") {
+        const json = event.originEvent.originEvent.dataTransfer.getData("application/json");
+        if (json)
+          return {
+            type: "deserialize.data",
+            mimeType: "application/json",
+            data: json,
+            originEvent: event.originEvent
+          };
+      }
+      if (event.mimeType === "application/json") {
+        const html = event.originEvent.originEvent.dataTransfer.getData("text/html");
+        if (html)
+          return {
+            type: "deserialize.data",
+            mimeType: "text/html",
+            data: html,
+            originEvent: event.originEvent
+          };
+      }
+      if (event.mimeType === "text/html") {
+        const text = event.originEvent.originEvent.dataTransfer.getData("text/plain");
+        if (text)
+          return {
+            type: "deserialize.data",
+            mimeType: "text/plain",
+            data: text,
+            originEvent: event.originEvent
+          };
+      }
+      return !1;
+    },
+    actions: [(_, deserializeDataEvent) => [raise(deserializeDataEvent)]]
+  }),
+  defineBehavior({
+    on: "deserialization.failure",
+    actions: [({
+      event
+    }) => [{
+      type: "effect",
+      effect: () => {
+        console.warn(`Deserialization of ${event.mimeType} failed with reason "${event.reason}"`);
+      }
+    }]]
+  })
+], abstractInsertBehaviors = [defineBehavior({
   on: "insert.blocks",
   guard: ({
     event
@@ -7214,6 +7400,68 @@ const MAX_LIST_LEVEL = 10, clearListOnBackspace = defineBehavior({
     type: "select",
     at: selection
   })]]
+})], abstractSerializeBehaviors = [defineBehavior({
+  on: "serialize",
+  actions: [({
+    event
+  }) => [raise({
+    type: "serialize.data",
+    mimeType: "application/x-portable-text",
+    originEvent: event.originEvent
+  }), raise({
+    type: "serialize.data",
+    mimeType: "application/json",
+    originEvent: event.originEvent
+  }), raise({
+    type: "serialize.data",
+    mimeType: "text/html",
+    originEvent: event.originEvent
+  }), raise({
+    type: "serialize.data",
+    mimeType: "text/plain",
+    originEvent: event.originEvent
+  })]]
+}), defineBehavior({
+  on: "serialize.data",
+  guard: ({
+    snapshot,
+    event
+  }) => {
+    const converter = snapshot.context.converters.find((converter2) => converter2.mimeType === event.mimeType);
+    return converter ? converter.serialize({
+      snapshot,
+      event: {
+        type: "serialize",
+        originEvent: event.originEvent.type
+      }
+    }) : !1;
+  },
+  actions: [({
+    event
+  }, serializeEvent) => [raise({
+    ...serializeEvent,
+    originEvent: event.originEvent
+  })]]
+}), defineBehavior({
+  on: "serialization.success",
+  actions: [({
+    event
+  }) => [{
+    type: "effect",
+    effect: () => {
+      event.originEvent.originEvent.dataTransfer.setData(event.mimeType, event.data);
+    }
+  }]]
+}), defineBehavior({
+  on: "serialization.failure",
+  actions: [({
+    event
+  }) => [{
+    type: "effect",
+    effect: () => {
+      console.warn(`Serialization of ${event.mimeType} failed with reason "${event.reason}"`);
+    }
+  }]]
 })], abstractSplitBehaviors = [
   /**
    * You can't split an inline object.
@@ -7435,274 +7683,97 @@ const MAX_LIST_LEVEL = 10, clearListOnBackspace = defineBehavior({
     type: "style.add",
     style: event.style
   })]]
-})], raiseDeserializationSuccessOrFailure = defineBehavior({
-  on: "deserialize",
+})], abstractBehaviors = [defineBehavior({
+  on: "clipboard.copy",
   guard: ({
-    snapshot,
-    event
+    snapshot
   }) => {
-    let success;
-    const failures = [];
-    for (const converter of snapshot.context.converters) {
-      const data = event.originEvent.originEvent.dataTransfer.getData(converter.mimeType);
-      if (!data)
-        continue;
-      const deserializeEvent = converter.deserialize({
-        snapshot,
-        event: {
-          type: "deserialize",
-          data
-        }
-      });
-      if (deserializeEvent.type === "deserialization.success") {
-        success = deserializeEvent;
-        break;
-      } else
-        failures.push(deserializeEvent);
-    }
-    return success || {
-      type: "deserialization.failure",
-      mimeType: "*/*",
-      reason: failures.map((failure) => failure.reason).join(", ")
-    };
+    const focusSpan = getFocusSpan$1(snapshot), selectionCollapsed = isSelectionCollapsed$1(snapshot);
+    return focusSpan && selectionCollapsed;
   },
+  actions: []
+}), defineBehavior({
+  on: "clipboard.copy",
   actions: [({
     event
-  }, deserializeEvent) => [raise({
-    ...deserializeEvent,
-    originEvent: event.originEvent
+  }) => [raise({
+    type: "serialize",
+    originEvent: event
   })]]
-}), raiseSerializationSuccessOrFailure = defineBehavior({
-  on: "serialize",
+}), defineBehavior({
+  on: "clipboard.cut",
   guard: ({
-    snapshot,
-    event
+    snapshot
   }) => {
-    if (snapshot.context.converters.length === 0)
-      return !1;
-    const serializeEvents = snapshot.context.converters.map((converter) => converter.serialize({
-      snapshot,
-      event: {
-        ...event,
-        originEvent: event.originEvent.type
-      }
-    }));
-    return serializeEvents.length === 0 ? !1 : serializeEvents;
+    const focusSpan = getFocusSpan$1(snapshot), selectionCollapsed = isSelectionCollapsed$1(snapshot);
+    return focusSpan && selectionCollapsed;
   },
+  actions: []
+}), defineBehavior({
+  on: "clipboard.cut",
+  guard: ({
+    snapshot
+  }) => snapshot.context.selection ? {
+    selection: snapshot.context.selection
+  } : !1,
   actions: [({
     event
-  }, serializeEvents) => serializeEvents.map((serializeEvent) => raise({
-    ...serializeEvent,
-    originEvent: event.originEvent
-  }))]
-}), abstractBehaviors = [
-  defineBehavior({
-    on: "clipboard.copy",
-    guard: ({
-      snapshot
-    }) => {
-      const focusSpan = getFocusSpan$1(snapshot), selectionCollapsed = isSelectionCollapsed$1(snapshot);
-      return focusSpan && selectionCollapsed;
-    },
-    actions: []
-  }),
-  defineBehavior({
-    on: "clipboard.copy",
-    actions: [({
-      event
-    }) => [raise({
-      type: "serialize",
-      originEvent: event
-    })]]
-  }),
-  defineBehavior({
-    on: "clipboard.cut",
-    guard: ({
-      snapshot
-    }) => {
-      const focusSpan = getFocusSpan$1(snapshot), selectionCollapsed = isSelectionCollapsed$1(snapshot);
-      return focusSpan && selectionCollapsed;
-    },
-    actions: []
-  }),
-  defineBehavior({
-    on: "clipboard.cut",
-    guard: ({
-      snapshot
-    }) => snapshot.context.selection ? {
-      selection: snapshot.context.selection
-    } : !1,
-    actions: [({
-      event
-    }, {
-      selection
-    }) => [raise({
-      type: "serialize",
-      originEvent: event
-    }), raise({
-      type: "delete",
-      at: selection
-    })]]
-  }),
-  defineBehavior({
-    on: "drag.dragstart",
-    actions: [({
-      event
-    }) => [raise({
-      type: "serialize",
-      originEvent: event
-    })]]
-  }),
-  defineBehavior({
-    on: "serialization.success",
-    actions: [({
-      event
-    }) => [{
-      type: "effect",
-      effect: () => {
-        event.originEvent.originEvent.dataTransfer.setData(event.mimeType, event.data);
-      }
-    }]]
-  }),
-  defineBehavior({
-    on: "serialization.failure",
-    actions: [({
-      event
-    }) => [{
-      type: "effect",
-      effect: () => {
-        console.warn(`Serialization of ${event.mimeType} failed with reason "${event.reason}"`);
-      }
-    }]]
-  }),
-  /**
-   * If we are pasting text/plain into a text block then we can probably
-   * assume that the intended behavior is that the pasted text inherits
-   * formatting from the text it's pasted into.
-   */
-  defineBehavior({
-    on: "deserialization.success",
-    guard: ({
-      snapshot,
-      event
-    }) => {
-      if (getFocusTextBlock(snapshot) && event.mimeType === "text/plain" && event.originEvent.type === "clipboard.paste") {
-        const activeDecorators = getActiveDecorators(snapshot);
-        return {
-          activeAnnotations: getActiveAnnotations(snapshot),
-          activeDecorators,
-          textRuns: event.data.flatMap((block) => isTextBlock(snapshot.context, block) ? [getTextBlockText(block)] : [])
-        };
-      }
-      return !1;
-    },
-    actions: [(_, {
-      activeAnnotations,
-      activeDecorators,
-      textRuns
-    }) => textRuns.flatMap((textRun, index) => index !== textRuns.length - 1 ? [raise({
-      type: "insert.span",
-      text: textRun,
-      decorators: activeDecorators,
-      annotations: activeAnnotations.map(({
-        _key,
-        _type,
-        ...value
-      }) => ({
-        name: _type,
-        value
-      }))
-    }), raise({
-      type: "insert.break"
-    })] : [raise({
-      type: "insert.span",
-      text: textRun,
-      decorators: activeDecorators,
-      annotations: activeAnnotations.map(({
-        _key,
-        _type,
-        ...value
-      }) => ({
-        name: _type,
-        value
-      }))
-    })])]
-  }),
-  defineBehavior({
-    on: "deserialization.success",
-    actions: [({
-      event
-    }) => [raise({
-      type: "insert.blocks",
-      blocks: event.data,
-      placement: "auto"
-    })]]
-  }),
-  defineBehavior({
-    on: "deserialization.failure",
-    actions: [({
-      event
-    }) => [{
-      type: "effect",
-      effect: () => {
-        console.warn(`Deserialization of ${event.mimeType} failed with reason "${event.reason}"`);
-      }
-    }]]
-  }),
-  defineBehavior({
-    on: "clipboard.paste",
-    guard: ({
-      snapshot
-    }) => snapshot.context.selection && isSelectionExpanded(snapshot) ? {
-      selection: snapshot.context.selection
-    } : !1,
-    actions: [({
-      event
-    }, {
-      selection
-    }) => [raise({
-      type: "delete",
-      at: selection
-    }), raise({
-      type: "deserialize",
-      originEvent: event
-    })]]
-  }),
-  defineBehavior({
-    on: "clipboard.paste",
-    actions: [({
-      event
-    }) => [raise({
-      type: "deserialize",
-      originEvent: event
-    })]]
-  }),
-  defineBehavior({
-    on: "input.*",
-    actions: [({
-      event
-    }) => [raise({
-      type: "deserialize",
-      originEvent: event
-    })]]
-  }),
-  ...abstractAnnotationBehaviors,
-  ...abstractDecoratorBehaviors,
-  ...abstractDeleteBehaviors,
-  ...abstractInsertBehaviors,
-  ...abstractKeyboardBehaviors,
-  ...abstractListItemBehaviors,
-  ...abstractMoveBehaviors,
-  ...abstractStyleBehaviors,
-  ...abstractSelectBehaviors,
-  ...abstractSplitBehaviors,
-  raiseDeserializationSuccessOrFailure,
-  raiseSerializationSuccessOrFailure
-];
+  }, {
+    selection
+  }) => [raise({
+    type: "serialize",
+    originEvent: event
+  }), raise({
+    type: "delete",
+    at: selection
+  })]]
+}), defineBehavior({
+  on: "drag.dragstart",
+  actions: [({
+    event
+  }) => [raise({
+    type: "serialize",
+    originEvent: event
+  })]]
+}), defineBehavior({
+  on: "clipboard.paste",
+  guard: ({
+    snapshot
+  }) => snapshot.context.selection && isSelectionExpanded(snapshot) ? {
+    selection: snapshot.context.selection
+  } : !1,
+  actions: [({
+    event
+  }, {
+    selection
+  }) => [raise({
+    type: "delete",
+    at: selection
+  }), raise({
+    type: "deserialize",
+    originEvent: event
+  })]]
+}), defineBehavior({
+  on: "clipboard.paste",
+  actions: [({
+    event
+  }) => [raise({
+    type: "deserialize",
+    originEvent: event
+  })]]
+}), defineBehavior({
+  on: "input.*",
+  actions: [({
+    event
+  }) => [raise({
+    type: "deserialize",
+    originEvent: event
+  })]]
+}), ...abstractAnnotationBehaviors, ...abstractDecoratorBehaviors, ...abstractDeleteBehaviors, ...abstractDeserializeBehaviors, ...abstractInsertBehaviors, ...abstractKeyboardBehaviors, ...abstractListItemBehaviors, ...abstractMoveBehaviors, ...abstractStyleBehaviors, ...abstractSelectBehaviors, ...abstractSerializeBehaviors, ...abstractSplitBehaviors];
 function isSyntheticBehaviorEvent(event) {
   return !isCustomBehaviorEvent(event) && !isNativeBehaviorEvent(event) && !isAbstractBehaviorEvent(event);
 }
-const abstractBehaviorEventTypes = ["annotation.set", "annotation.toggle", "decorator.toggle", "delete.backward", "delete.block", "delete.child", "delete.forward", "delete.text", "deserialize", "deserialization.success", "deserialization.failure", "insert.blocks", "insert.break", "insert.soft break", "list item.add", "list item.remove", "list item.toggle", "move.block down", "move.block up", "select.previous block", "select.next block", "serialize", "serialization.success", "serialization.failure", "split", "style.add", "style.remove", "style.toggle"];
+const abstractBehaviorEventTypes = ["annotation.set", "annotation.toggle", "decorator.toggle", "delete.backward", "delete.block", "delete.child", "delete.forward", "delete.text", "deserialize", "deserialize.data", "deserialization.success", "deserialization.failure", "insert.blocks", "insert.break", "insert.soft break", "list item.add", "list item.remove", "list item.toggle", "move.block down", "move.block up", "select.previous block", "select.next block", "serialize", "serialize.data", "serialization.success", "serialization.failure", "split", "style.add", "style.remove", "style.toggle"];
 function isAbstractBehaviorEvent(event) {
   return abstractBehaviorEventTypes.includes(event.type);
 }
@@ -7785,7 +7856,9 @@ function performEvent({
               for (const action of actions) {
                 if (action.type === "effect") {
                   try {
-                    action.effect();
+                    action.effect({
+                      send: sendBack
+                    });
                   } catch (error) {
                     console.error(new Error(`Executing effect as a result of "${event.type}" failed due to: ${error.message}`));
                   }
@@ -7841,7 +7914,9 @@ function performEvent({
           for (const action of actions) {
             if (action.type === "effect") {
               try {
-                action.effect();
+                action.effect({
+                  send: sendBack
+                });
               } catch (error) {
                 console.error(new Error(`Executing effect as a result of "${event.type}" failed due to: ${error.message}`));
               }
@@ -7867,7 +7942,7 @@ function performEvent({
               performEvent({
                 mode: "raise",
                 behaviors,
-                remainingEventBehaviors: behaviors,
+                remainingEventBehaviors: mode === "execute" ? remainingEventBehaviors : behaviors,
                 event: action.event,
                 editor,
                 keyGenerator,
@@ -8085,7 +8160,17 @@ const debug$7 = debugWithName("editor machine"), editorMachine = setup({
             schema: context.schema
           }),
           nativeEvent: event.nativeEvent,
-          sendBack: (event2) => self.send(event2)
+          sendBack: (eventSentBack) => {
+            if (eventSentBack.type === "set drag ghost") {
+              self.send(eventSentBack);
+              return;
+            }
+            self.send({
+              type: "behavior event",
+              behaviorEvent: eventSentBack,
+              editor: event.editor
+            });
+          }
         });
       } catch (error) {
         console.error(new Error(`Raising "${event.behaviorEvent.type}" failed due to: ${error.message}`));