@atlaskit/editor-plugin-code-block 14.1.31 → 14.2.0

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/editor-plugin-code-block
 
+## 14.2.0
+
+### Minor Changes
+
+- [`6891ca32d94cc`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6891ca32d94cc) -
+  Add `Mermaid` as a selectable language in the code block language picker, behind the
+  `platform_editor_code_block_mermaid_language` feature gate. When the gate is enabled, Mermaid
+  appears in the picker and the advanced (CodeMirror) code block provides Mermaid syntax
+  highlighting via `codemirror-lang-mermaid`. The language is intentionally kept out of the shared
+  `@atlaskit/code` supported-languages list so it is fully gated and does not leak into other
+  consumers.
+
+## 14.1.32
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 14.1.31
 
 ### Patch Changes

package/dist/cjs/pm-plugins/language-list.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.DEFAULT_LANGUAGES = void 0;
+exports.MERMAID_LANGUAGE = exports.DEFAULT_LANGUAGES = void 0;
 exports.createLanguageList = createLanguageList;
 exports.filterSupportedLanguages = filterSupportedLanguages;
 exports.findMatchedLanguage = findMatchedLanguage;
@@ -17,6 +17,15 @@ var DEFAULT_LANGUAGES = exports.DEFAULT_LANGUAGES = [{
   alias: ['none'],
   value: 'none'
 }].concat((0, _toConsumableArray2.default)(_constants.SUPPORTED_LANGUAGES));
+// Feature-gated languages injected into the picker at runtime. Kept out of the
+// shared @atlaskit/code SUPPORTED_LANGUAGES so they stay gated and don't leak to
+// other consumers (e.g. the renderer). The mutable-array literal matches the
+// `Language` union's catch-all member, so the verbose types above need no change.
+var MERMAID_LANGUAGE = exports.MERMAID_LANGUAGE = {
+  name: 'Mermaid',
+  alias: ['mermaid'],
+  value: 'mermaid'
+};
 function findMatchedLanguage(supportedLanguages, language) {
   if (!language) {
     return undefined;

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

@@ -86,11 +86,14 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig() {
   var api = arguments.length > 1 ? arguments[1] : undefined;
   var overrideLanguageName = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
   var formatCodeProvider = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : undefined;
-  var languageList = (0, _languageList.createLanguageList)(overrideLanguageName ? _languageList.DEFAULT_LANGUAGES.map(function (languageOption) {
+  // Append gated languages (e.g. Mermaid) at runtime. Build a fresh array since
+  // createLanguageList sorts in place and would otherwise mutate DEFAULT_LANGUAGES.
+  var supportedLanguages = (0, _platformFeatureFlags.fg)('platform_editor_code_block_mermaid_language') ? [].concat((0, _toConsumableArray2.default)(_languageList.DEFAULT_LANGUAGES), [_languageList.MERMAID_LANGUAGE]) : _languageList.DEFAULT_LANGUAGES;
+  var languageList = (0, _languageList.createLanguageList)(overrideLanguageName ? supportedLanguages.map(function (languageOption) {
     return _objectSpread(_objectSpread({}, languageOption), {}, {
       name: overrideLanguageName(languageOption.name)
     });
-  }) : _languageList.DEFAULT_LANGUAGES);
+  }) : supportedLanguages);
   var languagePickerOptions = languageList.map(function (lang) {
     return {
       label: lang.name,
@@ -304,9 +307,6 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig() {
 
 /**
  * Filters language list based on both name and alias properties.
- * @param option
- * @param rawInput
- * @example
  */
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 var languageListFilter = exports.languageListFilter = function languageListFilter(option, rawInput) {

package/dist/es2019/pm-plugins/language-list.js

@@ -6,6 +6,15 @@ export const DEFAULT_LANGUAGES = [{
   alias: ['none'],
   value: 'none'
 }, ...SUPPORTED_LANGUAGES];
+// Feature-gated languages injected into the picker at runtime. Kept out of the
+// shared @atlaskit/code SUPPORTED_LANGUAGES so they stay gated and don't leak to
+// other consumers (e.g. the renderer). The mutable-array literal matches the
+// `Language` union's catch-all member, so the verbose types above need no change.
+export const MERMAID_LANGUAGE = {
+  name: 'Mermaid',
+  alias: ['mermaid'],
+  value: 'mermaid'
+};
 export function findMatchedLanguage(supportedLanguages, language) {
   if (!language) {
     return undefined;

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

@@ -18,7 +18,7 @@ import { DETECT_LANGUAGE_VALUE, NONE_LANGUAGE_VALUE, PLAIN_TEXT_LANGUAGE_VALUE }
 import { preloadFormatterOnIntent } from '../utils/format-code/formatter';
 import { autoDetectPluginKey } from './auto-detect-state';
 import { provideVisualFeedbackForCopyButton, removeVisualFeedbackForCopyButton } from './codeBlockCopySelectionPlugin';
-import { createLanguageList, DEFAULT_LANGUAGES, getLanguageIdentifier } from './language-list';
+import { createLanguageList, DEFAULT_LANGUAGES, getLanguageIdentifier, MERMAID_LANGUAGE } from './language-list';
 import { pluginKey } from './plugin-key';
 const getDetectLanguageOption = formatMessage => ({
   alias: [],
@@ -63,10 +63,13 @@ const getAutoDetectPickerValue = ({
   return undefined;
 };
 export const getToolbarConfig = (allowCopyToClipboard = false, api, overrideLanguageName = undefined, formatCodeProvider = undefined) => {
-  const languageList = createLanguageList(overrideLanguageName ? DEFAULT_LANGUAGES.map(languageOption => ({
+  // Append gated languages (e.g. Mermaid) at runtime. Build a fresh array since
+  // createLanguageList sorts in place and would otherwise mutate DEFAULT_LANGUAGES.
+  const supportedLanguages = fg('platform_editor_code_block_mermaid_language') ? [...DEFAULT_LANGUAGES, MERMAID_LANGUAGE] : DEFAULT_LANGUAGES;
+  const languageList = createLanguageList(overrideLanguageName ? supportedLanguages.map(languageOption => ({
     ...languageOption,
     name: overrideLanguageName(languageOption.name)
-  })) : DEFAULT_LANGUAGES);
+  })) : supportedLanguages);
   const languagePickerOptions = languageList.map(lang => ({
     label: lang.name,
     value: getLanguageIdentifier(lang),
@@ -272,9 +275,6 @@ export const getToolbarConfig = (allowCopyToClipboard = false, api, overrideLang
 
 /**
  * Filters language list based on both name and alias properties.
- * @param option
- * @param rawInput
- * @example
  */
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export const languageListFilter = (option, rawInput) => {

package/dist/esm/pm-plugins/language-list.js

@@ -7,6 +7,15 @@ export var DEFAULT_LANGUAGES = [{
   alias: ['none'],
   value: 'none'
 }].concat(_toConsumableArray(SUPPORTED_LANGUAGES));
+// Feature-gated languages injected into the picker at runtime. Kept out of the
+// shared @atlaskit/code SUPPORTED_LANGUAGES so they stay gated and don't leak to
+// other consumers (e.g. the renderer). The mutable-array literal matches the
+// `Language` union's catch-all member, so the verbose types above need no change.
+export var MERMAID_LANGUAGE = {
+  name: 'Mermaid',
+  alias: ['mermaid'],
+  value: 'mermaid'
+};
 export function findMatchedLanguage(supportedLanguages, language) {
   if (!language) {
     return undefined;

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

@@ -22,7 +22,7 @@ import { DETECT_LANGUAGE_VALUE, NONE_LANGUAGE_VALUE, PLAIN_TEXT_LANGUAGE_VALUE }
 import { preloadFormatterOnIntent } from '../utils/format-code/formatter';
 import { autoDetectPluginKey } from './auto-detect-state';
 import { provideVisualFeedbackForCopyButton, removeVisualFeedbackForCopyButton } from './codeBlockCopySelectionPlugin';
-import { createLanguageList, DEFAULT_LANGUAGES, getLanguageIdentifier } from './language-list';
+import { createLanguageList, DEFAULT_LANGUAGES, getLanguageIdentifier, MERMAID_LANGUAGE } from './language-list';
 import { pluginKey } from './plugin-key';
 var getDetectLanguageOption = function getDetectLanguageOption(formatMessage) {
   return {
@@ -77,11 +77,14 @@ export var getToolbarConfig = function getToolbarConfig() {
   var api = arguments.length > 1 ? arguments[1] : undefined;
   var overrideLanguageName = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
   var formatCodeProvider = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : undefined;
-  var languageList = createLanguageList(overrideLanguageName ? DEFAULT_LANGUAGES.map(function (languageOption) {
+  // Append gated languages (e.g. Mermaid) at runtime. Build a fresh array since
+  // createLanguageList sorts in place and would otherwise mutate DEFAULT_LANGUAGES.
+  var supportedLanguages = fg('platform_editor_code_block_mermaid_language') ? [].concat(_toConsumableArray(DEFAULT_LANGUAGES), [MERMAID_LANGUAGE]) : DEFAULT_LANGUAGES;
+  var languageList = createLanguageList(overrideLanguageName ? supportedLanguages.map(function (languageOption) {
     return _objectSpread(_objectSpread({}, languageOption), {}, {
       name: overrideLanguageName(languageOption.name)
     });
-  }) : DEFAULT_LANGUAGES);
+  }) : supportedLanguages);
   var languagePickerOptions = languageList.map(function (lang) {
     return {
       label: lang.name,
@@ -295,9 +298,6 @@ export var getToolbarConfig = function getToolbarConfig() {
 
 /**
  * Filters language list based on both name and alias properties.
- * @param option
- * @param rawInput
- * @example
  */
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export var languageListFilter = function languageListFilter(option, rawInput) {