@atlaskit/editor-common 114.54.2 → 114.55.0

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @atlaskit/editor-common
 
+## 114.55.0
+
+### Minor Changes
+
+- [`52a08b0d14e39`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/52a08b0d14e39) -
+  Add code block language auto-detection experiment
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 114.54.2
 
 ### Patch Changes

package/dist/cjs/analytics/types/enums.js

@@ -93,6 +93,7 @@ var ACTION = exports.ACTION = /*#__PURE__*/function (ACTION) {
   /** used in @atlassian/editor-referentiality */
   ACTION["GOT_CONNECTIONS"] = "gotConnections";
   ACTION["LANGUAGE_SELECTED"] = "languageSelected";
+  ACTION["LANGUAGE_AUTO_DETECTED"] = "languageAutoDetected";
   ACTION["LIST_ITEM_JOINED"] = "listItemJoined";
   ACTION["MATCHED"] = "matched";
   ACTION["MEDIA_LINK_TRANSFORMED"] = "mediaLinkTransformed";

package/dist/cjs/code-block/index.js

@@ -4,8 +4,12 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.updateCodeBlockWrappedStateNodeKeys = exports.transferCodeBlockWrappedValue = exports.setCodeBlockFoldState = exports.isCodeBlockWordWrapEnabled = exports.getDefaultCodeBlockAttrs = exports.getCodeBlockFoldState = exports.defaultWrapForMarkdownCodeBlocksInSlice = exports.defaultWordWrapState = exports.codeBlockWrappedStates = exports.areCodeBlockLineNumbersVisible = exports.areCodeBlockLineNumbersHidden = void 0;
+exports.updateCodeBlockWrappedStateNodeKeys = exports.transferCodeBlockWrappedValue = exports.setCodeBlockFoldState = exports.normalizeMarkdownCodeBlockAttrsInSlice = exports.isCodeBlockWordWrapEnabled = exports.getInsertedCodeBlocksInTransaction = exports.getDefaultCodeBlockAttrs = exports.getCodeBlockFoldState = exports.defaultWordWrapState = exports.codeBlockWrappedStates = exports.areCodeBlockLineNumbersVisible = exports.areCodeBlockLineNumbersHidden = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _adfSchema = require("@atlaskit/adf-schema");
+var _transform = require("@atlaskit/editor-prosemirror/transform");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _slice = require("../utils/slice");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -15,19 +19,24 @@ var defaultWordWrapState = exports.defaultWordWrapState = false;
 // Remove the wrap WeakMap fallback when cleaning up platform_editor_code_block_q4_lovability
 var codeBlockWrappedStates = exports.codeBlockWrappedStates = new WeakMap();
 var getDefaultCodeBlockAttrs = exports.getDefaultCodeBlockAttrs = function getDefaultCodeBlockAttrs(attrs) {
+  var _attrs$localId;
+  var localId = (_attrs$localId = attrs === null || attrs === void 0 ? void 0 : attrs.localId) !== null && _attrs$localId !== void 0 ? _attrs$localId : (0, _expValEquals.expValEquals)('platform_editor_code_block_auto_detection', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_editor_add_code_block_localid') ? _adfSchema.uuid.generate() : undefined;
+  var attrsWithLocalId = localId ? _objectSpread(_objectSpread({}, attrs), {}, {
+    localId: localId
+  }) : attrs;
   if (!(0, _expValEquals.expValEquals)('platform_editor_code_block_q4_lovability', 'isEnabled', true)) {
-    return attrs;
+    return attrsWithLocalId;
   }
 
   // Only boolean wrap values represent caller intent. null/undefined means unset.
   if ((attrs === null || attrs === void 0 ? void 0 : attrs.wrap) === true || (attrs === null || attrs === void 0 ? void 0 : attrs.wrap) === false) {
-    return attrs;
+    return attrsWithLocalId;
   }
-  return _objectSpread(_objectSpread({}, attrs), {}, {
+  return _objectSpread(_objectSpread({}, attrsWithLocalId), {}, {
     wrap: true
   });
 };
-var defaultWrapForMarkdownCodeBlocksInSlice = exports.defaultWrapForMarkdownCodeBlocksInSlice = function defaultWrapForMarkdownCodeBlocksInSlice(slice, schema) {
+var normalizeMarkdownCodeBlockAttrsInSlice = exports.normalizeMarkdownCodeBlockAttrsInSlice = function normalizeMarkdownCodeBlockAttrsInSlice(slice, schema) {
   if (!(0, _expValEquals.expValEquals)('platform_editor_code_block_q4_lovability', 'isEnabled', true)) {
     return slice;
   }
@@ -39,11 +48,70 @@ var defaultWrapForMarkdownCodeBlocksInSlice = exports.defaultWrapForMarkdownCode
     // Markdown conversion uses MarkdownParser token mappings and creates code block nodes
     // with the schema-default wrap:false. Since Markdown has no wrap syntax, treat that
     // default as missing user intent and change it to wrap:true.
-    return node.type.create(_objectSpread(_objectSpread({}, node.attrs), {}, {
-      wrap: true
-    }), node.content, node.marks);
+    return node.type.create(getDefaultCodeBlockAttrs(node.attrs), node.content, node.marks);
   });
 };
+var isReplaceStep = function isReplaceStep(step) {
+  return step instanceof _transform.ReplaceStep || step instanceof _transform.ReplaceAroundStep;
+};
+var hasInsertedCodeBlockInStep = function hasInsertedCodeBlockInStep(step, codeBlockType, filter) {
+  var hasInsertedCodeBlock = false;
+  step.slice.content.descendants(function (node) {
+    if (node.type === codeBlockType && (!filter || filter(node))) {
+      hasInsertedCodeBlock = true;
+      return false;
+    }
+    return !hasInsertedCodeBlock;
+  });
+  return hasInsertedCodeBlock;
+};
+var collectMappedInsertedRanges = function collectMappedInsertedRanges(tr, stepIndex) {
+  var ranges = [];
+  var stepMap = tr.mapping.maps[stepIndex];
+  var remainingMaps = tr.mapping.slice(stepIndex + 1);
+  stepMap.forEach(function (_oldStart, _oldEnd, newStart, newEnd) {
+    if (newStart === newEnd) {
+      return;
+    }
+    var finalFrom = remainingMaps.map(newStart, 1);
+    var finalTo = remainingMaps.map(newEnd, -1);
+    if (finalFrom < finalTo) {
+      ranges.push([finalFrom, finalTo]);
+    }
+  });
+  return ranges;
+};
+var getInsertedCodeBlocksInTransaction = exports.getInsertedCodeBlocksInTransaction = function getInsertedCodeBlocksInTransaction(tr, codeBlockType) {
+  var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  var insertedCodeBlocks = [];
+  var seenPositions = new Set();
+  tr.steps.forEach(function (step, stepIndex) {
+    if (!isReplaceStep(step)) {
+      return;
+    }
+    var insertedCodeBlockByStep = hasInsertedCodeBlockInStep(step, codeBlockType, options.filter);
+    if (!insertedCodeBlockByStep) {
+      return;
+    }
+    collectMappedInsertedRanges(tr, stepIndex).forEach(function (_ref) {
+      var _ref2 = (0, _slicedToArray2.default)(_ref, 2),
+        from = _ref2[0],
+        to = _ref2[1];
+      tr.doc.nodesBetween(from, to, function (node, pos) {
+        if (pos >= from && node.type === codeBlockType && (!options.filter || options.filter(node)) && !seenPositions.has(pos)) {
+          seenPositions.add(pos);
+          insertedCodeBlocks.push({
+            node: node,
+            pos: pos
+          });
+          return false;
+        }
+        return true;
+      });
+    });
+  });
+  return insertedCodeBlocks;
+};
 
 // Code folding state management - similar to word wrapping
 

package/dist/cjs/messages/codeBlockButton.js

@@ -58,6 +58,16 @@ var codeBlockButtonMessages = exports.codeBlockButtonMessages = (0, _reactIntl.d
     defaultMessage: 'Detect language',
     description: 'Option in the code block language picker that clears the selected language so the editor can detect it automatically.'
   },
+  detectedLanguage: {
+    id: 'fabric.editor.codeBlock.detectedLanguage',
+    defaultMessage: '{language} (detected)',
+    description: 'Label in the code block language picker trigger when the editor detected the code language. The language placeholder is the detected language name, such as JavaScript.'
+  },
+  noneDetected: {
+    id: 'fabric.editor.codeBlock.noneDetected',
+    defaultMessage: '(None detected)',
+    description: 'Label in the code block language picker trigger when the editor could not detect a code language.'
+  },
   recentlyUsed: {
     id: 'fabric.editor.codeBlock.recentlyUsed',
     defaultMessage: 'Recently used',

package/dist/cjs/monitoring/error.js

@@ -19,7 +19,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "114.54.1";
+var packageVersion = "114.54.2";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/cjs/ui/DropList/index.js

@@ -24,7 +24,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "114.54.1";
+var packageVersion = "114.54.2";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = (0, _react2.keyframes)({

package/dist/es2019/analytics/types/enums.js

@@ -87,6 +87,7 @@ export let ACTION = /*#__PURE__*/function (ACTION) {
   /** used in @atlassian/editor-referentiality */
   ACTION["GOT_CONNECTIONS"] = "gotConnections";
   ACTION["LANGUAGE_SELECTED"] = "languageSelected";
+  ACTION["LANGUAGE_AUTO_DETECTED"] = "languageAutoDetected";
   ACTION["LIST_ITEM_JOINED"] = "listItemJoined";
   ACTION["MATCHED"] = "matched";
   ACTION["MEDIA_LINK_TRANSFORMED"] = "mediaLinkTransformed";

package/dist/es2019/code-block/index.js

@@ -1,3 +1,6 @@
+import { uuid } from '@atlaskit/adf-schema';
+import { ReplaceAroundStep, ReplaceStep } from '@atlaskit/editor-prosemirror/transform';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { mapSlice } from '../utils/slice';
 export const defaultWordWrapState = false;
@@ -5,20 +8,26 @@ export const defaultWordWrapState = false;
 // Remove the wrap WeakMap fallback when cleaning up platform_editor_code_block_q4_lovability
 export const codeBlockWrappedStates = new WeakMap();
 export const getDefaultCodeBlockAttrs = attrs => {
+  var _attrs$localId;
+  const localId = (_attrs$localId = attrs === null || attrs === void 0 ? void 0 : attrs.localId) !== null && _attrs$localId !== void 0 ? _attrs$localId : expValEquals('platform_editor_code_block_auto_detection', 'isEnabled', true) && fg('platform_editor_add_code_block_localid') ? uuid.generate() : undefined;
+  const attrsWithLocalId = localId ? {
+    ...attrs,
+    localId
+  } : attrs;
   if (!expValEquals('platform_editor_code_block_q4_lovability', 'isEnabled', true)) {
-    return attrs;
+    return attrsWithLocalId;
   }
 
   // Only boolean wrap values represent caller intent. null/undefined means unset.
   if ((attrs === null || attrs === void 0 ? void 0 : attrs.wrap) === true || (attrs === null || attrs === void 0 ? void 0 : attrs.wrap) === false) {
-    return attrs;
+    return attrsWithLocalId;
   }
   return {
-    ...attrs,
+    ...attrsWithLocalId,
     wrap: true
   };
 };
-export const defaultWrapForMarkdownCodeBlocksInSlice = (slice, schema) => {
+export const normalizeMarkdownCodeBlockAttrsInSlice = (slice, schema) => {
   if (!expValEquals('platform_editor_code_block_q4_lovability', 'isEnabled', true)) {
     return slice;
   }
@@ -30,11 +39,63 @@ export const defaultWrapForMarkdownCodeBlocksInSlice = (slice, schema) => {
     // Markdown conversion uses MarkdownParser token mappings and creates code block nodes
     // with the schema-default wrap:false. Since Markdown has no wrap syntax, treat that
     // default as missing user intent and change it to wrap:true.
-    return node.type.create({
-      ...node.attrs,
-      wrap: true
-    }, node.content, node.marks);
+    return node.type.create(getDefaultCodeBlockAttrs(node.attrs), node.content, node.marks);
+  });
+};
+const isReplaceStep = step => step instanceof ReplaceStep || step instanceof ReplaceAroundStep;
+const hasInsertedCodeBlockInStep = (step, codeBlockType, filter) => {
+  let hasInsertedCodeBlock = false;
+  step.slice.content.descendants(node => {
+    if (node.type === codeBlockType && (!filter || filter(node))) {
+      hasInsertedCodeBlock = true;
+      return false;
+    }
+    return !hasInsertedCodeBlock;
+  });
+  return hasInsertedCodeBlock;
+};
+const collectMappedInsertedRanges = (tr, stepIndex) => {
+  const ranges = [];
+  const stepMap = tr.mapping.maps[stepIndex];
+  const remainingMaps = tr.mapping.slice(stepIndex + 1);
+  stepMap.forEach((_oldStart, _oldEnd, newStart, newEnd) => {
+    if (newStart === newEnd) {
+      return;
+    }
+    const finalFrom = remainingMaps.map(newStart, 1);
+    const finalTo = remainingMaps.map(newEnd, -1);
+    if (finalFrom < finalTo) {
+      ranges.push([finalFrom, finalTo]);
+    }
+  });
+  return ranges;
+};
+export const getInsertedCodeBlocksInTransaction = (tr, codeBlockType, options = {}) => {
+  const insertedCodeBlocks = [];
+  const seenPositions = new Set();
+  tr.steps.forEach((step, stepIndex) => {
+    if (!isReplaceStep(step)) {
+      return;
+    }
+    const insertedCodeBlockByStep = hasInsertedCodeBlockInStep(step, codeBlockType, options.filter);
+    if (!insertedCodeBlockByStep) {
+      return;
+    }
+    collectMappedInsertedRanges(tr, stepIndex).forEach(([from, to]) => {
+      tr.doc.nodesBetween(from, to, (node, pos) => {
+        if (pos >= from && node.type === codeBlockType && (!options.filter || options.filter(node)) && !seenPositions.has(pos)) {
+          seenPositions.add(pos);
+          insertedCodeBlocks.push({
+            node,
+            pos
+          });
+          return false;
+        }
+        return true;
+      });
+    });
   });
+  return insertedCodeBlocks;
 };
 
 // Code folding state management - similar to word wrapping

package/dist/es2019/messages/codeBlockButton.js

@@ -52,6 +52,16 @@ export const codeBlockButtonMessages = defineMessages({
     defaultMessage: 'Detect language',
     description: 'Option in the code block language picker that clears the selected language so the editor can detect it automatically.'
   },
+  detectedLanguage: {
+    id: 'fabric.editor.codeBlock.detectedLanguage',
+    defaultMessage: '{language} (detected)',
+    description: 'Label in the code block language picker trigger when the editor detected the code language. The language placeholder is the detected language name, such as JavaScript.'
+  },
+  noneDetected: {
+    id: 'fabric.editor.codeBlock.noneDetected',
+    defaultMessage: '(None detected)',
+    description: 'Label in the code block language picker trigger when the editor could not detect a code language.'
+  },
   recentlyUsed: {
     id: 'fabric.editor.codeBlock.recentlyUsed',
     defaultMessage: 'Recently used',

package/dist/es2019/monitoring/error.js

@@ -4,7 +4,7 @@ import { isFedRamp } from './environment';
 import { normaliseSentryBreadcrumbs, SERIALIZABLE_ATTRIBUTES } from './normalise-sentry-breadcrumbs';
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "114.54.1";
+const packageVersion = "114.54.2";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/es2019/ui/DropList/index.js

@@ -14,7 +14,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "114.54.1";
+const packageVersion = "114.54.2";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 const fadeIn = keyframes({

package/dist/esm/analytics/types/enums.js

@@ -87,6 +87,7 @@ export var ACTION = /*#__PURE__*/function (ACTION) {
   /** used in @atlassian/editor-referentiality */
   ACTION["GOT_CONNECTIONS"] = "gotConnections";
   ACTION["LANGUAGE_SELECTED"] = "languageSelected";
+  ACTION["LANGUAGE_AUTO_DETECTED"] = "languageAutoDetected";
   ACTION["LIST_ITEM_JOINED"] = "listItemJoined";
   ACTION["MATCHED"] = "matched";
   ACTION["MEDIA_LINK_TRANSFORMED"] = "mediaLinkTransformed";

package/dist/esm/code-block/index.js

@@ -1,6 +1,10 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { uuid } from '@atlaskit/adf-schema';
+import { ReplaceAroundStep, ReplaceStep } from '@atlaskit/editor-prosemirror/transform';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { mapSlice } from '../utils/slice';
 export var defaultWordWrapState = false;
@@ -8,19 +12,24 @@ export var defaultWordWrapState = false;
 // Remove the wrap WeakMap fallback when cleaning up platform_editor_code_block_q4_lovability
 export var codeBlockWrappedStates = new WeakMap();
 export var getDefaultCodeBlockAttrs = function getDefaultCodeBlockAttrs(attrs) {
+  var _attrs$localId;
+  var localId = (_attrs$localId = attrs === null || attrs === void 0 ? void 0 : attrs.localId) !== null && _attrs$localId !== void 0 ? _attrs$localId : expValEquals('platform_editor_code_block_auto_detection', 'isEnabled', true) && fg('platform_editor_add_code_block_localid') ? uuid.generate() : undefined;
+  var attrsWithLocalId = localId ? _objectSpread(_objectSpread({}, attrs), {}, {
+    localId: localId
+  }) : attrs;
   if (!expValEquals('platform_editor_code_block_q4_lovability', 'isEnabled', true)) {
-    return attrs;
+    return attrsWithLocalId;
   }
 
   // Only boolean wrap values represent caller intent. null/undefined means unset.
   if ((attrs === null || attrs === void 0 ? void 0 : attrs.wrap) === true || (attrs === null || attrs === void 0 ? void 0 : attrs.wrap) === false) {
-    return attrs;
+    return attrsWithLocalId;
   }
-  return _objectSpread(_objectSpread({}, attrs), {}, {
+  return _objectSpread(_objectSpread({}, attrsWithLocalId), {}, {
     wrap: true
   });
 };
-export var defaultWrapForMarkdownCodeBlocksInSlice = function defaultWrapForMarkdownCodeBlocksInSlice(slice, schema) {
+export var normalizeMarkdownCodeBlockAttrsInSlice = function normalizeMarkdownCodeBlockAttrsInSlice(slice, schema) {
   if (!expValEquals('platform_editor_code_block_q4_lovability', 'isEnabled', true)) {
     return slice;
   }
@@ -32,11 +41,70 @@ export var defaultWrapForMarkdownCodeBlocksInSlice = function defaultWrapForMark
     // Markdown conversion uses MarkdownParser token mappings and creates code block nodes
     // with the schema-default wrap:false. Since Markdown has no wrap syntax, treat that
     // default as missing user intent and change it to wrap:true.
-    return node.type.create(_objectSpread(_objectSpread({}, node.attrs), {}, {
-      wrap: true
-    }), node.content, node.marks);
+    return node.type.create(getDefaultCodeBlockAttrs(node.attrs), node.content, node.marks);
   });
 };
+var isReplaceStep = function isReplaceStep(step) {
+  return step instanceof ReplaceStep || step instanceof ReplaceAroundStep;
+};
+var hasInsertedCodeBlockInStep = function hasInsertedCodeBlockInStep(step, codeBlockType, filter) {
+  var hasInsertedCodeBlock = false;
+  step.slice.content.descendants(function (node) {
+    if (node.type === codeBlockType && (!filter || filter(node))) {
+      hasInsertedCodeBlock = true;
+      return false;
+    }
+    return !hasInsertedCodeBlock;
+  });
+  return hasInsertedCodeBlock;
+};
+var collectMappedInsertedRanges = function collectMappedInsertedRanges(tr, stepIndex) {
+  var ranges = [];
+  var stepMap = tr.mapping.maps[stepIndex];
+  var remainingMaps = tr.mapping.slice(stepIndex + 1);
+  stepMap.forEach(function (_oldStart, _oldEnd, newStart, newEnd) {
+    if (newStart === newEnd) {
+      return;
+    }
+    var finalFrom = remainingMaps.map(newStart, 1);
+    var finalTo = remainingMaps.map(newEnd, -1);
+    if (finalFrom < finalTo) {
+      ranges.push([finalFrom, finalTo]);
+    }
+  });
+  return ranges;
+};
+export var getInsertedCodeBlocksInTransaction = function getInsertedCodeBlocksInTransaction(tr, codeBlockType) {
+  var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  var insertedCodeBlocks = [];
+  var seenPositions = new Set();
+  tr.steps.forEach(function (step, stepIndex) {
+    if (!isReplaceStep(step)) {
+      return;
+    }
+    var insertedCodeBlockByStep = hasInsertedCodeBlockInStep(step, codeBlockType, options.filter);
+    if (!insertedCodeBlockByStep) {
+      return;
+    }
+    collectMappedInsertedRanges(tr, stepIndex).forEach(function (_ref) {
+      var _ref2 = _slicedToArray(_ref, 2),
+        from = _ref2[0],
+        to = _ref2[1];
+      tr.doc.nodesBetween(from, to, function (node, pos) {
+        if (pos >= from && node.type === codeBlockType && (!options.filter || options.filter(node)) && !seenPositions.has(pos)) {
+          seenPositions.add(pos);
+          insertedCodeBlocks.push({
+            node: node,
+            pos: pos
+          });
+          return false;
+        }
+        return true;
+      });
+    });
+  });
+  return insertedCodeBlocks;
+};
 
 // Code folding state management - similar to word wrapping
 

package/dist/esm/messages/codeBlockButton.js

@@ -52,6 +52,16 @@ export var codeBlockButtonMessages = defineMessages({
     defaultMessage: 'Detect language',
     description: 'Option in the code block language picker that clears the selected language so the editor can detect it automatically.'
   },
+  detectedLanguage: {
+    id: 'fabric.editor.codeBlock.detectedLanguage',
+    defaultMessage: '{language} (detected)',
+    description: 'Label in the code block language picker trigger when the editor detected the code language. The language placeholder is the detected language name, such as JavaScript.'
+  },
+  noneDetected: {
+    id: 'fabric.editor.codeBlock.noneDetected',
+    defaultMessage: '(None detected)',
+    description: 'Label in the code block language picker trigger when the editor could not detect a code language.'
+  },
   recentlyUsed: {
     id: 'fabric.editor.codeBlock.recentlyUsed',
     defaultMessage: 'Recently used',

package/dist/esm/monitoring/error.js

@@ -10,7 +10,7 @@ import { isFedRamp } from './environment';
 import { normaliseSentryBreadcrumbs, SERIALIZABLE_ATTRIBUTES } from './normalise-sentry-breadcrumbs';
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "114.54.1";
+var packageVersion = "114.54.2";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/esm/ui/DropList/index.js

@@ -21,7 +21,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "114.54.1";
+var packageVersion = "114.54.2";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = keyframes({

package/dist/types/analytics/types/enums.d.ts

@@ -86,6 +86,7 @@ export declare enum ACTION {
     /** used in @atlassian/editor-referentiality */
     GOT_CONNECTIONS = "gotConnections",
     LANGUAGE_SELECTED = "languageSelected",
+    LANGUAGE_AUTO_DETECTED = "languageAutoDetected",
     LIST_ITEM_JOINED = "listItemJoined",
     MATCHED = "matched",
     MEDIA_LINK_TRANSFORMED = "mediaLinkTransformed",

package/dist/types/analytics/types/general-events.d.ts

@@ -158,9 +158,15 @@ type RichMediaLayoutAEP = TrackAEP<ACTION.SELECTED, ACTION_SUBJECT.MEDIA_SINGLE
     previousLayoutType: RichMediaLayout;
 }, undefined>;
 type CodeBlockLanguageSelectedAEP = TrackAEP<ACTION.LANGUAGE_SELECTED, ACTION_SUBJECT.CODE_BLOCK, undefined, {
+    autoDetectedLanguage?: string;
+    autoDetectionResult?: 'detected' | 'noneDetected';
     language: string;
     selectionSource?: 'all' | 'pinned' | 'recentlyUsed' | 'search';
 }, undefined>;
+type CodeBlockLanguageAutoDetectedAEP = TrackAEP<ACTION.LANGUAGE_AUTO_DETECTED, ACTION_SUBJECT.CODE_BLOCK, undefined, {
+    detectionResult: 'detected' | 'noneDetected';
+    language: string;
+}, undefined>;
 type MediaLinkTransformedAEP = OperationalAEP<ACTION.MEDIA_LINK_TRANSFORMED, ACTION_SUBJECT.EDITOR, undefined, undefined>;
 type MediaSingleWidthTransformedAEP = OperationalAEP<ACTION.MEDIA_SINGLE_WIDTH_TRANSFORMED, ACTION_SUBJECT.EDITOR, undefined, undefined>;
 type TextLinkCodeMarkTransformedAEP = OperationalAEP<ACTION.TEXT_LINK_MARK_TRANSFORMED, ACTION_SUBJECT.EDITOR, undefined, undefined>;
@@ -235,5 +241,5 @@ type ChangeToneMenuItemClickedAEP = UIAEP<ACTION.CLICKED, ACTION_SUBJECT.TOOLBAR
 type TranslateMenuItemClickedAEP = UIAEP<ACTION.CLICKED, ACTION_SUBJECT.TOOLBAR_DROPDOWN_MENU_ITEM, ACTION_SUBJECT_ID.AI_TRANSLATE, {
     inputMethod: INPUT_METHOD.TOOLBAR | INPUT_METHOD.FLOATING_TB;
 }>;
-export type GeneralEventPayload<T = void> = AnnotateButtonAEP | AnnotationAEP | AnnotationErrorAEP | BrowserFreezePayload | ButtonFeedbackAEP | ButtonHelpAEP | ButtonUploadMediaAEP | ColorPickerAEP | EditorPerfAEP | EditorRenderedAEP<T> | EditorStartAEP | EditorStopAEP | ExpandToggleAEP | FeedbackAEP | FullWidthModeAEP | HelpQuickInsertAEP | InputPerfSamplingAEP | InputPerfSamplingAvgAEP | PickerEmojiAEP | PickerImageAEP | PickerMediaInsertAEP | PickerMediaInsertClosedAEP | PickerMediaInsertCancelledAEP | ReactNodeViewRenderedAEP | RichMediaLayoutAEP | SelectionAEP | SlowInputAEP | TransactionMutatedAEP | UploadExternalFailedAEP | WithPluginStateCalledAEP | CodeBlockLanguageSelectedAEP | EditorContentRetrievalPerformedAEP | MediaLinkTransformedAEP | TextLinkCodeMarkTransformedAEP | DedupeMarksTransformedAEP | IndentationMarksTransformedAEP | NodesMissingContentTransformedAEP | InvalidProsemirrorDocumentErrorAEP | DocumentProcessingErrorAEP | InvalidMediaContentTransformedAEP | HeadingAnchorLinkButtonAEP | CollabStepsTrackerPayloadAEP | CollabOrganicChangesTrackerPayloadAEP | BlocksDragInitAEP | CodeBlockWordWrapToggleAEP | CodeBlockLineNumbersToggleAEP | RequestToEditAEP | SingleColumLayoutDetectedAEP | CopyLinkToAnchorButtonAEP | DockedPrimaryToolbarRenderedAEP | RovoMoreOptionsClickedAEP | AskRovoButtonClickedAEP | SmartLinkRovoButtonClickedAEP | SmartLinkSummarizeButtonClickedAEP | AIRemixButtonClickedAEP | ChangeToneMenuItemClickedAEP | TranslateMenuItemClickedAEP | MediaSingleWidthTransformedAEP;
+export type GeneralEventPayload<T = void> = AnnotateButtonAEP | AnnotationAEP | AnnotationErrorAEP | BrowserFreezePayload | ButtonFeedbackAEP | ButtonHelpAEP | ButtonUploadMediaAEP | ColorPickerAEP | EditorPerfAEP | EditorRenderedAEP<T> | EditorStartAEP | EditorStopAEP | ExpandToggleAEP | FeedbackAEP | FullWidthModeAEP | HelpQuickInsertAEP | InputPerfSamplingAEP | InputPerfSamplingAvgAEP | PickerEmojiAEP | PickerImageAEP | PickerMediaInsertAEP | PickerMediaInsertClosedAEP | PickerMediaInsertCancelledAEP | ReactNodeViewRenderedAEP | RichMediaLayoutAEP | SelectionAEP | SlowInputAEP | TransactionMutatedAEP | UploadExternalFailedAEP | WithPluginStateCalledAEP | CodeBlockLanguageAutoDetectedAEP | CodeBlockLanguageSelectedAEP | EditorContentRetrievalPerformedAEP | MediaLinkTransformedAEP | TextLinkCodeMarkTransformedAEP | DedupeMarksTransformedAEP | IndentationMarksTransformedAEP | NodesMissingContentTransformedAEP | InvalidProsemirrorDocumentErrorAEP | DocumentProcessingErrorAEP | InvalidMediaContentTransformedAEP | HeadingAnchorLinkButtonAEP | CollabStepsTrackerPayloadAEP | CollabOrganicChangesTrackerPayloadAEP | BlocksDragInitAEP | CodeBlockWordWrapToggleAEP | CodeBlockLineNumbersToggleAEP | RequestToEditAEP | SingleColumLayoutDetectedAEP | CopyLinkToAnchorButtonAEP | DockedPrimaryToolbarRenderedAEP | RovoMoreOptionsClickedAEP | AskRovoButtonClickedAEP | SmartLinkRovoButtonClickedAEP | SmartLinkSummarizeButtonClickedAEP | AIRemixButtonClickedAEP | ChangeToneMenuItemClickedAEP | TranslateMenuItemClickedAEP | MediaSingleWidthTransformedAEP;
 export {};

package/dist/types/code-block/index.d.ts

@@ -1,12 +1,21 @@
-import type { CodeBlockAttrs } from '@atlaskit/adf-schema';
-import type { Node as PmNode, Schema, Slice } from '@atlaskit/editor-prosemirror/model';
-import type { EditorState } from '@atlaskit/editor-prosemirror/state';
+import { type CodeBlockAttrs } from '@atlaskit/adf-schema';
+import type { Node as PmNode, NodeType, Schema, Slice } from '@atlaskit/editor-prosemirror/model';
+import type { EditorState, Transaction } from '@atlaskit/editor-prosemirror/state';
 import type { NodeWithPos } from '@atlaskit/editor-prosemirror/utils';
 export declare const defaultWordWrapState = false;
 export declare const codeBlockWrappedStates: WeakMap<PmNode, boolean | undefined>;
 type OptionalCodeBlockAttrs = CodeBlockAttrs | undefined;
 export declare const getDefaultCodeBlockAttrs: (attrs?: CodeBlockAttrs) => OptionalCodeBlockAttrs;
-export declare const defaultWrapForMarkdownCodeBlocksInSlice: (slice: Slice, schema: Schema) => Slice;
+export declare const normalizeMarkdownCodeBlockAttrsInSlice: (slice: Slice, schema: Schema) => Slice;
+type InsertedCodeBlock = {
+    node: PmNode;
+    pos: number;
+};
+type GetInsertedCodeBlocksOptions = {
+    filter?: (node: PmNode) => boolean;
+};
+type InsertedCodeBlockTransaction = Pick<Transaction, 'doc' | 'mapping' | 'steps'>;
+export declare const getInsertedCodeBlocksInTransaction: (tr: InsertedCodeBlockTransaction, codeBlockType: NodeType, options?: GetInsertedCodeBlocksOptions) => InsertedCodeBlock[];
 export interface FoldRange {
     from: number;
     to: number;

package/dist/types/messages/codeBlockButton.d.ts

@@ -14,6 +14,11 @@ export declare const codeBlockButtonMessages: {
         description: string;
         id: string;
     };
+    detectedLanguage: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
     detectLanguage: {
         defaultMessage: string;
         description: string;
@@ -24,6 +29,11 @@ export declare const codeBlockButtonMessages: {
         description: string;
         id: string;
     };
+    noneDetected: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
     recentlyUsed: {
         defaultMessage: string;
         description: string;

package/dist/types-ts4.5/analytics/types/enums.d.ts

@@ -86,6 +86,7 @@ export declare enum ACTION {
     /** used in @atlassian/editor-referentiality */
     GOT_CONNECTIONS = "gotConnections",
     LANGUAGE_SELECTED = "languageSelected",
+    LANGUAGE_AUTO_DETECTED = "languageAutoDetected",
     LIST_ITEM_JOINED = "listItemJoined",
     MATCHED = "matched",
     MEDIA_LINK_TRANSFORMED = "mediaLinkTransformed",

package/dist/types-ts4.5/analytics/types/general-events.d.ts

@@ -158,9 +158,15 @@ type RichMediaLayoutAEP = TrackAEP<ACTION.SELECTED, ACTION_SUBJECT.MEDIA_SINGLE
     previousLayoutType: RichMediaLayout;
 }, undefined>;
 type CodeBlockLanguageSelectedAEP = TrackAEP<ACTION.LANGUAGE_SELECTED, ACTION_SUBJECT.CODE_BLOCK, undefined, {
+    autoDetectedLanguage?: string;
+    autoDetectionResult?: 'detected' | 'noneDetected';
     language: string;
     selectionSource?: 'all' | 'pinned' | 'recentlyUsed' | 'search';
 }, undefined>;
+type CodeBlockLanguageAutoDetectedAEP = TrackAEP<ACTION.LANGUAGE_AUTO_DETECTED, ACTION_SUBJECT.CODE_BLOCK, undefined, {
+    detectionResult: 'detected' | 'noneDetected';
+    language: string;
+}, undefined>;
 type MediaLinkTransformedAEP = OperationalAEP<ACTION.MEDIA_LINK_TRANSFORMED, ACTION_SUBJECT.EDITOR, undefined, undefined>;
 type MediaSingleWidthTransformedAEP = OperationalAEP<ACTION.MEDIA_SINGLE_WIDTH_TRANSFORMED, ACTION_SUBJECT.EDITOR, undefined, undefined>;
 type TextLinkCodeMarkTransformedAEP = OperationalAEP<ACTION.TEXT_LINK_MARK_TRANSFORMED, ACTION_SUBJECT.EDITOR, undefined, undefined>;
@@ -235,5 +241,5 @@ type ChangeToneMenuItemClickedAEP = UIAEP<ACTION.CLICKED, ACTION_SUBJECT.TOOLBAR
 type TranslateMenuItemClickedAEP = UIAEP<ACTION.CLICKED, ACTION_SUBJECT.TOOLBAR_DROPDOWN_MENU_ITEM, ACTION_SUBJECT_ID.AI_TRANSLATE, {
     inputMethod: INPUT_METHOD.TOOLBAR | INPUT_METHOD.FLOATING_TB;
 }>;
-export type GeneralEventPayload<T = void> = AnnotateButtonAEP | AnnotationAEP | AnnotationErrorAEP | BrowserFreezePayload | ButtonFeedbackAEP | ButtonHelpAEP | ButtonUploadMediaAEP | ColorPickerAEP | EditorPerfAEP | EditorRenderedAEP<T> | EditorStartAEP | EditorStopAEP | ExpandToggleAEP | FeedbackAEP | FullWidthModeAEP | HelpQuickInsertAEP | InputPerfSamplingAEP | InputPerfSamplingAvgAEP | PickerEmojiAEP | PickerImageAEP | PickerMediaInsertAEP | PickerMediaInsertClosedAEP | PickerMediaInsertCancelledAEP | ReactNodeViewRenderedAEP | RichMediaLayoutAEP | SelectionAEP | SlowInputAEP | TransactionMutatedAEP | UploadExternalFailedAEP | WithPluginStateCalledAEP | CodeBlockLanguageSelectedAEP | EditorContentRetrievalPerformedAEP | MediaLinkTransformedAEP | TextLinkCodeMarkTransformedAEP | DedupeMarksTransformedAEP | IndentationMarksTransformedAEP | NodesMissingContentTransformedAEP | InvalidProsemirrorDocumentErrorAEP | DocumentProcessingErrorAEP | InvalidMediaContentTransformedAEP | HeadingAnchorLinkButtonAEP | CollabStepsTrackerPayloadAEP | CollabOrganicChangesTrackerPayloadAEP | BlocksDragInitAEP | CodeBlockWordWrapToggleAEP | CodeBlockLineNumbersToggleAEP | RequestToEditAEP | SingleColumLayoutDetectedAEP | CopyLinkToAnchorButtonAEP | DockedPrimaryToolbarRenderedAEP | RovoMoreOptionsClickedAEP | AskRovoButtonClickedAEP | SmartLinkRovoButtonClickedAEP | SmartLinkSummarizeButtonClickedAEP | AIRemixButtonClickedAEP | ChangeToneMenuItemClickedAEP | TranslateMenuItemClickedAEP | MediaSingleWidthTransformedAEP;
+export type GeneralEventPayload<T = void> = AnnotateButtonAEP | AnnotationAEP | AnnotationErrorAEP | BrowserFreezePayload | ButtonFeedbackAEP | ButtonHelpAEP | ButtonUploadMediaAEP | ColorPickerAEP | EditorPerfAEP | EditorRenderedAEP<T> | EditorStartAEP | EditorStopAEP | ExpandToggleAEP | FeedbackAEP | FullWidthModeAEP | HelpQuickInsertAEP | InputPerfSamplingAEP | InputPerfSamplingAvgAEP | PickerEmojiAEP | PickerImageAEP | PickerMediaInsertAEP | PickerMediaInsertClosedAEP | PickerMediaInsertCancelledAEP | ReactNodeViewRenderedAEP | RichMediaLayoutAEP | SelectionAEP | SlowInputAEP | TransactionMutatedAEP | UploadExternalFailedAEP | WithPluginStateCalledAEP | CodeBlockLanguageAutoDetectedAEP | CodeBlockLanguageSelectedAEP | EditorContentRetrievalPerformedAEP | MediaLinkTransformedAEP | TextLinkCodeMarkTransformedAEP | DedupeMarksTransformedAEP | IndentationMarksTransformedAEP | NodesMissingContentTransformedAEP | InvalidProsemirrorDocumentErrorAEP | DocumentProcessingErrorAEP | InvalidMediaContentTransformedAEP | HeadingAnchorLinkButtonAEP | CollabStepsTrackerPayloadAEP | CollabOrganicChangesTrackerPayloadAEP | BlocksDragInitAEP | CodeBlockWordWrapToggleAEP | CodeBlockLineNumbersToggleAEP | RequestToEditAEP | SingleColumLayoutDetectedAEP | CopyLinkToAnchorButtonAEP | DockedPrimaryToolbarRenderedAEP | RovoMoreOptionsClickedAEP | AskRovoButtonClickedAEP | SmartLinkRovoButtonClickedAEP | SmartLinkSummarizeButtonClickedAEP | AIRemixButtonClickedAEP | ChangeToneMenuItemClickedAEP | TranslateMenuItemClickedAEP | MediaSingleWidthTransformedAEP;
 export {};

package/dist/types-ts4.5/code-block/index.d.ts

@@ -1,12 +1,21 @@
-import type { CodeBlockAttrs } from '@atlaskit/adf-schema';
-import type { Node as PmNode, Schema, Slice } from '@atlaskit/editor-prosemirror/model';
-import type { EditorState } from '@atlaskit/editor-prosemirror/state';
+import { type CodeBlockAttrs } from '@atlaskit/adf-schema';
+import type { Node as PmNode, NodeType, Schema, Slice } from '@atlaskit/editor-prosemirror/model';
+import type { EditorState, Transaction } from '@atlaskit/editor-prosemirror/state';
 import type { NodeWithPos } from '@atlaskit/editor-prosemirror/utils';
 export declare const defaultWordWrapState = false;
 export declare const codeBlockWrappedStates: WeakMap<PmNode, boolean | undefined>;
 type OptionalCodeBlockAttrs = CodeBlockAttrs | undefined;
 export declare const getDefaultCodeBlockAttrs: (attrs?: CodeBlockAttrs) => OptionalCodeBlockAttrs;
-export declare const defaultWrapForMarkdownCodeBlocksInSlice: (slice: Slice, schema: Schema) => Slice;
+export declare const normalizeMarkdownCodeBlockAttrsInSlice: (slice: Slice, schema: Schema) => Slice;
+type InsertedCodeBlock = {
+    node: PmNode;
+    pos: number;
+};
+type GetInsertedCodeBlocksOptions = {
+    filter?: (node: PmNode) => boolean;
+};
+type InsertedCodeBlockTransaction = Pick<Transaction, 'doc' | 'mapping' | 'steps'>;
+export declare const getInsertedCodeBlocksInTransaction: (tr: InsertedCodeBlockTransaction, codeBlockType: NodeType, options?: GetInsertedCodeBlocksOptions) => InsertedCodeBlock[];
 export interface FoldRange {
     from: number;
     to: number;

package/dist/types-ts4.5/messages/codeBlockButton.d.ts

@@ -14,6 +14,11 @@ export declare const codeBlockButtonMessages: {
         description: string;
         id: string;
     };
+    detectedLanguage: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
     detectLanguage: {
         defaultMessage: string;
         description: string;
@@ -24,6 +29,11 @@ export declare const codeBlockButtonMessages: {
         description: string;
         id: string;
     };
+    noneDetected: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
     recentlyUsed: {
         defaultMessage: string;
         description: string;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "114.54.2",
+	"version": "114.55.0",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -81,13 +81,13 @@
 		"@atlaskit/prosemirror-history": "^0.2.0",
 		"@atlaskit/react-ufo": "^6.6.0",
 		"@atlaskit/section-message": "^8.13.0",
-		"@atlaskit/smart-card": "^44.19.0",
+		"@atlaskit/smart-card": "^44.20.0",
 		"@atlaskit/smart-user-picker": "^10.2.0",
 		"@atlaskit/spinner": "^19.1.0",
 		"@atlaskit/task-decision": "^20.1.0",
 		"@atlaskit/teams-app-config": "^1.12.0",
 		"@atlaskit/textfield": "^8.3.0",
-		"@atlaskit/tmp-editor-statsig": "^86.0.0",
+		"@atlaskit/tmp-editor-statsig": "^87.0.0",
 		"@atlaskit/tokens": "^13.1.0",
 		"@atlaskit/tooltip": "^22.5.0",
 		"@atlaskit/width-detector": "^5.1.0",
@@ -275,6 +275,9 @@
 		},
 		"platform_editor_ai_selection_local_ids": {
 			"type": "boolean"
+		},
+		"platform_editor_add_code_block_localid": {
+			"type": "boolean"
 		}
 	}
 }