@atlaskit/editor-plugin-synced-block/dist/es2019/nodeviews/bodiedSyncBlockNodeWithToDOMFixed.js

SyncedBlock plugin for @atlaskit/editor-core

import { bodiedSyncBlock } from '@atlaskit/adf-schema';
import { BodiedSyncBlockSharedCssClassName } from '@atlaskit/editor-common/sync-block';
/**
 * Based on packages/editor/editor-plugin-synced-block/src/nodeviews/bodiedSyncedBlock.tsx
 * Adding correct classnames and structure to the toDOM, necessary for SSR rendering
 */
export const bodiedSyncBlockNodeWithToDOMFixed = () => {
  return {
    ...bodiedSyncBlock,
    toDOM: node => {
      const {
        localId,
        resourceId
      } = node.attrs;
      const outerAttrs = {
        class: BodiedSyncBlockSharedCssClassName.prefix,
        'data-bodied-sync-block': '',
        'data-local-id': localId,
        'data-resource-id': resourceId
      };
      const innerAttrs = {
        class: BodiedSyncBlockSharedCssClassName.content
      };
      return ['div', outerAttrs, ['div', innerAttrs, 0]];
    }
  };
};