@atlaskit/editor-plugin-block-menu 12.0.3 → 12.1.0

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # @atlaskit/editor-plugin-block-menu
 
+## 12.1.0
+
+### Minor Changes
+
+- [`337e6777c26aa`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/337e6777c26aa) -
+  Add Block Menu transform extension APIs. Extension manifests can declare ADF-only transform
+  capabilities without importing Editor internals:
+
+  ```ts
+  const extensionNode = {
+  	blockTransform: {
+  		key: 'convert-tabs-to-panel',
+  		isSupported: ({ targetTypeName }) => targetTypeName === 'panel',
+  		transform: ({ source }) => ({ output: [{ type: 'panel', content: source.content }] }),
+  	},
+  };
+  ```
+
+  The Extension Plugin registers each keyed transform with Block Menu after manifests load. Block
+  Menu checks support, validates returned ADF, and owns replacement, selection, history, focus, and
+  analytics.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 12.0.3
 
 ### Patch Changes

package/afm-cc/tsconfig.json

@@ -56,6 +56,9 @@
 		{
 			"path": "../../../design-system/icon/afm-cc/tsconfig.json"
 		},
+		{
+			"path": "../../../platform/feature-experiments/afm-cc/tsconfig.json"
+		},
 		{
 			"path": "../../../platform/feature-flags/afm-cc/tsconfig.json"
 		},

package/afm-products/tsconfig.json

@@ -56,6 +56,9 @@
 		{
 			"path": "../../../design-system/icon/afm-products/tsconfig.json"
 		},
+		{
+			"path": "../../../platform/feature-experiments/afm-products/tsconfig.json"
+		},
 		{
 			"path": "../../../platform/feature-flags/afm-products/tsconfig.json"
 		},

package/dist/cjs/blockMenuPlugin.js

@@ -7,9 +7,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.blockMenuPlugin = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _react = _interopRequireDefault(require("react"));
+var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 var _editorActions = require("./editor-actions");
 var _isTransformToTargetDisabled = require("./editor-actions/isTransformToTargetDisabled");
+var _transformSourceRegistry = require("./editor-actions/transformSourceRegistry");
 var _transformNode2 = require("./editor-commands/transformNode");
 var _blockMenuExperiences = require("./pm-plugins/experiences/block-menu-experiences");
 var _keymap = require("./pm-plugins/keymap");
@@ -22,6 +24,7 @@ var blockMenuPlugin = exports.blockMenuPlugin = function blockMenuPlugin(_ref) {
   var api = _ref.api,
     config = _ref.config;
   var registry = (0, _editorActions.createBlockMenuRegistry)();
+  var transformSourceRegistry = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_block_menu_transform_extensions') ? (0, _transformSourceRegistry.createBlockMenuTransformSourceRegistry)() : undefined;
   registry.register((0, _blockMenuComponents.getBlockMenuComponents)({
     api: api,
     config: config
@@ -71,13 +74,21 @@ var blockMenuPlugin = exports.blockMenuPlugin = function blockMenuPlugin(_ref) {
         return (0, _isTransformToTargetDisabled.isTransformToTargetDisabled)({
           selection: currentSelection,
           targetNodeTypeName: optionNodeTypeName,
-          targetNodeTypeAttrs: optionNodeTypeAttrs
+          targetNodeTypeAttrs: optionNodeTypeAttrs,
+          transformRegistry: transformSourceRegistry
         });
+      },
+      registerBlockMenuTransforms: function registerBlockMenuTransforms(transforms) {
+        if ((0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_block_menu_transform_extensions')) {
+          var _transformSourceRegis;
+          return (_transformSourceRegis = transformSourceRegistry === null || transformSourceRegistry === void 0 ? void 0 : transformSourceRegistry.register(transforms)) !== null && _transformSourceRegis !== void 0 ? _transformSourceRegis : function () {};
+        }
+        return function () {};
       }
     },
     commands: {
       transformNode: function transformNode(targetType, metadata) {
-        return (0, _transformNode2.transformNode)(api)(targetType, metadata);
+        return (0, _transformNode2.transformNode)(api, transformSourceRegistry)(targetType, metadata);
       }
     },
     getSharedState: function getSharedState(editorState) {

package/dist/cjs/editor-actions/isTransformToTargetDisabled.js

@@ -6,9 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.isTransformToTargetDisabled = exports.canParentContainNodeType = void 0;
 var _selection = require("@atlaskit/editor-common/selection");
 var _model = require("@atlaskit/editor-prosemirror/model");
+var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _transform = require("../editor-commands/transform-node-utils/transform");
 var _types = require("../editor-commands/transform-node-utils/types");
 var _utils = require("../editor-commands/transform-node-utils/utils");
+var _transformSource = require("./transformSource");
 var canParentContainNodeType = exports.canParentContainNodeType = function canParentContainNodeType(schema, selectedNodeTypeName, parentNode, nodeTypeName, nodeTypeAttrs) {
   var adjustedNodeTypeName = (0, _utils.getTargetNodeTypeNameInContext)(nodeTypeName, true, parentNode, schema);
   if (!adjustedNodeTypeName) {
@@ -52,12 +54,22 @@ var isTransformEnabledForNode = function isTransformEnabledForNode(node, targetN
 var isTransformToTargetDisabled = exports.isTransformToTargetDisabled = function isTransformToTargetDisabled(_ref) {
   var selection = _ref.selection,
     targetNodeTypeName = _ref.targetNodeTypeName,
-    targetNodeTypeAttrs = _ref.targetNodeTypeAttrs;
+    targetNodeTypeAttrs = _ref.targetNodeTypeAttrs,
+    transformRegistry = _ref.transformRegistry;
   var _expandSelectionToBlo = (0, _selection.expandSelectionToBlockRange)(selection),
     range = _expandSelectionToBlo.range;
   if (!range) {
     return false;
   }
+  if ((0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_block_menu_transform_extensions')) {
+    var sourceNode = (0, _transformSource.getSingleTransformSourceNode)(selection, range);
+    if ((0, _transformSource.isExtensionTransformSource)(sourceNode)) {
+      return (transformRegistry === null || transformRegistry === void 0 ? void 0 : transformRegistry.resolve({
+        source: sourceNode.toJSON(),
+        targetTypeName: targetNodeTypeName
+      }).status) !== 'supported';
+    }
+  }
   var selectedNodes = (0, _utils.getBlockNodesInRange)(range);
   var parent = range.parent;
   var isNested = range.depth >= 1;

package/dist/cjs/editor-actions/transformSource.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isExtensionTransformSource = exports.getSingleTransformSourceNode = void 0;
+var _utils = require("../editor-commands/transform-node-utils/utils");
+var EXTENSION_NODE_TYPES = new Set(['extension', 'bodiedExtension', 'multiBodiedExtension']);
+var getSingleTransformSourceNode = exports.getSingleTransformSourceNode = function getSingleTransformSourceNode(selection, range) {
+  var _getSelectedNode;
+  var selectedNode = (_getSelectedNode = (0, _utils.getSelectedNode)(selection)) === null || _getSelectedNode === void 0 ? void 0 : _getSelectedNode.node;
+  if (selectedNode) {
+    return selectedNode;
+  }
+  if (!range) {
+    return undefined;
+  }
+  var blockNodes = (0, _utils.getBlockNodesInRange)(range);
+  return blockNodes.length === 1 ? blockNodes[0] : undefined;
+};
+var isExtensionTransformSource = exports.isExtensionTransformSource = function isExtensionTransformSource(node) {
+  return Boolean(node && EXTENSION_NODE_TYPES.has(node.type.name));
+};

package/dist/cjs/editor-actions/transformSourceRegistry.js

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createBlockMenuTransformSourceRegistry = void 0;
+var _monitoring = require("@atlaskit/editor-common/monitoring");
+var createBlockMenuTransformSourceRegistry = exports.createBlockMenuTransformSourceRegistry = function createBlockMenuTransformSourceRegistry() {
+  var transforms = new Map();
+  return {
+    register: function register(registeredTransforms) {
+      var registered = [];
+      registeredTransforms.forEach(function (transform) {
+        if (transforms.has(transform.key)) {
+          void (0, _monitoring.logException)(new Error("Duplicate Block Menu transform key: ".concat(transform.key)), {
+            location: 'editor-plugin-block-menu'
+          });
+          return;
+        }
+        transforms.set(transform.key, transform);
+        registered.push(transform);
+      });
+      if (registered.length === 0) {
+        return function () {};
+      }
+      return function () {
+        registered.forEach(function (transform) {
+          if (transforms.get(transform.key) === transform) {
+            transforms.delete(transform.key);
+          }
+        });
+      };
+    },
+    resolve: function resolve(context) {
+      var transform = Array.from(transforms.values()).find(function (_ref) {
+        var isSupported = _ref.isSupported;
+        try {
+          return isSupported(context);
+        } catch (error) {
+          void (0, _monitoring.logException)(error instanceof Error ? error : new Error('Block Menu transform support check failed'), {
+            location: 'editor-plugin-block-menu'
+          });
+          return false;
+        }
+      });
+      return transform ? {
+        status: 'supported',
+        transform: transform
+      } : {
+        status: 'unsupported'
+      };
+    }
+  };
+};

package/dist/cjs/editor-commands/transformNode.js

@@ -1,21 +1,26 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.transformNode = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _analytics = require("@atlaskit/editor-common/analytics");
-var _expand = require("@atlaskit/editor-common/expand");
+var _expand2 = require("@atlaskit/editor-common/expand");
 var _monitoring = require("@atlaskit/editor-common/monitoring");
 var _performanceMeasures = require("@atlaskit/editor-common/performance-measures");
 var _selection = require("@atlaskit/editor-common/selection");
+var _model = require("@atlaskit/editor-prosemirror/model");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _transform = require("@atlaskit/editor-prosemirror/transform");
 var _editorTables = require("@atlaskit/editor-tables");
+var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
+var _transformSource = require("../editor-actions/transformSource");
 var _isNestedNode = require("../ui/utils/isNestedNode");
 var _transform2 = require("./transform-node-utils/transform");
 var _utils = require("./transform-node-utils/utils");
-var transformNode = exports.transformNode = function transformNode(api) {
+var transformNode = exports.transformNode = function transformNode(api, transformRegistry) {
   return function (targetType, metadata) {
     return function (_ref) {
       var _api$blockControls;
@@ -24,12 +29,115 @@ var transformNode = exports.transformNode = function transformNode(api) {
       if (!preservedSelection) {
         return tr;
       }
+      if ((0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_block_menu_transform_extensions')) {
+        var _expandSelectionToBlo = (0, _selection.expandSelectionToBlockRange)(preservedSelection),
+          _$from = _expandSelectionToBlo.$from,
+          _$to = _expandSelectionToBlo.$to,
+          range = _expandSelectionToBlo.range;
+        var sourceNode = (0, _transformSource.getSingleTransformSourceNode)(preservedSelection, range);
+        if ((0, _transformSource.isExtensionTransformSource)(sourceNode)) {
+          var _metadata$targetTypeN;
+          var context = {
+            source: sourceNode.toJSON(),
+            targetTypeName: (_metadata$targetTypeN = metadata === null || metadata === void 0 ? void 0 : metadata.targetTypeName) !== null && _metadata$targetTypeN !== void 0 ? _metadata$targetTypeN : targetType.name
+          };
+          var resolution = transformRegistry === null || transformRegistry === void 0 ? void 0 : transformRegistry.resolve(context);
+          if (!resolution || resolution.status === 'unsupported') {
+            return tr;
+          }
+          var _measureId = "transformNode_".concat(targetType.name, "_").concat(Date.now());
+          (0, _performanceMeasures.startMeasure)(_measureId);
+          try {
+            var _api$blockControls2, _api$blockControls3;
+            var transformResult = resolution.transform.transform(context);
+            if (!transformResult) {
+              (0, _performanceMeasures.stopMeasure)(_measureId);
+              return tr;
+            }
+            if (!Array.isArray(transformResult.output) || transformResult.output.length === 0) {
+              throw new Error('Block menu transform returned no output');
+            }
+            var resultNodes = transformResult.output.map(function (nodeAdf) {
+              var node = _model.Node.fromJSON(tr.doc.type.schema, nodeAdf);
+              node.check();
+              return node;
+            });
+            if (!range || !range.parent.canReplace(range.startIndex, range.endIndex, _model.Fragment.from(resultNodes))) {
+              throw new Error('Block menu transform output is invalid at the selected position');
+            }
+            var sliceStart = _$from.pos;
+            tr.replaceWith(sliceStart, _$to.pos, resultNodes);
+            var insertedNode = tr.doc.nodeAt(sliceStart);
+            var nextSelection = insertedNode && _state.NodeSelection.isSelectable(insertedNode) ? _state.NodeSelection.create(tr.doc, sliceStart) : _state.Selection.near(tr.doc.resolve(sliceStart));
+            tr.setSelection(nextSelection);
+            api === null || api === void 0 || (_api$blockControls2 = api.blockControls) === null || _api$blockControls2 === void 0 || _api$blockControls2.commands.stopPreservingSelection()({
+              tr: tr
+            });
+            api === null || api === void 0 || (_api$blockControls3 = api.blockControls) === null || _api$blockControls3 === void 0 || _api$blockControls3.commands.toggleBlockMenu({
+              closeMenu: true
+            })({
+              tr: tr
+            });
+            var _tr$doc$type$schema$n = tr.doc.type.schema.nodes,
+              expand = _tr$doc$type$schema$n.expand,
+              nestedExpand = _tr$doc$type$schema$n.nestedExpand;
+            resultNodes.forEach(function (node) {
+              if (node.type === expand || node.type === nestedExpand) {
+                _expand2.expandedState.set(node, true);
+              }
+            });
+            (0, _performanceMeasures.stopMeasure)(_measureId, function (duration, startTime) {
+              var _api$analytics;
+              api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 || (_api$analytics = _api$analytics.actions) === null || _api$analytics === void 0 || _api$analytics.attachAnalyticsEvent({
+                action: _analytics.ACTION.TRANSFORMED,
+                actionSubject: _analytics.ACTION_SUBJECT.ELEMENT,
+                attributes: {
+                  duration: duration,
+                  isEmptyLine: false,
+                  isNested: (0, _isNestedNode.isNestedNode)(preservedSelection, ''),
+                  isSuggested: Boolean(metadata === null || metadata === void 0 ? void 0 : metadata.isSuggested),
+                  sourceNodesCount: 1,
+                  sourceNodesCountByType: (0, _defineProperty2.default)({}, sourceNode.type.name, 1),
+                  sourceNodeType: sourceNode.type.name,
+                  startTime: startTime,
+                  targetNodeType: targetType.name,
+                  outputNodesCount: resultNodes.length,
+                  inputMethod: _analytics.INPUT_METHOD.BLOCK_MENU
+                },
+                eventType: _analytics.EVENT_TYPE.TRACK
+              })(tr);
+            });
+          } catch (error) {
+            var _api$analytics2;
+            (0, _performanceMeasures.stopMeasure)(_measureId);
+            (0, _monitoring.logException)(error, {
+              location: 'editor-plugin-block-menu'
+            });
+            api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 || (_api$analytics2 = _api$analytics2.actions) === null || _api$analytics2 === void 0 || _api$analytics2.attachAnalyticsEvent({
+              action: _analytics.ACTION.ERRORED,
+              actionSubject: _analytics.ACTION_SUBJECT.ELEMENT,
+              actionSubjectId: _analytics.ACTION_SUBJECT_ID.TRANSFORM,
+              eventType: _analytics.EVENT_TYPE.OPERATIONAL,
+              attributes: {
+                docSize: tr.doc.nodeSize,
+                error: error.message,
+                errorStack: error.stack,
+                from: sourceNode.type.name,
+                inputMethod: _analytics.INPUT_METHOD.BLOCK_MENU,
+                selection: preservedSelection.toJSON(),
+                to: targetType.name
+              }
+            })(tr);
+          }
+          return tr;
+        }
+      }
       var measureId = "transformNode_".concat(targetType.name, "_").concat(Date.now());
       (0, _performanceMeasures.startMeasure)(measureId);
       var nodes = tr.doc.type.schema.nodes;
-      var _expandSelectionToBlo = (0, _selection.expandSelectionToBlockRange)(preservedSelection),
-        $from = _expandSelectionToBlo.$from,
-        $to = _expandSelectionToBlo.$to;
+      var _expandSelectionToBlo2 = (0, _selection.expandSelectionToBlockRange)(preservedSelection),
+        $from = _expandSelectionToBlo2.$from,
+        $to = _expandSelectionToBlo2.$to;
       var selectedParent = $from.parent;
       var isParentLayout = selectedParent.type === nodes.layoutColumn;
       var isNested = (0, _isNestedNode.isNestedNode)(preservedSelection, '') && !isParentLayout;
@@ -45,8 +153,8 @@ var transformNode = exports.transformNode = function transformNode(api) {
       var isEmptyLine = sourceNodes.length === 1 && (sourceNodes[0].type === nodes.paragraph || sourceNodes[0].type === nodes.heading) && (sourceNodes[0].content.size === 0 || sourceNodes[0].textContent.trim() === '');
       var isSuggested = Boolean(metadata === null || metadata === void 0 ? void 0 : metadata.isSuggested);
       try {
-        var _api$blockControls4;
-        var resultNodes = (0, _transform2.convertNodesToTargetType)({
+        var _api$blockControls6;
+        var _resultNodes = (0, _transform2.convertNodesToTargetType)({
           sourceNodes: sourceNodes,
           targetNodeType: targetType,
           schema: tr.doc.type.schema,
@@ -54,17 +162,17 @@ var transformNode = exports.transformNode = function transformNode(api) {
           targetAttrs: metadata === null || metadata === void 0 ? void 0 : metadata.targetAttrs,
           parentNode: selectedParent
         });
-        var content = resultNodes.length > 0 ? resultNodes : sourceNodes;
-        var sliceStart = isList ? $from.pos - 1 : $from.pos;
-        var expand = nodes.expand,
-          nestedExpand = nodes.nestedExpand;
+        var content = _resultNodes.length > 0 ? _resultNodes : sourceNodes;
+        var _sliceStart = isList ? $from.pos - 1 : $from.pos;
+        var _expand = nodes.expand,
+          _nestedExpand = nodes.nestedExpand;
         content.forEach(function (node) {
-          if (node.type === expand || node.type === nestedExpand) {
-            _expand.expandedState.set(node, true);
+          if (node.type === _expand || node.type === _nestedExpand) {
+            _expand2.expandedState.set(node, true);
           }
         });
         if (preservedSelection instanceof _state.NodeSelection && preservedSelection.node.type === nodes.mediaSingle) {
-          var _api$blockControls2;
+          var _api$blockControls4;
           // when node is media single, use tr.replaceWith freeze editor, if modify position, tr.replaceWith creates duplicats
           var deleteFrom = $from.pos;
           var deleteTo = $to.pos;
@@ -83,32 +191,32 @@ var transformNode = exports.transformNode = function transformNode(api) {
           var newSize = content.reduce(function (sum, node) {
             return sum + node.nodeSize;
           }, 0);
-          api === null || api === void 0 || (_api$blockControls2 = api.blockControls) === null || _api$blockControls2 === void 0 || _api$blockControls2.commands.mapPreservedSelection(new _transform.Mapping([new _transform.StepMap([0, oldSize, newSize])]))({
+          api === null || api === void 0 || (_api$blockControls4 = api.blockControls) === null || _api$blockControls4 === void 0 || _api$blockControls4.commands.mapPreservedSelection(new _transform.Mapping([new _transform.StepMap([0, oldSize, newSize])]))({
             tr: tr
           });
         } else {
-          tr.replaceWith(sliceStart, $to.pos, content);
+          tr.replaceWith(_sliceStart, $to.pos, content);
         }
         if (preservedSelection instanceof _editorTables.CellSelection) {
-          var insertedNode = tr.doc.nodeAt($from.pos);
-          var isSelectable = insertedNode && _state.NodeSelection.isSelectable(insertedNode);
+          var _insertedNode = tr.doc.nodeAt($from.pos);
+          var isSelectable = _insertedNode && _state.NodeSelection.isSelectable(_insertedNode);
           if (isSelectable) {
-            var _api$blockControls3;
+            var _api$blockControls5;
             var nodeSelection = _state.NodeSelection.create(tr.doc, $from.pos);
             tr.setSelection(nodeSelection);
-            api === null || api === void 0 || (_api$blockControls3 = api.blockControls) === null || _api$blockControls3 === void 0 || _api$blockControls3.commands.startPreservingSelection()({
+            api === null || api === void 0 || (_api$blockControls5 = api.blockControls) === null || _api$blockControls5 === void 0 || _api$blockControls5.commands.startPreservingSelection()({
               tr: tr
             });
           }
         }
-        api === null || api === void 0 || (_api$blockControls4 = api.blockControls) === null || _api$blockControls4 === void 0 || _api$blockControls4.commands.toggleBlockMenu({
+        api === null || api === void 0 || (_api$blockControls6 = api.blockControls) === null || _api$blockControls6 === void 0 || _api$blockControls6.commands.toggleBlockMenu({
           closeMenu: true
         })({
           tr: tr
         });
         (0, _performanceMeasures.stopMeasure)(measureId, function (duration, startTime) {
-          var _api$analytics;
-          api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 || (_api$analytics = _api$analytics.actions) === null || _api$analytics === void 0 || _api$analytics.attachAnalyticsEvent({
+          var _api$analytics3;
+          api === null || api === void 0 || (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 || (_api$analytics3 = _api$analytics3.actions) === null || _api$analytics3 === void 0 || _api$analytics3.attachAnalyticsEvent({
             action: _analytics.ACTION.TRANSFORMED,
             actionSubject: _analytics.ACTION_SUBJECT.ELEMENT,
             attributes: {
@@ -128,12 +236,12 @@ var transformNode = exports.transformNode = function transformNode(api) {
           })(tr);
         });
       } catch (error) {
-        var _api$analytics2;
+        var _api$analytics4;
         (0, _performanceMeasures.stopMeasure)(measureId);
         (0, _monitoring.logException)(error, {
           location: 'editor-plugin-block-menu'
         });
-        api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 || (_api$analytics2 = _api$analytics2.actions) === null || _api$analytics2 === void 0 || _api$analytics2.attachAnalyticsEvent({
+        api === null || api === void 0 || (_api$analytics4 = api.analytics) === null || _api$analytics4 === void 0 || (_api$analytics4 = _api$analytics4.actions) === null || _api$analytics4 === void 0 || _api$analytics4.attachAnalyticsEvent({
           action: _analytics.ACTION.ERRORED,
           actionSubject: _analytics.ACTION_SUBJECT.ELEMENT,
           actionSubjectId: _analytics.ACTION_SUBJECT_ID.TRANSFORM,

package/dist/cjs/ui/utils/checkIsFormatMenuHidden.js

@@ -8,6 +8,7 @@ exports.checkIsFormatMenuHidden = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _memoizeOne = _interopRequireDefault(require("memoize-one"));
 var _utils = require("@atlaskit/editor-prosemirror/utils");
+var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var getDisabledNodeTypes = (0, _memoizeOne.default)(function (nodes) {
   return [nodes.rule].concat((0, _toConsumableArray2.default)((0, _expValEquals.expValEquals)('confluence_native_tabs_experiment', 'isEnabled', true) ? [nodes.multiBodiedExtension] : []));
@@ -17,7 +18,8 @@ var getIsFormatMenuHidden = function getIsFormatMenuHidden(selection, schema) {
   if (!nodes) {
     return false;
   }
-  var disabledNode = (0, _utils.findSelectedNodeOfType)(getDisabledNodeTypes(nodes))(selection);
+  var disabledNodeTypes = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_block_menu_transform_extensions') ? [nodes.rule] : getDisabledNodeTypes(nodes);
+  var disabledNode = (0, _utils.findSelectedNodeOfType)(disabledNodeTypes)(selection);
   return !!disabledNode;
 };
 var checkIsFormatMenuHidden = exports.checkIsFormatMenuHidden = function checkIsFormatMenuHidden(api) {

package/dist/es2019/blockMenuPlugin.js

@@ -1,7 +1,9 @@
 import React from 'react';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { createBlockMenuRegistry } from './editor-actions';
 import { isTransformToTargetDisabled } from './editor-actions/isTransformToTargetDisabled';
+import { createBlockMenuTransformSourceRegistry } from './editor-actions/transformSourceRegistry';
 import { transformNode } from './editor-commands/transformNode';
 import { getBlockMenuExperiencesPlugin } from './pm-plugins/experiences/block-menu-experiences';
 import { keymapPlugin } from './pm-plugins/keymap';
@@ -15,6 +17,7 @@ export const blockMenuPlugin = ({
   config
 }) => {
   const registry = createBlockMenuRegistry();
+  const transformSourceRegistry = isExperimentEnabled('platform_editor_block_menu_transform_extensions') ? createBlockMenuTransformSourceRegistry() : undefined;
   registry.register(getBlockMenuComponents({
     api,
     config
@@ -58,14 +61,20 @@ export const blockMenuPlugin = ({
         return isTransformToTargetDisabled({
           selection: currentSelection,
           targetNodeTypeName: optionNodeTypeName,
-          targetNodeTypeAttrs: optionNodeTypeAttrs
+          targetNodeTypeAttrs: optionNodeTypeAttrs,
+          transformRegistry: transformSourceRegistry
         });
+      },
+      registerBlockMenuTransforms: transforms => {
+        if (isExperimentEnabled('platform_editor_block_menu_transform_extensions')) {
+          var _transformSourceRegis;
+          return (_transformSourceRegis = transformSourceRegistry === null || transformSourceRegistry === void 0 ? void 0 : transformSourceRegistry.register(transforms)) !== null && _transformSourceRegis !== void 0 ? _transformSourceRegis : () => {};
+        }
+        return () => {};
       }
     },
     commands: {
-      transformNode: (targetType, metadata) => {
-        return transformNode(api)(targetType, metadata);
-      }
+      transformNode: (targetType, metadata) => transformNode(api, transformSourceRegistry)(targetType, metadata)
     },
     getSharedState(editorState) {
       var _config$useStandardNo, _api$blockControls2, _api$blockControls2$s, _pluginState$showFlag;

package/dist/es2019/editor-actions/isTransformToTargetDisabled.js

@@ -1,8 +1,10 @@
 import { expandSelectionToBlockRange } from '@atlaskit/editor-common/selection';
 import { Fragment } from '@atlaskit/editor-prosemirror/model';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { isTransformDisabledBasedOnStepsConfig } from '../editor-commands/transform-node-utils/transform';
 import { toNodeTypeValue } from '../editor-commands/transform-node-utils/types';
 import { getBlockNodesInRange, getTargetNodeTypeNameInContext } from '../editor-commands/transform-node-utils/utils';
+import { getSingleTransformSourceNode, isExtensionTransformSource } from './transformSource';
 export const canParentContainNodeType = (schema, selectedNodeTypeName, parentNode, nodeTypeName, nodeTypeAttrs) => {
   const adjustedNodeTypeName = getTargetNodeTypeNameInContext(nodeTypeName, true, parentNode, schema);
   if (!adjustedNodeTypeName) {
@@ -46,7 +48,8 @@ const isTransformEnabledForNode = (node, targetNodeTypeName, targetNodeTypeAttrs
 export const isTransformToTargetDisabled = ({
   selection,
   targetNodeTypeName,
-  targetNodeTypeAttrs
+  targetNodeTypeAttrs,
+  transformRegistry
 }) => {
   const {
     range
@@ -54,6 +57,15 @@ export const isTransformToTargetDisabled = ({
   if (!range) {
     return false;
   }
+  if (isExperimentEnabled('platform_editor_block_menu_transform_extensions')) {
+    const sourceNode = getSingleTransformSourceNode(selection, range);
+    if (isExtensionTransformSource(sourceNode)) {
+      return (transformRegistry === null || transformRegistry === void 0 ? void 0 : transformRegistry.resolve({
+        source: sourceNode.toJSON(),
+        targetTypeName: targetNodeTypeName
+      }).status) !== 'supported';
+    }
+  }
   const selectedNodes = getBlockNodesInRange(range);
   const parent = range.parent;
   const isNested = range.depth >= 1;

package/dist/es2019/editor-actions/transformSource.js

@@ -0,0 +1,15 @@
+import { getBlockNodesInRange, getSelectedNode } from '../editor-commands/transform-node-utils/utils';
+const EXTENSION_NODE_TYPES = new Set(['extension', 'bodiedExtension', 'multiBodiedExtension']);
+export const getSingleTransformSourceNode = (selection, range) => {
+  var _getSelectedNode;
+  const selectedNode = (_getSelectedNode = getSelectedNode(selection)) === null || _getSelectedNode === void 0 ? void 0 : _getSelectedNode.node;
+  if (selectedNode) {
+    return selectedNode;
+  }
+  if (!range) {
+    return undefined;
+  }
+  const blockNodes = getBlockNodesInRange(range);
+  return blockNodes.length === 1 ? blockNodes[0] : undefined;
+};
+export const isExtensionTransformSource = node => Boolean(node && EXTENSION_NODE_TYPES.has(node.type.name));

package/dist/es2019/editor-actions/transformSourceRegistry.js

@@ -0,0 +1,49 @@
+import { logException } from '@atlaskit/editor-common/monitoring';
+export const createBlockMenuTransformSourceRegistry = () => {
+  const transforms = new Map();
+  return {
+    register: registeredTransforms => {
+      const registered = [];
+      registeredTransforms.forEach(transform => {
+        if (transforms.has(transform.key)) {
+          void logException(new Error(`Duplicate Block Menu transform key: ${transform.key}`), {
+            location: 'editor-plugin-block-menu'
+          });
+          return;
+        }
+        transforms.set(transform.key, transform);
+        registered.push(transform);
+      });
+      if (registered.length === 0) {
+        return () => {};
+      }
+      return () => {
+        registered.forEach(transform => {
+          if (transforms.get(transform.key) === transform) {
+            transforms.delete(transform.key);
+          }
+        });
+      };
+    },
+    resolve: context => {
+      const transform = Array.from(transforms.values()).find(({
+        isSupported
+      }) => {
+        try {
+          return isSupported(context);
+        } catch (error) {
+          void logException(error instanceof Error ? error : new Error('Block Menu transform support check failed'), {
+            location: 'editor-plugin-block-menu'
+          });
+          return false;
+        }
+      });
+      return transform ? {
+        status: 'supported',
+        transform
+      } : {
+        status: 'unsupported'
+      };
+    }
+  };
+};