@atlaskit/editor-synced-block-provider 2.10.1 → 2.10.3

package/dist/es2019/hooks/useFetchSyncBlockTitle.js

@@ -2,7 +2,7 @@ import { useEffect, useState } from 'react';
 export const useFetchSyncBlockTitle = (manager, syncBlockNode) => {
   const [sourceTitle, setSourceTitle] = useState(undefined);
   useEffect(() => {
-    const unsubscribe = manager.subscribeToSyncBlockSourceTitle(syncBlockNode, title => {
+    const unsubscribe = manager.referenceManager.subscribeToSourceTitle(syncBlockNode, title => {
       setSourceTitle(title);
     });
     return () => {

package/dist/es2019/hooks/useHandleContentChanges.js

@@ -2,7 +2,7 @@ import { useEffect } from 'react';
 export const useHandleContentChanges = (manager, syncBlockNode) => {
   useEffect(() => {
     try {
-      manager.updateSyncBlockData(syncBlockNode);
+      manager.sourceManager.updateSyncBlockData(syncBlockNode);
     } catch {
       //TODO: EDITOR-1921 - add error analytics
     }

package/dist/es2019/index.js

@@ -1,16 +1,26 @@
 /* eslint-disable @atlaskit/editor/no-re-export */
 
+// common
 export { rebaseTransaction } from './common/rebase-transaction';
 export { SyncBlockError } from './common/types';
+// hooks
 export { useFetchSyncBlockData } from './hooks/useFetchSyncBlockData';
 export { useFetchSyncBlockTitle } from './hooks/useFetchSyncBlockTitle';
 export { useHandleContentChanges } from './hooks/useHandleContentChanges';
-export { blockResourceIdFromSourceAndLocalId, getLocalIdFromResourceId } from './providers/block-service/ari';
+
+// clients
+export { blockResourceIdFromSourceAndLocalId, getLocalIdFromBlockResourceId } from './clients/block-service/ari';
+export { getConfluencePageAri, getLocalIdFromConfluencePageAri, getPageARIFromContentPropertyResourceId, getPageIdAndTypeFromConfluencePageAri, resourceIdFromConfluencePageSourceIdAndLocalId } from './clients/confluence/ari';
+
+// providers
 export { useMemoizedBlockServiceAPIProviders } from './providers/block-service/blockServiceAPI';
 export { createContentAPIProvidersWithDefaultKey, useMemoizedContentAPIProviders } from './providers/confluence/confluenceContentAPI';
+export { fetchConfluenceSourceInfo } from './clients/confluence/sourceInfo';
 export { SyncBlockProvider as SyncedBlockProvider, useMemoizedSyncedBlockProvider } from './providers/syncBlockProvider';
+// store managers
 export { ReferenceSyncBlockStoreManager } from './store-manager/referenceSyncBlockStoreManager';
 export { SyncBlockStoreManager } from './store-manager/syncBlockStoreManager';
-export { getConfluencePageAri, getLocalIdFromAri, getPageARIFromResourceId, getPageIdAndTypeFromAri, resourceIdFromSourceAndLocalId } from './utils/ari';
-export { createSyncBlockNode, convertSyncBlockPMNodeToSyncBlockData, convertSyncBlockJSONNodeToSyncBlockNode } from './utils/utils';
-export { resolveSyncBlockInstance } from './utils/resolveSyncBlockInstance';
+
+// utils
+export { resolveSyncBlockInstance } from './utils/resolveSyncBlockInstance';
+export { createSyncBlockNode, convertSyncBlockPMNodeToSyncBlockData, convertSyncBlockJSONNodeToSyncBlockNode, convertPMNodesToSyncBlockNodes } from './utils/utils';

package/dist/es2019/providers/block-service/blockServiceAPI.js

@@ -1,8 +1,8 @@
 import { useMemo } from 'react';
+import { blockResourceIdFromSourceAndLocalId, getLocalIdFromBlockResourceId } from '../../clients/block-service/ari';
+import { BlockError, createSyncedBlock, deleteSyncedBlock, getSyncedBlockContent, updateSyncedBlock } from '../../clients/block-service/blockService';
 import { SyncBlockError } from '../../common/types';
-import { BlockError, createSyncedBlock, deleteSyncedBlock, getSyncedBlockContent, updateSyncedBlock } from '../../utils/blockService';
 import { stringifyError } from '../../utils/errorHandling';
-import { blockResourceIdFromSourceAndLocalId, getLocalIdFromResourceId } from './ari';
 const mapBlockError = error => {
   switch (error.status) {
     case 403:
@@ -20,7 +20,7 @@ class BlockServiceADFFetchProvider {
   // resourceId is the ARI of the block. E.G ari:cloud:blocks:site-123:synced-block/uuid-456
   // in the content API provider, this was the concatenation of the source document's ARI and the local ID. E.G ari:cloud:confluence:site-123:page/pageId/uuid-456
   async fetchData(resourceId) {
-    const localId = getLocalIdFromResourceId(resourceId);
+    const localId = getLocalIdFromBlockResourceId(resourceId);
     try {
       const blockContentResponse = await getSyncedBlockContent({
         blockAri: resourceId
@@ -59,7 +59,7 @@ class BlockServiceADFFetchProvider {
   retrieveSourceInfoFetchData(resourceId, pageARI) {
     let sourceLocalId;
     try {
-      sourceLocalId = getLocalIdFromResourceId(resourceId);
+      sourceLocalId = getLocalIdFromBlockResourceId(resourceId);
     } catch (error) {
       // EDITOR-1921: log analytic here, safe to continue
     }

package/dist/es2019/providers/confluence/confluenceContentAPI.js

@@ -1,10 +1,10 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { useMemo } from 'react';
+import { getConfluencePageAri, getPageARIFromContentPropertyResourceId, getLocalIdFromConfluencePageAri, getPageIdAndTypeFromConfluencePageAri, resourceIdFromConfluencePageSourceIdAndLocalId } from '../../clients/confluence/ari';
+import { getContentProperty, createContentProperty, updateContentProperty, deleteContentProperty } from '../../clients/confluence/contentProperty';
+import { isBlogPageType } from '../../clients/confluence/utils';
 import { SyncBlockError } from '../../common/types';
-import { getLocalIdFromAri, getPageARIFromResourceId, getPageIdAndTypeFromAri, resourceIdFromSourceAndLocalId } from '../../utils/ari';
-import { getContentProperty, createContentProperty, updateContentProperty, deleteContentProperty } from '../../utils/contentProperty';
 import { stringifyError } from '../../utils/errorHandling';
-import { isBlogPageType } from '../../utils/utils';
 
 /**
  * Configuration for Content API providers
@@ -51,8 +51,8 @@ class ConfluenceADFFetchProvider {
     const {
       id: pageId,
       type: pageType
-    } = getPageIdAndTypeFromAri(resourceId);
-    const localId = getLocalIdFromAri(resourceId);
+    } = getPageIdAndTypeFromConfluencePageAri(resourceId);
+    const localId = getLocalIdFromConfluencePageAri(resourceId);
     try {
       const key = getContentPropertyKey(this.config.contentPropertyKey, localId);
       const options = {
@@ -99,10 +99,10 @@ class ConfluenceADFFetchProvider {
     }
   }
   retrieveSourceInfoFetchData(resourceId) {
-    const pageARI = getPageARIFromResourceId(resourceId);
+    const pageARI = getPageARIFromContentPropertyResourceId(resourceId);
     let sourceLocalId;
     try {
-      sourceLocalId = getLocalIdFromAri(resourceId);
+      sourceLocalId = getLocalIdFromConfluencePageAri(resourceId);
     } catch (error) {
       // EDITOR-1921: log analytic here, safe to continue
     }
@@ -152,7 +152,7 @@ class ConfluenceADFWriteProvider {
       resourceId
     } = data;
     try {
-      match = getPageIdAndTypeFromAri(data.resourceId);
+      match = getPageIdAndTypeFromConfluencePageAri(data.resourceId);
     } catch (error) {
       return {
         error: stringifyError(error)
@@ -164,12 +164,18 @@ class ConfluenceADFWriteProvider {
     } = match;
     try {
       // Update existing content property
-      const localId = getLocalIdFromAri(resourceId);
+      const localId = getLocalIdFromConfluencePageAri(resourceId);
       const key = getContentPropertyKey(this.config.contentPropertyKey, localId);
+      const sourceAri = getConfluencePageAri(pageId, this.config.cloudId, pageType);
+      const syncBlockDataWithSourceDocumentAri = {
+        ...data,
+        product: 'confluence-page',
+        sourceAri
+      };
       const options = {
         pageId,
         key,
-        value: data,
+        value: syncBlockDataWithSourceDocumentAri,
         cloudId: this.config.cloudId,
         pageType
       };
@@ -203,7 +209,7 @@ class ConfluenceADFWriteProvider {
   async deleteData(resourceId) {
     let deletePayload, deleteResult, match;
     try {
-      match = getPageIdAndTypeFromAri(resourceId);
+      match = getPageIdAndTypeFromConfluencePageAri(resourceId);
     } catch (error) {
       return {
         resourceId,
@@ -216,7 +222,7 @@ class ConfluenceADFWriteProvider {
       type: pageType
     } = match;
     try {
-      const localId = getLocalIdFromAri(resourceId);
+      const localId = getLocalIdFromConfluencePageAri(resourceId);
       const key = getContentPropertyKey(this.config.contentPropertyKey, localId);
       const options = {
         pageId,
@@ -241,7 +247,7 @@ class ConfluenceADFWriteProvider {
     };
   }
   generateResourceId(sourceId, localId) {
-    return resourceIdFromSourceAndLocalId(sourceId, localId);
+    return resourceIdFromConfluencePageSourceIdAndLocalId(sourceId, localId);
   }
 }
 

package/dist/es2019/providers/syncBlockProvider.js

@@ -1,8 +1,9 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { useMemo } from 'react';
+import { getPageIdAndTypeFromConfluencePageAri } from '../clients/confluence/ari';
+import { fetchConfluenceSourceInfo } from '../clients/confluence/sourceInfo';
 import { SyncBlockError } from '../common/types';
 import { SyncBlockDataProvider } from '../providers/types';
-import { fetchSourceInfo } from '../utils/sourceInfo';
 export class SyncBlockProvider extends SyncBlockDataProvider {
   // the source document ARI; that the source sync block is on.
 
@@ -137,7 +138,7 @@ export class SyncBlockProvider extends SyncBlockDataProvider {
    * @returns The source info
    */
   retrieveSyncBlockSourceInfo(node) {
-    // with content API, this is the concatenation of the page ARI and the block's localId. 
+    // with content API, this is the concatenation of the page ARI and the block's localId.
     // with block service, this is the ARI of the block.
     // this can be cleaned up from the specific providers and placed here after platform_synced_blocks_block_service_provider
     const {
@@ -154,7 +155,10 @@ export class SyncBlockProvider extends SyncBlockDataProvider {
         return Promise.reject(error);
       }
     }
-    return pageARI ? fetchSourceInfo(pageARI, sourceLocalId) : Promise.resolve(undefined);
+
+    // TODO: EDITOR-3312 - based on the source sync block product,
+    // execute fetchConfluenceSourceInfo or fetchJiraItemSourceInfo or similar...
+    return pageARI ? fetchConfluenceSourceInfo(pageARI, sourceLocalId) : Promise.resolve(undefined);
   }
   generateResourceId(sourceId, localId) {
     return this.writeProvider.generateResourceId(sourceId, localId);
@@ -168,6 +172,37 @@ export class SyncBlockProvider extends SyncBlockDataProvider {
   getSyncedBlockRendererProviderOptions() {
     return this.providerOptions;
   }
+
+  /**
+   * Retrieve the parent info for the sync block
+   *
+   * @param resourceId
+   * @param syncBlockInstance
+   *
+   * @returns The parent info for the sync block
+   */
+  retrieveSyncBlockParentInfo(syncBlockInstance) {
+    if (!syncBlockInstance || !syncBlockInstance.data) {
+      return undefined;
+    }
+    const {
+      sourceAri,
+      product
+    } = syncBlockInstance.data;
+    if (!sourceAri || !product) {
+      return undefined;
+    }
+
+    // TODO: EDITOR-3312 - based on the source sync block product,
+    // execute getPageIdAndTypeFromConfluencePageAri or getJiraItemIdAndTypeFromJiraItemAri or similar...
+    const {
+      id: contentId
+    } = getPageIdAndTypeFromConfluencePageAri(sourceAri);
+    return {
+      contentId,
+      contentProduct: product
+    };
+  }
 }
 export const useMemoizedSyncedBlockProvider = (fetchProvider, writeProvider, sourceId, providerOptions) => {
   return useMemo(() => {

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

@@ -3,6 +3,12 @@ import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import { SyncBlockError } from '../common/types';
 import { resolveSyncBlockInstance } from '../utils/resolveSyncBlockInstance';
 import { createSyncBlockNode } from '../utils/utils';
+
+// 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.
+// Handles fetching source URL and title for sync blocks.
+// Can be used in both editor and renderer contexts.
 export class ReferenceSyncBlockStoreManager {
   constructor(dataProvider) {
     _defineProperty(this, "isRefreshingSubscriptions", false);
@@ -44,6 +50,8 @@ export class ReferenceSyncBlockStoreManager {
       return;
     }
 
+    // TODO: EDITOR-3312 - retrieve the source info based on the source sync block product
+
     // if the sync block is a reference block, we need to fetch the URL to the source
     // we could optimise this further by checking if the sync block is on the same page as the source
     if (!this.syncBlockURLRequests.get(resourceId)) {
@@ -66,7 +74,16 @@ export class ReferenceSyncBlockStoreManager {
       });
     }
   }
+
+  /**
+   * Fetch sync block data for a given array of sync block nodes.
+   * @param syncBlockNodes - The array of sync block nodes to fetch data for
+   * @returns The fetched sync block data results
+   */
   async fetchSyncBlocksData(syncBlockNodes) {
+    if (syncBlockNodes.length === 0) {
+      return Promise.resolve([]);
+    }
     if (!this.dataProvider) {
       throw new Error('Data provider not set');
     }
@@ -235,26 +252,74 @@ export class ReferenceSyncBlockStoreManager {
       return undefined;
     }
     const {
-      parentDataProviders
+      parentDataProviders,
+      providerCreator
     } = this.dataProvider.getSyncedBlockRendererProviderOptions();
-    if (!this.providerFactories.has(resourceId)) {
-      // TODO: EDITOR-2771 - In follow up PR, create media & emoji providers per ref sync block
-      // The media & emoji providers will be set later, once we get ref sync block data with page ID
-      // So we need to keep the reference to the Provider Factory so we can then set media & emoji providers later
-      this.providerFactories.set(resourceId, ProviderFactory.create({
-        emojiProvider: parentDataProviders === null || parentDataProviders === void 0 ? void 0 : parentDataProviders.emojiProvider,
-        mediaProvider: parentDataProviders === null || parentDataProviders === void 0 ? void 0 : parentDataProviders.mediaProvider,
+    let providerFactory = this.providerFactories.get(resourceId);
+    if (!providerFactory) {
+      providerFactory = ProviderFactory.create({
         mentionProvider: parentDataProviders === null || parentDataProviders === void 0 ? void 0 : parentDataProviders.mentionProvider,
         profilecardProvider: parentDataProviders === null || parentDataProviders === void 0 ? void 0 : parentDataProviders.profilecardProvider,
         taskDecisionProvider: parentDataProviders === null || parentDataProviders === void 0 ? void 0 : parentDataProviders.taskDecisionProvider
-      }));
+      });
+      this.providerFactories.set(resourceId, providerFactory);
+    }
+    if (providerCreator) {
+      this.retrieveDynamicProviders(resourceId, providerFactory, providerCreator);
+    }
+    return providerFactory;
+  }
+  retrieveDynamicProviders(resourceId, providerFactory, providerCreator) {
+    if (!this.dataProvider) {
+      return;
+    }
+    const hasMediaProvider = providerFactory.hasProvider('mediaProvider');
+    const hasEmojiProvider = providerFactory.hasProvider('emojiProvider');
+    if (hasMediaProvider && hasEmojiProvider) {
+      return;
+    }
+    const parentInfo = this.dataProvider.retrieveSyncBlockParentInfo(this.syncBlockCache.get(resourceId));
+    if (!parentInfo) {
+      return;
+    }
+    const {
+      contentId,
+      contentProduct
+    } = parentInfo;
+    if (!hasMediaProvider) {
+      if (providerCreator.createMediaProvider && contentId && contentProduct) {
+        const mediaProvider = providerCreator.createMediaProvider({
+          contentProduct,
+          contentId
+        });
+        if (mediaProvider) {
+          providerFactory.setProvider('mediaProvider', mediaProvider);
+        }
+      }
+    }
+    if (!hasEmojiProvider) {
+      if (providerCreator.createEmojiProvider && contentId && contentProduct) {
+        const emojiProvider = providerCreator.createEmojiProvider({
+          contentProduct,
+          contentId
+        });
+        if (emojiProvider) {
+          providerFactory.setProvider('emojiProvider', emojiProvider);
+        }
+      }
     }
-    return this.providerFactories.get(resourceId);
   }
   destroy() {
+    this.dataProvider = undefined;
     this.syncBlockCache.clear();
     this.subscriptions.clear();
+    this.titleSubscriptions.clear();
     this.syncBlockURLRequests.clear();
     this.providerFactories.clear();
+    this.isRefreshingSubscriptions = false;
+    this.providerFactories.forEach(providerFactory => {
+      providerFactory.destroy();
+    });
+    this.providerFactories.clear();
   }
 }

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

@@ -3,6 +3,11 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import uuid from 'uuid';
 import { rebaseTransaction } from '../common/rebase-transaction';
 import { convertSyncBlockPMNodeToSyncBlockData, createBodiedSyncBlockNode } from '../utils/utils';
+// A store manager responsible for the lifecycle and state management of source sync blocks in an editor instance.
+// Designed to manage local in-memory state and synchronize with an external data provider.
+// Supports create, flush, and delete operations for source sync blocks.
+// Handles caching, debouncing updates, and publish/subscribe for local changes.
+// Ensures consistency between local and remote state, and can be used in both editor and renderer contexts.
 export class SourceSyncBlockStoreManager {
   constructor(dataProvider) {
     _defineProperty(this, "setPendingDeletion", (Ids, value) => {
@@ -14,12 +19,18 @@ export class SourceSyncBlockStoreManager {
     this.dataProvider = dataProvider;
     this.syncBlockCache = new Map();
   }
+  isSourceBlock(node) {
+    return node.type.name === 'bodiedSyncBlock';
+  }
 
   /**
    * Add/update a sync block node to/from the local cache
    * @param syncBlockNode - The sync block node to update
    */
   updateSyncBlockData(syncBlockNode) {
+    if (!this.isSourceBlock(syncBlockNode)) {
+      throw new Error('Invalid sync block node type provided for updateSyncBlockData');
+    }
     const {
       localId,
       resourceId
@@ -37,7 +48,7 @@ export class SourceSyncBlockStoreManager {
    *
    * @returns true if saving all nodes successfully, false if fail to save some/all nodes
    */
-  async flushBodiedSyncBlocks() {
+  async flush() {
     try {
       if (!this.dataProvider) {
         throw new Error('Data provider not set');
@@ -73,6 +84,10 @@ export class SourceSyncBlockStoreManager {
   registerPendingCreation(resourceId) {
     this.pendingResourceId = resourceId;
   }
+
+  /**
+   * Register callback function (which inserts node, handles focus etc) to be used later when creation to backend succeed
+   */
   registerCreationCallback(callback) {
     this.creationCallback = callback;
   }
@@ -88,6 +103,11 @@ export class SourceSyncBlockStoreManager {
     this.pendingResourceId = undefined;
     this.creationCallback = undefined;
   }
+
+  /**
+   *
+   * @returns true if waiting for the result of saving new bodiedSyncBlock to backend
+   */
   hasPendingCreation() {
     return !!this.pendingResourceId;
   }
@@ -100,6 +120,10 @@ export class SourceSyncBlockStoreManager {
   requireConfirmationBeforeDelete() {
     return !!this.confirmationCallback;
   }
+
+  /**
+   * @returns attributes for a new bodiedSyncBlock node
+   */
   generateBodiedSyncBlockAttrs() {
     var _this$dataProvider;
     // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
@@ -114,6 +138,11 @@ export class SourceSyncBlockStoreManager {
       localId
     };
   }
+
+  /**
+   * Create a bodiedSyncBlock node with empty content to backend
+   * @param attrs attributes Ids of the node
+   */
   createBodiedSyncBlockNode(attrs) {
     try {
       if (!this.dataProvider) {
@@ -190,4 +219,13 @@ export class SourceSyncBlockStoreManager {
     }
     this.confirmationTransaction = rebaseTransaction(this.confirmationTransaction, incomingTr, state);
   }
+  destroy() {
+    this.syncBlockCache.clear();
+    this.confirmationCallback = undefined;
+    this.confirmationTransaction = undefined;
+    this.pendingResourceId = undefined;
+    this.creationCallback = undefined;
+    this.dataProvider = undefined;
+    this.editorView = undefined;
+  }
 }

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

@@ -1,131 +1,26 @@
-import { convertPMNodeToSyncBlockNode } from '../utils/utils';
 import { ReferenceSyncBlockStoreManager } from './referenceSyncBlockStoreManager';
 import { SourceSyncBlockStoreManager } from './sourceSyncBlockStoreManager';
 
-// A store manager responsible for the lifecycle and state management of sync blocks in an editor instance.
-// Supports create, read, update, and delete operations for sync blocks.
-// Designed to manage local in-memory state and synchronize with an external data provider.
-// Handles caching, debouncing updates, and publish/subscribe for local changes.
-// Ensures consistency between local and remote state, and can be used in both editor and renderer contexts.
+// A parent store manager responsible for the lifecycle and state management of sync blocks in an editor instance.
+// Contains two child store managers: ReferenceSyncBlockStoreManager and SourceSyncBlockStoreManager.
+// ReferenceSyncBlockStoreManager is responsible for the lifecycle and state management of reference sync blocks in an editor instance.
+// SourceSyncBlockStoreManager is responsible for the lifecycle and state management of source sync blocks in an editor instance.
+// Can be used in both editor and renderer contexts.
 export class SyncBlockStoreManager {
   constructor(dataProvider) {
-    this.referenceSyncBlockStoreManager = new ReferenceSyncBlockStoreManager(dataProvider);
+    // In future, if reference manager needs to reach to source manager and read it's current in memorey cache
+    // we can pass the source manager as a parameter to the reference manager constructor
     this.sourceSyncBlockStoreManager = new SourceSyncBlockStoreManager(dataProvider);
+    this.referenceSyncBlockStoreManager = new ReferenceSyncBlockStoreManager(dataProvider);
   }
-
-  /**
-   * Fetch sync block data for a given array of sync block nodes.
-   * @param nodes - The array of sync block nodes to fetch data for
-   * @returns The fetched sync block data results
-   */
-  fetchSyncBlocksData(nodes) {
-    const syncBlockNodes = nodes.map(node => convertPMNodeToSyncBlockNode(node)).filter(node => node !== undefined) || [];
-    if (syncBlockNodes.length === 0) {
-      return Promise.resolve([]);
-    }
-    return this.referenceSyncBlockStoreManager.fetchSyncBlocksData(syncBlockNodes);
-  }
-  getReferenceSyncBlockStoreManager() {
+  get referenceManager() {
     return this.referenceSyncBlockStoreManager;
   }
-
-  /**
-   * Add/update a sync block node to/from the local cache
-   * @param syncBlockNode - The sync block node to update
-   */
-  updateSyncBlockData(syncBlockNode) {
-    if (this.isSourceBlock(syncBlockNode)) {
-      return this.sourceSyncBlockStoreManager.updateSyncBlockData(syncBlockNode);
-    } else {
-      throw new Error('Invalid sync block node type provided for updateSyncBlockData');
-    }
-  }
-
-  /**
-   * Save content of bodiedSyncBlock nodes in local cache to backend
-   *
-   * @returns true if saving all nodes successfully, false if fail to save some/all nodes
-   */
-  flushBodiedSyncBlocks() {
-    // only applicable to source sync block, for now (will be refactored further)
-    return this.sourceSyncBlockStoreManager.flushBodiedSyncBlocks();
-  }
-
-  /**
-   * Get the URL for a sync block.
-   * @param resourceId - The resource ID of the sync block to get the URL for
-   * @returns
-   */
-  getSyncBlockURL(resourceId) {
-    // only applicable to reference sync block, for now (will be refactored further)
-    return this.referenceSyncBlockStoreManager.getSyncBlockURL(resourceId);
-  }
-  setEditorView(editorView) {
-    this.sourceSyncBlockStoreManager.setEditorView(editorView);
-  }
-  isSourceBlock(node) {
-    return node.type.name === 'bodiedSyncBlock';
-  }
-  registerConfirmationCallback(callback) {
-    // only applicable to source sync block, for now (will be refactored further)
-    return this.sourceSyncBlockStoreManager.registerConfirmationCallback(callback);
-  }
-  requireConfirmationBeforeDelete() {
-    // only applicable to source sync block, for now (will be refactored further)
-    return this.sourceSyncBlockStoreManager.requireConfirmationBeforeDelete();
-  }
-
-  /**
-   * Register callback function (which inserts node, handles focus etc) to be used later when creation to backend succeed
-   */
-  registerCreationCallback(callback) {
-    this.sourceSyncBlockStoreManager.registerCreationCallback(callback);
-  }
-
-  /**
-   *
-   * @returns true if waiting for the result of saving new bodiedSyncBlock to backend
-   */
-  hasPendingCreation() {
-    return this.sourceSyncBlockStoreManager.hasPendingCreation();
-  }
-
-  /**
-   * @returns attributes for a new bodiedSyncBlock node
-   */
-  generateBodiedSyncBlockAttrs() {
-    return this.sourceSyncBlockStoreManager.generateBodiedSyncBlockAttrs();
-  }
-
-  /**
-   * Save bodiedSyncBlock with empty content to backend
-   * @param attrs attributes Ids of the node
-   */
-  createBodiedSyncBlockNode(attrs) {
-    // only applicable to source sync block, for now (will be refactored further)
-    return this.sourceSyncBlockStoreManager.createBodiedSyncBlockNode(attrs);
-  }
-  subscribeToSyncBlockData(node, callback) {
-    return this.referenceSyncBlockStoreManager.subscribe(node, callback);
-  }
-  subscribeToSyncBlockSourceTitle(node, callback) {
-    return this.referenceSyncBlockStoreManager.subscribeToSourceTitle(node, callback);
-  }
-  refreshSubscriptions() {
-    this.referenceSyncBlockStoreManager.refreshSubscriptions();
-  }
-  deleteSyncBlocksWithConfirmation(tr, syncBlockIds) {
-    // only applicable to source sync block, for now (will be refactored further)
-    return this.sourceSyncBlockStoreManager.deleteSyncBlocksWithConfirmation(tr, syncBlockIds);
-  }
-  rebaseTransaction(incomingTr, state) {
-    // only applicable to source sync block, for now (will be refactored further)
-    this.sourceSyncBlockStoreManager.rebaseTransaction(incomingTr, state);
-  }
-  getReferenceSyncBlockProviderFactory(resourceId) {
-    return this.referenceSyncBlockStoreManager.getProviderFactory(resourceId);
+  get sourceManager() {
+    return this.sourceSyncBlockStoreManager;
   }
   destroy() {
     this.referenceSyncBlockStoreManager.destroy();
+    this.sourceSyncBlockStoreManager.destroy();
   }
 }

package/dist/es2019/utils/utils.js

@@ -5,9 +5,6 @@ export const convertSyncBlockPMNodeToSyncBlockData = node => {
     resourceId: node.attrs.resourceId
   };
 };
-export const isBlogPageType = pageType => {
-  return pageType === 'blogpost';
-};
 export const createSyncBlockNode = (localId, resourceId) => {
   return {
     type: 'syncBlock',
@@ -38,4 +35,7 @@ export const convertPMNodeToSyncBlockNode = node => {
     return undefined;
   }
   return createSyncBlockNode(node.attrs.localId, node.attrs.resourceId);
+};
+export const convertPMNodesToSyncBlockNodes = nodes => {
+  return nodes.map(node => convertPMNodeToSyncBlockNode(node)).filter(node => node !== undefined) || [];
 };

package/dist/esm/{providers → clients}/block-service/ari.js

@@ -19,7 +19,7 @@ export var blockResourceIdFromSourceAndLocalId = function blockResourceIdFromSou
  * @param ari - the block ARI. E.G ari:cloud:blocks:cloudId:synced-block/localId
  * @returns the localId of the block node. A randomly generated UUID
  */
-export var getLocalIdFromResourceId = function getLocalIdFromResourceId(ari) {
+export var getLocalIdFromBlockResourceId = function getLocalIdFromBlockResourceId(ari) {
   var match = ari.match(/ari:cloud:blocks:[^:]+:synced-block\/([a-zA-Z0-9-]+)/);
   if (match !== null && match !== void 0 && match[1]) {
     return match[1];