@atlaskit/editor-plugin-synced-block 0.1.0

package/dist/cjs/ui/extensions/synced-block/hooks/usePollContentProperty.js

@@ -0,0 +1,121 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.usePollContentProperty = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _ari = require("../utils/ari");
+var _contentProperty = require("../utils/content-property");
+var POLLING_INTERVAL = 1000;
+var cache = new Map();
+var inFlightRequests = new Map();
+var subscribers = new Map();
+var pollingTimeouts = new Map();
+var lastRequestTimes = new Map();
+var getRequestKey = function getRequestKey(pageId, contentPropertyId) {
+  return "".concat(pageId, ":").concat(contentPropertyId);
+};
+var fetchContentPropertyWithDedup = function fetchContentPropertyWithDedup(pageId, contentPropertyId) {
+  var requestKey = getRequestKey(pageId, contentPropertyId);
+  lastRequestTimes.set(requestKey, Date.now());
+  var inFlightRequest = inFlightRequests.get(requestKey);
+  if (inFlightRequest) {
+    return inFlightRequest;
+  }
+  var requestPromise = (0, _contentProperty.getContentProperty)({
+    pageId: pageId,
+    contentPropertyId: contentPropertyId
+  }).then(function (result) {
+    cache.set(requestKey, result);
+    var subscribersForKey = subscribers.get(requestKey);
+    if (subscribersForKey) {
+      subscribersForKey.forEach(function (callback) {
+        return callback(result);
+      });
+    }
+    inFlightRequests.delete(requestKey);
+    if (subscribersForKey && subscribersForKey.size > 0) {
+      scheduleNextPoll(pageId, contentPropertyId);
+    }
+    return result;
+  }).catch(function (error) {
+    inFlightRequests.delete(requestKey);
+    var subscribersForKey = subscribers.get(requestKey);
+    if (subscribersForKey && subscribersForKey.size > 0) {
+      scheduleNextPoll(pageId, contentPropertyId);
+    }
+    throw error;
+  });
+  inFlightRequests.set(requestKey, requestPromise);
+  return requestPromise;
+};
+var scheduleNextPoll = function scheduleNextPoll(pageId, contentPropertyId) {
+  var requestKey = getRequestKey(pageId, contentPropertyId);
+  var existingTimeout = pollingTimeouts.get(requestKey);
+  if (existingTimeout) {
+    clearTimeout(existingTimeout);
+  }
+  var lastRequestTime = lastRequestTimes.get(requestKey) || 0;
+  var timeElapsed = Date.now() - lastRequestTime;
+  var delay = Math.max(100, POLLING_INTERVAL - timeElapsed);
+  var timeout = setTimeout(function () {
+    var subscribersForKey = subscribers.get(requestKey);
+    if (subscribersForKey && subscribersForKey.size > 0) {
+      fetchContentPropertyWithDedup(pageId, contentPropertyId).catch(function (error) {
+        // eslint-disable-next-line no-console
+        console.error('Failed to fetch content property:', error);
+      });
+    } else {
+      pollingTimeouts.delete(requestKey);
+    }
+  }, delay);
+  pollingTimeouts.set(requestKey, timeout);
+};
+var usePollContentProperty = exports.usePollContentProperty = function usePollContentProperty(_ref) {
+  var sourceDocumentAri = _ref.sourceDocumentAri,
+    contentAri = _ref.contentAri;
+  var _useState = (0, _react.useState)(),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    contentProperty = _useState2[0],
+    setContentProperty = _useState2[1];
+  var initializedRef = (0, _react.useRef)(false);
+  (0, _react.useEffect)(function () {
+    var pageId = (0, _ari.getPageIdFromAri)(sourceDocumentAri);
+    var contentPropertyId = (0, _ari.getContentPropertyIdFromAri)(contentAri);
+    var requestKey = getRequestKey(pageId, contentPropertyId);
+    var subscribersForKey = subscribers.get(requestKey) || new Set();
+    if (!subscribers.has(requestKey)) {
+      subscribers.set(requestKey, subscribersForKey);
+    }
+    subscribersForKey.add(setContentProperty);
+    var cachedValue = cache.get(requestKey);
+    if (cachedValue) {
+      setContentProperty(cachedValue);
+    }
+    if (subscribersForKey.size === 1 || !initializedRef.current) {
+      initializedRef.current = true;
+      fetchContentPropertyWithDedup(pageId, contentPropertyId).catch(function (error) {
+        // eslint-disable-next-line no-console
+        console.error('Failed to fetch content property:', error);
+      });
+    }
+    return function () {
+      subscribersForKey.delete(setContentProperty);
+      if (subscribersForKey.size === 0) {
+        subscribers.delete(requestKey);
+        var existingTimeout = pollingTimeouts.get(requestKey);
+        if (existingTimeout) {
+          clearTimeout(existingTimeout);
+          pollingTimeouts.delete(requestKey);
+        }
+      }
+    };
+  }, [sourceDocumentAri, contentAri]);
+  var pageId = (0, _ari.getPageIdFromAri)(sourceDocumentAri);
+  var contentPropertyId = (0, _ari.getContentPropertyIdFromAri)(contentAri);
+  var requestKey = getRequestKey(pageId, contentPropertyId);
+  return contentProperty || cache.get(requestKey);
+};

package/dist/cjs/ui/extensions/synced-block/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "getSyncedBlockExtensionProvider", {
+  enumerable: true,
+  get: function get() {
+    return _getSyncedBlockExtensionProvider.getSyncedBlockExtensionProvider;
+  }
+});
+Object.defineProperty(exports, "getSyncedBlockManifest", {
+  enumerable: true,
+  get: function get() {
+    return _manifest.getSyncedBlockManifest;
+  }
+});
+var _getSyncedBlockExtensionProvider = require("./getSyncedBlockExtensionProvider");
+var _manifest = require("./manifest");

package/dist/cjs/ui/extensions/synced-block/manifest.js

@@ -0,0 +1,254 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getSyncedBlockManifest = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _react = _interopRequireDefault(require("react"));
+var _smartLink = _interopRequireDefault(require("@atlaskit/icon/core/smart-link"));
+var _SyncedBlockLiveView = _interopRequireDefault(require("./components/SyncedBlockLiveView"));
+var _constants = require("./constants");
+var _ari = require("./utils/ari");
+var _contentProperty = require("./utils/content-property");
+var _syncedBlock = require("./utils/synced-block");
+var getRandomId = function getRandomId() {
+  if (!globalThis.crypto || typeof globalThis.crypto.randomUUID !== 'function') {
+    return new Date().toISOString();
+  }
+  return globalThis.crypto.randomUUID();
+};
+
+// Remaining tasks
+// - Better location for content sync implementation – currently done in SyncedBlockSource renderer which won't work in editor
+// 		- Could implement an editor plugin to do this, if there's no native way to do it with extensions
+// - Implement separate content property for storage of the metadata of a synced block, separate from the content
+// 		- Update polling to use the metadata content property, then if metadata updated, fetch the content property
+// - Investigate re-rendering of SyncedBlockReference in editor on every document change (is this just atlaskit behavior?)
+// - On copy of the synced block, transform into a reference
+// - Move implementation into Confluence and test in branch environment
+// - Dealing with orphaned synced block content properties data
+// - Getting current page id in editor context and the cloud id
+// - Explore hiding the frame for the extension in the editor, currently using `__hideFrame: true` and commented code to enable
+var getSyncedBlockManifest = exports.getSyncedBlockManifest = function getSyncedBlockManifest() {
+  return {
+    title: 'Synced Block',
+    type: _syncedBlock.SYNCED_BLOCK_EXTENSION_TYPE,
+    key: _syncedBlock.SYNCED_BLOCK_EXTENSION_KEY,
+    description: 'Synced block spike',
+    icons: {
+      // Ignored via go/ees005
+      // eslint-disable-next-line require-await
+      '48': function () {
+        var _2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+          return _regenerator.default.wrap(function _callee$(_context) {
+            while (1) switch (_context.prev = _context.next) {
+              case 0:
+                return _context.abrupt("return", function () {
+                  return /*#__PURE__*/_react.default.createElement(_smartLink.default, {
+                    label: "Synced Block",
+                    size: "medium"
+                  });
+                });
+              case 1:
+              case "end":
+                return _context.stop();
+            }
+          }, _callee);
+        }));
+        function _() {
+          return _2.apply(this, arguments);
+        }
+        return _;
+      }()
+    },
+    modules: {
+      quickInsert: [{
+        key: 'quick-insert-synced-block-source',
+        action: function () {
+          var _action = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(_api) {
+            var contentPropertyKey, content, value, contentProperty, attributes;
+            return _regenerator.default.wrap(function _callee2$(_context2) {
+              while (1) switch (_context2.prev = _context2.next) {
+                case 0:
+                  contentPropertyKey = "synced-block-" + getRandomId();
+                  content = (0, _syncedBlock.getDefaultSyncedBlockContent)();
+                  value = (0, _syncedBlock.stringifySyncedBlockContentPropertyValue)({
+                    adf: content
+                  });
+                  _context2.next = 5;
+                  return (0, _contentProperty.createContentProperty)({
+                    pageId: (0, _constants.getPageId)(),
+                    key: contentPropertyKey,
+                    value: value
+                  });
+                case 5:
+                  contentProperty = _context2.sent;
+                  attributes = {
+                    extensionType: _syncedBlock.SYNCED_BLOCK_EXTENSION_TYPE,
+                    extensionKey: _syncedBlock.SYNCED_BLOCK_SOURCE_KEY,
+                    parameters: {
+                      sourceDocumentAri: (0, _ari.getConfluencePageAri)((0, _constants.getPageId)()),
+                      contentAri: (0, _ari.getContentPropertyAri)(contentProperty.id),
+                      contentPropertyKey: contentPropertyKey
+                    },
+                    localId: 'testId'
+                  };
+                  content.attrs = attributes;
+                  return _context2.abrupt("return", content);
+                case 9:
+                case "end":
+                  return _context2.stop();
+              }
+            }, _callee2);
+          }));
+          function action(_x) {
+            return _action.apply(this, arguments);
+          }
+          return action;
+        }()
+      }],
+      nodes: (0, _defineProperty2.default)((0, _defineProperty2.default)({}, _syncedBlock.SYNCED_BLOCK_SOURCE_NODE, {
+        type: 'bodiedExtension',
+        // Ignored via go/ees005
+        // eslint-disable-next-line require-await
+        render: function () {
+          var _render = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3() {
+            return _regenerator.default.wrap(function _callee3$(_context3) {
+              while (1) switch (_context3.prev = _context3.next) {
+                case 0:
+                  return _context3.abrupt("return", function (props) {
+                    if (!(0, _syncedBlock.isSyncedBlockAttributes)(props.node)) {
+                      return null;
+                    }
+                    var _props$node$parameter = props.node.parameters,
+                      sourceDocumentAri = _props$node$parameter.sourceDocumentAri,
+                      contentAri = _props$node$parameter.contentAri;
+                    return /*#__PURE__*/_react.default.createElement(_SyncedBlockLiveView.default, {
+                      sourceDocumentAri: sourceDocumentAri,
+                      contentAri: contentAri
+                    });
+                  });
+                case 1:
+                case "end":
+                  return _context3.stop();
+              }
+            }, _callee3);
+          }));
+          function render() {
+            return _render.apply(this, arguments);
+          }
+          return render;
+        }(),
+        // @ts-expect-error
+        __hideFrame: true
+      }), _syncedBlock.SYNCED_BLOCK_REFERENCE_NODE, {
+        type: 'extension',
+        // Ignored via go/ees005
+        // eslint-disable-next-line require-await
+        render: function () {
+          var _render2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4() {
+            return _regenerator.default.wrap(function _callee4$(_context4) {
+              while (1) switch (_context4.prev = _context4.next) {
+                case 0:
+                  return _context4.abrupt("return", function (props) {
+                    if (!(0, _syncedBlock.isSyncedBlockAttributes)(props.node)) {
+                      return null;
+                    }
+                    var _props$node$parameter2 = props.node.parameters,
+                      sourceDocumentAri = _props$node$parameter2.sourceDocumentAri,
+                      contentAri = _props$node$parameter2.contentAri;
+                    return /*#__PURE__*/_react.default.createElement(_SyncedBlockLiveView.default, {
+                      sourceDocumentAri: sourceDocumentAri,
+                      contentAri: contentAri
+                    });
+                  });
+                case 1:
+                case "end":
+                  return _context4.stop();
+              }
+            }, _callee4);
+          }));
+          function render() {
+            return _render2.apply(this, arguments);
+          }
+          return render;
+        }(),
+        // @ts-expect-error
+        __hideFrame: true
+      }),
+      contextualToolbars: [{
+        context: {
+          type: 'extension',
+          nodeType: 'bodiedExtension',
+          extensionType: _syncedBlock.SYNCED_BLOCK_EXTENSION_TYPE,
+          extensionKey: _syncedBlock.SYNCED_BLOCK_SOURCE_KEY
+        },
+        toolbarItems: [{
+          key: 'toolbar-item-key',
+          label: 'Referenece',
+          display: 'icon',
+          tooltip: 'Create reference',
+          // Ignored via go/ees005
+          // eslint-disable-next-line require-await
+          icon: function () {
+            var _icon = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee5() {
+              return _regenerator.default.wrap(function _callee5$(_context5) {
+                while (1) switch (_context5.prev = _context5.next) {
+                  case 0:
+                    return _context5.abrupt("return", function () {
+                      return /*#__PURE__*/_react.default.createElement(_smartLink.default, {
+                        label: "Synced Block",
+                        size: "medium"
+                      });
+                    });
+                  case 1:
+                  case "end":
+                    return _context5.stop();
+                }
+              }, _callee5);
+            }));
+            function icon() {
+              return _icon.apply(this, arguments);
+            }
+            return icon;
+          }(),
+          // Ignored via go/ees005
+          // eslint-disable-next-line require-await
+          action: function () {
+            var _action2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee6(contextNode, api) {
+              var _contextNode$attrs, _contextNode$attrs2, _contextNode$attrs3;
+              return _regenerator.default.wrap(function _callee6$(_context6) {
+                while (1) switch (_context6.prev = _context6.next) {
+                  case 0:
+                    api.doc.insertAfter((_contextNode$attrs = contextNode.attrs) === null || _contextNode$attrs === void 0 ? void 0 : _contextNode$attrs.localId, {
+                      type: 'extension',
+                      attrs: {
+                        extensionType: _syncedBlock.SYNCED_BLOCK_EXTENSION_TYPE,
+                        extensionKey: _syncedBlock.SYNCED_BLOCK_REFERENCE_KEY,
+                        parameters: {
+                          sourceDocumentAri: (_contextNode$attrs2 = contextNode.attrs) === null || _contextNode$attrs2 === void 0 || (_contextNode$attrs2 = _contextNode$attrs2.parameters) === null || _contextNode$attrs2 === void 0 ? void 0 : _contextNode$attrs2.sourceDocumentAri,
+                          contentAri: (_contextNode$attrs3 = contextNode.attrs) === null || _contextNode$attrs3 === void 0 || (_contextNode$attrs3 = _contextNode$attrs3.parameters) === null || _contextNode$attrs3 === void 0 ? void 0 : _contextNode$attrs3.contentAri
+                        },
+                        localId: 'testId'
+                      }
+                    });
+                  case 1:
+                  case "end":
+                    return _context6.stop();
+                }
+              }, _callee6);
+            }));
+            function action(_x2, _x3) {
+              return _action2.apply(this, arguments);
+            }
+            return action;
+          }()
+        }]
+      }]
+    }
+  };
+};

package/dist/cjs/ui/extensions/synced-block/utils/ari.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getPageIdFromAri = exports.getContentPropertyIdFromAri = exports.getContentPropertyAri = exports.getConfluencePageAri = void 0;
+var _constants = require("../constants");
+var getConfluencePageAri = exports.getConfluencePageAri = function getConfluencePageAri(pageId) {
+  return "ari:cloud:confluence:".concat((0, _constants.getCloudId)(), ":page/").concat(pageId);
+};
+var getPageIdFromAri = exports.getPageIdFromAri = function getPageIdFromAri(ari) {
+  // eslint-disable-next-line require-unicode-regexp
+  var match = ari.match(/ari:cloud:confluence:[^:]+:page\/(\d+)/);
+  if (match) {
+    return match[1];
+  }
+  throw new Error("Invalid page ARI: ".concat(ari));
+};
+var getContentPropertyAri = exports.getContentPropertyAri = function getContentPropertyAri(contentPropertyId) {
+  return "ari:cloud:confluence:".concat((0, _constants.getCloudId)(), ":content/").concat(contentPropertyId);
+};
+var getContentPropertyIdFromAri = exports.getContentPropertyIdFromAri = function getContentPropertyIdFromAri(ari) {
+  // eslint-disable-next-line require-unicode-regexp
+  var match = ari.match(/ari:cloud:confluence:[^:]+:content\/([^/]+)/);
+  if (match) {
+    return match[1];
+  }
+  throw new Error("Invalid content property ARI: ".concat(ari));
+};

package/dist/cjs/ui/extensions/synced-block/utils/content-property.js

@@ -0,0 +1,159 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.updateContentProperty = exports.getContentProperty = exports.createContentProperty = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _constants = require("../constants");
+var _ari = require("./ari");
+// Uncomment for proxy in Atlaskit, which will route to hello.atlassian.net
+// const BASE_URL = 'https://localhost:9876';
+var BASE_URL = "/gateway/api/ex/confluence/".concat((0, _constants.getCloudId)());
+var API_BASE_URL = "".concat(BASE_URL, "/wiki/api/v2");
+var COMMON_HEADERS = {
+  'Content-Type': 'application/json',
+  Accept: 'application/json'
+};
+var getContentPropertiesUrl = function getContentPropertiesUrl(_ref) {
+  var pageId = _ref.pageId,
+    contentPropertyId = _ref.contentPropertyId;
+  var url = "".concat(API_BASE_URL, "/pages/").concat(pageId, "/properties");
+  if (contentPropertyId) {
+    return "".concat(url, "/").concat(contentPropertyId);
+  }
+  return url;
+};
+var getGraphQLPropertiesUrl = function getGraphQLPropertiesUrl() {
+  return "/cgraphql/api/graphql";
+};
+var createContentProperty = exports.createContentProperty = /*#__PURE__*/function () {
+  var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(_ref2) {
+    var pageId, key, value, url, body, response, contentProperty;
+    return _regenerator.default.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          pageId = _ref2.pageId, key = _ref2.key, value = _ref2.value;
+          url = getContentPropertiesUrl({
+            pageId: pageId
+          });
+          body = JSON.stringify({
+            key: key,
+            value: value
+          });
+          _context.next = 5;
+          return fetch(url, {
+            method: 'POST',
+            headers: COMMON_HEADERS,
+            body: body
+          });
+        case 5:
+          response = _context.sent;
+          if (response.ok) {
+            _context.next = 8;
+            break;
+          }
+          throw new Error("Failed to create content property: ".concat(response.statusText));
+        case 8:
+          _context.next = 10;
+          return response.json();
+        case 10:
+          contentProperty = _context.sent;
+          return _context.abrupt("return", contentProperty);
+        case 12:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return function createContentProperty(_x) {
+    return _ref3.apply(this, arguments);
+  };
+}();
+var getContentProperty = exports.getContentProperty = /*#__PURE__*/function () {
+  var _ref5 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(_ref4) {
+    var pageId, contentPropertyId, signal, url, response, contentProperty;
+    return _regenerator.default.wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          pageId = _ref4.pageId, contentPropertyId = _ref4.contentPropertyId, signal = _ref4.signal;
+          url = getContentPropertiesUrl({
+            pageId: pageId,
+            contentPropertyId: contentPropertyId
+          });
+          _context2.next = 4;
+          return fetch(url, {
+            method: 'GET',
+            headers: COMMON_HEADERS,
+            signal: signal
+          });
+        case 4:
+          response = _context2.sent;
+          if (response.ok) {
+            _context2.next = 7;
+            break;
+          }
+          throw new Error("Failed to get content property: ".concat(response.statusText));
+        case 7:
+          _context2.next = 9;
+          return response.json();
+        case 9:
+          contentProperty = _context2.sent;
+          return _context2.abrupt("return", contentProperty);
+        case 11:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2);
+  }));
+  return function getContentProperty(_x2) {
+    return _ref5.apply(this, arguments);
+  };
+}();
+var getQuery = function getQuery(documentARI, key, value) {
+  return "mutation {\n\t  confluence {\n\t    updateValuePageProperty(input: {\n\t      pageId: \"".concat(documentARI, "\",\n\t      key: \"").concat(key, "\",\n\t      value: \"").concat(value, "\",\n\t      useSameVersion: true\n\t    }) {\n\t      pageProperty {\n\t        key,\n\t        value\n\t      }\n\t    }\n\t  }\n\t}");
+};
+var updateContentProperty = exports.updateContentProperty = /*#__PURE__*/function () {
+  var _ref7 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(_ref6) {
+    var pageId, key, value, url, documentARI, query, bodyData, response, contentProperty;
+    return _regenerator.default.wrap(function _callee3$(_context3) {
+      while (1) switch (_context3.prev = _context3.next) {
+        case 0:
+          pageId = _ref6.pageId, key = _ref6.key, value = _ref6.value;
+          url = getGraphQLPropertiesUrl();
+          documentARI = (0, _ari.getConfluencePageAri)(pageId); // eslint-disable-next-line require-unicode-regexp
+          query = getQuery(documentARI, key, value.replace(/"/g, '\\"'));
+          bodyData = {
+            query: query
+          };
+          _context3.next = 7;
+          return fetch(url, {
+            method: 'POST',
+            headers: COMMON_HEADERS,
+            body: JSON.stringify(bodyData)
+          });
+        case 7:
+          response = _context3.sent;
+          if (response.ok) {
+            _context3.next = 10;
+            break;
+          }
+          throw new Error("Failed to update content property: ".concat(response.statusText));
+        case 10:
+          _context3.next = 12;
+          return response.json();
+        case 12:
+          contentProperty = _context3.sent;
+          return _context3.abrupt("return", contentProperty);
+        case 14:
+        case "end":
+          return _context3.stop();
+      }
+    }, _callee3);
+  }));
+  return function updateContentProperty(_x3) {
+    return _ref7.apply(this, arguments);
+  };
+}();

package/dist/cjs/ui/extensions/synced-block/utils/synced-block.js

@@ -0,0 +1,65 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.stringifySyncedBlockContentPropertyValue = exports.parseSyncedBlockContentPropertyValue = exports.isSyncedBlockAttributes = exports.getDefaultSyncedBlockContent = exports.SYNCED_BLOCK_SOURCE_NODE = exports.SYNCED_BLOCK_SOURCE_KEY = exports.SYNCED_BLOCK_REFERENCE_NODE = exports.SYNCED_BLOCK_REFERENCE_KEY = exports.SYNCED_BLOCK_EXTENSION_TYPE = exports.SYNCED_BLOCK_EXTENSION_KEY = void 0;
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var SYNCED_BLOCK_EXTENSION_TYPE = exports.SYNCED_BLOCK_EXTENSION_TYPE = 'com.atlassian.platform.extensions';
+var SYNCED_BLOCK_EXTENSION_KEY = exports.SYNCED_BLOCK_EXTENSION_KEY = 'synced-block';
+var SYNCED_BLOCK_SOURCE_NODE = exports.SYNCED_BLOCK_SOURCE_NODE = 'source';
+var SYNCED_BLOCK_SOURCE_KEY = exports.SYNCED_BLOCK_SOURCE_KEY = "".concat(SYNCED_BLOCK_EXTENSION_KEY, ":").concat(SYNCED_BLOCK_SOURCE_NODE);
+var SYNCED_BLOCK_REFERENCE_NODE = exports.SYNCED_BLOCK_REFERENCE_NODE = 'reference';
+var SYNCED_BLOCK_REFERENCE_KEY = exports.SYNCED_BLOCK_REFERENCE_KEY = "".concat(SYNCED_BLOCK_EXTENSION_KEY, ":").concat(SYNCED_BLOCK_REFERENCE_NODE);
+var isSyncedBlockAttributes = exports.isSyncedBlockAttributes = function isSyncedBlockAttributes(attributes) {
+  return !!attributes && (0, _typeof2.default)(attributes) === 'object' && 'extensionKey' in attributes && (attributes.extensionKey === SYNCED_BLOCK_SOURCE_KEY || attributes.extensionKey === SYNCED_BLOCK_REFERENCE_KEY);
+};
+var getDefaultSyncedBlockContent = exports.getDefaultSyncedBlockContent = function getDefaultSyncedBlockContent() {
+  var attributes = {
+    extensionType: SYNCED_BLOCK_EXTENSION_TYPE,
+    extensionKey: SYNCED_BLOCK_SOURCE_KEY,
+    parameters: {
+      sourceDocumentAri: '',
+      contentAri: '',
+      contentPropertyKey: ''
+    },
+    localId: ''
+  };
+  return {
+    type: 'bodiedExtension',
+    attrs: attributes,
+    content: [{
+      type: 'paragraph',
+      content: [{
+        type: 'text',
+        text: 'This is a synced block. Please edit the source document to update the content.'
+      }]
+    }]
+  };
+};
+var parseSyncedBlockContentPropertyValue = exports.parseSyncedBlockContentPropertyValue = function parseSyncedBlockContentPropertyValue(value) {
+  try {
+    if (typeof value === 'string') {
+      return JSON.parse(value);
+    }
+    return value;
+  } catch (error) {
+    // eslint-disable-next-line no-console
+    console.error('Failed to parse synced block content:', error);
+    return {
+      adf: getDefaultSyncedBlockContent()
+    };
+  }
+};
+var stringifySyncedBlockContentPropertyValue = exports.stringifySyncedBlockContentPropertyValue = function stringifySyncedBlockContentPropertyValue(value) {
+  try {
+    return JSON.stringify(value);
+  } catch (error) {
+    // eslint-disable-next-line no-console
+    console.error('Failed to serialize synced block content:', error);
+    return JSON.stringify({
+      adf: getDefaultSyncedBlockContent()
+    });
+  }
+};

package/dist/es2019/index.js

@@ -0,0 +1,4 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+// Entry file in package.json
+
+export { syncedBlockPlugin } from './syncedBlockPlugin';