@modusoperandi/licit 0.1.4 → 0.1.8

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 (692) hide show
  1. package/.babelrc +54 -54
  2. package/.dockerignore +4 -4
  3. package/.eslintignore +3 -3
  4. package/.eslintrc.js +80 -80
  5. package/.flowconfig +37 -37
  6. package/.github/workflows/build.yml +35 -29
  7. package/.github/workflows/lint.yml +30 -30
  8. package/.prettierignore +5 -5
  9. package/.prettierrc +4 -4
  10. package/.stylelintignore +1 -1
  11. package/.stylelintrc.json +13 -13
  12. package/.travis.yml +18 -18
  13. package/CODEOWNERS +40 -40
  14. package/LICENSE +22 -22
  15. package/README.md +286 -284
  16. package/build_collab_server.py +7 -7
  17. package/build_customstyle_server.py +7 -7
  18. package/build_image_server.py +7 -7
  19. package/dist/BlockquoteInsertNewLineCommand.js.flow +55 -55
  20. package/dist/BlockquoteNodeSpec.js.flow +30 -30
  21. package/dist/BlockquoteToggleCommand.js.flow +34 -34
  22. package/dist/BookmarkNodeSpec.js.flow +39 -39
  23. package/dist/BulletListNodeSpec.js.flow +61 -61
  24. package/dist/CZIProseMirror.js.flow +90 -90
  25. package/dist/CodeBlockCommand.js.flow +43 -43
  26. package/dist/CodeBlockNodeSpec.js.flow +24 -24
  27. package/dist/CodeMarkSpec.js.flow +14 -14
  28. package/dist/ContentPlaceholderPlugin.js.flow +187 -187
  29. package/dist/CursorPlaceholderPlugin.js.flow +115 -115
  30. package/dist/DocLayoutCommand.js.flow +94 -94
  31. package/dist/DocNodeSpec.js.flow +64 -64
  32. package/dist/EMMarkSpec.js.flow +14 -14
  33. package/dist/EditorCommands.js.flow +128 -128
  34. package/dist/EditorKeyMap.js.flow +187 -187
  35. package/dist/EditorMarks.js.flow +71 -71
  36. package/dist/EditorNodes.js.flow +60 -60
  37. package/dist/EditorPageLayoutPlugin.js.flow +67 -67
  38. package/dist/EditorPlugins.js.flow +8 -8
  39. package/dist/EditorSchema.js.flow +12 -12
  40. package/dist/EditorState.js.flow +7 -7
  41. package/dist/FontSizeCommand.js +0 -8
  42. package/dist/FontSizeCommand.js.flow +57 -73
  43. package/dist/FontSizeMarkSpec.js.flow +49 -49
  44. package/dist/FontTypeCommand.js +0 -8
  45. package/dist/FontTypeCommand.js.flow +100 -116
  46. package/dist/FontTypeMarkSpec.js.flow +80 -80
  47. package/dist/HTMLMutator.js.flow +59 -59
  48. package/dist/HardBreakNodeSpec.js.flow +15 -15
  49. package/dist/HeadingCommand.js.flow +51 -51
  50. package/dist/HeadingNodeSpec.js.flow +54 -54
  51. package/dist/HistoryRedoCommand.js.flow +20 -20
  52. package/dist/HistoryUndoCommand.js.flow +20 -20
  53. package/dist/HorizontalRuleCommand.js.flow +49 -49
  54. package/dist/HorizontalRuleNodeSpec.js.flow +39 -39
  55. package/dist/ImageFromURLCommand.js.flow +14 -14
  56. package/dist/ImageNodeSpec.js.flow +90 -90
  57. package/dist/ImageSourceCommand.js.flow +117 -117
  58. package/dist/ImageUploadCommand.js.flow +36 -36
  59. package/dist/ImageUploadPlaceholderPlugin.js.flow +192 -192
  60. package/dist/IndentCommand.js +0 -9
  61. package/dist/IndentCommand.js.flow +41 -54
  62. package/dist/LinkMarkSpec.js.flow +32 -32
  63. package/dist/LinkSetURLCommand.js.flow +103 -103
  64. package/dist/LinkTooltipPlugin.js.flow +203 -203
  65. package/dist/ListItemInsertNewLineCommand.js.flow +55 -55
  66. package/dist/ListItemMergeCommand.js.flow +177 -177
  67. package/dist/ListItemNodeSpec.js.flow +51 -51
  68. package/dist/ListSplitCommand.js.flow +32 -32
  69. package/dist/ListToggleCommand.js +3 -45
  70. package/dist/ListToggleCommand.js.flow +77 -117
  71. package/dist/MarkNames.js +2 -4
  72. package/dist/MarkNames.js.flow +18 -19
  73. package/dist/MarkToggleCommand.js +3 -114
  74. package/dist/MarkToggleCommand.js.flow +66 -168
  75. package/dist/MarksClearCommand.js +1 -18
  76. package/dist/MarksClearCommand.js.flow +42 -55
  77. package/dist/MathEditCommand.js.flow +110 -110
  78. package/dist/MathNodeSpec.js.flow +46 -46
  79. package/dist/NodeNames.js.flow +23 -23
  80. package/dist/OrderedListNodeSpec.js.flow +132 -132
  81. package/dist/ParagraphNodeSpec.js +6 -115
  82. package/dist/ParagraphNodeSpec.js.flow +160 -250
  83. package/dist/ParagraphSpacingCommand.js.flow +121 -121
  84. package/dist/PrintCommand.js.flow +31 -31
  85. package/dist/SelectionPlaceholderPlugin.js.flow +131 -131
  86. package/dist/SpacerMarkSpec.js.flow +47 -47
  87. package/dist/StrikeMarkSpec.js.flow +21 -21
  88. package/dist/StrongMarkSpec.js.flow +25 -25
  89. package/dist/StyleView.js.flow +19 -19
  90. package/dist/TableBackgroundColorCommand.js.flow +75 -75
  91. package/dist/TableBorderColorCommand.js.flow +75 -75
  92. package/dist/TableCellColorCommand.js.flow +71 -71
  93. package/dist/TableCellMenuPlugin.js.flow +125 -125
  94. package/dist/TableInsertCommand.js.flow +112 -112
  95. package/dist/TableMergeCellsCommand.js.flow +90 -90
  96. package/dist/TableNodesSpecs.js.flow +78 -78
  97. package/dist/TablePlugins.js.flow +14 -14
  98. package/dist/TableResizePlugin.js.flow +631 -631
  99. package/dist/TextAlignCommand.js +0 -8
  100. package/dist/TextAlignCommand.js.flow +122 -138
  101. package/dist/TextColorCommand.js +0 -16
  102. package/dist/TextColorCommand.js.flow +87 -112
  103. package/dist/TextColorMarkSpec.js.flow +35 -35
  104. package/dist/TextHighlightCommand.js +0 -12
  105. package/dist/TextHighlightCommand.js.flow +91 -110
  106. package/dist/TextHighlightMarkSpec.js.flow +38 -38
  107. package/dist/TextInsertTabSpaceCommand.js +2 -5
  108. package/dist/TextInsertTabSpaceCommand.js.flow +83 -85
  109. package/dist/TextLineSpacingCommand.js.flow +157 -157
  110. package/dist/TextNoWrapMarkSpec.js.flow +14 -14
  111. package/dist/TextNodeSpec.js.flow +7 -7
  112. package/dist/TextSelectionMarkSpec.js.flow +24 -24
  113. package/dist/TextSubMarkSpec.js.flow +20 -20
  114. package/dist/TextSuperMarkSpec.js.flow +20 -20
  115. package/dist/TextUnderlineMarkSpec.js.flow +27 -27
  116. package/dist/Types.js +2 -121
  117. package/dist/Types.js.flow +75 -155
  118. package/dist/WebFontLoader.js.flow +22 -22
  119. package/dist/applyMark.js +3 -4
  120. package/dist/applyMark.js.flow +61 -64
  121. package/dist/blockQuoteInputRule.js.flow +36 -36
  122. package/dist/bom.xml +89 -89
  123. package/dist/browser.js.flow +7 -7
  124. package/dist/buildEditorPlugins.js +1 -3
  125. package/dist/buildEditorPlugins.js.flow +51 -53
  126. package/dist/buildInputRules.js.flow +81 -81
  127. package/dist/clearMarks.js +2 -5
  128. package/dist/clearMarks.js.flow +128 -132
  129. package/dist/client/CollabConnector.js +7 -7
  130. package/dist/client/CollabConnector.js.flow +71 -75
  131. package/dist/client/EditorConnection.js.flow +307 -307
  132. package/dist/client/Licit.js +197 -117
  133. package/dist/client/Licit.js.flow +562 -495
  134. package/dist/client/Licit.test.js +3 -57
  135. package/dist/client/Licit.test.js.flow +65 -120
  136. package/dist/client/Reporter.js.flow +37 -37
  137. package/dist/client/SimpleConnector.js.flow +53 -53
  138. package/dist/client/http.js.flow +66 -66
  139. package/dist/client/licit.css +12 -12
  140. package/dist/client/throttle.js.flow +27 -27
  141. package/dist/compareNumber.js.flow +11 -11
  142. package/dist/consolidateListNodes.js +27 -27
  143. package/dist/consolidateListNodes.js.flow +281 -281
  144. package/dist/convertFromDOMElement.js.flow +36 -36
  145. package/dist/convertFromHTML.js.flow +19 -19
  146. package/dist/convertFromJSON.js.flow +78 -78
  147. package/dist/convertToCSSPTValue.js.flow +22 -22
  148. package/dist/convertToJSON.js.flow +7 -7
  149. package/dist/createCommand.js.flow +40 -40
  150. package/dist/createEditorKeyMap.js.flow +94 -94
  151. package/dist/createEmptyEditorState.js.flow +41 -41
  152. package/dist/createTableResizingPlugin.js.flow +86 -86
  153. package/dist/findActionableCell.js.flow +74 -74
  154. package/dist/findActiveMark.js.flow +32 -32
  155. package/dist/findNodesWithSameMark.js.flow +89 -89
  156. package/dist/hyphenize.js.flow +17 -17
  157. package/dist/index.js +0 -14
  158. package/dist/index.js.flow +10 -11
  159. package/dist/insertTable.js.flow +56 -56
  160. package/dist/isBulletListNode.js.flow +9 -9
  161. package/dist/isEditorStateEmpty.js.flow +32 -32
  162. package/dist/isInsideListItem.js.flow +13 -13
  163. package/dist/isListNode.js.flow +13 -13
  164. package/dist/isNodeSelectionForNodeType.js.flow +15 -15
  165. package/dist/isOrderedListNode.js.flow +9 -9
  166. package/dist/isTableNode.js.flow +15 -15
  167. package/dist/isTextStyleMarkCommandEnabled.js.flow +49 -49
  168. package/dist/joinDown.js.flow +27 -27
  169. package/dist/joinListNode.js.flow +55 -55
  170. package/dist/joinUp.js.flow +39 -39
  171. package/dist/keymaps.js.flow +185 -185
  172. package/dist/lookUpElement.js.flow +14 -14
  173. package/dist/nodeAt.js.flow +12 -12
  174. package/dist/noop.js.flow +5 -5
  175. package/dist/normalizeHTML.js.flow +78 -78
  176. package/dist/patchAnchorElements.js.flow +38 -38
  177. package/dist/patchBreakElements.js.flow +22 -22
  178. package/dist/patchElementInlineStyles.js.flow +92 -92
  179. package/dist/patchListElements.js.flow +276 -276
  180. package/dist/patchMathElements.js.flow +60 -60
  181. package/dist/patchParagraphElements.js.flow +20 -20
  182. package/dist/patchStyleElements.js.flow +194 -194
  183. package/dist/patchTableElements.js.flow +89 -89
  184. package/dist/rebaseDocWithSteps.js.flow +42 -42
  185. package/dist/sanitizeURL.js.flow +13 -13
  186. package/dist/splitListItem.js.flow +191 -191
  187. package/dist/styles.css +19 -21
  188. package/dist/styles0.css +29 -30
  189. package/dist/toClosestFontPtSize.js.flow +22 -22
  190. package/dist/toSafeHTMLDocument.js.flow +9 -9
  191. package/dist/toggleBlockquote.js.flow +91 -91
  192. package/dist/toggleCodeBlock.js.flow +102 -102
  193. package/dist/toggleHeading.js.flow +113 -113
  194. package/dist/toggleList.js.flow +450 -450
  195. package/dist/transformAndPreserveTextSelection.js.flow +151 -151
  196. package/dist/ui/AlertInfo.js +1 -1
  197. package/dist/ui/AlertInfo.js.flow +64 -64
  198. package/dist/ui/BookmarkNodeView.js.flow +66 -66
  199. package/dist/ui/ColorEditor.js.flow +101 -101
  200. package/dist/ui/CommandButton.js.flow +68 -68
  201. package/dist/ui/CommandMenu.js.flow +75 -75
  202. package/dist/ui/CommandMenuButton.js.flow +131 -131
  203. package/dist/ui/CustomButton.js.flow +33 -33
  204. package/dist/ui/CustomEditorView.js.flow +28 -28
  205. package/dist/ui/CustomMenu.js.flow +17 -17
  206. package/dist/ui/CustomMenuItem.js.flow +36 -36
  207. package/dist/ui/CustomNodeView.js +6 -1
  208. package/dist/ui/CustomNodeView.js.flow +200 -196
  209. package/dist/ui/CustomRadioButton.js.flow +65 -65
  210. package/dist/ui/DocLayoutEditor.js.flow +146 -146
  211. package/dist/ui/Editor.js.flow +291 -291
  212. package/dist/ui/EditorFrameset.js.flow +81 -81
  213. package/dist/ui/EditorToolbar.js.flow +211 -211
  214. package/dist/ui/EditorToolbarConfig.js +0 -6
  215. package/dist/ui/EditorToolbarConfig.js.flow +172 -178
  216. package/dist/ui/FontSizeCommandMenuButton.js.flow +66 -66
  217. package/dist/ui/FontTypeCommandMenuButton.js.flow +49 -49
  218. package/dist/ui/Frag.js.flow +13 -13
  219. package/dist/ui/Icon.js.flow +89 -89
  220. package/dist/ui/ImageAlignEditor.js.flow +60 -60
  221. package/dist/ui/ImageInlineEditor.js.flow +67 -67
  222. package/dist/ui/ImageNodeView.js +1 -10
  223. package/dist/ui/ImageNodeView.js.flow +404 -414
  224. package/dist/ui/ImageResizeBox.js.flow +219 -219
  225. package/dist/ui/ImageURLEditor.js.flow +119 -119
  226. package/dist/ui/ImageUploadEditor.js.flow +117 -117
  227. package/dist/ui/KeyCodes.js.flow +12 -12
  228. package/dist/ui/LinkTooltip.js.flow +85 -85
  229. package/dist/ui/LinkURLEditor.js.flow +111 -111
  230. package/dist/ui/ListItemNodeView.js.flow +98 -98
  231. package/dist/ui/ListTypeButton.js.flow +131 -131
  232. package/dist/ui/ListTypeCommandButton.js +1 -1
  233. package/dist/ui/ListTypeCommandButton.js.flow +85 -86
  234. package/dist/ui/ListTypeMenu.js.flow +70 -70
  235. package/dist/ui/LoadingIndicator.js.flow +20 -20
  236. package/dist/ui/MathEditor.js.flow +78 -78
  237. package/dist/ui/MathInlineEditor.js.flow +102 -102
  238. package/dist/ui/MathNodeView.js.flow +175 -175
  239. package/dist/ui/PasteMenu.js.flow +57 -57
  240. package/dist/ui/PointerSurface.js.flow +141 -141
  241. package/dist/ui/PopUp.js.flow +77 -77
  242. package/dist/ui/PopUpManager.js.flow +213 -213
  243. package/dist/ui/PopUpPosition.js +0 -0
  244. package/dist/ui/PopUpPosition.js.flow +104 -104
  245. package/dist/ui/ResizeObserver.js.flow +106 -106
  246. package/dist/ui/RichTextEditor.js.flow +133 -133
  247. package/dist/ui/SelectionObserver.js.flow +134 -134
  248. package/dist/ui/TableCellMenu.js.flow +38 -38
  249. package/dist/ui/TableGridSizeEditor.js.flow +184 -184
  250. package/dist/ui/TableNodeView.js.flow +22 -22
  251. package/dist/ui/TooltipSurface.js.flow +76 -76
  252. package/dist/ui/bindScrollHandler.js.flow +46 -46
  253. package/dist/ui/canUseCSSFont.js.flow +43 -43
  254. package/dist/ui/clamp.js.flow +11 -11
  255. package/dist/ui/createPopUp.js.flow +205 -205
  256. package/dist/ui/czi-animations.css +15 -15
  257. package/dist/ui/czi-body-layout-editor.css +16 -16
  258. package/dist/ui/czi-bookmark-view.css +10 -10
  259. package/dist/ui/czi-color-editor.css +56 -56
  260. package/dist/ui/czi-cursor-placeholder.css +36 -36
  261. package/dist/ui/czi-custom-button.css +93 -93
  262. package/dist/ui/czi-custom-menu-button.css +18 -18
  263. package/dist/ui/czi-custom-menu-item.css +30 -30
  264. package/dist/ui/czi-custom-menu.css +8 -8
  265. package/dist/ui/czi-custom-radio-button.css +80 -80
  266. package/dist/ui/czi-custom-scrollbar.css +21 -21
  267. package/dist/ui/czi-editor-frameset.css +81 -81
  268. package/dist/ui/czi-editor-toolbar.css +122 -122
  269. package/dist/ui/czi-editor.css +220 -221
  270. package/dist/ui/czi-form.css +104 -104
  271. package/dist/ui/czi-frag.css +3 -3
  272. package/dist/ui/czi-heading.css +40 -40
  273. package/dist/ui/czi-icon.css +72 -72
  274. package/dist/ui/czi-image-resize-box.css +165 -165
  275. package/dist/ui/czi-image-upload-editor.css +57 -57
  276. package/dist/ui/czi-image-upload-placeholder.css +50 -50
  277. package/dist/ui/czi-image-url-editor.css +38 -38
  278. package/dist/ui/czi-image-view.css +125 -125
  279. package/dist/ui/czi-indent.css +137 -137
  280. package/dist/ui/czi-inline-editor.css +20 -20
  281. package/dist/ui/czi-link-tooltip.css +71 -71
  282. package/dist/ui/czi-list.css +410 -410
  283. package/dist/ui/czi-loading-indicator.css +111 -111
  284. package/dist/ui/czi-math-view.css +62 -62
  285. package/dist/ui/czi-pop-up.css +32 -32
  286. package/dist/ui/czi-selection-placeholder.css +24 -24
  287. package/dist/ui/czi-table-cell-menu.css +14 -14
  288. package/dist/ui/czi-table-grid-size-editor.css +37 -37
  289. package/dist/ui/czi-table.css +86 -86
  290. package/dist/ui/czi-tooltip-surface.css +45 -45
  291. package/dist/ui/czi-vars.css +46 -46
  292. package/dist/ui/findActiveFontSize.js.flow +58 -58
  293. package/dist/ui/findActiveFontType.js.flow +38 -38
  294. package/dist/ui/fonts.css +471 -471
  295. package/dist/ui/handleEditorDrop.js.flow +28 -28
  296. package/dist/ui/handleEditorKeyDown.js.flow +39 -39
  297. package/dist/ui/handleEditorPaste.js.flow +33 -33
  298. package/dist/ui/htmlElementToRect.js.flow +18 -18
  299. package/dist/ui/icon-font.css +10 -10
  300. package/dist/ui/injectStyleSheet.js.flow +42 -42
  301. package/dist/ui/isElementFullyVisible.js.flow +23 -23
  302. package/dist/ui/isOffline.js.flow +8 -8
  303. package/dist/ui/isReactClass.js.flow +12 -12
  304. package/dist/ui/listType.css +21 -21
  305. package/dist/ui/mathquill-editor/MathQuillEditor.js.flow +159 -159
  306. package/dist/ui/mathquill-editor/MathQuillEditorSymbols.js.flow +483 -483
  307. package/dist/ui/mathquill-editor/MathQuillEditorSymbolsPanel.js.flow +48 -48
  308. package/dist/ui/mathquill-editor/czi-mathquill-editor-symbols-panel.css +39 -39
  309. package/dist/ui/mathquill-editor/czi-mathquill-editor.css +50 -50
  310. package/dist/ui/mathquill-editor/mathquill-import-kludge.js.flow +24 -24
  311. package/dist/ui/preventEventDefault.js.flow +5 -5
  312. package/dist/ui/rects.js.flow +47 -47
  313. package/dist/ui/renderLaTeXAsHTML.js.flow +46 -46
  314. package/dist/ui/resolveImage.js.flow +123 -123
  315. package/dist/ui/toCSSColor.js.flow +51 -51
  316. package/dist/ui/toCSSLineSpacing.js.flow +82 -82
  317. package/dist/ui/toHexColor.js.flow +26 -26
  318. package/dist/ui/uuid.js.flow +9 -9
  319. package/dist/updateIndentLevel.js +1 -47
  320. package/dist/updateIndentLevel.js.flow +211 -260
  321. package/dist/uuid.js.flow +9 -9
  322. package/flow-typed/@modusoperandilicit-customstyles.js +5 -0
  323. package/flow-typed/@modusoperandilicit-doc-attrs-step.js +5 -5
  324. package/flow-typed/@molicit-citation.js +5 -5
  325. package/flow-typed/create-emotion.js +5 -5
  326. package/flow-typed/docs-editor.js +3 -3
  327. package/flow-typed/draft-convert.js +3 -3
  328. package/flow-typed/draft-js.js +3 -3
  329. package/flow-typed/flatted.js +5 -5
  330. package/flow-typed/jquery.js +5 -5
  331. package/flow-typed/katex.js +6 -6
  332. package/flow-typed/mathquill.js +5 -5
  333. package/flow-typed/prosemirror-collab.js +5 -5
  334. package/flow-typed/prosemirror-commands.js +5 -5
  335. package/flow-typed/prosemirror-dev-tools.js +5 -5
  336. package/flow-typed/prosemirror-dropcursor.js +5 -5
  337. package/flow-typed/prosemirror-gapcursor.js +5 -5
  338. package/flow-typed/prosemirror-history.js +5 -5
  339. package/flow-typed/prosemirror-inputrules.js +5 -5
  340. package/flow-typed/prosemirror-keymap.js +5 -5
  341. package/flow-typed/prosemirror-model.js +5 -5
  342. package/flow-typed/prosemirror-state.js +5 -5
  343. package/flow-typed/prosemirror-tables.js +5 -5
  344. package/flow-typed/prosemirror-transform.js +5 -5
  345. package/flow-typed/prosemirror-utils.js +5 -5
  346. package/flow-typed/prosemirror-view.js +5 -5
  347. package/flow-typed/resize-observer-polyfill.js +5 -5
  348. package/flow-typed/uuid.js +5 -5
  349. package/jest.setup.js +5 -5
  350. package/licit/client/CustomLicitRuntime.js +95 -200
  351. package/licit/client/CustomStyleRuntime.js +136 -0
  352. package/licit/client/index.js +366 -365
  353. package/licit/index.html +11 -11
  354. package/licit/server/collab/instance.js +221 -221
  355. package/licit/server/collab/route.js +69 -69
  356. package/licit/server/collab/server.js +297 -296
  357. package/licit/server/collab/start.js +13 -13
  358. package/licit/server/customstyles/start.js +184 -184
  359. package/licit/server/image/start.js +58 -58
  360. package/lint.sh +4 -4
  361. package/package.json +165 -165
  362. package/run_collab_server.py +21 -21
  363. package/run_customstyle_server.py +20 -20
  364. package/run_image_server.py +20 -20
  365. package/run_web_server.py +25 -25
  366. package/scripts/build_bin.js +10 -10
  367. package/scripts/build_bin.py +103 -103
  368. package/scripts/ci_check_dist.sh +13 -13
  369. package/scripts/env.js +6 -6
  370. package/scripts/webserver.js +35 -35
  371. package/sonar-project.properties +11 -11
  372. package/src/BlockquoteInsertNewLineCommand.js +55 -55
  373. package/src/BlockquoteNodeSpec.js +30 -30
  374. package/src/BlockquoteToggleCommand.js +34 -34
  375. package/src/BookmarkNodeSpec.js +39 -39
  376. package/src/BulletListNodeSpec.js +61 -61
  377. package/src/CZIProseMirror.js +90 -90
  378. package/src/CodeBlockCommand.js +43 -43
  379. package/src/CodeBlockNodeSpec.js +24 -24
  380. package/src/CodeMarkSpec.js +14 -14
  381. package/src/ContentPlaceholderPlugin.js +187 -187
  382. package/src/CursorPlaceholderPlugin.js +115 -115
  383. package/src/DocLayoutCommand.js +94 -94
  384. package/src/DocNodeSpec.js +64 -64
  385. package/src/EMMarkSpec.js +14 -14
  386. package/src/EditorCommands.js +128 -128
  387. package/src/EditorKeyMap.js +187 -187
  388. package/src/EditorMarks.js +71 -71
  389. package/src/EditorNodes.js +60 -60
  390. package/src/EditorPageLayoutPlugin.js +67 -67
  391. package/src/EditorPlugins.js +8 -8
  392. package/src/EditorSchema.js +12 -12
  393. package/src/EditorState.js +7 -7
  394. package/src/FontSizeCommand.js +57 -73
  395. package/src/FontSizeMarkSpec.js +49 -49
  396. package/src/FontTypeCommand.js +100 -116
  397. package/src/FontTypeMarkSpec.js +80 -80
  398. package/src/HTMLMutator.js +59 -59
  399. package/src/HardBreakNodeSpec.js +15 -15
  400. package/src/HeadingCommand.js +51 -51
  401. package/src/HeadingNodeSpec.js +54 -54
  402. package/src/HistoryRedoCommand.js +20 -20
  403. package/src/HistoryUndoCommand.js +20 -20
  404. package/src/HorizontalRuleCommand.js +49 -49
  405. package/src/HorizontalRuleNodeSpec.js +39 -39
  406. package/src/ImageFromURLCommand.js +14 -14
  407. package/src/ImageNodeSpec.js +90 -90
  408. package/src/ImageSourceCommand.js +117 -117
  409. package/src/ImageUploadCommand.js +36 -36
  410. package/src/ImageUploadPlaceholderPlugin.js +192 -192
  411. package/src/IndentCommand.js +41 -54
  412. package/src/LinkMarkSpec.js +32 -32
  413. package/src/LinkSetURLCommand.js +103 -103
  414. package/src/LinkTooltipPlugin.js +203 -203
  415. package/src/ListItemInsertNewLineCommand.js +55 -55
  416. package/src/ListItemMergeCommand.js +177 -177
  417. package/src/ListItemNodeSpec.js +51 -51
  418. package/src/ListSplitCommand.js +32 -32
  419. package/src/ListToggleCommand.js +77 -117
  420. package/src/MarkNames.js +18 -19
  421. package/src/MarkToggleCommand.js +66 -168
  422. package/src/MarksClearCommand.js +42 -55
  423. package/src/MathEditCommand.js +110 -110
  424. package/src/MathNodeSpec.js +46 -46
  425. package/src/NodeNames.js +23 -23
  426. package/src/OrderedListNodeSpec.js +132 -132
  427. package/src/ParagraphNodeSpec.js +160 -250
  428. package/src/ParagraphSpacingCommand.js +121 -121
  429. package/src/PrintCommand.js +31 -31
  430. package/src/SelectionPlaceholderPlugin.js +131 -131
  431. package/src/SpacerMarkSpec.js +47 -47
  432. package/src/StrikeMarkSpec.js +21 -21
  433. package/src/StrongMarkSpec.js +25 -25
  434. package/src/StyleView.js +19 -19
  435. package/src/TableBackgroundColorCommand.js +75 -75
  436. package/src/TableBorderColorCommand.js +75 -75
  437. package/src/TableCellColorCommand.js +71 -71
  438. package/src/TableCellMenuPlugin.js +125 -125
  439. package/src/TableInsertCommand.js +112 -112
  440. package/src/TableMergeCellsCommand.js +90 -90
  441. package/src/TableNodesSpecs.js +78 -78
  442. package/src/TablePlugins.js +14 -14
  443. package/src/TableResizePlugin.js +631 -631
  444. package/src/TextAlignCommand.js +122 -138
  445. package/src/TextColorCommand.js +87 -112
  446. package/src/TextColorMarkSpec.js +35 -35
  447. package/src/TextHighlightCommand.js +91 -110
  448. package/src/TextHighlightMarkSpec.js +38 -38
  449. package/src/TextInsertTabSpaceCommand.js +83 -85
  450. package/src/TextLineSpacingCommand.js +157 -157
  451. package/src/TextNoWrapMarkSpec.js +14 -14
  452. package/src/TextNodeSpec.js +7 -7
  453. package/src/TextSelectionMarkSpec.js +24 -24
  454. package/src/TextSubMarkSpec.js +20 -20
  455. package/src/TextSuperMarkSpec.js +20 -20
  456. package/src/TextUnderlineMarkSpec.js +27 -27
  457. package/src/Types.js +75 -155
  458. package/src/WebFontLoader.js +22 -22
  459. package/src/applyMark.js +61 -64
  460. package/src/blockQuoteInputRule.js +36 -36
  461. package/src/browser.js +7 -7
  462. package/src/buildEditorPlugins.js +51 -53
  463. package/src/buildInputRules.js +81 -81
  464. package/src/clearMarks.js +128 -132
  465. package/src/client/CollabConnector.js +71 -75
  466. package/src/client/EditorConnection.js +307 -307
  467. package/src/client/Licit.js +562 -495
  468. package/src/client/Licit.test.js +65 -120
  469. package/src/client/Reporter.js +37 -37
  470. package/src/client/SimpleConnector.js +53 -53
  471. package/src/client/http.js +66 -66
  472. package/src/client/licit.css +12 -12
  473. package/src/client/throttle.js +27 -27
  474. package/src/compareNumber.js +11 -11
  475. package/src/consolidateListNodes.js +281 -281
  476. package/src/convertFromDOMElement.js +36 -36
  477. package/src/convertFromHTML.js +19 -19
  478. package/src/convertFromJSON.js +78 -78
  479. package/src/convertToCSSPTValue.js +22 -22
  480. package/src/convertToJSON.js +7 -7
  481. package/src/createCommand.js +40 -40
  482. package/src/createEditorKeyMap.js +94 -94
  483. package/src/createEmptyEditorState.js +41 -41
  484. package/src/createTableResizingPlugin.js +86 -86
  485. package/src/findActionableCell.js +74 -74
  486. package/src/findActiveMark.js +32 -32
  487. package/src/findNodesWithSameMark.js +89 -89
  488. package/src/hyphenize.js +17 -17
  489. package/src/index.js +10 -11
  490. package/src/insertTable.js +56 -56
  491. package/src/isBulletListNode.js +9 -9
  492. package/src/isEditorStateEmpty.js +32 -32
  493. package/src/isInsideListItem.js +13 -13
  494. package/src/isListNode.js +13 -13
  495. package/src/isNodeSelectionForNodeType.js +15 -15
  496. package/src/isOrderedListNode.js +9 -9
  497. package/src/isTableNode.js +15 -15
  498. package/src/isTextStyleMarkCommandEnabled.js +49 -49
  499. package/src/joinDown.js +27 -27
  500. package/src/joinListNode.js +55 -55
  501. package/src/joinUp.js +39 -39
  502. package/src/keymaps.js +185 -185
  503. package/src/lookUpElement.js +14 -14
  504. package/src/nodeAt.js +12 -12
  505. package/src/noop.js +5 -5
  506. package/src/normalizeHTML.js +78 -78
  507. package/src/patchAnchorElements.js +38 -38
  508. package/src/patchBreakElements.js +22 -22
  509. package/src/patchElementInlineStyles.js +92 -92
  510. package/src/patchListElements.js +276 -276
  511. package/src/patchMathElements.js +60 -60
  512. package/src/patchParagraphElements.js +20 -20
  513. package/src/patchStyleElements.js +194 -194
  514. package/src/patchTableElements.js +89 -89
  515. package/src/rebaseDocWithSteps.js +42 -42
  516. package/src/sanitizeURL.js +13 -13
  517. package/src/splitListItem.js +191 -191
  518. package/src/styles.css +19 -21
  519. package/src/styles0.css +29 -30
  520. package/src/toClosestFontPtSize.js +22 -22
  521. package/src/toSafeHTMLDocument.js +9 -9
  522. package/src/toggleBlockquote.js +91 -91
  523. package/src/toggleCodeBlock.js +102 -102
  524. package/src/toggleHeading.js +113 -113
  525. package/src/toggleList.js +450 -450
  526. package/src/transformAndPreserveTextSelection.js +151 -151
  527. package/src/ui/AlertInfo.js +64 -64
  528. package/src/ui/BookmarkNodeView.js +66 -66
  529. package/src/ui/ColorEditor.js +101 -101
  530. package/src/ui/CommandButton.js +68 -68
  531. package/src/ui/CommandMenu.js +75 -75
  532. package/src/ui/CommandMenuButton.js +131 -131
  533. package/src/ui/CustomButton.js +33 -33
  534. package/src/ui/CustomEditorView.js +28 -28
  535. package/src/ui/CustomMenu.js +17 -17
  536. package/src/ui/CustomMenuItem.js +36 -36
  537. package/src/ui/CustomNodeView.js +200 -196
  538. package/src/ui/CustomRadioButton.js +65 -65
  539. package/src/ui/DocLayoutEditor.js +146 -146
  540. package/src/ui/Editor.js +291 -291
  541. package/src/ui/EditorFrameset.js +81 -81
  542. package/src/ui/EditorToolbar.js +211 -211
  543. package/src/ui/EditorToolbarConfig.js +172 -178
  544. package/src/ui/FontSizeCommandMenuButton.js +66 -66
  545. package/src/ui/FontTypeCommandMenuButton.js +49 -49
  546. package/src/ui/Frag.js +13 -13
  547. package/src/ui/Icon.js +89 -89
  548. package/src/ui/ImageAlignEditor.js +60 -60
  549. package/src/ui/ImageInlineEditor.js +67 -67
  550. package/src/ui/ImageNodeView.js +404 -414
  551. package/src/ui/ImageResizeBox.js +219 -219
  552. package/src/ui/ImageURLEditor.js +119 -119
  553. package/src/ui/ImageUploadEditor.js +117 -117
  554. package/src/ui/KeyCodes.js +12 -12
  555. package/src/ui/LinkTooltip.js +85 -85
  556. package/src/ui/LinkURLEditor.js +111 -111
  557. package/src/ui/ListItemNodeView.js +98 -98
  558. package/src/ui/ListTypeButton.js +131 -131
  559. package/src/ui/ListTypeCommandButton.js +85 -86
  560. package/src/ui/ListTypeMenu.js +70 -70
  561. package/src/ui/LoadingIndicator.js +20 -20
  562. package/src/ui/MathEditor.js +78 -78
  563. package/src/ui/MathInlineEditor.js +102 -102
  564. package/src/ui/MathNodeView.js +175 -175
  565. package/src/ui/PasteMenu.js +57 -57
  566. package/src/ui/PointerSurface.js +141 -141
  567. package/src/ui/PopUp.js +77 -77
  568. package/src/ui/PopUpManager.js +213 -213
  569. package/src/ui/PopUpPosition.js +104 -104
  570. package/src/ui/ResizeObserver.js +106 -106
  571. package/src/ui/RichTextEditor.js +133 -133
  572. package/src/ui/SelectionObserver.js +134 -134
  573. package/src/ui/TableCellMenu.js +38 -38
  574. package/src/ui/TableGridSizeEditor.js +184 -184
  575. package/src/ui/TableNodeView.js +22 -22
  576. package/src/ui/TooltipSurface.js +76 -76
  577. package/src/ui/bindScrollHandler.js +46 -46
  578. package/src/ui/canUseCSSFont.js +43 -43
  579. package/src/ui/clamp.js +11 -11
  580. package/src/ui/createPopUp.js +205 -205
  581. package/src/ui/czi-animations.css +15 -15
  582. package/src/ui/czi-body-layout-editor.css +16 -16
  583. package/src/ui/czi-bookmark-view.css +10 -10
  584. package/src/ui/czi-color-editor.css +56 -56
  585. package/src/ui/czi-cursor-placeholder.css +36 -36
  586. package/src/ui/czi-custom-button.css +93 -93
  587. package/src/ui/czi-custom-menu-button.css +18 -18
  588. package/src/ui/czi-custom-menu-item.css +30 -30
  589. package/src/ui/czi-custom-menu.css +8 -8
  590. package/src/ui/czi-custom-radio-button.css +80 -80
  591. package/src/ui/czi-custom-scrollbar.css +21 -21
  592. package/src/ui/czi-editor-frameset.css +81 -81
  593. package/src/ui/czi-editor-toolbar.css +122 -122
  594. package/src/ui/czi-editor.css +220 -221
  595. package/src/ui/czi-form.css +104 -104
  596. package/src/ui/czi-frag.css +3 -3
  597. package/src/ui/czi-heading.css +40 -40
  598. package/src/ui/czi-icon.css +72 -72
  599. package/src/ui/czi-image-resize-box.css +165 -165
  600. package/src/ui/czi-image-upload-editor.css +57 -57
  601. package/src/ui/czi-image-upload-placeholder.css +50 -50
  602. package/src/ui/czi-image-url-editor.css +38 -38
  603. package/src/ui/czi-image-view.css +125 -125
  604. package/src/ui/czi-indent.css +137 -137
  605. package/src/ui/czi-inline-editor.css +20 -20
  606. package/src/ui/czi-link-tooltip.css +71 -71
  607. package/src/ui/czi-list.css +410 -410
  608. package/src/ui/czi-loading-indicator.css +111 -111
  609. package/src/ui/czi-math-view.css +62 -62
  610. package/src/ui/czi-pop-up.css +32 -32
  611. package/src/ui/czi-selection-placeholder.css +24 -24
  612. package/src/ui/czi-table-cell-menu.css +14 -14
  613. package/src/ui/czi-table-grid-size-editor.css +37 -37
  614. package/src/ui/czi-table.css +86 -86
  615. package/src/ui/czi-tooltip-surface.css +45 -45
  616. package/src/ui/czi-vars.css +46 -46
  617. package/src/ui/findActiveFontSize.js +58 -58
  618. package/src/ui/findActiveFontType.js +38 -38
  619. package/src/ui/fonts.css +471 -471
  620. package/src/ui/handleEditorDrop.js +28 -28
  621. package/src/ui/handleEditorKeyDown.js +39 -39
  622. package/src/ui/handleEditorPaste.js +33 -33
  623. package/src/ui/htmlElementToRect.js +18 -18
  624. package/src/ui/icon-font.css +10 -10
  625. package/src/ui/injectStyleSheet.js +42 -42
  626. package/src/ui/isElementFullyVisible.js +23 -23
  627. package/src/ui/isOffline.js +8 -8
  628. package/src/ui/isReactClass.js +12 -12
  629. package/src/ui/listType.css +21 -21
  630. package/src/ui/mathquill-editor/MathQuillEditor.js +159 -159
  631. package/src/ui/mathquill-editor/MathQuillEditorSymbols.js +483 -483
  632. package/src/ui/mathquill-editor/MathQuillEditorSymbolsPanel.js +48 -48
  633. package/src/ui/mathquill-editor/czi-mathquill-editor-symbols-panel.css +39 -39
  634. package/src/ui/mathquill-editor/czi-mathquill-editor.css +50 -50
  635. package/src/ui/mathquill-editor/mathquill-import-kludge.js +24 -24
  636. package/src/ui/preventEventDefault.js +5 -5
  637. package/src/ui/rects.js +47 -47
  638. package/src/ui/renderLaTeXAsHTML.js +46 -46
  639. package/src/ui/resolveImage.js +123 -123
  640. package/src/ui/toCSSColor.js +51 -51
  641. package/src/ui/toCSSLineSpacing.js +82 -82
  642. package/src/ui/toHexColor.js +26 -26
  643. package/src/ui/uuid.js +9 -9
  644. package/src/updateIndentLevel.js +211 -260
  645. package/src/uuid.js +9 -9
  646. package/style-service.Dockerfile +26 -26
  647. package/utils/build_bin.js +9 -9
  648. package/utils/build_customstyle_server.js +71 -71
  649. package/utils/build_image_server.js +71 -71
  650. package/utils/build_licit_collab_server.js +75 -75
  651. package/utils/build_web_server.js +40 -40
  652. package/utils/env.js +6 -6
  653. package/webpack.config.js +126 -126
  654. package/dist/CustomStyleCommand.js +0 -1534
  655. package/dist/CustomStyleCommand.js.flow +0 -1690
  656. package/dist/StylePlugin.js +0 -533
  657. package/dist/StylePlugin.js.flow +0 -548
  658. package/dist/clearCustomStyleMarks.js +0 -43
  659. package/dist/clearCustomStyleMarks.js.flow +0 -34
  660. package/dist/customStyle.js +0 -185
  661. package/dist/customStyle.js.flow +0 -171
  662. package/dist/ui/CustomMenuButton.js +0 -155
  663. package/dist/ui/CustomMenuButton.js.flow +0 -129
  664. package/dist/ui/CustomMenuUI.js +0 -479
  665. package/dist/ui/CustomMenuUI.js.flow +0 -464
  666. package/dist/ui/CustomStyleEditor.js +0 -1216
  667. package/dist/ui/CustomStyleEditor.js.flow +0 -1325
  668. package/dist/ui/CustomStyleItem.js +0 -164
  669. package/dist/ui/CustomStyleItem.js.flow +0 -152
  670. package/dist/ui/CustomStyleSubMenu.js +0 -62
  671. package/dist/ui/CustomStyleSubMenu.js.flow +0 -54
  672. package/dist/ui/HeadingCommandMenuButton.js +0 -157
  673. package/dist/ui/HeadingCommandMenuButton.js.flow +0 -147
  674. package/dist/ui/custom-dropdown.css +0 -90
  675. package/dist/ui/custom-style-edit.css +0 -430
  676. package/dist/ui/czi-cust-style-numbered.css +0 -137
  677. package/dist/ui/findActiveCustomStyle.js +0 -53
  678. package/dist/ui/findActiveCustomStyle.js.flow +0 -38
  679. package/src/CustomStyleCommand.js +0 -1690
  680. package/src/StylePlugin.js +0 -548
  681. package/src/clearCustomStyleMarks.js +0 -34
  682. package/src/customStyle.js +0 -171
  683. package/src/ui/CustomMenuButton.js +0 -129
  684. package/src/ui/CustomMenuUI.js +0 -464
  685. package/src/ui/CustomStyleEditor.js +0 -1325
  686. package/src/ui/CustomStyleItem.js +0 -152
  687. package/src/ui/CustomStyleSubMenu.js +0 -54
  688. package/src/ui/HeadingCommandMenuButton.js +0 -147
  689. package/src/ui/custom-dropdown.css +0 -90
  690. package/src/ui/custom-style-edit.css +0 -430
  691. package/src/ui/czi-cust-style-numbered.css +0 -137
  692. package/src/ui/findActiveCustomStyle.js +0 -38
package/dist/patchListElements.js.flow CHANGED
@@ -1,276 +1,276 @@
1
- // @flow
2
-
3
- import HTMLMutator from './HTMLMutator';
4
- import nullthrows from 'nullthrows';
5
- import uuid from './ui/uuid';
6
-
7
- import { ATTRIBUTE_LIST_STYLE_TYPE } from './ListItemNodeSpec';
8
- import {
9
- ATTRIBUTE_INDENT,
10
- EMPTY_CSS_VALUE,
11
- convertMarginLeftToIndentValue,
12
- } from './ParagraphNodeSpec';
13
- import {
14
- ATTRIBUTE_COUNTER_RESET,
15
- ATTRIBUTE_FOLLOWING,
16
- } from './OrderedListNodeSpec';
17
- import { ATTRIBUTE_CSS_BEFORE_CONTENT } from './patchStyleElements';
18
-
19
- export default function patchListElements(doc: Document): void {
20
- // In Google Doc, lists are exported as indented
21
- // (e.g. style="margin-left: 48pt") list elements which is the default DOM
22
- // structure that `czi-prosemirror` supports. However, other doc providers
23
- // (e.g Office 365) may export lists as nested list elements that can't
24
- // be rendered properly.
25
- // Before proceeding further, it needs to convert the nested list elements
26
- // into indented list elements.
27
- liftNestedListElements(doc);
28
- Array.from(doc.querySelectorAll('ol, ul')).forEach(patchListElementsElement);
29
- }
30
-
31
- // This assumes that every 36pt maps to one indent level.
32
- const CHAR_BULLET = '\u25cf';
33
- const CHAR_CIRCLE = '\u25cb';
34
- const CHAR_SQUARE = '\u25a0';
35
- const CHAR_BOX = '\u274f';
36
- const CHAR_ZERO_SPACE = '\u200B';
37
- const INLINE_NODE_NAME_PATTERN = /^(#text)|(A|SPAN|B|STRONG)$/;
38
-
39
- function patchListElementsElement(listElement: HTMLElement): void {
40
- // If the children of `listElement` all have teh same marginLeft, assume
41
- // it to be indented.
42
- let marginLeft = undefined;
43
- let beforeContent = undefined;
44
- const { parentElement, children } = listElement;
45
-
46
- // A workaround to patch the issue when <ul /> or <ol /> is pasted as the
47
- // first child of <body />, its first <li /> somehow can't be wrapped
48
- // with the list. The hack is to prepend zero-width-space character
49
- // before the list.
50
- if (
51
- parentElement &&
52
- parentElement.nodeName === 'BODY' &&
53
- parentElement.firstChild === listElement
54
- ) {
55
- const tt = parentElement.ownerDocument.createTextNode(CHAR_ZERO_SPACE);
56
- parentElement.insertBefore(tt, listElement);
57
- }
58
-
59
- Array.from(children).forEach((listItemElement) => {
60
- const { style } = listItemElement;
61
- patchPaddingStyle(listItemElement);
62
-
63
- const bc = listItemElement.getAttribute(ATTRIBUTE_CSS_BEFORE_CONTENT) || '';
64
- if (beforeContent === undefined) {
65
- beforeContent = bc;
66
- }
67
- if (beforeContent !== bc) {
68
- beforeContent = null;
69
- }
70
-
71
- const ml = (style && style.marginLeft) || '';
72
- if (marginLeft === undefined) {
73
- marginLeft = ml;
74
- }
75
-
76
- if (ml !== marginLeft) {
77
- marginLeft = null;
78
- }
79
- });
80
-
81
- if (marginLeft) {
82
- const indent = convertMarginLeftToIndentValue(marginLeft);
83
- if (indent) {
84
- listElement.setAttribute(ATTRIBUTE_INDENT, String(indent));
85
- }
86
- }
87
-
88
- if (beforeContent) {
89
- beforeContent = String(beforeContent);
90
- let listStyleType;
91
- switch (true) {
92
- case beforeContent.indexOf(CHAR_BULLET) > -1:
93
- listStyleType = 'disc';
94
- break;
95
-
96
- case beforeContent.indexOf(CHAR_CIRCLE) > -1:
97
- listStyleType = 'circle';
98
- break;
99
-
100
- case beforeContent.indexOf(CHAR_SQUARE) > -1:
101
- listStyleType = 'square';
102
- break;
103
-
104
- case beforeContent.indexOf(CHAR_BOX) > -1:
105
- listStyleType = 'box';
106
- break;
107
-
108
- case beforeContent.indexOf('lower-latin') > -1:
109
- listStyleType = 'lower-latin';
110
- break;
111
-
112
- case beforeContent.indexOf('upper-latin') > -1:
113
- listStyleType = 'upper-latin';
114
- break;
115
-
116
- case beforeContent.indexOf('lower-roman') > -1:
117
- listStyleType = 'lower-roman';
118
- break;
119
-
120
- case beforeContent.indexOf('upper-roman') > -1:
121
- listStyleType = 'upper-roman';
122
- break;
123
-
124
- case beforeContent.indexOf('-') > -1:
125
- listStyleType = 'dash';
126
- break;
127
-
128
- default:
129
- console.log('unknown list style type', beforeContent);
130
- break;
131
- }
132
- if (listStyleType) {
133
- listElement.setAttribute(ATTRIBUTE_LIST_STYLE_TYPE, listStyleType);
134
- }
135
- }
136
- }
137
-
138
- // This moves the styles of <li /> into its content <p />.
139
- function patchPaddingStyle(listItemElement: HTMLElement): void {
140
- const { style, childNodes } = listItemElement;
141
- const { paddingTop, paddingBottom, lineHeight } = style;
142
- if (
143
- !EMPTY_CSS_VALUE.has(paddingBottom) &&
144
- !EMPTY_CSS_VALUE.has(paddingTop) &&
145
- !EMPTY_CSS_VALUE.has(lineHeight)
146
- ) {
147
- return;
148
- }
149
-
150
- const doc = listItemElement.ownerDocument;
151
- const frag = doc.createDocumentFragment();
152
- let contentIsInline = true;
153
-
154
- Array.from(childNodes).forEach((cn) => {
155
- contentIsInline =
156
- contentIsInline && INLINE_NODE_NAME_PATTERN.test(cn.nodeName);
157
- frag.appendChild(cn);
158
- });
159
-
160
- if (contentIsInline) {
161
- // Wrap all inline content with <p /> with the padding style applied.
162
- const pEl = doc.createElement('p');
163
- Object.assign(pEl.style, {
164
- lineHeight,
165
- paddingBottom,
166
- paddingTop,
167
- });
168
- pEl.appendChild(frag);
169
- listItemElement.appendChild(pEl);
170
- } else {
171
- // Unable to patch the style.
172
- listItemElement.appendChild(frag);
173
- }
174
- }
175
-
176
- // This converts all nested list elements into indented list elements.
177
- // For instance,
178
- // == UI ==
179
- // 1. AA
180
- // 1. BB
181
- // 2. BB
182
- // 2. AA
183
- // == DOM Structure (Before) ==
184
- // <ol> <!-- Parent List -->
185
- // <li>
186
- // AA
187
- // <ol> <!-- Child (nested) List -->
188
- // <li>BB</li>
189
- // <li>BB</li>
190
- // </ol>
191
- // </li>
192
- // <li> AA</li>
193
- // </ol>
194
- // == DOM Structure (After) ==
195
- // <ol name="x">
196
- // <li>AA</li>
197
- // </ol>
198
- // <ol data-indent="1">
199
- // <li>BB</li>
200
- // <li>BB</li>
201
- // </ol>
202
- // <ol data-following="x" data-counter-reset-"none">
203
- // <li>AA</li>
204
- // </ol>
205
- function liftNestedListElements(doc: Document): void {
206
- const selector = 'li > ol, li > ul';
207
- const els = Array.from(doc.querySelectorAll(selector));
208
- const htmlMutator = new HTMLMutator(doc);
209
-
210
- els.forEach((list) => {
211
- const indent = findIndentLevel(list);
212
- list.setAttribute('data-indent', String(indent));
213
-
214
- const parentListItem = nullthrows(list.parentElement);
215
- const parentList = nullthrows(parentListItem.parentElement);
216
- const parentListNodeName = parentList.nodeName.toLowerCase();
217
- const isLast = parentList.lastElementChild === parentListItem;
218
- const style = parentList.getAttribute('style') || '';
219
-
220
- // The parent list will be split into two lists and the second list should
221
- // follow the first list.
222
- const followingName = parentList.getAttribute('name') || uuid();
223
- parentList.setAttribute('name', followingName);
224
-
225
- // Stub HTML snippets that will lift the list.
226
-
227
- // Before:
228
- // <ol>
229
- // <li>
230
- // AAA
231
- // <ol><li>BBB</li></ol>
232
- // </li>
233
- // <li>CCC</li>
234
- // </ol>
235
- // After:
236
- // <ol><li>AAA</li></ol>
237
- // <ol><li>BBB</li></ol>
238
- // <ol><li>CCC</li></ol>
239
-
240
- // Close the parent list before the list.
241
- htmlMutator.insertHTMLBefore(`<\/${parentListNodeName}>`, list);
242
- // Open a new list after list.
243
- htmlMutator.insertHTMLAfter(
244
- `<${parentListNodeName}
245
- style="${style}"
246
- class="${parentList.className}"
247
- ${ATTRIBUTE_COUNTER_RESET}="none"
248
- ${ATTRIBUTE_FOLLOWING}="${followingName}">`,
249
- list
250
- );
251
-
252
- if (isLast) {
253
- // The new list after list is an empty list, comment it out.
254
- htmlMutator
255
- .insertHTMLAfter('<!--', list)
256
- .insertHTMLAfter('-->', parentList);
257
- }
258
- });
259
-
260
- htmlMutator.execute();
261
- }
262
-
263
- function findIndentLevel(el: Element): number {
264
- let indent = 0;
265
- let currentEl = el.parentElement;
266
- while (currentEl) {
267
- const { nodeName } = currentEl;
268
- if (nodeName === 'OL' || nodeName === 'UL') {
269
- indent++;
270
- } else if (nodeName !== 'LI') {
271
- break;
272
- }
273
- currentEl = currentEl.parentElement;
274
- }
275
- return indent;
276
- }
1
+ // @flow
2
+
3
+ import HTMLMutator from './HTMLMutator';
4
+ import nullthrows from 'nullthrows';
5
+ import uuid from './ui/uuid';
6
+
7
+ import { ATTRIBUTE_LIST_STYLE_TYPE } from './ListItemNodeSpec';
8
+ import {
9
+ ATTRIBUTE_INDENT,
10
+ EMPTY_CSS_VALUE,
11
+ convertMarginLeftToIndentValue,
12
+ } from './ParagraphNodeSpec';
13
+ import {
14
+ ATTRIBUTE_COUNTER_RESET,
15
+ ATTRIBUTE_FOLLOWING,
16
+ } from './OrderedListNodeSpec';
17
+ import { ATTRIBUTE_CSS_BEFORE_CONTENT } from './patchStyleElements';
18
+
19
+ export default function patchListElements(doc: Document): void {
20
+ // In Google Doc, lists are exported as indented
21
+ // (e.g. style="margin-left: 48pt") list elements which is the default DOM
22
+ // structure that `czi-prosemirror` supports. However, other doc providers
23
+ // (e.g Office 365) may export lists as nested list elements that can't
24
+ // be rendered properly.
25
+ // Before proceeding further, it needs to convert the nested list elements
26
+ // into indented list elements.
27
+ liftNestedListElements(doc);
28
+ Array.from(doc.querySelectorAll('ol, ul')).forEach(patchListElementsElement);
29
+ }
30
+
31
+ // This assumes that every 36pt maps to one indent level.
32
+ const CHAR_BULLET = '\u25cf';
33
+ const CHAR_CIRCLE = '\u25cb';
34
+ const CHAR_SQUARE = '\u25a0';
35
+ const CHAR_BOX = '\u274f';
36
+ const CHAR_ZERO_SPACE = '\u200B';
37
+ const INLINE_NODE_NAME_PATTERN = /^(#text)|(A|SPAN|B|STRONG)$/;
38
+
39
+ function patchListElementsElement(listElement: HTMLElement): void {
40
+ // If the children of `listElement` all have teh same marginLeft, assume
41
+ // it to be indented.
42
+ let marginLeft = undefined;
43
+ let beforeContent = undefined;
44
+ const { parentElement, children } = listElement;
45
+
46
+ // A workaround to patch the issue when <ul /> or <ol /> is pasted as the
47
+ // first child of <body />, its first <li /> somehow can't be wrapped
48
+ // with the list. The hack is to prepend zero-width-space character
49
+ // before the list.
50
+ if (
51
+ parentElement &&
52
+ parentElement.nodeName === 'BODY' &&
53
+ parentElement.firstChild === listElement
54
+ ) {
55
+ const tt = parentElement.ownerDocument.createTextNode(CHAR_ZERO_SPACE);
56
+ parentElement.insertBefore(tt, listElement);
57
+ }
58
+
59
+ Array.from(children).forEach((listItemElement) => {
60
+ const { style } = listItemElement;
61
+ patchPaddingStyle(listItemElement);
62
+
63
+ const bc = listItemElement.getAttribute(ATTRIBUTE_CSS_BEFORE_CONTENT) || '';
64
+ if (beforeContent === undefined) {
65
+ beforeContent = bc;
66
+ }
67
+ if (beforeContent !== bc) {
68
+ beforeContent = null;
69
+ }
70
+
71
+ const ml = (style && style.marginLeft) || '';
72
+ if (marginLeft === undefined) {
73
+ marginLeft = ml;
74
+ }
75
+
76
+ if (ml !== marginLeft) {
77
+ marginLeft = null;
78
+ }
79
+ });
80
+
81
+ if (marginLeft) {
82
+ const indent = convertMarginLeftToIndentValue(marginLeft);
83
+ if (indent) {
84
+ listElement.setAttribute(ATTRIBUTE_INDENT, String(indent));
85
+ }
86
+ }
87
+
88
+ if (beforeContent) {
89
+ beforeContent = String(beforeContent);
90
+ let listStyleType;
91
+ switch (true) {
92
+ case beforeContent.indexOf(CHAR_BULLET) > -1:
93
+ listStyleType = 'disc';
94
+ break;
95
+
96
+ case beforeContent.indexOf(CHAR_CIRCLE) > -1:
97
+ listStyleType = 'circle';
98
+ break;
99
+
100
+ case beforeContent.indexOf(CHAR_SQUARE) > -1:
101
+ listStyleType = 'square';
102
+ break;
103
+
104
+ case beforeContent.indexOf(CHAR_BOX) > -1:
105
+ listStyleType = 'box';
106
+ break;
107
+
108
+ case beforeContent.indexOf('lower-latin') > -1:
109
+ listStyleType = 'lower-latin';
110
+ break;
111
+
112
+ case beforeContent.indexOf('upper-latin') > -1:
113
+ listStyleType = 'upper-latin';
114
+ break;
115
+
116
+ case beforeContent.indexOf('lower-roman') > -1:
117
+ listStyleType = 'lower-roman';
118
+ break;
119
+
120
+ case beforeContent.indexOf('upper-roman') > -1:
121
+ listStyleType = 'upper-roman';
122
+ break;
123
+
124
+ case beforeContent.indexOf('-') > -1:
125
+ listStyleType = 'dash';
126
+ break;
127
+
128
+ default:
129
+ console.log('unknown list style type', beforeContent);
130
+ break;
131
+ }
132
+ if (listStyleType) {
133
+ listElement.setAttribute(ATTRIBUTE_LIST_STYLE_TYPE, listStyleType);
134
+ }
135
+ }
136
+ }
137
+
138
+ // This moves the styles of <li /> into its content <p />.
139
+ function patchPaddingStyle(listItemElement: HTMLElement): void {
140
+ const { style, childNodes } = listItemElement;
141
+ const { paddingTop, paddingBottom, lineHeight } = style;
142
+ if (
143
+ !EMPTY_CSS_VALUE.has(paddingBottom) &&
144
+ !EMPTY_CSS_VALUE.has(paddingTop) &&
145
+ !EMPTY_CSS_VALUE.has(lineHeight)
146
+ ) {
147
+ return;
148
+ }
149
+
150
+ const doc = listItemElement.ownerDocument;
151
+ const frag = doc.createDocumentFragment();
152
+ let contentIsInline = true;
153
+
154
+ Array.from(childNodes).forEach((cn) => {
155
+ contentIsInline =
156
+ contentIsInline && INLINE_NODE_NAME_PATTERN.test(cn.nodeName);
157
+ frag.appendChild(cn);
158
+ });
159
+
160
+ if (contentIsInline) {
161
+ // Wrap all inline content with <p /> with the padding style applied.
162
+ const pEl = doc.createElement('p');
163
+ Object.assign(pEl.style, {
164
+ lineHeight,
165
+ paddingBottom,
166
+ paddingTop,
167
+ });
168
+ pEl.appendChild(frag);
169
+ listItemElement.appendChild(pEl);
170
+ } else {
171
+ // Unable to patch the style.
172
+ listItemElement.appendChild(frag);
173
+ }
174
+ }
175
+
176
+ // This converts all nested list elements into indented list elements.
177
+ // For instance,
178
+ // == UI ==
179
+ // 1. AA
180
+ // 1. BB
181
+ // 2. BB
182
+ // 2. AA
183
+ // == DOM Structure (Before) ==
184
+ // <ol> <!-- Parent List -->
185
+ // <li>
186
+ // AA
187
+ // <ol> <!-- Child (nested) List -->
188
+ // <li>BB</li>
189
+ // <li>BB</li>
190
+ // </ol>
191
+ // </li>
192
+ // <li> AA</li>
193
+ // </ol>
194
+ // == DOM Structure (After) ==
195
+ // <ol name="x">
196
+ // <li>AA</li>
197
+ // </ol>
198
+ // <ol data-indent="1">
199
+ // <li>BB</li>
200
+ // <li>BB</li>
201
+ // </ol>
202
+ // <ol data-following="x" data-counter-reset-"none">
203
+ // <li>AA</li>
204
+ // </ol>
205
+ function liftNestedListElements(doc: Document): void {
206
+ const selector = 'li > ol, li > ul';
207
+ const els = Array.from(doc.querySelectorAll(selector));
208
+ const htmlMutator = new HTMLMutator(doc);
209
+
210
+ els.forEach((list) => {
211
+ const indent = findIndentLevel(list);
212
+ list.setAttribute('data-indent', String(indent));
213
+
214
+ const parentListItem = nullthrows(list.parentElement);
215
+ const parentList = nullthrows(parentListItem.parentElement);
216
+ const parentListNodeName = parentList.nodeName.toLowerCase();
217
+ const isLast = parentList.lastElementChild === parentListItem;
218
+ const style = parentList.getAttribute('style') || '';
219
+
220
+ // The parent list will be split into two lists and the second list should
221
+ // follow the first list.
222
+ const followingName = parentList.getAttribute('name') || uuid();
223
+ parentList.setAttribute('name', followingName);
224
+
225
+ // Stub HTML snippets that will lift the list.
226
+
227
+ // Before:
228
+ // <ol>
229
+ // <li>
230
+ // AAA
231
+ // <ol><li>BBB</li></ol>
232
+ // </li>
233
+ // <li>CCC</li>
234
+ // </ol>
235
+ // After:
236
+ // <ol><li>AAA</li></ol>
237
+ // <ol><li>BBB</li></ol>
238
+ // <ol><li>CCC</li></ol>
239
+
240
+ // Close the parent list before the list.
241
+ htmlMutator.insertHTMLBefore(`<\/${parentListNodeName}>`, list);
242
+ // Open a new list after list.
243
+ htmlMutator.insertHTMLAfter(
244
+ `<${parentListNodeName}
245
+ style="${style}"
246
+ class="${parentList.className}"
247
+ ${ATTRIBUTE_COUNTER_RESET}="none"
248
+ ${ATTRIBUTE_FOLLOWING}="${followingName}">`,
249
+ list
250
+ );
251
+
252
+ if (isLast) {
253
+ // The new list after list is an empty list, comment it out.
254
+ htmlMutator
255
+ .insertHTMLAfter('<!--', list)
256
+ .insertHTMLAfter('-->', parentList);
257
+ }
258
+ });
259
+
260
+ htmlMutator.execute();
261
+ }
262
+
263
+ function findIndentLevel(el: Element): number {
264
+ let indent = 0;
265
+ let currentEl = el.parentElement;
266
+ while (currentEl) {
267
+ const { nodeName } = currentEl;
268
+ if (nodeName === 'OL' || nodeName === 'UL') {
269
+ indent++;
270
+ } else if (nodeName !== 'LI') {
271
+ break;
272
+ }
273
+ currentEl = currentEl.parentElement;
274
+ }
275
+ return indent;
276
+ }
package/dist/patchMathElements.js.flow CHANGED
@@ -1,60 +1,60 @@
1
- // @flow
2
-
3
- import queryString from 'query-string';
4
- import url from 'url';
5
- export default function patchMathElements(doc: Document): void {
6
- Array.from(doc.querySelectorAll('img')).forEach(patchGoogleEquationElement);
7
- }
8
-
9
- // See https://developers.google.com/chart/image/docs/chart_params#gcharts_cht
10
- const PARAM_CHART_CHART_TYPE = 'cht';
11
- const PARAM_CHART_LABEL = 'chl';
12
-
13
- // Google Doc exports math equation content as single image element that loads
14
- // its content from google. For example:
15
- // <img src="https://www.google.com/chart?cht=tx&amp;c...p;chl=m%E2%88%A0C" />
16
- // Unfortunately, such image often fails to load because its url contains the
17
- // value that the Google Chart API does not support.
18
- // The workaround is to use KaTex (https://katex.org/) whoch supports a broader
19
- // set of characters that can be safely converted into math quations.
20
-
21
- function patchGoogleEquationElement(el: HTMLElement): void {
22
- const { ownerDocument, parentElement } = el;
23
- if (!ownerDocument || !parentElement) {
24
- return;
25
- }
26
- const src = el.getAttribute('src');
27
- const content = getGoogleEquationContent(src);
28
- if (!content) {
29
- return;
30
- }
31
-
32
- // Replace `<img src="..." />` with `<math data-latex="..." />`.
33
- // Note that this requires the schema to support `MathNodeSpec`.
34
- const math = ownerDocument.createElement('math');
35
- math.setAttribute('data-latex', content);
36
- parentElement.insertBefore(math, el);
37
- parentElement.removeChild(el);
38
- }
39
-
40
- function getGoogleEquationContent(src: ?string): ?string {
41
- if (!src) {
42
- return null;
43
- }
44
- const { host, pathname, query } = url.parse(src);
45
- if (host !== 'www.google.com' || pathname !== '/chart') {
46
- return null;
47
- }
48
-
49
- const params = queryString.parse(query);
50
- const chartType = params[PARAM_CHART_CHART_TYPE];
51
- const label = params[PARAM_CHART_LABEL];
52
-
53
- // Google exports math equation as a special chart with plan text only
54
- // contents.
55
- if (chartType !== 'tx' || !label) {
56
- return null;
57
- }
58
-
59
- return label;
60
- }
1
+ // @flow
2
+
3
+ import queryString from 'query-string';
4
+ import url from 'url';
5
+ export default function patchMathElements(doc: Document): void {
6
+ Array.from(doc.querySelectorAll('img')).forEach(patchGoogleEquationElement);
7
+ }
8
+
9
+ // See https://developers.google.com/chart/image/docs/chart_params#gcharts_cht
10
+ const PARAM_CHART_CHART_TYPE = 'cht';
11
+ const PARAM_CHART_LABEL = 'chl';
12
+
13
+ // Google Doc exports math equation content as single image element that loads
14
+ // its content from google. For example:
15
+ // <img src="https://www.google.com/chart?cht=tx&amp;c...p;chl=m%E2%88%A0C" />
16
+ // Unfortunately, such image often fails to load because its url contains the
17
+ // value that the Google Chart API does not support.
18
+ // The workaround is to use KaTex (https://katex.org/) whoch supports a broader
19
+ // set of characters that can be safely converted into math quations.
20
+
21
+ function patchGoogleEquationElement(el: HTMLElement): void {
22
+ const { ownerDocument, parentElement } = el;
23
+ if (!ownerDocument || !parentElement) {
24
+ return;
25
+ }
26
+ const src = el.getAttribute('src');
27
+ const content = getGoogleEquationContent(src);
28
+ if (!content) {
29
+ return;
30
+ }
31
+
32
+ // Replace `<img src="..." />` with `<math data-latex="..." />`.
33
+ // Note that this requires the schema to support `MathNodeSpec`.
34
+ const math = ownerDocument.createElement('math');
35
+ math.setAttribute('data-latex', content);
36
+ parentElement.insertBefore(math, el);
37
+ parentElement.removeChild(el);
38
+ }
39
+
40
+ function getGoogleEquationContent(src: ?string): ?string {
41
+ if (!src) {
42
+ return null;
43
+ }
44
+ const { host, pathname, query } = url.parse(src);
45
+ if (host !== 'www.google.com' || pathname !== '/chart') {
46
+ return null;
47
+ }
48
+
49
+ const params = queryString.parse(query);
50
+ const chartType = params[PARAM_CHART_CHART_TYPE];
51
+ const label = params[PARAM_CHART_LABEL];
52
+
53
+ // Google exports math equation as a special chart with plan text only
54
+ // contents.
55
+ if (chartType !== 'tx' || !label) {
56
+ return null;
57
+ }
58
+
59
+ return label;
60
+ }