@atlaskit/editor-synced-block-provider 2.6.0 → 2.7.1

package/dist/cjs/store-manager/sourceSyncBlockStoreManager.js

@@ -47,7 +47,7 @@ var SourceSyncBlockStoreManager = exports.SourceSyncBlockStoreManager = /*#__PUR
     key: "flushBodiedSyncBlocks",
     value: (function () {
       var _flushBodiedSyncBlocks = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-        var bodiedSyncBlockNodes, bodiedSyncBlockData, resourceIds;
+        var bodiedSyncBlockNodes, bodiedSyncBlockData, writeResults;
         return _regenerator.default.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -79,9 +79,9 @@ var SourceSyncBlockStoreManager = exports.SourceSyncBlockStoreManager = /*#__PUR
               _context.next = 10;
               return this.dataProvider.writeNodesData(bodiedSyncBlockNodes, bodiedSyncBlockData);
             case 10:
-              resourceIds = _context.sent;
-              return _context.abrupt("return", resourceIds.every(function (resourceId) {
-                return resourceId !== undefined;
+              writeResults = _context.sent;
+              return _context.abrupt("return", writeResults.every(function (result) {
+                return result.resourceId !== undefined;
               }));
             case 14:
               _context.prev = 14;
@@ -103,6 +103,35 @@ var SourceSyncBlockStoreManager = exports.SourceSyncBlockStoreManager = /*#__PUR
     value: function setEditorView(editorView) {
       this.editorView = editorView;
     }
+  }, {
+    key: "registerPendingCreation",
+    value: function registerPendingCreation(resourceId) {
+      this.pendingResourceId = resourceId;
+    }
+  }, {
+    key: "registerCreationCallback",
+    value: function registerCreationCallback(callback) {
+      this.creationCallback = callback;
+    }
+
+    /**
+     *  Fires callback to insert node (if creation is successful) and clears pending creation data
+     * @param success
+     */
+  }, {
+    key: "commitPendingCreation",
+    value: function commitPendingCreation(success) {
+      if (success && this.creationCallback) {
+        this.creationCallback();
+      }
+      this.pendingResourceId = undefined;
+      this.creationCallback = undefined;
+    }
+  }, {
+    key: "hasPendingCreation",
+    value: function hasPendingCreation() {
+      return !!this.pendingResourceId;
+    }
   }, {
     key: "registerConfirmationCallback",
     value: function registerConfirmationCallback(callback) {
@@ -118,31 +147,63 @@ var SourceSyncBlockStoreManager = exports.SourceSyncBlockStoreManager = /*#__PUR
       return !!this.confirmationCallback;
     }
   }, {
-    key: "createSyncBlockNode",
-    value: function createSyncBlockNode() {
+    key: "generateBodiedSyncBlockAttrs",
+    value: function generateBodiedSyncBlockAttrs() {
       var _this$dataProvider;
-      var blockInstanceId = (0, _uuid.default)();
+      var localId = (0, _uuid.default)();
       var sourceId = (_this$dataProvider = this.dataProvider) === null || _this$dataProvider === void 0 ? void 0 : _this$dataProvider.getSourceId();
       if (!sourceId) {
         throw new Error('Provider of sync block plugin is not set');
       }
 
       // This should be generated by the data provider implementation as it differs between data providers
-      var resourceId = (0, _ari.resourceIdFromSourceAndLocalId)(sourceId, blockInstanceId);
-      var syncBlockNode = {
-        attrs: {
-          resourceId: resourceId,
-          localId: blockInstanceId
-        },
-        type: 'bodiedSyncBlock'
+      var resourceId = (0, _ari.resourceIdFromSourceAndLocalId)(sourceId, localId);
+      return {
+        resourceId: resourceId,
+        localId: localId
       };
-      return syncBlockNode;
+    }
+  }, {
+    key: "createBodiedSyncBlockNode",
+    value: function createBodiedSyncBlockNode(attrs) {
+      var _this2 = this;
+      try {
+        if (!this.dataProvider) {
+          throw new Error('Data provider not set');
+        }
+        var resourceId = attrs.resourceId,
+          blockInstanceId = attrs.localId;
+        this.dataProvider.writeNodesData([(0, _utils.createBodiedSyncBlockNode)(blockInstanceId, resourceId)], [{
+          content: [],
+          blockInstanceId: blockInstanceId,
+          resourceId: resourceId
+        }]).then(function (results) {
+          results.forEach(function (result) {
+            var resourceId = result.resourceId;
+            if (resourceId) {
+              _this2.commitPendingCreation(true);
+            } else {
+              _this2.commitPendingCreation(false);
+              // TODO: EDITOR-1921 - add error analytics
+            }
+          });
+        }).catch(function (_reason) {
+          _this2.commitPendingCreation(false);
+          // TODO: EDITOR-1921 - add error analytics
+        });
+        this.registerPendingCreation(resourceId);
+      } catch (error) {
+        if (this.hasPendingCreation()) {
+          this.commitPendingCreation(false);
+        }
+        // TODO: EDITOR-1921 - add error analytics
+      }
     }
   }, {
     key: "deleteSyncBlocksWithConfirmation",
     value: function () {
       var _deleteSyncBlocksWithConfirmation = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(tr, syncBlockIds) {
-        var _this2 = this;
+        var _this3 = this;
         var confirmed, _this$editorView, results;
         return _regenerator.default.wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
@@ -177,7 +238,7 @@ var SourceSyncBlockStoreManager = exports.SourceSyncBlockStoreManager = /*#__PUR
               results.forEach(function (result) {
                 if (result.success) {
                   // Only delete when it's deleted successfully in backend
-                  _this2.syncBlockCache.delete(result.resourceId);
+                  _this3.syncBlockCache.delete(result.resourceId);
                 } else {
                   // TODO: EDITOR-1921 - add error analytics with result.error
                 }

package/dist/cjs/store-manager/syncBlockStoreManager.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.SyncBlockStoreManager = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _createSyncBlock = require("../utils/createSyncBlock");
+var _utils = require("../utils/utils");
 var _referenceSyncBlockStoreManager = require("./referenceSyncBlockStoreManager");
 var _sourceSyncBlockStoreManager = require("./sourceSyncBlockStoreManager");
 // A store manager responsible for the lifecycle and state management of sync blocks in an editor instance.
@@ -30,10 +30,10 @@ var SyncBlockStoreManager = exports.SyncBlockStoreManager = /*#__PURE__*/functio
   return (0, _createClass2.default)(SyncBlockStoreManager, [{
     key: "fetchSyncBlocksData",
     value: function fetchSyncBlocksData(nodes) {
-      var syncBlockNodes = nodes.filter(function (node) {
-        return node.type.name === 'syncBlock' && node.attrs.resourceId && node.attrs.localId;
-      }).map(function (node) {
-        return (0, _createSyncBlock.createSyncBlockNode)(node.attrs.localId, node.attrs.resourceId);
+      var syncBlockNodes = nodes.map(function (node) {
+        return (0, _utils.convertPMNodeToSyncBlockNode)(node);
+      }).filter(function (node) {
+        return node !== undefined;
       }) || [];
       if (syncBlockNodes.length === 0) {
         return Promise.resolve([]);
@@ -105,11 +105,44 @@ var SyncBlockStoreManager = exports.SyncBlockStoreManager = /*#__PURE__*/functio
       // only applicable to source sync block, for now (will be refactored further)
       return this.sourceSyncBlockStoreManager.requireConfirmationBeforeDelete();
     }
+
+    /**
+     * Register callback function (which inserts node, handles focus etc) to be used later when creation to backend succeed
+     */
+  }, {
+    key: "registerCreationCallback",
+    value: function registerCreationCallback(callback) {
+      this.sourceSyncBlockStoreManager.registerCreationCallback(callback);
+    }
+
+    /**
+     *
+     * @returns true if waiting for the result of saving new bodiedSyncBlock to backend
+     */
+  }, {
+    key: "hasPendingCreation",
+    value: function hasPendingCreation() {
+      return this.sourceSyncBlockStoreManager.hasPendingCreation();
+    }
+
+    /**
+     * @returns attributes for a new bodiedSyncBlock node
+     */
+  }, {
+    key: "generateBodiedSyncBlockAttrs",
+    value: function generateBodiedSyncBlockAttrs() {
+      return this.sourceSyncBlockStoreManager.generateBodiedSyncBlockAttrs();
+    }
+
+    /**
+     * Save bodiedSyncBlock with empty content to backend
+     * @param attrs attributes Ids of the node
+     */
   }, {
-    key: "createSyncBlockNode",
-    value: function createSyncBlockNode() {
+    key: "createBodiedSyncBlockNode",
+    value: function createBodiedSyncBlockNode(attrs) {
       // only applicable to source sync block, for now (will be refactored further)
-      return this.sourceSyncBlockStoreManager.createSyncBlockNode();
+      return this.sourceSyncBlockStoreManager.createBodiedSyncBlockNode(attrs);
     }
   }, {
     key: "subscribeToSyncBlockData",

package/dist/cjs/utils/errorHandling.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.stringifyError = void 0;
+var stringifyError = exports.stringifyError = function stringifyError(error) {
+  try {
+    return JSON.stringify(error);
+  } catch (_unused) {
+    return undefined;
+  }
+};

package/dist/cjs/utils/sourceInfo.js

@@ -0,0 +1,119 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.fetchSourceInfo = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _ari = require("./ari");
+var _utils = require("./utils");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /* eslint-disable require-unicode-regexp  */
+var COMMON_HEADERS = {
+  'Content-Type': 'application/json',
+  Accept: 'application/json'
+};
+var AGG_HEADERS = {
+  'X-ExperimentalApi': 'confluence-agg-beta'
+};
+var GRAPHQL_ENDPOINT = '/gateway/api/graphql';
+var GET_SOURCE_INFO_OPERATION_NAME = 'EDITOR_SYNCED_BLOCK_GET_SOURCE_INFO';
+/**
+ * Query to get the page subtype by id (i.e. live or classic)
+ * @param documentARI
+ * @returns subType live if livePage, subType null if classic page
+ */
+var GET_SOURCE_INFO_QUERY = "query ".concat(GET_SOURCE_INFO_OPERATION_NAME, " ($id: ID!) {\n\tcontent (id: $id) {\n\t\tnodes {\n\t\t\tid\n\t\t\tlinks {\n\t\t\t\tbase\n\t\t\t}\n\t\t\tspace {\n\t\t\t\tkey\n\t\t\t}\n\t\t\tsubType\n\t\t\ttitle\n\t\t}\n\t}\n}");
+var getSourceInfo = /*#__PURE__*/function () {
+  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(ari) {
+    var bodyData, response;
+    return _regenerator.default.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          bodyData = {
+            query: GET_SOURCE_INFO_QUERY,
+            operationName: GET_SOURCE_INFO_OPERATION_NAME,
+            variables: {
+              id: ari
+            }
+          };
+          _context.next = 3;
+          return fetch(GRAPHQL_ENDPOINT, {
+            method: 'POST',
+            headers: _objectSpread(_objectSpread({}, COMMON_HEADERS), AGG_HEADERS),
+            body: JSON.stringify(bodyData)
+          });
+        case 3:
+          response = _context.sent;
+          if (response.ok) {
+            _context.next = 6;
+            break;
+          }
+          throw new Error("Failed to get url: ".concat(response.statusText));
+        case 6:
+          _context.next = 8;
+          return response.json();
+        case 8:
+          return _context.abrupt("return", _context.sent);
+        case 9:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return function getSourceInfo(_x) {
+    return _ref.apply(this, arguments);
+  };
+}();
+var fetchSourceInfo = exports.fetchSourceInfo = /*#__PURE__*/function () {
+  var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(ari, localId) {
+    var _response$data, _contentData$space, _getPageIdAndTypeFrom, pageType, response, contentData, title, url, _ref3, base;
+    return _regenerator.default.wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          _context2.prev = 0;
+          _getPageIdAndTypeFrom = (0, _ari.getPageIdAndTypeFromAri)(ari), pageType = _getPageIdAndTypeFrom.type;
+          _context2.next = 4;
+          return getSourceInfo(ari);
+        case 4:
+          response = _context2.sent;
+          contentData = (_response$data = response.data) === null || _response$data === void 0 || (_response$data = _response$data.content) === null || _response$data === void 0 || (_response$data = _response$data.nodes) === null || _response$data === void 0 ? void 0 : _response$data[0];
+          if (contentData) {
+            _context2.next = 8;
+            break;
+          }
+          throw new Error("Failed to get content data");
+        case 8:
+          title = contentData.title;
+          _ref3 = contentData.links || {}, base = _ref3.base;
+          if (base && (_contentData$space = contentData.space) !== null && _contentData$space !== void 0 && _contentData$space.key && contentData.id) {
+            if ((0, _utils.isBlogPageType)(pageType)) {
+              url = "".concat(base, "/spaces/").concat(contentData.space.key, "/blog/edit-v2/").concat(contentData.id);
+            } else if (contentData.subType === 'live') {
+              url = "".concat(base, "/spaces/").concat(contentData.space.key, "/pages/").concat(contentData.id);
+            } else {
+              url = "".concat(base, "/spaces/").concat(contentData.space.key, "/pages/edit-v2/").concat(contentData.id);
+            }
+          }
+          url = url && localId ? "".concat(url, "#block-").concat(localId) : url;
+          return _context2.abrupt("return", Promise.resolve({
+            title: title,
+            url: url
+          }));
+        case 15:
+          _context2.prev = 15;
+          _context2.t0 = _context2["catch"](0);
+          return _context2.abrupt("return", Promise.resolve(undefined));
+        case 18:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2, null, [[0, 15]]);
+  }));
+  return function fetchSourceInfo(_x2, _x3) {
+    return _ref2.apply(this, arguments);
+  };
+}();

package/dist/cjs/utils/utils.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isBlogPageType = exports.convertSyncBlockPMNodeToSyncBlockData = void 0;
+exports.isBlogPageType = exports.createSyncBlockNode = exports.createBodiedSyncBlockNode = exports.convertSyncBlockPMNodeToSyncBlockData = exports.convertSyncBlockJSONNodeToSyncBlockNode = exports.convertPMNodeToSyncBlockNode = void 0;
 var convertSyncBlockPMNodeToSyncBlockData = exports.convertSyncBlockPMNodeToSyncBlockData = function convertSyncBlockPMNodeToSyncBlockData(node) {
   return {
     blockInstanceId: node.attrs.localId,
@@ -13,4 +13,35 @@ var convertSyncBlockPMNodeToSyncBlockData = exports.convertSyncBlockPMNodeToSync
 };
 var isBlogPageType = exports.isBlogPageType = function isBlogPageType(pageType) {
   return pageType === 'blogpost';
+};
+var createSyncBlockNode = exports.createSyncBlockNode = function createSyncBlockNode(localId, resourceId) {
+  return {
+    type: 'syncBlock',
+    attrs: {
+      localId: localId,
+      resourceId: resourceId
+    }
+  };
+};
+var createBodiedSyncBlockNode = exports.createBodiedSyncBlockNode = function createBodiedSyncBlockNode(localId, resourceId) {
+  return {
+    type: 'bodiedSyncBlock',
+    attrs: {
+      localId: localId,
+      resourceId: resourceId
+    }
+  };
+};
+var convertSyncBlockJSONNodeToSyncBlockNode = exports.convertSyncBlockJSONNodeToSyncBlockNode = function convertSyncBlockJSONNodeToSyncBlockNode(node) {
+  if (node.type !== 'syncBlock' || !node.attrs || !('localId' in node.attrs) || !('resourceId' in node.attrs) || typeof node.attrs.localId !== 'string' || typeof node.attrs.resourceId !== 'string') {
+    return undefined;
+  }
+  return createSyncBlockNode(node.attrs.localId, node.attrs.resourceId);
+};
+var convertPMNodeToSyncBlockNode = exports.convertPMNodeToSyncBlockNode = function convertPMNodeToSyncBlockNode(node) {
+  var _node$attrs, _node$attrs2;
+  if (node.type.name !== 'syncBlock' || !((_node$attrs = node.attrs) !== null && _node$attrs !== void 0 && _node$attrs.localId) || !((_node$attrs2 = node.attrs) !== null && _node$attrs2 !== void 0 && _node$attrs2.resourceId) || typeof node.attrs.localId !== 'string' || typeof node.attrs.resourceId !== 'string') {
+    return undefined;
+  }
+  return createSyncBlockNode(node.attrs.localId, node.attrs.resourceId);
 };

package/dist/es2019/hooks/useFetchSyncBlockData.js

@@ -1,6 +1,6 @@
 import { useCallback, useEffect, useState } from 'react';
 import { SyncBlockError } from '../common/types';
-import { createSyncBlockNode } from '../utils/createSyncBlock';
+import { createSyncBlockNode } from '../utils/utils';
 export const useFetchSyncBlockData = (manager, resourceId, localId) => {
   const [syncBlockInstance, setSyncBlockInstance] = useState(null);
   const [isLoading, setIsLoading] = useState(true);

package/dist/es2019/index.js

@@ -11,6 +11,5 @@ export { SyncBlockProvider as SyncedBlockProvider, useMemoizedSyncedBlockProvide
 export { ReferenceSyncBlockStoreManager } from './store-manager/referenceSyncBlockStoreManager';
 export { SyncBlockStoreManager } from './store-manager/syncBlockStoreManager';
 export { getConfluencePageAri, getPageIdAndTypeFromAri } from './utils/ari';
-export { createSyncBlockNode } from './utils/createSyncBlock';
-export { resolveSyncBlockInstance } from './utils/resolveSyncBlockInstance';
-export { convertSyncBlockPMNodeToSyncBlockData } from './utils/utils';
+export { createSyncBlockNode, convertSyncBlockPMNodeToSyncBlockData, convertSyncBlockJSONNodeToSyncBlockNode } from './utils/utils';
+export { resolveSyncBlockInstance } from './utils/resolveSyncBlockInstance';

package/dist/es2019/providers/confluence/confluenceContentAPI.js

@@ -3,6 +3,7 @@ import { useMemo } from 'react';
 import { SyncBlockError } from '../../common/types';
 import { getLocalIdFromAri, getPageIdAndTypeFromAri } from '../../utils/ari';
 import { getContentProperty, createContentProperty, updateContentProperty, deleteContentProperty } from '../../utils/contentProperty';
+import { stringifyError } from '../../utils/errorHandling';
 import { isBlogPageType } from '../../utils/utils';
 
 /**
@@ -118,7 +119,7 @@ class ConfluenceADFWriteProvider {
         if (((_contentProperty$data7 = contentProperty.data.confluence.createBlogPostProperty.blogPostProperty) === null || _contentProperty$data7 === void 0 ? void 0 : _contentProperty$data7.key) === key) {
           return key;
         } else {
-          throw new Error('Failed to create blog post content property');
+          return Promise.reject('Failed to create blog post content property');
         }
       } else {
         var _contentProperty$data8;
@@ -126,20 +127,31 @@ class ConfluenceADFWriteProvider {
         if (((_contentProperty$data8 = contentProperty.data.confluence.createPageProperty.pageProperty) === null || _contentProperty$data8 === void 0 ? void 0 : _contentProperty$data8.key) === key) {
           return key;
         } else {
-          throw new Error('Failed to create page content property');
+          return Promise.reject('Failed to create page content property');
         }
       }
     });
     this.config = config;
   }
   async writeData(data) {
+    let match;
+    const {
+      resourceId
+    } = data;
+    try {
+      match = getPageIdAndTypeFromAri(data.resourceId);
+    } catch (error) {
+      return {
+        error: stringifyError(error)
+      };
+    }
     const {
       id: pageId,
       type: pageType
-    } = getPageIdAndTypeFromAri(data.resourceId);
-    if (data.resourceId) {
+    } = match;
+    try {
       // Update existing content property
-      const localId = getLocalIdFromAri(data.resourceId);
+      const localId = getLocalIdFromAri(resourceId);
       const key = getContentPropertyKey(this.config.contentPropertyKey, localId);
       const options = {
         pageId,
@@ -148,55 +160,65 @@ class ConfluenceADFWriteProvider {
         cloudId: this.config.cloudId,
         pageType
       };
-      if (isBlogPageType(pageType)) {
-        var _contentProperty$data9;
-        const contentProperty = await updateContentProperty(options);
-        if (((_contentProperty$data9 = contentProperty.data.confluence.updateValueBlogPostProperty.blogPostProperty) === null || _contentProperty$data9 === void 0 ? void 0 : _contentProperty$data9.key) === key) {
-          return key;
-        } else if (contentProperty.data.confluence.updateValueBlogPostProperty.blogPostProperty === null) {
-          return this.createNewContentProperty(pageId, key, data, pageType);
-        } else {
-          throw new Error('Failed to update blog post content property');
-        }
+      const updatePayload = await updateContentProperty(options);
+      const updateResult = isBlogPageType(pageType) ? updatePayload.data.confluence.updateValueBlogPostProperty.blogPostProperty : updatePayload.data.confluence.updateValuePageProperty.pageProperty;
+      if ((updateResult === null || updateResult === void 0 ? void 0 : updateResult.key) === key) {
+        return {
+          resourceId
+        };
+      } else if (!updateResult) {
+        return this.createNewContentProperty(pageId, key, data, pageType).then(() => {
+          return {
+            resourceId
+          };
+        }, error => {
+          return {
+            error
+          };
+        });
       } else {
-        var _contentProperty$data0;
-        const contentProperty = await updateContentProperty(options);
-        if (((_contentProperty$data0 = contentProperty.data.confluence.updateValuePageProperty.pageProperty) === null || _contentProperty$data0 === void 0 ? void 0 : _contentProperty$data0.key) === key) {
-          return key;
-        } else if (contentProperty.data.confluence.updateValuePageProperty.pageProperty === null) {
-          return this.createNewContentProperty(pageId, key, data, pageType);
-        } else {
-          throw new Error('Failed to update content property');
-        }
+        return {
+          error: `Failed to update ${pageType} content property`
+        };
       }
-    } else {
-      // Create new content property
-      const key = getContentPropertyKey(this.config.contentPropertyKey, data.blockInstanceId);
-      return this.createNewContentProperty(pageId, key, data, pageType);
+    } catch {
+      return {
+        error: `Failed to write ${pageType}`
+      };
     }
   }
   async deleteData(resourceId) {
+    let deletePayload, deleteResult, match;
+    try {
+      match = getPageIdAndTypeFromAri(resourceId);
+    } catch (error) {
+      return {
+        resourceId,
+        success: false,
+        error: stringifyError(error)
+      };
+    }
     const {
       id: pageId,
       type: pageType
-    } = getPageIdAndTypeFromAri(resourceId);
-    const localId = getLocalIdFromAri(resourceId);
-    const key = getContentPropertyKey(this.config.contentPropertyKey, localId);
-    const options = {
-      pageId,
-      key,
-      cloudId: this.config.cloudId,
-      pageType
-    };
-    let deletePayload, deleteResult;
+    } = match;
     try {
+      const localId = getLocalIdFromAri(resourceId);
+      const key = getContentPropertyKey(this.config.contentPropertyKey, localId);
+      const options = {
+        pageId,
+        key,
+        cloudId: this.config.cloudId,
+        pageType
+      };
       deletePayload = await deleteContentProperty(options);
       deleteResult = isBlogPageType(pageType) ? deletePayload.data.confluence.deleteBlogPostProperty : deletePayload.data.confluence.deletePageProperty;
-    } catch {
+    } catch (error) {
+      var _stringifyError;
       return {
         resourceId,
         success: false,
-        error: `Fail to delete ${pageType} content property`
+        error: (_stringifyError = stringifyError(error)) !== null && _stringifyError !== void 0 ? _stringifyError : `Fail to delete ${pageType} content property`
       };
     }
     return {

package/dist/es2019/providers/syncBlockProvider.js

@@ -3,6 +3,7 @@ import { useMemo } from 'react';
 import { SyncBlockError } from '../common/types';
 import { SyncBlockDataProvider } from '../providers/types';
 import { getLocalIdFromAri, getPageARIFromResourceId } from '../utils/ari';
+import { fetchSourceInfo } from '../utils/sourceInfo';
 export class SyncBlockProvider extends SyncBlockDataProvider {
   constructor(fetchProvider, writeProvider, sourceId) {
     super();
@@ -41,19 +42,25 @@ export class SyncBlockProvider extends SyncBlockDataProvider {
    * @param nodes
    * @param data
    *
-   * @returns the resource ids of the nodes that were written
+   * @returns Array of {resourceId?: string, error?: string}.
+   * resourceId: resource id of the node if write successfully , error: reason for when write failed
    */
-  writeNodesData(nodes, data) {
-    const resourceIds = [];
-    nodes.forEach((_node, index) => {
+  async writeNodesData(nodes, data) {
+    const results = await Promise.allSettled(nodes.map((_node, index) => {
       if (!data[index].content) {
-        resourceIds.push(Promise.reject('No Synced Block content to write'));
-        return;
+        return Promise.reject('No Synced Block content to write');
+      }
+      return this.writeProvider.writeData(data[index]);
+    }));
+    return results.map(result => {
+      if (result.status === 'fulfilled') {
+        return result.value;
+      } else {
+        return {
+          error: result.reason
+        };
       }
-      const resourceId = this.writeProvider.writeData(data[index]);
-      resourceIds.push(resourceId);
     });
-    return Promise.all(resourceIds);
   }
   async deleteNodesData(resourceIds) {
     const results = await Promise.allSettled(resourceIds.map(resourceId => this.writeProvider.deleteData(resourceId)));
@@ -72,7 +79,7 @@ export class SyncBlockProvider extends SyncBlockDataProvider {
   getSourceId() {
     return this.sourceId;
   }
-  retrieveSyncBlockSourceUrlAndTitle(node) {
+  retrieveSyncBlockSourceInfo(node) {
     const {
       resourceId
     } = node.attrs;
@@ -90,37 +97,11 @@ export class SyncBlockProvider extends SyncBlockDataProvider {
         // EDITOR-1921: log analytic here, safe to continue
       }
     }
-    return pageARI ? fetchURLandTitlefromARI(pageARI, sourceLocalId) : Promise.resolve(undefined);
+    return pageARI ? fetchSourceInfo(pageARI, sourceLocalId) : Promise.resolve(undefined);
   }
 }
 export const useMemoizedSyncedBlockProvider = (fetchProvider, writeProvider, sourceId) => {
   return useMemo(() => {
     return new SyncBlockProvider(fetchProvider, writeProvider, sourceId);
   }, [fetchProvider, writeProvider, sourceId]);
-};
-const fetchURLandTitlefromARI = async (ari, sourceLocalId) => {
-  const response = await fetch('/gateway/api/object-resolver/resolve/ari', {
-    method: 'POST',
-    headers: {
-      'Content-Type': 'application/json',
-      Accept: 'application/json'
-    },
-    body: JSON.stringify({
-      ari
-    })
-  });
-  if (response.ok) {
-    var _payload$data, _payload$data2;
-    const payload = await response.json();
-    const url = payload === null || payload === void 0 ? void 0 : (_payload$data = payload.data) === null || _payload$data === void 0 ? void 0 : _payload$data.url;
-    const title = payload === null || payload === void 0 ? void 0 : (_payload$data2 = payload.data) === null || _payload$data2 === void 0 ? void 0 : _payload$data2.name;
-    return {
-      url: typeof url === 'string' ? sourceLocalId ? url + `?block=${sourceLocalId}` : url : undefined,
-      title: typeof title === 'string' ? title : undefined
-    };
-  } else {
-    //eslint-disable-next-line no-console
-    console.error('Failed to fetch URL and title from ARI', response.statusText);
-  }
-  return undefined;
 };