@atlaskit/editor-plugin-code-block-advanced 7.1.24 → 7.1.26

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-plugin-code-block-advanced
 
+## 7.1.26
+
+### Patch Changes
+
+- [`dd5154ad0dec5`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/dd5154ad0dec5) -
+  [A11Y-10416] Add ARIA role and roledescription to code blocks with experiment gate
+- Updated dependencies
+
+## 7.1.25
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 7.1.24
 
 ### Patch Changes

package/afm-cc/tsconfig.json

@@ -26,6 +26,9 @@
 		{
 			"path": "../../adf-schema/afm-cc/tsconfig.json"
 		},
+		{
+			"path": "../../../design-system/code/afm-cc/tsconfig.json"
+		},
 		{
 			"path": "../../editor-plugin-code-block/afm-cc/tsconfig.json"
 		},

package/afm-jira/tsconfig.json

@@ -26,6 +26,9 @@
 		{
 			"path": "../../adf-schema/afm-jira/tsconfig.json"
 		},
+		{
+			"path": "../../../design-system/code/afm-jira/tsconfig.json"
+		},
 		{
 			"path": "../../editor-plugin-code-block/afm-jira/tsconfig.json"
 		},

package/afm-products/tsconfig.json

@@ -26,6 +26,9 @@
 		{
 			"path": "../../adf-schema/afm-products/tsconfig.json"
 		},
+		{
+			"path": "../../../design-system/code/afm-products/tsconfig.json"
+		},
 		{
 			"path": "../../editor-plugin-code-block/afm-products/tsconfig.json"
 		},

package/dist/cjs/nodeviews/codeBlockAdvanced.js

@@ -13,7 +13,9 @@ var _autocomplete = require("@codemirror/autocomplete");
 var _language = require("@codemirror/language");
 var _state = require("@codemirror/state");
 var _view = require("@codemirror/view");
+var _browser = require("@atlaskit/editor-common/browser");
 var _codeBlock = require("@atlaskit/editor-common/code-block");
+var _floatingToolbar = require("@atlaskit/editor-common/floating-toolbar");
 var _messages = require("@atlaskit/editor-common/messages");
 var _whitespace = require("@atlaskit/editor-common/whitespace");
 var _state2 = require("@atlaskit/editor-prosemirror/state");
@@ -32,6 +34,7 @@ var _lineSeparator = require("./extensions/lineSeparator");
 var _manageSelectionMarker = require("./extensions/manageSelectionMarker");
 var _prosemirrorDecorations = require("./extensions/prosemirrorDecorations");
 var _tripleClickExtension = require("./extensions/tripleClickExtension");
+var _getLanguageName = _interopRequireDefault(require("./languages/getLanguageName"));
 var _loader = require("./languages/loader");
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
@@ -58,6 +61,7 @@ var CodeBlockAdvancedNodeView = /*#__PURE__*/function () {
     (0, _defineProperty2.default)(this, "maybeTryingToReachNodeSelection", false);
     (0, _defineProperty2.default)(this, "pmFacet", _state.Facet.define());
     (0, _defineProperty2.default)(this, "wordWrappingEnabled", false);
+    this.config = config;
     this.node = node;
     this.view = view;
     this.getPos = getPos;
@@ -87,6 +91,7 @@ var CodeBlockAdvancedNodeView = /*#__PURE__*/function () {
       _this.selectCodeBlockNode(undefined);
       _this.view.focus();
     };
+    var isMacOS = (0, _browser.getBrowserInfo)().mac;
     this.cm = new _view.EditorView({
       doc: this.node.textContent,
       extensions: [].concat((0, _toConsumableArray2.default)(config.extensions), [this.lineWrappingCompartment.of((0, _codeBlock.isCodeBlockWordWrapEnabled)(node) ? _view.EditorView.lineWrapping : []), this.languageCompartment.of([]), this.pmDecorationsCompartment.of(this.pmFacet.compute([], function () {
@@ -122,9 +127,18 @@ var CodeBlockAdvancedNodeView = /*#__PURE__*/function () {
         class: 'code-block'
       }, (0, _platformFeatureFlags.fg)('platform_editor_adf_with_localid') && {
         'data-local-id': this.node.attrs.localId
-      })), (0, _manageSelectionMarker.manageSelectionMarker)(config.api), (0, _prosemirrorDecorations.prosemirrorDecorationPlugin)(this.pmFacet, view, getPos), (0, _tripleClickExtension.tripleClickSelectAllExtension)(), (0, _firstCodeBlockInDocument.firstCodeBlockInDocument)(getPos), _view.EditorView.contentAttributes.of({
+      })), (0, _manageSelectionMarker.manageSelectionMarker)(config.api), (0, _prosemirrorDecorations.prosemirrorDecorationPlugin)(this.pmFacet, view, getPos), (0, _tripleClickExtension.tripleClickSelectAllExtension)(), (0, _firstCodeBlockInDocument.firstCodeBlockInDocument)(getPos), _view.EditorView.contentAttributes.of(_objectSpread(_objectSpread(_objectSpread({}, !(0, _expValEquals.expValEquals)('editor_a11y_role_textbox', 'isEnabled', true) && {
+        'aria-label': "".concat(formattedAriaLabel)
+      }), isMacOS && (0, _expValEquals.expValEquals)('editor_a11y_role_textbox', 'isEnabled', true) && {
+        role: 'textbox',
+        'aria-roledescription': formatMessage(_messages.roleDescriptionMessages.codeSnippetTextBox),
+        'aria-describedby': "codesnippet-".concat(this.node.attrs.localId),
+        'aria-multiline': 'true',
         'aria-label': formattedAriaLabel
-      }), config.allowCodeFolding ? [(0, _foldGutter.foldGutterExtension)({
+      }), !isMacOS && (0, _expValEquals.expValEquals)('editor_a11y_role_textbox', 'isEnabled', true) && {
+        'aria-label': formattedAriaLabel,
+        'aria-describedby': "codesnippet-".concat(this.node.attrs.localId)
+      })), config.allowCodeFolding ? [(0, _foldGutter.foldGutterExtension)({
         selectNode: selectNode,
         getNode: function getNode() {
           return _this.node;
@@ -193,6 +207,13 @@ var CodeBlockAdvancedNodeView = /*#__PURE__*/function () {
     // The editor's outer node is our DOM representation
     this.dom = this.cm.dom;
     this.dom.appendChild(spaceContainer);
+    if ((0, _expValEquals.expValEquals)('editor_a11y_role_textbox', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_editor_adf_with_localid')) {
+      this.invisibleAriaDescription = document.createElement('span');
+      this.invisibleAriaDescription.hidden = true;
+      this.invisibleAriaDescription.id = "codesnippet-".concat(this.node.attrs.localId);
+      this.updateAriaDescription();
+      this.dom.appendChild(this.invisibleAriaDescription);
+    }
 
     // This flag is used to avoid an update loop between the outer and
     // inner editor
@@ -268,6 +289,27 @@ var CodeBlockAdvancedNodeView = /*#__PURE__*/function () {
     key: "updateLanguage",
     value: function updateLanguage() {
       this.languageLoader.updateLanguage(this.node.attrs.language);
+      if ((0, _expValEquals.expValEquals)('editor_a11y_role_textbox', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_editor_adf_with_localid')) {
+        this.updateAriaDescription();
+      }
+    }
+  }, {
+    key: "updateAriaDescription",
+    value: function updateAriaDescription() {
+      if (!this.invisibleAriaDescription) {
+        return;
+      }
+      var _this$config$getIntl = this.config.getIntl(),
+        formatMessage = _this$config$getIntl.formatMessage;
+      var languageName = (0, _getLanguageName.default)(this.node.attrs.language);
+      if (languageName) {
+        this.invisibleAriaDescription.textContent = "".concat(formatMessage(_messages.codeBlockMessages.codeblockLanguageAriaDescription, {
+          language: languageName
+        }), " ").concat(formatMessage(_floatingToolbar.messages.floatingToolbarAnnouncer));
+      } else {
+        // If the lanuage is undefined provide a more human readable message
+        this.invisibleAriaDescription.textContent = "".concat(formatMessage(_messages.codeBlockMessages.codeBlockLanguageNotSet), " ").concat(formatMessage(_floatingToolbar.messages.floatingToolbarAnnouncer));
+      }
     }
   }, {
     key: "updateLocalIdAttribute",

package/dist/cjs/nodeviews/languages/getLanguageName.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.DEFAULT_LANGUAGES = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _constants = require("@atlaskit/code/constants");
+// We expect alias[0] to be used for the ADF attribute, see ED-2813
+var DEFAULT_LANGUAGES = exports.DEFAULT_LANGUAGES = [{
+  name: '(None)',
+  alias: ['none'],
+  value: 'none'
+}].concat((0, _toConsumableArray2.default)(_constants.SUPPORTED_LANGUAGES));
+var getLanguageName = function getLanguageName(languageValue) {
+  if (!languageValue) {
+    return undefined;
+  }
+  var language = _constants.SUPPORTED_LANGUAGES.find(function (l) {
+    return l.value === languageValue || l.alias && l.alias.includes(languageValue);
+  });
+  return language ? language.name : undefined;
+};
+var _default = exports.default = getLanguageName;

package/dist/es2019/nodeviews/codeBlockAdvanced.js

@@ -3,8 +3,10 @@ import { closeBrackets } from '@codemirror/autocomplete';
 import { syntaxHighlighting, bracketMatching } from '@codemirror/language';
 import { Compartment, Facet, EditorState as CodeMirrorState } from '@codemirror/state';
 import { EditorView as CodeMirror, lineNumbers, gutters } from '@codemirror/view';
+import { getBrowserInfo } from '@atlaskit/editor-common/browser';
 import { isCodeBlockWordWrapEnabled } from '@atlaskit/editor-common/code-block';
-import { blockTypeMessages } from '@atlaskit/editor-common/messages';
+import { messages as floatingToolbarMessages } from '@atlaskit/editor-common/floating-toolbar';
+import { blockTypeMessages, codeBlockMessages, roleDescriptionMessages } from '@atlaskit/editor-common/messages';
 import { ZERO_WIDTH_SPACE } from '@atlaskit/editor-common/whitespace';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { DecorationSet } from '@atlaskit/editor-prosemirror/view';
@@ -22,6 +24,7 @@ import { lineSeparatorExtension } from './extensions/lineSeparator';
 import { manageSelectionMarker } from './extensions/manageSelectionMarker';
 import { prosemirrorDecorationPlugin } from './extensions/prosemirrorDecorations';
 import { tripleClickSelectAllExtension } from './extensions/tripleClickExtension';
+import getLanguageName from './languages/getLanguageName';
 import { LanguageLoader } from './languages/loader';
 
 // Store last observed heights of code blocks
@@ -38,6 +41,7 @@ class CodeBlockAdvancedNodeView {
     _defineProperty(this, "maybeTryingToReachNodeSelection", false);
     _defineProperty(this, "pmFacet", Facet.define());
     _defineProperty(this, "wordWrappingEnabled", false);
+    this.config = config;
     this.node = node;
     this.view = view;
     this.getPos = getPos;
@@ -64,6 +68,7 @@ class CodeBlockAdvancedNodeView {
       this.selectCodeBlockNode(undefined);
       this.view.focus();
     };
+    const isMacOS = getBrowserInfo().mac;
     this.cm = new CodeMirror({
       doc: this.node.textContent,
       extensions: [...config.extensions, this.lineWrappingCompartment.of(isCodeBlockWordWrapEnabled(node) ? CodeMirror.lineWrapping : []), this.languageCompartment.of([]), this.pmDecorationsCompartment.of(this.pmFacet.compute([], () => innerDecorations)), keymapExtension({
@@ -97,7 +102,20 @@ class CodeBlockAdvancedNodeView {
           'data-local-id': this.node.attrs.localId
         })
       }), manageSelectionMarker(config.api), prosemirrorDecorationPlugin(this.pmFacet, view, getPos), tripleClickSelectAllExtension(), firstCodeBlockInDocument(getPos), CodeMirror.contentAttributes.of({
-        'aria-label': formattedAriaLabel
+        ...(!expValEquals('editor_a11y_role_textbox', 'isEnabled', true) && {
+          'aria-label': `${formattedAriaLabel}`
+        }),
+        ...(isMacOS && expValEquals('editor_a11y_role_textbox', 'isEnabled', true) && {
+          role: 'textbox',
+          'aria-roledescription': formatMessage(roleDescriptionMessages.codeSnippetTextBox),
+          'aria-describedby': `codesnippet-${this.node.attrs.localId}`,
+          'aria-multiline': 'true',
+          'aria-label': formattedAriaLabel
+        }),
+        ...(!isMacOS && expValEquals('editor_a11y_role_textbox', 'isEnabled', true) && {
+          'aria-label': formattedAriaLabel,
+          'aria-describedby': `codesnippet-${this.node.attrs.localId}`
+        })
       }), config.allowCodeFolding ? [foldGutterExtension({
         selectNode,
         getNode: () => this.node
@@ -157,6 +175,13 @@ class CodeBlockAdvancedNodeView {
     // The editor's outer node is our DOM representation
     this.dom = this.cm.dom;
     this.dom.appendChild(spaceContainer);
+    if (expValEquals('editor_a11y_role_textbox', 'isEnabled', true) && fg('platform_editor_adf_with_localid')) {
+      this.invisibleAriaDescription = document.createElement('span');
+      this.invisibleAriaDescription.hidden = true;
+      this.invisibleAriaDescription.id = `codesnippet-${this.node.attrs.localId}`;
+      this.updateAriaDescription();
+      this.dom.appendChild(this.invisibleAriaDescription);
+    }
 
     // This flag is used to avoid an update loop between the outer and
     // inner editor
@@ -222,6 +247,26 @@ class CodeBlockAdvancedNodeView {
   }
   updateLanguage() {
     this.languageLoader.updateLanguage(this.node.attrs.language);
+    if (expValEquals('editor_a11y_role_textbox', 'isEnabled', true) && fg('platform_editor_adf_with_localid')) {
+      this.updateAriaDescription();
+    }
+  }
+  updateAriaDescription() {
+    if (!this.invisibleAriaDescription) {
+      return;
+    }
+    const {
+      formatMessage
+    } = this.config.getIntl();
+    const languageName = getLanguageName(this.node.attrs.language);
+    if (languageName) {
+      this.invisibleAriaDescription.textContent = `${formatMessage(codeBlockMessages.codeblockLanguageAriaDescription, {
+        language: languageName
+      })} ${formatMessage(floatingToolbarMessages.floatingToolbarAnnouncer)}`;
+    } else {
+      // If the lanuage is undefined provide a more human readable message
+      this.invisibleAriaDescription.textContent = `${formatMessage(codeBlockMessages.codeBlockLanguageNotSet)} ${formatMessage(floatingToolbarMessages.floatingToolbarAnnouncer)}`;
+    }
   }
   updateLocalIdAttribute() {
     if (fg('platform_editor_adf_with_localid')) {

package/dist/es2019/nodeviews/languages/getLanguageName.js

@@ -0,0 +1,18 @@
+import { SUPPORTED_LANGUAGES } from '@atlaskit/code/constants';
+
+// We expect alias[0] to be used for the ADF attribute, see ED-2813
+export const DEFAULT_LANGUAGES = [{
+  name: '(None)',
+  alias: ['none'],
+  value: 'none'
+}, ...SUPPORTED_LANGUAGES];
+const getLanguageName = languageValue => {
+  if (!languageValue) {
+    return undefined;
+  }
+  const language = SUPPORTED_LANGUAGES.find(l => {
+    return l.value === languageValue || l.alias && l.alias.includes(languageValue);
+  });
+  return language ? language.name : undefined;
+};
+export default getLanguageName;

package/dist/esm/nodeviews/codeBlockAdvanced.js

@@ -11,8 +11,10 @@ import { closeBrackets } from '@codemirror/autocomplete';
 import { syntaxHighlighting, bracketMatching } from '@codemirror/language';
 import { Compartment, Facet, EditorState as CodeMirrorState } from '@codemirror/state';
 import { EditorView as CodeMirror, lineNumbers, gutters } from '@codemirror/view';
+import { getBrowserInfo } from '@atlaskit/editor-common/browser';
 import { isCodeBlockWordWrapEnabled } from '@atlaskit/editor-common/code-block';
-import { blockTypeMessages } from '@atlaskit/editor-common/messages';
+import { messages as floatingToolbarMessages } from '@atlaskit/editor-common/floating-toolbar';
+import { blockTypeMessages, codeBlockMessages, roleDescriptionMessages } from '@atlaskit/editor-common/messages';
 import { ZERO_WIDTH_SPACE } from '@atlaskit/editor-common/whitespace';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { DecorationSet } from '@atlaskit/editor-prosemirror/view';
@@ -30,6 +32,7 @@ import { lineSeparatorExtension } from './extensions/lineSeparator';
 import { manageSelectionMarker } from './extensions/manageSelectionMarker';
 import { prosemirrorDecorationPlugin } from './extensions/prosemirrorDecorations';
 import { tripleClickSelectAllExtension } from './extensions/tripleClickExtension';
+import getLanguageName from './languages/getLanguageName';
 import { LanguageLoader } from './languages/loader';
 
 // Store last observed heights of code blocks
@@ -52,6 +55,7 @@ var CodeBlockAdvancedNodeView = /*#__PURE__*/function () {
     _defineProperty(this, "maybeTryingToReachNodeSelection", false);
     _defineProperty(this, "pmFacet", Facet.define());
     _defineProperty(this, "wordWrappingEnabled", false);
+    this.config = config;
     this.node = node;
     this.view = view;
     this.getPos = getPos;
@@ -81,6 +85,7 @@ var CodeBlockAdvancedNodeView = /*#__PURE__*/function () {
       _this.selectCodeBlockNode(undefined);
       _this.view.focus();
     };
+    var isMacOS = getBrowserInfo().mac;
     this.cm = new CodeMirror({
       doc: this.node.textContent,
       extensions: [].concat(_toConsumableArray(config.extensions), [this.lineWrappingCompartment.of(isCodeBlockWordWrapEnabled(node) ? CodeMirror.lineWrapping : []), this.languageCompartment.of([]), this.pmDecorationsCompartment.of(this.pmFacet.compute([], function () {
@@ -116,9 +121,18 @@ var CodeBlockAdvancedNodeView = /*#__PURE__*/function () {
         class: 'code-block'
       }, fg('platform_editor_adf_with_localid') && {
         'data-local-id': this.node.attrs.localId
-      })), manageSelectionMarker(config.api), prosemirrorDecorationPlugin(this.pmFacet, view, getPos), tripleClickSelectAllExtension(), firstCodeBlockInDocument(getPos), CodeMirror.contentAttributes.of({
+      })), manageSelectionMarker(config.api), prosemirrorDecorationPlugin(this.pmFacet, view, getPos), tripleClickSelectAllExtension(), firstCodeBlockInDocument(getPos), CodeMirror.contentAttributes.of(_objectSpread(_objectSpread(_objectSpread({}, !expValEquals('editor_a11y_role_textbox', 'isEnabled', true) && {
+        'aria-label': "".concat(formattedAriaLabel)
+      }), isMacOS && expValEquals('editor_a11y_role_textbox', 'isEnabled', true) && {
+        role: 'textbox',
+        'aria-roledescription': formatMessage(roleDescriptionMessages.codeSnippetTextBox),
+        'aria-describedby': "codesnippet-".concat(this.node.attrs.localId),
+        'aria-multiline': 'true',
         'aria-label': formattedAriaLabel
-      }), config.allowCodeFolding ? [foldGutterExtension({
+      }), !isMacOS && expValEquals('editor_a11y_role_textbox', 'isEnabled', true) && {
+        'aria-label': formattedAriaLabel,
+        'aria-describedby': "codesnippet-".concat(this.node.attrs.localId)
+      })), config.allowCodeFolding ? [foldGutterExtension({
         selectNode: selectNode,
         getNode: function getNode() {
           return _this.node;
@@ -187,6 +201,13 @@ var CodeBlockAdvancedNodeView = /*#__PURE__*/function () {
     // The editor's outer node is our DOM representation
     this.dom = this.cm.dom;
     this.dom.appendChild(spaceContainer);
+    if (expValEquals('editor_a11y_role_textbox', 'isEnabled', true) && fg('platform_editor_adf_with_localid')) {
+      this.invisibleAriaDescription = document.createElement('span');
+      this.invisibleAriaDescription.hidden = true;
+      this.invisibleAriaDescription.id = "codesnippet-".concat(this.node.attrs.localId);
+      this.updateAriaDescription();
+      this.dom.appendChild(this.invisibleAriaDescription);
+    }
 
     // This flag is used to avoid an update loop between the outer and
     // inner editor
@@ -262,6 +283,27 @@ var CodeBlockAdvancedNodeView = /*#__PURE__*/function () {
     key: "updateLanguage",
     value: function updateLanguage() {
       this.languageLoader.updateLanguage(this.node.attrs.language);
+      if (expValEquals('editor_a11y_role_textbox', 'isEnabled', true) && fg('platform_editor_adf_with_localid')) {
+        this.updateAriaDescription();
+      }
+    }
+  }, {
+    key: "updateAriaDescription",
+    value: function updateAriaDescription() {
+      if (!this.invisibleAriaDescription) {
+        return;
+      }
+      var _this$config$getIntl = this.config.getIntl(),
+        formatMessage = _this$config$getIntl.formatMessage;
+      var languageName = getLanguageName(this.node.attrs.language);
+      if (languageName) {
+        this.invisibleAriaDescription.textContent = "".concat(formatMessage(codeBlockMessages.codeblockLanguageAriaDescription, {
+          language: languageName
+        }), " ").concat(formatMessage(floatingToolbarMessages.floatingToolbarAnnouncer));
+      } else {
+        // If the lanuage is undefined provide a more human readable message
+        this.invisibleAriaDescription.textContent = "".concat(formatMessage(codeBlockMessages.codeBlockLanguageNotSet), " ").concat(formatMessage(floatingToolbarMessages.floatingToolbarAnnouncer));
+      }
     }
   }, {
     key: "updateLocalIdAttribute",

package/dist/esm/nodeviews/languages/getLanguageName.js

@@ -0,0 +1,19 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import { SUPPORTED_LANGUAGES } from '@atlaskit/code/constants';
+
+// We expect alias[0] to be used for the ADF attribute, see ED-2813
+export var DEFAULT_LANGUAGES = [{
+  name: '(None)',
+  alias: ['none'],
+  value: 'none'
+}].concat(_toConsumableArray(SUPPORTED_LANGUAGES));
+var getLanguageName = function getLanguageName(languageValue) {
+  if (!languageValue) {
+    return undefined;
+  }
+  var language = SUPPORTED_LANGUAGES.find(function (l) {
+    return l.value === languageValue || l.alias && l.alias.includes(languageValue);
+  });
+  return language ? language.name : undefined;
+};
+export default getLanguageName;

package/dist/types/nodeviews/codeBlockAdvanced.d.ts

@@ -31,12 +31,15 @@ declare class CodeBlockAdvancedNodeView implements NodeView {
     private pmFacet;
     private ro?;
     private unsubscribeContentFormat;
+    private invisibleAriaDescription?;
+    private config;
     constructor(node: PMNode, view: EditorView, getPos: getPosHandlerNode, innerDecorations: DecorationSource, config: ConfigProps);
     destroy(): void;
     forwardUpdate(update: ViewUpdate): void;
     setSelection(anchor: number, head: number): void;
     private updateReadonlyState;
     private updateLanguage;
+    private updateAriaDescription;
     private updateLocalIdAttribute;
     private selectCodeBlockNode;
     private wordWrappingEnabled;