@atlaskit/editor-synced-block-provider 3.31.0 → 3.31.2

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

@@ -0,0 +1,198 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SyncBlockSubscriptionManager = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _monitoring = require("@atlaskit/editor-common/monitoring");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _errorHandling = require("../utils/errorHandling");
+var _resolveSyncBlockInstance = require("../utils/resolveSyncBlockInstance");
+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; }
+/**
+ * Manages the lifecycle of GraphQL WebSocket subscriptions for sync block
+ * real-time updates, and provides a listener API so React components can
+ * react when the set of subscribed resource IDs changes.
+ */
+var SyncBlockSubscriptionManager = exports.SyncBlockSubscriptionManager = /*#__PURE__*/function () {
+  function SyncBlockSubscriptionManager(deps) {
+    (0, _classCallCheck2.default)(this, SyncBlockSubscriptionManager);
+    (0, _defineProperty2.default)(this, "graphqlSubscriptions", new Map());
+    (0, _defineProperty2.default)(this, "subscriptionChangeListeners", new Set());
+    (0, _defineProperty2.default)(this, "useRealTimeSubscriptions", false);
+    this.deps = deps;
+  }
+  return (0, _createClass2.default)(SyncBlockSubscriptionManager, [{
+    key: "setRealTimeSubscriptionsEnabled",
+    value: function setRealTimeSubscriptionsEnabled(enabled) {
+      if (this.useRealTimeSubscriptions === enabled) {
+        return;
+      }
+      this.useRealTimeSubscriptions = enabled;
+      if (enabled) {
+        this.setupSubscriptionsForAllBlocks();
+      } else {
+        this.cleanupAll();
+      }
+    }
+  }, {
+    key: "isRealTimeSubscriptionsEnabled",
+    value: function isRealTimeSubscriptionsEnabled() {
+      return this.useRealTimeSubscriptions;
+    }
+  }, {
+    key: "getSubscribedResourceIds",
+    value: function getSubscribedResourceIds() {
+      return Array.from(this.deps.getSubscriptions().keys());
+    }
+  }, {
+    key: "onSubscriptionsChanged",
+    value: function onSubscriptionsChanged(listener) {
+      var _this = this;
+      this.subscriptionChangeListeners.add(listener);
+      return function () {
+        _this.subscriptionChangeListeners.delete(listener);
+      };
+    }
+  }, {
+    key: "notifySubscriptionChangeListeners",
+    value: function notifySubscriptionChangeListeners() {
+      var _this2 = this;
+      this.subscriptionChangeListeners.forEach(function (listener) {
+        try {
+          listener();
+        } catch (error) {
+          var _this2$deps$getFireAn;
+          (0, _monitoring.logException)(error, {
+            location: 'editor-synced-block-provider/syncBlockSubscriptionManager/notifySubscriptionChangeListeners'
+          });
+          (_this2$deps$getFireAn = _this2.deps.getFireAnalyticsEvent()) === null || _this2$deps$getFireAn === void 0 || _this2$deps$getFireAn((0, _errorHandling.fetchErrorPayload)(error.message));
+        }
+      });
+    }
+  }, {
+    key: "handleSubscriptionUpdate",
+    value: function handleSubscriptionUpdate(syncBlockInstance) {
+      if (!syncBlockInstance.resourceId) {
+        return;
+      }
+      var existing = this.deps.getFromCache(syncBlockInstance.resourceId);
+      var resolved = existing ? (0, _resolveSyncBlockInstance.resolveSyncBlockInstance)(existing, syncBlockInstance) : syncBlockInstance;
+      this.deps.updateCache(resolved);
+      if (!syncBlockInstance.error) {
+        this.deps.fetchSyncBlockSourceInfo(resolved.resourceId);
+      }
+    }
+  }, {
+    key: "setupSubscription",
+    value: function setupSubscription(resourceId) {
+      var _this3 = this;
+      if (this.graphqlSubscriptions.has(resourceId)) {
+        return;
+      }
+      var dataProvider = this.deps.getDataProvider();
+      if (!(dataProvider !== null && dataProvider !== void 0 && dataProvider.subscribeToBlockUpdates)) {
+        return;
+      }
+      var unsubscribe = dataProvider.subscribeToBlockUpdates(resourceId, function (syncBlockInstance) {
+        _this3.handleGraphQLUpdate(syncBlockInstance);
+      }, function (error) {
+        var _this3$deps$getFireAn;
+        (0, _monitoring.logException)(error, {
+          location: 'editor-synced-block-provider/syncBlockSubscriptionManager/graphql-subscription'
+        });
+        (_this3$deps$getFireAn = _this3.deps.getFireAnalyticsEvent()) === null || _this3$deps$getFireAn === void 0 || _this3$deps$getFireAn((0, _errorHandling.fetchErrorPayload)(error.message));
+      });
+      if (unsubscribe) {
+        this.graphqlSubscriptions.set(resourceId, unsubscribe);
+      }
+    }
+  }, {
+    key: "cleanupSubscription",
+    value: function cleanupSubscription(resourceId) {
+      var unsubscribe = this.graphqlSubscriptions.get(resourceId);
+      if (unsubscribe) {
+        unsubscribe();
+        this.graphqlSubscriptions.delete(resourceId);
+      }
+    }
+  }, {
+    key: "setupSubscriptionsForAllBlocks",
+    value: function setupSubscriptionsForAllBlocks() {
+      var _iterator = _createForOfIteratorHelper(this.deps.getSubscriptions().keys()),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var resourceId = _step.value;
+          this.setupSubscription(resourceId);
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+    }
+  }, {
+    key: "cleanupAll",
+    value: function cleanupAll() {
+      var _iterator2 = _createForOfIteratorHelper(this.graphqlSubscriptions.values()),
+        _step2;
+      try {
+        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+          var unsubscribe = _step2.value;
+          unsubscribe();
+        }
+      } catch (err) {
+        _iterator2.e(err);
+      } finally {
+        _iterator2.f();
+      }
+      this.graphqlSubscriptions.clear();
+    }
+  }, {
+    key: "destroy",
+    value: function destroy() {
+      this.cleanupAll();
+      this.subscriptionChangeListeners.clear();
+      this.useRealTimeSubscriptions = false;
+    }
+  }, {
+    key: "shouldUseRealTime",
+    value: function shouldUseRealTime() {
+      return this.useRealTimeSubscriptions;
+    }
+  }, {
+    key: "handleGraphQLUpdate",
+    value: function handleGraphQLUpdate(syncBlockInstance) {
+      var _this4 = this;
+      if (!syncBlockInstance.resourceId) {
+        if ((0, _platformFeatureFlags.fg)('platform_synced_block_patch_5')) {
+          return;
+        }
+        throw new Error('Sync block instance provided to graphql subscription update missing resource id');
+      }
+      var existing = this.deps.getFromCache(syncBlockInstance.resourceId);
+      var resolved = existing ? (0, _resolveSyncBlockInstance.resolveSyncBlockInstance)(existing, syncBlockInstance) : syncBlockInstance;
+      this.deps.updateCache(resolved);
+      if (!syncBlockInstance.error) {
+        var callbacks = this.deps.getSubscriptions().get(syncBlockInstance.resourceId);
+        var localIds = callbacks ? Object.keys(callbacks) : [];
+        localIds.forEach(function (localId) {
+          var _this4$deps$getFireAn, _syncBlockInstance$da;
+          (_this4$deps$getFireAn = _this4.deps.getFireAnalyticsEvent()) === null || _this4$deps$getFireAn === void 0 || _this4$deps$getFireAn((0, _errorHandling.fetchSuccessPayload)(syncBlockInstance.resourceId, localId, (_syncBlockInstance$da = syncBlockInstance.data) === null || _syncBlockInstance$da === void 0 ? void 0 : _syncBlockInstance$da.product));
+        });
+        this.deps.fetchSyncBlockSourceInfo(resolved.resourceId);
+      } else {
+        var _syncBlockInstance$er, _syncBlockInstance$er2, _syncBlockInstance$er3, _this$deps$getFireAna;
+        var errorMessage = (0, _platformFeatureFlags.fg)('platform_synced_block_patch_3') ? ((_syncBlockInstance$er = syncBlockInstance.error) === null || _syncBlockInstance$er === void 0 ? void 0 : _syncBlockInstance$er.reason) || ((_syncBlockInstance$er2 = syncBlockInstance.error) === null || _syncBlockInstance$er2 === void 0 ? void 0 : _syncBlockInstance$er2.type) : (_syncBlockInstance$er3 = syncBlockInstance.error) === null || _syncBlockInstance$er3 === void 0 ? void 0 : _syncBlockInstance$er3.type;
+        (_this$deps$getFireAna = this.deps.getFireAnalyticsEvent()) === null || _this$deps$getFireAna === void 0 || _this$deps$getFireAna((0, _errorHandling.fetchErrorPayload)(errorMessage, syncBlockInstance.resourceId));
+      }
+    }
+  }]);
+}();

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

@@ -10,7 +10,10 @@ import { getFetchExperience, getFetchSourceInfoExperience, getSaveReferenceExper
 import { resolveSyncBlockInstance } from '../utils/resolveSyncBlockInstance';
 import { parseResourceId } from '../utils/resourceId';
 import { createSyncBlockNode } from '../utils/utils';
+import { SyncBlockBatchFetcher } from './syncBlockBatchFetcher';
 import { syncBlockInMemorySessionCache } from './syncBlockInMemorySessionCache';
+import { SyncBlockProviderFactoryManager } from './syncBlockProviderFactoryManager';
+import { SyncBlockSubscriptionManager } from './syncBlockSubscriptionManager';
 const CACHE_KEY_PREFIX = 'sync-block-data-';
 
 // A store manager responsible for the lifecycle and state management of reference sync blocks in an editor instance.
@@ -66,6 +69,26 @@ export class ReferenceSyncBlockStoreManager {
     this.graphqlSubscriptions = new Map();
     this.subscriptionChangeListeners = new Set();
     this.newlyAddedSyncBlocks = new Set();
+    if (fg('platform_synced_block_patch_5')) {
+      this._subscriptionManager = new SyncBlockSubscriptionManager({
+        getDataProvider: () => this.dataProvider,
+        getSubscriptions: () => this.subscriptions,
+        getFromCache: rid => this.getFromCache(rid),
+        updateCache: inst => this.updateCache(inst),
+        fetchSyncBlockSourceInfo: rid => this.fetchSyncBlockSourceInfo(rid),
+        getFireAnalyticsEvent: () => this.fireAnalyticsEvent
+      });
+      this._providerFactoryManager = new SyncBlockProviderFactoryManager({
+        getDataProvider: () => this.dataProvider,
+        getFromCache: rid => this.getFromCache(rid),
+        getFireAnalyticsEvent: () => this.fireAnalyticsEvent
+      });
+      this._batchFetcher = new SyncBlockBatchFetcher({
+        getSubscriptions: () => this.subscriptions,
+        fetchSyncBlocksData: nodes => this.fetchSyncBlocksData(nodes),
+        getFireAnalyticsEvent: () => this.fireAnalyticsEvent
+      });
+    }
 
     // The provider might have SSR data cache already set, so we need to update the cache in session memory storage
     this.setSSRDataInSessionCache((_this$dataProvider = this.dataProvider) === null || _this$dataProvider === void 0 ? void 0 : _this$dataProvider.getNodeDataCacheKeys());
@@ -78,6 +101,10 @@ export class ReferenceSyncBlockStoreManager {
    * @param enabled - Whether to enable real-time subscriptions
    */
   setRealTimeSubscriptionsEnabled(enabled) {
+    if (this._subscriptionManager && fg('platform_synced_block_patch_5')) {
+      this._subscriptionManager.setRealTimeSubscriptionsEnabled(enabled);
+      return;
+    }
     if (this.useRealTimeSubscriptions === enabled) {
       return;
     }
@@ -95,6 +122,9 @@ export class ReferenceSyncBlockStoreManager {
    * Checks if real-time subscriptions are currently enabled.
    */
   isRealTimeSubscriptionsEnabled() {
+    if (this._subscriptionManager && fg('platform_synced_block_patch_5')) {
+      return this._subscriptionManager.isRealTimeSubscriptionsEnabled();
+    }
     return this.useRealTimeSubscriptions;
   }
 
@@ -103,6 +133,9 @@ export class ReferenceSyncBlockStoreManager {
    * Used by React components to render subscription components.
    */
   getSubscribedResourceIds() {
+    if (this._subscriptionManager && fg('platform_synced_block_patch_5')) {
+      return this._subscriptionManager.getSubscribedResourceIds();
+    }
     return Array.from(this.subscriptions.keys());
   }
 
@@ -112,6 +145,9 @@ export class ReferenceSyncBlockStoreManager {
    * @returns Unsubscribe function to remove the listener
    */
   onSubscriptionsChanged(listener) {
+    if (this._subscriptionManager && fg('platform_synced_block_patch_5')) {
+      return this._subscriptionManager.onSubscriptionsChanged(listener);
+    }
     this.subscriptionChangeListeners.add(listener);
     return () => {
       this.subscriptionChangeListeners.delete(listener);
@@ -122,6 +158,10 @@ export class ReferenceSyncBlockStoreManager {
    * Notifies all subscription change listeners.
    */
   notifySubscriptionChangeListeners() {
+    if (this._subscriptionManager && fg('platform_synced_block_patch_5')) {
+      this._subscriptionManager.notifySubscriptionChangeListeners();
+      return;
+    }
     this.subscriptionChangeListeners.forEach(listener => {
       try {
         listener();
@@ -141,6 +181,10 @@ export class ReferenceSyncBlockStoreManager {
    * @param syncBlockInstance - The updated sync block instance
    */
   handleSubscriptionUpdate(syncBlockInstance) {
+    if (this._subscriptionManager && fg('platform_synced_block_patch_5')) {
+      this._subscriptionManager.handleSubscriptionUpdate(syncBlockInstance);
+      return;
+    }
     if (!syncBlockInstance.resourceId) {
       return;
     }
@@ -249,6 +293,11 @@ export class ReferenceSyncBlockStoreManager {
    */
   setupGraphQLSubscription(resourceId) {
     var _this$dataProvider3;
+    if (this._subscriptionManager && fg('platform_synced_block_patch_5')) {
+      this._subscriptionManager.setupSubscription(resourceId);
+      return;
+    }
+
     // Don't set up duplicate subscriptions
     if (this.graphqlSubscriptions.has(resourceId)) {
       return;
@@ -305,6 +354,10 @@ export class ReferenceSyncBlockStoreManager {
    * @param resourceId - The resource ID of the block to unsubscribe from
    */
   cleanupGraphQLSubscription(resourceId) {
+    if (this._subscriptionManager && fg('platform_synced_block_patch_5')) {
+      this._subscriptionManager.cleanupSubscription(resourceId);
+      return;
+    }
     const unsubscribe = this.graphqlSubscriptions.get(resourceId);
     if (unsubscribe) {
       unsubscribe();
@@ -316,6 +369,10 @@ export class ReferenceSyncBlockStoreManager {
    * Sets up GraphQL subscriptions for all currently subscribed blocks.
    */
   setupGraphQLSubscriptionsForAllBlocks() {
+    if (this._subscriptionManager && fg('platform_synced_block_patch_5')) {
+      this._subscriptionManager.setupSubscriptionsForAllBlocks();
+      return;
+    }
     for (const resourceId of this.subscriptions.keys()) {
       this.setupGraphQLSubscription(resourceId);
     }
@@ -325,6 +382,10 @@ export class ReferenceSyncBlockStoreManager {
    * Cleans up all GraphQL subscriptions.
    */
   cleanupAllGraphQLSubscriptions() {
+    if (this._subscriptionManager && fg('platform_synced_block_patch_5')) {
+      this._subscriptionManager.cleanupAll();
+      return;
+    }
     for (const unsubscribe of this.graphqlSubscriptions.values()) {
       unsubscribe();
     }
@@ -591,14 +652,13 @@ export class ReferenceSyncBlockStoreManager {
           hasUnexpectedError = true;
         }
         return;
-      } else {
-        const callbacks = this.subscriptions.get(syncBlockInstance.resourceId);
-        const localIds = callbacks ? Object.keys(callbacks) : [];
-        localIds.forEach(localId => {
-          var _this$fireAnalyticsEv14, _syncBlockInstance$da2;
-          (_this$fireAnalyticsEv14 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv14 === void 0 ? void 0 : _this$fireAnalyticsEv14.call(this, fetchSuccessPayload(syncBlockInstance.resourceId, localId, (_syncBlockInstance$da2 = syncBlockInstance.data) === null || _syncBlockInstance$da2 === void 0 ? void 0 : _syncBlockInstance$da2.product));
-        });
       }
+      const callbacks = this.subscriptions.get(syncBlockInstance.resourceId);
+      const localIds = callbacks ? Object.keys(callbacks) : [];
+      localIds.forEach(localId => {
+        var _this$fireAnalyticsEv14, _syncBlockInstance$da2;
+        (_this$fireAnalyticsEv14 = this.fireAnalyticsEvent) === null || _this$fireAnalyticsEv14 === void 0 ? void 0 : _this$fireAnalyticsEv14.call(this, fetchSuccessPayload(syncBlockInstance.resourceId, localId, (_syncBlockInstance$da2 = syncBlockInstance.data) === null || _syncBlockInstance$da2 === void 0 ? void 0 : _syncBlockInstance$da2.product));
+      });
       this.fetchSyncBlockSourceInfo(resolvedSyncBlockInstance.resourceId);
     });
     return {
@@ -659,9 +719,17 @@ export class ReferenceSyncBlockStoreManager {
   deleteFromCache(resourceId) {
     var _this$dataProvider6;
     (_this$dataProvider6 = this.dataProvider) === null || _this$dataProvider6 === void 0 ? void 0 : _this$dataProvider6.removeFromCache([resourceId]);
-    this.providerFactories.delete(resourceId);
+    if (this._providerFactoryManager && fg('platform_synced_block_patch_5')) {
+      this._providerFactoryManager.deleteFactory(resourceId);
+    } else {
+      this.providerFactories.delete(resourceId);
+    }
   }
   debouncedBatchedFetchSyncBlocks(resourceId) {
+    if (this._batchFetcher && fg('platform_synced_block_patch_5')) {
+      this._batchFetcher.queueFetch(resourceId);
+      return;
+    }
     // Only add to pending requests if there are active subscriptions for this resource
     if (this.subscriptions.has(resourceId) && Object.keys(this.subscriptions.get(resourceId) || {}).length > 0) {
       this.pendingFetchRequests.add(resourceId);
@@ -714,7 +782,8 @@ export class ReferenceSyncBlockStoreManager {
     }
 
     // Set up GraphQL subscription if real-time subscriptions are enabled
-    if (this.useRealTimeSubscriptions) {
+    const useRealTime = this._subscriptionManager && fg('platform_synced_block_patch_5') ? this._subscriptionManager.shouldUseRealTime() : this.useRealTimeSubscriptions;
+    if (useRealTime) {
       this.setupGraphQLSubscription(resourceId);
     }
     return () => {
@@ -825,6 +894,9 @@ export class ReferenceSyncBlockStoreManager {
     return (_syncBlock$data = syncBlock.data) === null || _syncBlock$data === void 0 ? void 0 : _syncBlock$data.sourceURL;
   }
   getProviderFactory(resourceId) {
+    if (this._providerFactoryManager && fg('platform_synced_block_patch_5')) {
+      return this._providerFactoryManager.getProviderFactory(resourceId);
+    }
     if (!this.dataProvider) {
       var _this$fireAnalyticsEv16;
       const error = new Error('Data provider not set');
@@ -871,6 +943,9 @@ export class ReferenceSyncBlockStoreManager {
     return providerFactory;
   }
   getSSRProviders(resourceId) {
+    if (this._providerFactoryManager && fg('platform_synced_block_patch_5')) {
+      return this._providerFactoryManager.getSSRProviders(resourceId);
+    }
     if (!this.dataProvider) {
       return null;
     }
@@ -1077,6 +1152,12 @@ export class ReferenceSyncBlockStoreManager {
       clearTimeout(this.queuedFlushTimeout);
       this.queuedFlushTimeout = undefined;
     }
+    if (fg('platform_synced_block_patch_5')) {
+      var _this$_subscriptionMa, _this$_providerFactor, _this$_batchFetcher;
+      (_this$_subscriptionMa = this._subscriptionManager) === null || _this$_subscriptionMa === void 0 ? void 0 : _this$_subscriptionMa.destroy();
+      (_this$_providerFactor = this._providerFactoryManager) === null || _this$_providerFactor === void 0 ? void 0 : _this$_providerFactor.destroy();
+      (_this$_batchFetcher = this._batchFetcher) === null || _this$_batchFetcher === void 0 ? void 0 : _this$_batchFetcher.destroy();
+    }
 
     // Clean up all GraphQL subscriptions first
     this.cleanupAllGraphQLSubscriptions();
@@ -1105,5 +1186,8 @@ export class ReferenceSyncBlockStoreManager {
       reason: 'editorDestroyed'
     });
     this.fireAnalyticsEvent = undefined;
+    if (fg('platform_synced_block_patch_5')) {
+      syncBlockInMemorySessionCache.clear();
+    }
   }
 }

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

@@ -1,5 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import isEqual from 'lodash/isEqual';
 import { logException } from '@atlaskit/editor-common/monitoring';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { SyncBlockError } from '../common/types';
 import { updateErrorPayload, createErrorPayload, deleteErrorPayload, updateCacheErrorPayload, getSourceInfoErrorPayload, updateSuccessPayload, createSuccessPayload, deleteSuccessPayload, fetchReferencesErrorPayload } from '../utils/errorHandling';
 import { getCreateSourceExperience, getDeleteSourceExperience, getSaveSourceExperience, getFetchSourceInfoExperience } from '../utils/experienceTracking';
@@ -11,6 +13,7 @@ import { convertSyncBlockPMNodeToSyncBlockData } from '../utils/utils';
 // Ensures consistency between local and remote state, and can be used in both editor and renderer contexts.
 export class SourceSyncBlockStoreManager {
   constructor(dataProvider) {
+    _defineProperty(this, "hasReceivedContentChange", false);
     _defineProperty(this, "setPendingDeletion", (Ids, value) => {
       const syncBlock = this.syncBlockCache.get(Ids.resourceId);
       if (syncBlock) {
@@ -49,6 +52,12 @@ export class SourceSyncBlockStoreManager {
         throw new Error('Local ID or resource ID is not set');
       }
       const syncBlockData = convertSyncBlockPMNodeToSyncBlockData(syncBlockNode);
+      if (fg('platform_synced_block_patch_5')) {
+        const cachedBlock = this.syncBlockCache.get(resourceId);
+        if (cachedBlock && !isEqual(syncBlockData.content, cachedBlock.content)) {
+          this.hasReceivedContentChange = true;
+        }
+      }
       this.syncBlockCache.set(resourceId, {
         ...syncBlockData,
         isDirty: true
@@ -146,6 +155,9 @@ export class SourceSyncBlockStoreManager {
       return false;
     }
   }
+  hasUnsavedChanges() {
+    return this.hasReceivedContentChange && Array.from(this.syncBlockCache.values()).some(syncBlockData => syncBlockData.isDirty);
+  }
   isPendingCreation(resourceId) {
     return this.creationCompletionCallbacks.has(resourceId);
   }

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

@@ -0,0 +1,56 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import rafSchedule from 'raf-schd';
+import { logException } from '@atlaskit/editor-common/monitoring';
+import { fetchErrorPayload } from '../utils/errorHandling';
+import { createSyncBlockNode } from '../utils/utils';
+/**
+ * Handles debounced batch-fetching of sync block data via `raf-schd`.
+ * Accumulates resource IDs and flushes them in a single fetch per
+ * animation frame.
+ */
+export class SyncBlockBatchFetcher {
+  constructor(deps) {
+    _defineProperty(this, "pendingFetchRequests", new Set());
+    this.deps = deps;
+    this.scheduledBatchFetch = rafSchedule(() => {
+      if (this.pendingFetchRequests.size === 0) {
+        return;
+      }
+      const resourceIds = Array.from(this.pendingFetchRequests);
+      const syncBlockNodes = resourceIds.map(resId => {
+        const subscriptions = this.deps.getSubscriptions().get(resId) || {};
+        const firstLocalId = Object.keys(subscriptions)[0] || '';
+        return createSyncBlockNode(firstLocalId, resId);
+      });
+      this.pendingFetchRequests.clear();
+      this.deps.fetchSyncBlocksData(syncBlockNodes).catch(error => {
+        logException(error, {
+          location: 'editor-synced-block-provider/syncBlockBatchFetcher/batchedFetchSyncBlocks'
+        });
+        resourceIds.forEach(resId => {
+          var _this$deps$getFireAna;
+          (_this$deps$getFireAna = this.deps.getFireAnalyticsEvent()) === null || _this$deps$getFireAna === void 0 ? void 0 : _this$deps$getFireAna(fetchErrorPayload(error.message, resId));
+        });
+      });
+    });
+  }
+  queueFetch(resourceId) {
+    const subscriptions = this.deps.getSubscriptions();
+    if (subscriptions.has(resourceId) && Object.keys(subscriptions.get(resourceId) || {}).length > 0) {
+      this.pendingFetchRequests.add(resourceId);
+      this.scheduledBatchFetch();
+    } else {
+      this.pendingFetchRequests.delete(resourceId);
+    }
+  }
+  cancel() {
+    this.scheduledBatchFetch.cancel();
+  }
+  clearPending() {
+    this.pendingFetchRequests.clear();
+  }
+  destroy() {
+    this.cancel();
+    this.clearPending();
+  }
+}

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

@@ -13,11 +13,26 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
  * (least-recently-used) entries are evicted first.
  */
 export class SyncBlockInMemorySessionCache {
+  /**
+   * Maximum total size of all cached values, measured in **UTF-16 code
+   * units** (i.e. `String.prototype.length`), not bytes.  For ASCII-only
+   * content the two are equivalent; for content with characters outside
+   * the BMP each surrogate pair counts as 2.
+   */
+
   constructor(maxSize = 5 * 1024 * 1024) {
     _defineProperty(this, "store", new Map());
     _defineProperty(this, "currentSize", 0);
     this.maxSize = maxSize;
   }
+
+  /**
+   * Retrieves a cached value by key.
+   *
+   * **Side-effect:** promotes the entry to the most-recently-used
+   * position by re-inserting it at the end of the underlying Map's
+   * iteration order.
+   */
   getItem(key) {
     const value = this.store.get(key);
     if (value === undefined) {
@@ -53,5 +68,14 @@ export class SyncBlockInMemorySessionCache {
       this.store.delete(key);
     }
   }
+
+  /**
+   * Removes all entries from the cache and resets the tracked size to zero.
+   * Useful for cleaning up the singleton on SPA navigation boundaries.
+   */
+  clear() {
+    this.store.clear();
+    this.currentSize = 0;
+  }
 }
 export const syncBlockInMemorySessionCache = new SyncBlockInMemorySessionCache();