@modusoperandi/licit 1.0.4 → 1.0.5

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.
Files changed (317) hide show
  1. package/BlockquoteInsertNewLineCommand.js +7 -8
  2. package/BlockquoteInsertNewLineCommand.js.flow +77 -77
  3. package/BlockquoteNodeSpec.js +1 -1
  4. package/BlockquoteNodeSpec.js.flow +30 -30
  5. package/BlockquoteToggleCommand.js +8 -9
  6. package/BlockquoteToggleCommand.js.flow +56 -56
  7. package/BookmarkNodeSpec.js +1 -1
  8. package/BookmarkNodeSpec.js.flow +39 -39
  9. package/BulletListNodeSpec.js.flow +61 -61
  10. package/CZIProseMirror.js.flow +90 -90
  11. package/CodeBlockCommand.js +8 -9
  12. package/CodeBlockCommand.js.flow +65 -65
  13. package/CodeBlockNodeSpec.js.flow +24 -24
  14. package/CodeMarkSpec.js.flow +14 -14
  15. package/ContentPlaceholderPlugin.js +3 -4
  16. package/ContentPlaceholderPlugin.js.flow +187 -187
  17. package/CursorPlaceholderPlugin.js +4 -4
  18. package/CursorPlaceholderPlugin.js.flow +115 -115
  19. package/DocLayoutCommand.js +9 -10
  20. package/DocLayoutCommand.js.flow +99 -99
  21. package/DocNodeSpec.js.flow +64 -64
  22. package/EMMarkSpec.js.flow +14 -14
  23. package/EditorCommands.js.flow +126 -126
  24. package/EditorKeyMap.js.flow +187 -187
  25. package/EditorMarks.js +1 -1
  26. package/EditorMarks.js.flow +71 -71
  27. package/EditorNodes.js +1 -1
  28. package/EditorNodes.js.flow +59 -59
  29. package/EditorPageLayoutPlugin.js +2 -2
  30. package/EditorPageLayoutPlugin.js.flow +67 -67
  31. package/EditorPlugins.js.flow +8 -8
  32. package/EditorSchema.js.flow +12 -12
  33. package/EditorState.js.flow +7 -7
  34. package/FontSizeMarkSpec.js.flow +49 -49
  35. package/FontTypeMarkSpec.js.flow +80 -80
  36. package/HTMLMutator.js +2 -3
  37. package/HTMLMutator.js.flow +59 -59
  38. package/HardBreakNodeSpec.js.flow +15 -15
  39. package/HeadingNodeSpec.js +1 -1
  40. package/HeadingNodeSpec.js.flow +52 -52
  41. package/HistoryRedoCommand.js +7 -8
  42. package/HistoryRedoCommand.js.flow +41 -41
  43. package/HistoryUndoCommand.js +7 -8
  44. package/HistoryUndoCommand.js.flow +41 -41
  45. package/HorizontalRuleCommand.js +7 -8
  46. package/HorizontalRuleCommand.js.flow +71 -71
  47. package/HorizontalRuleNodeSpec.js.flow +39 -39
  48. package/ImageUploadPlaceholderPlugin.js +2 -2
  49. package/ImageUploadPlaceholderPlugin.js.flow +192 -192
  50. package/LinkMarkSpec.js.flow +32 -32
  51. package/LinkSetURLCommand.js +8 -9
  52. package/LinkSetURLCommand.js.flow +117 -117
  53. package/LinkTooltipPlugin.js +3 -4
  54. package/LinkTooltipPlugin.js.flow +190 -190
  55. package/ListItemInsertNewLineCommand.js +7 -8
  56. package/ListItemInsertNewLineCommand.js.flow +77 -77
  57. package/ListItemMergeCommand.js +9 -10
  58. package/ListItemMergeCommand.js.flow +199 -199
  59. package/ListItemNodeSpec.js.flow +52 -52
  60. package/ListSplitCommand.js +7 -8
  61. package/ListSplitCommand.js.flow +54 -54
  62. package/ListToggleCommand.js +11 -12
  63. package/ListToggleCommand.js.flow +99 -99
  64. package/MarkNames.js.flow +18 -18
  65. package/MarksClearCommand.js +9 -10
  66. package/MarksClearCommand.js.flow +65 -65
  67. package/MathEditCommand.js +8 -9
  68. package/MathEditCommand.js.flow +120 -120
  69. package/MathNodeSpec.js.flow +46 -46
  70. package/NodeNames.js.flow +23 -23
  71. package/OrderedListNodeSpec.js +1 -1
  72. package/OrderedListNodeSpec.js.flow +132 -132
  73. package/ParagraphNodeSpec.js.flow +156 -156
  74. package/ParagraphSpacingCommand.js +9 -10
  75. package/ParagraphSpacingCommand.js.flow +144 -144
  76. package/PrintCommand.js +9 -10
  77. package/PrintCommand.js.flow +53 -53
  78. package/SelectionPlaceholderPlugin.js +4 -4
  79. package/SelectionPlaceholderPlugin.js.flow +131 -131
  80. package/SpacerMarkSpec.js +1 -1
  81. package/SpacerMarkSpec.js.flow +47 -47
  82. package/StrikeMarkSpec.js.flow +21 -21
  83. package/StrongMarkSpec.js.flow +25 -25
  84. package/StyleView.js +2 -3
  85. package/StyleView.js.flow +19 -19
  86. package/TableBackgroundColorCommand.js +25 -12
  87. package/TableBackgroundColorCommand.js.flow +83 -75
  88. package/TableBorderColorCommand.js +25 -12
  89. package/TableBorderColorCommand.js.flow +86 -75
  90. package/TableCellColorCommand.js +11 -11
  91. package/TableCellColorCommand.js.flow +75 -75
  92. package/TableCellMenuPlugin.js +3 -4
  93. package/TableCellMenuPlugin.js.flow +132 -132
  94. package/TableInsertCommand.js +9 -10
  95. package/TableInsertCommand.js.flow +120 -120
  96. package/TableMergeCellsCommand.js +7 -8
  97. package/TableMergeCellsCommand.js.flow +112 -112
  98. package/TableNodesSpecs.js.flow +78 -78
  99. package/TablePlugins.js.flow +14 -14
  100. package/TableResizePlugin.js +3 -4
  101. package/TableResizePlugin.js.flow +631 -631
  102. package/TextColorMarkSpec.js.flow +35 -35
  103. package/TextHighlightMarkSpec.js.flow +38 -38
  104. package/TextInsertTabSpaceCommand.js +7 -8
  105. package/TextInsertTabSpaceCommand.js.flow +106 -106
  106. package/TextNoWrapMarkSpec.js.flow +14 -14
  107. package/TextNodeSpec.js.flow +7 -7
  108. package/TextSelectionMarkSpec.js.flow +24 -24
  109. package/TextSubMarkSpec.js.flow +20 -20
  110. package/TextSuperMarkSpec.js.flow +20 -20
  111. package/TextUnderlineMarkSpec.js.flow +27 -27
  112. package/Types.js +5 -0
  113. package/Types.js.flow +80 -75
  114. package/WebFontLoader.js +2 -3
  115. package/WebFontLoader.js.flow +22 -22
  116. package/blockQuoteInputRule.js.flow +36 -36
  117. package/bom.xml +21569 -23179
  118. package/browser.js.flow +7 -7
  119. package/buildEditorPlugins.js +2 -3
  120. package/buildEditorPlugins.js.flow +49 -49
  121. package/buildInputRules.js.flow +81 -81
  122. package/client/CollabConnector.js +12 -12
  123. package/client/CollabConnector.js.flow +90 -90
  124. package/client/EditorConnection.js +2 -3
  125. package/client/EditorConnection.js.flow +323 -323
  126. package/client/Licit.js +59 -60
  127. package/client/Licit.js.flow +643 -643
  128. package/client/Licit.test.js +2 -2
  129. package/client/Licit.test.js.flow +98 -98
  130. package/client/Reporter.js +2 -3
  131. package/client/Reporter.js.flow +37 -37
  132. package/client/SimpleConnector.js +1 -1
  133. package/client/SimpleConnector.js.flow +61 -61
  134. package/client/http.js.flow +70 -70
  135. package/client/licit.css +12 -12
  136. package/client/throttle.js.flow +27 -27
  137. package/convertFromDOMElement.js.flow +36 -36
  138. package/convertFromHTML.js.flow +17 -17
  139. package/convertFromJSON.js.flow +56 -56
  140. package/convertToCSSPTValue.js.flow +22 -22
  141. package/convertToJSON.js.flow +7 -7
  142. package/createCommand.js +8 -9
  143. package/createCommand.js.flow +62 -62
  144. package/createEditorKeyMap.js +1 -1
  145. package/createEditorKeyMap.js.flow +94 -94
  146. package/createEmptyEditorState.js.flow +31 -31
  147. package/createTableResizingPlugin.js.flow +86 -86
  148. package/findActionableCell.js.flow +74 -74
  149. package/findActiveMark.js.flow +32 -32
  150. package/hyphenize.js.flow +17 -17
  151. package/index.d.ts +165 -165
  152. package/index.js.flow +10 -10
  153. package/insertTable.js.flow +56 -56
  154. package/isEditorStateEmpty.js.flow +32 -32
  155. package/isTableNode.js.flow +15 -15
  156. package/joinDown.js.flow +27 -27
  157. package/joinListNode.js.flow +55 -55
  158. package/joinUp.js.flow +39 -39
  159. package/keymaps.js.flow +185 -185
  160. package/lookUpElement.js.flow +14 -14
  161. package/nodeAt.js.flow +12 -12
  162. package/normalizeHTML.js.flow +78 -78
  163. package/package.json +156 -155
  164. package/patchAnchorElements.js.flow +38 -38
  165. package/patchBreakElements.js.flow +22 -22
  166. package/patchElementInlineStyles.js.flow +92 -92
  167. package/patchListElements.js.flow +276 -276
  168. package/patchMathElements.js.flow +60 -60
  169. package/patchParagraphElements.js.flow +20 -20
  170. package/patchStyleElements.js.flow +196 -196
  171. package/patchTableElements.js.flow +89 -89
  172. package/rebaseDocWithSteps.js.flow +42 -42
  173. package/sanitizeURL.js.flow +13 -13
  174. package/splitListItem.js +1 -1
  175. package/splitListItem.js.flow +191 -191
  176. package/styles.css +19 -19
  177. package/styles0.css +29 -29
  178. package/toClosestFontPtSize.js.flow +22 -22
  179. package/toSafeHTMLDocument.js.flow +9 -9
  180. package/toggleBlockquote.js.flow +108 -108
  181. package/toggleCodeBlock.js.flow +102 -102
  182. package/ui/AlertInfo.js +7 -8
  183. package/ui/AlertInfo.js.flow +64 -64
  184. package/ui/BookmarkNodeView.js +8 -10
  185. package/ui/BookmarkNodeView.js.flow +66 -66
  186. package/ui/CommandButton.js +7 -8
  187. package/ui/CommandButton.js.flow +68 -68
  188. package/ui/CommandMenu.js +8 -9
  189. package/ui/CommandMenu.js.flow +75 -75
  190. package/ui/CommandMenuButton.js +13 -14
  191. package/ui/CommandMenuButton.js.flow +131 -131
  192. package/ui/CustomEditorView.js +8 -9
  193. package/ui/CustomEditorView.js.flow +28 -28
  194. package/ui/CustomMenu.js +3 -4
  195. package/ui/CustomMenu.js.flow +17 -17
  196. package/ui/CustomMenuItem.js +6 -8
  197. package/ui/CustomMenuItem.js.flow +36 -36
  198. package/ui/CustomNodeView.js +2 -3
  199. package/ui/CustomNodeView.js.flow +200 -200
  200. package/ui/CustomRadioButton.js +6 -7
  201. package/ui/CustomRadioButton.js.flow +65 -65
  202. package/ui/DocLayoutEditor.js +9 -10
  203. package/ui/DocLayoutEditor.js.flow +146 -146
  204. package/ui/Editor.js +15 -16
  205. package/ui/Editor.js.flow +288 -288
  206. package/ui/EditorFrameset.js +5 -6
  207. package/ui/EditorFrameset.js.flow +81 -81
  208. package/ui/EditorToolbar.js +13 -14
  209. package/ui/EditorToolbar.js.flow +218 -218
  210. package/ui/EditorToolbarConfig.js.flow +164 -164
  211. package/ui/FontSizeCommandMenuButton.js +5 -6
  212. package/ui/FontSizeCommandMenuButton.js.flow +66 -66
  213. package/ui/FontTypeCommandMenuButton.js +5 -6
  214. package/ui/FontTypeCommandMenuButton.js.flow +61 -61
  215. package/ui/Frag.js +3 -4
  216. package/ui/Frag.js.flow +13 -13
  217. package/ui/Icon.js +9 -12
  218. package/ui/Icon.js.flow +89 -89
  219. package/ui/ImageInlineEditor.js +6 -7
  220. package/ui/ImageInlineEditor.js.flow +67 -67
  221. package/ui/KeyCodes.js.flow +12 -12
  222. package/ui/LinkTooltip.js +9 -10
  223. package/ui/LinkTooltip.js.flow +85 -85
  224. package/ui/LinkURLEditor.js +9 -10
  225. package/ui/LinkURLEditor.js.flow +117 -117
  226. package/ui/ListItemNodeView.js +2 -3
  227. package/ui/ListItemNodeView.js.flow +98 -98
  228. package/ui/ListTypeButton.js +13 -14
  229. package/ui/ListTypeButton.js.flow +131 -131
  230. package/ui/ListTypeCommandButton.js +5 -6
  231. package/ui/ListTypeCommandButton.js.flow +85 -85
  232. package/ui/ListTypeMenu.js +11 -12
  233. package/ui/ListTypeMenu.js.flow +70 -70
  234. package/ui/LoadingIndicator.js +3 -4
  235. package/ui/LoadingIndicator.js.flow +20 -20
  236. package/ui/MathEditor.js +10 -11
  237. package/ui/MathEditor.js.flow +78 -78
  238. package/ui/MathInlineEditor.js +8 -9
  239. package/ui/MathInlineEditor.js.flow +102 -102
  240. package/ui/MathNodeView.js +14 -16
  241. package/ui/MathNodeView.js.flow +186 -186
  242. package/ui/PasteMenu.js +10 -11
  243. package/ui/PasteMenu.js.flow +57 -57
  244. package/ui/ResizeObserver.js.flow +106 -106
  245. package/ui/RichTextEditor.js +9 -10
  246. package/ui/RichTextEditor.js.flow +133 -133
  247. package/ui/SelectionObserver.js +2 -3
  248. package/ui/SelectionObserver.js.flow +134 -134
  249. package/ui/TableCellMenu.js +6 -7
  250. package/ui/TableCellMenu.js.flow +51 -51
  251. package/ui/TableGridSizeEditor.js +19 -21
  252. package/ui/TableGridSizeEditor.js.flow +184 -184
  253. package/ui/TableNodeView.js +3 -4
  254. package/ui/TableNodeView.js.flow +25 -25
  255. package/ui/bindScrollHandler.js.flow +46 -46
  256. package/ui/canUseCSSFont.js.flow +43 -43
  257. package/ui/czi-body-layout-editor.css +16 -16
  258. package/ui/czi-bookmark-view.css +10 -10
  259. package/ui/czi-cursor-placeholder.css +36 -36
  260. package/ui/czi-custom-menu-button.css +18 -18
  261. package/ui/czi-custom-menu-item.css +30 -30
  262. package/ui/czi-custom-menu.css +8 -8
  263. package/ui/czi-custom-radio-button.css +80 -80
  264. package/ui/czi-custom-scrollbar.css +21 -21
  265. package/ui/czi-editor-frameset.css +81 -81
  266. package/ui/czi-editor-toolbar.css +122 -122
  267. package/ui/czi-editor.css +220 -220
  268. package/ui/czi-form.css +107 -107
  269. package/ui/czi-frag.css +3 -3
  270. package/ui/czi-heading.css +40 -40
  271. package/ui/czi-icon.css +72 -72
  272. package/ui/czi-image-resize-box.css +165 -165
  273. package/ui/czi-image-upload-editor.css +57 -57
  274. package/ui/czi-image-upload-placeholder.css +50 -50
  275. package/ui/czi-image-url-editor.css +38 -38
  276. package/ui/czi-image-view.css +125 -125
  277. package/ui/czi-indent.css +137 -137
  278. package/ui/czi-inline-editor.css +20 -20
  279. package/ui/czi-link-tooltip.css +71 -71
  280. package/ui/czi-list.css +410 -410
  281. package/ui/czi-loading-indicator.css +111 -111
  282. package/ui/czi-math-view.css +62 -62
  283. package/ui/czi-selection-placeholder.css +24 -24
  284. package/ui/czi-table-cell-menu.css +14 -14
  285. package/ui/czi-table-grid-size-editor.css +37 -37
  286. package/ui/czi-table.css +87 -87
  287. package/ui/czi-vars.css +2 -2
  288. package/ui/findActiveFontSize.js.flow +58 -58
  289. package/ui/findActiveFontType.js.flow +38 -38
  290. package/ui/fonts.css +460 -460
  291. package/ui/handleEditorDrop.js.flow +28 -28
  292. package/ui/handleEditorKeyDown.js.flow +39 -39
  293. package/ui/handleEditorPaste.js.flow +33 -33
  294. package/ui/htmlElementToRect.js.flow +18 -18
  295. package/ui/icon-font.css +9 -9
  296. package/ui/injectStyleSheet.js.flow +42 -42
  297. package/ui/isElementFullyVisible.js.flow +26 -26
  298. package/ui/isOffline.js.flow +8 -8
  299. package/ui/isReactClass.js.flow +12 -12
  300. package/ui/listType.css +21 -21
  301. package/ui/mathquill-editor/MathQuillEditor.js +15 -17
  302. package/ui/mathquill-editor/MathQuillEditor.js.flow +159 -159
  303. package/ui/mathquill-editor/MathQuillEditorSymbols.js.flow +483 -483
  304. package/ui/mathquill-editor/MathQuillEditorSymbolsPanel.js +6 -7
  305. package/ui/mathquill-editor/MathQuillEditorSymbolsPanel.js.flow +50 -50
  306. package/ui/mathquill-editor/czi-mathquill-editor-symbols-panel.css +39 -39
  307. package/ui/mathquill-editor/czi-mathquill-editor.css +50 -50
  308. package/ui/mathquill-editor/mathquill-import-kludge.js.flow +24 -24
  309. package/ui/renderLaTeXAsHTML.js +1 -1
  310. package/ui/renderLaTeXAsHTML.js.flow +46 -46
  311. package/ui/resolveImage.js +1 -1
  312. package/ui/resolveImage.js.flow +123 -123
  313. package/ui/toCSSColor.js.flow +51 -51
  314. package/ui/toCSSLineSpacing.js.flow +55 -55
  315. package/ui/toHexColor.js.flow +26 -26
  316. package/ui/uuid.js.flow +9 -9
  317. package/uuid.js.flow +9 -9
@@ -1,199 +1,199 @@
1
- // @flow
2
-
3
- import nullthrows from 'nullthrows';
4
- import { Fragment, Schema } from 'prosemirror-model';
5
- import { EditorState } from 'prosemirror-state';
6
- import { TextSelection } from 'prosemirror-state';
7
- import { Transform } from 'prosemirror-transform';
8
- import { findParentNodeOfType } from 'prosemirror-utils';
9
- import { EditorView } from 'prosemirror-view';
10
- import * as React from 'react';
11
- import { HEADING, LIST_ITEM, PARAGRAPH } from './NodeNames.js';
12
- import nodeAt from './nodeAt.js';
13
- import { UICommand } from '@modusoperandi/licit-doc-attrs-step';
14
-
15
- function mergeListItemUp(tr: Transform, schema: Schema): Transform {
16
- // This merge a list item to is previous list item of the selection is at the
17
- // beginning of the list item.
18
- const { selection } = tr;
19
- if (!selection) {
20
- return tr;
21
- }
22
- const nodeType = schema.nodes[LIST_ITEM];
23
- if (!nodeType) {
24
- return tr;
25
- }
26
- const { from, empty } = selection;
27
- if (!empty) {
28
- // Selection is collapsed.
29
- return tr;
30
- }
31
- const result = findParentNodeOfType(nodeType)(selection);
32
- if (!result) {
33
- return tr;
34
- }
35
- const { pos, node } = result;
36
- if (from !== pos + 2) {
37
- // Selection is not at the begining of the list item.
38
- return tr;
39
- }
40
- const $pos = tr.doc.resolve(pos);
41
- const prevNode = $pos.nodeBefore;
42
- if (!prevNode || prevNode.type !== nodeType) {
43
- return tr;
44
- }
45
- if (node.childCount !== 1) {
46
- // list item should only have one child (paragraph).
47
- return tr;
48
- }
49
-
50
- const paragraphNode = node.firstChild;
51
- const textNode = schema.text(' ');
52
-
53
- // Delete the list item
54
- tr = tr.delete(pos - 2, pos + node.nodeSize);
55
- // Append extra space character to its previous list item.
56
- tr = tr.insert(pos - 2, Fragment.from(textNode));
57
- // Move the content to its previous list item.
58
- tr = tr.insert(pos - 1, Fragment.from(paragraphNode.content));
59
- tr = tr.setSelection(TextSelection.create(tr.doc, pos - 1, pos - 1));
60
- return tr;
61
- }
62
-
63
- function mergeListItemDown(tr: Transform, schema: Schema): Transform {
64
- // This merge a list item to is next list item of the selection is at the
65
- // beginning of the list item.
66
- const { selection } = tr;
67
- if (!selection) {
68
- return tr;
69
- }
70
- const listItem = schema.nodes[LIST_ITEM];
71
- if (!listItem) {
72
- return tr;
73
- }
74
- const { from, empty } = selection;
75
- if (!empty) {
76
- // Selection is collapsed.
77
- return tr;
78
- }
79
- const result = findParentNodeOfType(listItem)(selection);
80
- if (!result) {
81
- return tr;
82
- }
83
- const { pos, node } = result;
84
- if (from !== pos + node.content.size) {
85
- // Selection is not at the begining of the list item.
86
- return tr;
87
- }
88
-
89
- const $pos = tr.doc.resolve(pos);
90
- const list = $pos.parent.type;
91
- const listResult = findParentNodeOfType(list)(selection);
92
- if (!listResult) {
93
- return tr;
94
- }
95
- const nextFrom = pos + node.nodeSize;
96
- let nextNode = nodeAt(tr.doc, nextFrom);
97
- let deleteFrom = nextFrom;
98
- if (listResult.start + listResult.node.content.size === nextFrom) {
99
- // It's at the end of the last list item. It shall bring the content of the
100
- // block after the list.
101
- nextNode = nodeAt(tr.doc, nextFrom + 1);
102
- deleteFrom += 1;
103
- }
104
-
105
- if (!nextNode) {
106
- return tr;
107
- }
108
-
109
- let nextContent;
110
-
111
- switch (nextNode.type) {
112
- case listItem:
113
- // List item should only have one child (paragraph).
114
- const paragraphNode = nullthrows(nextNode.firstChild);
115
- nextContent = Fragment.from(paragraphNode.content);
116
- break;
117
-
118
- case schema.nodes[HEADING]:
119
- case schema.nodes[PARAGRAPH]:
120
- // Will bring in the content of the next block.
121
- nextContent = Fragment.from(nextNode.content);
122
- break;
123
- }
124
-
125
- if (!nextContent) {
126
- return tr;
127
- }
128
-
129
- const textNode = schema.text(' ');
130
- // Delete the next node.
131
- tr = tr.delete(deleteFrom, deleteFrom + nextNode.nodeSize);
132
- // Append extra space character to its previous list item.
133
- tr = tr.insert(nextFrom - 2, nextContent);
134
- // Move the content to the list item.
135
- tr = tr.insert(nextFrom - 2, Fragment.from(textNode));
136
- tr = tr.setSelection(
137
- TextSelection.create(tr.doc, nextFrom - 2, nextFrom - 2)
138
- );
139
- return tr;
140
- }
141
-
142
- class ListItemMergeCommand extends UICommand {
143
- _direction = '';
144
-
145
- constructor(direction: string) {
146
- super();
147
- this._direction = direction;
148
- }
149
-
150
- isActive = (state: EditorState): boolean => {
151
- return false;
152
- };
153
-
154
- execute = (
155
- state: EditorState,
156
- dispatch: ?(tr: Transform) => void,
157
- view: ?EditorView
158
- ): boolean => {
159
- const { selection, schema } = state;
160
- let { tr } = state;
161
- const direction = this._direction;
162
- if (direction === 'down') {
163
- tr = mergeListItemDown(tr.setSelection(selection), schema);
164
- } else if (direction === 'up') {
165
- tr = mergeListItemUp(tr.setSelection(selection), schema);
166
- }
167
-
168
- if (tr.docChanged) {
169
- dispatch && dispatch(tr);
170
- return true;
171
- } else {
172
- return false;
173
- }
174
- };
175
-
176
- waitForUserInput = (
177
- _state: EditorState,
178
- _dispatch: ?(tr: Transform) => void,
179
- _view: ?EditorView,
180
- _event: ?React.SyntheticEvent
181
- ): Promise<undefined> => {
182
- return Promise.resolve(undefined);
183
- };
184
-
185
- executeWithUserInput = (
186
- _state: EditorState,
187
- _dispatch: ?(tr: Transform) => void,
188
- _view: ?EditorView,
189
- _inputs: ?string
190
- ): boolean => {
191
- return false;
192
- };
193
-
194
- cancel(): void {
195
- return null;
196
- }
197
- }
198
-
199
- export default ListItemMergeCommand;
1
+ // @flow
2
+
3
+ import nullthrows from 'nullthrows';
4
+ import { Fragment, Schema } from 'prosemirror-model';
5
+ import { EditorState } from 'prosemirror-state';
6
+ import { TextSelection } from 'prosemirror-state';
7
+ import { Transform } from 'prosemirror-transform';
8
+ import { findParentNodeOfType } from 'prosemirror-utils';
9
+ import { EditorView } from 'prosemirror-view';
10
+ import * as React from 'react';
11
+ import { HEADING, LIST_ITEM, PARAGRAPH } from './NodeNames.js';
12
+ import nodeAt from './nodeAt.js';
13
+ import { UICommand } from '@modusoperandi/licit-doc-attrs-step';
14
+
15
+ function mergeListItemUp(tr: Transform, schema: Schema): Transform {
16
+ // This merge a list item to is previous list item of the selection is at the
17
+ // beginning of the list item.
18
+ const { selection } = tr;
19
+ if (!selection) {
20
+ return tr;
21
+ }
22
+ const nodeType = schema.nodes[LIST_ITEM];
23
+ if (!nodeType) {
24
+ return tr;
25
+ }
26
+ const { from, empty } = selection;
27
+ if (!empty) {
28
+ // Selection is collapsed.
29
+ return tr;
30
+ }
31
+ const result = findParentNodeOfType(nodeType)(selection);
32
+ if (!result) {
33
+ return tr;
34
+ }
35
+ const { pos, node } = result;
36
+ if (from !== pos + 2) {
37
+ // Selection is not at the begining of the list item.
38
+ return tr;
39
+ }
40
+ const $pos = tr.doc.resolve(pos);
41
+ const prevNode = $pos.nodeBefore;
42
+ if (!prevNode || prevNode.type !== nodeType) {
43
+ return tr;
44
+ }
45
+ if (node.childCount !== 1) {
46
+ // list item should only have one child (paragraph).
47
+ return tr;
48
+ }
49
+
50
+ const paragraphNode = node.firstChild;
51
+ const textNode = schema.text(' ');
52
+
53
+ // Delete the list item
54
+ tr = tr.delete(pos - 2, pos + node.nodeSize);
55
+ // Append extra space character to its previous list item.
56
+ tr = tr.insert(pos - 2, Fragment.from(textNode));
57
+ // Move the content to its previous list item.
58
+ tr = tr.insert(pos - 1, Fragment.from(paragraphNode.content));
59
+ tr = tr.setSelection(TextSelection.create(tr.doc, pos - 1, pos - 1));
60
+ return tr;
61
+ }
62
+
63
+ function mergeListItemDown(tr: Transform, schema: Schema): Transform {
64
+ // This merge a list item to is next list item of the selection is at the
65
+ // beginning of the list item.
66
+ const { selection } = tr;
67
+ if (!selection) {
68
+ return tr;
69
+ }
70
+ const listItem = schema.nodes[LIST_ITEM];
71
+ if (!listItem) {
72
+ return tr;
73
+ }
74
+ const { from, empty } = selection;
75
+ if (!empty) {
76
+ // Selection is collapsed.
77
+ return tr;
78
+ }
79
+ const result = findParentNodeOfType(listItem)(selection);
80
+ if (!result) {
81
+ return tr;
82
+ }
83
+ const { pos, node } = result;
84
+ if (from !== pos + node.content.size) {
85
+ // Selection is not at the begining of the list item.
86
+ return tr;
87
+ }
88
+
89
+ const $pos = tr.doc.resolve(pos);
90
+ const list = $pos.parent.type;
91
+ const listResult = findParentNodeOfType(list)(selection);
92
+ if (!listResult) {
93
+ return tr;
94
+ }
95
+ const nextFrom = pos + node.nodeSize;
96
+ let nextNode = nodeAt(tr.doc, nextFrom);
97
+ let deleteFrom = nextFrom;
98
+ if (listResult.start + listResult.node.content.size === nextFrom) {
99
+ // It's at the end of the last list item. It shall bring the content of the
100
+ // block after the list.
101
+ nextNode = nodeAt(tr.doc, nextFrom + 1);
102
+ deleteFrom += 1;
103
+ }
104
+
105
+ if (!nextNode) {
106
+ return tr;
107
+ }
108
+
109
+ let nextContent;
110
+
111
+ switch (nextNode.type) {
112
+ case listItem:
113
+ // List item should only have one child (paragraph).
114
+ const paragraphNode = nullthrows(nextNode.firstChild);
115
+ nextContent = Fragment.from(paragraphNode.content);
116
+ break;
117
+
118
+ case schema.nodes[HEADING]:
119
+ case schema.nodes[PARAGRAPH]:
120
+ // Will bring in the content of the next block.
121
+ nextContent = Fragment.from(nextNode.content);
122
+ break;
123
+ }
124
+
125
+ if (!nextContent) {
126
+ return tr;
127
+ }
128
+
129
+ const textNode = schema.text(' ');
130
+ // Delete the next node.
131
+ tr = tr.delete(deleteFrom, deleteFrom + nextNode.nodeSize);
132
+ // Append extra space character to its previous list item.
133
+ tr = tr.insert(nextFrom - 2, nextContent);
134
+ // Move the content to the list item.
135
+ tr = tr.insert(nextFrom - 2, Fragment.from(textNode));
136
+ tr = tr.setSelection(
137
+ TextSelection.create(tr.doc, nextFrom - 2, nextFrom - 2)
138
+ );
139
+ return tr;
140
+ }
141
+
142
+ class ListItemMergeCommand extends UICommand {
143
+ _direction = '';
144
+
145
+ constructor(direction: string) {
146
+ super();
147
+ this._direction = direction;
148
+ }
149
+
150
+ isActive = (state: EditorState): boolean => {
151
+ return false;
152
+ };
153
+
154
+ execute = (
155
+ state: EditorState,
156
+ dispatch: ?(tr: Transform) => void,
157
+ view: ?EditorView
158
+ ): boolean => {
159
+ const { selection, schema } = state;
160
+ let { tr } = state;
161
+ const direction = this._direction;
162
+ if (direction === 'down') {
163
+ tr = mergeListItemDown(tr.setSelection(selection), schema);
164
+ } else if (direction === 'up') {
165
+ tr = mergeListItemUp(tr.setSelection(selection), schema);
166
+ }
167
+
168
+ if (tr.docChanged) {
169
+ dispatch && dispatch(tr);
170
+ return true;
171
+ } else {
172
+ return false;
173
+ }
174
+ };
175
+
176
+ waitForUserInput = (
177
+ _state: EditorState,
178
+ _dispatch: ?(tr: Transform) => void,
179
+ _view: ?EditorView,
180
+ _event: ?React.SyntheticEvent
181
+ ): Promise<undefined> => {
182
+ return Promise.resolve(undefined);
183
+ };
184
+
185
+ executeWithUserInput = (
186
+ _state: EditorState,
187
+ _dispatch: ?(tr: Transform) => void,
188
+ _view: ?EditorView,
189
+ _inputs: ?string
190
+ ): boolean => {
191
+ return false;
192
+ };
193
+
194
+ cancel(): void {
195
+ return null;
196
+ }
197
+ }
198
+
199
+ export default ListItemMergeCommand;
@@ -1,52 +1,52 @@
1
- // @flow
2
-
3
- import { Node } from 'prosemirror-model';
4
-
5
- import type { NodeSpec } from './Types.js';
6
-
7
- export const ATTRIBUTE_LIST_STYLE_TYPE = 'data-list-style-type';
8
-
9
- const ALIGN_PATTERN = /(left|right|center|justify)/;
10
-
11
- function getAttrs(dom: HTMLElement) {
12
- const attrs = {};
13
- const { textAlign } = dom.style;
14
- let align = dom.getAttribute('data-align') || textAlign || '';
15
- align = ALIGN_PATTERN.test(align) ? align : null;
16
-
17
- if (align) {
18
- attrs.align = align;
19
- }
20
- return attrs;
21
- }
22
-
23
- const ListItemNodeSpec: NodeSpec = {
24
- attrs: {
25
- align: { default: null },
26
- },
27
-
28
- // NOTE:
29
- // This spec does not support nested lists (e.g. `'paragraph block*'`)
30
- // as content because of the complexity of dealing with indentation
31
- // (context: https://github.com/ProseMirror/prosemirror/issues/92).
32
- // content: '(bullet_list|paragraph)+',
33
- content: 'paragraph block*',
34
-
35
- parseDOM: [{ tag: 'li', getAttrs }],
36
-
37
- // NOTE:
38
- // This method only defines the minimum HTML attributes needed when the node
39
- // is serialized to HTML string. Usually this is called when user copies
40
- // the node to clipboard.
41
- // The actual DOM rendering logic is defined at `src/ui/ListItemNodeView.js`.
42
- toDOM(node: Node): Array<any> {
43
- const attrs = {};
44
- const { align } = node.attrs;
45
- if (align) {
46
- attrs['data-align'] = align;
47
- }
48
- return ['li', attrs, 0];
49
- },
50
- };
51
-
52
- export default ListItemNodeSpec;
1
+ // @flow
2
+
3
+ import { Node } from 'prosemirror-model';
4
+
5
+ import type { NodeSpec } from './Types.js';
6
+
7
+ export const ATTRIBUTE_LIST_STYLE_TYPE = 'data-list-style-type';
8
+
9
+ const ALIGN_PATTERN = /(left|right|center|justify)/;
10
+
11
+ function getAttrs(dom: HTMLElement) {
12
+ const attrs = {};
13
+ const { textAlign } = dom.style;
14
+ let align = dom.getAttribute('data-align') || textAlign || '';
15
+ align = ALIGN_PATTERN.test(align) ? align : null;
16
+
17
+ if (align) {
18
+ attrs.align = align;
19
+ }
20
+ return attrs;
21
+ }
22
+
23
+ const ListItemNodeSpec: NodeSpec = {
24
+ attrs: {
25
+ align: { default: null },
26
+ },
27
+
28
+ // NOTE:
29
+ // This spec does not support nested lists (e.g. `'paragraph block*'`)
30
+ // as content because of the complexity of dealing with indentation
31
+ // (context: https://github.com/ProseMirror/prosemirror/issues/92).
32
+ // content: '(bullet_list|paragraph)+',
33
+ content: 'paragraph block*',
34
+
35
+ parseDOM: [{ tag: 'li', getAttrs }],
36
+
37
+ // NOTE:
38
+ // This method only defines the minimum HTML attributes needed when the node
39
+ // is serialized to HTML string. Usually this is called when user copies
40
+ // the node to clipboard.
41
+ // The actual DOM rendering logic is defined at `src/ui/ListItemNodeView.js`.
42
+ toDOM(node: Node): Array<any> {
43
+ const attrs = {};
44
+ const { align } = node.attrs;
45
+ if (align) {
46
+ attrs['data-align'] = align;
47
+ }
48
+ return ['li', attrs, 0];
49
+ },
50
+ };
51
+
52
+ export default ListItemNodeSpec;
@@ -4,13 +4,13 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
4
4
  function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
5
5
  function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
6
6
  function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
7
+ function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
7
8
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
8
9
  function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
9
- function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
10
10
  function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
11
11
  function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
12
12
  function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
13
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
13
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
14
14
  function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
15
15
  import { Schema } from 'prosemirror-model';
16
16
  import { EditorState } from 'prosemirror-state';
@@ -20,12 +20,11 @@ import * as React from 'react';
20
20
  import splitListItem from './splitListItem.js';
21
21
  import { UICommand } from '@modusoperandi/licit-doc-attrs-step';
22
22
  var ListSplitCommand = /*#__PURE__*/function (_UICommand) {
23
- _inherits(ListSplitCommand, _UICommand);
24
23
  function ListSplitCommand(_schema) {
25
24
  var _this;
26
25
  _classCallCheck(this, ListSplitCommand);
27
26
  _this = _callSuper(this, ListSplitCommand);
28
- _defineProperty(_assertThisInitialized(_this), "execute", function (state, dispatch, view) {
27
+ _defineProperty(_this, "execute", function (state, dispatch, view) {
29
28
  var selection = state.selection,
30
29
  schema = state.schema;
31
30
  var tr = splitListItem(state.tr.setSelection(selection), schema);
@@ -36,20 +35,20 @@ var ListSplitCommand = /*#__PURE__*/function (_UICommand) {
36
35
  return false;
37
36
  }
38
37
  });
39
- _defineProperty(_assertThisInitialized(_this), "waitForUserInput", function (_state, _dispatch, _view, _event) {
38
+ _defineProperty(_this, "waitForUserInput", function (_state, _dispatch, _view, _event) {
40
39
  return Promise.resolve(undefined);
41
40
  });
42
- _defineProperty(_assertThisInitialized(_this), "executeWithUserInput", function (_state, _dispatch, _view, _inputs) {
41
+ _defineProperty(_this, "executeWithUserInput", function (_state, _dispatch, _view, _inputs) {
43
42
  return false;
44
43
  });
45
44
  return _this;
46
45
  }
47
- _createClass(ListSplitCommand, [{
46
+ _inherits(ListSplitCommand, _UICommand);
47
+ return _createClass(ListSplitCommand, [{
48
48
  key: "cancel",
49
49
  value: function cancel() {
50
50
  return null;
51
51
  }
52
52
  }]);
53
- return ListSplitCommand;
54
53
  }(UICommand);
55
54
  export default ListSplitCommand;
@@ -1,54 +1,54 @@
1
- // @flow
2
-
3
- import { Schema } from 'prosemirror-model';
4
- import { EditorState } from 'prosemirror-state';
5
- import { Transform } from 'prosemirror-transform';
6
- import { EditorView } from 'prosemirror-view';
7
- import * as React from 'react';
8
- import splitListItem from './splitListItem.js';
9
- import { UICommand } from '@modusoperandi/licit-doc-attrs-step';
10
-
11
- class ListSplitCommand extends UICommand {
12
- constructor(schema: Schema) {
13
- super();
14
- }
15
-
16
- execute = (
17
- state: EditorState,
18
- dispatch: ?(tr: Transform) => void,
19
- view: ?EditorView
20
- ): boolean => {
21
- const { selection, schema } = state;
22
- const tr = splitListItem(state.tr.setSelection(selection), schema);
23
- if (tr.docChanged) {
24
- dispatch && dispatch(tr);
25
- return true;
26
- } else {
27
- return false;
28
- }
29
- };
30
-
31
- waitForUserInput = (
32
- _state: EditorState,
33
- _dispatch: ?(tr: Transform) => void,
34
- _view: ?EditorView,
35
- _event: ?React.SyntheticEvent
36
- ): Promise<undefined> => {
37
- return Promise.resolve(undefined);
38
- };
39
-
40
- executeWithUserInput = (
41
- _state: EditorState,
42
- _dispatch: ?(tr: Transform) => void,
43
- _view: ?EditorView,
44
- _inputs: ?string
45
- ): boolean => {
46
- return false;
47
- };
48
-
49
- cancel(): void {
50
- return null;
51
- }
52
- }
53
-
54
- export default ListSplitCommand;
1
+ // @flow
2
+
3
+ import { Schema } from 'prosemirror-model';
4
+ import { EditorState } from 'prosemirror-state';
5
+ import { Transform } from 'prosemirror-transform';
6
+ import { EditorView } from 'prosemirror-view';
7
+ import * as React from 'react';
8
+ import splitListItem from './splitListItem.js';
9
+ import { UICommand } from '@modusoperandi/licit-doc-attrs-step';
10
+
11
+ class ListSplitCommand extends UICommand {
12
+ constructor(schema: Schema) {
13
+ super();
14
+ }
15
+
16
+ execute = (
17
+ state: EditorState,
18
+ dispatch: ?(tr: Transform) => void,
19
+ view: ?EditorView
20
+ ): boolean => {
21
+ const { selection, schema } = state;
22
+ const tr = splitListItem(state.tr.setSelection(selection), schema);
23
+ if (tr.docChanged) {
24
+ dispatch && dispatch(tr);
25
+ return true;
26
+ } else {
27
+ return false;
28
+ }
29
+ };
30
+
31
+ waitForUserInput = (
32
+ _state: EditorState,
33
+ _dispatch: ?(tr: Transform) => void,
34
+ _view: ?EditorView,
35
+ _event: ?React.SyntheticEvent
36
+ ): Promise<undefined> => {
37
+ return Promise.resolve(undefined);
38
+ };
39
+
40
+ executeWithUserInput = (
41
+ _state: EditorState,
42
+ _dispatch: ?(tr: Transform) => void,
43
+ _view: ?EditorView,
44
+ _inputs: ?string
45
+ ): boolean => {
46
+ return false;
47
+ };
48
+
49
+ cancel(): void {
50
+ return null;
51
+ }
52
+ }
53
+
54
+ export default ListSplitCommand;