@atlaskit/editor-synced-block-provider 0.3.0 → 0.5.0

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-synced-block-provider
 
+## 0.5.0
+
+### Minor Changes
+
+- [`3ebbf8e97e2d9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3ebbf8e97e2d9) -
+  Simplify provider API
+
+## 0.4.0
+
+### Minor Changes
+
+- [`acb8231bc9e0c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/acb8231bc9e0c) -
+  EDITOR-1779 - "rebase" the transaction to reflect the latest document state
+
 ## 0.3.0
 
 ### Minor Changes

package/dist/cjs/common/rebase-transaction.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.rebaseTransaction = void 0;
+var _transform = require("@atlaskit/editor-prosemirror/transform");
+/**
+ * Rebase `currentTr` over `incomingTr` based on the provided `state`.
+ * This function adjusts the steps in `currentTr` to account for the changes made by `incomingTr`.
+ *
+ * @param currentTr - The transaction to be rebased.
+ * @param incomingTr - The transaction that has already been applied to the state.
+ * @param state - The editor state after applying `incomingTr`.
+ * @returns A new transaction that represents `currentTr` rebased over `incomingTr`.
+ */
+var rebaseTransaction = exports.rebaseTransaction = function rebaseTransaction(currentTr, incomingTr, state) {
+  if (!incomingTr.docChanged) {
+    return currentTr;
+  }
+  var currentMapping = new _transform.Mapping(incomingTr.mapping.maps);
+  var rebasedTransaction = state.tr;
+  currentTr.steps.forEach(function (step) {
+    var mappedStep = step.map(currentMapping);
+    if (mappedStep) {
+      rebasedTransaction.step(mappedStep);
+      currentMapping.appendMap(mappedStep.getMap());
+    }
+  });
+  return rebasedTransaction;
+};

package/dist/cjs/common/syncBlockProvider.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useMemoizedSyncedBlockProvider = exports.useFetchDocNode = exports.SyncBlockProvider = void 0;
+exports.useMemoizedSyncedBlockProvider = exports.useHandleContentChanges = exports.useFetchDocNode = exports.SyncBlockProvider = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
@@ -50,7 +50,7 @@ var SyncBlockProvider = exports.SyncBlockProvider = /*#__PURE__*/function (_Sync
           resourceIds.push(Promise.reject('No Synced Blockcontent to write'));
           return;
         }
-        var resourceId = _this.writeProvider.writeData(_this.sourceId, node.attrs.localId, data[index].content, node.attrs.resourceId);
+        var resourceId = _this.writeProvider.writeData(data[index]);
         resourceIds.push(resourceId);
       });
       return Promise.all(resourceIds);
@@ -101,4 +101,21 @@ var useMemoizedSyncedBlockProvider = exports.useMemoizedSyncedBlockProvider = fu
   return (0, _react.useMemo)(function () {
     return new SyncBlockProvider(fetchProvider, writeProvider, sourceId);
   }, [fetchProvider, writeProvider, sourceId]);
+};
+var useHandleContentChanges = exports.useHandleContentChanges = function useHandleContentChanges(updatedDoc, isSource, node, provider) {
+  (0, _react.useEffect)(function () {
+    if (!isSource) {
+      return;
+    }
+    if (!provider) {
+      return;
+    }
+    var syncBlockNode = (0, _utils.convertSyncBlockPMNodeToSyncBlockData)(node, false);
+    var data = {
+      content: updatedDoc.toJSON(),
+      resourceId: node.attrs.resourceId,
+      localId: node.attrs.localId
+    };
+    provider === null || provider === void 0 || provider.writeNodesData([syncBlockNode], [data]);
+  }, [isSource, node, provider, updatedDoc]);
 };

package/dist/cjs/common/syncBlockStoreManager.js

@@ -10,6 +10,7 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _uuid = _interopRequireDefault(require("uuid"));
+var _rebaseTransaction2 = require("./rebase-transaction");
 // Do this typedef to make it clear that
 // this is a local identifier for a resource for local use
 // A store manager responsible for the lifecycle and state management of sync blocks in an editor instance.
@@ -57,11 +58,6 @@ var SyncBlockStoreManager = exports.SyncBlockStoreManager = /*#__PURE__*/functio
     key: "createSyncBlockNode",
     value: function createSyncBlockNode() {
       var _this$dataProvider;
-      // TODO: EDITOR-1644 - properly implement creation of the synced block
-      // below is a temporary implementation for the creation of the synced block
-      // the resource id needs to have pageId and content property key in it
-      // Note: If the data provider is not set, the resource id will be the local id
-
       var localId = (0, _uuid.default)();
       var sourceId = (_this$dataProvider = this.dataProvider) === null || _this$dataProvider === void 0 ? void 0 : _this$dataProvider.getSourceId();
       var resourceId = sourceId ? "".concat(sourceId, "/").concat(localId) : localId;
@@ -88,23 +84,24 @@ var SyncBlockStoreManager = exports.SyncBlockStoreManager = /*#__PURE__*/functio
           while (1) switch (_context.prev = _context.next) {
             case 0:
               if (!this.confirmationCallback) {
-                _context.next = 5;
+                _context.next = 7;
                 break;
               }
-              _context.next = 3;
+              this.confirmationTransaction = tr;
+              _context.next = 4;
               return this.confirmationCallback();
-            case 3:
+            case 4:
               confirmed = _context.sent;
               if (confirmed) {
-                // TODO: EDITOR-1779 - "rebase" the transaction to reflect the latest document state
-                (_this$editorView = this.editorView) === null || _this$editorView === void 0 || _this$editorView.dispatch(tr.setMeta('isConfirmedSyncBlockDeletion', true));
+                (_this$editorView = this.editorView) === null || _this$editorView === void 0 || _this$editorView.dispatch(this.confirmationTransaction.setMeta('isConfirmedSyncBlockDeletion', true));
                 // Need to update the BE on deletion
                 syncBlockIds.forEach(function (_ref) {
                   var resourceId = _ref.resourceId;
                   return _this2.syncBlocks.delete(resourceId);
                 });
               }
-            case 5:
+              this.confirmationTransaction = undefined;
+            case 7:
             case "end":
               return _context.stop();
           }
@@ -115,5 +112,13 @@ var SyncBlockStoreManager = exports.SyncBlockStoreManager = /*#__PURE__*/functio
       }
       return deleteSyncBlocksWithConfirmation;
     }()
+  }, {
+    key: "rebaseTransaction",
+    value: function rebaseTransaction(incomingTr, state) {
+      if (!this.confirmationTransaction) {
+        return;
+      }
+      this.confirmationTransaction = (0, _rebaseTransaction2.rebaseTransaction)(this.confirmationTransaction, incomingTr, state);
+    }
   }]);
 }();

package/dist/cjs/index.js

@@ -57,12 +57,24 @@ Object.defineProperty(exports, "inMemoryWriteProvider", {
     return _inMemory.inMemoryWriteProvider;
   }
 });
+Object.defineProperty(exports, "rebaseTransaction", {
+  enumerable: true,
+  get: function get() {
+    return _rebaseTransaction.rebaseTransaction;
+  }
+});
 Object.defineProperty(exports, "useFetchDocNode", {
   enumerable: true,
   get: function get() {
     return _syncBlockProvider.useFetchDocNode;
   }
 });
+Object.defineProperty(exports, "useHandleContentChanges", {
+  enumerable: true,
+  get: function get() {
+    return _syncBlockProvider.useHandleContentChanges;
+  }
+});
 Object.defineProperty(exports, "useMemoizedContentAPIProviders", {
   enumerable: true,
   get: function get() {
@@ -81,4 +93,5 @@ var _inMemory = require("./providers/inMemory");
 var _schema = require("./common/schema");
 var _confluenceContentAPI = require("./providers/confluenceContentAPI");
 var _ari = require("./utils/ari");
-var _utils = require("./utils/utils");
+var _utils = require("./utils/utils");
+var _rebaseTransaction = require("./common/rebase-transaction");

package/dist/cjs/providers/confluenceContentAPI.js

@@ -47,11 +47,11 @@ var ConfluenceADFFetchProvider = /*#__PURE__*/function () {
     key: "fetchData",
     value: function () {
       var _fetchData = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(resourceId) {
-        var _contentProperty$data, pageId, localId, key, options, contentProperty, value, syncedBlockData;
+        var _contentProperty$data;
+        var pageId, localId, key, options, contentProperty, value, syncedBlockData;
         return _regenerator.default.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
-              _context.prev = 0;
               pageId = (0, _ari.getPageIdFromAri)(resourceId);
               localId = (0, _ari.getLocalIdFromAri)(resourceId);
               key = getContentPropertyKey(this.config.contentPropertyKey, localId);
@@ -60,35 +60,29 @@ var ConfluenceADFFetchProvider = /*#__PURE__*/function () {
                 key: key,
                 cloudId: this.config.cloudId
               };
-              _context.next = 7;
+              _context.next = 6;
               return (0, _contentProperty.getContentProperty)(options);
-            case 7:
+            case 6:
               contentProperty = _context.sent;
               value = (_contentProperty$data = contentProperty.data.confluence.page.properties) === null || _contentProperty$data === void 0 || (_contentProperty$data = _contentProperty$data[0]) === null || _contentProperty$data === void 0 ? void 0 : _contentProperty$data.value;
               if (value) {
-                _context.next = 11;
+                _context.next = 10;
                 break;
               }
               throw new Error('Content property value does not exist');
-            case 11:
+            case 10:
               // Parse the synced block content from the property value
               syncedBlockData = parseSyncedBlockContentPropertyValue(value);
               return _context.abrupt("return", {
-                content: syncedBlockData.content
-              });
-            case 15:
-              _context.prev = 15;
-              _context.t0 = _context["catch"](0);
-              // eslint-disable-next-line no-console
-              console.error('Failed to fetch synced block data:', _context.t0);
-              return _context.abrupt("return", {
-                content: undefined
+                content: syncedBlockData.content,
+                resourceId: resourceId,
+                localId: localId
               });
-            case 19:
+            case 12:
             case "end":
               return _context.stop();
           }
-        }, _callee, this, [[0, 15]]);
+        }, _callee, this);
       }));
       function fetchData(_x) {
         return _fetchData.apply(this, arguments);
@@ -142,68 +136,58 @@ var ConfluenceADFWriteProvider = /*#__PURE__*/function () {
   return (0, _createClass2.default)(ConfluenceADFWriteProvider, [{
     key: "writeData",
     value: function () {
-      var _writeData = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(sourceId, localId, data, resourceId) {
-        var pageId, syncedBlockValue, _contentProperty$data3, _localId, key, contentProperty, _key;
+      var _writeData = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(data) {
+        var pageId, syncedBlockValue, _contentProperty$data3, localId, key, contentProperty, _key;
         return _regenerator.default.wrap(function _callee3$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
-              _context3.prev = 0;
-              pageId = (0, _ari.getPageIdFromAri)(sourceId);
+              pageId = (0, _ari.getPageIdFromAri)(data.resourceId);
               syncedBlockValue = JSON.stringify({
-                content: data
+                content: data.content
               });
-              if (!resourceId) {
-                _context3.next = 20;
+              if (!data.resourceId) {
+                _context3.next = 19;
                 break;
               }
               // Update existing content property
-              _localId = (0, _ari.getLocalIdFromAri)(resourceId);
-              key = getContentPropertyKey(this.config.contentPropertyKey, _localId);
-              _context3.next = 8;
+              localId = (0, _ari.getLocalIdFromAri)(data.resourceId);
+              key = getContentPropertyKey(this.config.contentPropertyKey, localId);
+              _context3.next = 7;
               return (0, _contentProperty.updateContentProperty)({
                 pageId: pageId,
                 key: key,
                 value: syncedBlockValue,
                 cloudId: this.config.cloudId
               });
-            case 8:
+            case 7:
               contentProperty = _context3.sent;
               if (!(((_contentProperty$data3 = contentProperty.data.confluence.updateValuePageProperty.pageProperty) === null || _contentProperty$data3 === void 0 ? void 0 : _contentProperty$data3.key) === key)) {
-                _context3.next = 13;
+                _context3.next = 12;
                 break;
               }
               return _context3.abrupt("return", key);
-            case 13:
+            case 12:
               if (!(contentProperty.data.confluence.updateValuePageProperty.pageProperty === null)) {
-                _context3.next = 17;
+                _context3.next = 16;
                 break;
               }
               return _context3.abrupt("return", this.createNewContentProperty(pageId, key, syncedBlockValue));
-            case 17:
+            case 16:
               throw new Error('Failed to update content property');
-            case 18:
-              _context3.next = 22;
+            case 17:
+              _context3.next = 21;
               break;
-            case 20:
+            case 19:
               // Create new content property
-              _key = getContentPropertyKey(this.config.contentPropertyKey, localId);
+              _key = getContentPropertyKey(this.config.contentPropertyKey, data.localId);
               return _context3.abrupt("return", this.createNewContentProperty(pageId, _key, syncedBlockValue));
-            case 22:
-              _context3.next = 28;
-              break;
-            case 24:
-              _context3.prev = 24;
-              _context3.t0 = _context3["catch"](0);
-              // eslint-disable-next-line no-console
-              console.error('Failed to write synced block data:', _context3.t0);
-              return _context3.abrupt("return", Promise.reject(_context3.t0));
-            case 28:
+            case 21:
             case "end":
               return _context3.stop();
           }
-        }, _callee3, this, [[0, 24]]);
+        }, _callee3, this);
       }));
-      function writeData(_x5, _x6, _x7, _x8) {
+      function writeData(_x5) {
         return _writeData.apply(this, arguments);
       }
       return writeData;

package/dist/cjs/providers/inMemory.js

@@ -7,16 +7,18 @@ exports.inMemoryWriteProvider = exports.inMemoryFetchProvider = void 0;
 var inMemStore = new Map();
 var inMemoryFetchProvider = exports.inMemoryFetchProvider = {
   fetchData: function fetchData(resourceId) {
-    return Promise.resolve({
-      content: inMemStore.get(resourceId)
-    });
+    var data = inMemStore.get(resourceId);
+    if (!data) {
+      return Promise.reject(new Error('Data not found'));
+    }
+    return Promise.resolve(data);
   }
 };
 var inMemoryWriteProvider = exports.inMemoryWriteProvider = {
-  writeData: function writeData(_sourceId, _localId, data, resourceId) {
-    if (resourceId) {
-      inMemStore.set(resourceId, data);
-      return Promise.resolve(resourceId);
+  writeData: function writeData(data) {
+    if (data.resourceId) {
+      inMemStore.set(data.resourceId, data);
+      return Promise.resolve(data.resourceId);
     } else {
       var uuid = crypto.randomUUID();
       inMemStore.set(uuid, data);

package/dist/es2019/common/rebase-transaction.js

@@ -0,0 +1,26 @@
+import { Mapping } from '@atlaskit/editor-prosemirror/transform';
+
+/**
+ * Rebase `currentTr` over `incomingTr` based on the provided `state`.
+ * This function adjusts the steps in `currentTr` to account for the changes made by `incomingTr`.
+ *
+ * @param currentTr - The transaction to be rebased.
+ * @param incomingTr - The transaction that has already been applied to the state.
+ * @param state - The editor state after applying `incomingTr`.
+ * @returns A new transaction that represents `currentTr` rebased over `incomingTr`.
+ */
+export const rebaseTransaction = (currentTr, incomingTr, state) => {
+  if (!incomingTr.docChanged) {
+    return currentTr;
+  }
+  const currentMapping = new Mapping(incomingTr.mapping.maps);
+  const rebasedTransaction = state.tr;
+  currentTr.steps.forEach(step => {
+    const mappedStep = step.map(currentMapping);
+    if (mappedStep) {
+      rebasedTransaction.step(mappedStep);
+      currentMapping.appendMap(mappedStep.getMap());
+    }
+  });
+  return rebasedTransaction;
+};

package/dist/es2019/common/syncBlockProvider.js

@@ -27,7 +27,7 @@ export class SyncBlockProvider extends SyncBlockDataProvider {
           resourceIds.push(Promise.reject('No Synced Blockcontent to write'));
           return;
         }
-        const resourceId = this.writeProvider.writeData(this.sourceId, node.attrs.localId, data[index].content, node.attrs.resourceId);
+        const resourceId = this.writeProvider.writeData(data[index]);
         resourceIds.push(resourceId);
       });
       return Promise.all(resourceIds);
@@ -73,4 +73,21 @@ export const useMemoizedSyncedBlockProvider = (fetchProvider, writeProvider, sou
   return useMemo(() => {
     return new SyncBlockProvider(fetchProvider, writeProvider, sourceId);
   }, [fetchProvider, writeProvider, sourceId]);
+};
+export const useHandleContentChanges = (updatedDoc, isSource, node, provider) => {
+  useEffect(() => {
+    if (!isSource) {
+      return;
+    }
+    if (!provider) {
+      return;
+    }
+    const syncBlockNode = convertSyncBlockPMNodeToSyncBlockData(node, false);
+    const data = {
+      content: updatedDoc.toJSON(),
+      resourceId: node.attrs.resourceId,
+      localId: node.attrs.localId
+    };
+    provider === null || provider === void 0 ? void 0 : provider.writeNodesData([syncBlockNode], [data]);
+  }, [isSource, node, provider, updatedDoc]);
 };

package/dist/es2019/common/syncBlockStoreManager.js

@@ -1,4 +1,5 @@
 import uuid from 'uuid';
+import { rebaseTransaction } from './rebase-transaction';
 
 // Do this typedef to make it clear that
 // this is a local identifier for a resource for local use
@@ -37,11 +38,6 @@ export class SyncBlockStoreManager {
   }
   createSyncBlockNode() {
     var _this$dataProvider;
-    // TODO: EDITOR-1644 - properly implement creation of the synced block
-    // below is a temporary implementation for the creation of the synced block
-    // the resource id needs to have pageId and content property key in it
-    // Note: If the data provider is not set, the resource id will be the local id
-
     const localId = uuid();
     const sourceId = (_this$dataProvider = this.dataProvider) === null || _this$dataProvider === void 0 ? void 0 : _this$dataProvider.getSourceId();
     const resourceId = sourceId ? `${sourceId}/${localId}` : localId;
@@ -60,16 +56,23 @@ export class SyncBlockStoreManager {
   }
   async deleteSyncBlocksWithConfirmation(tr, syncBlockIds) {
     if (this.confirmationCallback) {
+      this.confirmationTransaction = tr;
       const confirmed = await this.confirmationCallback();
       if (confirmed) {
         var _this$editorView;
-        // TODO: EDITOR-1779 - "rebase" the transaction to reflect the latest document state
-        (_this$editorView = this.editorView) === null || _this$editorView === void 0 ? void 0 : _this$editorView.dispatch(tr.setMeta('isConfirmedSyncBlockDeletion', true));
+        (_this$editorView = this.editorView) === null || _this$editorView === void 0 ? void 0 : _this$editorView.dispatch(this.confirmationTransaction.setMeta('isConfirmedSyncBlockDeletion', true));
         // Need to update the BE on deletion
         syncBlockIds.forEach(({
           resourceId
         }) => this.syncBlocks.delete(resourceId));
       }
+      this.confirmationTransaction = undefined;
+    }
+  }
+  rebaseTransaction(incomingTr, state) {
+    if (!this.confirmationTransaction) {
+      return;
     }
+    this.confirmationTransaction = rebaseTransaction(this.confirmationTransaction, incomingTr, state);
   }
 }

package/dist/es2019/index.js

@@ -1,9 +1,10 @@
 /* eslint-disable @atlaskit/editor/no-re-export */
 
-export { SyncBlockProvider as SyncedBlockProvider, useFetchDocNode, useMemoizedSyncedBlockProvider } from './common/syncBlockProvider';
+export { SyncBlockProvider as SyncedBlockProvider, useFetchDocNode, useHandleContentChanges, useMemoizedSyncedBlockProvider } from './common/syncBlockProvider';
 export { SyncBlockStoreManager } from './common/syncBlockStoreManager';
 export { inMemoryFetchProvider, inMemoryWriteProvider } from './providers/inMemory';
 export { getDefaultSyncBlockSchema } from './common/schema';
 export { createContentAPIProvidersWithDefaultKey, useMemoizedContentAPIProviders } from './providers/confluenceContentAPI';
 export { getConfluencePageAri } from './utils/ari';
-export { convertSyncBlockPMNodeToSyncBlockData, generateSyncBlockSourceUrl } from './utils/utils';
+export { convertSyncBlockPMNodeToSyncBlockData, generateSyncBlockSourceUrl } from './utils/utils';
+export { rebaseTransaction } from './common/rebase-transaction';

package/dist/es2019/providers/confluenceContentAPI.js

@@ -33,34 +33,28 @@ class ConfluenceADFFetchProvider {
     this.config = config;
   }
   async fetchData(resourceId) {
-    try {
-      var _contentProperty$data, _contentProperty$data2;
-      const pageId = getPageIdFromAri(resourceId);
-      const localId = getLocalIdFromAri(resourceId);
-      const key = getContentPropertyKey(this.config.contentPropertyKey, localId);
-      const options = {
-        pageId,
-        key,
-        cloudId: this.config.cloudId
-      };
-      const contentProperty = await getContentProperty(options);
-      const value = (_contentProperty$data = contentProperty.data.confluence.page.properties) === null || _contentProperty$data === void 0 ? void 0 : (_contentProperty$data2 = _contentProperty$data[0]) === null || _contentProperty$data2 === void 0 ? void 0 : _contentProperty$data2.value;
-      if (!value) {
-        throw new Error('Content property value does not exist');
-      }
-
-      // Parse the synced block content from the property value
-      const syncedBlockData = parseSyncedBlockContentPropertyValue(value);
-      return {
-        content: syncedBlockData.content
-      };
-    } catch (error) {
-      // eslint-disable-next-line no-console
-      console.error('Failed to fetch synced block data:', error);
-      return {
-        content: undefined
-      };
+    var _contentProperty$data, _contentProperty$data2;
+    const pageId = getPageIdFromAri(resourceId);
+    const localId = getLocalIdFromAri(resourceId);
+    const key = getContentPropertyKey(this.config.contentPropertyKey, localId);
+    const options = {
+      pageId,
+      key,
+      cloudId: this.config.cloudId
+    };
+    const contentProperty = await getContentProperty(options);
+    const value = (_contentProperty$data = contentProperty.data.confluence.page.properties) === null || _contentProperty$data === void 0 ? void 0 : (_contentProperty$data2 = _contentProperty$data[0]) === null || _contentProperty$data2 === void 0 ? void 0 : _contentProperty$data2.value;
+    if (!value) {
+      throw new Error('Content property value does not exist');
     }
+
+    // Parse the synced block content from the property value
+    const syncedBlockData = parseSyncedBlockContentPropertyValue(value);
+    return {
+      content: syncedBlockData.content,
+      resourceId,
+      localId
+    };
   }
 }
 
@@ -85,39 +79,33 @@ class ConfluenceADFWriteProvider {
     });
     this.config = config;
   }
-  async writeData(sourceId, localId, data, resourceId) {
-    try {
-      const pageId = getPageIdFromAri(sourceId);
-      const syncedBlockValue = JSON.stringify({
-        content: data
+  async writeData(data) {
+    const pageId = getPageIdFromAri(data.resourceId);
+    const syncedBlockValue = JSON.stringify({
+      content: data.content
+    });
+    if (data.resourceId) {
+      var _contentProperty$data4;
+      // Update existing content property
+      const localId = getLocalIdFromAri(data.resourceId);
+      const key = getContentPropertyKey(this.config.contentPropertyKey, localId);
+      const contentProperty = await updateContentProperty({
+        pageId,
+        key,
+        value: syncedBlockValue,
+        cloudId: this.config.cloudId
       });
-      if (resourceId) {
-        var _contentProperty$data4;
-        // Update existing content property
-        const localId = getLocalIdFromAri(resourceId);
-        const key = getContentPropertyKey(this.config.contentPropertyKey, localId);
-        const contentProperty = await updateContentProperty({
-          pageId,
-          key,
-          value: syncedBlockValue,
-          cloudId: this.config.cloudId
-        });
-        if (((_contentProperty$data4 = contentProperty.data.confluence.updateValuePageProperty.pageProperty) === null || _contentProperty$data4 === void 0 ? void 0 : _contentProperty$data4.key) === key) {
-          return key;
-        } else if (contentProperty.data.confluence.updateValuePageProperty.pageProperty === null) {
-          return this.createNewContentProperty(pageId, key, syncedBlockValue);
-        } else {
-          throw new Error('Failed to update content property');
-        }
-      } else {
-        // Create new content property
-        const key = getContentPropertyKey(this.config.contentPropertyKey, localId);
+      if (((_contentProperty$data4 = contentProperty.data.confluence.updateValuePageProperty.pageProperty) === null || _contentProperty$data4 === void 0 ? void 0 : _contentProperty$data4.key) === key) {
+        return key;
+      } else if (contentProperty.data.confluence.updateValuePageProperty.pageProperty === null) {
         return this.createNewContentProperty(pageId, key, syncedBlockValue);
+      } else {
+        throw new Error('Failed to update content property');
       }
-    } catch (error) {
-      // eslint-disable-next-line no-console
-      console.error('Failed to write synced block data:', error);
-      return Promise.reject(error);
+    } else {
+      // Create new content property
+      const key = getContentPropertyKey(this.config.contentPropertyKey, data.localId);
+      return this.createNewContentProperty(pageId, key, syncedBlockValue);
     }
   }
 }

package/dist/es2019/providers/inMemory.js

@@ -1,16 +1,18 @@
 const inMemStore = new Map();
 export const inMemoryFetchProvider = {
   fetchData: resourceId => {
-    return Promise.resolve({
-      content: inMemStore.get(resourceId)
-    });
+    const data = inMemStore.get(resourceId);
+    if (!data) {
+      return Promise.reject(new Error('Data not found'));
+    }
+    return Promise.resolve(data);
   }
 };
 export const inMemoryWriteProvider = {
-  writeData: (_sourceId, _localId, data, resourceId) => {
-    if (resourceId) {
-      inMemStore.set(resourceId, data);
-      return Promise.resolve(resourceId);
+  writeData: data => {
+    if (data.resourceId) {
+      inMemStore.set(data.resourceId, data);
+      return Promise.resolve(data.resourceId);
     } else {
       const uuid = crypto.randomUUID();
       inMemStore.set(uuid, data);

package/dist/esm/common/rebase-transaction.js

@@ -0,0 +1,26 @@
+import { Mapping } from '@atlaskit/editor-prosemirror/transform';
+
+/**
+ * Rebase `currentTr` over `incomingTr` based on the provided `state`.
+ * This function adjusts the steps in `currentTr` to account for the changes made by `incomingTr`.
+ *
+ * @param currentTr - The transaction to be rebased.
+ * @param incomingTr - The transaction that has already been applied to the state.
+ * @param state - The editor state after applying `incomingTr`.
+ * @returns A new transaction that represents `currentTr` rebased over `incomingTr`.
+ */
+export var rebaseTransaction = function rebaseTransaction(currentTr, incomingTr, state) {
+  if (!incomingTr.docChanged) {
+    return currentTr;
+  }
+  var currentMapping = new Mapping(incomingTr.mapping.maps);
+  var rebasedTransaction = state.tr;
+  currentTr.steps.forEach(function (step) {
+    var mappedStep = step.map(currentMapping);
+    if (mappedStep) {
+      rebasedTransaction.step(mappedStep);
+      currentMapping.appendMap(mappedStep.getMap());
+    }
+  });
+  return rebasedTransaction;
+};

package/dist/esm/common/syncBlockProvider.js

@@ -43,7 +43,7 @@ export var SyncBlockProvider = /*#__PURE__*/function (_SyncBlockDataProvide) {
           resourceIds.push(Promise.reject('No Synced Blockcontent to write'));
           return;
         }
-        var resourceId = _this.writeProvider.writeData(_this.sourceId, node.attrs.localId, data[index].content, node.attrs.resourceId);
+        var resourceId = _this.writeProvider.writeData(data[index]);
         resourceIds.push(resourceId);
       });
       return Promise.all(resourceIds);
@@ -94,4 +94,21 @@ export var useMemoizedSyncedBlockProvider = function useMemoizedSyncedBlockProvi
   return useMemo(function () {
     return new SyncBlockProvider(fetchProvider, writeProvider, sourceId);
   }, [fetchProvider, writeProvider, sourceId]);
+};
+export var useHandleContentChanges = function useHandleContentChanges(updatedDoc, isSource, node, provider) {
+  useEffect(function () {
+    if (!isSource) {
+      return;
+    }
+    if (!provider) {
+      return;
+    }
+    var syncBlockNode = convertSyncBlockPMNodeToSyncBlockData(node, false);
+    var data = {
+      content: updatedDoc.toJSON(),
+      resourceId: node.attrs.resourceId,
+      localId: node.attrs.localId
+    };
+    provider === null || provider === void 0 || provider.writeNodesData([syncBlockNode], [data]);
+  }, [isSource, node, provider, updatedDoc]);
 };

package/dist/esm/common/syncBlockStoreManager.js

@@ -3,6 +3,7 @@ import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import uuid from 'uuid';
+import { rebaseTransaction as _rebaseTransaction } from './rebase-transaction';
 
 // Do this typedef to make it clear that
 // this is a local identifier for a resource for local use
@@ -52,11 +53,6 @@ export var SyncBlockStoreManager = /*#__PURE__*/function () {
     key: "createSyncBlockNode",
     value: function createSyncBlockNode() {
       var _this$dataProvider;
-      // TODO: EDITOR-1644 - properly implement creation of the synced block
-      // below is a temporary implementation for the creation of the synced block
-      // the resource id needs to have pageId and content property key in it
-      // Note: If the data provider is not set, the resource id will be the local id
-
       var localId = uuid();
       var sourceId = (_this$dataProvider = this.dataProvider) === null || _this$dataProvider === void 0 ? void 0 : _this$dataProvider.getSourceId();
       var resourceId = sourceId ? "".concat(sourceId, "/").concat(localId) : localId;
@@ -83,23 +79,24 @@ export var SyncBlockStoreManager = /*#__PURE__*/function () {
           while (1) switch (_context.prev = _context.next) {
             case 0:
               if (!this.confirmationCallback) {
-                _context.next = 5;
+                _context.next = 7;
                 break;
               }
-              _context.next = 3;
+              this.confirmationTransaction = tr;
+              _context.next = 4;
               return this.confirmationCallback();
-            case 3:
+            case 4:
               confirmed = _context.sent;
               if (confirmed) {
-                // TODO: EDITOR-1779 - "rebase" the transaction to reflect the latest document state
-                (_this$editorView = this.editorView) === null || _this$editorView === void 0 || _this$editorView.dispatch(tr.setMeta('isConfirmedSyncBlockDeletion', true));
+                (_this$editorView = this.editorView) === null || _this$editorView === void 0 || _this$editorView.dispatch(this.confirmationTransaction.setMeta('isConfirmedSyncBlockDeletion', true));
                 // Need to update the BE on deletion
                 syncBlockIds.forEach(function (_ref) {
                   var resourceId = _ref.resourceId;
                   return _this2.syncBlocks.delete(resourceId);
                 });
               }
-            case 5:
+              this.confirmationTransaction = undefined;
+            case 7:
             case "end":
               return _context.stop();
           }
@@ -110,5 +107,13 @@ export var SyncBlockStoreManager = /*#__PURE__*/function () {
       }
       return deleteSyncBlocksWithConfirmation;
     }()
+  }, {
+    key: "rebaseTransaction",
+    value: function rebaseTransaction(incomingTr, state) {
+      if (!this.confirmationTransaction) {
+        return;
+      }
+      this.confirmationTransaction = _rebaseTransaction(this.confirmationTransaction, incomingTr, state);
+    }
   }]);
 }();

package/dist/esm/index.js

@@ -1,9 +1,10 @@
 /* eslint-disable @atlaskit/editor/no-re-export */
 
-export { SyncBlockProvider as SyncedBlockProvider, useFetchDocNode, useMemoizedSyncedBlockProvider } from './common/syncBlockProvider';
+export { SyncBlockProvider as SyncedBlockProvider, useFetchDocNode, useHandleContentChanges, useMemoizedSyncedBlockProvider } from './common/syncBlockProvider';
 export { SyncBlockStoreManager } from './common/syncBlockStoreManager';
 export { inMemoryFetchProvider, inMemoryWriteProvider } from './providers/inMemory';
 export { getDefaultSyncBlockSchema } from './common/schema';
 export { createContentAPIProvidersWithDefaultKey, useMemoizedContentAPIProviders } from './providers/confluenceContentAPI';
 export { getConfluencePageAri } from './utils/ari';
-export { convertSyncBlockPMNodeToSyncBlockData, generateSyncBlockSourceUrl } from './utils/utils';
+export { convertSyncBlockPMNodeToSyncBlockData, generateSyncBlockSourceUrl } from './utils/utils';
+export { rebaseTransaction } from './common/rebase-transaction';

package/dist/esm/providers/confluenceContentAPI.js

@@ -41,11 +41,11 @@ var ConfluenceADFFetchProvider = /*#__PURE__*/function () {
     key: "fetchData",
     value: function () {
       var _fetchData = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(resourceId) {
-        var _contentProperty$data, pageId, localId, key, options, contentProperty, value, syncedBlockData;
+        var _contentProperty$data;
+        var pageId, localId, key, options, contentProperty, value, syncedBlockData;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
-              _context.prev = 0;
               pageId = getPageIdFromAri(resourceId);
               localId = getLocalIdFromAri(resourceId);
               key = getContentPropertyKey(this.config.contentPropertyKey, localId);
@@ -54,35 +54,29 @@ var ConfluenceADFFetchProvider = /*#__PURE__*/function () {
                 key: key,
                 cloudId: this.config.cloudId
               };
-              _context.next = 7;
+              _context.next = 6;
               return getContentProperty(options);
-            case 7:
+            case 6:
               contentProperty = _context.sent;
               value = (_contentProperty$data = contentProperty.data.confluence.page.properties) === null || _contentProperty$data === void 0 || (_contentProperty$data = _contentProperty$data[0]) === null || _contentProperty$data === void 0 ? void 0 : _contentProperty$data.value;
               if (value) {
-                _context.next = 11;
+                _context.next = 10;
                 break;
               }
               throw new Error('Content property value does not exist');
-            case 11:
+            case 10:
               // Parse the synced block content from the property value
               syncedBlockData = parseSyncedBlockContentPropertyValue(value);
               return _context.abrupt("return", {
-                content: syncedBlockData.content
-              });
-            case 15:
-              _context.prev = 15;
-              _context.t0 = _context["catch"](0);
-              // eslint-disable-next-line no-console
-              console.error('Failed to fetch synced block data:', _context.t0);
-              return _context.abrupt("return", {
-                content: undefined
+                content: syncedBlockData.content,
+                resourceId: resourceId,
+                localId: localId
               });
-            case 19:
+            case 12:
             case "end":
               return _context.stop();
           }
-        }, _callee, this, [[0, 15]]);
+        }, _callee, this);
       }));
       function fetchData(_x) {
         return _fetchData.apply(this, arguments);
@@ -136,68 +130,58 @@ var ConfluenceADFWriteProvider = /*#__PURE__*/function () {
   return _createClass(ConfluenceADFWriteProvider, [{
     key: "writeData",
     value: function () {
-      var _writeData = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(sourceId, localId, data, resourceId) {
-        var pageId, syncedBlockValue, _contentProperty$data3, _localId, key, contentProperty, _key;
+      var _writeData = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(data) {
+        var pageId, syncedBlockValue, _contentProperty$data3, localId, key, contentProperty, _key;
         return _regeneratorRuntime.wrap(function _callee3$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
-              _context3.prev = 0;
-              pageId = getPageIdFromAri(sourceId);
+              pageId = getPageIdFromAri(data.resourceId);
               syncedBlockValue = JSON.stringify({
-                content: data
+                content: data.content
               });
-              if (!resourceId) {
-                _context3.next = 20;
+              if (!data.resourceId) {
+                _context3.next = 19;
                 break;
               }
               // Update existing content property
-              _localId = getLocalIdFromAri(resourceId);
-              key = getContentPropertyKey(this.config.contentPropertyKey, _localId);
-              _context3.next = 8;
+              localId = getLocalIdFromAri(data.resourceId);
+              key = getContentPropertyKey(this.config.contentPropertyKey, localId);
+              _context3.next = 7;
               return updateContentProperty({
                 pageId: pageId,
                 key: key,
                 value: syncedBlockValue,
                 cloudId: this.config.cloudId
               });
-            case 8:
+            case 7:
               contentProperty = _context3.sent;
               if (!(((_contentProperty$data3 = contentProperty.data.confluence.updateValuePageProperty.pageProperty) === null || _contentProperty$data3 === void 0 ? void 0 : _contentProperty$data3.key) === key)) {
-                _context3.next = 13;
+                _context3.next = 12;
                 break;
               }
               return _context3.abrupt("return", key);
-            case 13:
+            case 12:
               if (!(contentProperty.data.confluence.updateValuePageProperty.pageProperty === null)) {
-                _context3.next = 17;
+                _context3.next = 16;
                 break;
               }
               return _context3.abrupt("return", this.createNewContentProperty(pageId, key, syncedBlockValue));
-            case 17:
+            case 16:
               throw new Error('Failed to update content property');
-            case 18:
-              _context3.next = 22;
+            case 17:
+              _context3.next = 21;
               break;
-            case 20:
+            case 19:
               // Create new content property
-              _key = getContentPropertyKey(this.config.contentPropertyKey, localId);
+              _key = getContentPropertyKey(this.config.contentPropertyKey, data.localId);
               return _context3.abrupt("return", this.createNewContentProperty(pageId, _key, syncedBlockValue));
-            case 22:
-              _context3.next = 28;
-              break;
-            case 24:
-              _context3.prev = 24;
-              _context3.t0 = _context3["catch"](0);
-              // eslint-disable-next-line no-console
-              console.error('Failed to write synced block data:', _context3.t0);
-              return _context3.abrupt("return", Promise.reject(_context3.t0));
-            case 28:
+            case 21:
             case "end":
               return _context3.stop();
           }
-        }, _callee3, this, [[0, 24]]);
+        }, _callee3, this);
       }));
-      function writeData(_x5, _x6, _x7, _x8) {
+      function writeData(_x5) {
         return _writeData.apply(this, arguments);
       }
       return writeData;

package/dist/esm/providers/inMemory.js

@@ -1,16 +1,18 @@
 var inMemStore = new Map();
 export var inMemoryFetchProvider = {
   fetchData: function fetchData(resourceId) {
-    return Promise.resolve({
-      content: inMemStore.get(resourceId)
-    });
+    var data = inMemStore.get(resourceId);
+    if (!data) {
+      return Promise.reject(new Error('Data not found'));
+    }
+    return Promise.resolve(data);
   }
 };
 export var inMemoryWriteProvider = {
-  writeData: function writeData(_sourceId, _localId, data, resourceId) {
-    if (resourceId) {
-      inMemStore.set(resourceId, data);
-      return Promise.resolve(resourceId);
+  writeData: function writeData(data) {
+    if (data.resourceId) {
+      inMemStore.set(data.resourceId, data);
+      return Promise.resolve(data.resourceId);
     } else {
       var uuid = crypto.randomUUID();
       inMemStore.set(uuid, data);

package/dist/types/common/rebase-transaction.d.ts

@@ -0,0 +1,11 @@
+import type { EditorState, Transaction } from '@atlaskit/editor-prosemirror/state';
+/**
+ * Rebase `currentTr` over `incomingTr` based on the provided `state`.
+ * This function adjusts the steps in `currentTr` to account for the changes made by `incomingTr`.
+ *
+ * @param currentTr - The transaction to be rebased.
+ * @param incomingTr - The transaction that has already been applied to the state.
+ * @param state - The editor state after applying `incomingTr`.
+ * @returns A new transaction that represents `currentTr` rebased over `incomingTr`.
+ */
+export declare const rebaseTransaction: (currentTr: Transaction, incomingTr: Transaction, state: EditorState) => Transaction;

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

@@ -24,3 +24,4 @@ export declare class SyncBlockProvider extends SyncBlockDataProvider {
 }
 export declare const useFetchDocNode: (editorView: EditorView, node: PMNode, defaultDocNode: DocNode, provider?: SyncBlockDataProvider) => DocNode;
 export declare const useMemoizedSyncedBlockProvider: (fetchProvider: ADFFetchProvider, writeProvider: ADFWriteProvider, sourceId: string) => SyncBlockProvider;
+export declare const useHandleContentChanges: (updatedDoc: PMNode, isSource: boolean, node: PMNode, provider?: SyncBlockDataProvider) => void;

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

@@ -1,6 +1,6 @@
 import type { ADFEntity } from '@atlaskit/adf-utils/types';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
-import type { Transaction } from '@atlaskit/editor-prosemirror/state';
+import type { EditorState, Transaction } from '@atlaskit/editor-prosemirror/state';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { SyncBlockAttrs, SyncBlockDataProvider, SyncBlockNode } from './types';
 export interface SyncBlock {
@@ -18,6 +18,7 @@ export declare class SyncBlockStoreManager {
     private confirmationCallback?;
     private editorView?;
     private dataProvider?;
+    private confirmationTransaction?;
     constructor(dataProvider?: SyncBlockDataProvider);
     setEditorView(editorView: EditorView | undefined): void;
     isSourceBlock(node: PMNode): boolean;
@@ -25,5 +26,6 @@ export declare class SyncBlockStoreManager {
     requireConfirmationBeforeDelete(): boolean;
     createSyncBlockNode(): SyncBlockNode;
     deleteSyncBlocksWithConfirmation(tr: Transaction, syncBlockIds: SyncBlockAttrs[]): Promise<void>;
+    rebaseTransaction(incomingTr: Transaction, state: EditorState): void;
 }
 export {};

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

@@ -12,13 +12,20 @@ export type SyncBlockNode = {
 };
 export type SyncBlockData = {
     content: ADFEntity | undefined;
-    resourceId?: string;
+    createdAt?: string;
+    createdBy?: string;
+    isSynced?: boolean;
+    localId: string;
+    resourceId: string;
+    sourceDocumentAri?: string;
+    status?: 'deleted' | 'active';
+    updatedAt?: string;
 };
 export interface ADFFetchProvider {
     fetchData: (resourceId: string) => Promise<SyncBlockData>;
 }
 export interface ADFWriteProvider {
-    writeData: (sourceId: string, localId: string, data: ADFEntity, resourceId?: string) => Promise<string>;
+    writeData: (data: SyncBlockData) => Promise<string>;
 }
 export declare abstract class SyncBlockDataProvider extends NodeDataProvider<SyncBlockNode, SyncBlockData> {
     abstract writeNodesData: (nodes: SyncBlockNode[], data: SyncBlockData[]) => Promise<Array<string | undefined>>;

package/dist/types/index.d.ts

@@ -1,4 +1,4 @@
-export { SyncBlockProvider as SyncedBlockProvider, useFetchDocNode, useMemoizedSyncedBlockProvider, } from './common/syncBlockProvider';
+export { SyncBlockProvider as SyncedBlockProvider, useFetchDocNode, useHandleContentChanges, useMemoizedSyncedBlockProvider, } from './common/syncBlockProvider';
 export { SyncBlockStoreManager } from './common/syncBlockStoreManager';
 export type { SyncBlockDataProvider, ADFFetchProvider, ADFWriteProvider, SyncBlockData, SyncBlockNode, } from './common/types';
 export { inMemoryFetchProvider, inMemoryWriteProvider } from './providers/inMemory';
@@ -6,3 +6,4 @@ export { getDefaultSyncBlockSchema } from './common/schema';
 export { createContentAPIProvidersWithDefaultKey, useMemoizedContentAPIProviders, } from './providers/confluenceContentAPI';
 export { getConfluencePageAri } from './utils/ari';
 export { convertSyncBlockPMNodeToSyncBlockData, generateSyncBlockSourceUrl } from './utils/utils';
+export { rebaseTransaction } from './common/rebase-transaction';

package/dist/types/providers/confluenceContentAPI.d.ts

@@ -25,7 +25,7 @@ declare class ConfluenceADFWriteProvider implements ADFWriteProvider {
     private config;
     constructor(config: ContentAPIConfig);
     private createNewContentProperty;
-    writeData(sourceId: string, localId: string, data: ADFEntity, resourceId?: string): Promise<string>;
+    writeData(data: SyncBlockData): Promise<string>;
 }
 /**
  * Convenience function to create providers with default content property key

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

@@ -0,0 +1,11 @@
+import type { EditorState, Transaction } from '@atlaskit/editor-prosemirror/state';
+/**
+ * Rebase `currentTr` over `incomingTr` based on the provided `state`.
+ * This function adjusts the steps in `currentTr` to account for the changes made by `incomingTr`.
+ *
+ * @param currentTr - The transaction to be rebased.
+ * @param incomingTr - The transaction that has already been applied to the state.
+ * @param state - The editor state after applying `incomingTr`.
+ * @returns A new transaction that represents `currentTr` rebased over `incomingTr`.
+ */
+export declare const rebaseTransaction: (currentTr: Transaction, incomingTr: Transaction, state: EditorState) => Transaction;

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

@@ -24,3 +24,4 @@ export declare class SyncBlockProvider extends SyncBlockDataProvider {
 }
 export declare const useFetchDocNode: (editorView: EditorView, node: PMNode, defaultDocNode: DocNode, provider?: SyncBlockDataProvider) => DocNode;
 export declare const useMemoizedSyncedBlockProvider: (fetchProvider: ADFFetchProvider, writeProvider: ADFWriteProvider, sourceId: string) => SyncBlockProvider;
+export declare const useHandleContentChanges: (updatedDoc: PMNode, isSource: boolean, node: PMNode, provider?: SyncBlockDataProvider) => void;

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

@@ -1,6 +1,6 @@
 import type { ADFEntity } from '@atlaskit/adf-utils/types';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
-import type { Transaction } from '@atlaskit/editor-prosemirror/state';
+import type { EditorState, Transaction } from '@atlaskit/editor-prosemirror/state';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { SyncBlockAttrs, SyncBlockDataProvider, SyncBlockNode } from './types';
 export interface SyncBlock {
@@ -18,6 +18,7 @@ export declare class SyncBlockStoreManager {
     private confirmationCallback?;
     private editorView?;
     private dataProvider?;
+    private confirmationTransaction?;
     constructor(dataProvider?: SyncBlockDataProvider);
     setEditorView(editorView: EditorView | undefined): void;
     isSourceBlock(node: PMNode): boolean;
@@ -25,5 +26,6 @@ export declare class SyncBlockStoreManager {
     requireConfirmationBeforeDelete(): boolean;
     createSyncBlockNode(): SyncBlockNode;
     deleteSyncBlocksWithConfirmation(tr: Transaction, syncBlockIds: SyncBlockAttrs[]): Promise<void>;
+    rebaseTransaction(incomingTr: Transaction, state: EditorState): void;
 }
 export {};

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

@@ -12,13 +12,20 @@ export type SyncBlockNode = {
 };
 export type SyncBlockData = {
     content: ADFEntity | undefined;
-    resourceId?: string;
+    createdAt?: string;
+    createdBy?: string;
+    isSynced?: boolean;
+    localId: string;
+    resourceId: string;
+    sourceDocumentAri?: string;
+    status?: 'deleted' | 'active';
+    updatedAt?: string;
 };
 export interface ADFFetchProvider {
     fetchData: (resourceId: string) => Promise<SyncBlockData>;
 }
 export interface ADFWriteProvider {
-    writeData: (sourceId: string, localId: string, data: ADFEntity, resourceId?: string) => Promise<string>;
+    writeData: (data: SyncBlockData) => Promise<string>;
 }
 export declare abstract class SyncBlockDataProvider extends NodeDataProvider<SyncBlockNode, SyncBlockData> {
     abstract writeNodesData: (nodes: SyncBlockNode[], data: SyncBlockData[]) => Promise<Array<string | undefined>>;

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

@@ -1,4 +1,4 @@
-export { SyncBlockProvider as SyncedBlockProvider, useFetchDocNode, useMemoizedSyncedBlockProvider, } from './common/syncBlockProvider';
+export { SyncBlockProvider as SyncedBlockProvider, useFetchDocNode, useHandleContentChanges, useMemoizedSyncedBlockProvider, } from './common/syncBlockProvider';
 export { SyncBlockStoreManager } from './common/syncBlockStoreManager';
 export type { SyncBlockDataProvider, ADFFetchProvider, ADFWriteProvider, SyncBlockData, SyncBlockNode, } from './common/types';
 export { inMemoryFetchProvider, inMemoryWriteProvider } from './providers/inMemory';
@@ -6,3 +6,4 @@ export { getDefaultSyncBlockSchema } from './common/schema';
 export { createContentAPIProvidersWithDefaultKey, useMemoizedContentAPIProviders, } from './providers/confluenceContentAPI';
 export { getConfluencePageAri } from './utils/ari';
 export { convertSyncBlockPMNodeToSyncBlockData, generateSyncBlockSourceUrl } from './utils/utils';
+export { rebaseTransaction } from './common/rebase-transaction';

package/dist/types-ts4.5/providers/confluenceContentAPI.d.ts

@@ -25,7 +25,7 @@ declare class ConfluenceADFWriteProvider implements ADFWriteProvider {
     private config;
     constructor(config: ContentAPIConfig);
     private createNewContentProperty;
-    writeData(sourceId: string, localId: string, data: ADFEntity, resourceId?: string): Promise<string>;
+    writeData(data: SyncBlockData): Promise<string>;
 }
 /**
  * Convenience function to create providers with default content property key

package/package.json

@@ -82,7 +82,7 @@
 		}
 	},
 	"name": "@atlaskit/editor-synced-block-provider",
-	"version": "0.3.0",
+	"version": "0.5.0",
 	"description": "Synced Block Provider for @atlaskit/editor-plugin-synced-block",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",