@modusoperandi/licit 1.4.3 → 1.4.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/BlockquoteInsertNewLineCommand.js.flow +70 -70
- package/BlockquoteNodeSpec.js.flow +29 -29
- package/BlockquoteToggleCommand.js.flow +56 -56
- package/BookmarkNodeSpec.js.flow +39 -39
- package/BulletListNodeSpec.js.flow +61 -61
- package/CZIProseMirror.js.flow +90 -90
- package/CodeBlockCommand.js.flow +65 -65
- package/CodeBlockNodeSpec.js.flow +24 -24
- package/CodeMarkSpec.js.flow +14 -14
- package/ContentPlaceholderPlugin.js.flow +183 -183
- package/CursorPlaceholderPlugin.js.flow +113 -113
- package/DocLayoutCommand.js.flow +97 -97
- package/DocNodeSpec.js.flow +62 -62
- package/EMMarkSpec.js.flow +39 -39
- package/EditorCommands.js.flow +124 -124
- package/EditorKeyMap.js.flow +173 -173
- package/EditorMarks.js +4 -2
- package/EditorMarks.js.flow +77 -74
- package/EditorNodes.js.flow +55 -55
- package/EditorPageLayoutPlugin.js.flow +67 -67
- package/EditorPlugins.js.flow +8 -8
- package/EditorSchema.js.flow +12 -12
- package/EditorState.js.flow +7 -7
- package/FontSizeMarkSpec.js.flow +54 -54
- package/FontTypeMarkSpec.js.flow +89 -89
- package/HTMLMutator.js.flow +58 -58
- package/HangingIndentMarkSpec.js +34 -0
- package/HangingIndentMarkSpec.js.flow +30 -0
- package/HardBreakNodeSpec.js.flow +15 -15
- package/HeadingNodeSpec.js.flow +42 -42
- package/HistoryRedoCommand.js.flow +41 -41
- package/HistoryUndoCommand.js.flow +41 -41
- package/HorizontalRuleCommand.js.flow +71 -71
- package/HorizontalRuleNodeSpec.js.flow +39 -39
- package/ImageUploadPlaceholderPlugin.js.flow +187 -187
- package/LICENSE +22 -22
- package/LinkMarkSpec.js +4 -2
- package/LinkMarkSpec.js.flow +38 -37
- package/LinkSetURLCommand.js.flow +129 -129
- package/LinkTooltipPlugin.js +31 -37
- package/LinkTooltipPlugin.js.flow +204 -217
- package/ListItemInsertNewLineCommand.js.flow +76 -76
- package/ListItemMergeCommand.js.flow +197 -197
- package/ListItemNodeSpec.js.flow +52 -52
- package/ListSplitCommand.js.flow +54 -54
- package/ListToggleCommand.js.flow +99 -99
- package/MarkNames.js +2 -1
- package/MarkNames.js.flow +20 -19
- package/MarksClearCommand.js.flow +66 -66
- package/NodeNames.js.flow +23 -23
- package/OrderedListNodeSpec.js.flow +131 -131
- package/OverrideMarkSpec.js.flow +49 -49
- package/ParagraphNodeSpec.js +21 -2
- package/ParagraphNodeSpec.js.flow +233 -215
- package/ParagraphSpacingCommand.js.flow +139 -139
- package/PrintCommand.js.flow +53 -53
- package/SelectionPlaceholderPlugin.js.flow +129 -129
- package/SpacerMarkSpec.js.flow +47 -47
- package/StrikeMarkSpec.js.flow +24 -24
- package/StrongMarkSpec.js.flow +39 -39
- package/StyleView.js.flow +18 -18
- package/TableBackgroundColorCommand.js.flow +79 -79
- package/TableBorderColorCommand.js +5 -3
- package/TableBorderColorCommand.js.flow +108 -106
- package/TableCellColorCommand.js.flow +73 -73
- package/TableCellMenuPlugin.js.flow +129 -129
- package/TableInsertCommand.js.flow +117 -117
- package/TableMergeCellsCommand.js.flow +113 -113
- package/TableNodesSpecs.js.flow +144 -144
- package/TablePlugins.js.flow +14 -14
- package/TableResizePlugin.js.flow +636 -636
- package/TextColorMarkSpec.js.flow +40 -40
- package/TextHighlightMarkSpec.js.flow +47 -47
- package/TextInsertTabSpaceCommand.js +0 -3
- package/TextInsertTabSpaceCommand.js.flow +103 -106
- package/TextNoWrapMarkSpec.js.flow +14 -14
- package/TextNodeSpec.js.flow +7 -7
- package/TextSelectionMarkSpec.js.flow +24 -24
- package/TextSubMarkSpec.js.flow +28 -28
- package/TextSuperMarkSpec.js.flow +28 -28
- package/TextUnderlineMarkSpec.js.flow +24 -24
- package/Types.js.flow +77 -77
- package/WebFontLoader.js.flow +22 -22
- package/blockQuoteInputRule.js.flow +36 -36
- package/bom.xml +8573 -8650
- package/browser.js.flow +7 -7
- package/buildEditorPlugins.js.flow +48 -48
- package/buildInputRules.js.flow +85 -85
- package/client/CollabConnector.js.flow +90 -90
- package/client/EditorConnection.js.flow +324 -324
- package/client/Licit.js +39 -39
- package/client/Licit.js.flow +649 -649
- package/client/Licit.test.js.flow +104 -104
- package/client/Reporter.js.flow +35 -35
- package/client/SimpleConnector.js.flow +61 -61
- package/client/http.js.flow +60 -60
- package/client/licit.css +12 -12
- package/client/throttle.js.flow +27 -27
- package/convertFromDOMElement.js.flow +33 -33
- package/convertFromHTML.js.flow +15 -15
- package/convertFromJSON.js.flow +53 -53
- package/convertToCSSPTValue.js.flow +19 -19
- package/convertToJSON.js.flow +7 -7
- package/createCommand.js.flow +62 -62
- package/createEditorKeyMap.js.flow +87 -87
- package/createEmptyEditorState.js.flow +29 -29
- package/createTableResizingPlugin.js.flow +86 -86
- package/findActionableCell.js.flow +74 -74
- package/findActiveMark.js.flow +32 -32
- package/hyphenize.js.flow +17 -17
- package/index.d.ts +167 -167
- package/index.js.flow +10 -10
- package/insertTable.js.flow +54 -54
- package/isEditorStateEmpty.js.flow +32 -32
- package/isTableNode.js.flow +15 -15
- package/joinDown.js.flow +25 -25
- package/joinListNode.js.flow +55 -55
- package/joinUp.js.flow +37 -37
- package/keymaps.js.flow +175 -175
- package/lookUpElement.js.flow +14 -14
- package/nodeAt.js.flow +12 -12
- package/normalizeHTML.js.flow +80 -80
- package/package.json +152 -152
- package/patchAnchorElements.js.flow +38 -38
- package/patchBreakElements.js.flow +22 -22
- package/patchElementInlineStyles.js.flow +92 -92
- package/patchListElements.js.flow +275 -275
- package/patchMathElements.js.flow +58 -58
- package/patchParagraphElements.js.flow +20 -20
- package/patchStyleElements.js.flow +197 -197
- package/patchTableElements.js.flow +88 -88
- package/rebaseDocWithSteps.js.flow +42 -42
- package/sanitizeURL.js.flow +13 -13
- package/splitListItem.js.flow +191 -191
- package/styles.css +46 -46
- package/toClosestFontPtSize.js.flow +22 -22
- package/toSafeHTMLDocument.js.flow +9 -9
- package/toggleBlockquote.js.flow +101 -101
- package/toggleCodeBlock.js.flow +102 -102
- package/ui/AlertInfo.js.flow +63 -63
- package/ui/BookmarkNodeView.js.flow +64 -64
- package/ui/CommandButton.js.flow +68 -68
- package/ui/CommandMenu.js.flow +74 -74
- package/ui/CommandMenuButton.js.flow +128 -128
- package/ui/CustomEditorView.js.flow +29 -29
- package/ui/CustomMenu.js.flow +14 -14
- package/ui/CustomMenuItem.js.flow +35 -35
- package/ui/CustomNodeView.js.flow +207 -207
- package/ui/CustomRadioButton.js.flow +63 -63
- package/ui/DocLayoutEditor.js.flow +130 -130
- package/ui/Editor.js.flow +281 -281
- package/ui/EditorFrameset.js.flow +79 -79
- package/ui/EditorToolbar.js.flow +197 -197
- package/ui/EditorToolbarConfig.js.flow +162 -162
- package/ui/FontSizeCommandMenuButton.js.flow +66 -66
- package/ui/FontTypeCommandMenuButton.js.flow +60 -60
- package/ui/Frag.js.flow +11 -11
- package/ui/Icon.js.flow +82 -82
- package/ui/ImageInlineEditor.js.flow +66 -66
- package/ui/KeyCodes.js.flow +12 -12
- package/ui/LinkTooltip.js.flow +51 -51
- package/ui/LinkURLEditor.js.flow +227 -227
- package/ui/ListItemNodeView.js.flow +101 -101
- package/ui/ListTypeButton.js.flow +121 -121
- package/ui/ListTypeCommandButton.js.flow +85 -85
- package/ui/ListTypeMenu.js.flow +78 -78
- package/ui/LoadingIndicator.js.flow +19 -19
- package/ui/PasteMenu.js.flow +52 -52
- package/ui/ResizeObserver.js.flow +105 -105
- package/ui/RichTextEditor.js.flow +133 -133
- package/ui/SelectionObserver.js.flow +134 -134
- package/ui/TableCellMenu.js.flow +49 -49
- package/ui/TableGridSizeEditor.js.flow +185 -185
- package/ui/TableNodeView.js.flow +36 -36
- package/ui/bindScrollHandler.js.flow +46 -46
- package/ui/canUseCSSFont.js.flow +42 -42
- package/ui/czi-body-layout-editor.css +16 -16
- package/ui/czi-bookmark-view.css +10 -10
- package/ui/czi-cursor-placeholder.css +36 -36
- package/ui/czi-custom-menu-button.css +18 -18
- package/ui/czi-custom-menu-item.css +30 -30
- package/ui/czi-custom-menu.css +8 -8
- package/ui/czi-custom-radio-button.css +80 -80
- package/ui/czi-custom-scrollbar.css +21 -21
- package/ui/czi-editor-frameset.css +81 -81
- package/ui/czi-editor-toolbar.css +122 -122
- package/ui/czi-editor.css +239 -216
- package/ui/czi-form.css +201 -201
- package/ui/czi-frag.css +3 -3
- package/ui/czi-heading.css +40 -40
- package/ui/czi-icon.css +72 -72
- package/ui/czi-image-resize-box.css +165 -165
- package/ui/czi-image-upload-editor.css +57 -57
- package/ui/czi-image-upload-placeholder.css +50 -50
- package/ui/czi-image-url-editor.css +38 -38
- package/ui/czi-image-view.css +121 -121
- package/ui/czi-indent.css +137 -137
- package/ui/czi-inline-editor.css +20 -20
- package/ui/czi-link-tooltip.css +112 -112
- package/ui/czi-list.css +406 -406
- package/ui/czi-loading-indicator.css +66 -66
- package/ui/czi-math-view.css +62 -62
- package/ui/czi-selection-placeholder.css +24 -24
- package/ui/czi-table-cell-menu.css +16 -16
- package/ui/czi-table-grid-size-editor.css +37 -37
- package/ui/czi-table.css +89 -89
- package/ui/czi-vars.css +47 -45
- package/ui/findActiveFontSize.js.flow +55 -55
- package/ui/findActiveFontType.js.flow +35 -35
- package/ui/fonts.css +460 -460
- package/ui/handleEditorDrop.js.flow +28 -28
- package/ui/handleEditorKeyDown.js.flow +39 -39
- package/ui/handleEditorPaste.js.flow +33 -33
- package/ui/htmlElementToRect.js.flow +18 -18
- package/ui/icon-font.css +9 -9
- package/ui/injectStyleSheet.js.flow +40 -40
- package/ui/isElementFullyVisible.js.flow +14 -14
- package/ui/isOffline.js.flow +8 -8
- package/ui/isReactClass.js.flow +12 -12
- package/ui/listType.css +21 -21
- package/ui/resolveImage.js.flow +121 -121
- package/ui/toCSSColor.js.flow +51 -51
- package/ui/toCSSLineSpacing.js.flow +53 -53
- package/ui/toHexColor.js.flow +26 -26
- package/ui/uuid.js.flow +9 -9
- package/uuid.js.flow +9 -9
|
@@ -1,40 +1,40 @@
|
|
|
1
|
-
// @flow
|
|
2
|
-
|
|
3
|
-
import { Node } from 'prosemirror-model';
|
|
4
|
-
|
|
5
|
-
import toCSSColor from './ui/toCSSColor.js';
|
|
6
|
-
|
|
7
|
-
import type { MarkSpec } from './Types.js';
|
|
8
|
-
|
|
9
|
-
const TextColorMarkSpec: MarkSpec = {
|
|
10
|
-
attrs: {
|
|
11
|
-
color: { default: null }, // Allow missing color
|
|
12
|
-
overridden: { default: false },
|
|
13
|
-
},
|
|
14
|
-
inline: true,
|
|
15
|
-
group: 'inline',
|
|
16
|
-
parseDOM: [
|
|
17
|
-
{
|
|
18
|
-
tag: 'span[style*=color]',
|
|
19
|
-
getAttrs: (dom: HTMLElement) => {
|
|
20
|
-
const { color } = dom.style;
|
|
21
|
-
const overridden = dom.getAttribute('overridden') === 'true'; // Extract overridden flag
|
|
22
|
-
return {
|
|
23
|
-
color: toCSSColor(color),
|
|
24
|
-
overridden
|
|
25
|
-
};
|
|
26
|
-
},
|
|
27
|
-
},
|
|
28
|
-
],
|
|
29
|
-
toDOM(node: Node) {
|
|
30
|
-
const { color, overridden } = node.attrs;
|
|
31
|
-
const attrs = {};
|
|
32
|
-
if (color) {
|
|
33
|
-
attrs.style = `color: ${color};`;
|
|
34
|
-
attrs['overridden'] = overridden?.toString();
|
|
35
|
-
}
|
|
36
|
-
return ['span', attrs, 0];
|
|
37
|
-
},
|
|
38
|
-
};
|
|
39
|
-
|
|
40
|
-
export default TextColorMarkSpec;
|
|
1
|
+
// @flow
|
|
2
|
+
|
|
3
|
+
import { Node } from 'prosemirror-model';
|
|
4
|
+
|
|
5
|
+
import toCSSColor from './ui/toCSSColor.js';
|
|
6
|
+
|
|
7
|
+
import type { MarkSpec } from './Types.js';
|
|
8
|
+
|
|
9
|
+
const TextColorMarkSpec: MarkSpec = {
|
|
10
|
+
attrs: {
|
|
11
|
+
color: { default: null }, // Allow missing color
|
|
12
|
+
overridden: { default: false },
|
|
13
|
+
},
|
|
14
|
+
inline: true,
|
|
15
|
+
group: 'inline',
|
|
16
|
+
parseDOM: [
|
|
17
|
+
{
|
|
18
|
+
tag: 'span[style*=color]',
|
|
19
|
+
getAttrs: (dom: HTMLElement) => {
|
|
20
|
+
const { color } = dom.style;
|
|
21
|
+
const overridden = dom.getAttribute('overridden') === 'true'; // Extract overridden flag
|
|
22
|
+
return {
|
|
23
|
+
color: toCSSColor(color),
|
|
24
|
+
overridden
|
|
25
|
+
};
|
|
26
|
+
},
|
|
27
|
+
},
|
|
28
|
+
],
|
|
29
|
+
toDOM(node: Node) {
|
|
30
|
+
const { color, overridden } = node.attrs;
|
|
31
|
+
const attrs = {};
|
|
32
|
+
if (color) {
|
|
33
|
+
attrs.style = `color: ${color};`;
|
|
34
|
+
attrs['overridden'] = overridden?.toString();
|
|
35
|
+
}
|
|
36
|
+
return ['span', attrs, 0];
|
|
37
|
+
},
|
|
38
|
+
};
|
|
39
|
+
|
|
40
|
+
export default TextColorMarkSpec;
|
|
@@ -1,47 +1,47 @@
|
|
|
1
|
-
// @flow
|
|
2
|
-
|
|
3
|
-
import { Node } from 'prosemirror-model';
|
|
4
|
-
import { isTransparent, toCSSColor } from './ui/toCSSColor.js';
|
|
5
|
-
|
|
6
|
-
import type { MarkSpec } from './Types.js';
|
|
7
|
-
|
|
8
|
-
const TextHighlightMarkSpec: MarkSpec = {
|
|
9
|
-
attrs: {
|
|
10
|
-
highlightColor: { default: null }, // Allow missing color
|
|
11
|
-
overridden: { default: false },
|
|
12
|
-
},
|
|
13
|
-
inline: true,
|
|
14
|
-
group: 'inline',
|
|
15
|
-
parseDOM: [
|
|
16
|
-
{
|
|
17
|
-
tag: 'span[style*=background-color]',
|
|
18
|
-
priority: 100,
|
|
19
|
-
getAttrs: (dom: HTMLElement) => {
|
|
20
|
-
const { backgroundColor } = dom.style;
|
|
21
|
-
const color = toCSSColor(backgroundColor);
|
|
22
|
-
const overridden = dom.getAttribute('overridden') === 'true'; // Extract overridden flag
|
|
23
|
-
|
|
24
|
-
return {
|
|
25
|
-
highlightColor: isTransparent(color) ? '' : color,
|
|
26
|
-
overridden, // Ensure overridden is captured
|
|
27
|
-
};
|
|
28
|
-
},
|
|
29
|
-
},
|
|
30
|
-
],
|
|
31
|
-
|
|
32
|
-
toDOM(node: Node) {
|
|
33
|
-
const { highlightColor, overridden } = node.attrs;
|
|
34
|
-
const attrs = {};
|
|
35
|
-
|
|
36
|
-
if (highlightColor) {
|
|
37
|
-
attrs.style = `background-color: ${highlightColor};`;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
// Store overridden flag properly as a data attribute
|
|
41
|
-
attrs['overridden'] = overridden?.toString();
|
|
42
|
-
|
|
43
|
-
return ['span', attrs, 0];
|
|
44
|
-
},
|
|
45
|
-
};
|
|
46
|
-
|
|
47
|
-
export default TextHighlightMarkSpec;
|
|
1
|
+
// @flow
|
|
2
|
+
|
|
3
|
+
import { Node } from 'prosemirror-model';
|
|
4
|
+
import { isTransparent, toCSSColor } from './ui/toCSSColor.js';
|
|
5
|
+
|
|
6
|
+
import type { MarkSpec } from './Types.js';
|
|
7
|
+
|
|
8
|
+
const TextHighlightMarkSpec: MarkSpec = {
|
|
9
|
+
attrs: {
|
|
10
|
+
highlightColor: { default: null }, // Allow missing color
|
|
11
|
+
overridden: { default: false },
|
|
12
|
+
},
|
|
13
|
+
inline: true,
|
|
14
|
+
group: 'inline',
|
|
15
|
+
parseDOM: [
|
|
16
|
+
{
|
|
17
|
+
tag: 'span[style*=background-color]',
|
|
18
|
+
priority: 100,
|
|
19
|
+
getAttrs: (dom: HTMLElement) => {
|
|
20
|
+
const { backgroundColor } = dom.style;
|
|
21
|
+
const color = toCSSColor(backgroundColor);
|
|
22
|
+
const overridden = dom.getAttribute('overridden') === 'true'; // Extract overridden flag
|
|
23
|
+
|
|
24
|
+
return {
|
|
25
|
+
highlightColor: isTransparent(color) ? '' : color,
|
|
26
|
+
overridden, // Ensure overridden is captured
|
|
27
|
+
};
|
|
28
|
+
},
|
|
29
|
+
},
|
|
30
|
+
],
|
|
31
|
+
|
|
32
|
+
toDOM(node: Node) {
|
|
33
|
+
const { highlightColor, overridden } = node.attrs;
|
|
34
|
+
const attrs = {};
|
|
35
|
+
|
|
36
|
+
if (highlightColor) {
|
|
37
|
+
attrs.style = `background-color: ${highlightColor};`;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
// Store overridden flag properly as a data attribute
|
|
41
|
+
attrs['overridden'] = overridden?.toString();
|
|
42
|
+
|
|
43
|
+
return ['span', attrs, 0];
|
|
44
|
+
},
|
|
45
|
+
};
|
|
46
|
+
|
|
47
|
+
export default TextHighlightMarkSpec;
|
|
@@ -47,9 +47,6 @@ function insertTabSpace(state, tr, schema) {
|
|
|
47
47
|
// behavior happen.
|
|
48
48
|
return tr;
|
|
49
49
|
}
|
|
50
|
-
if (found.node.type === paragraph && found.pos === from - 1) {
|
|
51
|
-
return tr;
|
|
52
|
-
}
|
|
53
50
|
var textNode = schema.text(HAIR_SPACE_CHAR);
|
|
54
51
|
tr = tr.insert(to, Fragment.from(textNode));
|
|
55
52
|
var attrs = {
|
|
@@ -1,106 +1,103 @@
|
|
|
1
|
-
// @flow
|
|
2
|
-
|
|
3
|
-
import { Fragment, Schema } from 'prosemirror-model';
|
|
4
|
-
import { EditorState, TextSelection } from 'prosemirror-state';
|
|
5
|
-
import { Transform } from 'prosemirror-transform';
|
|
6
|
-
import { findParentNodeOfType } from 'prosemirror-utils';
|
|
7
|
-
import { EditorView } from 'prosemirror-view';
|
|
8
|
-
import { MARK_SPACER } from './MarkNames.js';
|
|
9
|
-
import { HEADING, LIST_ITEM, PARAGRAPH } from './NodeNames.js';
|
|
10
|
-
import { HAIR_SPACE_CHAR, SPACER_SIZE_TAB } from './SpacerMarkSpec.js';
|
|
11
|
-
import { applyMark } from '@modusoperandi/licit-ui-commands';
|
|
12
|
-
import { UICommand } from '@modusoperandi/licit-doc-attrs-step';
|
|
13
|
-
import * as React from 'react';
|
|
14
|
-
|
|
15
|
-
function insertTabSpace(
|
|
16
|
-
state: EditorState,
|
|
17
|
-
tr: Transform,
|
|
18
|
-
schema: Schema
|
|
19
|
-
): Transform {
|
|
20
|
-
const { selection } = tr;
|
|
21
|
-
if (!selection.empty || !(selection instanceof TextSelection)) {
|
|
22
|
-
return tr;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
const markType = schema.marks[MARK_SPACER];
|
|
26
|
-
if (!markType) {
|
|
27
|
-
return tr;
|
|
28
|
-
}
|
|
29
|
-
const paragraph = schema.nodes[PARAGRAPH];
|
|
30
|
-
const heading = schema.nodes[HEADING];
|
|
31
|
-
const listItem = schema.nodes[LIST_ITEM];
|
|
32
|
-
|
|
33
|
-
const found =
|
|
34
|
-
(listItem && findParentNodeOfType(listItem)(selection)) ||
|
|
35
|
-
(paragraph && findParentNodeOfType(paragraph)(selection)) ||
|
|
36
|
-
(heading && findParentNodeOfType(heading)(selection));
|
|
37
|
-
|
|
38
|
-
if (!found) {
|
|
39
|
-
return tr;
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
const { from, to } = selection;
|
|
43
|
-
if (found.node.type === listItem && found.pos === from - 2) {
|
|
44
|
-
// Cursur is at the begin of the list-item, let the default indentation
|
|
45
|
-
// behavior happen.
|
|
46
|
-
return tr;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
}
|
|
105
|
-
|
|
106
|
-
export default TextInsertTabSpaceCommand;
|
|
1
|
+
// @flow
|
|
2
|
+
|
|
3
|
+
import { Fragment, Schema } from 'prosemirror-model';
|
|
4
|
+
import { EditorState, TextSelection } from 'prosemirror-state';
|
|
5
|
+
import { Transform } from 'prosemirror-transform';
|
|
6
|
+
import { findParentNodeOfType } from 'prosemirror-utils';
|
|
7
|
+
import { EditorView } from 'prosemirror-view';
|
|
8
|
+
import { MARK_SPACER } from './MarkNames.js';
|
|
9
|
+
import { HEADING, LIST_ITEM, PARAGRAPH } from './NodeNames.js';
|
|
10
|
+
import { HAIR_SPACE_CHAR, SPACER_SIZE_TAB } from './SpacerMarkSpec.js';
|
|
11
|
+
import { applyMark } from '@modusoperandi/licit-ui-commands';
|
|
12
|
+
import { UICommand } from '@modusoperandi/licit-doc-attrs-step';
|
|
13
|
+
import * as React from 'react';
|
|
14
|
+
|
|
15
|
+
function insertTabSpace(
|
|
16
|
+
state: EditorState,
|
|
17
|
+
tr: Transform,
|
|
18
|
+
schema: Schema
|
|
19
|
+
): Transform {
|
|
20
|
+
const { selection } = tr;
|
|
21
|
+
if (!selection.empty || !(selection instanceof TextSelection)) {
|
|
22
|
+
return tr;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
const markType = schema.marks[MARK_SPACER];
|
|
26
|
+
if (!markType) {
|
|
27
|
+
return tr;
|
|
28
|
+
}
|
|
29
|
+
const paragraph = schema.nodes[PARAGRAPH];
|
|
30
|
+
const heading = schema.nodes[HEADING];
|
|
31
|
+
const listItem = schema.nodes[LIST_ITEM];
|
|
32
|
+
|
|
33
|
+
const found =
|
|
34
|
+
(listItem && findParentNodeOfType(listItem)(selection)) ||
|
|
35
|
+
(paragraph && findParentNodeOfType(paragraph)(selection)) ||
|
|
36
|
+
(heading && findParentNodeOfType(heading)(selection));
|
|
37
|
+
|
|
38
|
+
if (!found) {
|
|
39
|
+
return tr;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
const { from, to } = selection;
|
|
43
|
+
if (found.node.type === listItem && found.pos === from - 2) {
|
|
44
|
+
// Cursur is at the begin of the list-item, let the default indentation
|
|
45
|
+
// behavior happen.
|
|
46
|
+
return tr;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
const textNode = schema.text(HAIR_SPACE_CHAR);
|
|
50
|
+
tr = tr.insert(to, Fragment.from(textNode));
|
|
51
|
+
const attrs = {
|
|
52
|
+
size: SPACER_SIZE_TAB,
|
|
53
|
+
};
|
|
54
|
+
|
|
55
|
+
tr = tr.setSelection(TextSelection.create(tr.doc, to, to + 1));
|
|
56
|
+
|
|
57
|
+
tr = applyMark(tr, schema, markType, attrs);
|
|
58
|
+
|
|
59
|
+
tr = tr.setSelection(TextSelection.create(tr.doc, to + 1, to + 1));
|
|
60
|
+
|
|
61
|
+
return tr;
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
class TextInsertTabSpaceCommand extends UICommand {
|
|
65
|
+
execute = (
|
|
66
|
+
state: EditorState,
|
|
67
|
+
dispatch: ?(tr: Transform) => void,
|
|
68
|
+
view: ?EditorView,
|
|
69
|
+
event: ?SyntheticEvent<>
|
|
70
|
+
): boolean => {
|
|
71
|
+
const { schema, tr } = state;
|
|
72
|
+
const trNext = insertTabSpace(state, tr, schema);
|
|
73
|
+
if (trNext.docChanged) {
|
|
74
|
+
dispatch && dispatch(trNext);
|
|
75
|
+
return true;
|
|
76
|
+
}
|
|
77
|
+
return false;
|
|
78
|
+
};
|
|
79
|
+
|
|
80
|
+
waitForUserInput = (
|
|
81
|
+
_state: EditorState,
|
|
82
|
+
_dispatch: ?(tr: Transform) => void,
|
|
83
|
+
_view: ?EditorView,
|
|
84
|
+
_event: ?React.SyntheticEvent
|
|
85
|
+
): Promise<undefined> => {
|
|
86
|
+
return Promise.resolve(undefined);
|
|
87
|
+
};
|
|
88
|
+
|
|
89
|
+
executeWithUserInput = (
|
|
90
|
+
_state: EditorState,
|
|
91
|
+
_dispatch: ?(tr: Transform) => void,
|
|
92
|
+
_view: ?EditorView,
|
|
93
|
+
_inputs: ?string
|
|
94
|
+
): boolean => {
|
|
95
|
+
return false;
|
|
96
|
+
};
|
|
97
|
+
|
|
98
|
+
cancel(): void {
|
|
99
|
+
return null;
|
|
100
|
+
}
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
export default TextInsertTabSpaceCommand;
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
// @flow
|
|
2
|
-
|
|
3
|
-
import type { MarkSpec } from './Types.js';
|
|
4
|
-
|
|
5
|
-
const NO_WRAP_DOM = ['nobr', 0];
|
|
6
|
-
|
|
7
|
-
const TextNoWrapMarkSpec: MarkSpec = {
|
|
8
|
-
parseDOM: [{ tag: 'nobr' }],
|
|
9
|
-
toDOM() {
|
|
10
|
-
return NO_WRAP_DOM;
|
|
11
|
-
},
|
|
12
|
-
};
|
|
13
|
-
|
|
14
|
-
export default TextNoWrapMarkSpec;
|
|
1
|
+
// @flow
|
|
2
|
+
|
|
3
|
+
import type { MarkSpec } from './Types.js';
|
|
4
|
+
|
|
5
|
+
const NO_WRAP_DOM = ['nobr', 0];
|
|
6
|
+
|
|
7
|
+
const TextNoWrapMarkSpec: MarkSpec = {
|
|
8
|
+
parseDOM: [{ tag: 'nobr' }],
|
|
9
|
+
toDOM() {
|
|
10
|
+
return NO_WRAP_DOM;
|
|
11
|
+
},
|
|
12
|
+
};
|
|
13
|
+
|
|
14
|
+
export default TextNoWrapMarkSpec;
|
package/TextNodeSpec.js.flow
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
// @flow
|
|
2
|
-
|
|
3
|
-
const TextNodeSpec = {
|
|
4
|
-
group: 'inline',
|
|
5
|
-
};
|
|
6
|
-
|
|
7
|
-
export default TextNodeSpec;
|
|
1
|
+
// @flow
|
|
2
|
+
|
|
3
|
+
const TextNodeSpec = {
|
|
4
|
+
group: 'inline',
|
|
5
|
+
};
|
|
6
|
+
|
|
7
|
+
export default TextNodeSpec;
|
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
// @flow
|
|
2
|
-
|
|
3
|
-
import { Node } from 'prosemirror-model';
|
|
4
|
-
|
|
5
|
-
import type { MarkSpec } from './Types.js';
|
|
6
|
-
|
|
7
|
-
const TextSelectionMarkSpec: MarkSpec = {
|
|
8
|
-
attrs: {
|
|
9
|
-
id: '',
|
|
10
|
-
},
|
|
11
|
-
inline: true,
|
|
12
|
-
group: 'inline',
|
|
13
|
-
parseDOM: [
|
|
14
|
-
{
|
|
15
|
-
tag: 'czi-text-selection',
|
|
16
|
-
},
|
|
17
|
-
],
|
|
18
|
-
|
|
19
|
-
toDOM(node: Node) {
|
|
20
|
-
return ['czi-text-selection', { class: 'czi-text-selection' }, 0];
|
|
21
|
-
},
|
|
22
|
-
};
|
|
23
|
-
|
|
24
|
-
export default TextSelectionMarkSpec;
|
|
1
|
+
// @flow
|
|
2
|
+
|
|
3
|
+
import { Node } from 'prosemirror-model';
|
|
4
|
+
|
|
5
|
+
import type { MarkSpec } from './Types.js';
|
|
6
|
+
|
|
7
|
+
const TextSelectionMarkSpec: MarkSpec = {
|
|
8
|
+
attrs: {
|
|
9
|
+
id: '',
|
|
10
|
+
},
|
|
11
|
+
inline: true,
|
|
12
|
+
group: 'inline',
|
|
13
|
+
parseDOM: [
|
|
14
|
+
{
|
|
15
|
+
tag: 'czi-text-selection',
|
|
16
|
+
},
|
|
17
|
+
],
|
|
18
|
+
|
|
19
|
+
toDOM(node: Node) {
|
|
20
|
+
return ['czi-text-selection', { class: 'czi-text-selection' }, 0];
|
|
21
|
+
},
|
|
22
|
+
};
|
|
23
|
+
|
|
24
|
+
export default TextSelectionMarkSpec;
|
package/TextSubMarkSpec.js.flow
CHANGED
|
@@ -1,28 +1,28 @@
|
|
|
1
|
-
// @flow
|
|
2
|
-
|
|
3
|
-
import type { MarkSpec } from './Types.js';
|
|
4
|
-
|
|
5
|
-
const TextSubMarkSpec: MarkSpec = {
|
|
6
|
-
attrs: {
|
|
7
|
-
overridden: { default: false },
|
|
8
|
-
},
|
|
9
|
-
parseDOM: [
|
|
10
|
-
{
|
|
11
|
-
tag: 'sub',
|
|
12
|
-
priority: 150,
|
|
13
|
-
getAttrs: (dom: HTMLElement) => {
|
|
14
|
-
const _overridden = dom.getAttribute('overridden');
|
|
15
|
-
return { overridden: _overridden === 'true' };
|
|
16
|
-
}
|
|
17
|
-
},
|
|
18
|
-
{
|
|
19
|
-
style: 'vertical-align',
|
|
20
|
-
getAttrs: (value) => (value === 'sub' ? { overridden: true } : null),
|
|
21
|
-
},
|
|
22
|
-
],
|
|
23
|
-
toDOM(mark) {
|
|
24
|
-
return ['sub', { overridden: mark.attrs.overridden }, 0];
|
|
25
|
-
},
|
|
26
|
-
};
|
|
27
|
-
|
|
28
|
-
export default TextSubMarkSpec;
|
|
1
|
+
// @flow
|
|
2
|
+
|
|
3
|
+
import type { MarkSpec } from './Types.js';
|
|
4
|
+
|
|
5
|
+
const TextSubMarkSpec: MarkSpec = {
|
|
6
|
+
attrs: {
|
|
7
|
+
overridden: { default: false },
|
|
8
|
+
},
|
|
9
|
+
parseDOM: [
|
|
10
|
+
{
|
|
11
|
+
tag: 'sub',
|
|
12
|
+
priority: 150,
|
|
13
|
+
getAttrs: (dom: HTMLElement) => {
|
|
14
|
+
const _overridden = dom.getAttribute('overridden');
|
|
15
|
+
return { overridden: _overridden === 'true' };
|
|
16
|
+
}
|
|
17
|
+
},
|
|
18
|
+
{
|
|
19
|
+
style: 'vertical-align',
|
|
20
|
+
getAttrs: (value) => (value === 'sub' ? { overridden: true } : null),
|
|
21
|
+
},
|
|
22
|
+
],
|
|
23
|
+
toDOM(mark) {
|
|
24
|
+
return ['sub', { overridden: mark.attrs.overridden }, 0];
|
|
25
|
+
},
|
|
26
|
+
};
|
|
27
|
+
|
|
28
|
+
export default TextSubMarkSpec;
|
|
@@ -1,28 +1,28 @@
|
|
|
1
|
-
// @flow
|
|
2
|
-
|
|
3
|
-
import type { MarkSpec } from './Types.js';
|
|
4
|
-
|
|
5
|
-
const TextSuperMarkSpec: MarkSpec = {
|
|
6
|
-
attrs: {
|
|
7
|
-
overridden: { default: false },
|
|
8
|
-
},
|
|
9
|
-
parseDOM: [
|
|
10
|
-
{
|
|
11
|
-
tag: 'sup',
|
|
12
|
-
getAttrs: (dom: HTMLElement) => {
|
|
13
|
-
const _overridden = dom.getAttribute('overridden');
|
|
14
|
-
return { overridden: _overridden === 'true' };
|
|
15
|
-
}
|
|
16
|
-
},
|
|
17
|
-
|
|
18
|
-
{
|
|
19
|
-
style: 'vertical-align',
|
|
20
|
-
getAttrs: (value) => (value === 'sup' ? { overridden: true } : null),
|
|
21
|
-
},
|
|
22
|
-
],
|
|
23
|
-
toDOM(mark) {
|
|
24
|
-
return ['sup', { overridden: mark.attrs.overridden }, 0];
|
|
25
|
-
},
|
|
26
|
-
};
|
|
27
|
-
|
|
28
|
-
export default TextSuperMarkSpec;
|
|
1
|
+
// @flow
|
|
2
|
+
|
|
3
|
+
import type { MarkSpec } from './Types.js';
|
|
4
|
+
|
|
5
|
+
const TextSuperMarkSpec: MarkSpec = {
|
|
6
|
+
attrs: {
|
|
7
|
+
overridden: { default: false },
|
|
8
|
+
},
|
|
9
|
+
parseDOM: [
|
|
10
|
+
{
|
|
11
|
+
tag: 'sup',
|
|
12
|
+
getAttrs: (dom: HTMLElement) => {
|
|
13
|
+
const _overridden = dom.getAttribute('overridden');
|
|
14
|
+
return { overridden: _overridden === 'true' };
|
|
15
|
+
}
|
|
16
|
+
},
|
|
17
|
+
|
|
18
|
+
{
|
|
19
|
+
style: 'vertical-align',
|
|
20
|
+
getAttrs: (value) => (value === 'sup' ? { overridden: true } : null),
|
|
21
|
+
},
|
|
22
|
+
],
|
|
23
|
+
toDOM(mark) {
|
|
24
|
+
return ['sup', { overridden: mark.attrs.overridden }, 0];
|
|
25
|
+
},
|
|
26
|
+
};
|
|
27
|
+
|
|
28
|
+
export default TextSuperMarkSpec;
|
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
// @flow
|
|
2
|
-
|
|
3
|
-
import type { MarkSpec } from './Types.js';
|
|
4
|
-
|
|
5
|
-
// https://bitbucket.org/atlassian/atlaskit/src/34facee3f461/packages/editor-core/src/schema/nodes/?at=master
|
|
6
|
-
const TextUnderlineMarkSpec: MarkSpec = {
|
|
7
|
-
attrs: {
|
|
8
|
-
overridden: { default: false },
|
|
9
|
-
},
|
|
10
|
-
parseDOM: [
|
|
11
|
-
{
|
|
12
|
-
tag: 'u',
|
|
13
|
-
getAttrs: (dom: HTMLElement) => {
|
|
14
|
-
const _overridden = dom.getAttribute('overridden');
|
|
15
|
-
return { overridden: _overridden === 'true' };
|
|
16
|
-
}
|
|
17
|
-
},
|
|
18
|
-
],
|
|
19
|
-
toDOM(mark) {
|
|
20
|
-
return ['u', { overridden: mark.attrs.overridden }, 0];
|
|
21
|
-
},
|
|
22
|
-
};
|
|
23
|
-
|
|
24
|
-
export default TextUnderlineMarkSpec;
|
|
1
|
+
// @flow
|
|
2
|
+
|
|
3
|
+
import type { MarkSpec } from './Types.js';
|
|
4
|
+
|
|
5
|
+
// https://bitbucket.org/atlassian/atlaskit/src/34facee3f461/packages/editor-core/src/schema/nodes/?at=master
|
|
6
|
+
const TextUnderlineMarkSpec: MarkSpec = {
|
|
7
|
+
attrs: {
|
|
8
|
+
overridden: { default: false },
|
|
9
|
+
},
|
|
10
|
+
parseDOM: [
|
|
11
|
+
{
|
|
12
|
+
tag: 'u',
|
|
13
|
+
getAttrs: (dom: HTMLElement) => {
|
|
14
|
+
const _overridden = dom.getAttribute('overridden');
|
|
15
|
+
return { overridden: _overridden === 'true' };
|
|
16
|
+
}
|
|
17
|
+
},
|
|
18
|
+
],
|
|
19
|
+
toDOM(mark) {
|
|
20
|
+
return ['u', { overridden: mark.attrs.overridden }, 0];
|
|
21
|
+
},
|
|
22
|
+
};
|
|
23
|
+
|
|
24
|
+
export default TextUnderlineMarkSpec;
|