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

package/dist/esm/providers/syncBlockProvider.js

@@ -13,6 +13,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 var SyncBlockProvider = /*#__PURE__*/function (_SyncBlockDataProvide) {
   function SyncBlockProvider(fetchProvider, writeProvider, sourceId) {
     var _this;
@@ -66,39 +67,63 @@ export var SyncBlockProvider = /*#__PURE__*/function (_SyncBlockDataProvide) {
      * @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
      */
   }, {
     key: "writeNodesData",
-    value: function writeNodesData(nodes, data) {
-      var _this3 = this;
-      var resourceIds = [];
-      nodes.forEach(function (_node, index) {
-        if (!data[index].content) {
-          resourceIds.push(Promise.reject('No Synced Block content to write'));
-          return;
-        }
-        var resourceId = _this3.writeProvider.writeData(data[index]);
-        resourceIds.push(resourceId);
-      });
-      return Promise.all(resourceIds);
-    }
+    value: (function () {
+      var _writeNodesData = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(nodes, data) {
+        var _this3 = this;
+        var results;
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return Promise.allSettled(nodes.map(function (_node, index) {
+                if (!data[index].content) {
+                  return Promise.reject('No Synced Block content to write');
+                }
+                return _this3.writeProvider.writeData(data[index]);
+              }));
+            case 2:
+              results = _context.sent;
+              return _context.abrupt("return", results.map(function (result) {
+                if (result.status === 'fulfilled') {
+                  return result.value;
+                } else {
+                  return {
+                    error: result.reason
+                  };
+                }
+              }));
+            case 4:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      function writeNodesData(_x, _x2) {
+        return _writeNodesData.apply(this, arguments);
+      }
+      return writeNodesData;
+    }())
   }, {
     key: "deleteNodesData",
     value: function () {
-      var _deleteNodesData = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(resourceIds) {
+      var _deleteNodesData = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(resourceIds) {
         var _this4 = this;
         var results;
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
+        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
             case 0:
-              _context.next = 2;
+              _context2.next = 2;
               return Promise.allSettled(resourceIds.map(function (resourceId) {
                 return _this4.writeProvider.deleteData(resourceId);
               }));
             case 2:
-              results = _context.sent;
-              return _context.abrupt("return", results.map(function (result, index) {
+              results = _context2.sent;
+              return _context2.abrupt("return", results.map(function (result, index) {
                 if (result.status === 'fulfilled') {
                   return result.value;
                 } else {
@@ -111,11 +136,11 @@ export var SyncBlockProvider = /*#__PURE__*/function (_SyncBlockDataProvide) {
               }));
             case 4:
             case "end":
-              return _context.stop();
+              return _context2.stop();
           }
-        }, _callee);
+        }, _callee2);
       }));
-      function deleteNodesData(_x) {
+      function deleteNodesData(_x3) {
         return _deleteNodesData.apply(this, arguments);
       }
       return deleteNodesData;
@@ -126,8 +151,8 @@ export var SyncBlockProvider = /*#__PURE__*/function (_SyncBlockDataProvide) {
       return this.sourceId;
     }
   }, {
-    key: "retrieveSyncBlockSourceUrlAndTitle",
-    value: function retrieveSyncBlockSourceUrlAndTitle(node) {
+    key: "retrieveSyncBlockSourceInfo",
+    value: function retrieveSyncBlockSourceInfo(node) {
       var resourceId = node.attrs.resourceId;
       var pageARI;
       var sourceLocalId;
@@ -143,7 +168,7 @@ export var SyncBlockProvider = /*#__PURE__*/function (_SyncBlockDataProvide) {
           // EDITOR-1921: log analytic here, safe to continue
         }
       }
-      return pageARI ? fetchURLandTitlefromARI(pageARI, sourceLocalId) : Promise.resolve(undefined);
+      return pageARI ? fetchSourceInfo(pageARI, sourceLocalId) : Promise.resolve(undefined);
     }
   }]);
 }(SyncBlockDataProvider);
@@ -151,52 +176,4 @@ export var useMemoizedSyncedBlockProvider = function useMemoizedSyncedBlockProvi
   return useMemo(function () {
     return new SyncBlockProvider(fetchProvider, writeProvider, sourceId);
   }, [fetchProvider, writeProvider, sourceId]);
-};
-var fetchURLandTitlefromARI = /*#__PURE__*/function () {
-  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(ari, sourceLocalId) {
-    var response, _payload$data, _payload$data2, payload, url, title;
-    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-      while (1) switch (_context2.prev = _context2.next) {
-        case 0:
-          _context2.next = 2;
-          return fetch('/gateway/api/object-resolver/resolve/ari', {
-            method: 'POST',
-            headers: {
-              'Content-Type': 'application/json',
-              Accept: 'application/json'
-            },
-            body: JSON.stringify({
-              ari: ari
-            })
-          });
-        case 2:
-          response = _context2.sent;
-          if (!response.ok) {
-            _context2.next = 12;
-            break;
-          }
-          _context2.next = 6;
-          return response.json();
-        case 6:
-          payload = _context2.sent;
-          url = payload === null || payload === void 0 || (_payload$data = payload.data) === null || _payload$data === void 0 ? void 0 : _payload$data.url;
-          title = payload === null || payload === void 0 || (_payload$data2 = payload.data) === null || _payload$data2 === void 0 ? void 0 : _payload$data2.name;
-          return _context2.abrupt("return", {
-            url: typeof url === 'string' ? sourceLocalId ? url + "?block=".concat(sourceLocalId) : url : undefined,
-            title: typeof title === 'string' ? title : undefined
-          });
-        case 12:
-          //eslint-disable-next-line no-console
-          console.error('Failed to fetch URL and title from ARI', response.statusText);
-        case 13:
-          return _context2.abrupt("return", undefined);
-        case 14:
-        case "end":
-          return _context2.stop();
-      }
-    }, _callee2);
-  }));
-  return function fetchURLandTitlefromARI(_x2, _x3) {
-    return _ref.apply(this, arguments);
-  };
-}();
+};

package/dist/esm/store-manager/referenceSyncBlockStoreManager.js

@@ -9,8 +9,8 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-import { createSyncBlockNode } from '../utils/createSyncBlock';
 import { resolveSyncBlockInstance } from '../utils/resolveSyncBlockInstance';
+import { createSyncBlockNode } from '../utils/utils';
 export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
   function ReferenceSyncBlockStoreManager(dataProvider) {
     _classCallCheck(this, ReferenceSyncBlockStoreManager);
@@ -106,8 +106,8 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
       return refreshSubscriptions;
     }())
   }, {
-    key: "fetchSyncBlockSourceURLAndTitle",
-    value: function fetchSyncBlockSourceURLAndTitle(resourceId) {
+    key: "retrieveSyncBlockSourceInfo",
+    value: function retrieveSyncBlockSourceInfo(resourceId) {
       var _this = this;
       if (!resourceId || !this.dataProvider) {
         return;
@@ -117,7 +117,7 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
       // we could optimise this further by checking if the sync block is on the same page as the source
       if (!this.syncBlockURLRequests.get(resourceId)) {
         this.syncBlockURLRequests.set(resourceId, true);
-        this.dataProvider.retrieveSyncBlockSourceUrlAndTitle(createSyncBlockNode('', resourceId)).then(function (sourceInfo) {
+        this.dataProvider.retrieveSyncBlockSourceInfo(createSyncBlockNode('', resourceId)).then(function (sourceInfo) {
           var existingSyncBlock = _this.getFromCache(resourceId);
           if (existingSyncBlock && existingSyncBlock.data) {
             existingSyncBlock.data = _objectSpread(_objectSpread({}, existingSyncBlock.data), {}, {
@@ -172,7 +172,7 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
 
                 // fetch source URL and title if not already present
                 if ((!((_resolvedSyncBlockIns = resolvedSyncBlockInstance.data) !== null && _resolvedSyncBlockIns !== void 0 && _resolvedSyncBlockIns.sourceURL) || !((_resolvedSyncBlockIns2 = resolvedSyncBlockInstance.data) !== null && _resolvedSyncBlockIns2 !== void 0 && _resolvedSyncBlockIns2.sourceTitle)) && resolvedSyncBlockInstance.resourceId) {
-                  _this2.fetchSyncBlockSourceURLAndTitle(resolvedSyncBlockInstance.resourceId);
+                  _this2.retrieveSyncBlockSourceInfo(resolvedSyncBlockInstance.resourceId);
                 }
               });
               return _context3.abrupt("return", resolvedData);

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

@@ -5,7 +5,7 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 import uuid from 'uuid';
 import { rebaseTransaction as _rebaseTransaction } from '../common/rebase-transaction';
 import { resourceIdFromSourceAndLocalId } from '../utils/ari';
-import { convertSyncBlockPMNodeToSyncBlockData } from '../utils/utils';
+import { convertSyncBlockPMNodeToSyncBlockData, createBodiedSyncBlockNode as _createBodiedSyncBlockNode } from '../utils/utils';
 export var SourceSyncBlockStoreManager = /*#__PURE__*/function () {
   function SourceSyncBlockStoreManager(dataProvider) {
     _classCallCheck(this, SourceSyncBlockStoreManager);
@@ -40,7 +40,7 @@ export var SourceSyncBlockStoreManager = /*#__PURE__*/function () {
     key: "flushBodiedSyncBlocks",
     value: (function () {
       var _flushBodiedSyncBlocks = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-        var bodiedSyncBlockNodes, bodiedSyncBlockData, resourceIds;
+        var bodiedSyncBlockNodes, bodiedSyncBlockData, writeResults;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -72,9 +72,9 @@ export var SourceSyncBlockStoreManager = /*#__PURE__*/function () {
               _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;
@@ -96,6 +96,35 @@ export var SourceSyncBlockStoreManager = /*#__PURE__*/function () {
     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) {
@@ -111,31 +140,63 @@ export var SourceSyncBlockStoreManager = /*#__PURE__*/function () {
       return !!this.confirmationCallback;
     }
   }, {
-    key: "createSyncBlockNode",
-    value: function createSyncBlockNode() {
+    key: "generateBodiedSyncBlockAttrs",
+    value: function generateBodiedSyncBlockAttrs() {
       var _this$dataProvider;
-      var blockInstanceId = uuid();
+      var localId = uuid();
       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 = resourceIdFromSourceAndLocalId(sourceId, blockInstanceId);
-      var syncBlockNode = {
-        attrs: {
-          resourceId: resourceId,
-          localId: blockInstanceId
-        },
-        type: 'bodiedSyncBlock'
+      var resourceId = 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([_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 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(tr, syncBlockIds) {
-        var _this2 = this;
+        var _this3 = this;
         var confirmed, _this$editorView, results;
         return _regeneratorRuntime.wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
@@ -170,7 +231,7 @@ export var SourceSyncBlockStoreManager = /*#__PURE__*/function () {
               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/esm/store-manager/syncBlockStoreManager.js

@@ -1,6 +1,6 @@
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import { createSyncBlockNode } from '../utils/createSyncBlock';
+import { convertPMNodeToSyncBlockNode } from '../utils/utils';
 import { ReferenceSyncBlockStoreManager } from './referenceSyncBlockStoreManager';
 import { SourceSyncBlockStoreManager } from './sourceSyncBlockStoreManager';
 
@@ -24,10 +24,10 @@ export var SyncBlockStoreManager = /*#__PURE__*/function () {
   return _createClass(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 createSyncBlockNode(node.attrs.localId, node.attrs.resourceId);
+      var syncBlockNodes = nodes.map(function (node) {
+        return convertPMNodeToSyncBlockNode(node);
+      }).filter(function (node) {
+        return node !== undefined;
       }) || [];
       if (syncBlockNodes.length === 0) {
         return Promise.resolve([]);
@@ -99,11 +99,44 @@ export var SyncBlockStoreManager = /*#__PURE__*/function () {
       // 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/esm/utils/errorHandling.js

@@ -0,0 +1,7 @@
+export var stringifyError = function stringifyError(error) {
+  try {
+    return JSON.stringify(error);
+  } catch (_unused) {
+    return undefined;
+  }
+};

package/dist/esm/utils/sourceInfo.js

@@ -0,0 +1,114 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+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) { _defineProperty(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  */
+
+import { getPageIdAndTypeFromAri } from "./ari";
+import { isBlogPageType } from "./utils";
+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 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(ari) {
+    var bodyData, response;
+    return _regeneratorRuntime.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);
+  };
+}();
+export var fetchSourceInfo = /*#__PURE__*/function () {
+  var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(ari, localId) {
+    var _response$data, _contentData$space, _getPageIdAndTypeFrom, pageType, response, contentData, title, url, _ref3, base;
+    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          _context2.prev = 0;
+          _getPageIdAndTypeFrom = 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 (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/esm/utils/utils.js

@@ -7,4 +7,35 @@ export var convertSyncBlockPMNodeToSyncBlockData = function convertSyncBlockPMNo
 };
 export var isBlogPageType = function isBlogPageType(pageType) {
   return pageType === 'blogpost';
+};
+export var createSyncBlockNode = function createSyncBlockNode(localId, resourceId) {
+  return {
+    type: 'syncBlock',
+    attrs: {
+      localId: localId,
+      resourceId: resourceId
+    }
+  };
+};
+export var createBodiedSyncBlockNode = function createBodiedSyncBlockNode(localId, resourceId) {
+  return {
+    type: 'bodiedSyncBlock',
+    attrs: {
+      localId: localId,
+      resourceId: resourceId
+    }
+  };
+};
+export var 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);
+};
+export var 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/types/index.d.ts

@@ -11,6 +11,5 @@ export type { ADFFetchProvider, ADFWriteProvider, SyncBlockDataProvider, SyncBlo
 export { ReferenceSyncBlockStoreManager } from './store-manager/referenceSyncBlockStoreManager';
 export { SyncBlockStoreManager } from './store-manager/syncBlockStoreManager';
 export { getConfluencePageAri, getPageIdAndTypeFromAri } from './utils/ari';
-export { createSyncBlockNode } from './utils/createSyncBlock';
+export { createSyncBlockNode, convertSyncBlockPMNodeToSyncBlockData, convertSyncBlockJSONNodeToSyncBlockNode, } from './utils/utils';
 export { resolveSyncBlockInstance } from './utils/resolveSyncBlockInstance';
-export { convertSyncBlockPMNodeToSyncBlockData } from './utils/utils';

package/dist/types/providers/confluence/confluenceContentAPI.d.ts

@@ -1,5 +1,5 @@
 import { type SyncBlockData } from '../../common/types';
-import type { ADFFetchProvider, ADFWriteProvider, DeleteSyncBlockResult, SyncBlockInstance } from '../types';
+import type { ADFFetchProvider, ADFWriteProvider, DeleteSyncBlockResult, SyncBlockInstance, WriteSyncBlockResult } from '../types';
 /**
  * Configuration for Content API providers
  */
@@ -22,7 +22,7 @@ declare class ConfluenceADFWriteProvider implements ADFWriteProvider {
     private config;
     constructor(config: ContentAPIConfig);
     private createNewContentProperty;
-    writeData(data: SyncBlockData): Promise<string>;
+    writeData(data: SyncBlockData): Promise<WriteSyncBlockResult>;
     deleteData(resourceId: string): Promise<DeleteSyncBlockResult>;
 }
 /**

package/dist/types/providers/syncBlockProvider.d.ts

@@ -1,6 +1,6 @@
 import type { JSONNode } from '@atlaskit/editor-json-transformer/types';
 import { type SyncBlockData, type SyncBlockNode } from '../common/types';
-import { SyncBlockDataProvider, type ADFFetchProvider, type ADFWriteProvider, type DeleteSyncBlockResult, type SyncBlockInstance, type SyncBlockSourceInfo } from '../providers/types';
+import { SyncBlockDataProvider, type ADFFetchProvider, type ADFWriteProvider, type DeleteSyncBlockResult, type SyncBlockInstance, type SyncBlockSourceInfo, type WriteSyncBlockResult } from '../providers/types';
 export declare class SyncBlockProvider extends SyncBlockDataProvider {
     name: string;
     private fetchProvider;
@@ -15,11 +15,12 @@ export declare 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: SyncBlockNode[], data: SyncBlockData[]): Promise<Array<string | undefined>>;
+    writeNodesData(nodes: SyncBlockNode[], data: SyncBlockData[]): Promise<Array<WriteSyncBlockResult>>;
     deleteNodesData(resourceIds: string[]): Promise<Array<DeleteSyncBlockResult>>;
     getSourceId(): string;
-    retrieveSyncBlockSourceUrlAndTitle(node: SyncBlockNode): Promise<SyncBlockSourceInfo | undefined>;
+    retrieveSyncBlockSourceInfo(node: SyncBlockNode): Promise<SyncBlockSourceInfo | undefined>;
 }
 export declare const useMemoizedSyncedBlockProvider: (fetchProvider: ADFFetchProvider, writeProvider: ADFWriteProvider, sourceId: string) => SyncBlockProvider;