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

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

@@ -0,0 +1,158 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { logException } from '@atlaskit/editor-common/monitoring';
+import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
+import { fetchErrorPayload } from '../utils/errorHandling';
+import { parseResourceId } from '../utils/resourceId';
+/**
+ * Manages creation and caching of ProviderFactory instances used to
+ * render synced block content (media, emoji, smart links, etc.).
+ */
+export class SyncBlockProviderFactoryManager {
+  constructor(deps) {
+    _defineProperty(this, "providerFactories", new Map());
+    this.deps = deps;
+  }
+  getProviderFactory(resourceId) {
+    const dataProvider = this.deps.getDataProvider();
+    if (!dataProvider) {
+      var _this$deps$getFireAna;
+      const error = new Error('Data provider not set');
+      logException(error, {
+        location: 'editor-synced-block-provider/syncBlockProviderFactoryManager'
+      });
+      (_this$deps$getFireAna = this.deps.getFireAnalyticsEvent()) === null || _this$deps$getFireAna === void 0 ? void 0 : _this$deps$getFireAna(fetchErrorPayload(error.message));
+      return undefined;
+    }
+    const {
+      parentDataProviders,
+      providerCreator
+    } = dataProvider.getSyncedBlockRendererProviderOptions();
+    let providerFactory = this.providerFactories.get(resourceId);
+    if (!providerFactory) {
+      providerFactory = ProviderFactory.create({
+        mentionProvider: parentDataProviders === null || parentDataProviders === void 0 ? void 0 : parentDataProviders.mentionProvider,
+        profilecardProvider: parentDataProviders === null || parentDataProviders === void 0 ? void 0 : parentDataProviders.profilecardProvider,
+        taskDecisionProvider: parentDataProviders === null || parentDataProviders === void 0 ? void 0 : parentDataProviders.taskDecisionProvider
+      });
+      this.providerFactories.set(resourceId, providerFactory);
+    } else {
+      if (parentDataProviders !== null && parentDataProviders !== void 0 && parentDataProviders.mentionProvider) {
+        providerFactory.setProvider('mentionProvider', parentDataProviders === null || parentDataProviders === void 0 ? void 0 : parentDataProviders.mentionProvider);
+      }
+      if (parentDataProviders !== null && parentDataProviders !== void 0 && parentDataProviders.profilecardProvider) {
+        providerFactory.setProvider('profilecardProvider', parentDataProviders === null || parentDataProviders === void 0 ? void 0 : parentDataProviders.profilecardProvider);
+      }
+      if (parentDataProviders !== null && parentDataProviders !== void 0 && parentDataProviders.taskDecisionProvider) {
+        providerFactory.setProvider('taskDecisionProvider', parentDataProviders === null || parentDataProviders === void 0 ? void 0 : parentDataProviders.taskDecisionProvider);
+      }
+    }
+    if (providerCreator) {
+      try {
+        this.retrieveDynamicProviders(resourceId, providerFactory, providerCreator);
+      } catch (error) {
+        var _this$deps$getFireAna2;
+        logException(error, {
+          location: 'editor-synced-block-provider/syncBlockProviderFactoryManager'
+        });
+        (_this$deps$getFireAna2 = this.deps.getFireAnalyticsEvent()) === null || _this$deps$getFireAna2 === void 0 ? void 0 : _this$deps$getFireAna2(fetchErrorPayload(error.message, resourceId));
+      }
+    }
+    return providerFactory;
+  }
+  getSSRProviders(resourceId) {
+    const dataProvider = this.deps.getDataProvider();
+    if (!dataProvider) {
+      return null;
+    }
+    const {
+      providerCreator
+    } = dataProvider.getSyncedBlockRendererProviderOptions();
+    if (!(providerCreator !== null && providerCreator !== void 0 && providerCreator.createSSRMediaProvider)) {
+      return null;
+    }
+    const parsedResourceId = parseResourceId(resourceId);
+    if (!parsedResourceId) {
+      return null;
+    }
+    const {
+      contentId,
+      product: contentProduct
+    } = parsedResourceId;
+    try {
+      const mediaProvider = providerCreator.createSSRMediaProvider({
+        contentId,
+        contentProduct
+      });
+      if (mediaProvider) {
+        return {
+          media: mediaProvider
+        };
+      }
+    } catch (error) {
+      logException(error, {
+        location: 'editor-synced-block-provider/syncBlockProviderFactoryManager'
+      });
+    }
+    return null;
+  }
+  deleteFactory(resourceId) {
+    this.providerFactories.delete(resourceId);
+  }
+  destroy() {
+    this.providerFactories.forEach(pf => pf.destroy());
+    this.providerFactories.clear();
+  }
+  retrieveDynamicProviders(resourceId, providerFactory, providerCreator) {
+    const dataProvider = this.deps.getDataProvider();
+    if (!dataProvider) {
+      throw new Error('Data provider not set');
+    }
+    const hasMediaProvider = providerFactory.hasProvider('mediaProvider');
+    const hasEmojiProvider = providerFactory.hasProvider('emojiProvider');
+    const hasCardProvider = providerFactory.hasProvider('cardProvider');
+    if (hasMediaProvider && hasEmojiProvider && hasCardProvider) {
+      return;
+    }
+    const syncBlock = this.deps.getFromCache(resourceId);
+    if (!(syncBlock !== null && syncBlock !== void 0 && syncBlock.data)) {
+      return;
+    }
+    if (!syncBlock.data.sourceAri || !syncBlock.data.product) {
+      var _this$deps$getFireAna3;
+      (_this$deps$getFireAna3 = this.deps.getFireAnalyticsEvent()) === null || _this$deps$getFireAna3 === void 0 ? void 0 : _this$deps$getFireAna3(fetchErrorPayload('Sync block source ari or product not found'));
+      return;
+    }
+    const parentInfo = dataProvider.retrieveSyncBlockParentInfo(syncBlock.data.sourceAri, syncBlock.data.product);
+    if (!parentInfo) {
+      throw new Error('Unable to retrieve sync block parent info');
+    }
+    const {
+      contentId,
+      contentProduct
+    } = parentInfo;
+    if (!hasMediaProvider && providerCreator.createMediaProvider && contentId && contentProduct) {
+      const mediaProvider = providerCreator.createMediaProvider({
+        contentProduct,
+        contentId
+      });
+      if (mediaProvider) {
+        providerFactory.setProvider('mediaProvider', mediaProvider);
+      }
+    }
+    if (!hasEmojiProvider && providerCreator.createEmojiProvider && contentId && contentProduct) {
+      const emojiProvider = providerCreator.createEmojiProvider({
+        contentProduct,
+        contentId
+      });
+      if (emojiProvider) {
+        providerFactory.setProvider('emojiProvider', emojiProvider);
+      }
+    }
+    if (!hasCardProvider && providerCreator.createSmartLinkProvider) {
+      const smartLinkProvider = providerCreator.createSmartLinkProvider();
+      if (smartLinkProvider) {
+        providerFactory.setProvider('cardProvider', smartLinkProvider);
+      }
+    }
+  }
+}

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

@@ -0,0 +1,136 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { logException } from '@atlaskit/editor-common/monitoring';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { fetchErrorPayload, fetchSuccessPayload } from '../utils/errorHandling';
+import { resolveSyncBlockInstance } from '../utils/resolveSyncBlockInstance';
+/**
+ * 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.
+ */
+export class SyncBlockSubscriptionManager {
+  constructor(deps) {
+    _defineProperty(this, "graphqlSubscriptions", new Map());
+    _defineProperty(this, "subscriptionChangeListeners", new Set());
+    _defineProperty(this, "useRealTimeSubscriptions", false);
+    this.deps = deps;
+  }
+  setRealTimeSubscriptionsEnabled(enabled) {
+    if (this.useRealTimeSubscriptions === enabled) {
+      return;
+    }
+    this.useRealTimeSubscriptions = enabled;
+    if (enabled) {
+      this.setupSubscriptionsForAllBlocks();
+    } else {
+      this.cleanupAll();
+    }
+  }
+  isRealTimeSubscriptionsEnabled() {
+    return this.useRealTimeSubscriptions;
+  }
+  getSubscribedResourceIds() {
+    return Array.from(this.deps.getSubscriptions().keys());
+  }
+  onSubscriptionsChanged(listener) {
+    this.subscriptionChangeListeners.add(listener);
+    return () => {
+      this.subscriptionChangeListeners.delete(listener);
+    };
+  }
+  notifySubscriptionChangeListeners() {
+    this.subscriptionChangeListeners.forEach(listener => {
+      try {
+        listener();
+      } catch (error) {
+        var _this$deps$getFireAna;
+        logException(error, {
+          location: 'editor-synced-block-provider/syncBlockSubscriptionManager/notifySubscriptionChangeListeners'
+        });
+        (_this$deps$getFireAna = this.deps.getFireAnalyticsEvent()) === null || _this$deps$getFireAna === void 0 ? void 0 : _this$deps$getFireAna(fetchErrorPayload(error.message));
+      }
+    });
+  }
+  handleSubscriptionUpdate(syncBlockInstance) {
+    if (!syncBlockInstance.resourceId) {
+      return;
+    }
+    const existing = this.deps.getFromCache(syncBlockInstance.resourceId);
+    const resolved = existing ? resolveSyncBlockInstance(existing, syncBlockInstance) : syncBlockInstance;
+    this.deps.updateCache(resolved);
+    if (!syncBlockInstance.error) {
+      this.deps.fetchSyncBlockSourceInfo(resolved.resourceId);
+    }
+  }
+  setupSubscription(resourceId) {
+    if (this.graphqlSubscriptions.has(resourceId)) {
+      return;
+    }
+    const dataProvider = this.deps.getDataProvider();
+    if (!(dataProvider !== null && dataProvider !== void 0 && dataProvider.subscribeToBlockUpdates)) {
+      return;
+    }
+    const unsubscribe = dataProvider.subscribeToBlockUpdates(resourceId, syncBlockInstance => {
+      this.handleGraphQLUpdate(syncBlockInstance);
+    }, error => {
+      var _this$deps$getFireAna2;
+      logException(error, {
+        location: 'editor-synced-block-provider/syncBlockSubscriptionManager/graphql-subscription'
+      });
+      (_this$deps$getFireAna2 = this.deps.getFireAnalyticsEvent()) === null || _this$deps$getFireAna2 === void 0 ? void 0 : _this$deps$getFireAna2(fetchErrorPayload(error.message));
+    });
+    if (unsubscribe) {
+      this.graphqlSubscriptions.set(resourceId, unsubscribe);
+    }
+  }
+  cleanupSubscription(resourceId) {
+    const unsubscribe = this.graphqlSubscriptions.get(resourceId);
+    if (unsubscribe) {
+      unsubscribe();
+      this.graphqlSubscriptions.delete(resourceId);
+    }
+  }
+  setupSubscriptionsForAllBlocks() {
+    for (const resourceId of this.deps.getSubscriptions().keys()) {
+      this.setupSubscription(resourceId);
+    }
+  }
+  cleanupAll() {
+    for (const unsubscribe of this.graphqlSubscriptions.values()) {
+      unsubscribe();
+    }
+    this.graphqlSubscriptions.clear();
+  }
+  destroy() {
+    this.cleanupAll();
+    this.subscriptionChangeListeners.clear();
+    this.useRealTimeSubscriptions = false;
+  }
+  shouldUseRealTime() {
+    return this.useRealTimeSubscriptions;
+  }
+  handleGraphQLUpdate(syncBlockInstance) {
+    if (!syncBlockInstance.resourceId) {
+      if (fg('platform_synced_block_patch_5')) {
+        return;
+      }
+      throw new Error('Sync block instance provided to graphql subscription update missing resource id');
+    }
+    const existing = this.deps.getFromCache(syncBlockInstance.resourceId);
+    const resolved = existing ? resolveSyncBlockInstance(existing, syncBlockInstance) : syncBlockInstance;
+    this.deps.updateCache(resolved);
+    if (!syncBlockInstance.error) {
+      const callbacks = this.deps.getSubscriptions().get(syncBlockInstance.resourceId);
+      const localIds = callbacks ? Object.keys(callbacks) : [];
+      localIds.forEach(localId => {
+        var _this$deps$getFireAna3, _syncBlockInstance$da;
+        (_this$deps$getFireAna3 = this.deps.getFireAnalyticsEvent()) === null || _this$deps$getFireAna3 === void 0 ? void 0 : _this$deps$getFireAna3(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$getFireAna4;
+      const errorMessage = 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$getFireAna4 = this.deps.getFireAnalyticsEvent()) === null || _this$deps$getFireAna4 === void 0 ? void 0 : _this$deps$getFireAna4(fetchErrorPayload(errorMessage, syncBlockInstance.resourceId));
+    }
+  }
+}

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

@@ -20,7 +20,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';
 var CACHE_KEY_PREFIX = 'sync-block-data-';
 
 // A store manager responsible for the lifecycle and state management of reference sync blocks in an editor instance.
@@ -78,6 +81,50 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
     this.graphqlSubscriptions = new Map();
     this.subscriptionChangeListeners = new Set();
     this.newlyAddedSyncBlocks = new Set();
+    if (fg('platform_synced_block_patch_5')) {
+      this._subscriptionManager = new SyncBlockSubscriptionManager({
+        getDataProvider: function getDataProvider() {
+          return _this.dataProvider;
+        },
+        getSubscriptions: function getSubscriptions() {
+          return _this.subscriptions;
+        },
+        getFromCache: function getFromCache(rid) {
+          return _this.getFromCache(rid);
+        },
+        updateCache: function updateCache(inst) {
+          return _this.updateCache(inst);
+        },
+        fetchSyncBlockSourceInfo: function fetchSyncBlockSourceInfo(rid) {
+          return _this.fetchSyncBlockSourceInfo(rid);
+        },
+        getFireAnalyticsEvent: function getFireAnalyticsEvent() {
+          return _this.fireAnalyticsEvent;
+        }
+      });
+      this._providerFactoryManager = new SyncBlockProviderFactoryManager({
+        getDataProvider: function getDataProvider() {
+          return _this.dataProvider;
+        },
+        getFromCache: function getFromCache(rid) {
+          return _this.getFromCache(rid);
+        },
+        getFireAnalyticsEvent: function getFireAnalyticsEvent() {
+          return _this.fireAnalyticsEvent;
+        }
+      });
+      this._batchFetcher = new SyncBlockBatchFetcher({
+        getSubscriptions: function getSubscriptions() {
+          return _this.subscriptions;
+        },
+        fetchSyncBlocksData: function fetchSyncBlocksData(nodes) {
+          return _this.fetchSyncBlocksData(nodes);
+        },
+        getFireAnalyticsEvent: function getFireAnalyticsEvent() {
+          return _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());
@@ -92,6 +139,10 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
   return _createClass(ReferenceSyncBlockStoreManager, [{
     key: "setRealTimeSubscriptionsEnabled",
     value: function setRealTimeSubscriptionsEnabled(enabled) {
+      if (this._subscriptionManager && fg('platform_synced_block_patch_5')) {
+        this._subscriptionManager.setRealTimeSubscriptionsEnabled(enabled);
+        return;
+      }
       if (this.useRealTimeSubscriptions === enabled) {
         return;
       }
@@ -111,6 +162,9 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
   }, {
     key: "isRealTimeSubscriptionsEnabled",
     value: function isRealTimeSubscriptionsEnabled() {
+      if (this._subscriptionManager && fg('platform_synced_block_patch_5')) {
+        return this._subscriptionManager.isRealTimeSubscriptionsEnabled();
+      }
       return this.useRealTimeSubscriptions;
     }
 
@@ -121,6 +175,9 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
   }, {
     key: "getSubscribedResourceIds",
     value: function getSubscribedResourceIds() {
+      if (this._subscriptionManager && fg('platform_synced_block_patch_5')) {
+        return this._subscriptionManager.getSubscribedResourceIds();
+      }
       return Array.from(this.subscriptions.keys());
     }
 
@@ -133,6 +190,9 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
     key: "onSubscriptionsChanged",
     value: function onSubscriptionsChanged(listener) {
       var _this2 = this;
+      if (this._subscriptionManager && fg('platform_synced_block_patch_5')) {
+        return this._subscriptionManager.onSubscriptionsChanged(listener);
+      }
       this.subscriptionChangeListeners.add(listener);
       return function () {
         _this2.subscriptionChangeListeners.delete(listener);
@@ -146,6 +206,10 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
     key: "notifySubscriptionChangeListeners",
     value: function notifySubscriptionChangeListeners() {
       var _this3 = this;
+      if (this._subscriptionManager && fg('platform_synced_block_patch_5')) {
+        this._subscriptionManager.notifySubscriptionChangeListeners();
+        return;
+      }
       this.subscriptionChangeListeners.forEach(function (listener) {
         try {
           listener();
@@ -167,6 +231,10 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
   }, {
     key: "handleSubscriptionUpdate",
     value: function handleSubscriptionUpdate(syncBlockInstance) {
+      if (this._subscriptionManager && fg('platform_synced_block_patch_5')) {
+        this._subscriptionManager.handleSubscriptionUpdate(syncBlockInstance);
+        return;
+      }
       if (!syncBlockInstance.resourceId) {
         return;
       }
@@ -354,6 +422,11 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
     value: function setupGraphQLSubscription(resourceId) {
       var _this$dataProvider3,
         _this4 = this;
+      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;
@@ -415,6 +488,10 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
   }, {
     key: "cleanupGraphQLSubscription",
     value: function cleanupGraphQLSubscription(resourceId) {
+      if (this._subscriptionManager && fg('platform_synced_block_patch_5')) {
+        this._subscriptionManager.cleanupSubscription(resourceId);
+        return;
+      }
       var unsubscribe = this.graphqlSubscriptions.get(resourceId);
       if (unsubscribe) {
         unsubscribe();
@@ -428,6 +505,10 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
   }, {
     key: "setupGraphQLSubscriptionsForAllBlocks",
     value: function setupGraphQLSubscriptionsForAllBlocks() {
+      if (this._subscriptionManager && fg('platform_synced_block_patch_5')) {
+        this._subscriptionManager.setupSubscriptionsForAllBlocks();
+        return;
+      }
       var _iterator2 = _createForOfIteratorHelper(this.subscriptions.keys()),
         _step2;
       try {
@@ -448,6 +529,10 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
   }, {
     key: "cleanupAllGraphQLSubscriptions",
     value: function cleanupAllGraphQLSubscriptions() {
+      if (this._subscriptionManager && fg('platform_synced_block_patch_5')) {
+        this._subscriptionManager.cleanupAll();
+        return;
+      }
       var _iterator3 = _createForOfIteratorHelper(this.graphqlSubscriptions.values()),
         _step3;
       try {
@@ -776,14 +861,13 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
             hasUnexpectedError = true;
           }
           return;
-        } else {
-          var callbacks = _this9.subscriptions.get(syncBlockInstance.resourceId);
-          var localIds = callbacks ? Object.keys(callbacks) : [];
-          localIds.forEach(function (localId) {
-            var _this9$fireAnalyticsE4, _syncBlockInstance$da2;
-            (_this9$fireAnalyticsE4 = _this9.fireAnalyticsEvent) === null || _this9$fireAnalyticsE4 === void 0 || _this9$fireAnalyticsE4.call(_this9, fetchSuccessPayload(syncBlockInstance.resourceId, localId, (_syncBlockInstance$da2 = syncBlockInstance.data) === null || _syncBlockInstance$da2 === void 0 ? void 0 : _syncBlockInstance$da2.product));
-          });
         }
+        var callbacks = _this9.subscriptions.get(syncBlockInstance.resourceId);
+        var localIds = callbacks ? Object.keys(callbacks) : [];
+        localIds.forEach(function (localId) {
+          var _this9$fireAnalyticsE4, _syncBlockInstance$da2;
+          (_this9$fireAnalyticsE4 = _this9.fireAnalyticsEvent) === null || _this9$fireAnalyticsE4 === void 0 || _this9$fireAnalyticsE4.call(_this9, fetchSuccessPayload(syncBlockInstance.resourceId, localId, (_syncBlockInstance$da2 = syncBlockInstance.data) === null || _syncBlockInstance$da2 === void 0 ? void 0 : _syncBlockInstance$da2.product));
+        });
         _this9.fetchSyncBlockSourceInfo(resolvedSyncBlockInstance.resourceId);
       });
       return {
@@ -849,11 +933,19 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
     value: function deleteFromCache(resourceId) {
       var _this$dataProvider6;
       (_this$dataProvider6 = this.dataProvider) === null || _this$dataProvider6 === 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);
+      }
     }
   }, {
     key: "debouncedBatchedFetchSyncBlocks",
     value: function 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);
@@ -909,7 +1001,8 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
       }
 
       // Set up GraphQL subscription if real-time subscriptions are enabled
-      if (this.useRealTimeSubscriptions) {
+      var useRealTime = this._subscriptionManager && fg('platform_synced_block_patch_5') ? this._subscriptionManager.shouldUseRealTime() : this.useRealTimeSubscriptions;
+      if (useRealTime) {
         this.setupGraphQLSubscription(resourceId);
       }
       return function () {
@@ -1024,6 +1117,9 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
   }, {
     key: "getProviderFactory",
     value: function getProviderFactory(resourceId) {
+      if (this._providerFactoryManager && fg('platform_synced_block_patch_5')) {
+        return this._providerFactoryManager.getProviderFactory(resourceId);
+      }
       if (!this.dataProvider) {
         var _this$fireAnalyticsEv8;
         var error = new Error('Data provider not set');
@@ -1071,6 +1167,9 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
   }, {
     key: "getSSRProviders",
     value: function getSSRProviders(resourceId) {
+      if (this._providerFactoryManager && fg('platform_synced_block_patch_5')) {
+        return this._providerFactoryManager.getSSRProviders(resourceId);
+      }
       if (!this.dataProvider) {
         return null;
       }
@@ -1333,6 +1432,12 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
         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 || _this$_subscriptionMa.destroy();
+        (_this$_providerFactor = this._providerFactoryManager) === null || _this$_providerFactor === void 0 || _this$_providerFactor.destroy();
+        (_this$_batchFetcher = this._batchFetcher) === null || _this$_batchFetcher === void 0 || _this$_batchFetcher.destroy();
+      }
 
       // Clean up all GraphQL subscriptions first
       this.cleanupAllGraphQLSubscriptions();
@@ -1361,6 +1466,9 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
         reason: 'editorDestroyed'
       });
       this.fireAnalyticsEvent = undefined;
+      if (fg('platform_synced_block_patch_5')) {
+        syncBlockInMemorySessionCache.clear();
+      }
     }
   }]);
 }();

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

@@ -5,7 +5,9 @@ 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; }
+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';
@@ -19,6 +21,7 @@ export var SourceSyncBlockStoreManager = /*#__PURE__*/function () {
   function SourceSyncBlockStoreManager(dataProvider) {
     var _this = this;
     _classCallCheck(this, SourceSyncBlockStoreManager);
+    _defineProperty(this, "hasReceivedContentChange", false);
     _defineProperty(this, "setPendingDeletion", function (Ids, value) {
       var syncBlock = _this.syncBlockCache.get(Ids.resourceId);
       if (syncBlock) {
@@ -62,6 +65,12 @@ export var SourceSyncBlockStoreManager = /*#__PURE__*/function () {
           throw new Error('Local ID or resource ID is not set');
         }
         var syncBlockData = convertSyncBlockPMNodeToSyncBlockData(syncBlockNode);
+        if (fg('platform_synced_block_patch_5')) {
+          var cachedBlock = this.syncBlockCache.get(resourceId);
+          if (cachedBlock && !isEqual(syncBlockData.content, cachedBlock.content)) {
+            this.hasReceivedContentChange = true;
+          }
+        }
         this.syncBlockCache.set(resourceId, _objectSpread(_objectSpread({}, syncBlockData), {}, {
           isDirty: true
         }));
@@ -190,6 +199,13 @@ export var SourceSyncBlockStoreManager = /*#__PURE__*/function () {
       }
       return flush;
     }())
+  }, {
+    key: "hasUnsavedChanges",
+    value: function hasUnsavedChanges() {
+      return this.hasReceivedContentChange && Array.from(this.syncBlockCache.values()).some(function (syncBlockData) {
+        return syncBlockData.isDirty;
+      });
+    }
   }, {
     key: "isPendingCreation",
     value: function isPendingCreation(resourceId) {

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

@@ -0,0 +1,69 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+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 var SyncBlockBatchFetcher = /*#__PURE__*/function () {
+  function SyncBlockBatchFetcher(deps) {
+    var _this = this;
+    _classCallCheck(this, SyncBlockBatchFetcher);
+    _defineProperty(this, "pendingFetchRequests", new Set());
+    this.deps = deps;
+    this.scheduledBatchFetch = rafSchedule(function () {
+      if (_this.pendingFetchRequests.size === 0) {
+        return;
+      }
+      var resourceIds = Array.from(_this.pendingFetchRequests);
+      var syncBlockNodes = resourceIds.map(function (resId) {
+        var subscriptions = _this.deps.getSubscriptions().get(resId) || {};
+        var firstLocalId = Object.keys(subscriptions)[0] || '';
+        return createSyncBlockNode(firstLocalId, resId);
+      });
+      _this.pendingFetchRequests.clear();
+      _this.deps.fetchSyncBlocksData(syncBlockNodes).catch(function (error) {
+        logException(error, {
+          location: 'editor-synced-block-provider/syncBlockBatchFetcher/batchedFetchSyncBlocks'
+        });
+        resourceIds.forEach(function (resId) {
+          var _this$deps$getFireAna;
+          (_this$deps$getFireAna = _this.deps.getFireAnalyticsEvent()) === null || _this$deps$getFireAna === void 0 || _this$deps$getFireAna(fetchErrorPayload(error.message, resId));
+        });
+      });
+    });
+  }
+  return _createClass(SyncBlockBatchFetcher, [{
+    key: "queueFetch",
+    value: function queueFetch(resourceId) {
+      var 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);
+      }
+    }
+  }, {
+    key: "cancel",
+    value: function cancel() {
+      this.scheduledBatchFetch.cancel();
+    }
+  }, {
+    key: "clearPending",
+    value: function clearPending() {
+      this.pendingFetchRequests.clear();
+    }
+  }, {
+    key: "destroy",
+    value: function destroy() {
+      this.cancel();
+      this.clearPending();
+    }
+  }]);
+}();