@atlaskit/editor-plugin-code-block 12.1.0 → 12.1.2

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-plugin-code-block
 
+## 12.1.2
+
+### Patch Changes
+
+- Updated dependencies
+
+## 12.1.1
+
+### Patch Changes
+
+- [`7e8145e6a7ce6`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7e8145e6a7ce6) -
+  Add ADF-backed code block line number visibility
+- Updated dependencies
+
 ## 12.1.0
 
 ### Minor Changes

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

@@ -8,13 +8,14 @@ exports.copyContentToClipboardWithAnalytics = exports.copyContentToClipboard = e
 exports.createInsertCodeBlockTransaction = createInsertCodeBlockTransaction;
 exports.ignoreFollowingMutations = void 0;
 exports.insertCodeBlockWithAnalytics = insertCodeBlockWithAnalytics;
-exports.toggleWordWrapStateForCodeBlockNode = exports.resetShouldIgnoreFollowingMutations = exports.resetCopiedState = exports.removeCodeBlockWithAnalytics = exports.removeCodeBlock = void 0;
+exports.toggleWordWrapStateForCodeBlockNode = exports.toggleLineNumbersForCodeBlockNodeEditorCommand = exports.toggleLineNumbersForCodeBlockNode = exports.resetShouldIgnoreFollowingMutations = exports.resetCopiedState = exports.removeCodeBlockWithAnalytics = exports.removeCodeBlock = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _clipboard = require("@atlaskit/editor-common/clipboard");
 var _codeBlock = require("@atlaskit/editor-common/code-block");
 var _editorAnalytics = require("@atlaskit/editor-common/editor-analytics");
 var _insert = require("@atlaskit/editor-common/insert");
+var _preset = require("@atlaskit/editor-common/preset");
 var _transforms = require("@atlaskit/editor-common/transforms");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
@@ -268,4 +269,33 @@ var toggleWordWrapStateForCodeBlockNode = exports.toggleWordWrapStateForCodeBloc
     }
     return true;
   };
+};
+var toggleLineNumbersForCodeBlockNodeEditorCommand = exports.toggleLineNumbersForCodeBlockNodeEditorCommand = function toggleLineNumbersForCodeBlockNodeEditorCommand(editorAnalyticsAPI) {
+  return function (_ref2) {
+    var tr = _ref2.tr;
+    var codeBlockType = tr.doc.type.schema.nodes.codeBlock;
+    var codeBlock = (0, _utils.findSelectedNodeOfType)(codeBlockType)(tr.selection) || (0, _utils.findParentNodeOfType)(codeBlockType)(tr.selection);
+    if (!codeBlock) {
+      return null;
+    }
+    var codeBlockNode = codeBlock.node;
+    var lineNumbersHidden = !Boolean(codeBlockNode.attrs.hideLineNumbers);
+    tr.setNodeMarkup(codeBlock.pos, undefined, _objectSpread(_objectSpread({}, codeBlockNode.attrs), {}, {
+      hideLineNumbers: lineNumbersHidden
+    }));
+    editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent({
+      action: _analytics.ACTION.TOGGLE_CODE_BLOCK_LINE_NUMBERS,
+      actionSubject: _analytics.ACTION_SUBJECT.CODE_BLOCK,
+      attributes: {
+        platform: _analytics.PLATFORMS.WEB,
+        lineNumbersHidden: lineNumbersHidden,
+        codeBlockNodeSize: codeBlockNode.nodeSize
+      },
+      eventType: _analytics.EVENT_TYPE.TRACK
+    })(tr);
+    return tr;
+  };
+};
+var toggleLineNumbersForCodeBlockNode = exports.toggleLineNumbersForCodeBlockNode = function toggleLineNumbersForCodeBlockNode(editorAnalyticsAPI) {
+  return (0, _preset.editorCommandToPMCommand)(toggleLineNumbersForCodeBlockNodeEditorCommand(editorAnalyticsAPI));
 };

package/dist/cjs/pm-plugins/toolbar.js

@@ -14,7 +14,9 @@ var _toolbarFlagCheck = require("@atlaskit/editor-common/toolbar-flag-check");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
 var _copy = _interopRequireDefault(require("@atlaskit/icon/core/copy"));
 var _delete = _interopRequireDefault(require("@atlaskit/icon/core/delete"));
+var _listNumbered = _interopRequireDefault(require("@atlaskit/icon/core/list-numbered"));
 var _textWrap = _interopRequireDefault(require("@atlaskit/icon/core/text-wrap"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _editorCommands = require("../editor-commands");
 var _WrapIcon = require("../ui/icons/WrapIcon");
@@ -46,6 +48,7 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig() {
       return;
     }
     var isWrapped = (0, _codeBlock.isCodeBlockWordWrapEnabled)(node);
+    var areLineNumbersVisible = (0, _codeBlock.areCodeBlockLineNumbersVisible)(node);
     var language = node === null || node === void 0 || (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.language;
     var languageList = (0, _languageList.createLanguageList)(overrideLanguageName ? _languageList.DEFAULT_LANGUAGES.map(function (language) {
       return _objectSpread(_objectSpread({}, language), {}, {
@@ -158,7 +161,8 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig() {
     var codeBlockWrapButton = {
       id: 'editor.codeBlock.wrap',
       type: 'button',
-      supportsViewMode: true,
+      // Toggling button now writes to ADF, hence it should be available in view mode
+      supportsViewMode: !(0, _expValEquals.expValEquals)('platform_editor_code_block_q4_lovability', 'isEnabled', true),
       icon: _textWrap.default,
       iconFallback: _WrapIcon.WrapIcon,
       onClick: (0, _editorCommands.toggleWordWrapStateForCodeBlockNode)(editorAnalyticsAPI),
@@ -166,6 +170,16 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig() {
       tabIndex: null,
       selected: isWrapped
     };
+    var codeBlockLineNumbersButton = {
+      id: 'editor.codeBlock.lineNumbers',
+      type: 'button',
+      supportsViewMode: false,
+      icon: _listNumbered.default,
+      onClick: (0, _editorCommands.toggleLineNumbersForCodeBlockNode)(editorAnalyticsAPI),
+      title: formatMessage(areLineNumbersVisible ? _messages.codeBlockButtonMessages.hideLineNumbersLabel : _messages.codeBlockButtonMessages.showLineNumbersLabel),
+      tabIndex: null,
+      selected: areLineNumbersVisible
+    };
     return {
       title: 'CodeBlock floating controls',
       // Ignored via go/ees005
@@ -174,7 +188,7 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig() {
         return (0, _utils.findDomRefAtPos)(pos, view.domAtPos.bind(view));
       },
       nodeType: nodeType,
-      items: [languageSelect].concat((0, _toConsumableArray2.default)(areAnyNewToolbarFlagsEnabled ? [] : [separator]), [codeBlockWrapButton], (0, _toConsumableArray2.default)(copyAndDeleteButtonMenuItems)),
+      items: [languageSelect].concat((0, _toConsumableArray2.default)(areAnyNewToolbarFlagsEnabled ? [] : [separator]), [codeBlockWrapButton], (0, _toConsumableArray2.default)((0, _expValEquals.expValEquals)('platform_editor_code_block_q4_lovability', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_editor_code_block_add_line_number_button') ? [codeBlockLineNumbersButton] : []), (0, _toConsumableArray2.default)(copyAndDeleteButtonMenuItems)),
       scrollable: true
     };
   };

package/dist/es2019/editor-commands/index.js

@@ -1,8 +1,9 @@
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, MODE, PLATFORMS, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { copyToClipboard, getAnalyticsPayload } from '@atlaskit/editor-common/clipboard';
-import { codeBlockWrappedStates, isCodeBlockWordWrapEnabled, getDefaultCodeBlockAttrs } from '@atlaskit/editor-common/code-block';
+import { codeBlockWrappedStates, getDefaultCodeBlockAttrs, isCodeBlockWordWrapEnabled } from '@atlaskit/editor-common/code-block';
 import { withAnalytics } from '@atlaskit/editor-common/editor-analytics';
 import { contentAllowedInCodeBlock, shouldSplitSelectedNodeOnNodeInsertion } from '@atlaskit/editor-common/insert';
+import { editorCommandToPMCommand } from '@atlaskit/editor-common/preset';
 import { findCodeBlock } from '@atlaskit/editor-common/transforms';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { findParentNodeOfType, findSelectedNodeOfType, isNodeSelection, removeParentNodeOfType, removeSelectedNode, safeInsert } from '@atlaskit/editor-prosemirror/utils';
@@ -277,4 +278,33 @@ export const toggleWordWrapStateForCodeBlockNode = editorAnalyticsAPI => (state,
     dispatch(tr);
   }
   return true;
-};
+};
+export const toggleLineNumbersForCodeBlockNodeEditorCommand = editorAnalyticsAPI => ({
+  tr
+}) => {
+  const {
+    codeBlock: codeBlockType
+  } = tr.doc.type.schema.nodes;
+  const codeBlock = findSelectedNodeOfType(codeBlockType)(tr.selection) || findParentNodeOfType(codeBlockType)(tr.selection);
+  if (!codeBlock) {
+    return null;
+  }
+  const codeBlockNode = codeBlock.node;
+  const lineNumbersHidden = !Boolean(codeBlockNode.attrs.hideLineNumbers);
+  tr.setNodeMarkup(codeBlock.pos, undefined, {
+    ...codeBlockNode.attrs,
+    hideLineNumbers: lineNumbersHidden
+  });
+  editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 ? void 0 : editorAnalyticsAPI.attachAnalyticsEvent({
+    action: ACTION.TOGGLE_CODE_BLOCK_LINE_NUMBERS,
+    actionSubject: ACTION_SUBJECT.CODE_BLOCK,
+    attributes: {
+      platform: PLATFORMS.WEB,
+      lineNumbersHidden,
+      codeBlockNodeSize: codeBlockNode.nodeSize
+    },
+    eventType: EVENT_TYPE.TRACK
+  })(tr);
+  return tr;
+};
+export const toggleLineNumbersForCodeBlockNode = editorAnalyticsAPI => editorCommandToPMCommand(toggleLineNumbersForCodeBlockNodeEditorCommand(editorAnalyticsAPI));

package/dist/es2019/pm-plugins/toolbar.js

@@ -1,12 +1,14 @@
-import { isCodeBlockWordWrapEnabled } from '@atlaskit/editor-common/code-block';
+import { areCodeBlockLineNumbersVisible, isCodeBlockWordWrapEnabled } from '@atlaskit/editor-common/code-block';
 import commonMessages, { codeBlockButtonMessages } from '@atlaskit/editor-common/messages';
 import { areToolbarFlagsEnabled } from '@atlaskit/editor-common/toolbar-flag-check';
 import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
 import CopyIcon from '@atlaskit/icon/core/copy';
 import DeleteIcon from '@atlaskit/icon/core/delete';
+import ListNumberedIcon from '@atlaskit/icon/core/list-numbered';
 import TextWrapIcon from '@atlaskit/icon/core/text-wrap';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { changeLanguage, copyContentToClipboardWithAnalytics, removeCodeBlockWithAnalytics, resetCopiedState, toggleWordWrapStateForCodeBlockNode } from '../editor-commands';
+import { changeLanguage, copyContentToClipboardWithAnalytics, removeCodeBlockWithAnalytics, resetCopiedState, toggleLineNumbersForCodeBlockNode, toggleWordWrapStateForCodeBlockNode } from '../editor-commands';
 import { WrapIcon } from '../ui/icons/WrapIcon';
 import { provideVisualFeedbackForCopyButton, removeVisualFeedbackForCopyButton } from './codeBlockCopySelectionPlugin';
 import { createLanguageList, DEFAULT_LANGUAGES, getLanguageIdentifier } from './language-list';
@@ -31,6 +33,7 @@ export const getToolbarConfig = (allowCopyToClipboard = false, api, overrideLang
     return;
   }
   const isWrapped = isCodeBlockWordWrapEnabled(node);
+  const areLineNumbersVisible = areCodeBlockLineNumbersVisible(node);
   const language = node === null || node === void 0 ? void 0 : (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.language;
   const languageList = createLanguageList(overrideLanguageName ? DEFAULT_LANGUAGES.map(language => ({
     ...language,
@@ -134,7 +137,8 @@ export const getToolbarConfig = (allowCopyToClipboard = false, api, overrideLang
   const codeBlockWrapButton = {
     id: 'editor.codeBlock.wrap',
     type: 'button',
-    supportsViewMode: true,
+    // Toggling button now writes to ADF, hence it should be available in view mode
+    supportsViewMode: !expValEquals('platform_editor_code_block_q4_lovability', 'isEnabled', true),
     icon: TextWrapIcon,
     iconFallback: WrapIcon,
     onClick: toggleWordWrapStateForCodeBlockNode(editorAnalyticsAPI),
@@ -142,13 +146,23 @@ export const getToolbarConfig = (allowCopyToClipboard = false, api, overrideLang
     tabIndex: null,
     selected: isWrapped
   };
+  const codeBlockLineNumbersButton = {
+    id: 'editor.codeBlock.lineNumbers',
+    type: 'button',
+    supportsViewMode: false,
+    icon: ListNumberedIcon,
+    onClick: toggleLineNumbersForCodeBlockNode(editorAnalyticsAPI),
+    title: formatMessage(areLineNumbersVisible ? codeBlockButtonMessages.hideLineNumbersLabel : codeBlockButtonMessages.showLineNumbersLabel),
+    tabIndex: null,
+    selected: areLineNumbersVisible
+  };
   return {
     title: 'CodeBlock floating controls',
     // Ignored via go/ees005
     // eslint-disable-next-line @atlaskit/editor/no-as-casting
     getDomRef: view => findDomRefAtPos(pos, view.domAtPos.bind(view)),
     nodeType,
-    items: [languageSelect, ...(areAnyNewToolbarFlagsEnabled ? [] : [separator]), codeBlockWrapButton, ...copyAndDeleteButtonMenuItems],
+    items: [languageSelect, ...(areAnyNewToolbarFlagsEnabled ? [] : [separator]), codeBlockWrapButton, ...(expValEquals('platform_editor_code_block_q4_lovability', 'isEnabled', true) && fg('platform_editor_code_block_add_line_number_button') ? [codeBlockLineNumbersButton] : []), ...copyAndDeleteButtonMenuItems],
     scrollable: true
   };
 };

package/dist/esm/editor-commands/index.js

@@ -3,9 +3,10 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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 { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, MODE, PLATFORMS, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { copyToClipboard, getAnalyticsPayload } from '@atlaskit/editor-common/clipboard';
-import { codeBlockWrappedStates, isCodeBlockWordWrapEnabled, getDefaultCodeBlockAttrs } from '@atlaskit/editor-common/code-block';
+import { codeBlockWrappedStates, getDefaultCodeBlockAttrs, isCodeBlockWordWrapEnabled } from '@atlaskit/editor-common/code-block';
 import { withAnalytics } from '@atlaskit/editor-common/editor-analytics';
 import { contentAllowedInCodeBlock, shouldSplitSelectedNodeOnNodeInsertion } from '@atlaskit/editor-common/insert';
+import { editorCommandToPMCommand } from '@atlaskit/editor-common/preset';
 import { findCodeBlock } from '@atlaskit/editor-common/transforms';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { findParentNodeOfType, findSelectedNodeOfType, isNodeSelection, removeParentNodeOfType, removeSelectedNode, safeInsert } from '@atlaskit/editor-prosemirror/utils';
@@ -257,4 +258,33 @@ export var toggleWordWrapStateForCodeBlockNode = function toggleWordWrapStateFor
     }
     return true;
   };
+};
+export var toggleLineNumbersForCodeBlockNodeEditorCommand = function toggleLineNumbersForCodeBlockNodeEditorCommand(editorAnalyticsAPI) {
+  return function (_ref2) {
+    var tr = _ref2.tr;
+    var codeBlockType = tr.doc.type.schema.nodes.codeBlock;
+    var codeBlock = findSelectedNodeOfType(codeBlockType)(tr.selection) || findParentNodeOfType(codeBlockType)(tr.selection);
+    if (!codeBlock) {
+      return null;
+    }
+    var codeBlockNode = codeBlock.node;
+    var lineNumbersHidden = !Boolean(codeBlockNode.attrs.hideLineNumbers);
+    tr.setNodeMarkup(codeBlock.pos, undefined, _objectSpread(_objectSpread({}, codeBlockNode.attrs), {}, {
+      hideLineNumbers: lineNumbersHidden
+    }));
+    editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent({
+      action: ACTION.TOGGLE_CODE_BLOCK_LINE_NUMBERS,
+      actionSubject: ACTION_SUBJECT.CODE_BLOCK,
+      attributes: {
+        platform: PLATFORMS.WEB,
+        lineNumbersHidden: lineNumbersHidden,
+        codeBlockNodeSize: codeBlockNode.nodeSize
+      },
+      eventType: EVENT_TYPE.TRACK
+    })(tr);
+    return tr;
+  };
+};
+export var toggleLineNumbersForCodeBlockNode = function toggleLineNumbersForCodeBlockNode(editorAnalyticsAPI) {
+  return editorCommandToPMCommand(toggleLineNumbersForCodeBlockNodeEditorCommand(editorAnalyticsAPI));
 };

package/dist/esm/pm-plugins/toolbar.js

@@ -2,15 +2,17 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 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 { isCodeBlockWordWrapEnabled } from '@atlaskit/editor-common/code-block';
+import { areCodeBlockLineNumbersVisible, isCodeBlockWordWrapEnabled } from '@atlaskit/editor-common/code-block';
 import commonMessages, { codeBlockButtonMessages } from '@atlaskit/editor-common/messages';
 import { areToolbarFlagsEnabled } from '@atlaskit/editor-common/toolbar-flag-check';
 import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
 import CopyIcon from '@atlaskit/icon/core/copy';
 import DeleteIcon from '@atlaskit/icon/core/delete';
+import ListNumberedIcon from '@atlaskit/icon/core/list-numbered';
 import TextWrapIcon from '@atlaskit/icon/core/text-wrap';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { changeLanguage, copyContentToClipboardWithAnalytics, removeCodeBlockWithAnalytics, resetCopiedState, toggleWordWrapStateForCodeBlockNode } from '../editor-commands';
+import { changeLanguage, copyContentToClipboardWithAnalytics, removeCodeBlockWithAnalytics, resetCopiedState, toggleLineNumbersForCodeBlockNode, toggleWordWrapStateForCodeBlockNode } from '../editor-commands';
 import { WrapIcon } from '../ui/icons/WrapIcon';
 import { provideVisualFeedbackForCopyButton, removeVisualFeedbackForCopyButton } from './codeBlockCopySelectionPlugin';
 import { createLanguageList, DEFAULT_LANGUAGES, getLanguageIdentifier } from './language-list';
@@ -37,6 +39,7 @@ export var getToolbarConfig = function getToolbarConfig() {
       return;
     }
     var isWrapped = isCodeBlockWordWrapEnabled(node);
+    var areLineNumbersVisible = areCodeBlockLineNumbersVisible(node);
     var language = node === null || node === void 0 || (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.language;
     var languageList = createLanguageList(overrideLanguageName ? DEFAULT_LANGUAGES.map(function (language) {
       return _objectSpread(_objectSpread({}, language), {}, {
@@ -149,7 +152,8 @@ export var getToolbarConfig = function getToolbarConfig() {
     var codeBlockWrapButton = {
       id: 'editor.codeBlock.wrap',
       type: 'button',
-      supportsViewMode: true,
+      // Toggling button now writes to ADF, hence it should be available in view mode
+      supportsViewMode: !expValEquals('platform_editor_code_block_q4_lovability', 'isEnabled', true),
       icon: TextWrapIcon,
       iconFallback: WrapIcon,
       onClick: toggleWordWrapStateForCodeBlockNode(editorAnalyticsAPI),
@@ -157,6 +161,16 @@ export var getToolbarConfig = function getToolbarConfig() {
       tabIndex: null,
       selected: isWrapped
     };
+    var codeBlockLineNumbersButton = {
+      id: 'editor.codeBlock.lineNumbers',
+      type: 'button',
+      supportsViewMode: false,
+      icon: ListNumberedIcon,
+      onClick: toggleLineNumbersForCodeBlockNode(editorAnalyticsAPI),
+      title: formatMessage(areLineNumbersVisible ? codeBlockButtonMessages.hideLineNumbersLabel : codeBlockButtonMessages.showLineNumbersLabel),
+      tabIndex: null,
+      selected: areLineNumbersVisible
+    };
     return {
       title: 'CodeBlock floating controls',
       // Ignored via go/ees005
@@ -165,7 +179,7 @@ export var getToolbarConfig = function getToolbarConfig() {
         return findDomRefAtPos(pos, view.domAtPos.bind(view));
       },
       nodeType: nodeType,
-      items: [languageSelect].concat(_toConsumableArray(areAnyNewToolbarFlagsEnabled ? [] : [separator]), [codeBlockWrapButton], _toConsumableArray(copyAndDeleteButtonMenuItems)),
+      items: [languageSelect].concat(_toConsumableArray(areAnyNewToolbarFlagsEnabled ? [] : [separator]), [codeBlockWrapButton], _toConsumableArray(expValEquals('platform_editor_code_block_q4_lovability', 'isEnabled', true) && fg('platform_editor_code_block_add_line_number_button') ? [codeBlockLineNumbersButton] : []), _toConsumableArray(copyAndDeleteButtonMenuItems)),
       scrollable: true
     };
   };

package/dist/types/editor-commands/index.d.ts

@@ -1,6 +1,6 @@
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
-import type { Command } from '@atlaskit/editor-common/types';
+import type { Command, EditorCommand } from '@atlaskit/editor-common/types';
 import type { EditorState, Transaction } from '@atlaskit/editor-prosemirror/state';
 export declare const removeCodeBlockWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => Command;
 export declare const removeCodeBlock: Command;
@@ -23,3 +23,5 @@ export declare function insertCodeBlockWithAnalytics(inputMethod: INPUT_METHOD,
  * Add the given node to the codeBlockWrappedStates WeakMap with the toggle boolean value.
  */
 export declare const toggleWordWrapStateForCodeBlockNode: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => Command;
+export declare const toggleLineNumbersForCodeBlockNodeEditorCommand: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => EditorCommand;
+export declare const toggleLineNumbersForCodeBlockNode: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => Command;

package/dist/types-ts4.5/editor-commands/index.d.ts

@@ -1,6 +1,6 @@
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
-import type { Command } from '@atlaskit/editor-common/types';
+import type { Command, EditorCommand } from '@atlaskit/editor-common/types';
 import type { EditorState, Transaction } from '@atlaskit/editor-prosemirror/state';
 export declare const removeCodeBlockWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => Command;
 export declare const removeCodeBlock: Command;
@@ -23,3 +23,5 @@ export declare function insertCodeBlockWithAnalytics(inputMethod: INPUT_METHOD,
  * Add the given node to the codeBlockWrappedStates WeakMap with the toggle boolean value.
  */
 export declare const toggleWordWrapStateForCodeBlockNode: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => Command;
+export declare const toggleLineNumbersForCodeBlockNodeEditorCommand: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => EditorCommand;
+export declare const toggleLineNumbersForCodeBlockNode: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => Command;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-code-block",
-	"version": "12.1.0",
+	"version": "12.1.2",
 	"description": "Code block plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -29,7 +29,7 @@
 	"dependencies": {
 		"@atlaskit/adf-schema": "^52.11.0",
 		"@atlaskit/code": "^17.5.0",
-		"@atlaskit/editor-plugin-analytics": "^10.0.0",
+		"@atlaskit/editor-plugin-analytics": "^10.1.0",
 		"@atlaskit/editor-plugin-block-menu": "^9.2.0",
 		"@atlaskit/editor-plugin-composition": "^9.1.0",
 		"@atlaskit/editor-plugin-decorations": "^10.1.0",
@@ -39,15 +39,15 @@
 		"@atlaskit/editor-plugin-selection": "^10.1.0",
 		"@atlaskit/editor-plugin-toolbar": "^7.3.0",
 		"@atlaskit/editor-prosemirror": "^7.3.0",
-		"@atlaskit/editor-toolbar": "^1.4.0",
+		"@atlaskit/editor-toolbar": "^1.5.0",
 		"@atlaskit/icon": "^34.5.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/prosemirror-input-rules": "^3.7.0",
-		"@atlaskit/tmp-editor-statsig": "^80.3.0",
+		"@atlaskit/tmp-editor-statsig": "^81.0.0",
 		"@babel/runtime": "^7.0.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^114.30.0",
+		"@atlaskit/editor-common": "^114.32.0",
 		"react": "^18.2.0",
 		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"
 	},
@@ -98,6 +98,9 @@
 		},
 		"platform_editor_adf_with_localid": {
 			"type": "boolean"
+		},
+		"platform_editor_code_block_add_line_number_button": {
+			"type": "boolean"
 		}
 	},
 	"devDependencies": {