@portabletext/editor 1.48.8 → 1.48.10

package/lib/_chunks-cjs/editor-provider.cjs

@@ -1,5 +1,5 @@
 "use strict";
-var jsxRuntime = require("react/jsx-runtime"), react = require("@xstate/react"), React = require("react"), slateReact = require("slate-react"), reactCompilerRuntime = require("react-compiler-runtime"), debug$f = require("debug"), isEqual = require("lodash/isEqual.js"), slate = require("slate"), xstate = require("xstate"), patches = require("@portabletext/patches"), flatten = require("lodash/flatten.js"), isPlainObject = require("lodash/isPlainObject.js"), uniq = require("lodash/uniq.js"), util_sliceBlocks = require("./util.slice-blocks.cjs"), getRandomValues = require("get-random-values-esm"), blockTools = require("@portabletext/block-tools"), toHtml = require("@portabletext/to-html"), schema = require("@sanity/schema"), get = require("lodash/get.js"), isUndefined = require("lodash/isUndefined.js"), omitBy = require("lodash/omitBy.js"), selector_isOverlappingSelection = require("./selector.is-overlapping-selection.cjs"), omit = require("lodash/omit.js"), util_selectionPointToBlockOffset = require("./util.selection-point-to-block-offset.cjs"), selector_isSelectingEntireBlocks = require("./selector.is-selecting-entire-blocks.cjs"), slateDom = require("slate-dom"), startCase = require("lodash.startcase"), behavior_core = require("./behavior.core.cjs"), util_getSelectionStartPoint = require("./util.get-selection-start-point.cjs"), rxjs = require("rxjs"), useEffectEvent = require("use-effect-event");
+var jsxRuntime = require("react/jsx-runtime"), react = require("@xstate/react"), React = require("react"), slateReact = require("slate-react"), reactCompilerRuntime = require("react-compiler-runtime"), debug$f = require("debug"), isEqual = require("lodash/isEqual.js"), slate = require("slate"), xstate = require("xstate"), patches = require("@portabletext/patches"), flatten = require("lodash/flatten.js"), isPlainObject = require("lodash/isPlainObject.js"), uniq = require("lodash/uniq.js"), util_sliceBlocks = require("./util.slice-blocks.cjs"), getRandomValues = require("get-random-values-esm"), blockTools = require("@portabletext/block-tools"), toHtml = require("@portabletext/to-html"), schema = require("@sanity/schema"), get = require("lodash/get.js"), isUndefined = require("lodash/isUndefined.js"), omitBy = require("lodash/omitBy.js"), types = require("@sanity/types"), omit = require("lodash/omit.js"), util_selectionPointToBlockOffset = require("./util.selection-point-to-block-offset.cjs"), selector_isSelectingEntireBlocks = require("./selector.is-selecting-entire-blocks.cjs"), slateDom = require("slate-dom"), startCase = require("lodash.startcase"), behavior_core = require("./behavior.core.cjs"), selector_isOverlappingSelection = require("./selector.is-overlapping-selection.cjs"), util_getSelectionStartPoint = require("./util.get-selection-start-point.cjs"), rxjs = require("rxjs"), useEffectEvent = require("use-effect-event");
 function _interopDefaultCompat(e) {
   return e && typeof e == "object" && "default" in e ? e : { default: e };
 }
@@ -279,9 +279,9 @@ const IS_PROCESSING_REMOTE_CHANGES = /* @__PURE__ */ new WeakMap(), KEY_TO_SLATE
     }
   }
 });
-function validateValue(value, types, keyGenerator) {
+function validateValue(value, types2, keyGenerator) {
   let resolution = null, valid = !0;
-  const validChildTypes = [types.span.name, ...types.inlineObjects.map((t) => t.name)], validBlockTypes = [types.block.name, ...types.blockObjects.map((t) => t.name)];
+  const validChildTypes = [types2.span.name, ...types2.inlineObjects.map((t) => t.name)], validBlockTypes = [types2.block.name, ...types2.blockObjects.map((t) => t.name)];
   return value === void 0 ? {
     valid: !0,
     resolution: null,
@@ -333,7 +333,7 @@ function validateValue(value, types, keyGenerator) {
       }, !0;
     if (!blk._type || !validBlockTypes.includes(blk._type)) {
       if (blk._type === "block") {
-        const currentBlockTypeName = types.block.name;
+        const currentBlockTypeName = types2.block.name;
         return resolution = {
           patches: [patches.set({
             ...blk,
@@ -355,26 +355,26 @@ function validateValue(value, types, keyGenerator) {
         }, !0;
       }
       return !blk._type && util_sliceBlocks.isTextBlock({
-        schema: types
+        schema: types2
       }, {
         ...blk,
-        _type: types.block.name
+        _type: types2.block.name
       }) ? (resolution = {
         patches: [patches.set({
           ...blk,
-          _type: types.block.name
+          _type: types2.block.name
         }, [{
           _key: blk._key
         }])],
-        description: `Block with _key '${blk._key}' is missing a type name. According to the schema, the block type name is '${types.block.name}'`,
-        action: `Use type '${types.block.name}'`,
+        description: `Block with _key '${blk._key}' is missing a type name. According to the schema, the block type name is '${types2.block.name}'`,
+        action: `Use type '${types2.block.name}'`,
         item: blk,
         i18n: {
           description: "inputs.portable-text.invalid-value.missing-block-type.description",
           action: "inputs.portable-text.invalid-value.missing-block-type.action",
           values: {
             key: blk._key,
-            expectedTypeName: types.block.name
+            expectedTypeName: types2.block.name
           }
         }
       }, !0) : blk._type ? (resolution = {
@@ -408,7 +408,7 @@ function validateValue(value, types, keyGenerator) {
         }
       }, !0);
     }
-    if (blk._type === types.block.name) {
+    if (blk._type === types2.block.name) {
       const textBlock = blk;
       if (textBlock.children && !Array.isArray(textBlock.children))
         return resolution = {
@@ -430,7 +430,7 @@ function validateValue(value, types, keyGenerator) {
         }, !0;
       if (textBlock.children === void 0 || Array.isArray(textBlock.children) && textBlock.children.length === 0) {
         const newSpan = {
-          _type: types.span.name,
+          _type: types2.span.name,
           _key: keyGenerator(),
           text: "",
           marks: []
@@ -454,7 +454,7 @@ function validateValue(value, types, keyGenerator) {
           }
         }, !0;
       }
-      const allUsedMarks = uniq__default.default(flatten__default.default(textBlock.children.filter((cld) => cld._type === types.span.name).map((cld) => cld.marks || [])));
+      const allUsedMarks = uniq__default.default(flatten__default.default(textBlock.children.filter((cld) => cld._type === types2.span.name).map((cld) => cld.marks || [])));
       if (Array.isArray(blk.markDefs) && blk.markDefs.length > 0) {
         const unusedMarkDefs = uniq__default.default(blk.markDefs.map((def) => def._key).filter((key) => !allUsedMarks.includes(key)));
         if (unusedMarkDefs.length > 0)
@@ -478,9 +478,9 @@ function validateValue(value, types, keyGenerator) {
             }
           }, !0;
       }
-      const orphanedMarks = allUsedMarks.filter((mark) => !types.decorators.map((dec) => dec.name).includes(mark)).filter((mark) => textBlock.markDefs === void 0 || !textBlock.markDefs.find((def) => def._key === mark));
+      const orphanedMarks = allUsedMarks.filter((mark) => !types2.decorators.map((dec) => dec.name).includes(mark)).filter((mark) => textBlock.markDefs === void 0 || !textBlock.markDefs.find((def) => def._key === mark));
       if (orphanedMarks.length > 0) {
-        const spanChildren = textBlock.children.filter((cld) => cld._type === types.span.name && Array.isArray(cld.marks) && cld.marks.some((mark) => orphanedMarks.includes(mark)));
+        const spanChildren = textBlock.children.filter((cld) => cld._type === types2.span.name && Array.isArray(cld.marks) && cld.marks.some((mark) => orphanedMarks.includes(mark)));
         if (spanChildren) {
           const orphaned = orphanedMarks.join(", ");
           return resolution = {
@@ -545,7 +545,7 @@ function validateValue(value, types, keyGenerator) {
             }
           }, !0;
         }
-        return child._type ? validChildTypes.includes(child._type) ? child._type === types.span.name && typeof child.text != "string" ? (resolution = {
+        return child._type ? validChildTypes.includes(child._type) ? child._type === types2.span.name && typeof child.text != "string" ? (resolution = {
           patches: [patches.set({
             ...child,
             text: ""
@@ -1626,8 +1626,11 @@ const debug$d = debugWithName("sync machine"), syncValueCallback = ({
         event
       }) => (xstate.assertEvent(event, "done syncing"), event.value)
     }),
-    "emit done syncing initial value": xstate.emit({
-      type: "done syncing initial value"
+    "emit done syncing value": xstate.emit({
+      type: "done syncing value"
+    }),
+    "emit syncing value": xstate.emit({
+      type: "syncing value"
     })
   },
   guards: {
@@ -1703,7 +1706,7 @@ const debug$d = debugWithName("sync machine"), syncValueCallback = ({
           }
         },
         "done syncing initial value": {
-          entry: ["emit done syncing initial value", () => {
+          entry: ["emit done syncing value", () => {
             debug$d("entry: done syncing initial value");
           }],
           exit: [() => {
@@ -1762,10 +1765,10 @@ const debug$d = debugWithName("sync machine"), syncValueCallback = ({
         syncing: {
           entry: [() => {
             debug$d("entry: syncing->syncing");
-          }],
+          }, "emit syncing value"],
           exit: [() => {
             debug$d("exit: syncing->syncing");
-          }],
+          }, "emit done syncing value"],
           always: {
             guard: "pending value equals previous value",
             target: "idle",
@@ -3241,7 +3244,7 @@ function toSlatePath(path, editor) {
     return [];
   const [block, blockPath] = Array.from(slate.Editor.nodes(editor, {
     at: [],
-    match: (n) => selector_isOverlappingSelection.isKeySegment(path[0]) && n._key === path[0]._key
+    match: (n) => types.isKeySegment(path[0]) && n._key === path[0]._key
   }))[0] || [void 0, void 0];
   if (!block || !slate.Element.isElement(block))
     return [];
@@ -5163,7 +5166,7 @@ function legacySchemaToEditorSchema(schema2) {
   };
 }
 function compileSchemaDefinitionToLegacySchema(definition) {
-  const blockObjects = definition?.blockObjects?.map((blockObject) => selector_isOverlappingSelection.defineType({
+  const blockObjects = definition?.blockObjects?.map((blockObject) => types.defineType({
     type: "object",
     // Very naive way to work around `SanitySchema.compile` adding default
     // fields to objects with certain names.
@@ -5176,7 +5179,7 @@ function compileSchemaDefinitionToLegacySchema(definition) {
       name: field.name,
       type: field.type
     })) ?? []
-  })) ?? [], inlineObjects = definition?.inlineObjects?.map((inlineObject) => selector_isOverlappingSelection.defineType({
+  })) ?? [], inlineObjects = definition?.inlineObjects?.map((inlineObject) => types.defineType({
     type: "object",
     // Very naive way to work around `SanitySchema.compile` adding default
     // fields to objects with certain names.
@@ -5189,7 +5192,7 @@ function compileSchemaDefinitionToLegacySchema(definition) {
       name: field.name,
       type: field.type
     })) ?? []
-  })) ?? [], portableTextSchema = selector_isOverlappingSelection.defineField({
+  })) ?? [], portableTextSchema = types.defineField({
     type: "array",
     name: "portable-text",
     of: [...blockObjects.map((blockObject) => ({
@@ -5321,7 +5324,7 @@ function getEditorSnapshot({
 }
 const debug$3 = debugWithName("API:editable");
 function createEditableAPI(editor, editorActor) {
-  const types = editorActor.getSnapshot().context.schema;
+  const types2 = editorActor.getSnapshot().context.schema;
   return {
     focus: () => {
       editorActor.send({
@@ -5404,18 +5407,18 @@ function createEditableAPI(editor, editorActor) {
       if (editor.selection) {
         const block = slate.Node.descendant(editor, editor.selection.focus.path.slice(0, 1));
         if (block)
-          return fromSlateValue([block], types.block.name, KEY_TO_VALUE_ELEMENT.get(editor))[0];
+          return fromSlateValue([block], types2.block.name, KEY_TO_VALUE_ELEMENT.get(editor))[0];
       }
     },
     focusChild: () => {
       if (editor.selection) {
         const block = slate.Node.descendant(editor, editor.selection.focus.path.slice(0, 1));
         if (block && editor.isTextBlock(block))
-          return fromSlateValue([block], types.block.name, KEY_TO_VALUE_ELEMENT.get(editor))[0].children[editor.selection.focus.path[1]];
+          return fromSlateValue([block], types2.block.name, KEY_TO_VALUE_ELEMENT.get(editor))[0].children[editor.selection.focus.path[1]];
       }
     },
     insertChild: (type, value) => {
-      if (type.name !== types.span.name)
+      if (type.name !== types2.span.name)
         return editorActor.send({
           type: "behavior event",
           behaviorEvent: {
@@ -5435,15 +5438,15 @@ function createEditableAPI(editor, editorActor) {
         throw new Error("The editor has no selection");
       const [focusBlock] = Array.from(slate.Editor.nodes(editor, {
         at: editor.selection.focus.path.slice(0, 1),
-        match: (n) => n._type === types.block.name
+        match: (n) => n._type === types2.block.name
       }))[0] || [void 0];
       if (!focusBlock)
         throw new Error("No focused text block");
-      if (type.name !== types.span.name && !types.inlineObjects.some((t) => t.name === type.name))
+      if (type.name !== types2.span.name && !types2.inlineObjects.some((t) => t.name === type.name))
         throw new Error("This type cannot be inserted as a child to a text block");
       const child = toSlateValue([{
         _key: editorActor.getSnapshot().context.keyGenerator(),
-        _type: types.block.name,
+        _type: types2.block.name,
         children: [{
           _key: editorActor.getSnapshot().context.keyGenerator(),
           _type: type.name,
@@ -5451,8 +5454,8 @@ function createEditableAPI(editor, editorActor) {
         }]
       }], {
         schemaTypes: editorActor.getSnapshot().context.schema
-      })[0].children[0], focusChildPath = editor.selection.focus.path.slice(0, 2), isSpanNode = child._type === types.span.name, focusNode = slate.Node.get(editor, focusChildPath);
-      return isSpanNode && focusNode._type !== types.span.name && (debug$3("Inserting span child next to inline object child, moving selection + 1"), editor.move({
+      })[0].children[0], focusChildPath = editor.selection.focus.path.slice(0, 2), isSpanNode = child._type === types2.span.name, focusNode = slate.Node.get(editor, focusChildPath);
+      return isSpanNode && focusNode._type !== types2.span.name && (debug$3("Inserting span child next to inline object child, moving selection + 1"), editor.move({
         distance: 1,
         unit: "character"
       })), slate.Transforms.insertNodes(editor, child, {
@@ -5500,7 +5503,7 @@ function createEditableAPI(editor, editorActor) {
         return !1;
       }
     },
-    isVoid: (element) => ![types.block.name, types.span.name].includes(element._type),
+    isVoid: (element) => ![types2.block.name, types2.span.name].includes(element._type),
     findByPath: (path) => {
       const slatePath = toSlateRange({
         focus: {
@@ -5516,10 +5519,10 @@ function createEditableAPI(editor, editorActor) {
         const [block, blockPath] = slate.Editor.node(editor, slatePath.focus.path.slice(0, 1));
         if (block && blockPath && typeof block._key == "string") {
           if (path.length === 1 && slatePath.focus.path.length === 1)
-            return [fromSlateValue([block], types.block.name)[0], [{
+            return [fromSlateValue([block], types2.block.name)[0], [{
               _key: block._key
             }]];
-          const ptBlock = fromSlateValue([block], types.block.name, KEY_TO_VALUE_ELEMENT.get(editor))[0];
+          const ptBlock = fromSlateValue([block], types2.block.name, KEY_TO_VALUE_ELEMENT.get(editor))[0];
           if (editor.isTextBlock(ptBlock)) {
             const ptChild = ptBlock.children[slatePath.focus.path[1]];
             if (ptChild)
@@ -5578,7 +5581,7 @@ function createEditableAPI(editor, editorActor) {
         paths = addAnnotationActionImplementation({
           context: {
             keyGenerator: editorActor.getSnapshot().context.keyGenerator,
-            schema: types
+            schema: types2
           },
           action: {
             annotation: {
@@ -5611,7 +5614,7 @@ function createEditableAPI(editor, editorActor) {
           })), options?.mode === "children" && (debug$3("Deleting children touched by selection"), slate.Transforms.removeNodes(editor, {
             at: range,
             voids: !0,
-            match: (node) => node._type === types.span.name || // Text children
+            match: (node) => node._type === types2.span.name || // Text children
             !editor.isTextBlock(node) && slate.Element.isElement(node)
           })), editor.children.length === 0 && (editor.children = [editor.pteCreateTextBlock({
             decorators: []
@@ -5645,13 +5648,13 @@ function createEditableAPI(editor, editorActor) {
       }
       return ptRange;
     },
-    getValue: () => fromSlateValue(editor.children, types.block.name, KEY_TO_VALUE_ELEMENT.get(editor)),
+    getValue: () => fromSlateValue(editor.children, types2.block.name, KEY_TO_VALUE_ELEMENT.get(editor)),
     isCollapsedSelection: () => !!editor.selection && slate.Range.isCollapsed(editor.selection),
     isExpandedSelection: () => !!editor.selection && slate.Range.isExpanded(editor.selection),
     insertBreak: () => {
       editor.insertBreak(), editor.onChange();
     },
-    getFragment: () => fromSlateValue(editor.getFragment(), types.block.name),
+    getFragment: () => fromSlateValue(editor.getFragment(), types2.block.name),
     isSelectionsOverlapping: (selectionA, selectionB) => {
       const rangeA = toSlateRange(selectionA, editor), rangeB = toSlateRange(selectionB, editor);
       return slate.Range.isRange(rangeA) && slate.Range.isRange(rangeB) && slate.Range.includes(rangeA, rangeB);
@@ -5669,14 +5672,14 @@ function isAnnotationActive({
       at: editor.selection,
       match: (node) => slate.Text.isText(node)
     })];
-    if (spans.length === 0 || spans.some(([span]) => !selector_isOverlappingSelection.isPortableTextSpan(span) || !span.marks || span.marks?.length === 0)) return !1;
+    if (spans.length === 0 || spans.some(([span]) => !types.isPortableTextSpan(span) || !span.marks || span.marks?.length === 0)) return !1;
     const selectionMarkDefs = spans.reduce((accMarkDefs, [, path]) => {
       const [block] = slate.Editor.node(editor, path, {
         depth: 1
       });
       return editor.isTextBlock(block) && block.markDefs ? [...accMarkDefs, ...block.markDefs] : accMarkDefs;
     }, []);
-    return spans.every(([span]) => selector_isOverlappingSelection.isPortableTextSpan(span) ? span.marks?.map((markKey) => selectionMarkDefs.find((def) => def?._key === markKey)?._type)?.includes(annotation.name) : !1);
+    return spans.every(([span]) => types.isPortableTextSpan(span) ? span.marks?.map((markKey) => selectionMarkDefs.find((def) => def?._key === markKey)?._type)?.includes(annotation.name) : !1);
   } catch {
     return !1;
   }
@@ -6986,6 +6989,22 @@ const editorMachine = xstate.setup({
     "clear pending events": xstate.assign({
       pendingEvents: []
     }),
+    "defer incoming patches": xstate.assign({
+      pendingIncomingPatchesEvents: ({
+        context,
+        event
+      }) => event.type === "patches" ? [...context.pendingIncomingPatchesEvents, event] : context.pendingIncomingPatchesEvents
+    }),
+    "emit pending incoming patches": xstate.enqueueActions(({
+      context,
+      enqueue
+    }) => {
+      for (const event of context.pendingIncomingPatchesEvents)
+        enqueue.emit(event);
+    }),
+    "clear pending incoming patches": xstate.assign({
+      pendingIncomingPatchesEvents: []
+    }),
     "handle blur": ({
       event
     }) => {
@@ -7053,6 +7072,7 @@ const editorMachine = xstate.setup({
     getLegacySchema: input.getLegacySchema,
     keyGenerator: input.keyGenerator,
     pendingEvents: [],
+    pendingIncomingPatchesEvents: [],
     schema: input.schema,
     selection: null,
     initialReadOnly: input.readOnly ?? !1,
@@ -7136,11 +7156,6 @@ const editorMachine = xstate.setup({
     "remove behavior": {
       actions: "remove behavior from context"
     },
-    patches: {
-      actions: xstate.emit(({
-        event
-      }) => event)
-    },
     "update behaviors": {
       actions: "assign behaviors"
     },
@@ -7187,7 +7202,7 @@ const editorMachine = xstate.setup({
           states: {
             "determine initial edit mode": {
               on: {
-                "done syncing initial value": [{
+                "done syncing value": [{
                   target: "#editor.edit mode.read only.read only",
                   guard: ({
                     context
@@ -7303,7 +7318,7 @@ const editorMachine = xstate.setup({
       initial: "setting up",
       states: {
         "setting up": {
-          exit: ["emit ready"],
+          exit: ["emit ready", "emit pending incoming patches", "clear pending incoming patches"],
           on: {
             "internal.patch": {
               actions: "defer event"
@@ -7311,54 +7326,95 @@ const editorMachine = xstate.setup({
             mutation: {
               actions: "defer event"
             },
-            "done syncing initial value": {
-              target: "pristine"
+            "done syncing value": {
+              target: "set up"
+            },
+            patches: {
+              actions: ["defer incoming patches"]
             }
           }
         },
-        pristine: {
-          initial: "idle",
+        "set up": {
+          type: "parallel",
           states: {
-            idle: {
-              on: {
-                normalizing: {
-                  target: "normalizing"
-                },
-                "internal.patch": {
-                  actions: "defer event",
-                  target: "#editor.setup.dirty"
+            "value sync": {
+              initial: "idle",
+              states: {
+                idle: {
+                  on: {
+                    patches: {
+                      actions: [xstate.emit(({
+                        event
+                      }) => event)]
+                    },
+                    "syncing value": {
+                      target: "syncing value"
+                    }
+                  }
                 },
-                mutation: {
-                  actions: "defer event",
-                  target: "#editor.setup.dirty"
+                "syncing value": {
+                  exit: ["emit pending incoming patches", "clear pending incoming patches"],
+                  on: {
+                    patches: {
+                      actions: ["defer incoming patches"]
+                    },
+                    "done syncing value": {
+                      target: "idle"
+                    }
+                  }
                 }
               }
             },
-            normalizing: {
-              on: {
-                "done normalizing": {
-                  target: "idle"
-                },
-                "internal.patch": {
-                  actions: "defer event"
+            writing: {
+              initial: "pristine",
+              states: {
+                pristine: {
+                  initial: "idle",
+                  states: {
+                    idle: {
+                      on: {
+                        normalizing: {
+                          target: "normalizing"
+                        },
+                        "internal.patch": {
+                          actions: "defer event",
+                          target: "#editor.setup.set up.writing.dirty"
+                        },
+                        mutation: {
+                          actions: "defer event",
+                          target: "#editor.setup.set up.writing.dirty"
+                        }
+                      }
+                    },
+                    normalizing: {
+                      on: {
+                        "done normalizing": {
+                          target: "idle"
+                        },
+                        "internal.patch": {
+                          actions: "defer event"
+                        },
+                        mutation: {
+                          actions: "defer event"
+                        }
+                      }
+                    }
+                  }
                 },
-                mutation: {
-                  actions: "defer event"
+                dirty: {
+                  entry: ["emit pending events", "clear pending events"],
+                  on: {
+                    "internal.patch": {
+                      actions: "emit patch event"
+                    },
+                    mutation: {
+                      actions: "emit mutation event"
+                    }
+                  }
                 }
               }
             }
           }
-        },
-        dirty: {
-          entry: ["emit pending events", "clear pending events"],
-          on: {
-            "internal.patch": {
-              actions: "emit patch event"
-            },
-            mutation: {
-              actions: "emit mutation event"
-            }
-          }
         }
       }
     }