@atlaskit/editor-synced-block-provider 3.29.0 → 3.29.1

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/editor-synced-block-provider
 
+## 3.29.1
+
+### Patch Changes
+
+- [`53c9f85806f98`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/53c9f85806f98) -
+  EDITOR-5275 Store synced blocks data in session storage for look up during page transitions
+- Updated dependencies
+
 ## 3.29.0
 
 ### Minor Changes

package/dist/cjs/index.js

@@ -3,6 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "ReferenceSyncBlockStoreManager", {
+  enumerable: true,
+  get: function get() {
+    return _referenceSyncBlockStoreManager.ReferenceSyncBlockStoreManager;
+  }
+});
 Object.defineProperty(exports, "SyncBlockError", {
   enumerable: true,
   get: function get() {
@@ -213,6 +219,7 @@ var _ari3 = require("./clients/jira/ari");
 var _blockServiceAPI = require("./providers/block-service/blockServiceAPI");
 var _sourceInfo = require("./clients/confluence/sourceInfo");
 var _syncBlockProvider = require("./providers/syncBlockProvider");
+var _referenceSyncBlockStoreManager = require("./store-manager/referenceSyncBlockStoreManager");
 var _syncBlockStoreManager = require("./store-manager/syncBlockStoreManager");
 var _resolveSyncBlockInstance = require("./utils/resolveSyncBlockInstance");
 var _resourceId = require("./utils/resourceId");

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

@@ -27,6 +27,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 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; }
+var SESSION_STORAGE_KEY_PREFIX = 'sync-block-data-';
+
 // A store manager responsible for the lifecycle and state management of reference sync blocks in an editor instance.
 // Designed to manage local in-memory state and synchronize with an external data provider.
 // Supports fetch, cache, and subscription for sync block data.
@@ -34,7 +36,8 @@ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length)
 // Can be used in both editor and renderer contexts.
 var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
   function ReferenceSyncBlockStoreManager(dataProvider) {
-    var _this = this;
+    var _this = this,
+      _this$dataProvider;
     (0, _classCallCheck2.default)(this, ReferenceSyncBlockStoreManager);
     // Keeps track of addition and deletion of reference synced blocks on the document
     // This starts as true to always flush the cache when document is saved for the first time
@@ -81,6 +84,9 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
     this.graphqlSubscriptions = new Map();
     this.subscriptionChangeListeners = new Set();
     this.newlyAddedSyncBlocks = new Set();
+
+    // The provider might have SSR data cache already set, so we need to update the cache in session storage
+    this.setSSRDataInSessionStorage((_this$dataProvider = this.dataProvider) === null || _this$dataProvider === void 0 ? void 0 : _this$dataProvider.getNodeDataCacheKeys());
   }
 
   /**
@@ -217,9 +223,57 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
   }, {
     key: "getInitialSyncBlockData",
     value: function getInitialSyncBlockData(resourceId) {
-      var _this$dataProvider;
+      var _this$dataProvider2;
       var syncBlockNode = (0, _utils.createSyncBlockNode)('', resourceId);
-      return (_this$dataProvider = this.dataProvider) === null || _this$dataProvider === void 0 || (_this$dataProvider = _this$dataProvider.getNodeDataFromCache(syncBlockNode)) === null || _this$dataProvider === void 0 ? void 0 : _this$dataProvider.data;
+      var data = (_this$dataProvider2 = this.dataProvider) === null || _this$dataProvider2 === void 0 || (_this$dataProvider2 = _this$dataProvider2.getNodeDataFromCache(syncBlockNode)) === null || _this$dataProvider2 === void 0 ? void 0 : _this$dataProvider2.data;
+      if (data) {
+        return data;
+      }
+      if ((0, _platformFeatureFlags.fg)('platform_synced_block_patch_3')) {
+        var sessionData = this.getSyncBlockDataFromSessionStorage(resourceId);
+        if (sessionData) {
+          return sessionData;
+        }
+      }
+      return undefined;
+    }
+  }, {
+    key: "updateCacheInSessionStorage",
+    value: function updateCacheInSessionStorage(resourceId) {
+      try {
+        var latestData = this.getFromCache(resourceId);
+        if (latestData) {
+          sessionStorage.setItem("".concat(SESSION_STORAGE_KEY_PREFIX).concat(resourceId), JSON.stringify(latestData));
+        }
+      } catch (error) {
+        (0, _monitoring.logException)(error, {
+          location: 'editor-synced-block-provider/referenceSyncBlockStoreManager/updateCacheInSessionStorage'
+        });
+      }
+    }
+  }, {
+    key: "getSyncBlockDataFromSessionStorage",
+    value: function getSyncBlockDataFromSessionStorage(resourceId) {
+      var sessionData = null;
+      try {
+        sessionData = sessionStorage.getItem("".concat(SESSION_STORAGE_KEY_PREFIX).concat(resourceId));
+      } catch (error) {
+        (0, _monitoring.logException)(error, {
+          location: 'editor-synced-block-provider/referenceSyncBlockStoreManager/getSyncBlockDataFromSessionStorage'
+        });
+        return undefined;
+      }
+      if (!sessionData) {
+        return undefined;
+      }
+      try {
+        return JSON.parse(sessionData);
+      } catch (error) {
+        (0, _monitoring.logException)(error, {
+          location: 'editor-synced-block-provider/referenceSyncBlockStoreManager/getSyncBlockDataFromSessionStorage'
+        });
+        return undefined;
+      }
     }
 
     /**
@@ -324,13 +378,13 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
   }, {
     key: "setupGraphQLSubscription",
     value: function setupGraphQLSubscription(resourceId) {
-      var _this$dataProvider2,
+      var _this$dataProvider3,
         _this4 = this;
       // Don't set up duplicate subscriptions
       if (this.graphqlSubscriptions.has(resourceId)) {
         return;
       }
-      if (!((_this$dataProvider2 = this.dataProvider) !== null && _this$dataProvider2 !== void 0 && _this$dataProvider2.subscribeToBlockUpdates)) {
+      if (!((_this$dataProvider3 = this.dataProvider) !== null && _this$dataProvider3 !== void 0 && _this$dataProvider3.subscribeToBlockUpdates)) {
         return;
       }
       var unsubscribe = this.dataProvider.subscribeToBlockUpdates(resourceId, function (syncBlockInstance) {
@@ -773,8 +827,8 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
     value: function updateCache(syncBlock) {
       var resourceId = syncBlock.resourceId;
       if (resourceId) {
-        var _this$dataProvider3;
-        (_this$dataProvider3 = this.dataProvider) === null || _this$dataProvider3 === void 0 || _this$dataProvider3.updateCache((0, _defineProperty2.default)({}, resourceId, syncBlock), {
+        var _this$dataProvider4;
+        (_this$dataProvider4 = this.dataProvider) === null || _this$dataProvider4 === void 0 || _this$dataProvider4.updateCache((0, _defineProperty2.default)({}, resourceId, syncBlock), {
           strategy: 'merge',
           source: 'network'
         });
@@ -784,6 +838,9 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
             callback(syncBlock);
           });
         }
+        if ((0, _platformFeatureFlags.fg)('platform_synced_block_patch_3')) {
+          this.updateCacheInSessionStorage(resourceId);
+        }
       }
     }
   }, {
@@ -799,15 +856,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.providerFactories.delete(resourceId);
     }
   }, {
@@ -826,11 +883,22 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
         this.scheduledBatchFetch();
       }
     }
+  }, {
+    key: "setSSRDataInSessionStorage",
+    value: function setSSRDataInSessionStorage(resourceIds) {
+      var _this0 = this;
+      if (!resourceIds || resourceIds.length === 0) {
+        return;
+      }
+      resourceIds.forEach(function (resourceId) {
+        _this0.updateCacheInSessionStorage(resourceId);
+      });
+    }
   }, {
     key: "subscribeToSyncBlock",
     value: function subscribeToSyncBlock(resourceId, localId, callback) {
-      var _this$dataProvider6,
-        _this0 = this;
+      var _this$dataProvider7,
+        _this1 = this;
       // Cancel any pending cache deletion for this resourceId.
       // This handles the case where a block is moved - the old component unmounts
       // (scheduling deletion) but the new component mounts and subscribes before
@@ -856,7 +924,7 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
       var syncBlockNode = (0, _utils.createSyncBlockNode)(localId, resourceId);
 
       // call the callback immediately if we have cached data
-      var cachedData = (_this$dataProvider6 = this.dataProvider) === null || _this$dataProvider6 === void 0 || (_this$dataProvider6 = _this$dataProvider6.getNodeDataFromCache(syncBlockNode)) === null || _this$dataProvider6 === void 0 ? void 0 : _this$dataProvider6.data;
+      var cachedData = (_this$dataProvider7 = this.dataProvider) === null || _this$dataProvider7 === void 0 || (_this$dataProvider7 = _this$dataProvider7.getNodeDataFromCache(syncBlockNode)) === null || _this$dataProvider7 === void 0 ? void 0 : _this$dataProvider7.data;
       if (cachedData) {
         callback(cachedData);
       } else {
@@ -868,19 +936,19 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
         this.setupGraphQLSubscription(resourceId);
       }
       return function () {
-        var resourceSubscriptions = _this0.subscriptions.get(resourceId);
+        var resourceSubscriptions = _this1.subscriptions.get(resourceId);
         if (resourceSubscriptions) {
           // Unsubscription means a reference synced block is removed from the document
-          _this0.isCacheDirty = true;
+          _this1.isCacheDirty = true;
           delete resourceSubscriptions[localId];
           if (Object.keys(resourceSubscriptions).length === 0) {
-            _this0.subscriptions.delete(resourceId);
+            _this1.subscriptions.delete(resourceId);
 
             // Clean up GraphQL subscription when no more local subscribers
-            _this0.cleanupGraphQLSubscription(resourceId);
+            _this1.cleanupGraphQLSubscription(resourceId);
 
             // Notify listeners that subscription was removed
-            _this0.notifySubscriptionChangeListeners();
+            _this1.notifySubscriptionChangeListeners();
 
             // Delay cache deletion to handle block moves (unmount/remount).
             // When a block is moved, the old component unmounts before the new one mounts.
@@ -889,14 +957,14 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
             // TODO: EDITOR-4152 - Rework this logic
             var deletionTimeout = setTimeout(function () {
               // Only delete if still no subscribers (wasn't re-subscribed)
-              if (!_this0.subscriptions.has(resourceId)) {
-                _this0.deleteFromCache(resourceId);
+              if (!_this1.subscriptions.has(resourceId)) {
+                _this1.deleteFromCache(resourceId);
               }
-              _this0.pendingCacheDeletions.delete(resourceId);
+              _this1.pendingCacheDeletions.delete(resourceId);
             }, 1000);
-            _this0.pendingCacheDeletions.set(resourceId, deletionTimeout);
+            _this1.pendingCacheDeletions.set(resourceId, deletionTimeout);
           } else {
-            _this0.subscriptions.set(resourceId, resourceSubscriptions);
+            _this1.subscriptions.set(resourceId, resourceSubscriptions);
           }
         }
       };
@@ -905,7 +973,7 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
     key: "subscribeToSourceTitle",
     value: function subscribeToSourceTitle(node, callback) {
       var _cachedData$data,
-        _this1 = this;
+        _this10 = this;
       // check node is a sync block, as we only support sync block subscriptions
       if (node.type.name !== 'syncBlock') {
         return function () {};
@@ -925,13 +993,13 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
       var resourceSubscriptions = this.titleSubscriptions.get(resourceId) || {};
       this.titleSubscriptions.set(resourceId, _objectSpread(_objectSpread({}, resourceSubscriptions), {}, (0, _defineProperty2.default)({}, localId, callback)));
       return function () {
-        var resourceSubscriptions = _this1.titleSubscriptions.get(resourceId);
+        var resourceSubscriptions = _this10.titleSubscriptions.get(resourceId);
         if (resourceSubscriptions) {
           delete resourceSubscriptions[localId];
           if (Object.keys(resourceSubscriptions).length === 0) {
-            _this1.titleSubscriptions.delete(resourceId);
+            _this10.titleSubscriptions.delete(resourceId);
           } else {
-            _this1.titleSubscriptions.set(resourceId, resourceSubscriptions);
+            _this10.titleSubscriptions.set(resourceId, resourceSubscriptions);
           }
         }
       };
@@ -1126,7 +1194,7 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
     key: "flush",
     value: (function () {
       var _flush = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4() {
-        var _this10 = this;
+        var _this11 = this;
         var success, syncedBlocksToFlush, _this$saveExperience, blocks, _iterator4, _step4, _loop2, updateResult, _this$saveExperience2, _this$fireAnalyticsEv1, _this$saveExperience3, _this$fireAnalyticsEv10, _this$saveExperience4;
         return _regenerator.default.wrap(function _callee4$(_context6) {
           while (1) switch (_context6.prev = _context6.next) {
@@ -1288,8 +1356,8 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
                   // Use setTimeout to avoid deep recursion and run queued flush asynchronously
                   // Note: flush() handles all exceptions internally and never rejects
                   this.queuedFlushTimeout = setTimeout(function () {
-                    _this10.queuedFlushTimeout = undefined;
-                    void _this10.flush();
+                    _this11.queuedFlushTimeout = undefined;
+                    void _this11.flush();
                   }, 0);
                 }
               }
@@ -1310,7 +1378,7 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
   }, {
     key: "destroy",
     value: function destroy() {
-      var _this$dataProvider7, _this$saveExperience5, _this$fetchExperience0, _this$fetchSourceInfo2;
+      var _this$dataProvider8, _this$saveExperience5, _this$fetchExperience0, _this$fetchSourceInfo2;
       // Cancel any queued flush to prevent it from running after destroy
       if (this.queuedFlushTimeout) {
         clearTimeout(this.queuedFlushTimeout);
@@ -1319,7 +1387,7 @@ var ReferenceSyncBlockStoreManager = exports.ReferenceSyncBlockStoreManager = /*
 
       // Clean up all GraphQL subscriptions first
       this.cleanupAllGraphQLSubscriptions();
-      (_this$dataProvider7 = this.dataProvider) === null || _this$dataProvider7 === void 0 || _this$dataProvider7.resetCache();
+      (_this$dataProvider8 = this.dataProvider) === null || _this$dataProvider8 === void 0 || _this$dataProvider8.resetCache();
       this.scheduledBatchFetch.cancel();
       this.pendingFetchRequests.clear();
       this.dataProvider = undefined;

package/dist/es2019/index.js

@@ -18,9 +18,8 @@ export { getJiraWorkItemAri, getJiraWorkItemIdFromAri } from './clients/jira/ari
 export { useMemoizedBlockServiceAPIProviders, useMemoizedBlockServiceFetchOnlyAPIProvider, fetchReferences, batchFetchData } from './providers/block-service/blockServiceAPI';
 export { fetchConfluencePageInfo } from './clients/confluence/sourceInfo';
 export { SyncBlockProvider as SyncedBlockProvider, useMemoizedSyncedBlockProvider } from './providers/syncBlockProvider';
-
 // store managers
-
+export { ReferenceSyncBlockStoreManager } from './store-manager/referenceSyncBlockStoreManager';
 export { SyncBlockStoreManager, useMemoizedSyncBlockStoreManager } from './store-manager/syncBlockStoreManager';
 
 // utils

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

@@ -10,6 +10,7 @@ import { getFetchExperience, getFetchSourceInfoExperience, getSaveReferenceExper
 import { resolveSyncBlockInstance } from '../utils/resolveSyncBlockInstance';
 import { parseResourceId } from '../utils/resourceId';
 import { createSyncBlockNode } from '../utils/utils';
+const SESSION_STORAGE_KEY_PREFIX = 'sync-block-data-';
 
 // A store manager responsible for the lifecycle and state management of reference sync blocks in an editor instance.
 // Designed to manage local in-memory state and synchronize with an external data provider.
@@ -18,6 +19,7 @@ import { createSyncBlockNode } from '../utils/utils';
 // Can be used in both editor and renderer contexts.
 export class ReferenceSyncBlockStoreManager {
   constructor(dataProvider) {
+    var _this$dataProvider;
     // Keeps track of addition and deletion of reference synced blocks on the document
     // This starts as true to always flush the cache when document is saved for the first time
     // to cater the case when a editor session is closed without document being updated right after reference block is deleted
@@ -63,6 +65,9 @@ export class ReferenceSyncBlockStoreManager {
     this.graphqlSubscriptions = new Map();
     this.subscriptionChangeListeners = new Set();
     this.newlyAddedSyncBlocks = new Set();
+
+    // The provider might have SSR data cache already set, so we need to update the cache in session storage
+    this.setSSRDataInSessionStorage((_this$dataProvider = this.dataProvider) === null || _this$dataProvider === void 0 ? void 0 : _this$dataProvider.getNodeDataCacheKeys());
   }
 
   /**
@@ -173,9 +178,53 @@ export class ReferenceSyncBlockStoreManager {
     this.fireAnalyticsEvent = fireAnalyticsEvent;
   }
   getInitialSyncBlockData(resourceId) {
-    var _this$dataProvider, _this$dataProvider$ge;
+    var _this$dataProvider2, _this$dataProvider2$g;
     const syncBlockNode = createSyncBlockNode('', resourceId);
-    return (_this$dataProvider = this.dataProvider) === null || _this$dataProvider === void 0 ? void 0 : (_this$dataProvider$ge = _this$dataProvider.getNodeDataFromCache(syncBlockNode)) === null || _this$dataProvider$ge === void 0 ? void 0 : _this$dataProvider$ge.data;
+    const data = (_this$dataProvider2 = this.dataProvider) === null || _this$dataProvider2 === void 0 ? void 0 : (_this$dataProvider2$g = _this$dataProvider2.getNodeDataFromCache(syncBlockNode)) === null || _this$dataProvider2$g === void 0 ? void 0 : _this$dataProvider2$g.data;
+    if (data) {
+      return data;
+    }
+    if (fg('platform_synced_block_patch_3')) {
+      const sessionData = this.getSyncBlockDataFromSessionStorage(resourceId);
+      if (sessionData) {
+        return sessionData;
+      }
+    }
+    return undefined;
+  }
+  updateCacheInSessionStorage(resourceId) {
+    try {
+      const latestData = this.getFromCache(resourceId);
+      if (latestData) {
+        sessionStorage.setItem(`${SESSION_STORAGE_KEY_PREFIX}${resourceId}`, JSON.stringify(latestData));
+      }
+    } catch (error) {
+      logException(error, {
+        location: 'editor-synced-block-provider/referenceSyncBlockStoreManager/updateCacheInSessionStorage'
+      });
+    }
+  }
+  getSyncBlockDataFromSessionStorage(resourceId) {
+    let sessionData = null;
+    try {
+      sessionData = sessionStorage.getItem(`${SESSION_STORAGE_KEY_PREFIX}${resourceId}`);
+    } catch (error) {
+      logException(error, {
+        location: 'editor-synced-block-provider/referenceSyncBlockStoreManager/getSyncBlockDataFromSessionStorage'
+      });
+      return undefined;
+    }
+    if (!sessionData) {
+      return undefined;
+    }
+    try {
+      return JSON.parse(sessionData);
+    } catch (error) {
+      logException(error, {
+        location: 'editor-synced-block-provider/referenceSyncBlockStoreManager/getSyncBlockDataFromSessionStorage'
+      });
+      return undefined;
+    }
   }
 
   /**
@@ -218,12 +267,12 @@ export class ReferenceSyncBlockStoreManager {
    * @param resourceId - The resource ID of the block to subscribe to
    */
   setupGraphQLSubscription(resourceId) {
-    var _this$dataProvider2;
+    var _this$dataProvider3;
     // Don't set up duplicate subscriptions
     if (this.graphqlSubscriptions.has(resourceId)) {
       return;
     }
-    if (!((_this$dataProvider2 = this.dataProvider) !== null && _this$dataProvider2 !== void 0 && _this$dataProvider2.subscribeToBlockUpdates)) {
+    if (!((_this$dataProvider3 = this.dataProvider) !== null && _this$dataProvider3 !== void 0 && _this$dataProvider3.subscribeToBlockUpdates)) {
       return;
     }
     const unsubscribe = this.dataProvider.subscribeToBlockUpdates(resourceId, syncBlockInstance => {
@@ -585,8 +634,8 @@ export class ReferenceSyncBlockStoreManager {
       resourceId
     } = syncBlock;
     if (resourceId) {
-      var _this$dataProvider3;
-      (_this$dataProvider3 = this.dataProvider) === null || _this$dataProvider3 === void 0 ? void 0 : _this$dataProvider3.updateCache({
+      var _this$dataProvider4;
+      (_this$dataProvider4 = this.dataProvider) === null || _this$dataProvider4 === void 0 ? void 0 : _this$dataProvider4.updateCache({
         [resourceId]: syncBlock
       }, {
         strategy: 'merge',
@@ -598,6 +647,9 @@ export class ReferenceSyncBlockStoreManager {
           callback(syncBlock);
         });
       }
+      if (fg('platform_synced_block_patch_3')) {
+        this.updateCacheInSessionStorage(resourceId);
+      }
     }
   }
   updateSourceTitleSubscriptions(resourceId, title) {
@@ -609,13 +661,13 @@ export class ReferenceSyncBlockStoreManager {
     }
   }
   getFromCache(resourceId) {
-    var _this$dataProvider4, _this$dataProvider4$g;
+    var _this$dataProvider5, _this$dataProvider5$g;
     const syncBlockNode = createSyncBlockNode('', resourceId);
-    return (_this$dataProvider4 = this.dataProvider) === null || _this$dataProvider4 === void 0 ? void 0 : (_this$dataProvider4$g = _this$dataProvider4.getNodeDataFromCache(syncBlockNode)) === null || _this$dataProvider4$g === void 0 ? void 0 : _this$dataProvider4$g.data;
+    return (_this$dataProvider5 = this.dataProvider) === null || _this$dataProvider5 === void 0 ? void 0 : (_this$dataProvider5$g = _this$dataProvider5.getNodeDataFromCache(syncBlockNode)) === null || _this$dataProvider5$g === void 0 ? void 0 : _this$dataProvider5$g.data;
   }
   deleteFromCache(resourceId) {
-    var _this$dataProvider5;
-    (_this$dataProvider5 = this.dataProvider) === null || _this$dataProvider5 === void 0 ? void 0 : _this$dataProvider5.removeFromCache([resourceId]);
+    var _this$dataProvider6;
+    (_this$dataProvider6 = this.dataProvider) === null || _this$dataProvider6 === void 0 ? void 0 : _this$dataProvider6.removeFromCache([resourceId]);
     this.providerFactories.delete(resourceId);
   }
   debouncedBatchedFetchSyncBlocks(resourceId) {
@@ -632,8 +684,16 @@ export class ReferenceSyncBlockStoreManager {
       this.scheduledBatchFetch();
     }
   }
+  setSSRDataInSessionStorage(resourceIds) {
+    if (!resourceIds || resourceIds.length === 0) {
+      return;
+    }
+    resourceIds.forEach(resourceId => {
+      this.updateCacheInSessionStorage(resourceId);
+    });
+  }
   subscribeToSyncBlock(resourceId, localId, callback) {
-    var _this$dataProvider6, _this$dataProvider6$g;
+    var _this$dataProvider7, _this$dataProvider7$g;
     // Cancel any pending cache deletion for this resourceId.
     // This handles the case where a block is moved - the old component unmounts
     // (scheduling deletion) but the new component mounts and subscribes before
@@ -662,7 +722,7 @@ export class ReferenceSyncBlockStoreManager {
     const syncBlockNode = createSyncBlockNode(localId, resourceId);
 
     // call the callback immediately if we have cached data
-    const cachedData = (_this$dataProvider6 = this.dataProvider) === null || _this$dataProvider6 === void 0 ? void 0 : (_this$dataProvider6$g = _this$dataProvider6.getNodeDataFromCache(syncBlockNode)) === null || _this$dataProvider6$g === void 0 ? void 0 : _this$dataProvider6$g.data;
+    const cachedData = (_this$dataProvider7 = this.dataProvider) === null || _this$dataProvider7 === void 0 ? void 0 : (_this$dataProvider7$g = _this$dataProvider7.getNodeDataFromCache(syncBlockNode)) === null || _this$dataProvider7$g === void 0 ? void 0 : _this$dataProvider7$g.data;
     if (cachedData) {
       callback(cachedData);
     } else {
@@ -1043,7 +1103,7 @@ export class ReferenceSyncBlockStoreManager {
     return success;
   }
   destroy() {
-    var _this$dataProvider7, _this$saveExperience5, _this$fetchExperience0, _this$fetchSourceInfo6;
+    var _this$dataProvider8, _this$saveExperience5, _this$fetchExperience0, _this$fetchSourceInfo6;
     // Cancel any queued flush to prevent it from running after destroy
     if (this.queuedFlushTimeout) {
       clearTimeout(this.queuedFlushTimeout);
@@ -1052,7 +1112,7 @@ export class ReferenceSyncBlockStoreManager {
 
     // Clean up all GraphQL subscriptions first
     this.cleanupAllGraphQLSubscriptions();
-    (_this$dataProvider7 = this.dataProvider) === null || _this$dataProvider7 === void 0 ? void 0 : _this$dataProvider7.resetCache();
+    (_this$dataProvider8 = this.dataProvider) === null || _this$dataProvider8 === void 0 ? void 0 : _this$dataProvider8.resetCache();
     this.scheduledBatchFetch.cancel();
     this.pendingFetchRequests.clear();
     this.dataProvider = undefined;

package/dist/esm/index.js

@@ -18,9 +18,8 @@ export { getJiraWorkItemAri, getJiraWorkItemIdFromAri } from './clients/jira/ari
 export { useMemoizedBlockServiceAPIProviders, useMemoizedBlockServiceFetchOnlyAPIProvider, fetchReferences, batchFetchData } from './providers/block-service/blockServiceAPI';
 export { fetchConfluencePageInfo } from './clients/confluence/sourceInfo';
 export { SyncBlockProvider as SyncedBlockProvider, useMemoizedSyncedBlockProvider } from './providers/syncBlockProvider';
-
 // store managers
-
+export { ReferenceSyncBlockStoreManager } from './store-manager/referenceSyncBlockStoreManager';
 export { SyncBlockStoreManager, useMemoizedSyncBlockStoreManager } from './store-manager/syncBlockStoreManager';
 
 // utils

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

@@ -20,6 +20,7 @@ import { getFetchExperience, getFetchSourceInfoExperience, getSaveReferenceExper
 import { resolveSyncBlockInstance } from '../utils/resolveSyncBlockInstance';
 import { parseResourceId } from '../utils/resourceId';
 import { createSyncBlockNode } from '../utils/utils';
+var SESSION_STORAGE_KEY_PREFIX = 'sync-block-data-';
 
 // A store manager responsible for the lifecycle and state management of reference sync blocks in an editor instance.
 // Designed to manage local in-memory state and synchronize with an external data provider.
@@ -28,7 +29,8 @@ import { createSyncBlockNode } from '../utils/utils';
 // Can be used in both editor and renderer contexts.
 export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
   function ReferenceSyncBlockStoreManager(dataProvider) {
-    var _this = this;
+    var _this = this,
+      _this$dataProvider;
     _classCallCheck(this, ReferenceSyncBlockStoreManager);
     // Keeps track of addition and deletion of reference synced blocks on the document
     // This starts as true to always flush the cache when document is saved for the first time
@@ -75,6 +77,9 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
     this.graphqlSubscriptions = new Map();
     this.subscriptionChangeListeners = new Set();
     this.newlyAddedSyncBlocks = new Set();
+
+    // The provider might have SSR data cache already set, so we need to update the cache in session storage
+    this.setSSRDataInSessionStorage((_this$dataProvider = this.dataProvider) === null || _this$dataProvider === void 0 ? void 0 : _this$dataProvider.getNodeDataCacheKeys());
   }
 
   /**
@@ -211,9 +216,57 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
   }, {
     key: "getInitialSyncBlockData",
     value: function getInitialSyncBlockData(resourceId) {
-      var _this$dataProvider;
+      var _this$dataProvider2;
       var syncBlockNode = createSyncBlockNode('', resourceId);
-      return (_this$dataProvider = this.dataProvider) === null || _this$dataProvider === void 0 || (_this$dataProvider = _this$dataProvider.getNodeDataFromCache(syncBlockNode)) === null || _this$dataProvider === void 0 ? void 0 : _this$dataProvider.data;
+      var data = (_this$dataProvider2 = this.dataProvider) === null || _this$dataProvider2 === void 0 || (_this$dataProvider2 = _this$dataProvider2.getNodeDataFromCache(syncBlockNode)) === null || _this$dataProvider2 === void 0 ? void 0 : _this$dataProvider2.data;
+      if (data) {
+        return data;
+      }
+      if (fg('platform_synced_block_patch_3')) {
+        var sessionData = this.getSyncBlockDataFromSessionStorage(resourceId);
+        if (sessionData) {
+          return sessionData;
+        }
+      }
+      return undefined;
+    }
+  }, {
+    key: "updateCacheInSessionStorage",
+    value: function updateCacheInSessionStorage(resourceId) {
+      try {
+        var latestData = this.getFromCache(resourceId);
+        if (latestData) {
+          sessionStorage.setItem("".concat(SESSION_STORAGE_KEY_PREFIX).concat(resourceId), JSON.stringify(latestData));
+        }
+      } catch (error) {
+        logException(error, {
+          location: 'editor-synced-block-provider/referenceSyncBlockStoreManager/updateCacheInSessionStorage'
+        });
+      }
+    }
+  }, {
+    key: "getSyncBlockDataFromSessionStorage",
+    value: function getSyncBlockDataFromSessionStorage(resourceId) {
+      var sessionData = null;
+      try {
+        sessionData = sessionStorage.getItem("".concat(SESSION_STORAGE_KEY_PREFIX).concat(resourceId));
+      } catch (error) {
+        logException(error, {
+          location: 'editor-synced-block-provider/referenceSyncBlockStoreManager/getSyncBlockDataFromSessionStorage'
+        });
+        return undefined;
+      }
+      if (!sessionData) {
+        return undefined;
+      }
+      try {
+        return JSON.parse(sessionData);
+      } catch (error) {
+        logException(error, {
+          location: 'editor-synced-block-provider/referenceSyncBlockStoreManager/getSyncBlockDataFromSessionStorage'
+        });
+        return undefined;
+      }
     }
 
     /**
@@ -318,13 +371,13 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
   }, {
     key: "setupGraphQLSubscription",
     value: function setupGraphQLSubscription(resourceId) {
-      var _this$dataProvider2,
+      var _this$dataProvider3,
         _this4 = this;
       // Don't set up duplicate subscriptions
       if (this.graphqlSubscriptions.has(resourceId)) {
         return;
       }
-      if (!((_this$dataProvider2 = this.dataProvider) !== null && _this$dataProvider2 !== void 0 && _this$dataProvider2.subscribeToBlockUpdates)) {
+      if (!((_this$dataProvider3 = this.dataProvider) !== null && _this$dataProvider3 !== void 0 && _this$dataProvider3.subscribeToBlockUpdates)) {
         return;
       }
       var unsubscribe = this.dataProvider.subscribeToBlockUpdates(resourceId, function (syncBlockInstance) {
@@ -767,8 +820,8 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
     value: function updateCache(syncBlock) {
       var resourceId = syncBlock.resourceId;
       if (resourceId) {
-        var _this$dataProvider3;
-        (_this$dataProvider3 = this.dataProvider) === null || _this$dataProvider3 === void 0 || _this$dataProvider3.updateCache(_defineProperty({}, resourceId, syncBlock), {
+        var _this$dataProvider4;
+        (_this$dataProvider4 = this.dataProvider) === null || _this$dataProvider4 === void 0 || _this$dataProvider4.updateCache(_defineProperty({}, resourceId, syncBlock), {
           strategy: 'merge',
           source: 'network'
         });
@@ -778,6 +831,9 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
             callback(syncBlock);
           });
         }
+        if (fg('platform_synced_block_patch_3')) {
+          this.updateCacheInSessionStorage(resourceId);
+        }
       }
     }
   }, {
@@ -793,15 +849,15 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
   }, {
     key: "getFromCache",
     value: function getFromCache(resourceId) {
-      var _this$dataProvider4;
+      var _this$dataProvider5;
       var syncBlockNode = 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.providerFactories.delete(resourceId);
     }
   }, {
@@ -820,11 +876,22 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
         this.scheduledBatchFetch();
       }
     }
+  }, {
+    key: "setSSRDataInSessionStorage",
+    value: function setSSRDataInSessionStorage(resourceIds) {
+      var _this0 = this;
+      if (!resourceIds || resourceIds.length === 0) {
+        return;
+      }
+      resourceIds.forEach(function (resourceId) {
+        _this0.updateCacheInSessionStorage(resourceId);
+      });
+    }
   }, {
     key: "subscribeToSyncBlock",
     value: function subscribeToSyncBlock(resourceId, localId, callback) {
-      var _this$dataProvider6,
-        _this0 = this;
+      var _this$dataProvider7,
+        _this1 = this;
       // Cancel any pending cache deletion for this resourceId.
       // This handles the case where a block is moved - the old component unmounts
       // (scheduling deletion) but the new component mounts and subscribes before
@@ -850,7 +917,7 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
       var syncBlockNode = createSyncBlockNode(localId, resourceId);
 
       // call the callback immediately if we have cached data
-      var cachedData = (_this$dataProvider6 = this.dataProvider) === null || _this$dataProvider6 === void 0 || (_this$dataProvider6 = _this$dataProvider6.getNodeDataFromCache(syncBlockNode)) === null || _this$dataProvider6 === void 0 ? void 0 : _this$dataProvider6.data;
+      var cachedData = (_this$dataProvider7 = this.dataProvider) === null || _this$dataProvider7 === void 0 || (_this$dataProvider7 = _this$dataProvider7.getNodeDataFromCache(syncBlockNode)) === null || _this$dataProvider7 === void 0 ? void 0 : _this$dataProvider7.data;
       if (cachedData) {
         callback(cachedData);
       } else {
@@ -862,19 +929,19 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
         this.setupGraphQLSubscription(resourceId);
       }
       return function () {
-        var resourceSubscriptions = _this0.subscriptions.get(resourceId);
+        var resourceSubscriptions = _this1.subscriptions.get(resourceId);
         if (resourceSubscriptions) {
           // Unsubscription means a reference synced block is removed from the document
-          _this0.isCacheDirty = true;
+          _this1.isCacheDirty = true;
           delete resourceSubscriptions[localId];
           if (Object.keys(resourceSubscriptions).length === 0) {
-            _this0.subscriptions.delete(resourceId);
+            _this1.subscriptions.delete(resourceId);
 
             // Clean up GraphQL subscription when no more local subscribers
-            _this0.cleanupGraphQLSubscription(resourceId);
+            _this1.cleanupGraphQLSubscription(resourceId);
 
             // Notify listeners that subscription was removed
-            _this0.notifySubscriptionChangeListeners();
+            _this1.notifySubscriptionChangeListeners();
 
             // Delay cache deletion to handle block moves (unmount/remount).
             // When a block is moved, the old component unmounts before the new one mounts.
@@ -883,14 +950,14 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
             // TODO: EDITOR-4152 - Rework this logic
             var deletionTimeout = setTimeout(function () {
               // Only delete if still no subscribers (wasn't re-subscribed)
-              if (!_this0.subscriptions.has(resourceId)) {
-                _this0.deleteFromCache(resourceId);
+              if (!_this1.subscriptions.has(resourceId)) {
+                _this1.deleteFromCache(resourceId);
               }
-              _this0.pendingCacheDeletions.delete(resourceId);
+              _this1.pendingCacheDeletions.delete(resourceId);
             }, 1000);
-            _this0.pendingCacheDeletions.set(resourceId, deletionTimeout);
+            _this1.pendingCacheDeletions.set(resourceId, deletionTimeout);
           } else {
-            _this0.subscriptions.set(resourceId, resourceSubscriptions);
+            _this1.subscriptions.set(resourceId, resourceSubscriptions);
           }
         }
       };
@@ -899,7 +966,7 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
     key: "subscribeToSourceTitle",
     value: function subscribeToSourceTitle(node, callback) {
       var _cachedData$data,
-        _this1 = this;
+        _this10 = this;
       // check node is a sync block, as we only support sync block subscriptions
       if (node.type.name !== 'syncBlock') {
         return function () {};
@@ -919,13 +986,13 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
       var resourceSubscriptions = this.titleSubscriptions.get(resourceId) || {};
       this.titleSubscriptions.set(resourceId, _objectSpread(_objectSpread({}, resourceSubscriptions), {}, _defineProperty({}, localId, callback)));
       return function () {
-        var resourceSubscriptions = _this1.titleSubscriptions.get(resourceId);
+        var resourceSubscriptions = _this10.titleSubscriptions.get(resourceId);
         if (resourceSubscriptions) {
           delete resourceSubscriptions[localId];
           if (Object.keys(resourceSubscriptions).length === 0) {
-            _this1.titleSubscriptions.delete(resourceId);
+            _this10.titleSubscriptions.delete(resourceId);
           } else {
-            _this1.titleSubscriptions.set(resourceId, resourceSubscriptions);
+            _this10.titleSubscriptions.set(resourceId, resourceSubscriptions);
           }
         }
       };
@@ -1120,7 +1187,7 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
     key: "flush",
     value: (function () {
       var _flush = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
-        var _this10 = this;
+        var _this11 = this;
         var success, syncedBlocksToFlush, _this$saveExperience, blocks, _iterator4, _step4, _loop2, updateResult, _this$saveExperience2, _this$fireAnalyticsEv1, _this$saveExperience3, _this$fireAnalyticsEv10, _this$saveExperience4;
         return _regeneratorRuntime.wrap(function _callee4$(_context6) {
           while (1) switch (_context6.prev = _context6.next) {
@@ -1282,8 +1349,8 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
                   // Use setTimeout to avoid deep recursion and run queued flush asynchronously
                   // Note: flush() handles all exceptions internally and never rejects
                   this.queuedFlushTimeout = setTimeout(function () {
-                    _this10.queuedFlushTimeout = undefined;
-                    void _this10.flush();
+                    _this11.queuedFlushTimeout = undefined;
+                    void _this11.flush();
                   }, 0);
                 }
               }
@@ -1304,7 +1371,7 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
   }, {
     key: "destroy",
     value: function destroy() {
-      var _this$dataProvider7, _this$saveExperience5, _this$fetchExperience0, _this$fetchSourceInfo2;
+      var _this$dataProvider8, _this$saveExperience5, _this$fetchExperience0, _this$fetchSourceInfo2;
       // Cancel any queued flush to prevent it from running after destroy
       if (this.queuedFlushTimeout) {
         clearTimeout(this.queuedFlushTimeout);
@@ -1313,7 +1380,7 @@ export var ReferenceSyncBlockStoreManager = /*#__PURE__*/function () {
 
       // Clean up all GraphQL subscriptions first
       this.cleanupAllGraphQLSubscriptions();
-      (_this$dataProvider7 = this.dataProvider) === null || _this$dataProvider7 === void 0 || _this$dataProvider7.resetCache();
+      (_this$dataProvider8 = this.dataProvider) === null || _this$dataProvider8 === void 0 || _this$dataProvider8.resetCache();
       this.scheduledBatchFetch.cancel();
       this.pendingFetchRequests.clear();
       this.dataProvider = undefined;

package/dist/types/index.d.ts

@@ -12,7 +12,7 @@ export { useMemoizedBlockServiceAPIProviders, useMemoizedBlockServiceFetchOnlyAP
 export { fetchConfluencePageInfo } from './clients/confluence/sourceInfo';
 export { SyncBlockProvider as SyncedBlockProvider, useMemoizedSyncedBlockProvider, } from './providers/syncBlockProvider';
 export type { ADFFetchProvider, ADFWriteProvider, BlockNodeIdentifiers, BlockSubscriptionErrorCallback, BlockUpdateCallback, SyncBlockDataProvider, SyncBlockInstance, MediaEmojiProviderOptions, SyncedBlockRendererProviderOptions, SyncBlockRendererProviderCreator, SyncedBlockRendererDataProviders, Unsubscribe, UpdateReferenceSyncBlockResult, WriteSyncBlockResult, SyncBlockParentInfo, SyncBlockSourceInfo, } from './providers/types';
-export { type ReferenceSyncBlockStoreManager } from './store-manager/referenceSyncBlockStoreManager';
+export { ReferenceSyncBlockStoreManager } from './store-manager/referenceSyncBlockStoreManager';
 export { SyncBlockStoreManager, useMemoizedSyncBlockStoreManager, } from './store-manager/syncBlockStoreManager';
 export { resolveSyncBlockInstance } from './utils/resolveSyncBlockInstance';
 export { parseResourceId, createResourceIdForReference } from './utils/resourceId';

package/dist/types/store-manager/referenceSyncBlockStoreManager.d.ts

@@ -73,6 +73,8 @@ export declare class ReferenceSyncBlockStoreManager {
     generateResourceIdForReference(sourceId: ResourceId): ResourceId;
     updateFireAnalyticsEvent(fireAnalyticsEvent?: (payload: RendererSyncBlockEventPayload) => void): void;
     getInitialSyncBlockData(resourceId: ResourceId): SyncBlockInstance | undefined;
+    private updateCacheInSessionStorage;
+    private getSyncBlockDataFromSessionStorage;
     /**
      * Refreshes the subscriptions for all sync blocks.
      * This is a fallback polling mechanism when real-time subscriptions are not enabled.
@@ -123,6 +125,7 @@ export declare class ReferenceSyncBlockStoreManager {
     getFromCache(resourceId: ResourceId): SyncBlockInstance | undefined;
     private deleteFromCache;
     private debouncedBatchedFetchSyncBlocks;
+    private setSSRDataInSessionStorage;
     subscribeToSyncBlock(resourceId: string, localId: string, callback: SubscriptionCallback): () => void;
     subscribeToSourceTitle(node: PMNode, callback: TitleSubscriptionCallback): () => void;
     subscribe(node: PMNode, callback: SubscriptionCallback): () => void;

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

@@ -12,7 +12,7 @@ export { useMemoizedBlockServiceAPIProviders, useMemoizedBlockServiceFetchOnlyAP
 export { fetchConfluencePageInfo } from './clients/confluence/sourceInfo';
 export { SyncBlockProvider as SyncedBlockProvider, useMemoizedSyncedBlockProvider, } from './providers/syncBlockProvider';
 export type { ADFFetchProvider, ADFWriteProvider, BlockNodeIdentifiers, BlockSubscriptionErrorCallback, BlockUpdateCallback, SyncBlockDataProvider, SyncBlockInstance, MediaEmojiProviderOptions, SyncedBlockRendererProviderOptions, SyncBlockRendererProviderCreator, SyncedBlockRendererDataProviders, Unsubscribe, UpdateReferenceSyncBlockResult, WriteSyncBlockResult, SyncBlockParentInfo, SyncBlockSourceInfo, } from './providers/types';
-export { type ReferenceSyncBlockStoreManager } from './store-manager/referenceSyncBlockStoreManager';
+export { ReferenceSyncBlockStoreManager } from './store-manager/referenceSyncBlockStoreManager';
 export { SyncBlockStoreManager, useMemoizedSyncBlockStoreManager, } from './store-manager/syncBlockStoreManager';
 export { resolveSyncBlockInstance } from './utils/resolveSyncBlockInstance';
 export { parseResourceId, createResourceIdForReference } from './utils/resourceId';

package/dist/types-ts4.5/store-manager/referenceSyncBlockStoreManager.d.ts

@@ -73,6 +73,8 @@ export declare class ReferenceSyncBlockStoreManager {
     generateResourceIdForReference(sourceId: ResourceId): ResourceId;
     updateFireAnalyticsEvent(fireAnalyticsEvent?: (payload: RendererSyncBlockEventPayload) => void): void;
     getInitialSyncBlockData(resourceId: ResourceId): SyncBlockInstance | undefined;
+    private updateCacheInSessionStorage;
+    private getSyncBlockDataFromSessionStorage;
     /**
      * Refreshes the subscriptions for all sync blocks.
      * This is a fallback polling mechanism when real-time subscriptions are not enabled.
@@ -123,6 +125,7 @@ export declare class ReferenceSyncBlockStoreManager {
     getFromCache(resourceId: ResourceId): SyncBlockInstance | undefined;
     private deleteFromCache;
     private debouncedBatchedFetchSyncBlocks;
+    private setSSRDataInSessionStorage;
     subscribeToSyncBlock(resourceId: string, localId: string, callback: SubscriptionCallback): () => void;
     subscribeToSourceTitle(node: PMNode, callback: TitleSubscriptionCallback): () => void;
     subscribe(node: PMNode, callback: SubscriptionCallback): () => void;

package/package.json

@@ -37,7 +37,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^111.13.0",
+		"@atlaskit/editor-common": "^111.14.0",
 		"react": "^18.2.0"
 	},
 	"devDependencies": {
@@ -80,7 +80,7 @@
 		}
 	},
 	"name": "@atlaskit/editor-synced-block-provider",
-	"version": "3.29.0",
+	"version": "3.29.1",
 	"description": "Synced Block Provider for @atlaskit/editor-plugin-synced-block",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -90,6 +90,9 @@
 	"platform-feature-flags": {
 		"platform_synced_block_patch_2": {
 			"type": "boolean"
+		},
+		"platform_synced_block_patch_3": {
+			"type": "boolean"
 		}
 	}
 }