@atlaskit/editor-synced-block-provider 22.0.5 → 22.1.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/editor-synced-block-provider
 
+## 22.1.0
+
+### Minor Changes
+
+- [`63c2a47db7f66`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/63c2a47db7f66) -
+  Pass the current editor document into the lookup for synced locations behind
+  platform_editor_blocks_patch_12, including references added, removed, or unsynced before saving.
+  Reconcile saved references with the current document, preserving locations on other documents.
+
+## 22.0.6
+
+### Patch Changes
+
+- [`ed9aabfa3a701`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ed9aabfa3a701) -
+  Fix synced-block reference rendering with fetch-only providers by skipping local same-document
+  detection when reference IDs cannot be generated.
+
 ## 22.0.5
 
 ### Patch Changes

package/dist/cjs/providers/syncBlockProvider.js

@@ -398,6 +398,11 @@ var SyncedBlockProvider = exports.SyncedBlockProvider = /*#__PURE__*/function (_
         resourceId: resourceId
       };
     }
+  }, {
+    key: "canGenerateResourceIdForReference",
+    value: function canGenerateResourceIdForReference() {
+      return this.writeProvider !== undefined;
+    }
   }, {
     key: "generateResourceIdForReference",
     value: function generateResourceIdForReference(sourceId) {

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

@@ -187,6 +187,12 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
     value: function getSubscribedResourceIds() {
       return this._subscriptionManager.getSubscribedResourceIds();
     }
+  }, {
+    key: "getSubscribedLocalIds",
+    value: function getSubscribedLocalIds(resourceId) {
+      var _this$_subscriptionMa;
+      return Object.keys((_this$_subscriptionMa = this._subscriptionManager.getSubscriptions().get(resourceId)) !== null && _this$_subscriptionMa !== void 0 ? _this$_subscriptionMa : {});
+    }
 
     /**
      * Registers a listener that will be called when subscriptions change.
@@ -266,8 +272,9 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
   }, {
     key: "getSameDocumentReferenceParts",
     value: function getSameDocumentReferenceParts(resourceId) {
+      var _this$dataProvider$ca, _this$dataProvider3;
       var parsed = (0, _resourceId.parseResourceId)(resourceId);
-      if (!parsed || !this.dataProvider || this.dataProvider.generateResourceIdForReference(parsed.uuid) !== resourceId) {
+      if (!parsed || !this.dataProvider || (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_blocks_patch_12') && ((_this$dataProvider$ca = (_this$dataProvider3 = this.dataProvider).canGenerateResourceIdForReference) === null || _this$dataProvider$ca === void 0 ? void 0 : _this$dataProvider$ca.call(_this$dataProvider3)) === false || this.dataProvider.generateResourceIdForReference(parsed.uuid) !== resourceId) {
         return undefined;
       }
       return parsed;
@@ -761,8 +768,8 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
       var sanitizedSyncBlock = this.normalizeReferenceData(syncBlock);
       var resourceId = sanitizedSyncBlock.resourceId;
       if (resourceId) {
-        var _this$dataProvider3;
-        (_this$dataProvider3 = this.dataProvider) === null || _this$dataProvider3 === void 0 || _this$dataProvider3.updateCache((0, _defineProperty2.default)({}, resourceId, sanitizedSyncBlock), {
+        var _this$dataProvider4;
+        (_this$dataProvider4 = this.dataProvider) === null || _this$dataProvider4 === void 0 || _this$dataProvider4.updateCache((0, _defineProperty2.default)({}, resourceId, sanitizedSyncBlock), {
           strategy: 'merge',
           source: 'network'
         });
@@ -773,15 +780,15 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
   }, {
     key: "getFromCache",
     value: function getFromCache(resourceId) {
-      var _this$dataProvider4;
+      var _this$dataProvider5;
       var syncBlockNode = (0, _utils.createSyncBlockNode)('', resourceId);
-      return (_this$dataProvider4 = this.dataProvider) === null || _this$dataProvider4 === void 0 || (_this$dataProvider4 = _this$dataProvider4.getNodeDataFromCache(syncBlockNode)) === null || _this$dataProvider4 === void 0 ? void 0 : _this$dataProvider4.data;
+      return (_this$dataProvider5 = this.dataProvider) === null || _this$dataProvider5 === void 0 || (_this$dataProvider5 = _this$dataProvider5.getNodeDataFromCache(syncBlockNode)) === null || _this$dataProvider5 === void 0 ? void 0 : _this$dataProvider5.data;
     }
   }, {
     key: "deleteFromCache",
     value: function deleteFromCache(resourceId) {
-      var _this$dataProvider5;
-      (_this$dataProvider5 = this.dataProvider) === null || _this$dataProvider5 === void 0 || _this$dataProvider5.removeFromCache([resourceId]);
+      var _this$dataProvider6;
+      (_this$dataProvider6 = this.dataProvider) === null || _this$dataProvider6 === void 0 || _this$dataProvider6.removeFromCache([resourceId]);
       this._providerFactoryManager.deleteFactory(resourceId);
       // Evict in-flight source-info promise and reset reschedule counter
       // so a stale resolution can't silently merge into a re-fetched entry.
@@ -1265,7 +1272,7 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
   }, {
     key: "destroy",
     value: function destroy() {
-      var _this$dataProvider6, _this$saveExperience5, _this$fetchExperience0, _this$fetchSourceInfo2;
+      var _this$dataProvider7, _this$saveExperience5, _this$fetchExperience0, _this$fetchSourceInfo2;
       // Mark destroyed first so in-flight timer callbacks can early-return.
       this.isDestroyed = true;
 
@@ -1291,7 +1298,7 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
       this._subscriptionManager.destroy();
       this._providerFactoryManager.destroy();
       this._batchFetcher.destroy();
-      (_this$dataProvider6 = this.dataProvider) === null || _this$dataProvider6 === void 0 || _this$dataProvider6.resetCache();
+      (_this$dataProvider7 = this.dataProvider) === null || _this$dataProvider7 === void 0 || _this$dataProvider7.resetCache();
       this.dataProvider = undefined;
       this.syncBlockFetchDataRequests.clear();
       this.syncBlockSourceInfoRequests.clear();

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

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.useMemoizedSyncBlockStoreManager = exports.SyncBlockStoreManager = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
@@ -20,6 +21,9 @@ var _experienceTracking = require("../utils/experienceTracking");
 var _utils = require("../utils/utils");
 var _referenceSyncBlockStoreManager = require("./referenceSyncBlockStoreManager");
 var _sourceSyncBlockStoreManager = require("./sourceSyncBlockStoreManager");
+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; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 // A parent store manager responsible for the lifecycle and state management of sync blocks in an editor instance.
@@ -44,49 +48,80 @@ var SyncBlockStoreManager = exports.SyncBlockStoreManager = /*#__PURE__*/functio
     value: function isSyncBlock(node) {
       return this.sourceSyncBlockStoreManager.isSourceBlock(node) || this.referenceSyncBlockStoreManager.isReferenceBlock(node);
     }
+  }, {
+    key: "getDocumentReferenceIds",
+    value: function getDocumentReferenceIds(resourceId, doc) {
+      var _this = this;
+      if (!doc) {
+        return undefined;
+      }
+      var localIds = new Set();
+      doc.descendants(function (node) {
+        if (_this.referenceManager.isReferenceBlock(node) && node.attrs.resourceId === resourceId && node.attrs.localId) {
+          localIds.add(node.attrs.localId);
+        }
+      });
+      return localIds;
+    }
   }, {
     key: "fetchReferencesSourceInfo",
     value: function () {
-      var _fetchReferencesSourceInfo = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(resourceId, blockInstanceId, isSourceSyncBlock) {
-        var _this = this;
-        var _this$fetchReferences, _response$references, _this$fetchReferences3, _response$references2, response, _this$fetchReferences2, sourceInfoPromises, sourceInfos, sourceSyncBlockData, _this$fireAnalyticsEv, _t;
-        return _regenerator.default.wrap(function (_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
+      var _fetchReferencesSourceInfo = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(resourceId, blockInstanceId, isSourceSyncBlock, doc) {
+        var _this2 = this;
+        var _this$fetchReferences, _response$references, _this$fetchReferences4, response, _this$fetchReferences2, patchEnabled, referenceResourceId, documentIds, localIds, references, _this$fetchReferences3, sourceInfoPromises, sourceInfos, sourceSyncBlockData, registeredLocalIds, _iterator, _step, reference, localSourceInfos, _this$fireAnalyticsEv, _t;
+        return _regenerator.default.wrap(function (_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
             case 0:
-              _context2.prev = 0;
+              _context3.prev = 0;
               if (this.dataProvider) {
-                _context2.next = 1;
+                _context3.next = 1;
                 break;
               }
               throw new Error('Data provider not set');
             case 1:
               (_this$fetchReferences = this.fetchReferencesExperience) === null || _this$fetchReferences === void 0 || _this$fetchReferences.start();
-              _context2.next = 2;
+              _context3.next = 2;
               return this.dataProvider.fetchReferences(resourceId, isSourceSyncBlock);
             case 2:
-              response = _context2.sent;
+              response = _context3.sent;
               if (!response.error) {
-                _context2.next = 3;
+                _context3.next = 3;
                 break;
               }
               (_this$fetchReferences2 = this.fetchReferencesExperience) === null || _this$fetchReferences2 === void 0 || _this$fetchReferences2.failure({
                 reason: response.error
               });
-              return _context2.abrupt("return", {
+              return _context3.abrupt("return", {
                 error: response.error
               });
             case 3:
-              if (!(!response.references || ((_response$references = response.references) === null || _response$references === void 0 ? void 0 : _response$references.length) === 0)) {
-                _context2.next = 4;
+              patchEnabled = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_blocks_patch_12');
+              referenceResourceId = patchEnabled && isSourceSyncBlock ? this.referenceSyncBlockStoreManager.generateResourceIdForReference(resourceId) : resourceId;
+              documentIds = patchEnabled ? this.getDocumentReferenceIds(referenceResourceId, doc) : undefined;
+              localIds = patchEnabled ? documentIds ? (0, _toConsumableArray2.default)(documentIds) : this.referenceSyncBlockStoreManager.getSubscribedLocalIds(referenceResourceId) : []; // Saved references on this document can already have been removed in the editor.
+              references = ((_response$references = response.references) !== null && _response$references !== void 0 ? _response$references : []).filter(function (reference) {
+                return documentIds === undefined || !reference.onSameDocument || Boolean(reference.blockInstanceId && documentIds.has(reference.blockInstanceId));
+              });
+              if (!(references.length === 0 && localIds.length === 0)) {
+                _context3.next = 5;
+                break;
+              }
+              if (!(documentIds !== undefined)) {
+                _context3.next = 4;
                 break;
               }
-              return _context2.abrupt("return", this.getUnregisteredReferences(resourceId, blockInstanceId, isSourceSyncBlock));
-            case 4:
               (_this$fetchReferences3 = this.fetchReferencesExperience) === null || _this$fetchReferences3 === void 0 || _this$fetchReferences3.success();
-              sourceInfoPromises = ((_response$references2 = response.references) !== null && _response$references2 !== void 0 ? _response$references2 : []).map( /*#__PURE__*/function () {
+              return _context3.abrupt("return", {
+                references: []
+              });
+            case 4:
+              return _context3.abrupt("return", this.getUnregisteredReferences(resourceId, blockInstanceId, isSourceSyncBlock));
+            case 5:
+              (_this$fetchReferences4 = this.fetchReferencesExperience) === null || _this$fetchReferences4 === void 0 || _this$fetchReferences4.success();
+              sourceInfoPromises = references.map( /*#__PURE__*/function () {
                 var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(reference) {
-                  var _this$fetchSourceInfo, _this$dataProvider, _this$fetchSourceInfo3;
-                  var sourceInfo, _this$fetchSourceInfo2;
+                  var _this2$fetchSourceInf, _this2$dataProvider, _this2$fetchSourceInf3;
+                  var sourceInfo, _this2$fetchSourceInf2;
                   return _regenerator.default.wrap(function (_context) {
                     while (1) switch (_context.prev = _context.next) {
                       case 0:
@@ -94,23 +129,23 @@ var SyncBlockStoreManager = exports.SyncBlockStoreManager = /*#__PURE__*/functio
                           _context.next = 1;
                           break;
                         }
-                        return _context.abrupt("return", _this.fetchRestrictedReferenceInfo(reference.documentAri));
+                        return _context.abrupt("return", _this2.fetchRestrictedReferenceInfo(reference.documentAri));
                       case 1:
-                        (_this$fetchSourceInfo = _this.fetchSourceInfoExperience) === null || _this$fetchSourceInfo === void 0 || _this$fetchSourceInfo.start();
+                        (_this2$fetchSourceInf = _this2.fetchSourceInfoExperience) === null || _this2$fetchSourceInf === void 0 || _this2$fetchSourceInf.start();
                         _context.next = 2;
-                        return (_this$dataProvider = _this.dataProvider) === null || _this$dataProvider === void 0 ? void 0 : _this$dataProvider.fetchSyncBlockSourceInfo(reference.blockInstanceId || '', reference.documentAri, (0, _ari.getProductFromSourceAri)(reference.documentAri), reference.hasAccess);
+                        return (_this2$dataProvider = _this2.dataProvider) === null || _this2$dataProvider === void 0 ? void 0 : _this2$dataProvider.fetchSyncBlockSourceInfo(reference.blockInstanceId || '', reference.documentAri, (0, _ari.getProductFromSourceAri)(reference.documentAri), reference.hasAccess);
                       case 2:
                         sourceInfo = _context.sent;
                         if (sourceInfo) {
                           _context.next = 3;
                           break;
                         }
-                        (_this$fetchSourceInfo2 = _this.fetchSourceInfoExperience) === null || _this$fetchSourceInfo2 === void 0 || _this$fetchSourceInfo2.failure({
+                        (_this2$fetchSourceInf2 = _this2.fetchSourceInfoExperience) === null || _this2$fetchSourceInf2 === void 0 || _this2$fetchSourceInf2.failure({
                           reason: "no source info returned for ari: ".concat(reference.documentAri)
                         });
                         return _context.abrupt("return", undefined);
                       case 3:
-                        (_this$fetchSourceInfo3 = _this.fetchSourceInfoExperience) === null || _this$fetchSourceInfo3 === void 0 || _this$fetchSourceInfo3.success();
+                        (_this2$fetchSourceInf3 = _this2.fetchSourceInfoExperience) === null || _this2$fetchSourceInf3 === void 0 || _this2$fetchSourceInf3.success();
                         return _context.abrupt("return", _objectSpread(_objectSpread(_objectSpread({}, sourceInfo), {}, {
                           onSameDocument: reference.onSameDocument
                         }, reference.locationScope !== undefined && {
@@ -125,18 +160,18 @@ var SyncBlockStoreManager = exports.SyncBlockStoreManager = /*#__PURE__*/functio
                     }
                   }, _callee);
                 }));
-                return function (_x4) {
+                return function (_x5) {
                   return _ref.apply(this, arguments);
                 };
               }());
-              _context2.next = 5;
+              _context3.next = 6;
               return Promise.all(sourceInfoPromises);
-            case 5:
-              sourceInfos = _context2.sent;
-              _context2.next = 6;
-              return isSourceSyncBlock ? this.sourceSyncBlockStoreManager.getSyncBlockSourceInfo(blockInstanceId) : this.referenceSyncBlockStoreManager.fetchSyncBlockSourceInfo(resourceId);
             case 6:
-              sourceSyncBlockData = _context2.sent;
+              sourceInfos = _context3.sent;
+              _context3.next = 7;
+              return isSourceSyncBlock ? this.sourceSyncBlockStoreManager.getSyncBlockSourceInfo(blockInstanceId) : this.referenceSyncBlockStoreManager.fetchSyncBlockSourceInfo(resourceId);
+            case 7:
+              sourceSyncBlockData = _context3.sent;
               if (sourceSyncBlockData) {
                 sourceInfos.push(_objectSpread(_objectSpread({}, sourceSyncBlockData), {}, {
                   onSameDocument: Boolean(sourceSyncBlockData === null || sourceSyncBlockData === void 0 ? void 0 : sourceSyncBlockData.onSameDocument),
@@ -145,26 +180,74 @@ var SyncBlockStoreManager = exports.SyncBlockStoreManager = /*#__PURE__*/functio
                   productType: sourceSyncBlockData === null || sourceSyncBlockData === void 0 ? void 0 : sourceSyncBlockData.productType
                 }));
               }
-              return _context2.abrupt("return", {
+
+              // Only instances in this editor belong to its unsaved document. A matching
+              // local ID on another document must not hide an unsaved copy here.
+              registeredLocalIds = new Set();
+              _iterator = _createForOfIteratorHelper(references);
+              try {
+                for (_iterator.s(); !(_step = _iterator.n()).done;) {
+                  reference = _step.value;
+                  if (reference.onSameDocument && reference.blockInstanceId) {
+                    registeredLocalIds.add(reference.blockInstanceId);
+                  }
+                }
+              } catch (err) {
+                _iterator.e(err);
+              } finally {
+                _iterator.f();
+              }
+              _context3.next = 8;
+              return Promise.all(localIds.filter(function (localId) {
+                return !registeredLocalIds.has(localId);
+              }).map( /*#__PURE__*/function () {
+                var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(localId) {
+                  var sourceInfo;
+                  return _regenerator.default.wrap(function (_context2) {
+                    while (1) switch (_context2.prev = _context2.next) {
+                      case 0:
+                        _context2.next = 1;
+                        return _this2.referenceSyncBlockStoreManager.fetchSyncBlockSourceInfoByLocalId(localId);
+                      case 1:
+                        sourceInfo = _context2.sent;
+                        return _context2.abrupt("return", sourceInfo ? _objectSpread(_objectSpread({}, sourceInfo), {}, {
+                          onSameDocument: true,
+                          hasAccess: true,
+                          isSource: false
+                        }) : undefined);
+                      case 2:
+                      case "end":
+                        return _context2.stop();
+                    }
+                  }, _callee2);
+                }));
+                return function (_x6) {
+                  return _ref2.apply(this, arguments);
+                };
+              }()));
+            case 8:
+              localSourceInfos = _context3.sent;
+              sourceInfos.push.apply(sourceInfos, (0, _toConsumableArray2.default)(localSourceInfos));
+              return _context3.abrupt("return", {
                 references: sourceInfos
               });
-            case 7:
-              _context2.prev = 7;
-              _t = _context2["catch"](0);
+            case 9:
+              _context3.prev = 9;
+              _t = _context3["catch"](0);
               (0, _error.logException)(_t, {
                 location: 'editor-synced-block-provider/syncBlockStoreManager'
               });
               (_this$fireAnalyticsEv = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv === void 0 || _this$fireAnalyticsEv.call(this, (0, _errorHandling.fetchReferencesErrorPayload)(_t.message, resourceId, (0, _utils.getSourceProductFromResourceIdSafe)(resourceId)));
-              return _context2.abrupt("return", {
+              return _context3.abrupt("return", {
                 error: _types.SyncBlockError.Errored
               });
-            case 8:
+            case 10:
             case "end":
-              return _context2.stop();
+              return _context3.stop();
           }
-        }, _callee2, this, [[0, 7]]);
+        }, _callee3, this, [[0, 9]]);
       }));
-      function fetchReferencesSourceInfo(_x, _x2, _x3) {
+      function fetchReferencesSourceInfo(_x, _x2, _x3, _x4) {
         return _fetchReferencesSourceInfo.apply(this, arguments);
       }
       return fetchReferencesSourceInfo;
@@ -191,13 +274,13 @@ var SyncBlockStoreManager = exports.SyncBlockStoreManager = /*#__PURE__*/functio
   }, {
     key: "destroy",
     value: function destroy() {
-      var _this$fetchReferences4, _this$fetchSourceInfo4;
+      var _this$fetchReferences5, _this$fetchSourceInfo;
       this.referenceSyncBlockStoreManager.destroy();
       this.sourceSyncBlockStoreManager.destroy();
-      (_this$fetchReferences4 = this.fetchReferencesExperience) === null || _this$fetchReferences4 === void 0 || _this$fetchReferences4.abort({
+      (_this$fetchReferences5 = this.fetchReferencesExperience) === null || _this$fetchReferences5 === void 0 || _this$fetchReferences5.abort({
         reason: 'editorDestroyed'
       });
-      (_this$fetchSourceInfo4 = this.fetchSourceInfoExperience) === null || _this$fetchSourceInfo4 === void 0 || _this$fetchSourceInfo4.abort({
+      (_this$fetchSourceInfo = this.fetchSourceInfoExperience) === null || _this$fetchSourceInfo === void 0 || _this$fetchSourceInfo.abort({
         reason: 'editorDestroyed'
       });
     }
@@ -209,41 +292,41 @@ var SyncBlockStoreManager = exports.SyncBlockStoreManager = /*#__PURE__*/functio
   }, {
     key: "fetchRestrictedReferenceInfo",
     value: (function () {
-      var _fetchRestrictedReferenceInfo = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(documentAri) {
-        var _this$fetchSourceInfo5;
-        var productType, url, _this$dataProvider2, _this$fetchSourceInfo6, sourceInfo, _this$fetchSourceInfo7, _t2;
-        return _regenerator.default.wrap(function (_context3) {
-          while (1) switch (_context3.prev = _context3.next) {
+      var _fetchRestrictedReferenceInfo = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4(documentAri) {
+        var _this$fetchSourceInfo2;
+        var productType, url, _this$dataProvider, _this$fetchSourceInfo3, sourceInfo, _this$fetchSourceInfo4, _t2;
+        return _regenerator.default.wrap(function (_context4) {
+          while (1) switch (_context4.prev = _context4.next) {
             case 0:
               if (documentAri) {
-                _context3.next = 1;
+                _context4.next = 1;
                 break;
               }
-              return _context3.abrupt("return", {
+              return _context4.abrupt("return", {
                 sourceAri: '',
                 hasAccess: false,
                 onSameDocument: false
               });
             case 1:
               productType = (0, _ari.getProductFromSourceAri)(documentAri);
-              (_this$fetchSourceInfo5 = this.fetchSourceInfoExperience) === null || _this$fetchSourceInfo5 === void 0 || _this$fetchSourceInfo5.start();
-              _context3.prev = 2;
-              _context3.next = 3;
-              return (_this$dataProvider2 = this.dataProvider) === null || _this$dataProvider2 === void 0 ? void 0 : _this$dataProvider2.fetchSyncBlockSourceInfo(undefined, documentAri, productType, false);
+              (_this$fetchSourceInfo2 = this.fetchSourceInfoExperience) === null || _this$fetchSourceInfo2 === void 0 || _this$fetchSourceInfo2.start();
+              _context4.prev = 2;
+              _context4.next = 3;
+              return (_this$dataProvider = this.dataProvider) === null || _this$dataProvider === void 0 ? void 0 : _this$dataProvider.fetchSyncBlockSourceInfo(undefined, documentAri, productType, false);
             case 3:
-              sourceInfo = _context3.sent;
+              sourceInfo = _context4.sent;
               url = sourceInfo === null || sourceInfo === void 0 ? void 0 : sourceInfo.url;
-              (_this$fetchSourceInfo6 = this.fetchSourceInfoExperience) === null || _this$fetchSourceInfo6 === void 0 || _this$fetchSourceInfo6.success();
-              _context3.next = 5;
+              (_this$fetchSourceInfo3 = this.fetchSourceInfoExperience) === null || _this$fetchSourceInfo3 === void 0 || _this$fetchSourceInfo3.success();
+              _context4.next = 5;
               break;
             case 4:
-              _context3.prev = 4;
-              _t2 = _context3["catch"](2);
-              (_this$fetchSourceInfo7 = this.fetchSourceInfoExperience) === null || _this$fetchSourceInfo7 === void 0 || _this$fetchSourceInfo7.failure({
+              _context4.prev = 4;
+              _t2 = _context4["catch"](2);
+              (_this$fetchSourceInfo4 = this.fetchSourceInfoExperience) === null || _this$fetchSourceInfo4 === void 0 || _this$fetchSourceInfo4.failure({
                 reason: _t2.message
               });
             case 5:
-              return _context3.abrupt("return", {
+              return _context4.abrupt("return", {
                 sourceAri: documentAri,
                 productType: productType,
                 url: url,
@@ -252,11 +335,11 @@ var SyncBlockStoreManager = exports.SyncBlockStoreManager = /*#__PURE__*/functio
               });
             case 6:
             case "end":
-              return _context3.stop();
+              return _context4.stop();
           }
-        }, _callee3, this, [[2, 4]]);
+        }, _callee4, this, [[2, 4]]);
       }));
-      function fetchRestrictedReferenceInfo(_x5) {
+      function fetchRestrictedReferenceInfo(_x7) {
         return _fetchRestrictedReferenceInfo.apply(this, arguments);
       }
       return fetchRestrictedReferenceInfo;
@@ -264,14 +347,14 @@ var SyncBlockStoreManager = exports.SyncBlockStoreManager = /*#__PURE__*/functio
   }, {
     key: "getUnregisteredReferences",
     value: function () {
-      var _getUnregisteredReferences = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4(resourceId, blockInstanceId, isSourceSyncBlock) {
-        var _this$fetchReferences8;
-        var _this$fetchReferences6, referenceResourceId, hasUnregisteredReferenceOnPage, _this$fetchReferences5, _sourceSyncBlockData, _references, sourceSyncBlockReference, referenceSyncBlockReference, references, sourceSyncBlockData, currentPageData, _this$fetchReferences7;
-        return _regenerator.default.wrap(function (_context4) {
-          while (1) switch (_context4.prev = _context4.next) {
+      var _getUnregisteredReferences = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee5(resourceId, blockInstanceId, isSourceSyncBlock) {
+        var _this$fetchReferences9;
+        var _this$fetchReferences7, referenceResourceId, hasUnregisteredReferenceOnPage, _this$fetchReferences6, _sourceSyncBlockData, _references, sourceSyncBlockReference, referenceSyncBlockReference, references, sourceSyncBlockData, currentPageData, _this$fetchReferences8;
+        return _regenerator.default.wrap(function (_context5) {
+          while (1) switch (_context5.prev = _context5.next) {
             case 0:
               if (!isSourceSyncBlock) {
-                _context4.next = 3;
+                _context5.next = 3;
                 break;
               }
               // Verify that a reference sync block for this specific source actually
@@ -280,13 +363,13 @@ var SyncBlockStoreManager = exports.SyncBlockStoreManager = /*#__PURE__*/functio
               referenceResourceId = this.referenceSyncBlockStoreManager.generateResourceIdForReference(resourceId);
               hasUnregisteredReferenceOnPage = this.referenceSyncBlockStoreManager.getSubscribedResourceIds().includes(referenceResourceId);
               if (!hasUnregisteredReferenceOnPage) {
-                _context4.next = 2;
+                _context5.next = 2;
                 break;
               }
-              _context4.next = 1;
+              _context5.next = 1;
               return this.sourceSyncBlockStoreManager.getSyncBlockSourceInfo(blockInstanceId);
             case 1:
-              _sourceSyncBlockData = _context4.sent;
+              _sourceSyncBlockData = _context5.sent;
               _references = [];
               if (_sourceSyncBlockData) {
                 sourceSyncBlockReference = _objectSpread(_objectSpread({}, _sourceSyncBlockData), {}, {
@@ -301,14 +384,14 @@ var SyncBlockStoreManager = exports.SyncBlockStoreManager = /*#__PURE__*/functio
                 });
                 _references.push(sourceSyncBlockReference, referenceSyncBlockReference);
               }
-              (_this$fetchReferences5 = this.fetchReferencesExperience) === null || _this$fetchReferences5 === void 0 || _this$fetchReferences5.success();
-              return _context4.abrupt("return", {
+              (_this$fetchReferences6 = this.fetchReferencesExperience) === null || _this$fetchReferences6 === void 0 || _this$fetchReferences6.success();
+              return _context5.abrupt("return", {
                 references: _references
               });
             case 2:
               // No remote or local reference exists — show info text with link to doco on how to use Synced Blocks
-              (_this$fetchReferences6 = this.fetchReferencesExperience) === null || _this$fetchReferences6 === void 0 || _this$fetchReferences6.success();
-              return _context4.abrupt("return", {
+              (_this$fetchReferences7 = this.fetchReferencesExperience) === null || _this$fetchReferences7 === void 0 || _this$fetchReferences7.success();
+              return _context5.abrupt("return", {
                 references: []
               });
             case 3:
@@ -316,10 +399,10 @@ var SyncBlockStoreManager = exports.SyncBlockStoreManager = /*#__PURE__*/functio
               // still show the source and the current page itself since they are known
               // but not saved yet.
               references = [];
-              _context4.next = 4;
+              _context5.next = 4;
               return this.referenceSyncBlockStoreManager.fetchSyncBlockSourceInfo(resourceId);
             case 4:
-              sourceSyncBlockData = _context4.sent;
+              sourceSyncBlockData = _context5.sent;
               if (sourceSyncBlockData) {
                 references.push(_objectSpread(_objectSpread({}, sourceSyncBlockData), {}, {
                   onSameDocument: Boolean(sourceSyncBlockData === null || sourceSyncBlockData === void 0 ? void 0 : sourceSyncBlockData.onSameDocument),
@@ -327,10 +410,10 @@ var SyncBlockStoreManager = exports.SyncBlockStoreManager = /*#__PURE__*/functio
                   isSource: true
                 }));
               }
-              _context4.next = 5;
+              _context5.next = 5;
               return this.referenceSyncBlockStoreManager.fetchSyncBlockSourceInfoByLocalId(blockInstanceId);
             case 5:
-              currentPageData = _context4.sent;
+              currentPageData = _context5.sent;
               if (currentPageData) {
                 references.push(_objectSpread(_objectSpread({}, currentPageData), {}, {
                   onSameDocument: true,
@@ -339,27 +422,27 @@ var SyncBlockStoreManager = exports.SyncBlockStoreManager = /*#__PURE__*/functio
                 }));
               }
               if (!(references.length === 0)) {
-                _context4.next = 6;
+                _context5.next = 6;
                 break;
               }
-              (_this$fetchReferences7 = this.fetchReferencesExperience) === null || _this$fetchReferences7 === void 0 || _this$fetchReferences7.failure({
+              (_this$fetchReferences8 = this.fetchReferencesExperience) === null || _this$fetchReferences8 === void 0 || _this$fetchReferences8.failure({
                 reason: 'No references found for reference synced block'
               });
-              return _context4.abrupt("return", {
+              return _context5.abrupt("return", {
                 error: _types.SyncBlockError.Errored
               });
             case 6:
-              (_this$fetchReferences8 = this.fetchReferencesExperience) === null || _this$fetchReferences8 === void 0 || _this$fetchReferences8.success();
-              return _context4.abrupt("return", {
+              (_this$fetchReferences9 = this.fetchReferencesExperience) === null || _this$fetchReferences9 === void 0 || _this$fetchReferences9.success();
+              return _context5.abrupt("return", {
                 references: references
               });
             case 7:
             case "end":
-              return _context4.stop();
+              return _context5.stop();
           }
-        }, _callee4, this);
+        }, _callee5, this);
       }));
-      function getUnregisteredReferences(_x6, _x7, _x8) {
+      function getUnregisteredReferences(_x8, _x9, _x0) {
         return _getUnregisteredReferences.apply(this, arguments);
       }
       return getUnregisteredReferences;

package/dist/es2019/providers/syncBlockProvider.js

@@ -252,6 +252,9 @@ export class SyncedBlockProvider extends SyncBlockDataProviderInterface {
       resourceId
     };
   }
+  canGenerateResourceIdForReference() {
+    return this.writeProvider !== undefined;
+  }
   generateResourceIdForReference(sourceId) {
     if (!this.writeProvider) {
       throw new Error('Write provider not set');