@atlaskit/editor-core 189.3.3 → 189.3.6

package/dist/es2019/plugins/code-block/actions.js

@@ -1,211 +0,0 @@
-import { findParentNodeOfType, findSelectedNodeOfType, removeSelectedNode, removeParentNodeOfType, isNodeSelection, safeInsert } from '@atlaskit/editor-prosemirror/utils';
-import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
-import { pluginKey } from './plugin-key';
-import { copySelectionPluginKey } from './pm-plugins/codeBlockCopySelectionPlugin';
-import { ACTIONS } from './pm-plugins/actions';
-import { copyToClipboard } from '@atlaskit/editor-common/clipboard';
-import { shouldSplitSelectedNodeOnNodeInsertion } from '@atlaskit/editor-common/insert';
-import { transformToCodeBlockAction } from './transform-to-code-block';
-import { withAnalytics } from '@atlaskit/editor-common/editor-analytics';
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
-export const removeCodeBlock = (state, dispatch) => {
-  const {
-    schema: {
-      nodes
-    },
-    tr
-  } = state;
-  if (dispatch) {
-    let removeTr = tr;
-    if (findSelectedNodeOfType(nodes.codeBlock)(tr.selection)) {
-      removeTr = removeSelectedNode(tr);
-    } else {
-      removeTr = removeParentNodeOfType(nodes.codeBlock)(tr);
-    }
-    dispatch(removeTr);
-  }
-  return true;
-};
-export const changeLanguage = editorAnalyticsAPI => language => (state, dispatch) => {
-  var _pluginKey$getState;
-  const {
-    codeBlock
-  } = state.schema.nodes;
-  const pos = (_pluginKey$getState = pluginKey.getState(state)) === null || _pluginKey$getState === void 0 ? void 0 : _pluginKey$getState.pos;
-  if (typeof pos !== 'number') {
-    return false;
-  }
-  const tr = state.tr.setNodeMarkup(pos, codeBlock, {
-    language
-  }).setMeta('scrollIntoView', false);
-  const selection = isNodeSelection(state.selection) ? NodeSelection.create(tr.doc, pos) : tr.selection;
-  const result = tr.setSelection(selection);
-  if (dispatch) {
-    editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 ? void 0 : editorAnalyticsAPI.attachAnalyticsEvent({
-      action: ACTION.LANGUAGE_SELECTED,
-      actionSubject: ACTION_SUBJECT.CODE_BLOCK,
-      attributes: {
-        language
-      },
-      eventType: EVENT_TYPE.TRACK
-    })(result);
-    dispatch(result);
-  }
-  return true;
-};
-export const copyContentToClipboard = (state, dispatch) => {
-  const {
-    schema: {
-      nodes
-    },
-    tr
-  } = state;
-  const codeBlock = findParentNodeOfType(nodes.codeBlock)(tr.selection);
-  const textContent = codeBlock && codeBlock.node.textContent;
-  if (textContent) {
-    copyToClipboard(textContent);
-    let copyToClipboardTr = tr;
-    copyToClipboardTr.setMeta(pluginKey, {
-      type: ACTIONS.SET_COPIED_TO_CLIPBOARD,
-      data: true
-    });
-    copyToClipboardTr.setMeta(copySelectionPluginKey, 'remove-selection');
-    if (dispatch) {
-      dispatch(copyToClipboardTr);
-    }
-  }
-  return true;
-};
-export const resetCopiedState = (state, dispatch) => {
-  const {
-    tr
-  } = state;
-  const codeBlockState = pluginKey.getState(state);
-  let resetCopiedStateTr = tr;
-  if (codeBlockState && codeBlockState.contentCopied) {
-    resetCopiedStateTr.setMeta(pluginKey, {
-      type: ACTIONS.SET_COPIED_TO_CLIPBOARD,
-      data: false
-    });
-    resetCopiedStateTr.setMeta(copySelectionPluginKey, 'remove-selection');
-    if (dispatch) {
-      dispatch(resetCopiedStateTr);
-    }
-  } else {
-    const clearSelectionStateTransaction = state.tr;
-    clearSelectionStateTransaction.setMeta(copySelectionPluginKey, 'remove-selection');
-    // note: dispatch should always be defined when called from the
-    // floating toolbar. Howver the Command type which floating toolbar uses
-    // (and resetCopiedState) uses suggests it's optional.
-    if (dispatch) {
-      dispatch(clearSelectionStateTransaction);
-    }
-  }
-  return true;
-};
-export const ignoreFollowingMutations = (state, dispatch) => {
-  const {
-    tr
-  } = state;
-  const ignoreFollowingMutationsTr = tr;
-  ignoreFollowingMutationsTr.setMeta(pluginKey, {
-    type: ACTIONS.SET_SHOULD_IGNORE_FOLLOWING_MUTATIONS,
-    data: true
-  });
-  if (dispatch) {
-    dispatch(ignoreFollowingMutationsTr);
-  }
-  return true;
-};
-export const resetShouldIgnoreFollowingMutations = (state, dispatch) => {
-  const {
-    tr
-  } = state;
-  const ignoreFollowingMutationsTr = tr;
-  ignoreFollowingMutationsTr.setMeta(pluginKey, {
-    type: ACTIONS.SET_SHOULD_IGNORE_FOLLOWING_MUTATIONS,
-    data: false
-  });
-  if (dispatch) {
-    dispatch(ignoreFollowingMutationsTr);
-  }
-  return true;
-};
-
-/**
- * This function creates a new transaction that inserts a code block,
- * if there is text selected it will wrap the current selection if not it will
- * append the codeblock to the end of the document.
- */
-export function createInsertCodeBlockTransaction({
-  state
-}) {
-  var _state$selection$$fro;
-  let {
-    tr
-  } = state;
-  const {
-    from
-  } = state.selection;
-  const {
-    codeBlock
-  } = state.schema.nodes;
-  const grandParentNodeType = (_state$selection$$fro = state.selection.$from.node(-1)) === null || _state$selection$$fro === void 0 ? void 0 : _state$selection$$fro.type;
-  const parentNodeType = state.selection.$from.parent.type;
-
-  /** We always want to append a codeBlock unless we're inserting into a paragraph
-   * AND it's a valid child of the grandparent node.
-   * Insert the current selection as codeBlock content unless it contains nodes other
-   * than paragraphs and inline.
-   */
-  const canInsertCodeBlock = shouldSplitSelectedNodeOnNodeInsertion({
-    parentNodeType,
-    grandParentNodeType,
-    content: codeBlock.createAndFill()
-  }) && contentAllowedInCodeBlock(state);
-  if (canInsertCodeBlock) {
-    tr = transformToCodeBlockAction(state, from);
-  } else {
-    safeInsert(codeBlock.createAndFill())(tr).scrollIntoView();
-  }
-  return tr;
-}
-
-/**
- * Check if the current selection contains any nodes that are not permitted
- * as codeBlock child nodes. Note that this allows paragraphs and inline nodes
- * as we extract their text content.
- */
-function contentAllowedInCodeBlock(state) {
-  const {
-    $from,
-    $to
-  } = state.selection;
-  let isAllowedChild = true;
-  state.doc.nodesBetween($from.pos, $to.pos, node => {
-    if (!isAllowedChild) {
-      return false;
-    }
-    return isAllowedChild = node.type === state.schema.nodes.listItem || node.type === state.schema.nodes.bulletList || node.type === state.schema.nodes.orderedList || node.type === state.schema.nodes.paragraph || node.isInline || node.isText;
-  });
-  return isAllowedChild;
-}
-export function insertCodeBlockWithAnalytics(inputMethod, analyticsAPI) {
-  return withAnalytics(analyticsAPI, {
-    action: ACTION.INSERTED,
-    actionSubject: ACTION_SUBJECT.DOCUMENT,
-    actionSubjectId: ACTION_SUBJECT_ID.CODE_BLOCK,
-    attributes: {
-      inputMethod: inputMethod
-    },
-    eventType: EVENT_TYPE.TRACK
-  })(function (state, dispatch) {
-    let tr = createInsertCodeBlockTransaction({
-      state
-    });
-    if (dispatch) {
-      dispatch(tr);
-    }
-    return true;
-  });
-}

package/dist/es2019/plugins/code-block/ide-ux/bracket-handling.js

@@ -1,27 +0,0 @@
-export const BRACKET_MAP = {
-  '{': '}',
-  '[': ']',
-  '(': ')'
-};
-export const shouldAutoCloseBracket = (before, after) => {
-  // when directly before a closing bracket
-  if (/^[}\])]/.test(after)) {
-    return true;
-  }
-
-  // exclusion: when directly before a non-whitespace character
-  if (/^[^\s]/.test(after)) {
-    return false;
-  }
-  return true;
-};
-export const getAutoClosingBracketInfo = (before, after) => {
-  const left = Object.keys(BRACKET_MAP).find(item => before.endsWith(item));
-  const right = left ? BRACKET_MAP[left] : undefined;
-  const hasTrailingMatchingBracket = right ? after.startsWith(right) : false;
-  return {
-    left,
-    right,
-    hasTrailingMatchingBracket
-  };
-};

package/dist/es2019/plugins/code-block/ide-ux/commands.js

@@ -1,114 +0,0 @@
-import { TextSelection } from '@atlaskit/editor-prosemirror/state';
-import { getLinesFromSelection, getLineInfo, forEachLine, getStartOfCurrentLine } from './line-handling';
-import { ACTION, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD, INDENT_DIRECTION, INDENT_TYPE, ACTION_SUBJECT } from '@atlaskit/editor-common/analytics';
-/**
- * Return the current indentation level
- * @param indentText - Text in the code block that represent an indentation
- * @param indentSize - Size of the indentation token in a string
- */
-function getIndentLevel(indentText, indentSize) {
-  if (indentSize === 0 || indentText.length === 0) {
-    return 0;
-  }
-  return indentText.length / indentSize;
-}
-export const indent = editorAnalyticsAPI => (state, dispatch) => {
-  const {
-    text,
-    start
-  } = getLinesFromSelection(state);
-  const {
-    tr,
-    selection
-  } = state;
-  forEachLine(text, (line, offset) => {
-    const {
-      indentText,
-      indentToken
-    } = getLineInfo(line);
-    const indentLevel = getIndentLevel(indentText, indentToken.size);
-    const indentToAdd = indentToken.token.repeat(indentToken.size - indentText.length % indentToken.size || indentToken.size);
-    tr.insertText(indentToAdd, tr.mapping.map(start + offset, -1));
-    editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 ? void 0 : editorAnalyticsAPI.attachAnalyticsEvent({
-      action: ACTION.FORMATTED,
-      actionSubject: ACTION_SUBJECT.TEXT,
-      actionSubjectId: ACTION_SUBJECT_ID.FORMAT_INDENT,
-      eventType: EVENT_TYPE.TRACK,
-      attributes: {
-        inputMethod: INPUT_METHOD.KEYBOARD,
-        previousIndentationLevel: indentLevel,
-        newIndentLevel: indentLevel + 1,
-        direction: INDENT_DIRECTION.INDENT,
-        indentType: INDENT_TYPE.CODE_BLOCK
-      }
-    })(tr);
-    if (!selection.empty) {
-      tr.setSelection(TextSelection.create(tr.doc, tr.mapping.map(selection.from, -1), tr.selection.to));
-    }
-  });
-  if (dispatch) {
-    dispatch(tr);
-  }
-  return true;
-};
-export const outdent = editorAnalyticsAPI => (state, dispatch) => {
-  const {
-    text,
-    start
-  } = getLinesFromSelection(state);
-  const {
-    tr
-  } = state;
-  forEachLine(text, (line, offset) => {
-    const {
-      indentText,
-      indentToken
-    } = getLineInfo(line);
-    if (indentText) {
-      const indentLevel = getIndentLevel(indentText, indentToken.size);
-      const unindentLength = indentText.length % indentToken.size || indentToken.size;
-      tr.delete(tr.mapping.map(start + offset), tr.mapping.map(start + offset + unindentLength));
-      editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 ? void 0 : editorAnalyticsAPI.attachAnalyticsEvent({
-        action: ACTION.FORMATTED,
-        actionSubject: ACTION_SUBJECT.TEXT,
-        actionSubjectId: ACTION_SUBJECT_ID.FORMAT_INDENT,
-        eventType: EVENT_TYPE.TRACK,
-        attributes: {
-          inputMethod: INPUT_METHOD.KEYBOARD,
-          previousIndentationLevel: indentLevel,
-          newIndentLevel: indentLevel - 1,
-          direction: INDENT_DIRECTION.OUTDENT,
-          indentType: INDENT_TYPE.CODE_BLOCK
-        }
-      })(tr);
-    }
-  });
-  if (dispatch) {
-    dispatch(tr);
-  }
-  return true;
-};
-export function insertIndent(state, dispatch) {
-  const {
-    text: textAtStartOfLine
-  } = getStartOfCurrentLine(state);
-  const {
-    indentToken
-  } = getLineInfo(textAtStartOfLine);
-  const indentToAdd = indentToken.token.repeat(indentToken.size - textAtStartOfLine.length % indentToken.size || indentToken.size);
-  dispatch(state.tr.insertText(indentToAdd));
-  return true;
-}
-export function insertNewlineWithIndent(state, dispatch) {
-  const {
-    text: textAtStartOfLine
-  } = getStartOfCurrentLine(state);
-  const {
-    indentText
-  } = getLineInfo(textAtStartOfLine);
-  if (indentText && dispatch) {
-    dispatch(state.tr.insertText('\n' + indentText));
-    return true;
-  }
-  return false;
-}

package/dist/es2019/plugins/code-block/ide-ux/line-handling.js

@@ -1,75 +0,0 @@
-import { getCursor } from '../utils';
-export const isSelectionEntirelyInsideCodeBlock = state => state.selection.$from.sameParent(state.selection.$to) && state.selection.$from.parent.type === state.schema.nodes.codeBlock;
-export const isCursorInsideCodeBlock = state => !!getCursor(state.selection) && isSelectionEntirelyInsideCodeBlock(state);
-export const getStartOfCurrentLine = state => {
-  const {
-    $from
-  } = state.selection;
-  if ($from.nodeBefore && $from.nodeBefore.isText) {
-    const prevNewLineIndex = $from.nodeBefore.text.lastIndexOf('\n');
-    return {
-      text: $from.nodeBefore.text.substring(prevNewLineIndex + 1),
-      pos: $from.start() + prevNewLineIndex + 1
-    };
-  }
-  return {
-    text: '',
-    pos: $from.pos
-  };
-};
-export const getEndOfCurrentLine = state => {
-  const {
-    $to
-  } = state.selection;
-  if ($to.nodeAfter && $to.nodeAfter.isText) {
-    const nextNewLineIndex = $to.nodeAfter.text.indexOf('\n');
-    return {
-      text: $to.nodeAfter.text.substring(0, nextNewLineIndex >= 0 ? nextNewLineIndex : undefined),
-      pos: nextNewLineIndex >= 0 ? $to.pos + nextNewLineIndex : $to.end()
-    };
-  }
-  return {
-    text: '',
-    pos: $to.pos
-  };
-};
-export function getLinesFromSelection(state) {
-  const {
-    pos: start
-  } = getStartOfCurrentLine(state);
-  const {
-    pos: end
-  } = getEndOfCurrentLine(state);
-  const text = state.doc.textBetween(start, end);
-  return {
-    text,
-    start,
-    end
-  };
-}
-export const forEachLine = (text, callback) => {
-  let offset = 0;
-  text.split('\n').forEach(line => {
-    callback(line, offset);
-    offset += line.length + 1;
-  });
-};
-const SPACE = {
-  token: ' ',
-  size: 2,
-  regex: /[^ ]/
-};
-const TAB = {
-  token: '\t',
-  size: 1,
-  regex: /[^\t]/
-};
-export const getLineInfo = line => {
-  const indentToken = line.startsWith('\t') ? TAB : SPACE;
-  const indentLength = line.search(indentToken.regex);
-  const indentText = line.substring(0, indentLength >= 0 ? indentLength : line.length);
-  return {
-    indentToken,
-    indentText
-  };
-};

package/dist/es2019/plugins/code-block/ide-ux/paired-character-handling.js

@@ -1,12 +0,0 @@
-import { BRACKET_MAP } from './bracket-handling';
-import { QUOTE_MAP } from './quote-handling';
-const PAIRED_CHARACTER_MAP = {
-  ...BRACKET_MAP,
-  ...QUOTE_MAP
-};
-export const isCursorBeforeClosingCharacter = after => {
-  return Object.keys(PAIRED_CHARACTER_MAP).some(leftCharacter => after.startsWith(PAIRED_CHARACTER_MAP[leftCharacter]));
-};
-export const isClosingCharacter = text => {
-  return Object.keys(PAIRED_CHARACTER_MAP).some(leftCharacter => text === PAIRED_CHARACTER_MAP[leftCharacter]);
-};

package/dist/es2019/plugins/code-block/ide-ux/quote-handling.js

@@ -1,32 +0,0 @@
-export const QUOTE_MAP = {
-  "'": "'",
-  '"': '"',
-  '`': '`'
-};
-export const shouldAutoCloseQuote = (before, after) => {
-  // when directly before a closing bracket
-  if (/^[}\])]/.test(after)) {
-    return true;
-  }
-
-  // exclusion: when directly before a non-whitespace character
-  if (/^[^\s]/.test(after)) {
-    return false;
-  }
-
-  // exclusion: when directly after a letter or quote
-  if (/[A-Za-z0-9]$/.test(before) || /[\'\"\`]$/.test(before)) {
-    return false;
-  }
-  return true;
-};
-export const getAutoClosingQuoteInfo = (before, after) => {
-  const left = Object.keys(QUOTE_MAP).find(item => before.endsWith(item));
-  const right = left ? QUOTE_MAP[left] : undefined;
-  const hasTrailingMatchingQuote = right ? after.startsWith(right) : false;
-  return {
-    left,
-    right,
-    hasTrailingMatchingQuote
-  };
-};

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

@@ -1,104 +0,0 @@
-import React from 'react';
-import { codeBlock } from '@atlaskit/adf-schema';
-import { createPlugin } from './pm-plugins/main';
-import { getToolbarConfig } from './toolbar';
-import keymap from './pm-plugins/keymaps';
-import ideUX from './pm-plugins/ide-ux';
-import { codeBlockCopySelectionPlugin } from './pm-plugins/codeBlockCopySelectionPlugin';
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, INPUT_METHOD, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
-import { IconCode } from '@atlaskit/editor-common/quick-insert';
-import { blockTypeMessages } from '@atlaskit/editor-common/messages';
-import refreshBrowserSelectionOnChange from './refresh-browser-selection';
-import { createInsertCodeBlockTransaction, insertCodeBlockWithAnalytics } from './actions';
-import { createCodeBlockInputRule } from './pm-plugins/input-rule';
-const codeBlockPlugin = ({
-  config: options,
-  api
-}) => ({
-  name: 'codeBlock',
-  nodes() {
-    return [{
-      name: 'codeBlock',
-      node: codeBlock
-    }];
-  },
-  pmPlugins() {
-    return [{
-      name: 'codeBlock',
-      plugin: ({
-        getIntl
-      }) => {
-        var _options$appearance;
-        return createPlugin({
-          ...options,
-          getIntl,
-          appearance: (_options$appearance = options === null || options === void 0 ? void 0 : options.appearance) !== null && _options$appearance !== void 0 ? _options$appearance : 'comment'
-        });
-      }
-    }, {
-      name: 'codeBlockInputRule',
-      plugin: ({
-        schema
-      }) => {
-        var _api$analytics;
-        return createCodeBlockInputRule(schema, api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions);
-      }
-    }, {
-      name: 'codeBlockIDEKeyBindings',
-      plugin: () => ideUX(api)
-    }, {
-      name: 'codeBlockKeyMap',
-      plugin: ({
-        schema
-      }) => keymap(schema)
-    }, {
-      name: 'codeBlockCopySelection',
-      plugin: () => codeBlockCopySelectionPlugin()
-    }];
-  },
-  // Workaround for a firefox issue where dom selection is off sync
-  // https://product-fabric.atlassian.net/browse/ED-12442
-  onEditorViewStateUpdated(props) {
-    refreshBrowserSelectionOnChange(props.originalTransaction, props.newEditorState);
-  },
-  actions: {
-    /*
-     * Function will insert code block at current selection if block is empty or below current selection and set focus on it.
-     */
-    insertCodeBlock: inputMethod => {
-      var _api$analytics2;
-      return insertCodeBlockWithAnalytics(inputMethod, api === null || api === void 0 ? void 0 : (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions);
-    }
-  },
-  pluginsOptions: {
-    quickInsert: ({
-      formatMessage
-    }) => [{
-      id: 'codeblock',
-      title: formatMessage(blockTypeMessages.codeblock),
-      description: formatMessage(blockTypeMessages.codeblockDescription),
-      keywords: ['code block'],
-      priority: 700,
-      keyshortcut: '```',
-      icon: () => /*#__PURE__*/React.createElement(IconCode, null),
-      action(_insert, state) {
-        var _api$analytics3;
-        const tr = createInsertCodeBlockTransaction({
-          state
-        });
-        api === null || api === void 0 ? void 0 : (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 ? void 0 : _api$analytics3.actions.attachAnalyticsEvent({
-          action: ACTION.INSERTED,
-          actionSubject: ACTION_SUBJECT.DOCUMENT,
-          actionSubjectId: ACTION_SUBJECT_ID.CODE_BLOCK,
-          attributes: {
-            inputMethod: INPUT_METHOD.QUICK_INSERT
-          },
-          eventType: EVENT_TYPE.TRACK
-        })(tr);
-        return tr;
-      }
-    }],
-    floatingToolbar: getToolbarConfig(options === null || options === void 0 ? void 0 : options.allowCopyToClipboard, api)
-  }
-});
-export default codeBlockPlugin;

package/dist/es2019/plugins/code-block/language-list.js

@@ -1,51 +0,0 @@
-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];
-export function findMatchedLanguage(supportedLanguages, language) {
-  if (!language) {
-    return undefined;
-  }
-  const matches = supportedLanguages.filter(supportedLanguage => {
-    return supportedLanguage.alias.indexOf(language.toLowerCase()) !== -1;
-  });
-  if (matches.length > 0) {
-    return matches[0];
-  }
-  return undefined;
-}
-export function filterSupportedLanguages(supportedLanguages) {
-  if (!supportedLanguages || !supportedLanguages.length) {
-    return DEFAULT_LANGUAGES;
-  }
-  return DEFAULT_LANGUAGES.filter(language => {
-    let i = language.alias.length;
-    while (i--) {
-      if (supportedLanguages.indexOf(language.alias[i]) > -1) {
-        return true;
-      }
-    }
-    return false;
-  });
-}
-export function getLanguageIdentifier(language) {
-  return language.alias[0];
-}
-export function createLanguageList(supportedLanguages) {
-  return supportedLanguages.sort((left, right) => {
-    if (left.alias[0] === 'none') {
-      return -1;
-    }
-    if (left.name.toLowerCase() > right.name.toLowerCase()) {
-      return 1;
-    }
-    if (left.name.toLowerCase() < right.name.toLowerCase()) {
-      return -1;
-    }
-    return 0;
-  });
-}