@atlaskit/editor-plugin-code-block/dist/es2019/pm-plugins/ide-ux/commands.js

Code block plugin for @atlaskit/editor-core

import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INDENT_DIRECTION, INDENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
import { TextSelection } from '@atlaskit/editor-prosemirror/state';
import { forEachLine, getLineInfo, getLinesFromSelection, getStartOfCurrentLine } from './line-handling';

/**
 * 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;
}