@modusoperandi/licit 1.0.3 → 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 +6 -6
  101. package/TableResizePlugin.js.flow +631 -632
  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 +8533 -8895
  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
package/normalizeHTML.js.flow CHANGED
@@ -1,78 +1,78 @@
1
- // @flow
2
-
3
- import {
4
- DOM_ATTRIBUTE_SIZE,
5
- HAIR_SPACE_CHAR,
6
- SPACER_SIZE_TAB,
7
- } from './SpacerMarkSpec.js';
8
- import patchAnchorElements from './patchAnchorElements.js';
9
- import patchBreakElements from './patchBreakElements.js';
10
- import patchElementInlineStyles from './patchElementInlineStyles.js';
11
- import patchListElements from './patchListElements.js';
12
- import patchMathElements from './patchMathElements.js';
13
- import patchParagraphElements from './patchParagraphElements.js';
14
- import patchStyleElements from './patchStyleElements.js';
15
- import patchTableElements from './patchTableElements.js';
16
- import toSafeHTMLDocument from './toSafeHTMLDocument.js';
17
-
18
- const HTML_BODY_PATTERN = /<body[\s>]/i;
19
- const LONG_UNDERLINE_PATTERN = /_+/g;
20
-
21
- // This is a workround to convert "&nbsp;&nbsp;......&nbsp;" into wider tab
22
- // tab spacers. For every 6 "&nbsp;", they will be converted into tab spacers.
23
- const LONG_TAB_SPACE_PATTERN = /(\&nbsp;){6}/g;
24
-
25
- const TAB_SPACER_HTML = new Array(6).join(
26
- `<span ${DOM_ATTRIBUTE_SIZE}="${SPACER_SIZE_TAB}">${HAIR_SPACE_CHAR}</span>`
27
- );
28
-
29
- function replaceNOBR(matched: string): string {
30
- // This is a workround to convert "_______" into none-wrapped text
31
- // that apppears like a horizontal line.
32
- if (matched && matched.length >= 20) {
33
- // needs extra space after it so user can escape the <nobr />.
34
- matched = `<nobr>${String(matched)}</nobr> `;
35
- }
36
- return matched;
37
- }
38
-
39
- export default function normalizeHTML(html: string): string {
40
- let body: ?HTMLElement = null;
41
-
42
- const sourceIsPage = HTML_BODY_PATTERN.test(html);
43
- html = html.replace(LONG_UNDERLINE_PATTERN, replaceNOBR);
44
-
45
- // Convert every two consecutive "&nbsp;" into a spacer tab.
46
- html = html.replace(LONG_TAB_SPACE_PATTERN, TAB_SPACER_HTML);
47
- const doc = toSafeHTMLDocument(html);
48
- if (doc) {
49
- // styles.
50
- patchStyleElements(doc);
51
- patchElementInlineStyles(doc);
52
- // contents.
53
- patchAnchorElements(doc);
54
- patchBreakElements(doc);
55
- patchListElements(doc);
56
- patchParagraphElements(doc);
57
- patchTableElements(doc);
58
- patchMathElements(doc);
59
- body = doc.getElementsByTagName('body')[0];
60
-
61
- if (body && sourceIsPage) {
62
- // Source HTML contains <body />, assumes this to be a complete
63
- // page HTML. Assume this <body /> may contain the style that indicates
64
- // page's layout.
65
- const frag = doc.createElement('html');
66
- frag.appendChild(body);
67
- return frag.innerHTML;
68
- }
69
- }
70
-
71
- if (!body) {
72
- // <body /> should alway be generated by doc.
73
- return 'Unsupported HTML content';
74
- }
75
-
76
- // HTML snippet only.
77
- return '<body>' + body.innerHTML + '</body>';
78
- }
1
+ // @flow
2
+
3
+ import {
4
+ DOM_ATTRIBUTE_SIZE,
5
+ HAIR_SPACE_CHAR,
6
+ SPACER_SIZE_TAB,
7
+ } from './SpacerMarkSpec.js';
8
+ import patchAnchorElements from './patchAnchorElements.js';
9
+ import patchBreakElements from './patchBreakElements.js';
10
+ import patchElementInlineStyles from './patchElementInlineStyles.js';
11
+ import patchListElements from './patchListElements.js';
12
+ import patchMathElements from './patchMathElements.js';
13
+ import patchParagraphElements from './patchParagraphElements.js';
14
+ import patchStyleElements from './patchStyleElements.js';
15
+ import patchTableElements from './patchTableElements.js';
16
+ import toSafeHTMLDocument from './toSafeHTMLDocument.js';
17
+
18
+ const HTML_BODY_PATTERN = /<body[\s>]/i;
19
+ const LONG_UNDERLINE_PATTERN = /_+/g;
20
+
21
+ // This is a workround to convert "&nbsp;&nbsp;......&nbsp;" into wider tab
22
+ // tab spacers. For every 6 "&nbsp;", they will be converted into tab spacers.
23
+ const LONG_TAB_SPACE_PATTERN = /(\&nbsp;){6}/g;
24
+
25
+ const TAB_SPACER_HTML = new Array(6).join(
26
+ `<span ${DOM_ATTRIBUTE_SIZE}="${SPACER_SIZE_TAB}">${HAIR_SPACE_CHAR}</span>`
27
+ );
28
+
29
+ function replaceNOBR(matched: string): string {
30
+ // This is a workround to convert "_______" into none-wrapped text
31
+ // that apppears like a horizontal line.
32
+ if (matched && matched.length >= 20) {
33
+ // needs extra space after it so user can escape the <nobr />.
34
+ matched = `<nobr>${String(matched)}</nobr> `;
35
+ }
36
+ return matched;
37
+ }
38
+
39
+ export default function normalizeHTML(html: string): string {
40
+ let body: ?HTMLElement = null;
41
+
42
+ const sourceIsPage = HTML_BODY_PATTERN.test(html);
43
+ html = html.replace(LONG_UNDERLINE_PATTERN, replaceNOBR);
44
+
45
+ // Convert every two consecutive "&nbsp;" into a spacer tab.
46
+ html = html.replace(LONG_TAB_SPACE_PATTERN, TAB_SPACER_HTML);
47
+ const doc = toSafeHTMLDocument(html);
48
+ if (doc) {
49
+ // styles.
50
+ patchStyleElements(doc);
51
+ patchElementInlineStyles(doc);
52
+ // contents.
53
+ patchAnchorElements(doc);
54
+ patchBreakElements(doc);
55
+ patchListElements(doc);
56
+ patchParagraphElements(doc);
57
+ patchTableElements(doc);
58
+ patchMathElements(doc);
59
+ body = doc.getElementsByTagName('body')[0];
60
+
61
+ if (body && sourceIsPage) {
62
+ // Source HTML contains <body />, assumes this to be a complete
63
+ // page HTML. Assume this <body /> may contain the style that indicates
64
+ // page's layout.
65
+ const frag = doc.createElement('html');
66
+ frag.appendChild(body);
67
+ return frag.innerHTML;
68
+ }
69
+ }
70
+
71
+ if (!body) {
72
+ // <body /> should alway be generated by doc.
73
+ return 'Unsupported HTML content';
74
+ }
75
+
76
+ // HTML snippet only.
77
+ return '<body>' + body.innerHTML + '</body>';
78
+ }
package/package.json CHANGED
@@ -1,156 +1,157 @@
1
- {
2
- "name": "@modusoperandi/licit",
3
- "version": "1.0.3",
4
- "type": "module",
5
- "subversion": "1",
6
- "description": "Rich text editor built with React and ProseMirror",
7
- "main": "index.js",
8
- "style": "styles.css",
9
- "types": "index.d.ts",
10
- "repository": {
11
- "type": "git",
12
- "url": "git+https://github.com/MO-Movia/licit.git"
13
- },
14
- "scripts": {
15
- "test": "jest --coverage",
16
- "test:unit": "jest",
17
- "test:coverage": "jest --coverage",
18
- "build:bom": "cyclonedx-npm --ignore-npm-errors --short-PURLs --output-format XML --output-file dist/bom.xml",
19
- "build:clean": "rm -rf dist/ && rm -f modusoperandi-licit-*.*.*.tgz",
20
- "build:css": "cp src/ui/*.css dist/ui && cp src/ui/mathquill-editor/*.css dist/ui/mathquill-editor && cp src/client/*.css dist/client && cp src/*.css dist",
21
- "build:fonts": "mkdirp ./dist/fonts && cp -r fonts/* dist/fonts",
22
- "build:babel": "babel src --out-dir dist",
23
- "build:flow": "flow-copy-source -v -i '**/__tests__/**' src dist",
24
- "build:dist": "npm run build:clean && npm run build:babel && npm run build:flow && npm run build:css && npm run build:fonts && npm run build:bom && cp src/*.d.ts dist/",
25
- "build:licit": "node utils/build_bin.js",
26
- "ci:bom": "cyclonedx-npm --ignore-npm-errors --short-PURLs --output-format XML --output-file dist/bom.xml",
27
- "ci:build": "npm run build:clean && npm run build:babel && npm run build:flow && npm run build:css && npm run build:fonts && npm run build:bom && copyfiles --up 1 \"src/**/*.d.ts\" dist/ && copyfiles --up 1 \"src/**/*.css\" dist && copyfiles package.json dist",
28
- "flow": "flow --show-all-errors",
29
- "lint:css": "stylelint \"**/*.css\"",
30
- "lint:js": "eslint \"src/**/*.js\" \"licit/**/*.js\"",
31
- "lint": "npm run lint:css & npm run lint:js",
32
- "start": "node scripts/webserver.js",
33
- "prebuild:style-service-docker": "node utils/build_customstyle_server.js",
34
- "build:style-service-docker": "docker build . -f style-service.Dockerfile -t style-service:latest"
35
- },
36
- "devDependencies": {
37
- "@babel/cli": "^7.19.3",
38
- "@babel/core": "^7.19.3",
39
- "@babel/eslint-parser": "^7.19.1",
40
- "@babel/plugin-proposal-class-properties": "^7.18.6",
41
- "@babel/plugin-proposal-decorators": "^7.19.3",
42
- "@babel/plugin-proposal-do-expressions": "^7.18.6",
43
- "@babel/plugin-proposal-export-default-from": "^7.18.10",
44
- "@babel/plugin-proposal-export-namespace-from": "^7.18.9",
45
- "@babel/plugin-proposal-function-sent": "^7.18.6",
46
- "@babel/plugin-proposal-logical-assignment-operators": "^7.18.9",
47
- "@babel/plugin-proposal-object-rest-spread": "^7.19.4",
48
- "@babel/plugin-proposal-pipeline-operator": "^7.18.9",
49
- "@babel/plugin-proposal-throw-expressions": "^7.18.6",
50
- "@babel/plugin-syntax-dynamic-import": "^7.8.3",
51
- "@babel/plugin-syntax-import-meta": "^7.10.4",
52
- "@babel/plugin-transform-flow-strip-types": "^7.10.4",
53
- "@babel/plugin-transform-parameters": "^7.18.8",
54
- "@babel/plugin-transform-runtime": "^7.19.1",
55
- "@babel/preset-env": "^7.19.4",
56
- "@babel/preset-flow": "^7.10.4",
57
- "@babel/preset-react": "^7.18.6",
58
- "@cyclonedx/cyclonedx-npm": "^1.11.0",
59
- "babel-jest": "^29.2.0",
60
- "babel-loader": "^9.1.3",
61
- "babel-plugin-flow-react-proptypes": "^26.0.0",
62
- "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
63
- "clean-webpack-plugin": "^4.0.0",
64
- "copy-webpack-plugin": "^11.0.0",
65
- "css-loader": "^6.9.1",
66
- "copyfiles": "^2.4.1",
67
- "enzyme": "^3.11.0",
68
- "eslint": "^8.25.0",
69
- "eslint-config-prettier": "^9.0.0",
70
- "eslint-plugin-jest": "^27.1.2",
71
- "eslint-plugin-prettier": "^4.2.1",
72
- "eslint-plugin-react": "^7.33.2",
73
- "exports-loader": "^1.1.0",
74
- "file-loader": "^6.2.0",
75
- "flow-bin": "^0.228.0",
76
- "flow-copy-source": "^2.0.9",
77
- "flow-webpack-plugin": "^1.2.0",
78
- "html-loader": "^5.0.0",
79
- "html-webpack-inline-source-plugin": "1.0.0-beta.2",
80
- "html-webpack-plugin": "^5.5.0",
81
- "husky": "^9.0.10",
82
- "identity-obj-proxy": "^3.0.0",
83
- "jest": "^29.2.0",
84
- "jest-environment-jsdom": "^29.3.1",
85
- "jest-junit": "^14.0.1",
86
- "jest-prosemirror": "^2.1.5",
87
- "jest-sonar-reporter": "^2.0.0",
88
- "lint-staged": "^13.0.3",
89
- "mkdirp": "^3.0.1",
90
- "prettier": "^2.1.2",
91
- "stylelint": "^15.6.0",
92
- "stylelint-config-standard": "^34.0.0",
93
- "stylelint-prettier": "^3.0.0",
94
- "terser-webpack-plugin": "^5.3.10",
95
- "ts-jest": "^29.1.2",
96
- "ts-loader": "^9.5.0",
97
- "ts-node": "^10.9.2",
98
- "webpack": "^5.74.0",
99
- "webpack-cli": "^5.1.4",
100
- "webpack-dev-server": "^4.11.1",
101
- "write-file-webpack-plugin": "^4.5.1"
102
- },
103
- "dependencies": {
104
- "@cfaester/enzyme-adapter-react-18": "^0.7.1",
105
- "body-parser": "^1.19.0",
106
- "browserkeymap": "^2.0.2",
107
- "cors": "^2.8.5",
108
- "express": "^4.17.1",
109
- "flatted": "^3.1.0",
110
- "flow-typed": "^3.3.1",
111
- "formidable": "^1.2.2",
112
- "invariant": "^2.2.4",
113
- "jquery": "^3.5.1",
114
- "katex": "^0.11.1",
115
- "mv": "^2.1.1",
116
- "node-mathquill": "^0.10.2",
117
- "prosemirror-collab": "^1.3.1",
118
- "prosemirror-tables": "^1.2.5",
119
- "query-string": "^6.13.1",
120
- "resize-observer-polyfill": "^1.5.1",
121
- "smooth-scroll-into-view-if-needed": "^1.1.28",
122
- "style-loader": "^3.3.3",
123
- "url": "^0.11.0",
124
- "webfontloader": "^1.6.28"
125
- },
126
- "peerDependencies": {
127
- "@modusoperandi/licit-ui-commands": "^1.0.0",
128
- "prosemirror-collab": "^1.2.2",
129
- "prosemirror-tables": "^1.2.5"
130
- },
131
- "overrides": {
132
- "semver": "^7.5.2"
133
- },
134
- "importSort": {
135
- ".js": {
136
- "parser": "babylon",
137
- "style": "module-grouping"
138
- }
139
- },
140
- "husky": {
141
- "hooks": {
142
- "pre-commit": "lint-staged"
143
- }
144
- },
145
- "lint-staged": {
146
- "*.css": [
147
- "stylelint --fix"
148
- ],
149
- "!(*test|*.setup).js": [
150
- "eslint --fix"
151
- ],
152
- "*.json": [
153
- "prettier --write"
154
- ]
155
- }
1
+ {
2
+ "name": "@modusoperandi/licit",
3
+ "version": "1.0.5",
4
+ "type": "module",
5
+ "subversion": "1",
6
+ "description": "Rich text editor built with React and ProseMirror",
7
+ "main": "index.js",
8
+ "style": "styles.css",
9
+ "types": "index.d.ts",
10
+ "repository": {
11
+ "type": "git",
12
+ "url": "git+https://github.com/MO-Movia/licit.git"
13
+ },
14
+ "scripts": {
15
+ "test": "jest --coverage",
16
+ "test:unit": "jest",
17
+ "test:coverage": "jest --coverage",
18
+ "build:bom": "cyclonedx-npm --ignore-npm-errors --short-PURLs --output-format XML --output-file dist/bom.xml",
19
+ "build:clean": "rm -rf dist/ && rm -f modusoperandi-licit-*.*.*.tgz",
20
+ "build:css": "cp src/ui/*.css dist/ui && cp src/ui/mathquill-editor/*.css dist/ui/mathquill-editor && cp src/client/*.css dist/client && cp src/*.css dist",
21
+ "build:fonts": "mkdirp ./dist/fonts && cp -r src/fonts/* dist/fonts",
22
+ "build:babel": "babel src --out-dir dist",
23
+ "build:flow": "flow-copy-source -v -i '**/__tests__/**' src dist",
24
+ "build:dist": "npm run build:clean && npm run build:babel && npm run build:flow && npm run build:css && npm run build:fonts && npm run build:bom && cp src/*.d.ts dist/",
25
+ "build:licit": "node utils/build_bin.js",
26
+ "ci:bom": "cyclonedx-npm --ignore-npm-errors --short-PURLs --output-format XML --output-file dist/bom.xml",
27
+ "ci:build": "npm run build:clean && npm run build:babel && npm run build:flow && npm run build:css && npm run build:fonts && npm run build:bom && copyfiles --up 1 \"src/**/*.d.ts\" dist/ && copyfiles --up 1 \"src/**/*.css\" dist && copyfiles package.json dist",
28
+ "flow": "flow --show-all-errors",
29
+ "lint:css": "stylelint \"**/*.css\"",
30
+ "lint:js": "eslint \"src/**/*.js\" \"licit/**/*.js\"",
31
+ "lint": "npm run lint:css & npm run lint:js",
32
+ "start": "node scripts/webserver.js",
33
+ "prebuild:style-service-docker": "node utils/build_customstyle_server.js",
34
+ "build:style-service-docker": "docker build . -f style-service.Dockerfile -t style-service:latest"
35
+ },
36
+ "devDependencies": {
37
+ "@babel/cli": "^7.19.3",
38
+ "@babel/core": "^7.19.3",
39
+ "@babel/eslint-parser": "^7.19.1",
40
+ "@babel/plugin-proposal-class-properties": "^7.18.6",
41
+ "@babel/plugin-proposal-decorators": "^7.19.3",
42
+ "@babel/plugin-proposal-do-expressions": "^7.18.6",
43
+ "@babel/plugin-proposal-export-default-from": "^7.18.10",
44
+ "@babel/plugin-proposal-export-namespace-from": "^7.18.9",
45
+ "@babel/plugin-proposal-function-sent": "^7.18.6",
46
+ "@babel/plugin-proposal-logical-assignment-operators": "^7.18.9",
47
+ "@babel/plugin-proposal-object-rest-spread": "^7.19.4",
48
+ "@babel/plugin-proposal-pipeline-operator": "^7.18.9",
49
+ "@babel/plugin-proposal-throw-expressions": "^7.18.6",
50
+ "@babel/plugin-syntax-dynamic-import": "^7.8.3",
51
+ "@babel/plugin-syntax-import-meta": "^7.10.4",
52
+ "@babel/plugin-transform-flow-strip-types": "^7.10.4",
53
+ "@babel/plugin-transform-parameters": "^7.18.8",
54
+ "@babel/plugin-transform-runtime": "^7.19.1",
55
+ "@babel/preset-env": "^7.19.4",
56
+ "@babel/preset-flow": "^7.10.4",
57
+ "@babel/preset-react": "^7.18.6",
58
+ "@cyclonedx/cyclonedx-npm": "^1.11.0",
59
+ "babel-jest": "^29.2.0",
60
+ "babel-loader": "^9.1.3",
61
+ "babel-plugin-flow-react-proptypes": "^26.0.0",
62
+ "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
63
+ "clean-webpack-plugin": "^4.0.0",
64
+ "copy-webpack-plugin": "^12.0.2",
65
+ "css-loader": "^7.1.1",
66
+ "copyfiles": "^2.4.1",
67
+ "enzyme": "^3.11.0",
68
+ "eslint": "^8.57.0",
69
+ "eslint-config-prettier": "^9.0.0",
70
+ "eslint-plugin-jest": "^28.2.0",
71
+ "eslint-plugin-prettier": "^5.1.3",
72
+ "eslint-plugin-react": "^7.33.2",
73
+ "exports-loader": "^5.0.0",
74
+ "file-loader": "^6.2.0",
75
+ "flow-bin": "^0.234.0",
76
+ "flow-copy-source": "^2.0.9",
77
+ "flow-webpack-plugin": "^1.2.0",
78
+ "html-loader": "^5.0.0",
79
+ "html-webpack-inline-source-plugin": "1.0.0-beta.2",
80
+ "html-webpack-plugin": "^5.5.0",
81
+ "husky": "^9.0.10",
82
+ "identity-obj-proxy": "^3.0.0",
83
+ "jest": "^29.2.0",
84
+ "jest-environment-jsdom": "^29.3.1",
85
+ "jest-junit": "^16.0.0",
86
+ "jest-prosemirror": "^2.1.5",
87
+ "jest-sonar-reporter": "^2.0.0",
88
+ "lint-staged": "^15.2.2",
89
+ "mkdirp": "^3.0.1",
90
+ "prettier": "^3.2.5",
91
+ "stylelint": "^16.2.1",
92
+ "stylelint-config-standard": "^36.0.0",
93
+ "stylelint-prettier": "^5.0.0",
94
+ "terser-webpack-plugin": "^5.3.10",
95
+ "ts-jest": "^29.1.2",
96
+ "ts-loader": "^9.5.0",
97
+ "ts-node": "^10.9.2",
98
+ "webpack": "^5.74.0",
99
+ "webpack-cli": "^5.1.4",
100
+ "webpack-dev-server": "^5.0.2",
101
+ "write-file-webpack-plugin": "^4.5.1"
102
+ },
103
+ "dependencies": {
104
+ "@cfaester/enzyme-adapter-react-18": "^0.7.1",
105
+ "@modusoperandi/color-picker": "^1.0.1",
106
+ "body-parser": "^1.19.0",
107
+ "browserkeymap": "^2.0.2",
108
+ "cors": "^2.8.5",
109
+ "express": "^4.17.1",
110
+ "flatted": "^3.1.0",
111
+ "flow-typed": "^3.3.1",
112
+ "formidable": "^3.5.1",
113
+ "invariant": "^2.2.4",
114
+ "jquery": "^3.5.1",
115
+ "katex": "^0.16.9",
116
+ "mv": "^2.1.1",
117
+ "node-mathquill": "^0.10.2",
118
+ "prosemirror-collab": "^1.3.1",
119
+ "prosemirror-tables": "^1.2.5",
120
+ "query-string": "^9.0.0",
121
+ "resize-observer-polyfill": "^1.5.1",
122
+ "smooth-scroll-into-view-if-needed": "^2.0.2",
123
+ "style-loader": "^4.0.0",
124
+ "url": "^0.11.0",
125
+ "webfontloader": "^1.6.28"
126
+ },
127
+ "peerDependencies": {
128
+ "@modusoperandi/licit-ui-commands": "^1.0.0",
129
+ "prosemirror-collab": "^1.2.2",
130
+ "prosemirror-tables": "^1.2.5"
131
+ },
132
+ "overrides": {
133
+ "semver": "^7.5.2"
134
+ },
135
+ "importSort": {
136
+ ".js": {
137
+ "parser": "babylon",
138
+ "style": "module-grouping"
139
+ }
140
+ },
141
+ "husky": {
142
+ "hooks": {
143
+ "pre-commit": "lint-staged"
144
+ }
145
+ },
146
+ "lint-staged": {
147
+ "*.css": [
148
+ "stylelint --fix"
149
+ ],
150
+ "!(*test|*.setup).js": [
151
+ "eslint --fix"
152
+ ],
153
+ "*.json": [
154
+ "prettier --write"
155
+ ]
156
+ }
156
157
  }
package/patchAnchorElements.js.flow CHANGED
@@ -1,38 +1,38 @@
1
- // @flow
2
-
3
- import {
4
- ATTRIBUTE_BOOKMARK_ID,
5
- ATTRIBUTE_BOOKMARK_VISIBLE,
6
- } from './BookmarkNodeSpec.js';
7
-
8
- const BLOCK_NODE_NAME_PATTERN = /(P|H1|H2|H3|H4|H5|H6)/;
9
-
10
- export default function patchAnchorElements(doc: Document): void {
11
- Array.from(doc.querySelectorAll('a[id]')).forEach(patchAnchorElement);
12
- }
13
-
14
- function patchAnchorElement(node: HTMLElement): void {
15
- const { id } = node;
16
- if (id && node.childElementCount === 0) {
17
- // This looks like a bookmark generated from Google Doc, will render
18
- // this as BookmarkNode.
19
- node.setAttribute(ATTRIBUTE_BOOKMARK_ID, id);
20
-
21
- // Google Doc always inject anchor links before <table />.
22
- // <a id="t.3060ecccc199a88a1e4cc1252769f957b88f2207"></a>
23
- // <a id="t.0"></a>
24
- // <table class="c23">
25
- // and these anchor link should not be visible.
26
- const visible = node.id.indexOf('t.') !== 0;
27
-
28
- visible && node.setAttribute(ATTRIBUTE_BOOKMARK_VISIBLE, 'true');
29
- }
30
- const nextNode = node.nextElementSibling;
31
- if (!nextNode) {
32
- return;
33
- }
34
- // If this is next to a block element, make that block element the bookmark.
35
- if (BLOCK_NODE_NAME_PATTERN.test(nextNode.nodeName)) {
36
- nextNode.insertBefore(node, nextNode.firstChild);
37
- }
38
- }
1
+ // @flow
2
+
3
+ import {
4
+ ATTRIBUTE_BOOKMARK_ID,
5
+ ATTRIBUTE_BOOKMARK_VISIBLE,
6
+ } from './BookmarkNodeSpec.js';
7
+
8
+ const BLOCK_NODE_NAME_PATTERN = /(P|H1|H2|H3|H4|H5|H6)/;
9
+
10
+ export default function patchAnchorElements(doc: Document): void {
11
+ Array.from(doc.querySelectorAll('a[id]')).forEach(patchAnchorElement);
12
+ }
13
+
14
+ function patchAnchorElement(node: HTMLElement): void {
15
+ const { id } = node;
16
+ if (id && node.childElementCount === 0) {
17
+ // This looks like a bookmark generated from Google Doc, will render
18
+ // this as BookmarkNode.
19
+ node.setAttribute(ATTRIBUTE_BOOKMARK_ID, id);
20
+
21
+ // Google Doc always inject anchor links before <table />.
22
+ // <a id="t.3060ecccc199a88a1e4cc1252769f957b88f2207"></a>
23
+ // <a id="t.0"></a>
24
+ // <table class="c23">
25
+ // and these anchor link should not be visible.
26
+ const visible = node.id.indexOf('t.') !== 0;
27
+
28
+ visible && node.setAttribute(ATTRIBUTE_BOOKMARK_VISIBLE, 'true');
29
+ }
30
+ const nextNode = node.nextElementSibling;
31
+ if (!nextNode) {
32
+ return;
33
+ }
34
+ // If this is next to a block element, make that block element the bookmark.
35
+ if (BLOCK_NODE_NAME_PATTERN.test(nextNode.nodeName)) {
36
+ nextNode.insertBefore(node, nextNode.firstChild);
37
+ }
38
+ }
package/patchBreakElements.js.flow CHANGED
@@ -1,22 +1,22 @@
1
- // @flow
2
-
3
- export default function patchBreakElements(doc: Document): void {
4
- // This is a workaround to handle HTML converted from DraftJS that
5
- // `<div><span><br /></span><div>` becomes `<p><br /><br /></p>`.
6
- // Block with single `<br />` inside should be collapsed into `<p />`.
7
- const selector = 'div > span:only-child > br:only-child';
8
- Array.from(doc.querySelectorAll(selector)).forEach(patchBreakElement);
9
- }
10
-
11
- function patchBreakElement(brElement: HTMLElement): void {
12
- const { ownerDocument, parentElement } = brElement;
13
- if (!ownerDocument || !parentElement) {
14
- return;
15
- }
16
- const div = brElement.parentElement && brElement.parentElement.parentElement;
17
- if (!div) {
18
- return;
19
- }
20
- const pp = ownerDocument.createElement('p');
21
- div.parentElement && div.parentElement.replaceChild(pp, div);
22
- }
1
+ // @flow
2
+
3
+ export default function patchBreakElements(doc: Document): void {
4
+ // This is a workaround to handle HTML converted from DraftJS that
5
+ // `<div><span><br /></span><div>` becomes `<p><br /><br /></p>`.
6
+ // Block with single `<br />` inside should be collapsed into `<p />`.
7
+ const selector = 'div > span:only-child > br:only-child';
8
+ Array.from(doc.querySelectorAll(selector)).forEach(patchBreakElement);
9
+ }
10
+
11
+ function patchBreakElement(brElement: HTMLElement): void {
12
+ const { ownerDocument, parentElement } = brElement;
13
+ if (!ownerDocument || !parentElement) {
14
+ return;
15
+ }
16
+ const div = brElement.parentElement && brElement.parentElement.parentElement;
17
+ if (!div) {
18
+ return;
19
+ }
20
+ const pp = ownerDocument.createElement('p');
21
+ div.parentElement && div.parentElement.replaceChild(pp, div);
22
+ }