@atlaskit/editor-plugin-code-block
Version:
Code block plugin for @atlaskit/editor-core
107 lines (106 loc) • 4.48 kB
JavaScript
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 var indent = function indent(editorAnalyticsAPI) {
return function (state, dispatch) {
var _getLinesFromSelectio = getLinesFromSelection(state),
text = _getLinesFromSelectio.text,
start = _getLinesFromSelectio.start;
var tr = state.tr,
selection = state.selection;
forEachLine(text, function (line, offset) {
var _getLineInfo = getLineInfo(line),
indentText = _getLineInfo.indentText,
indentToken = _getLineInfo.indentToken;
var indentLevel = getIndentLevel(indentText, indentToken.size);
var 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 || 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 var outdent = function outdent(editorAnalyticsAPI) {
return function (state, dispatch) {
var _getLinesFromSelectio2 = getLinesFromSelection(state),
text = _getLinesFromSelectio2.text,
start = _getLinesFromSelectio2.start;
var tr = state.tr;
forEachLine(text, function (line, offset) {
var _getLineInfo2 = getLineInfo(line),
indentText = _getLineInfo2.indentText,
indentToken = _getLineInfo2.indentToken;
if (indentText) {
var indentLevel = getIndentLevel(indentText, indentToken.size);
var 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 || 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) {
var _getStartOfCurrentLin = getStartOfCurrentLine(state),
textAtStartOfLine = _getStartOfCurrentLin.text;
var _getLineInfo3 = getLineInfo(textAtStartOfLine),
indentToken = _getLineInfo3.indentToken;
var indentToAdd = indentToken.token.repeat(indentToken.size - textAtStartOfLine.length % indentToken.size || indentToken.size);
dispatch(state.tr.insertText(indentToAdd));
return true;
}
export function insertNewlineWithIndent(state, dispatch) {
var _getStartOfCurrentLin2 = getStartOfCurrentLine(state),
textAtStartOfLine = _getStartOfCurrentLin2.text;
var _getLineInfo4 = getLineInfo(textAtStartOfLine),
indentText = _getLineInfo4.indentText;
if (indentText && dispatch) {
dispatch(state.tr.insertText('\n' + indentText));
return true;
}
return false;
}