@portabletext/editor 1.16.1 → 1.16.2

package/lib/index.cjs

@@ -2262,6 +2262,19 @@ function findOperationTargetBlock(editor, operation) {
   let block;
   return operation.type === "set_selection" && editor.selection ? block = editor.children[editor.selection.focus.path[0]] : "path" in operation && (block = editor.children[operation.path[0]]), block;
 }
+var __knownSymbol = (name, symbol) => (symbol = Symbol[name]) ? symbol : Symbol.for("Symbol." + name), __await = function(promise, isYieldStar) {
+  this[0] = promise, this[1] = isYieldStar;
+}, __asyncGenerator = (__this, __arguments, generator) => {
+  var resume = (k, v, yes, no) => {
+    try {
+      var x = generator[k](v), isAwait = (v = x.value) instanceof __await, done = x.done;
+      Promise.resolve(isAwait ? v[0] : v).then((y) => isAwait ? resume(k === "return" ? k : "next", v[1] ? { done: y.done, value: y.value } : y, yes, no) : yes({ value: y, done })).catch((e) => resume("throw", e, yes, no));
+    } catch (e) {
+      no(e);
+    }
+  }, method = (k) => it[k] = (x) => new Promise((yes, no) => resume(k, x, yes, no)), it = {};
+  return generator = generator.apply(__this, __arguments), it[__knownSymbol("asyncIterator")] = () => it, method("next"), method("throw"), method("return"), it;
+}, __forAwait = (obj, it, method) => (it = obj[__knownSymbol("asyncIterator")]) ? it.call(obj) : (obj = obj[__knownSymbol("iterator")](), it = {}, method = (key, fn) => (fn = obj[key]) && (it[key] = (arg) => new Promise((yes, no, done) => (arg = fn.call(obj, arg), done = arg.done, Promise.resolve(arg.value).then((value) => yes({ value, done }), no)))), method("next"), method("return"), it);
 const syncValueCallback = ({
   sendBack,
   input
@@ -2270,7 +2283,8 @@ const syncValueCallback = ({
     context: input.context,
     sendBack,
     slateEditor: input.slateEditor,
-    value: input.value
+    value: input.value,
+    streamBlocks: input.streamBlocks
   });
 }, syncValueLogic = xstate.fromCallback(syncValueCallback), syncMachine = xstate.setup({
   types: {
@@ -2280,6 +2294,9 @@ const syncValueCallback = ({
     emitted: {}
   },
   actions: {
+    "assign initial value synced": xstate.assign({
+      initialValueSynced: !0
+    }),
     "assign readOnly": xstate.assign({
       readOnly: ({
         event
@@ -2332,6 +2349,7 @@ const syncValueCallback = ({
   context: ({
     input
   }) => ({
+    initialValueSynced: !1,
     isProcessingLocalChanges: !1,
     keyGenerator: input.keyGenerator,
     schema: input.schema,
@@ -2402,6 +2420,7 @@ const syncValueCallback = ({
               schema: context.schema
             },
             slateEditor: context.slateEditor,
+            streamBlocks: !context.initialValueSynced,
             value: (_a = context.pendingValue) != null ? _a : void 0
           };
         }
@@ -2437,20 +2456,21 @@ const syncValueCallback = ({
         },
         "done syncing": [{
           guard: "value changed while syncing",
-          actions: ["assign previous value", "emit done syncing"],
+          actions: ["assign previous value", "emit done syncing", "assign initial value synced"],
           reenter: !0
         }, {
           target: "idle",
-          actions: ["clear pending value", "assign previous value", "emit done syncing"]
+          actions: ["clear pending value", "assign previous value", "emit done syncing", "assign initial value synced"]
         }]
       }
     }
   }
 }), debug$i = debugWithName("hook:useSyncValue");
-function updateValue({
+async function updateValue({
   context,
   sendBack,
   slateEditor,
+  streamBlocks,
   value
 }) {
   let isChanged = !1, isValid = !0;
@@ -2475,31 +2495,48 @@ function updateValue({
     const slateValueFromProps = toSlateValue(value, {
       schemaTypes: context.schema
     });
-    slate.Editor.withoutNormalizing(slateEditor, () => {
-      withRemoteChanges(slateEditor, () => {
-        withoutPatching(slateEditor, () => {
-          const childrenLength = slateEditor.children.length;
-          if (slateValueFromProps.length < childrenLength) {
-            for (let i = childrenLength - 1; i > slateValueFromProps.length - 1; i--)
-              slate.Transforms.removeNodes(slateEditor, {
-                at: [i]
-              });
-            isChanged = !0;
-          }
-          for (const [currentBlockIndex, currentBlock] of slateValueFromProps.entries()) {
-            const {
-              blockChanged,
-              blockValid
-            } = syncBlock({
-              context,
-              sendBack,
-              block: currentBlock,
-              index: currentBlockIndex,
-              slateEditor,
-              value
-            });
-            isChanged = blockChanged || isChanged, isValid = isValid && blockValid;
-          }
+    await new Promise((resolve) => {
+      slate.Editor.withoutNormalizing(slateEditor, () => {
+        withRemoteChanges(slateEditor, () => {
+          withoutPatching(slateEditor, async () => {
+            const childrenLength = slateEditor.children.length;
+            if (slateValueFromProps.length < childrenLength) {
+              for (let i = childrenLength - 1; i > slateValueFromProps.length - 1; i--)
+                slate.Transforms.removeNodes(slateEditor, {
+                  at: [i]
+                });
+              isChanged = !0;
+            }
+            try {
+              for (var iter = __forAwait(getBlocks({
+                slateValue: slateValueFromProps,
+                streamBlocks
+              })), more, temp, error; more = !(temp = await iter.next()).done; more = !1) {
+                const [currentBlock, currentBlockIndex] = temp.value, {
+                  blockChanged,
+                  blockValid
+                } = syncBlock({
+                  context,
+                  sendBack,
+                  block: currentBlock,
+                  index: currentBlockIndex,
+                  slateEditor,
+                  value
+                });
+                isChanged = blockChanged || isChanged, isValid = isValid && blockValid;
+              }
+            } catch (temp2) {
+              error = [temp2];
+            } finally {
+              try {
+                more && (temp = iter.return) && await temp.call(iter);
+              } finally {
+                if (error)
+                  throw error[0];
+              }
+            }
+            resolve();
+          });
         });
       });
     });
@@ -2546,6 +2583,29 @@ function updateValue({
     value
   });
 }
+function getBlocks(_0) {
+  return __asyncGenerator(this, arguments, function* ({
+    slateValue,
+    streamBlocks
+  }) {
+    let index = 0;
+    try {
+      for (var iter = __forAwait(slateValue), more, temp, error; more = !(temp = yield new __await(iter.next())).done; more = !1) {
+        const block = temp.value;
+        streamBlocks && (yield new __await(new Promise((resolve) => setTimeout(resolve, 0)))), yield [block, index], index++;
+      }
+    } catch (temp2) {
+      error = [temp2];
+    } finally {
+      try {
+        more && (temp = iter.return) && (yield new __await(temp.call(iter)));
+      } finally {
+        if (error)
+          throw error[0];
+      }
+    }
+  });
+}
 function syncBlock({
   context,
   sendBack,
@@ -2554,33 +2614,38 @@ function syncBlock({
   slateEditor,
   value
 }) {
-  var _a, _b, _c, _d, _e;
   let blockChanged = !1, blockValid = !0;
-  const currentBlock = block, currentBlockIndex = index, oldBlock = slateEditor.children[currentBlockIndex];
-  if (oldBlock && !isEqual__default.default(currentBlock, oldBlock) && blockValid) {
-    const validationValue = [value[currentBlockIndex]], validation = validateValue(validationValue, context.schema, context.keyGenerator);
-    !validation.valid && (_a = validation.resolution) != null && _a.autoResolve && ((_b = validation.resolution) == null ? void 0 : _b.patches.length) > 0 && !context.readOnly && context.previousValue && context.previousValue !== value && (console.warn(`${validation.resolution.action} for block with _key '${validationValue[0]._key}'. ${(_c = validation.resolution) == null ? void 0 : _c.description}`), validation.resolution.patches.forEach((patch) => {
-      sendBack({
-        type: "patch",
-        patch
+  const currentBlock = block, currentBlockIndex = index, oldBlock = slateEditor.children[currentBlockIndex], hasChanges = oldBlock && !isEqual__default.default(currentBlock, oldBlock);
+  return slate.Editor.withoutNormalizing(slateEditor, () => {
+    withRemoteChanges(slateEditor, () => {
+      withoutPatching(slateEditor, () => {
+        var _a, _b, _c, _d, _e;
+        if (hasChanges && blockValid) {
+          const validationValue = [value[currentBlockIndex]], validation = validateValue(validationValue, context.schema, context.keyGenerator);
+          !validation.valid && (_a = validation.resolution) != null && _a.autoResolve && ((_b = validation.resolution) == null ? void 0 : _b.patches.length) > 0 && !context.readOnly && context.previousValue && context.previousValue !== value && (console.warn(`${validation.resolution.action} for block with _key '${validationValue[0]._key}'. ${(_c = validation.resolution) == null ? void 0 : _c.description}`), validation.resolution.patches.forEach((patch) => {
+            sendBack({
+              type: "patch",
+              patch
+            });
+          })), validation.valid || (_d = validation.resolution) != null && _d.autoResolve ? (oldBlock._key === currentBlock._key ? (debug$i.enabled && debug$i("Updating block", oldBlock, currentBlock), _updateBlock(slateEditor, currentBlock, oldBlock, currentBlockIndex)) : (debug$i.enabled && debug$i("Replacing block", oldBlock, currentBlock), _replaceBlock(slateEditor, currentBlock, currentBlockIndex)), blockChanged = !0) : (sendBack({
+            type: "invalid value",
+            resolution: validation.resolution,
+            value
+          }), blockValid = !1);
+        }
+        if (!oldBlock && blockValid) {
+          const validationValue = [value[currentBlockIndex]], validation = validateValue(validationValue, context.schema, context.keyGenerator);
+          debug$i.enabled && debug$i("Validating and inserting new block in the end of the value", currentBlock), validation.valid || (_e = validation.resolution) != null && _e.autoResolve ? slate.Transforms.insertNodes(slateEditor, currentBlock, {
+            at: [currentBlockIndex]
+          }) : (debug$i("Invalid", validation), sendBack({
+            type: "invalid value",
+            resolution: validation.resolution,
+            value
+          }), blockValid = !1);
+        }
       });
-    })), validation.valid || (_d = validation.resolution) != null && _d.autoResolve ? (oldBlock._key === currentBlock._key ? (debug$i.enabled && debug$i("Updating block", oldBlock, currentBlock), _updateBlock(slateEditor, currentBlock, oldBlock, currentBlockIndex)) : (debug$i.enabled && debug$i("Replacing block", oldBlock, currentBlock), _replaceBlock(slateEditor, currentBlock, currentBlockIndex)), blockChanged = !0) : (sendBack({
-      type: "invalid value",
-      resolution: validation.resolution,
-      value
-    }), blockValid = !1);
-  }
-  if (!oldBlock && blockValid) {
-    const validationValue = [value[currentBlockIndex]], validation = validateValue(validationValue, context.schema, context.keyGenerator);
-    debug$i.enabled && debug$i("Validating and inserting new block in the end of the value", currentBlock), validation.valid || (_e = validation.resolution) != null && _e.autoResolve ? slate.Transforms.insertNodes(slateEditor, currentBlock, {
-      at: [currentBlockIndex]
-    }) : (debug$i("Invalid", validation), sendBack({
-      type: "invalid value",
-      resolution: validation.resolution,
-      value
-    }), blockValid = !1);
-  }
-  return {
+    });
+  }), {
     blockChanged,
     blockValid
   };