@atlaskit/editor-plugin-placeholder 12.0.33 → 12.0.35

package/dist/esm/pm-plugins/multi-bodied-extension-placeholder-decorations.js

@@ -1,171 +0,0 @@
-import { placeholderTextMessages as messages } from '@atlaskit/editor-common/messages';
-import { Decoration, DecorationSet } from '@atlaskit/editor-prosemirror/view';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { nodeTypesWithMultiBodiedExtensionPlaceholderText, placeholderTestId } from './constants';
-var isMultiBodiedExtensionPlaceholderEnabled = function isMultiBodiedExtensionPlaceholderEnabled() {
-  return expValEquals('confluence_native_tabs_experiment', 'isEnabled', true);
-};
-
-// Empty MBE bodies are represented as extensionFrame -> empty paragraph.
-// The paragraph gives the cursor a valid textblock, but there is no authored content yet.
-var isEmptyExtensionFrame = function isEmptyExtensionFrame(node) {
-  var _node$firstChild, _node$firstChild2;
-  return nodeTypesWithMultiBodiedExtensionPlaceholderText.includes(node.type.name) && node.childCount === 1 && ((_node$firstChild = node.firstChild) === null || _node$firstChild === void 0 ? void 0 : _node$firstChild.content.size) === 0 && ((_node$firstChild2 = node.firstChild) === null || _node$firstChild2 === void 0 ? void 0 : _node$firstChild2.type.name) === 'paragraph';
-};
-
-// Keep this generic for any MBE extension by checking the node shape rather
-// than a product-specific extensionKey.
-var isExtensionFrameInMultiBodiedExtension = function isExtensionFrameInMultiBodiedExtension(node, parent) {
-  return nodeTypesWithMultiBodiedExtensionPlaceholderText.includes(node.type.name) && (parent === null || parent === void 0 ? void 0 : parent.type.name) === 'multiBodiedExtension';
-};
-var isEmptyExtensionFrameInMultiBodiedExtension = function isEmptyExtensionFrameInMultiBodiedExtension(node, parent) {
-  return isExtensionFrameInMultiBodiedExtension(node, parent) && isEmptyExtensionFrame(node);
-};
-
-// Widget decorations render UI without adding real content to the document.
-var createMultiBodiedExtensionPlaceholderElement = function createMultiBodiedExtensionPlaceholderElement(intl) {
-  var placeholderDecoration = document.createElement('span');
-  placeholderDecoration.setAttribute('data-testid', placeholderTestId);
-  placeholderDecoration.className = 'placeholder-decoration';
-  placeholderDecoration.setAttribute('aria-hidden', 'true');
-  placeholderDecoration.textContent = intl.formatMessage(messages.multiBodiedExtensionPlaceholderText);
-  return placeholderDecoration;
-};
-
-// `pos` is before extensionFrame; `pos + 2` is inside its paragraph, where
-// typing starts and where the placeholder should render.
-var createMultiBodiedExtensionPlaceholderDecoration = function createMultiBodiedExtensionPlaceholderDecoration(pos, intl) {
-  return Decoration.widget(pos + 2, function () {
-    return createMultiBodiedExtensionPlaceholderElement(intl);
-  }, {
-    side: 0,
-    key: "multi-bodied-extension-placeholder-".concat(pos)
-  });
-};
-// Convert changed step ranges into final-document positions. A transaction can
-// contain multiple steps, and each step can shift positions for later steps.
-var getChangedRanges = function getChangedRanges(tr) {
-  var ranges = [];
-  tr.mapping.maps.forEach(function (stepMap, index) {
-    stepMap.forEach(function (_oldStart, _oldEnd, newStart, newEnd) {
-      var mappingAfterStep = tr.mapping.slice(index + 1);
-      ranges.push({
-        from: mappingAfterStep.map(newStart, -1),
-        to: mappingAfterStep.map(newEnd, 1)
-      });
-    });
-  });
-  return ranges;
-};
-
-// Walk from a changed position up to its containing MBE frame. The frame may no
-// longer be empty after the change, but we still need its range to remove stale decorations.
-var getMultiBodiedExtensionFrameRange = function getMultiBodiedExtensionFrameRange(doc, pos) {
-  var resolvedPos = doc.resolve(Math.max(0, Math.min(pos, doc.content.size)));
-  for (var depth = resolvedPos.depth; depth > 0; depth--) {
-    var node = resolvedPos.node(depth);
-    var parent = depth > 0 ? resolvedPos.node(depth - 1) : undefined;
-    if (isExtensionFrameInMultiBodiedExtension(node, parent)) {
-      return {
-        from: resolvedPos.before(depth),
-        to: resolvedPos.after(depth)
-      };
-    }
-  }
-  return;
-};
-
-// Resolve just inside a frame to recover its parent; `doc.nodeAt(framePos)` only
-// gives the frame node itself.
-var getMultiBodiedExtensionFrameParent = function getMultiBodiedExtensionFrameParent(doc, framePos) {
-  var resolvedPos = doc.resolve(Math.max(0, Math.min(framePos + 1, doc.content.size)));
-  for (var depth = resolvedPos.depth; depth > 0; depth--) {
-    if (resolvedPos.before(depth) === framePos) {
-      return resolvedPos.node(depth - 1);
-    }
-  }
-  return;
-};
-
-// Only update MBE frames touched by this transaction: either the change happened
-// inside a frame, or the transaction inserted/replaced an empty frame.
-var getAffectedMultiBodiedExtensionFrameRanges = function getAffectedMultiBodiedExtensionFrameRanges(doc, ranges) {
-  var affectedRanges = new Map();
-  ranges.forEach(function (_ref) {
-    var from = _ref.from,
-      to = _ref.to;
-    [from, to].forEach(function (pos) {
-      var multiBodiedExtensionFrameRange = getMultiBodiedExtensionFrameRange(doc, pos);
-      if (multiBodiedExtensionFrameRange) {
-        affectedRanges.set("".concat(multiBodiedExtensionFrameRange.from, "-").concat(multiBodiedExtensionFrameRange.to), multiBodiedExtensionFrameRange);
-      }
-    });
-    doc.nodesBetween(from, to, function (node, pos, parent) {
-      if (isEmptyExtensionFrameInMultiBodiedExtension(node, parent)) {
-        var multiBodiedExtensionFrameRange = {
-          from: pos,
-          to: pos + node.nodeSize
-        };
-        affectedRanges.set("".concat(multiBodiedExtensionFrameRange.from, "-").concat(multiBodiedExtensionFrameRange.to), multiBodiedExtensionFrameRange);
-        return false;
-      }
-      return true;
-    });
-  });
-  return Array.from(affectedRanges.values());
-};
-
-// Initial creation scans the full document once. Later updates use affected
-// ranges, and inactive tab frames stay hidden by the MBE renderer.
-export function createMultiBodiedExtensionPlaceholderDecorations(editorState, intl) {
-  if (!isMultiBodiedExtensionPlaceholderEnabled()) {
-    return;
-  }
-  var decorations = [];
-  editorState.doc.descendants(function (node, pos, parent) {
-    if (isEmptyExtensionFrameInMultiBodiedExtension(node, parent)) {
-      decorations.push(createMultiBodiedExtensionPlaceholderDecoration(pos, intl));
-      return false;
-    }
-    return true;
-  });
-  return decorations.length > 0 ? DecorationSet.create(editorState.doc, decorations) : DecorationSet.empty;
-}
-export function updateMultiBodiedExtensionPlaceholderDecorations(_ref2) {
-  var currentDecorationSet = _ref2.currentDecorationSet,
-    intl = _ref2.intl,
-    newEditorState = _ref2.newEditorState,
-    tr = _ref2.tr;
-  if (!isMultiBodiedExtensionPlaceholderEnabled()) {
-    return;
-  }
-  if (!currentDecorationSet) {
-    return createMultiBodiedExtensionPlaceholderDecorations(newEditorState, intl);
-  }
-
-  // No document change means no empty/non-empty frame state change; remap
-  // existing decorations only if ProseMirror reports positional mapping.
-  if (!tr.docChanged) {
-    return tr.mapping.maps.length > 0 ? currentDecorationSet.map(tr.mapping, newEditorState.doc) : currentDecorationSet;
-  }
-  var mappedDecorationSet = currentDecorationSet.map(tr.mapping, newEditorState.doc);
-  var affectedRanges = getAffectedMultiBodiedExtensionFrameRanges(newEditorState.doc, getChangedRanges(tr));
-  if (affectedRanges.length === 0) {
-    return mappedDecorationSet;
-  }
-
-  // Remove placeholders in affected frames, then re-add only for frames that
-  // still have the empty extensionFrame -> paragraph shape.
-  var decorationsToRemove = affectedRanges.flatMap(function (_ref3) {
-    var from = _ref3.from,
-      to = _ref3.to;
-    return mappedDecorationSet.find(from, to);
-  });
-  var decorationsToAdd = affectedRanges.flatMap(function (_ref4) {
-    var from = _ref4.from;
-    var node = newEditorState.doc.nodeAt(from);
-    var parent = getMultiBodiedExtensionFrameParent(newEditorState.doc, from);
-    return node && isEmptyExtensionFrameInMultiBodiedExtension(node, parent) ? [createMultiBodiedExtensionPlaceholderDecoration(from, intl)] : [];
-  });
-  return mappedDecorationSet.remove(decorationsToRemove).add(newEditorState.doc, decorationsToAdd);
-}

package/dist/esm/pm-plugins/source-sync-block-placeholder-decorations.js

@@ -1,125 +0,0 @@
-import { placeholderTextMessages as messages } from '@atlaskit/editor-common/messages';
-import { Decoration, DecorationSet } from '@atlaskit/editor-prosemirror/view';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
-import { nodeTypesWithSyncBlockPlaceholderText, placeholderTestId } from './constants';
-var isEmptySourceSyncBlock = function isEmptySourceSyncBlock(node) {
-  var _node$firstChild, _node$firstChild2;
-  return nodeTypesWithSyncBlockPlaceholderText.includes(node.type.name) && node.childCount === 1 && ((_node$firstChild = node.firstChild) === null || _node$firstChild === void 0 ? void 0 : _node$firstChild.content.size) === 0 && ((_node$firstChild2 = node.firstChild) === null || _node$firstChild2 === void 0 ? void 0 : _node$firstChild2.type.name) === 'paragraph';
-};
-var createSourceSyncBlockPlaceholderElement = function createSourceSyncBlockPlaceholderElement(intl) {
-  var placeholderDecoration = document.createElement('span');
-  placeholderDecoration.setAttribute('data-testid', placeholderTestId);
-  placeholderDecoration.className = 'placeholder-decoration';
-  placeholderDecoration.setAttribute('aria-hidden', 'true');
-  placeholderDecoration.textContent = intl.formatMessage(messages.sourceSyncBlockPlaceholderText);
-  return placeholderDecoration;
-};
-var createSourceSyncBlockPlaceholderDecoration = function createSourceSyncBlockPlaceholderDecoration(pos, intl) {
-  return Decoration.widget(pos + 2, function () {
-    return createSourceSyncBlockPlaceholderElement(intl);
-  }, {
-    side: 0,
-    key: "source-sync-block-placeholder-".concat(pos)
-  });
-};
-var isSourceSyncBlockPlaceholderEnabled = function isSourceSyncBlockPlaceholderEnabled() {
-  return expValEquals('platform_editor_sync_block_activation', 'isEnabled', true) && editorExperiment('platform_synced_block', true);
-};
-var getChangedRanges = function getChangedRanges(tr) {
-  var ranges = [];
-  tr.mapping.maps.forEach(function (stepMap, index) {
-    stepMap.forEach(function (_oldStart, _oldEnd, newStart, newEnd) {
-      var mappingAfterStep = tr.mapping.slice(index + 1);
-      ranges.push({
-        from: mappingAfterStep.map(newStart, -1),
-        to: mappingAfterStep.map(newEnd, 1)
-      });
-    });
-  });
-  return ranges;
-};
-var getSourceSyncBlockRange = function getSourceSyncBlockRange(doc, pos) {
-  var resolvedPos = doc.resolve(Math.max(0, Math.min(pos, doc.content.size)));
-  for (var depth = resolvedPos.depth; depth > 0; depth--) {
-    var node = resolvedPos.node(depth);
-    if (nodeTypesWithSyncBlockPlaceholderText.includes(node.type.name)) {
-      return {
-        from: resolvedPos.before(depth),
-        to: resolvedPos.after(depth)
-      };
-    }
-  }
-  return;
-};
-var getAffectedSourceSyncBlockRanges = function getAffectedSourceSyncBlockRanges(doc, ranges) {
-  var affectedRanges = new Map();
-  ranges.forEach(function (_ref) {
-    var from = _ref.from,
-      to = _ref.to;
-    [from, to].forEach(function (pos) {
-      var sourceSyncBlockRange = getSourceSyncBlockRange(doc, pos);
-      if (sourceSyncBlockRange) {
-        affectedRanges.set("".concat(sourceSyncBlockRange.from, "-").concat(sourceSyncBlockRange.to), sourceSyncBlockRange);
-      }
-    });
-    doc.nodesBetween(from, to, function (node, pos) {
-      if (nodeTypesWithSyncBlockPlaceholderText.includes(node.type.name)) {
-        var sourceSyncBlockRange = {
-          from: pos,
-          to: pos + node.nodeSize
-        };
-        affectedRanges.set("".concat(sourceSyncBlockRange.from, "-").concat(sourceSyncBlockRange.to), sourceSyncBlockRange);
-        return false;
-      }
-      return true;
-    });
-  });
-  return Array.from(affectedRanges.values());
-};
-export function createSourceSyncBlockPlaceholderDecorations(editorState, intl) {
-  if (!isSourceSyncBlockPlaceholderEnabled()) {
-    return;
-  }
-  var decorations = [];
-  editorState.doc.descendants(function (node, pos) {
-    if (isEmptySourceSyncBlock(node)) {
-      decorations.push(createSourceSyncBlockPlaceholderDecoration(pos, intl));
-      return false;
-    }
-    return true;
-  });
-  return decorations.length > 0 ? DecorationSet.create(editorState.doc, decorations) : DecorationSet.empty;
-}
-export function updateSourceSyncBlockPlaceholderDecorations(_ref2) {
-  var currentDecorationSet = _ref2.currentDecorationSet,
-    intl = _ref2.intl,
-    newEditorState = _ref2.newEditorState,
-    oldEditorState = _ref2.oldEditorState,
-    tr = _ref2.tr;
-  if (!isSourceSyncBlockPlaceholderEnabled()) {
-    return;
-  }
-  if (!currentDecorationSet) {
-    return createSourceSyncBlockPlaceholderDecorations(newEditorState, intl);
-  }
-  if (!tr.docChanged) {
-    return tr.mapping.maps.length > 0 ? currentDecorationSet.map(tr.mapping, newEditorState.doc) : currentDecorationSet;
-  }
-  var mappedDecorationSet = currentDecorationSet.map(tr.mapping, newEditorState.doc);
-  var affectedRanges = getAffectedSourceSyncBlockRanges(newEditorState.doc, getChangedRanges(tr));
-  if (affectedRanges.length === 0) {
-    return mappedDecorationSet;
-  }
-  var decorationsToRemove = affectedRanges.flatMap(function (_ref3) {
-    var from = _ref3.from,
-      to = _ref3.to;
-    return mappedDecorationSet.find(from, to);
-  });
-  var decorationsToAdd = affectedRanges.flatMap(function (_ref4) {
-    var from = _ref4.from;
-    var node = newEditorState.doc.nodeAt(from);
-    return node && isEmptySourceSyncBlock(node) ? [createSourceSyncBlockPlaceholderDecoration(from, intl)] : [];
-  });
-  return mappedDecorationSet.remove(decorationsToRemove).add(newEditorState.doc, decorationsToAdd);
-}

package/dist/types/pm-plugins/multi-bodied-extension-placeholder-decorations.d.ts

@@ -1,16 +0,0 @@
-import type { IntlShape } from 'react-intl';
-import type { EditorState } from '@atlaskit/editor-prosemirror/state';
-import type { Mapping } from '@atlaskit/editor-prosemirror/transform';
-import { DecorationSet } from '@atlaskit/editor-prosemirror/view';
-type MultiBodiedExtensionPlaceholderTransaction = {
-    docChanged: boolean;
-    mapping: Mapping;
-};
-export declare function createMultiBodiedExtensionPlaceholderDecorations(editorState: EditorState, intl: IntlShape): DecorationSet | undefined;
-export declare function updateMultiBodiedExtensionPlaceholderDecorations({ currentDecorationSet, intl, newEditorState, tr, }: {
-    currentDecorationSet?: DecorationSet;
-    intl: IntlShape;
-    newEditorState: EditorState;
-    tr: MultiBodiedExtensionPlaceholderTransaction;
-}): DecorationSet | undefined;
-export {};

package/dist/types/pm-plugins/source-sync-block-placeholder-decorations.d.ts

@@ -1,17 +0,0 @@
-import type { IntlShape } from 'react-intl';
-import type { EditorState } from '@atlaskit/editor-prosemirror/state';
-import type { Mapping } from '@atlaskit/editor-prosemirror/transform';
-import { DecorationSet } from '@atlaskit/editor-prosemirror/view';
-type SourceSyncBlockPlaceholderTransaction = {
-    mapping: Mapping;
-    docChanged: boolean;
-};
-export declare function createSourceSyncBlockPlaceholderDecorations(editorState: EditorState, intl: IntlShape): DecorationSet | undefined;
-export declare function updateSourceSyncBlockPlaceholderDecorations({ currentDecorationSet, intl, newEditorState, oldEditorState, tr, }: {
-    currentDecorationSet?: DecorationSet;
-    intl: IntlShape;
-    newEditorState: EditorState;
-    oldEditorState: EditorState;
-    tr: SourceSyncBlockPlaceholderTransaction;
-}): DecorationSet | undefined;
-export {};