@atlaskit/editor-synced-block-provider 0.5.3 → 0.6.0

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @atlaskit/editor-synced-block-provider
 
+## 0.6.0
+
+### Minor Changes
+
+- [`218e1d54178bb`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/218e1d54178bb) -
+  Pre-fetch URL to source blocks
+
 ## 0.5.3
 
 ### Patch Changes

package/dist/cjs/common/syncBlockProvider.js

@@ -5,14 +5,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useMemoizedSyncedBlockProvider = exports.useHandleContentChanges = exports.useFetchDocNode = exports.SyncBlockProvider = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("react");
+var _ari = require("../utils/ari");
 var _utils = require("../utils/utils");
 var _types = require("./types");
 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; }
@@ -25,17 +28,31 @@ var SyncBlockProvider = exports.SyncBlockProvider = /*#__PURE__*/function (_Sync
     (0, _classCallCheck2.default)(this, SyncBlockProvider);
     _this = _callSuper(this, SyncBlockProvider);
     (0, _defineProperty2.default)(_this, "name", 'syncBlockProvider');
-    (0, _defineProperty2.default)(_this, "isNodeSupported", function (node) {
+    _this.fetchProvider = fetchProvider;
+    _this.writeProvider = writeProvider;
+    _this.sourceId = sourceId;
+    return _this;
+  }
+  (0, _inherits2.default)(SyncBlockProvider, _SyncBlockDataProvide);
+  return (0, _createClass2.default)(SyncBlockProvider, [{
+    key: "isNodeSupported",
+    value: function isNodeSupported(node) {
       return node.type === 'syncBlock';
-    });
-    (0, _defineProperty2.default)(_this, "nodeDataKey", function (node) {
+    }
+  }, {
+    key: "nodeDataKey",
+    value: function nodeDataKey(node) {
       return node.attrs.localId;
-    });
-    (0, _defineProperty2.default)(_this, "fetchNodesData", function (nodes) {
+    }
+  }, {
+    key: "fetchNodesData",
+    value: function fetchNodesData(nodes) {
+      var _this2 = this;
       return Promise.all(nodes.map(function (node) {
-        return _this.fetchProvider.fetchData(node.attrs.resourceId);
+        return _this2.fetchProvider.fetchData(node.attrs.resourceId);
       }));
-    });
+    }
+
     /**
      *
      * @param nodes
@@ -43,28 +60,41 @@ var SyncBlockProvider = exports.SyncBlockProvider = /*#__PURE__*/function (_Sync
      *
      * @returns the resource ids of the nodes that were written
      */
-    (0, _defineProperty2.default)(_this, "writeNodesData", function (nodes, data) {
+  }, {
+    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 Blockcontent to write'));
           return;
         }
-        var resourceId = _this.writeProvider.writeData(data[index]);
+        var resourceId = _this3.writeProvider.writeData(data[index]);
         resourceIds.push(resourceId);
       });
       return Promise.all(resourceIds);
-    });
-    (0, _defineProperty2.default)(_this, "getSourceId", function () {
-      return _this.sourceId;
-    });
-    _this.fetchProvider = fetchProvider;
-    _this.writeProvider = writeProvider;
-    _this.sourceId = sourceId;
-    return _this;
-  }
-  (0, _inherits2.default)(SyncBlockProvider, _SyncBlockDataProvide);
-  return (0, _createClass2.default)(SyncBlockProvider);
+    }
+  }, {
+    key: "getSourceId",
+    value: function getSourceId() {
+      return this.sourceId;
+    }
+  }, {
+    key: "retrieveSyncBlockSourceUrl",
+    value: function retrieveSyncBlockSourceUrl(node) {
+      var resourceId = node.attrs.resourceId;
+      var pageARI;
+      if (resourceId && typeof resourceId === 'string') {
+        try {
+          pageARI = (0, _ari.getPageARIFromResourceId)(resourceId);
+        } catch (error) {
+          return Promise.reject(error);
+        }
+      }
+      return pageARI ? fetchURLfromARI(pageARI) : Promise.resolve(undefined);
+    }
+  }]);
 }(_types.SyncBlockDataProvider);
 var useFetchDocNode = exports.useFetchDocNode = function useFetchDocNode(editorView, node, defaultDocNode, provider) {
   var _useState = (0, _react.useState)(defaultDocNode),
@@ -118,4 +148,55 @@ var useHandleContentChanges = exports.useHandleContentChanges = function useHand
     };
     provider === null || provider === void 0 || provider.writeNodesData([syncBlockNode], [data]);
   }, [isSource, node, provider, updatedDoc]);
-};
+};
+var fetchURLfromARI = /*#__PURE__*/function () {
+  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(ari) {
+    var response, _payload$data, payload, url;
+    return _regenerator.default.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _context.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 = _context.sent;
+          if (!response.ok) {
+            _context.next = 12;
+            break;
+          }
+          _context.next = 6;
+          return response.json();
+        case 6:
+          payload = _context.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')) {
+            _context.next = 10;
+            break;
+          }
+          return _context.abrupt("return", url);
+        case 10:
+          _context.next = 13;
+          break;
+        case 12:
+          //eslint-disable-next-line no-console
+          console.error('Failed to fetch URL from ARI', response.statusText);
+        case 13:
+          return _context.abrupt("return", undefined);
+        case 14:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return function fetchURLfromARI(_x) {
+    return _ref.apply(this, arguments);
+  };
+}();

package/dist/cjs/common/syncBlockStoreManager.js

@@ -25,7 +25,64 @@ var SyncBlockStoreManager = exports.SyncBlockStoreManager = /*#__PURE__*/functio
     this.syncBlocks = new Map();
     this.dataProvider = dataProvider;
   }
+
+  /**
+   * Add/update a sync block node to the store.
+   * @param node - The sync block node to add
+   * @returns True if the sync block node was added/updated
+   */
   return (0, _createClass2.default)(SyncBlockStoreManager, [{
+    key: "updateSyncBlockNode",
+    value: function updateSyncBlockNode(node) {
+      var _this = this;
+      var _node$attrs = node.attrs,
+        localId = _node$attrs.localId,
+        resourceId = _node$attrs.resourceId;
+      if (!localId || !resourceId) {
+        return false;
+      }
+      var existingSyncBlock = this.syncBlocks.get(resourceId);
+      var sourceURL = existingSyncBlock === null || existingSyncBlock === void 0 ? void 0 : existingSyncBlock.sourceURL; //avoid fetching the URL again
+
+      // if the sync block is a reference block, we need to fetch the URL to the source
+      // we could optimise this further by checking if the sync block is on the same page as the source
+      if (!sourceURL && !this.isSourceBlock(node) && this.dataProvider) {
+        this.syncBlocks.set(resourceId, {
+          resourceId: resourceId,
+          sourceLocalId: localId,
+          sourceURL: undefined
+        });
+        this.dataProvider.retrieveSyncBlockSourceUrl({
+          attrs: {
+            localId: localId,
+            resourceId: resourceId
+          },
+          type: 'syncBlock'
+        }).then(function (url) {
+          if (_this.syncBlocks.has(resourceId)) {
+            _this.syncBlocks.set(resourceId, {
+              resourceId: resourceId,
+              sourceLocalId: localId,
+              sourceURL: url
+            });
+          }
+        }); // prefetch the data for the sync block URL
+      }
+      return true;
+    }
+
+    /**
+     * Get the URL for a sync block.
+     * @param resourceId - The resource ID of the sync block to get the URL for
+     * @returns
+     */
+  }, {
+    key: "getSyncBlockURL",
+    value: function getSyncBlockURL(resourceId) {
+      var syncBlock = this.syncBlocks.get(resourceId);
+      return syncBlock === null || syncBlock === void 0 ? void 0 : syncBlock.sourceURL;
+    }
+  }, {
     key: "setEditorView",
     value: function setEditorView(editorView) {
       this.editorView = editorView;
@@ -47,9 +104,9 @@ var SyncBlockStoreManager = exports.SyncBlockStoreManager = /*#__PURE__*/functio
       if (node.type.name !== 'syncBlock') {
         return false;
       }
-      var _node$attrs = node.attrs,
-        resourceId = _node$attrs.resourceId,
-        localId = _node$attrs.localId;
+      var _node$attrs2 = node.attrs,
+        resourceId = _node$attrs2.resourceId,
+        localId = _node$attrs2.localId;
       var sourceId = (_this$dataProvider = this.dataProvider) === null || _this$dataProvider === void 0 ? void 0 : _this$dataProvider.getSourceId();
       if (!sourceId) {
         return false;
@@ -59,10 +116,10 @@ var SyncBlockStoreManager = exports.SyncBlockStoreManager = /*#__PURE__*/functio
   }, {
     key: "registerConfirmationCallback",
     value: function registerConfirmationCallback(callback) {
-      var _this = this;
+      var _this2 = this;
       this.confirmationCallback = callback;
       return function () {
-        _this.confirmationCallback = undefined;
+        _this2.confirmationCallback = undefined;
       };
     }
   }, {
@@ -76,7 +133,10 @@ var SyncBlockStoreManager = exports.SyncBlockStoreManager = /*#__PURE__*/functio
       var _this$dataProvider2;
       var localId = (0, _uuid.default)();
       var sourceId = (_this$dataProvider2 = this.dataProvider) === null || _this$dataProvider2 === void 0 ? void 0 : _this$dataProvider2.getSourceId();
-      var resourceId = sourceId ? (0, _ari.resourceIdFromSourceAndLocalId)(sourceId, localId) : localId;
+      if (!sourceId) {
+        throw new Error('Provider of sync block plugin is not set');
+      }
+      var resourceId = (0, _ari.resourceIdFromSourceAndLocalId)(sourceId, localId);
       var syncBlockNode = {
         attrs: {
           resourceId: resourceId,
@@ -84,17 +144,13 @@ var SyncBlockStoreManager = exports.SyncBlockStoreManager = /*#__PURE__*/functio
         },
         type: 'syncBlock'
       };
-      this.syncBlocks.set(syncBlockNode.attrs.resourceId, {
-        resourceId: syncBlockNode.attrs.resourceId,
-        sourceLocalId: syncBlockNode.attrs.localId
-      });
       return syncBlockNode;
     }
   }, {
     key: "deleteSyncBlocksWithConfirmation",
     value: function () {
       var _deleteSyncBlocksWithConfirmation = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(tr, syncBlockIds) {
-        var _this2 = this;
+        var _this3 = this;
         var confirmed, _this$editorView;
         return _regenerator.default.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
@@ -113,7 +169,7 @@ var SyncBlockStoreManager = exports.SyncBlockStoreManager = /*#__PURE__*/functio
                 // Need to update the BE on deletion
                 syncBlockIds.forEach(function (_ref) {
                   var resourceId = _ref.resourceId;
-                  return _this2.syncBlocks.delete(resourceId);
+                  return _this3.syncBlocks.delete(resourceId);
                 });
               }
               this.confirmationTransaction = undefined;

package/dist/cjs/index.js

@@ -27,12 +27,6 @@ Object.defineProperty(exports, "createContentAPIProvidersWithDefaultKey", {
     return _confluenceContentAPI.createContentAPIProvidersWithDefaultKey;
   }
 });
-Object.defineProperty(exports, "generateSyncBlockSourceUrl", {
-  enumerable: true,
-  get: function get() {
-    return _utils.generateSyncBlockSourceUrl;
-  }
-});
 Object.defineProperty(exports, "getConfluencePageAri", {
   enumerable: true,
   get: function get() {

package/dist/cjs/utils/ari.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.resourceIdFromSourceAndLocalId = exports.getPageIdFromAri = exports.getLocalIdFromAri = exports.getContentPropertyIdFromAri = exports.getContentPropertyAri = exports.getConfluencePageAri = void 0;
+exports.resourceIdFromSourceAndLocalId = exports.getPageIdFromAri = exports.getPageARIFromResourceId = exports.getLocalIdFromAri = exports.getContentPropertyIdFromAri = exports.getContentPropertyAri = exports.getConfluencePageAri = void 0;
 var getConfluencePageAri = exports.getConfluencePageAri = function getConfluencePageAri(pageId, cloudId) {
   return "ari:cloud:confluence:".concat(cloudId, ":page/").concat(pageId);
 };
@@ -29,6 +29,14 @@ var getLocalIdFromAri = exports.getLocalIdFromAri = function getLocalIdFromAri(a
   }
   throw new Error("Invalid page ARI: ".concat(ari));
 };
+var getPageARIFromResourceId = exports.getPageARIFromResourceId = function getPageARIFromResourceId(resourceId) {
+  // eslint-disable-next-line require-unicode-regexp
+  var match = resourceId.match(/(ari:cloud:confluence:[^:]+:page\/\d+)\/([a-zA-Z0-9-]+)$/);
+  if (match !== null && match !== void 0 && match[1]) {
+    return match[1];
+  }
+  throw new Error("Invalid resourceId: ".concat(resourceId));
+};
 var getContentPropertyAri = exports.getContentPropertyAri = function getContentPropertyAri(contentPropertyId, cloudId) {
   return "ari:cloud:confluence:".concat(cloudId, ":content/").concat(contentPropertyId);
 };

package/dist/cjs/utils/utils.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.generateSyncBlockSourceUrl = exports.convertSyncBlockPMNodeToSyncBlockData = void 0;
+exports.convertSyncBlockPMNodeToSyncBlockData = void 0;
 var _editorJsonTransformer = require("@atlaskit/editor-json-transformer");
 var convertSyncBlockPMNodeToSyncBlockData = exports.convertSyncBlockPMNodeToSyncBlockData = function convertSyncBlockPMNodeToSyncBlockData(node) {
   var includeContent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
@@ -19,15 +19,4 @@ var convertSyncBlockPMNodeToSyncBlockData = exports.convertSyncBlockPMNodeToSync
     },
     content: includeContent ? node.content.content.map(toJSON) : undefined
   };
-};
-var generateSyncBlockSourceUrl = exports.generateSyncBlockSourceUrl = function generateSyncBlockSourceUrl(node) {
-  var _node$attrs = node.attrs,
-    localId = _node$attrs.localId,
-    resourceId = _node$attrs.resourceId;
-  // TODO: EDITOR-1644 - To be implemented under EDITOR-1644
-  // below is a temporary implementation for the url generation
-  var url = new URL(location.origin + location.pathname);
-  url.searchParams.set('localId', localId);
-  url.searchParams.set('resourceId', resourceId);
-  return url.toString();
 };

package/dist/es2019/common/syncBlockProvider.js

@@ -1,44 +1,64 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { useEffect, useState, useMemo } from 'react';
+import { getPageARIFromResourceId } from '../utils/ari';
 import { convertSyncBlockPMNodeToSyncBlockData } from '../utils/utils';
 import { SyncBlockDataProvider } from './types';
 export class SyncBlockProvider extends SyncBlockDataProvider {
   constructor(fetchProvider, writeProvider, sourceId) {
     super();
     _defineProperty(this, "name", 'syncBlockProvider');
-    _defineProperty(this, "isNodeSupported", node => node.type === 'syncBlock');
-    _defineProperty(this, "nodeDataKey", node => node.attrs.localId);
-    _defineProperty(this, "fetchNodesData", nodes => {
-      return Promise.all(nodes.map(node => {
-        return this.fetchProvider.fetchData(node.attrs.resourceId);
-      }));
-    });
-    /**
-     *
-     * @param nodes
-     * @param data
-     *
-     * @returns the resource ids of the nodes that were written
-     */
-    _defineProperty(this, "writeNodesData", (nodes, data) => {
-      const resourceIds = [];
-      nodes.forEach((node, index) => {
-        if (!data[index].content) {
-          resourceIds.push(Promise.reject('No Synced Blockcontent to write'));
-          return;
-        }
-        const resourceId = this.writeProvider.writeData(data[index]);
-        resourceIds.push(resourceId);
-      });
-      return Promise.all(resourceIds);
-    });
-    _defineProperty(this, "getSourceId", () => {
-      return this.sourceId;
-    });
     this.fetchProvider = fetchProvider;
     this.writeProvider = writeProvider;
     this.sourceId = sourceId;
   }
+  isNodeSupported(node) {
+    return node.type === 'syncBlock';
+  }
+  nodeDataKey(node) {
+    return node.attrs.localId;
+  }
+  fetchNodesData(nodes) {
+    return Promise.all(nodes.map(node => {
+      return this.fetchProvider.fetchData(node.attrs.resourceId);
+    }));
+  }
+
+  /**
+   *
+   * @param nodes
+   * @param data
+   *
+   * @returns the resource ids of the nodes that were written
+   */
+  writeNodesData(nodes, data) {
+    const resourceIds = [];
+    nodes.forEach((node, index) => {
+      if (!data[index].content) {
+        resourceIds.push(Promise.reject('No Synced Blockcontent to write'));
+        return;
+      }
+      const resourceId = this.writeProvider.writeData(data[index]);
+      resourceIds.push(resourceId);
+    });
+    return Promise.all(resourceIds);
+  }
+  getSourceId() {
+    return this.sourceId;
+  }
+  retrieveSyncBlockSourceUrl(node) {
+    const {
+      resourceId
+    } = node.attrs;
+    let pageARI;
+    if (resourceId && typeof resourceId === 'string') {
+      try {
+        pageARI = getPageARIFromResourceId(resourceId);
+      } catch (error) {
+        return Promise.reject(error);
+      }
+    }
+    return pageARI ? fetchURLfromARI(pageARI) : Promise.resolve(undefined);
+  }
 }
 export const useFetchDocNode = (editorView, node, defaultDocNode, provider) => {
   const [docNode, setDocNode] = useState(defaultDocNode);
@@ -90,4 +110,28 @@ export const useHandleContentChanges = (updatedDoc, isSource, node, provider) =>
     };
     provider === null || provider === void 0 ? void 0 : provider.writeNodesData([syncBlockNode], [data]);
   }, [isSource, node, provider, updatedDoc]);
+};
+const fetchURLfromARI = async ari => {
+  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;
+    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;
+    if (typeof url === 'string') {
+      return url;
+    }
+  } else {
+    //eslint-disable-next-line no-console
+    console.error('Failed to fetch URL from ARI', response.statusText);
+  }
+  return undefined;
 };

package/dist/es2019/common/syncBlockStoreManager.js

@@ -15,6 +15,59 @@ export class SyncBlockStoreManager {
     this.syncBlocks = new Map();
     this.dataProvider = dataProvider;
   }
+
+  /**
+   * Add/update a sync block node to the store.
+   * @param node - The sync block node to add
+   * @returns True if the sync block node was added/updated
+   */
+  updateSyncBlockNode(node) {
+    const {
+      localId,
+      resourceId
+    } = node.attrs;
+    if (!localId || !resourceId) {
+      return false;
+    }
+    const existingSyncBlock = this.syncBlocks.get(resourceId);
+    const sourceURL = existingSyncBlock === null || existingSyncBlock === void 0 ? void 0 : existingSyncBlock.sourceURL; //avoid fetching the URL again
+
+    // if the sync block is a reference block, we need to fetch the URL to the source
+    // we could optimise this further by checking if the sync block is on the same page as the source
+    if (!sourceURL && !this.isSourceBlock(node) && this.dataProvider) {
+      this.syncBlocks.set(resourceId, {
+        resourceId,
+        sourceLocalId: localId,
+        sourceURL: undefined
+      });
+      this.dataProvider.retrieveSyncBlockSourceUrl({
+        attrs: {
+          localId,
+          resourceId
+        },
+        type: 'syncBlock'
+      }).then(url => {
+        if (this.syncBlocks.has(resourceId)) {
+          this.syncBlocks.set(resourceId, {
+            resourceId,
+            sourceLocalId: localId,
+            sourceURL: url
+          });
+        }
+      }); // prefetch the data for the sync block URL
+    }
+    return true;
+  }
+
+  /**
+   * Get the URL for a sync block.
+   * @param resourceId - The resource ID of the sync block to get the URL for
+   * @returns
+   */
+  getSyncBlockURL(resourceId) {
+    const syncBlock = this.syncBlocks.get(resourceId);
+    return syncBlock === null || syncBlock === void 0 ? void 0 : syncBlock.sourceURL;
+  }
   setEditorView(editorView) {
     this.editorView = editorView;
   }
@@ -52,7 +105,10 @@ export class SyncBlockStoreManager {
     var _this$dataProvider2;
     const localId = uuid();
     const sourceId = (_this$dataProvider2 = this.dataProvider) === null || _this$dataProvider2 === void 0 ? void 0 : _this$dataProvider2.getSourceId();
-    const resourceId = sourceId ? resourceIdFromSourceAndLocalId(sourceId, localId) : localId;
+    if (!sourceId) {
+      throw new Error('Provider of sync block plugin is not set');
+    }
+    const resourceId = resourceIdFromSourceAndLocalId(sourceId, localId);
     const syncBlockNode = {
       attrs: {
         resourceId,
@@ -60,10 +116,6 @@ export class SyncBlockStoreManager {
       },
       type: 'syncBlock'
     };
-    this.syncBlocks.set(syncBlockNode.attrs.resourceId, {
-      resourceId: syncBlockNode.attrs.resourceId,
-      sourceLocalId: syncBlockNode.attrs.localId
-    });
     return syncBlockNode;
   }
   async deleteSyncBlocksWithConfirmation(tr, syncBlockIds) {

package/dist/es2019/index.js

@@ -6,5 +6,5 @@ export { inMemoryFetchProvider, inMemoryWriteProvider } from './providers/inMemo
 export { getDefaultSyncBlockSchema } from './common/schema';
 export { createContentAPIProvidersWithDefaultKey, useMemoizedContentAPIProviders } from './providers/confluenceContentAPI';
 export { getConfluencePageAri } from './utils/ari';
-export { convertSyncBlockPMNodeToSyncBlockData, generateSyncBlockSourceUrl } from './utils/utils';
+export { convertSyncBlockPMNodeToSyncBlockData } from './utils/utils';
 export { rebaseTransaction } from './common/rebase-transaction';

package/dist/es2019/utils/ari.js

@@ -21,6 +21,14 @@ export const getLocalIdFromAri = ari => {
   }
   throw new Error(`Invalid page ARI: ${ari}`);
 };
+export const getPageARIFromResourceId = resourceId => {
+  // eslint-disable-next-line require-unicode-regexp
+  const match = resourceId.match(/(ari:cloud:confluence:[^:]+:page\/\d+)\/([a-zA-Z0-9-]+)$/);
+  if (match !== null && match !== void 0 && match[1]) {
+    return match[1];
+  }
+  throw new Error(`Invalid resourceId: ${resourceId}`);
+};
 export const getContentPropertyAri = (contentPropertyId, cloudId) => `ari:cloud:confluence:${cloudId}:content/${contentPropertyId}`;
 export const getContentPropertyIdFromAri = ari => {
   // eslint-disable-next-line require-unicode-regexp

package/dist/es2019/utils/utils.js

@@ -10,16 +10,4 @@ export const convertSyncBlockPMNodeToSyncBlockData = (node, includeContent = fal
     },
     content: includeContent ? node.content.content.map(toJSON) : undefined
   };
-};
-export const generateSyncBlockSourceUrl = node => {
-  const {
-    localId,
-    resourceId
-  } = node.attrs;
-  // TODO: EDITOR-1644 - To be implemented under EDITOR-1644
-  // below is a temporary implementation for the url generation
-  const url = new URL(location.origin + location.pathname);
-  url.searchParams.set('localId', localId);
-  url.searchParams.set('resourceId', resourceId);
-  return url.toString();
 };

package/dist/esm/common/syncBlockProvider.js

@@ -1,15 +1,18 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _createClass from "@babel/runtime/helpers/createClass";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+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; }
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import { useEffect, useState, useMemo } from 'react';
+import { getPageARIFromResourceId } from '../utils/ari';
 import { convertSyncBlockPMNodeToSyncBlockData } from '../utils/utils';
 import { SyncBlockDataProvider } from './types';
 export var SyncBlockProvider = /*#__PURE__*/function (_SyncBlockDataProvide) {
@@ -18,17 +21,31 @@ export var SyncBlockProvider = /*#__PURE__*/function (_SyncBlockDataProvide) {
     _classCallCheck(this, SyncBlockProvider);
     _this = _callSuper(this, SyncBlockProvider);
     _defineProperty(_this, "name", 'syncBlockProvider');
-    _defineProperty(_this, "isNodeSupported", function (node) {
+    _this.fetchProvider = fetchProvider;
+    _this.writeProvider = writeProvider;
+    _this.sourceId = sourceId;
+    return _this;
+  }
+  _inherits(SyncBlockProvider, _SyncBlockDataProvide);
+  return _createClass(SyncBlockProvider, [{
+    key: "isNodeSupported",
+    value: function isNodeSupported(node) {
       return node.type === 'syncBlock';
-    });
-    _defineProperty(_this, "nodeDataKey", function (node) {
+    }
+  }, {
+    key: "nodeDataKey",
+    value: function nodeDataKey(node) {
       return node.attrs.localId;
-    });
-    _defineProperty(_this, "fetchNodesData", function (nodes) {
+    }
+  }, {
+    key: "fetchNodesData",
+    value: function fetchNodesData(nodes) {
+      var _this2 = this;
       return Promise.all(nodes.map(function (node) {
-        return _this.fetchProvider.fetchData(node.attrs.resourceId);
+        return _this2.fetchProvider.fetchData(node.attrs.resourceId);
       }));
-    });
+    }
+
     /**
      *
      * @param nodes
@@ -36,28 +53,41 @@ export var SyncBlockProvider = /*#__PURE__*/function (_SyncBlockDataProvide) {
      *
      * @returns the resource ids of the nodes that were written
      */
-    _defineProperty(_this, "writeNodesData", function (nodes, data) {
+  }, {
+    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 Blockcontent to write'));
           return;
         }
-        var resourceId = _this.writeProvider.writeData(data[index]);
+        var resourceId = _this3.writeProvider.writeData(data[index]);
         resourceIds.push(resourceId);
       });
       return Promise.all(resourceIds);
-    });
-    _defineProperty(_this, "getSourceId", function () {
-      return _this.sourceId;
-    });
-    _this.fetchProvider = fetchProvider;
-    _this.writeProvider = writeProvider;
-    _this.sourceId = sourceId;
-    return _this;
-  }
-  _inherits(SyncBlockProvider, _SyncBlockDataProvide);
-  return _createClass(SyncBlockProvider);
+    }
+  }, {
+    key: "getSourceId",
+    value: function getSourceId() {
+      return this.sourceId;
+    }
+  }, {
+    key: "retrieveSyncBlockSourceUrl",
+    value: function retrieveSyncBlockSourceUrl(node) {
+      var resourceId = node.attrs.resourceId;
+      var pageARI;
+      if (resourceId && typeof resourceId === 'string') {
+        try {
+          pageARI = getPageARIFromResourceId(resourceId);
+        } catch (error) {
+          return Promise.reject(error);
+        }
+      }
+      return pageARI ? fetchURLfromARI(pageARI) : Promise.resolve(undefined);
+    }
+  }]);
 }(SyncBlockDataProvider);
 export var useFetchDocNode = function useFetchDocNode(editorView, node, defaultDocNode, provider) {
   var _useState = useState(defaultDocNode),
@@ -111,4 +141,55 @@ export var useHandleContentChanges = function useHandleContentChanges(updatedDoc
     };
     provider === null || provider === void 0 || provider.writeNodesData([syncBlockNode], [data]);
   }, [isSource, node, provider, updatedDoc]);
-};
+};
+var fetchURLfromARI = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(ari) {
+    var response, _payload$data, payload, url;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _context.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 = _context.sent;
+          if (!response.ok) {
+            _context.next = 12;
+            break;
+          }
+          _context.next = 6;
+          return response.json();
+        case 6:
+          payload = _context.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')) {
+            _context.next = 10;
+            break;
+          }
+          return _context.abrupt("return", url);
+        case 10:
+          _context.next = 13;
+          break;
+        case 12:
+          //eslint-disable-next-line no-console
+          console.error('Failed to fetch URL from ARI', response.statusText);
+        case 13:
+          return _context.abrupt("return", undefined);
+        case 14:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return function fetchURLfromARI(_x) {
+    return _ref.apply(this, arguments);
+  };
+}();

package/dist/esm/common/syncBlockStoreManager.js

@@ -20,7 +20,64 @@ export var SyncBlockStoreManager = /*#__PURE__*/function () {
     this.syncBlocks = new Map();
     this.dataProvider = dataProvider;
   }
+
+  /**
+   * Add/update a sync block node to the store.
+   * @param node - The sync block node to add
+   * @returns True if the sync block node was added/updated
+   */
   return _createClass(SyncBlockStoreManager, [{
+    key: "updateSyncBlockNode",
+    value: function updateSyncBlockNode(node) {
+      var _this = this;
+      var _node$attrs = node.attrs,
+        localId = _node$attrs.localId,
+        resourceId = _node$attrs.resourceId;
+      if (!localId || !resourceId) {
+        return false;
+      }
+      var existingSyncBlock = this.syncBlocks.get(resourceId);
+      var sourceURL = existingSyncBlock === null || existingSyncBlock === void 0 ? void 0 : existingSyncBlock.sourceURL; //avoid fetching the URL again
+
+      // if the sync block is a reference block, we need to fetch the URL to the source
+      // we could optimise this further by checking if the sync block is on the same page as the source
+      if (!sourceURL && !this.isSourceBlock(node) && this.dataProvider) {
+        this.syncBlocks.set(resourceId, {
+          resourceId: resourceId,
+          sourceLocalId: localId,
+          sourceURL: undefined
+        });
+        this.dataProvider.retrieveSyncBlockSourceUrl({
+          attrs: {
+            localId: localId,
+            resourceId: resourceId
+          },
+          type: 'syncBlock'
+        }).then(function (url) {
+          if (_this.syncBlocks.has(resourceId)) {
+            _this.syncBlocks.set(resourceId, {
+              resourceId: resourceId,
+              sourceLocalId: localId,
+              sourceURL: url
+            });
+          }
+        }); // prefetch the data for the sync block URL
+      }
+      return true;
+    }
+
+    /**
+     * Get the URL for a sync block.
+     * @param resourceId - The resource ID of the sync block to get the URL for
+     * @returns
+     */
+  }, {
+    key: "getSyncBlockURL",
+    value: function getSyncBlockURL(resourceId) {
+      var syncBlock = this.syncBlocks.get(resourceId);
+      return syncBlock === null || syncBlock === void 0 ? void 0 : syncBlock.sourceURL;
+    }
+  }, {
     key: "setEditorView",
     value: function setEditorView(editorView) {
       this.editorView = editorView;
@@ -42,9 +99,9 @@ export var SyncBlockStoreManager = /*#__PURE__*/function () {
       if (node.type.name !== 'syncBlock') {
         return false;
       }
-      var _node$attrs = node.attrs,
-        resourceId = _node$attrs.resourceId,
-        localId = _node$attrs.localId;
+      var _node$attrs2 = node.attrs,
+        resourceId = _node$attrs2.resourceId,
+        localId = _node$attrs2.localId;
       var sourceId = (_this$dataProvider = this.dataProvider) === null || _this$dataProvider === void 0 ? void 0 : _this$dataProvider.getSourceId();
       if (!sourceId) {
         return false;
@@ -54,10 +111,10 @@ export var SyncBlockStoreManager = /*#__PURE__*/function () {
   }, {
     key: "registerConfirmationCallback",
     value: function registerConfirmationCallback(callback) {
-      var _this = this;
+      var _this2 = this;
       this.confirmationCallback = callback;
       return function () {
-        _this.confirmationCallback = undefined;
+        _this2.confirmationCallback = undefined;
       };
     }
   }, {
@@ -71,7 +128,10 @@ export var SyncBlockStoreManager = /*#__PURE__*/function () {
       var _this$dataProvider2;
       var localId = uuid();
       var sourceId = (_this$dataProvider2 = this.dataProvider) === null || _this$dataProvider2 === void 0 ? void 0 : _this$dataProvider2.getSourceId();
-      var resourceId = sourceId ? resourceIdFromSourceAndLocalId(sourceId, localId) : localId;
+      if (!sourceId) {
+        throw new Error('Provider of sync block plugin is not set');
+      }
+      var resourceId = resourceIdFromSourceAndLocalId(sourceId, localId);
       var syncBlockNode = {
         attrs: {
           resourceId: resourceId,
@@ -79,17 +139,13 @@ export var SyncBlockStoreManager = /*#__PURE__*/function () {
         },
         type: 'syncBlock'
       };
-      this.syncBlocks.set(syncBlockNode.attrs.resourceId, {
-        resourceId: syncBlockNode.attrs.resourceId,
-        sourceLocalId: syncBlockNode.attrs.localId
-      });
       return syncBlockNode;
     }
   }, {
     key: "deleteSyncBlocksWithConfirmation",
     value: function () {
       var _deleteSyncBlocksWithConfirmation = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(tr, syncBlockIds) {
-        var _this2 = this;
+        var _this3 = this;
         var confirmed, _this$editorView;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
@@ -108,7 +164,7 @@ export var SyncBlockStoreManager = /*#__PURE__*/function () {
                 // Need to update the BE on deletion
                 syncBlockIds.forEach(function (_ref) {
                   var resourceId = _ref.resourceId;
-                  return _this2.syncBlocks.delete(resourceId);
+                  return _this3.syncBlocks.delete(resourceId);
                 });
               }
               this.confirmationTransaction = undefined;

package/dist/esm/index.js

@@ -6,5 +6,5 @@ export { inMemoryFetchProvider, inMemoryWriteProvider } from './providers/inMemo
 export { getDefaultSyncBlockSchema } from './common/schema';
 export { createContentAPIProvidersWithDefaultKey, useMemoizedContentAPIProviders } from './providers/confluenceContentAPI';
 export { getConfluencePageAri } from './utils/ari';
-export { convertSyncBlockPMNodeToSyncBlockData, generateSyncBlockSourceUrl } from './utils/utils';
+export { convertSyncBlockPMNodeToSyncBlockData } from './utils/utils';
 export { rebaseTransaction } from './common/rebase-transaction';

package/dist/esm/utils/ari.js

@@ -23,6 +23,14 @@ export var getLocalIdFromAri = function getLocalIdFromAri(ari) {
   }
   throw new Error("Invalid page ARI: ".concat(ari));
 };
+export var getPageARIFromResourceId = function getPageARIFromResourceId(resourceId) {
+  // eslint-disable-next-line require-unicode-regexp
+  var match = resourceId.match(/(ari:cloud:confluence:[^:]+:page\/\d+)\/([a-zA-Z0-9-]+)$/);
+  if (match !== null && match !== void 0 && match[1]) {
+    return match[1];
+  }
+  throw new Error("Invalid resourceId: ".concat(resourceId));
+};
 export var getContentPropertyAri = function getContentPropertyAri(contentPropertyId, cloudId) {
   return "ari:cloud:confluence:".concat(cloudId, ":content/").concat(contentPropertyId);
 };

package/dist/esm/utils/utils.js

@@ -13,15 +13,4 @@ export var convertSyncBlockPMNodeToSyncBlockData = function convertSyncBlockPMNo
     },
     content: includeContent ? node.content.content.map(toJSON) : undefined
   };
-};
-export var generateSyncBlockSourceUrl = function generateSyncBlockSourceUrl(node) {
-  var _node$attrs = node.attrs,
-    localId = _node$attrs.localId,
-    resourceId = _node$attrs.resourceId;
-  // TODO: EDITOR-1644 - To be implemented under EDITOR-1644
-  // below is a temporary implementation for the url generation
-  var url = new URL(location.origin + location.pathname);
-  url.searchParams.set('localId', localId);
-  url.searchParams.set('resourceId', resourceId);
-  return url.toString();
 };

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

@@ -9,9 +9,9 @@ export declare class SyncBlockProvider extends SyncBlockDataProvider {
     private writeProvider;
     private sourceId;
     constructor(fetchProvider: ADFFetchProvider, writeProvider: ADFWriteProvider, sourceId: string);
-    isNodeSupported: (node: JSONNode) => node is SyncBlockNode;
-    nodeDataKey: (node: SyncBlockNode) => string;
-    fetchNodesData: (nodes: SyncBlockNode[]) => Promise<SyncBlockData[]>;
+    isNodeSupported(node: JSONNode): node is SyncBlockNode;
+    nodeDataKey(node: SyncBlockNode): string;
+    fetchNodesData(nodes: SyncBlockNode[]): Promise<SyncBlockData[]>;
     /**
      *
      * @param nodes
@@ -19,8 +19,9 @@ export declare class SyncBlockProvider extends SyncBlockDataProvider {
      *
      * @returns the resource ids of the nodes that were written
      */
-    writeNodesData: (nodes: SyncBlockNode[], data: SyncBlockData[]) => Promise<Array<string | undefined>>;
-    getSourceId: () => string;
+    writeNodesData(nodes: SyncBlockNode[], data: SyncBlockData[]): Promise<Array<string | undefined>>;
+    getSourceId(): string;
+    retrieveSyncBlockSourceUrl(node: SyncBlockNode): Promise<string | undefined>;
 }
 export declare const useFetchDocNode: (editorView: EditorView, node: PMNode, defaultDocNode: DocNode, provider?: SyncBlockDataProvider) => DocNode;
 export declare const useMemoizedSyncedBlockProvider: (fetchProvider: ADFFetchProvider, writeProvider: ADFWriteProvider, sourceId: string) => SyncBlockProvider;

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

@@ -3,6 +3,7 @@ import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorState, Transaction } from '@atlaskit/editor-prosemirror/state';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { SyncBlockAttrs, SyncBlockDataProvider, SyncBlockNode } from './types';
+type ResourceId = string;
 export interface SyncBlock {
     /**
      * The local content of the block,
@@ -11,6 +12,7 @@ export interface SyncBlock {
     content?: ADFEntity;
     resourceId: string;
     sourceLocalId: string;
+    sourceURL?: string;
 }
 type ConfirmationCallback = () => Promise<boolean>;
 export declare class SyncBlockStoreManager {
@@ -21,6 +23,18 @@ export declare class SyncBlockStoreManager {
     private confirmationTransaction?;
     private syncBlockNestedEditorView?;
     constructor(dataProvider?: SyncBlockDataProvider);
+    /**
+     * Add/update a sync block node to the store.
+     * @param node - The sync block node to add
+     * @returns True if the sync block node was added/updated
+     */
+    updateSyncBlockNode(node: PMNode): boolean;
+    /**
+     * Get the URL for a sync block.
+     * @param resourceId - The resource ID of the sync block to get the URL for
+     * @returns
+     */
+    getSyncBlockURL(resourceId: ResourceId): string | undefined;
     setEditorView(editorView: EditorView | undefined): void;
     setSyncBlockNestedEditorView(editorView: EditorView | undefined): void;
     getSyncBlockNestedEditorView(): EditorView | undefined;

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

@@ -28,6 +28,7 @@ export interface ADFWriteProvider {
     writeData: (data: SyncBlockData) => Promise<string>;
 }
 export declare abstract class SyncBlockDataProvider extends NodeDataProvider<SyncBlockNode, SyncBlockData> {
-    abstract writeNodesData: (nodes: SyncBlockNode[], data: SyncBlockData[]) => Promise<Array<string | undefined>>;
-    abstract getSourceId: () => string;
+    abstract writeNodesData(nodes: SyncBlockNode[], data: SyncBlockData[]): Promise<Array<string | undefined>>;
+    abstract getSourceId(): string;
+    abstract retrieveSyncBlockSourceUrl(node: SyncBlockNode): Promise<string | undefined>;
 }

package/dist/types/index.d.ts

@@ -5,5 +5,5 @@ export { inMemoryFetchProvider, inMemoryWriteProvider } from './providers/inMemo
 export { getDefaultSyncBlockSchema } from './common/schema';
 export { createContentAPIProvidersWithDefaultKey, useMemoizedContentAPIProviders, } from './providers/confluenceContentAPI';
 export { getConfluencePageAri } from './utils/ari';
-export { convertSyncBlockPMNodeToSyncBlockData, generateSyncBlockSourceUrl } from './utils/utils';
+export { convertSyncBlockPMNodeToSyncBlockData } from './utils/utils';
 export { rebaseTransaction } from './common/rebase-transaction';

package/dist/types/utils/ari.d.ts

@@ -6,6 +6,7 @@ export declare const getPageIdFromAri: (ari: string) => string;
  * @returns
  */
 export declare const getLocalIdFromAri: (ari: string) => string;
+export declare const getPageARIFromResourceId: (resourceId: string) => string;
 export declare const getContentPropertyAri: (contentPropertyId: string, cloudId: string) => string;
 export declare const getContentPropertyIdFromAri: (ari: string) => string;
 export declare const resourceIdFromSourceAndLocalId: (sourceId: string, localId: string) => string;

package/dist/types/utils/utils.d.ts

@@ -1,4 +1,3 @@
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { SyncBlockNode } from '../common/types';
 export declare const convertSyncBlockPMNodeToSyncBlockData: (node: PMNode, includeContent?: boolean) => SyncBlockNode;
-export declare const generateSyncBlockSourceUrl: (node: PMNode) => string;

package/dist/types-ts4.5/common/syncBlockProvider.d.ts

@@ -9,9 +9,9 @@ export declare class SyncBlockProvider extends SyncBlockDataProvider {
     private writeProvider;
     private sourceId;
     constructor(fetchProvider: ADFFetchProvider, writeProvider: ADFWriteProvider, sourceId: string);
-    isNodeSupported: (node: JSONNode) => node is SyncBlockNode;
-    nodeDataKey: (node: SyncBlockNode) => string;
-    fetchNodesData: (nodes: SyncBlockNode[]) => Promise<SyncBlockData[]>;
+    isNodeSupported(node: JSONNode): node is SyncBlockNode;
+    nodeDataKey(node: SyncBlockNode): string;
+    fetchNodesData(nodes: SyncBlockNode[]): Promise<SyncBlockData[]>;
     /**
      *
      * @param nodes
@@ -19,8 +19,9 @@ export declare class SyncBlockProvider extends SyncBlockDataProvider {
      *
      * @returns the resource ids of the nodes that were written
      */
-    writeNodesData: (nodes: SyncBlockNode[], data: SyncBlockData[]) => Promise<Array<string | undefined>>;
-    getSourceId: () => string;
+    writeNodesData(nodes: SyncBlockNode[], data: SyncBlockData[]): Promise<Array<string | undefined>>;
+    getSourceId(): string;
+    retrieveSyncBlockSourceUrl(node: SyncBlockNode): Promise<string | undefined>;
 }
 export declare const useFetchDocNode: (editorView: EditorView, node: PMNode, defaultDocNode: DocNode, provider?: SyncBlockDataProvider) => DocNode;
 export declare const useMemoizedSyncedBlockProvider: (fetchProvider: ADFFetchProvider, writeProvider: ADFWriteProvider, sourceId: string) => SyncBlockProvider;

package/dist/types-ts4.5/common/syncBlockStoreManager.d.ts

@@ -3,6 +3,7 @@ import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorState, Transaction } from '@atlaskit/editor-prosemirror/state';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { SyncBlockAttrs, SyncBlockDataProvider, SyncBlockNode } from './types';
+type ResourceId = string;
 export interface SyncBlock {
     /**
      * The local content of the block,
@@ -11,6 +12,7 @@ export interface SyncBlock {
     content?: ADFEntity;
     resourceId: string;
     sourceLocalId: string;
+    sourceURL?: string;
 }
 type ConfirmationCallback = () => Promise<boolean>;
 export declare class SyncBlockStoreManager {
@@ -21,6 +23,18 @@ export declare class SyncBlockStoreManager {
     private confirmationTransaction?;
     private syncBlockNestedEditorView?;
     constructor(dataProvider?: SyncBlockDataProvider);
+    /**
+     * Add/update a sync block node to the store.
+     * @param node - The sync block node to add
+     * @returns True if the sync block node was added/updated
+     */
+    updateSyncBlockNode(node: PMNode): boolean;
+    /**
+     * Get the URL for a sync block.
+     * @param resourceId - The resource ID of the sync block to get the URL for
+     * @returns
+     */
+    getSyncBlockURL(resourceId: ResourceId): string | undefined;
     setEditorView(editorView: EditorView | undefined): void;
     setSyncBlockNestedEditorView(editorView: EditorView | undefined): void;
     getSyncBlockNestedEditorView(): EditorView | undefined;

package/dist/types-ts4.5/common/types.d.ts

@@ -28,6 +28,7 @@ export interface ADFWriteProvider {
     writeData: (data: SyncBlockData) => Promise<string>;
 }
 export declare abstract class SyncBlockDataProvider extends NodeDataProvider<SyncBlockNode, SyncBlockData> {
-    abstract writeNodesData: (nodes: SyncBlockNode[], data: SyncBlockData[]) => Promise<Array<string | undefined>>;
-    abstract getSourceId: () => string;
+    abstract writeNodesData(nodes: SyncBlockNode[], data: SyncBlockData[]): Promise<Array<string | undefined>>;
+    abstract getSourceId(): string;
+    abstract retrieveSyncBlockSourceUrl(node: SyncBlockNode): Promise<string | undefined>;
 }

package/dist/types-ts4.5/index.d.ts

@@ -5,5 +5,5 @@ export { inMemoryFetchProvider, inMemoryWriteProvider } from './providers/inMemo
 export { getDefaultSyncBlockSchema } from './common/schema';
 export { createContentAPIProvidersWithDefaultKey, useMemoizedContentAPIProviders, } from './providers/confluenceContentAPI';
 export { getConfluencePageAri } from './utils/ari';
-export { convertSyncBlockPMNodeToSyncBlockData, generateSyncBlockSourceUrl } from './utils/utils';
+export { convertSyncBlockPMNodeToSyncBlockData } from './utils/utils';
 export { rebaseTransaction } from './common/rebase-transaction';

package/dist/types-ts4.5/utils/ari.d.ts

@@ -6,6 +6,7 @@ export declare const getPageIdFromAri: (ari: string) => string;
  * @returns
  */
 export declare const getLocalIdFromAri: (ari: string) => string;
+export declare const getPageARIFromResourceId: (resourceId: string) => string;
 export declare const getContentPropertyAri: (contentPropertyId: string, cloudId: string) => string;
 export declare const getContentPropertyIdFromAri: (ari: string) => string;
 export declare const resourceIdFromSourceAndLocalId: (sourceId: string, localId: string) => string;

package/dist/types-ts4.5/utils/utils.d.ts

@@ -1,4 +1,3 @@
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { SyncBlockNode } from '../common/types';
 export declare const convertSyncBlockPMNodeToSyncBlockData: (node: PMNode, includeContent?: boolean) => SyncBlockNode;
-export declare const generateSyncBlockSourceUrl: (node: PMNode) => string;

package/package.json

@@ -33,7 +33,7 @@
 		"@atlaskit/primitives": "^15.0.0",
 		"@atlaskit/tokens": "^6.5.0",
 		"@babel/runtime": "^7.0.0",
-		"@compiled/react": "^0.18.3",
+		"@compiled/react": "^0.18.6",
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
@@ -82,7 +82,7 @@
 		}
 	},
 	"name": "@atlaskit/editor-synced-block-provider",
-	"version": "0.5.3",
+	"version": "0.6.0",
 	"description": "Synced Block Provider for @atlaskit/editor-plugin-synced-block",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",