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

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

@@ -6,6 +6,7 @@ export class ReferenceSyncBlockStoreManager {
     _defineProperty(this, "isRefreshingSubscriptions", false);
     this.syncBlockCache = new Map();
     this.subscriptions = new Map();
+    this.titleSubscriptions = new Map();
     this.dataProvider = dataProvider;
     this.syncBlockURLRequests = new Map();
   }
@@ -35,7 +36,7 @@ export class ReferenceSyncBlockStoreManager {
       this.isRefreshingSubscriptions = false;
     }
   }
-  fetchSyncBlockSourceURL(resourceId) {
+  fetchSyncBlockSourceURLAndTitle(resourceId) {
     if (!resourceId || !this.dataProvider) {
       return;
     }
@@ -44,14 +45,18 @@ export class ReferenceSyncBlockStoreManager {
     // 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.retrieveSyncBlockSourceUrl(createSyncBlockNode('', resourceId)).then(sourceURL => {
+      this.dataProvider.retrieveSyncBlockSourceUrlAndTitle(createSyncBlockNode('', resourceId)).then(sourceInfo => {
         const existingSyncBlock = this.getFromCache(resourceId);
         if (existingSyncBlock && existingSyncBlock.data) {
           existingSyncBlock.data = {
             ...existingSyncBlock.data,
-            sourceURL
+            sourceURL: sourceInfo === null || sourceInfo === void 0 ? void 0 : sourceInfo.url,
+            sourceTitle: sourceInfo === null || sourceInfo === void 0 ? void 0 : sourceInfo.title
           };
           this.updateCache(existingSyncBlock);
+          if (sourceInfo !== null && sourceInfo !== void 0 && sourceInfo.title) {
+            this.updateSourceTitleSubscriptions(existingSyncBlock.resourceId, sourceInfo.title);
+          }
         }
       }).finally(() => {
         this.syncBlockURLRequests.set(resourceId, false);
@@ -68,7 +73,7 @@ export class ReferenceSyncBlockStoreManager {
     }
     const resolvedData = [];
     data.forEach(syncBlockInstance => {
-      var _resolvedSyncBlockIns;
+      var _resolvedSyncBlockIns, _resolvedSyncBlockIns2;
       if (!syncBlockInstance.resourceId) {
         return;
       }
@@ -77,9 +82,9 @@ export class ReferenceSyncBlockStoreManager {
       this.updateCache(resolvedSyncBlockInstance);
       resolvedData.push(resolvedSyncBlockInstance);
 
-      // fetch source URL if not already present
-      if (!((_resolvedSyncBlockIns = resolvedSyncBlockInstance.data) !== null && _resolvedSyncBlockIns !== void 0 && _resolvedSyncBlockIns.sourceURL) && resolvedSyncBlockInstance.resourceId) {
-        this.fetchSyncBlockSourceURL(resolvedSyncBlockInstance.resourceId);
+      // 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) {
+        this.fetchSyncBlockSourceURLAndTitle(resolvedSyncBlockInstance.resourceId);
       }
     });
     return resolvedData;
@@ -98,25 +103,21 @@ export class ReferenceSyncBlockStoreManager {
       }
     }
   }
+  updateSourceTitleSubscriptions(resourceId, title) {
+    const callbacks = this.titleSubscriptions.get(resourceId);
+    if (callbacks) {
+      Object.values(callbacks).forEach(callback => {
+        callback(title);
+      });
+    }
+  }
   getFromCache(resourceId) {
     return this.syncBlockCache.get(resourceId);
   }
   deleteFromCache(resourceId) {
     this.syncBlockCache.delete(resourceId);
   }
-  subscribe(node, callback) {
-    // check node is a sync block, as we only support sync block subscriptions
-    if (node.type.name !== 'syncBlock') {
-      return () => {};
-    }
-    const {
-      resourceId,
-      localId
-    } = node.attrs;
-    if (!localId || !resourceId) {
-      return () => {};
-    }
-
+  subscribeToSyncBlock(resourceId, localId, callback) {
     // add to subscriptions map
     const resourceSubscriptions = this.subscriptions.get(resourceId) || {};
     this.subscriptions.set(resourceId, {
@@ -144,6 +145,56 @@ export class ReferenceSyncBlockStoreManager {
       }
     };
   }
+  subscribeToSourceTitle(node, callback) {
+    var _cachedData$data;
+    // check node is a sync block, as we only support sync block subscriptions
+    if (node.type.name !== 'syncBlock') {
+      return () => {};
+    }
+    const {
+      resourceId,
+      localId
+    } = node.attrs;
+    if (!localId || !resourceId) {
+      return () => {};
+    }
+    const cachedData = this.getFromCache(resourceId);
+    if (cachedData !== null && cachedData !== void 0 && (_cachedData$data = cachedData.data) !== null && _cachedData$data !== void 0 && _cachedData$data.sourceTitle) {
+      callback(cachedData.data.sourceTitle);
+    }
+
+    // add to subscriptions map
+    const resourceSubscriptions = this.titleSubscriptions.get(resourceId) || {};
+    this.titleSubscriptions.set(resourceId, {
+      ...resourceSubscriptions,
+      [localId]: callback
+    });
+    return () => {
+      const resourceSubscriptions = this.titleSubscriptions.get(resourceId);
+      if (resourceSubscriptions) {
+        delete resourceSubscriptions[localId];
+        if (Object.keys(resourceSubscriptions).length === 0) {
+          this.titleSubscriptions.delete(resourceId);
+        } else {
+          this.titleSubscriptions.set(resourceId, resourceSubscriptions);
+        }
+      }
+    };
+  }
+  subscribe(node, callback) {
+    // check node is a sync block, as we only support sync block subscriptions
+    if (node.type.name !== 'syncBlock') {
+      return () => {};
+    }
+    const {
+      resourceId,
+      localId
+    } = node.attrs;
+    if (!localId || !resourceId) {
+      return () => {};
+    }
+    return this.subscribeToSyncBlock(resourceId, localId, callback);
+  }
 
   /**
    * Get the URL for a sync block.

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

@@ -29,6 +29,9 @@ export class SyncBlockStoreManager {
     }
     return this.referenceSyncBlockStoreManager.fetchSyncBlocksData(syncBlockNodes);
   }
+  getReferenceSyncBlockStoreManager() {
+    return this.referenceSyncBlockStoreManager;
+  }
 
   /**
    * Add/update a sync block node to/from the local cache
@@ -82,6 +85,9 @@ export class SyncBlockStoreManager {
   subscribeToSyncBlockData(node, callback) {
     return this.referenceSyncBlockStoreManager.subscribe(node, callback);
   }
+  subscribeToSyncBlockSourceTitle(node, callback) {
+    return this.referenceSyncBlockStoreManager.subscribeToSourceTitle(node, callback);
+  }
   refreshSubscriptions() {
     this.referenceSyncBlockStoreManager.refreshSubscriptions();
   }

package/dist/es2019/utils/resolveSyncBlockInstance.js

@@ -9,7 +9,7 @@
  * @returns A merged SyncBlockInstance object.
  */
 export const resolveSyncBlockInstance = (oldResult, newResult) => {
-  var _newResult$data, _oldResult$data;
+  var _newResult$data, _oldResult$data, _newResult$data2, _oldResult$data2;
   // if the old result has no data, we simple return the new result
   if (!oldResult.data) {
     return newResult;
@@ -19,12 +19,13 @@ export const resolveSyncBlockInstance = (oldResult, newResult) => {
     return oldResult;
   }
 
-  // otherwise, we merge the two results, preserving the sourceURL from the old result if it exists
+  // otherwise, we merge the two results, preserving the sourceURL and sourceTitle from the old result if it exists
   return {
     ...newResult,
     data: {
       ...newResult.data,
-      sourceURL: ((_newResult$data = newResult.data) === null || _newResult$data === void 0 ? void 0 : _newResult$data.sourceURL) || ((_oldResult$data = oldResult.data) === null || _oldResult$data === void 0 ? void 0 : _oldResult$data.sourceURL) || undefined
+      sourceURL: ((_newResult$data = newResult.data) === null || _newResult$data === void 0 ? void 0 : _newResult$data.sourceURL) || ((_oldResult$data = oldResult.data) === null || _oldResult$data === void 0 ? void 0 : _oldResult$data.sourceURL) || undefined,
+      sourceTitle: ((_newResult$data2 = newResult.data) === null || _newResult$data2 === void 0 ? void 0 : _newResult$data2.sourceTitle) || ((_oldResult$data2 = oldResult.data) === null || _oldResult$data2 === void 0 ? void 0 : _oldResult$data2.sourceTitle) || undefined
     }
   };
 };

package/dist/esm/hooks/useFetchSyncBlockData.js

@@ -1,18 +1,72 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import { useEffect, useState } from 'react';
-export var SYNC_BLOCK_FETCH_INTERVAL = 3000;
-export var useFetchSyncBlockData = function useFetchSyncBlockData(manager, syncBlockNode) {
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import { useCallback, useEffect, useState } from 'react';
+import { SyncBlockError } from '../common/types';
+import { createSyncBlockNode } from '../utils/createSyncBlock';
+export var useFetchSyncBlockData = function useFetchSyncBlockData(manager, resourceId, localId) {
   var _useState = useState(null),
     _useState2 = _slicedToArray(_useState, 2),
     syncBlockInstance = _useState2[0],
     setSyncBlockInstance = _useState2[1];
+  var _useState3 = useState(true),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isLoading = _useState4[0],
+    setIsLoading = _useState4[1];
+  var referenceSyncBlockStoreManager = manager.getReferenceSyncBlockStoreManager();
+  var reloadData = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    var syncBlockNode;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          if (!isLoading) {
+            _context.next = 2;
+            break;
+          }
+          return _context.abrupt("return");
+        case 2:
+          syncBlockNode = resourceId && localId ? createSyncBlockNode(localId, resourceId) : null;
+          if (syncBlockNode) {
+            _context.next = 5;
+            break;
+          }
+          return _context.abrupt("return");
+        case 5:
+          setIsLoading(true);
+          _context.prev = 6;
+          _context.next = 9;
+          return referenceSyncBlockStoreManager.fetchSyncBlocksData([syncBlockNode]);
+        case 9:
+          _context.next = 14;
+          break;
+        case 11:
+          _context.prev = 11;
+          _context.t0 = _context["catch"](6);
+          // Set error state if fetching fails
+          setSyncBlockInstance({
+            resourceId: resourceId || '',
+            error: SyncBlockError.Errored
+          });
+        case 14:
+          setIsLoading(false);
+        case 15:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[6, 11]]);
+  })), [isLoading, localId, referenceSyncBlockStoreManager, resourceId]);
   useEffect(function () {
-    var unsubscribe = manager.subscribeToSyncBlockData(syncBlockNode, function (data) {
+    var unsubscribe = referenceSyncBlockStoreManager.subscribeToSyncBlock(resourceId || '', localId || '', function (data) {
       setSyncBlockInstance(data);
+      setIsLoading(false);
     });
     return function () {
       unsubscribe();
     };
-  }, [manager, syncBlockNode]);
-  return syncBlockInstance;
+  }, [localId, referenceSyncBlockStoreManager, resourceId]);
+  return {
+    syncBlockInstance: syncBlockInstance,
+    isLoading: isLoading,
+    reloadData: reloadData
+  };
 };

package/dist/esm/hooks/useFetchSyncBlockTitle.js

@@ -0,0 +1,17 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import { useEffect, useState } from 'react';
+export var useFetchSyncBlockTitle = function useFetchSyncBlockTitle(manager, syncBlockNode) {
+  var _useState = useState(undefined),
+    _useState2 = _slicedToArray(_useState, 2),
+    sourceTitle = _useState2[0],
+    setSourceTitle = _useState2[1];
+  useEffect(function () {
+    var unsubscribe = manager.subscribeToSyncBlockSourceTitle(syncBlockNode, function (title) {
+      setSourceTitle(title);
+    });
+    return function () {
+      unsubscribe();
+    };
+  }, [manager, syncBlockNode]);
+  return sourceTitle;
+};

package/dist/esm/index.js

@@ -1,13 +1,16 @@
 /* eslint-disable @atlaskit/editor/no-re-export */
 
-export { SyncBlockProvider as SyncedBlockProvider, useMemoizedSyncedBlockProvider } from './providers/syncBlockProvider';
-export { SyncBlockStoreManager } from './store-manager/syncBlockStoreManager';
+export { rebaseTransaction } from './common/rebase-transaction';
+export { getDefaultSyncBlockSchema } from './common/schema';
+export { SyncBlockError } from './common/types';
 export { useFetchSyncBlockData } from './hooks/useFetchSyncBlockData';
+export { useFetchSyncBlockTitle } from './hooks/useFetchSyncBlockTitle';
 export { useHandleContentChanges } from './hooks/useHandleContentChanges';
-export { SyncBlockError } from './common/types';
-export { getDefaultSyncBlockSchema } from './common/schema';
 export { createContentAPIProvidersWithDefaultKey, useMemoizedContentAPIProviders } from './providers/confluence/confluenceContentAPI';
+export { SyncBlockProvider as SyncedBlockProvider, useMemoizedSyncedBlockProvider } from './providers/syncBlockProvider';
+export { ReferenceSyncBlockStoreManager } from './store-manager/referenceSyncBlockStoreManager';
+export { SyncBlockStoreManager } from './store-manager/syncBlockStoreManager';
 export { getConfluencePageAri, getPageIdAndTypeFromAri } from './utils/ari';
-export { convertSyncBlockPMNodeToSyncBlockData } from './utils/utils';
-export { rebaseTransaction } from './common/rebase-transaction';
-export { resolveSyncBlockInstance } from './utils/resolveSyncBlockInstance';
+export { createSyncBlockNode } from './utils/createSyncBlock';
+export { resolveSyncBlockInstance } from './utils/resolveSyncBlockInstance';
+export { convertSyncBlockPMNodeToSyncBlockData } from './utils/utils';

package/dist/esm/providers/syncBlockProvider.js

@@ -126,8 +126,8 @@ export var SyncBlockProvider = /*#__PURE__*/function (_SyncBlockDataProvide) {
       return this.sourceId;
     }
   }, {
-    key: "retrieveSyncBlockSourceUrl",
-    value: function retrieveSyncBlockSourceUrl(node) {
+    key: "retrieveSyncBlockSourceUrlAndTitle",
+    value: function retrieveSyncBlockSourceUrlAndTitle(node) {
       var resourceId = node.attrs.resourceId;
       var pageARI;
       var sourceLocalId;
@@ -143,7 +143,7 @@ export var SyncBlockProvider = /*#__PURE__*/function (_SyncBlockDataProvide) {
           // EDITOR-1921: log analytic here, safe to continue
         }
       }
-      return pageARI ? fetchURLfromARI(pageARI, sourceLocalId) : Promise.resolve(undefined);
+      return pageARI ? fetchURLandTitlefromARI(pageARI, sourceLocalId) : Promise.resolve(undefined);
     }
   }]);
 }(SyncBlockDataProvider);
@@ -152,9 +152,9 @@ export var useMemoizedSyncedBlockProvider = function useMemoizedSyncedBlockProvi
     return new SyncBlockProvider(fetchProvider, writeProvider, sourceId);
   }, [fetchProvider, writeProvider, sourceId]);
 };
-var fetchURLfromARI = /*#__PURE__*/function () {
+var fetchURLandTitlefromARI = /*#__PURE__*/function () {
   var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(ari, sourceLocalId) {
-    var response, _payload$data, payload, url;
+    var response, _payload$data, _payload$data2, payload, url, title;
     return _regeneratorRuntime.wrap(function _callee2$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
@@ -180,17 +180,14 @@ var fetchURLfromARI = /*#__PURE__*/function () {
         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;
-          if (!(typeof url === 'string')) {
-            _context2.next = 10;
-            break;
-          }
-          return _context2.abrupt("return", sourceLocalId ? url + "?block=".concat(sourceLocalId) : url);
-        case 10:
-          _context2.next = 13;
-          break;
+          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 from ARI', response.statusText);
+          console.error('Failed to fetch URL and title from ARI', response.statusText);
         case 13:
           return _context2.abrupt("return", undefined);
         case 14:
@@ -199,7 +196,7 @@ var fetchURLfromARI = /*#__PURE__*/function () {
       }
     }, _callee2);
   }));
-  return function fetchURLfromARI(_x2, _x3) {
+  return function fetchURLandTitlefromARI(_x2, _x3) {
     return _ref.apply(this, arguments);
   };
 }();

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

@@ -17,6 +17,7 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
     _defineProperty(this, "isRefreshingSubscriptions", false);
     this.syncBlockCache = new Map();
     this.subscriptions = new Map();
+    this.titleSubscriptions = new Map();
     this.dataProvider = dataProvider;
     this.syncBlockURLRequests = new Map();
   }
@@ -105,8 +106,8 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
       return refreshSubscriptions;
     }())
   }, {
-    key: "fetchSyncBlockSourceURL",
-    value: function fetchSyncBlockSourceURL(resourceId) {
+    key: "fetchSyncBlockSourceURLAndTitle",
+    value: function fetchSyncBlockSourceURLAndTitle(resourceId) {
       var _this = this;
       if (!resourceId || !this.dataProvider) {
         return;
@@ -116,13 +117,17 @@ 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.retrieveSyncBlockSourceUrl(createSyncBlockNode('', resourceId)).then(function (sourceURL) {
+        this.dataProvider.retrieveSyncBlockSourceUrlAndTitle(createSyncBlockNode('', resourceId)).then(function (sourceInfo) {
           var existingSyncBlock = _this.getFromCache(resourceId);
           if (existingSyncBlock && existingSyncBlock.data) {
             existingSyncBlock.data = _objectSpread(_objectSpread({}, existingSyncBlock.data), {}, {
-              sourceURL: sourceURL
+              sourceURL: sourceInfo === null || sourceInfo === void 0 ? void 0 : sourceInfo.url,
+              sourceTitle: sourceInfo === null || sourceInfo === void 0 ? void 0 : sourceInfo.title
             });
             _this.updateCache(existingSyncBlock);
+            if (sourceInfo !== null && sourceInfo !== void 0 && sourceInfo.title) {
+              _this.updateSourceTitleSubscriptions(existingSyncBlock.resourceId, sourceInfo.title);
+            }
           }
         }).finally(function () {
           _this.syncBlockURLRequests.set(resourceId, false);
@@ -156,7 +161,7 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
             case 7:
               resolvedData = [];
               data.forEach(function (syncBlockInstance) {
-                var _resolvedSyncBlockIns;
+                var _resolvedSyncBlockIns, _resolvedSyncBlockIns2;
                 if (!syncBlockInstance.resourceId) {
                   return;
                 }
@@ -165,9 +170,9 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
                 _this2.updateCache(resolvedSyncBlockInstance);
                 resolvedData.push(resolvedSyncBlockInstance);
 
-                // fetch source URL if not already present
-                if (!((_resolvedSyncBlockIns = resolvedSyncBlockInstance.data) !== null && _resolvedSyncBlockIns !== void 0 && _resolvedSyncBlockIns.sourceURL) && resolvedSyncBlockInstance.resourceId) {
-                  _this2.fetchSyncBlockSourceURL(resolvedSyncBlockInstance.resourceId);
+                // 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);
                 }
               });
               return _context3.abrupt("return", resolvedData);
@@ -196,6 +201,16 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
         }
       }
     }
+  }, {
+    key: "updateSourceTitleSubscriptions",
+    value: function updateSourceTitleSubscriptions(resourceId, title) {
+      var callbacks = this.titleSubscriptions.get(resourceId);
+      if (callbacks) {
+        Object.values(callbacks).forEach(function (callback) {
+          callback(title);
+        });
+      }
+    }
   }, {
     key: "getFromCache",
     value: function getFromCache(resourceId) {
@@ -207,20 +222,9 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
       this.syncBlockCache.delete(resourceId);
     }
   }, {
-    key: "subscribe",
-    value: function subscribe(node, callback) {
+    key: "subscribeToSyncBlock",
+    value: function subscribeToSyncBlock(resourceId, localId, callback) {
       var _this3 = this;
-      // check node is a sync block, as we only support sync block subscriptions
-      if (node.type.name !== 'syncBlock') {
-        return function () {};
-      }
-      var _node$attrs = node.attrs,
-        resourceId = _node$attrs.resourceId,
-        localId = _node$attrs.localId;
-      if (!localId || !resourceId) {
-        return function () {};
-      }
-
       // add to subscriptions map
       var resourceSubscriptions = this.subscriptions.get(resourceId) || {};
       this.subscriptions.set(resourceId, _objectSpread(_objectSpread({}, resourceSubscriptions), {}, _defineProperty({}, localId, callback)));
@@ -245,6 +249,56 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
         }
       };
     }
+  }, {
+    key: "subscribeToSourceTitle",
+    value: function subscribeToSourceTitle(node, callback) {
+      var _cachedData$data,
+        _this4 = this;
+      // check node is a sync block, as we only support sync block subscriptions
+      if (node.type.name !== 'syncBlock') {
+        return function () {};
+      }
+      var _node$attrs = node.attrs,
+        resourceId = _node$attrs.resourceId,
+        localId = _node$attrs.localId;
+      if (!localId || !resourceId) {
+        return function () {};
+      }
+      var cachedData = this.getFromCache(resourceId);
+      if (cachedData !== null && cachedData !== void 0 && (_cachedData$data = cachedData.data) !== null && _cachedData$data !== void 0 && _cachedData$data.sourceTitle) {
+        callback(cachedData.data.sourceTitle);
+      }
+
+      // add to subscriptions map
+      var resourceSubscriptions = this.titleSubscriptions.get(resourceId) || {};
+      this.titleSubscriptions.set(resourceId, _objectSpread(_objectSpread({}, resourceSubscriptions), {}, _defineProperty({}, localId, callback)));
+      return function () {
+        var resourceSubscriptions = _this4.titleSubscriptions.get(resourceId);
+        if (resourceSubscriptions) {
+          delete resourceSubscriptions[localId];
+          if (Object.keys(resourceSubscriptions).length === 0) {
+            _this4.titleSubscriptions.delete(resourceId);
+          } else {
+            _this4.titleSubscriptions.set(resourceId, resourceSubscriptions);
+          }
+        }
+      };
+    }
+  }, {
+    key: "subscribe",
+    value: function subscribe(node, callback) {
+      // check node is a sync block, as we only support sync block subscriptions
+      if (node.type.name !== 'syncBlock') {
+        return function () {};
+      }
+      var _node$attrs2 = node.attrs,
+        resourceId = _node$attrs2.resourceId,
+        localId = _node$attrs2.localId;
+      if (!localId || !resourceId) {
+        return function () {};
+      }
+      return this.subscribeToSyncBlock(resourceId, localId, callback);
+    }
 
     /**
      * Get the URL for a sync block.

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

@@ -34,6 +34,11 @@ export var SyncBlockStoreManager = /*#__PURE__*/function () {
       }
       return this.referenceSyncBlockStoreManager.fetchSyncBlocksData(syncBlockNodes);
     }
+  }, {
+    key: "getReferenceSyncBlockStoreManager",
+    value: function getReferenceSyncBlockStoreManager() {
+      return this.referenceSyncBlockStoreManager;
+    }
 
     /**
      * Add/update a sync block node to/from the local cache
@@ -105,6 +110,11 @@ export var SyncBlockStoreManager = /*#__PURE__*/function () {
     value: function subscribeToSyncBlockData(node, callback) {
       return this.referenceSyncBlockStoreManager.subscribe(node, callback);
     }
+  }, {
+    key: "subscribeToSyncBlockSourceTitle",
+    value: function subscribeToSyncBlockSourceTitle(node, callback) {
+      return this.referenceSyncBlockStoreManager.subscribeToSourceTitle(node, callback);
+    }
   }, {
     key: "refreshSubscriptions",
     value: function refreshSubscriptions() {

package/dist/esm/utils/resolveSyncBlockInstance.js

@@ -12,7 +12,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
  * @returns A merged SyncBlockInstance object.
  */
 export var resolveSyncBlockInstance = function resolveSyncBlockInstance(oldResult, newResult) {
-  var _newResult$data, _oldResult$data;
+  var _newResult$data, _oldResult$data, _newResult$data2, _oldResult$data2;
   // if the old result has no data, we simple return the new result
   if (!oldResult.data) {
     return newResult;
@@ -22,10 +22,11 @@ export var resolveSyncBlockInstance = function resolveSyncBlockInstance(oldResul
     return oldResult;
   }
 
-  // otherwise, we merge the two results, preserving the sourceURL from the old result if it exists
+  // otherwise, we merge the two results, preserving the sourceURL and sourceTitle from the old result if it exists
   return _objectSpread(_objectSpread({}, newResult), {}, {
     data: _objectSpread(_objectSpread({}, newResult.data), {}, {
-      sourceURL: ((_newResult$data = newResult.data) === null || _newResult$data === void 0 ? void 0 : _newResult$data.sourceURL) || ((_oldResult$data = oldResult.data) === null || _oldResult$data === void 0 ? void 0 : _oldResult$data.sourceURL) || undefined
+      sourceURL: ((_newResult$data = newResult.data) === null || _newResult$data === void 0 ? void 0 : _newResult$data.sourceURL) || ((_oldResult$data = oldResult.data) === null || _oldResult$data === void 0 ? void 0 : _oldResult$data.sourceURL) || undefined,
+      sourceTitle: ((_newResult$data2 = newResult.data) === null || _newResult$data2 === void 0 ? void 0 : _newResult$data2.sourceTitle) || ((_oldResult$data2 = oldResult.data) === null || _oldResult$data2 === void 0 ? void 0 : _oldResult$data2.sourceTitle) || undefined
     })
   });
 };

package/dist/types/common/schema.d.ts

@@ -3,4 +3,4 @@
  * Otherwise we could import defaultSchemaConfig from '@atlaskit/adf-schema/schema-default';
  * @returns
  */
-export declare const getDefaultSyncBlockSchema: () => import("prosemirror-model").Schema<"status" | "doc" | "paragraph" | "text" | "bulletList" | "orderedList" | "listItem" | "heading" | "blockquote" | "codeBlock" | "panel" | "rule" | "expand" | "nestedExpand" | "table" | "tableCell" | "tableHeader" | "tableRow" | "date" | "layoutSection" | "layoutColumn" | "unsupportedBlock" | "unsupportedInline", "link" | "em" | "strong" | "strike" | "subsup" | "underline" | "code" | "textColor" | "backgroundColor" | "alignment" | "indentation" | "border" | "unsupportedMark" | "unsupportedNodeAttribute" | "typeAheadQuery">;
+export declare const getDefaultSyncBlockSchema: () => import("prosemirror-model").Schema<"doc" | "paragraph" | "text" | "bulletList" | "orderedList" | "listItem" | "heading" | "blockquote" | "codeBlock" | "panel" | "rule" | "expand" | "nestedExpand" | "table" | "tableCell" | "tableHeader" | "tableRow" | "date" | "status" | "layoutSection" | "layoutColumn" | "unsupportedBlock" | "unsupportedInline", "link" | "em" | "strong" | "strike" | "subsup" | "underline" | "code" | "textColor" | "backgroundColor" | "alignment" | "indentation" | "border" | "unsupportedMark" | "unsupportedNodeAttribute" | "typeAheadQuery">;

package/dist/types/common/types.d.ts

@@ -24,6 +24,7 @@ export interface SyncBlockData {
     isSynced?: boolean;
     resourceId: ResourceId;
     sourceDocumentAri?: string;
+    sourceTitle?: string;
     sourceURL?: string;
     updatedAt?: string;
 }

package/dist/types/hooks/useFetchSyncBlockData.d.ts

@@ -1,5 +1,8 @@
-import { type Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { SyncBlockInstance } from '../providers/types';
 import type { SyncBlockStoreManager } from '../store-manager/syncBlockStoreManager';
-export declare const SYNC_BLOCK_FETCH_INTERVAL = 3000;
-export declare const useFetchSyncBlockData: (manager: SyncBlockStoreManager, syncBlockNode: PMNode) => SyncBlockInstance | null;
+export interface UseFetchSyncBlockDataResult {
+    isLoading: boolean;
+    reloadData: () => Promise<void>;
+    syncBlockInstance: SyncBlockInstance | null;
+}
+export declare const useFetchSyncBlockData: (manager: SyncBlockStoreManager, resourceId?: string, localId?: string) => UseFetchSyncBlockDataResult;

package/dist/types/hooks/useFetchSyncBlockTitle.d.ts

@@ -0,0 +1,3 @@
+import { type Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import type { SyncBlockStoreManager } from '../store-manager/syncBlockStoreManager';
+export declare const useFetchSyncBlockTitle: (manager: SyncBlockStoreManager, syncBlockNode: PMNode) => string | undefined;

package/dist/types/index.d.ts

@@ -1,13 +1,16 @@
-export { SyncBlockProvider as SyncedBlockProvider, useMemoizedSyncedBlockProvider, } from './providers/syncBlockProvider';
-export { SyncBlockStoreManager } from './store-manager/syncBlockStoreManager';
-export { useFetchSyncBlockData } from './hooks/useFetchSyncBlockData';
-export { useHandleContentChanges } from './hooks/useHandleContentChanges';
-export type { SyncBlockData, SyncBlockNode } from './common/types';
-export type { SyncBlockDataProvider, ADFFetchProvider, ADFWriteProvider, SyncBlockInstance, } from './providers/types';
-export { SyncBlockError } from './common/types';
+export { rebaseTransaction } from './common/rebase-transaction';
 export { getDefaultSyncBlockSchema } from './common/schema';
+export { SyncBlockError } from './common/types';
+export type { SyncBlockData, SyncBlockNode } from './common/types';
+export { useFetchSyncBlockData, type UseFetchSyncBlockDataResult, } from './hooks/useFetchSyncBlockData';
+export { useFetchSyncBlockTitle } from './hooks/useFetchSyncBlockTitle';
+export { useHandleContentChanges } from './hooks/useHandleContentChanges';
 export { createContentAPIProvidersWithDefaultKey, useMemoizedContentAPIProviders, } from './providers/confluence/confluenceContentAPI';
+export { SyncBlockProvider as SyncedBlockProvider, useMemoizedSyncedBlockProvider, } from './providers/syncBlockProvider';
+export type { ADFFetchProvider, ADFWriteProvider, SyncBlockDataProvider, SyncBlockInstance, } from './providers/types';
+export { ReferenceSyncBlockStoreManager } from './store-manager/referenceSyncBlockStoreManager';
+export { SyncBlockStoreManager } from './store-manager/syncBlockStoreManager';
 export { getConfluencePageAri, getPageIdAndTypeFromAri } from './utils/ari';
-export { convertSyncBlockPMNodeToSyncBlockData } from './utils/utils';
-export { rebaseTransaction } from './common/rebase-transaction';
+export { createSyncBlockNode } from './utils/createSyncBlock';
 export { resolveSyncBlockInstance } from './utils/resolveSyncBlockInstance';
+export { convertSyncBlockPMNodeToSyncBlockData } from './utils/utils';