@modusoperandi/licit 0.1.7 → 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 (632) 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 -30
  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 -285
  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.flow +57 -57
  42. package/dist/FontSizeMarkSpec.js.flow +49 -49
  43. package/dist/FontTypeCommand.js.flow +100 -100
  44. package/dist/FontTypeMarkSpec.js.flow +80 -80
  45. package/dist/HTMLMutator.js.flow +59 -59
  46. package/dist/HardBreakNodeSpec.js.flow +15 -15
  47. package/dist/HeadingCommand.js.flow +51 -51
  48. package/dist/HeadingNodeSpec.js.flow +54 -54
  49. package/dist/HistoryRedoCommand.js.flow +20 -20
  50. package/dist/HistoryUndoCommand.js.flow +20 -20
  51. package/dist/HorizontalRuleCommand.js.flow +49 -49
  52. package/dist/HorizontalRuleNodeSpec.js.flow +39 -39
  53. package/dist/ImageFromURLCommand.js.flow +14 -14
  54. package/dist/ImageNodeSpec.js.flow +90 -90
  55. package/dist/ImageSourceCommand.js.flow +117 -117
  56. package/dist/ImageUploadCommand.js.flow +36 -36
  57. package/dist/ImageUploadPlaceholderPlugin.js.flow +192 -192
  58. package/dist/IndentCommand.js.flow +41 -41
  59. package/dist/LinkMarkSpec.js.flow +32 -32
  60. package/dist/LinkSetURLCommand.js.flow +103 -103
  61. package/dist/LinkTooltipPlugin.js.flow +203 -203
  62. package/dist/ListItemInsertNewLineCommand.js.flow +55 -55
  63. package/dist/ListItemMergeCommand.js.flow +177 -177
  64. package/dist/ListItemNodeSpec.js.flow +51 -51
  65. package/dist/ListSplitCommand.js.flow +32 -32
  66. package/dist/ListToggleCommand.js.flow +77 -77
  67. package/dist/MarkNames.js.flow +18 -18
  68. package/dist/MarkToggleCommand.js.flow +66 -66
  69. package/dist/MarksClearCommand.js.flow +42 -42
  70. package/dist/MathEditCommand.js.flow +110 -110
  71. package/dist/MathNodeSpec.js.flow +46 -46
  72. package/dist/NodeNames.js.flow +23 -23
  73. package/dist/OrderedListNodeSpec.js.flow +132 -132
  74. package/dist/ParagraphNodeSpec.js.flow +160 -160
  75. package/dist/ParagraphSpacingCommand.js.flow +121 -121
  76. package/dist/PrintCommand.js.flow +31 -31
  77. package/dist/SelectionPlaceholderPlugin.js.flow +131 -131
  78. package/dist/SpacerMarkSpec.js.flow +47 -47
  79. package/dist/StrikeMarkSpec.js.flow +21 -21
  80. package/dist/StrongMarkSpec.js.flow +25 -25
  81. package/dist/StyleView.js.flow +19 -19
  82. package/dist/TableBackgroundColorCommand.js.flow +75 -75
  83. package/dist/TableBorderColorCommand.js.flow +75 -75
  84. package/dist/TableCellColorCommand.js.flow +71 -71
  85. package/dist/TableCellMenuPlugin.js.flow +125 -125
  86. package/dist/TableInsertCommand.js.flow +112 -112
  87. package/dist/TableMergeCellsCommand.js.flow +90 -90
  88. package/dist/TableNodesSpecs.js.flow +78 -78
  89. package/dist/TablePlugins.js.flow +14 -14
  90. package/dist/TableResizePlugin.js.flow +631 -631
  91. package/dist/TextAlignCommand.js.flow +122 -122
  92. package/dist/TextColorCommand.js.flow +87 -87
  93. package/dist/TextColorMarkSpec.js.flow +35 -35
  94. package/dist/TextHighlightCommand.js.flow +91 -91
  95. package/dist/TextHighlightMarkSpec.js.flow +38 -38
  96. package/dist/TextInsertTabSpaceCommand.js.flow +83 -83
  97. package/dist/TextLineSpacingCommand.js.flow +157 -157
  98. package/dist/TextNoWrapMarkSpec.js.flow +14 -14
  99. package/dist/TextNodeSpec.js.flow +7 -7
  100. package/dist/TextSelectionMarkSpec.js.flow +24 -24
  101. package/dist/TextSubMarkSpec.js.flow +20 -20
  102. package/dist/TextSuperMarkSpec.js.flow +20 -20
  103. package/dist/TextUnderlineMarkSpec.js.flow +27 -27
  104. package/dist/Types.js.flow +75 -75
  105. package/dist/WebFontLoader.js.flow +22 -22
  106. package/dist/applyMark.js.flow +61 -61
  107. package/dist/blockQuoteInputRule.js.flow +36 -36
  108. package/dist/bom.xml +72 -72
  109. package/dist/browser.js.flow +7 -7
  110. package/dist/buildEditorPlugins.js.flow +51 -51
  111. package/dist/buildInputRules.js.flow +81 -81
  112. package/dist/clearMarks.js.flow +128 -128
  113. package/dist/client/CollabConnector.js +2 -2
  114. package/dist/client/CollabConnector.js.flow +71 -70
  115. package/dist/client/EditorConnection.js.flow +307 -307
  116. package/dist/client/Licit.js +145 -72
  117. package/dist/client/Licit.js.flow +562 -491
  118. package/dist/client/Licit.test.js +2 -2
  119. package/dist/client/Licit.test.js.flow +65 -65
  120. package/dist/client/Reporter.js.flow +37 -37
  121. package/dist/client/SimpleConnector.js.flow +53 -53
  122. package/dist/client/http.js.flow +66 -66
  123. package/dist/client/licit.css +12 -12
  124. package/dist/client/throttle.js.flow +27 -27
  125. package/dist/compareNumber.js.flow +11 -11
  126. package/dist/consolidateListNodes.js +27 -27
  127. package/dist/consolidateListNodes.js.flow +281 -281
  128. package/dist/convertFromDOMElement.js.flow +36 -36
  129. package/dist/convertFromHTML.js.flow +19 -19
  130. package/dist/convertFromJSON.js.flow +78 -78
  131. package/dist/convertToCSSPTValue.js.flow +22 -22
  132. package/dist/convertToJSON.js.flow +7 -7
  133. package/dist/createCommand.js.flow +40 -40
  134. package/dist/createEditorKeyMap.js.flow +94 -94
  135. package/dist/createEmptyEditorState.js.flow +41 -41
  136. package/dist/createTableResizingPlugin.js.flow +86 -86
  137. package/dist/findActionableCell.js.flow +74 -74
  138. package/dist/findActiveMark.js.flow +32 -32
  139. package/dist/findNodesWithSameMark.js.flow +89 -89
  140. package/dist/hyphenize.js.flow +17 -17
  141. package/dist/index.js.flow +10 -10
  142. package/dist/insertTable.js.flow +56 -56
  143. package/dist/isBulletListNode.js.flow +9 -9
  144. package/dist/isEditorStateEmpty.js.flow +32 -32
  145. package/dist/isInsideListItem.js.flow +13 -13
  146. package/dist/isListNode.js.flow +13 -13
  147. package/dist/isNodeSelectionForNodeType.js.flow +15 -15
  148. package/dist/isOrderedListNode.js.flow +9 -9
  149. package/dist/isTableNode.js.flow +15 -15
  150. package/dist/isTextStyleMarkCommandEnabled.js.flow +49 -49
  151. package/dist/joinDown.js.flow +27 -27
  152. package/dist/joinListNode.js.flow +55 -55
  153. package/dist/joinUp.js.flow +39 -39
  154. package/dist/keymaps.js.flow +185 -185
  155. package/dist/lookUpElement.js.flow +14 -14
  156. package/dist/nodeAt.js.flow +12 -12
  157. package/dist/noop.js.flow +5 -5
  158. package/dist/normalizeHTML.js.flow +78 -78
  159. package/dist/patchAnchorElements.js.flow +38 -38
  160. package/dist/patchBreakElements.js.flow +22 -22
  161. package/dist/patchElementInlineStyles.js.flow +92 -92
  162. package/dist/patchListElements.js.flow +276 -276
  163. package/dist/patchMathElements.js.flow +60 -60
  164. package/dist/patchParagraphElements.js.flow +20 -20
  165. package/dist/patchStyleElements.js.flow +194 -194
  166. package/dist/patchTableElements.js.flow +89 -89
  167. package/dist/rebaseDocWithSteps.js.flow +42 -42
  168. package/dist/sanitizeURL.js.flow +13 -13
  169. package/dist/splitListItem.js.flow +191 -191
  170. package/dist/styles.css +19 -19
  171. package/dist/styles0.css +29 -29
  172. package/dist/toClosestFontPtSize.js.flow +22 -22
  173. package/dist/toSafeHTMLDocument.js.flow +9 -9
  174. package/dist/toggleBlockquote.js.flow +91 -91
  175. package/dist/toggleCodeBlock.js.flow +102 -102
  176. package/dist/toggleHeading.js.flow +113 -113
  177. package/dist/toggleList.js.flow +450 -450
  178. package/dist/transformAndPreserveTextSelection.js.flow +151 -151
  179. package/dist/ui/AlertInfo.js +1 -1
  180. package/dist/ui/AlertInfo.js.flow +64 -64
  181. package/dist/ui/BookmarkNodeView.js.flow +66 -66
  182. package/dist/ui/ColorEditor.js.flow +101 -101
  183. package/dist/ui/CommandButton.js.flow +68 -68
  184. package/dist/ui/CommandMenu.js.flow +75 -75
  185. package/dist/ui/CommandMenuButton.js.flow +131 -131
  186. package/dist/ui/CustomButton.js.flow +33 -33
  187. package/dist/ui/CustomEditorView.js.flow +28 -28
  188. package/dist/ui/CustomMenu.js.flow +17 -17
  189. package/dist/ui/CustomMenuItem.js.flow +36 -36
  190. package/dist/ui/CustomNodeView.js.flow +200 -200
  191. package/dist/ui/CustomRadioButton.js.flow +65 -65
  192. package/dist/ui/DocLayoutEditor.js.flow +146 -146
  193. package/dist/ui/Editor.js.flow +291 -291
  194. package/dist/ui/EditorFrameset.js.flow +81 -81
  195. package/dist/ui/EditorToolbar.js.flow +211 -211
  196. package/dist/ui/EditorToolbarConfig.js.flow +172 -172
  197. package/dist/ui/FontSizeCommandMenuButton.js.flow +66 -66
  198. package/dist/ui/FontTypeCommandMenuButton.js.flow +49 -49
  199. package/dist/ui/Frag.js.flow +13 -13
  200. package/dist/ui/Icon.js.flow +89 -89
  201. package/dist/ui/ImageAlignEditor.js.flow +60 -60
  202. package/dist/ui/ImageInlineEditor.js.flow +67 -67
  203. package/dist/ui/ImageNodeView.js +1 -11
  204. package/dist/ui/ImageNodeView.js.flow +404 -416
  205. package/dist/ui/ImageResizeBox.js.flow +219 -219
  206. package/dist/ui/ImageURLEditor.js.flow +119 -119
  207. package/dist/ui/ImageUploadEditor.js.flow +117 -117
  208. package/dist/ui/KeyCodes.js.flow +12 -12
  209. package/dist/ui/LinkTooltip.js.flow +85 -85
  210. package/dist/ui/LinkURLEditor.js.flow +111 -111
  211. package/dist/ui/ListItemNodeView.js.flow +98 -98
  212. package/dist/ui/ListTypeButton.js.flow +131 -131
  213. package/dist/ui/ListTypeCommandButton.js.flow +85 -85
  214. package/dist/ui/ListTypeMenu.js.flow +70 -70
  215. package/dist/ui/LoadingIndicator.js.flow +20 -20
  216. package/dist/ui/MathEditor.js.flow +78 -78
  217. package/dist/ui/MathInlineEditor.js.flow +102 -102
  218. package/dist/ui/MathNodeView.js.flow +175 -175
  219. package/dist/ui/PasteMenu.js.flow +57 -57
  220. package/dist/ui/PointerSurface.js.flow +141 -141
  221. package/dist/ui/PopUp.js.flow +77 -77
  222. package/dist/ui/PopUpManager.js.flow +213 -213
  223. package/dist/ui/PopUpPosition.js +0 -0
  224. package/dist/ui/PopUpPosition.js.flow +104 -104
  225. package/dist/ui/ResizeObserver.js.flow +106 -106
  226. package/dist/ui/RichTextEditor.js.flow +133 -133
  227. package/dist/ui/SelectionObserver.js.flow +134 -134
  228. package/dist/ui/TableCellMenu.js.flow +38 -38
  229. package/dist/ui/TableGridSizeEditor.js.flow +184 -184
  230. package/dist/ui/TableNodeView.js.flow +22 -22
  231. package/dist/ui/TooltipSurface.js.flow +76 -76
  232. package/dist/ui/bindScrollHandler.js.flow +46 -46
  233. package/dist/ui/canUseCSSFont.js.flow +43 -43
  234. package/dist/ui/clamp.js.flow +11 -11
  235. package/dist/ui/createPopUp.js.flow +205 -205
  236. package/dist/ui/czi-animations.css +15 -15
  237. package/dist/ui/czi-body-layout-editor.css +16 -16
  238. package/dist/ui/czi-bookmark-view.css +10 -10
  239. package/dist/ui/czi-color-editor.css +56 -56
  240. package/dist/ui/czi-cursor-placeholder.css +36 -36
  241. package/dist/ui/czi-custom-button.css +93 -93
  242. package/dist/ui/czi-custom-menu-button.css +18 -18
  243. package/dist/ui/czi-custom-menu-item.css +30 -30
  244. package/dist/ui/czi-custom-menu.css +8 -8
  245. package/dist/ui/czi-custom-radio-button.css +80 -80
  246. package/dist/ui/czi-custom-scrollbar.css +21 -21
  247. package/dist/ui/czi-editor-frameset.css +81 -81
  248. package/dist/ui/czi-editor-toolbar.css +122 -122
  249. package/dist/ui/czi-editor.css +220 -220
  250. package/dist/ui/czi-form.css +104 -104
  251. package/dist/ui/czi-frag.css +3 -3
  252. package/dist/ui/czi-heading.css +40 -40
  253. package/dist/ui/czi-icon.css +72 -72
  254. package/dist/ui/czi-image-resize-box.css +165 -165
  255. package/dist/ui/czi-image-upload-editor.css +57 -57
  256. package/dist/ui/czi-image-upload-placeholder.css +50 -50
  257. package/dist/ui/czi-image-url-editor.css +38 -38
  258. package/dist/ui/czi-image-view.css +125 -125
  259. package/dist/ui/czi-indent.css +137 -137
  260. package/dist/ui/czi-inline-editor.css +20 -20
  261. package/dist/ui/czi-link-tooltip.css +71 -71
  262. package/dist/ui/czi-list.css +410 -410
  263. package/dist/ui/czi-loading-indicator.css +111 -111
  264. package/dist/ui/czi-math-view.css +62 -62
  265. package/dist/ui/czi-pop-up.css +32 -32
  266. package/dist/ui/czi-selection-placeholder.css +24 -24
  267. package/dist/ui/czi-table-cell-menu.css +14 -14
  268. package/dist/ui/czi-table-grid-size-editor.css +37 -37
  269. package/dist/ui/czi-table.css +86 -86
  270. package/dist/ui/czi-tooltip-surface.css +45 -45
  271. package/dist/ui/czi-vars.css +46 -46
  272. package/dist/ui/findActiveFontSize.js.flow +58 -58
  273. package/dist/ui/findActiveFontType.js.flow +38 -38
  274. package/dist/ui/fonts.css +471 -471
  275. package/dist/ui/handleEditorDrop.js.flow +28 -28
  276. package/dist/ui/handleEditorKeyDown.js.flow +39 -39
  277. package/dist/ui/handleEditorPaste.js.flow +33 -33
  278. package/dist/ui/htmlElementToRect.js.flow +18 -18
  279. package/dist/ui/icon-font.css +10 -10
  280. package/dist/ui/injectStyleSheet.js.flow +42 -42
  281. package/dist/ui/isElementFullyVisible.js.flow +23 -23
  282. package/dist/ui/isOffline.js.flow +8 -8
  283. package/dist/ui/isReactClass.js.flow +12 -12
  284. package/dist/ui/listType.css +21 -21
  285. package/dist/ui/mathquill-editor/MathQuillEditor.js.flow +159 -159
  286. package/dist/ui/mathquill-editor/MathQuillEditorSymbols.js.flow +483 -483
  287. package/dist/ui/mathquill-editor/MathQuillEditorSymbolsPanel.js.flow +48 -48
  288. package/dist/ui/mathquill-editor/czi-mathquill-editor-symbols-panel.css +39 -39
  289. package/dist/ui/mathquill-editor/czi-mathquill-editor.css +50 -50
  290. package/dist/ui/mathquill-editor/mathquill-import-kludge.js.flow +24 -24
  291. package/dist/ui/preventEventDefault.js.flow +5 -5
  292. package/dist/ui/rects.js.flow +47 -47
  293. package/dist/ui/renderLaTeXAsHTML.js.flow +46 -46
  294. package/dist/ui/resolveImage.js.flow +123 -123
  295. package/dist/ui/toCSSColor.js.flow +51 -51
  296. package/dist/ui/toCSSLineSpacing.js.flow +82 -82
  297. package/dist/ui/toHexColor.js.flow +26 -26
  298. package/dist/ui/uuid.js.flow +9 -9
  299. package/dist/updateIndentLevel.js.flow +211 -211
  300. package/dist/uuid.js.flow +9 -9
  301. package/flow-typed/@modusoperandilicit-customstyles.js +5 -5
  302. package/flow-typed/@modusoperandilicit-doc-attrs-step.js +5 -5
  303. package/flow-typed/@molicit-citation.js +5 -5
  304. package/flow-typed/create-emotion.js +5 -5
  305. package/flow-typed/docs-editor.js +3 -3
  306. package/flow-typed/draft-convert.js +3 -3
  307. package/flow-typed/draft-js.js +3 -3
  308. package/flow-typed/flatted.js +5 -5
  309. package/flow-typed/jquery.js +5 -5
  310. package/flow-typed/katex.js +6 -6
  311. package/flow-typed/mathquill.js +5 -5
  312. package/flow-typed/prosemirror-collab.js +5 -5
  313. package/flow-typed/prosemirror-commands.js +5 -5
  314. package/flow-typed/prosemirror-dev-tools.js +5 -5
  315. package/flow-typed/prosemirror-dropcursor.js +5 -5
  316. package/flow-typed/prosemirror-gapcursor.js +5 -5
  317. package/flow-typed/prosemirror-history.js +5 -5
  318. package/flow-typed/prosemirror-inputrules.js +5 -5
  319. package/flow-typed/prosemirror-keymap.js +5 -5
  320. package/flow-typed/prosemirror-model.js +5 -5
  321. package/flow-typed/prosemirror-state.js +5 -5
  322. package/flow-typed/prosemirror-tables.js +5 -5
  323. package/flow-typed/prosemirror-transform.js +5 -5
  324. package/flow-typed/prosemirror-utils.js +5 -5
  325. package/flow-typed/prosemirror-view.js +5 -5
  326. package/flow-typed/resize-observer-polyfill.js +5 -5
  327. package/flow-typed/uuid.js +5 -5
  328. package/jest.setup.js +5 -5
  329. package/licit/client/CustomLicitRuntime.js +95 -95
  330. package/licit/client/CustomStyleRuntime.js +136 -136
  331. package/licit/client/index.js +366 -366
  332. package/licit/index.html +11 -11
  333. package/licit/server/collab/instance.js +221 -221
  334. package/licit/server/collab/route.js +69 -69
  335. package/licit/server/collab/server.js +297 -297
  336. package/licit/server/collab/start.js +13 -13
  337. package/licit/server/customstyles/start.js +184 -184
  338. package/licit/server/image/start.js +58 -58
  339. package/lint.sh +4 -4
  340. package/package.json +165 -165
  341. package/run_collab_server.py +21 -21
  342. package/run_customstyle_server.py +20 -20
  343. package/run_image_server.py +20 -20
  344. package/run_web_server.py +25 -25
  345. package/scripts/build_bin.js +10 -10
  346. package/scripts/build_bin.py +103 -103
  347. package/scripts/ci_check_dist.sh +13 -13
  348. package/scripts/env.js +6 -6
  349. package/scripts/webserver.js +35 -35
  350. package/sonar-project.properties +11 -11
  351. package/src/BlockquoteInsertNewLineCommand.js +55 -55
  352. package/src/BlockquoteNodeSpec.js +30 -30
  353. package/src/BlockquoteToggleCommand.js +34 -34
  354. package/src/BookmarkNodeSpec.js +39 -39
  355. package/src/BulletListNodeSpec.js +61 -61
  356. package/src/CZIProseMirror.js +90 -90
  357. package/src/CodeBlockCommand.js +43 -43
  358. package/src/CodeBlockNodeSpec.js +24 -24
  359. package/src/CodeMarkSpec.js +14 -14
  360. package/src/ContentPlaceholderPlugin.js +187 -187
  361. package/src/CursorPlaceholderPlugin.js +115 -115
  362. package/src/DocLayoutCommand.js +94 -94
  363. package/src/DocNodeSpec.js +64 -64
  364. package/src/EMMarkSpec.js +14 -14
  365. package/src/EditorCommands.js +128 -128
  366. package/src/EditorKeyMap.js +187 -187
  367. package/src/EditorMarks.js +71 -71
  368. package/src/EditorNodes.js +60 -60
  369. package/src/EditorPageLayoutPlugin.js +67 -67
  370. package/src/EditorPlugins.js +8 -8
  371. package/src/EditorSchema.js +12 -12
  372. package/src/EditorState.js +7 -7
  373. package/src/FontSizeCommand.js +57 -57
  374. package/src/FontSizeMarkSpec.js +49 -49
  375. package/src/FontTypeCommand.js +100 -100
  376. package/src/FontTypeMarkSpec.js +80 -80
  377. package/src/HTMLMutator.js +59 -59
  378. package/src/HardBreakNodeSpec.js +15 -15
  379. package/src/HeadingCommand.js +51 -51
  380. package/src/HeadingNodeSpec.js +54 -54
  381. package/src/HistoryRedoCommand.js +20 -20
  382. package/src/HistoryUndoCommand.js +20 -20
  383. package/src/HorizontalRuleCommand.js +49 -49
  384. package/src/HorizontalRuleNodeSpec.js +39 -39
  385. package/src/ImageFromURLCommand.js +14 -14
  386. package/src/ImageNodeSpec.js +90 -90
  387. package/src/ImageSourceCommand.js +117 -117
  388. package/src/ImageUploadCommand.js +36 -36
  389. package/src/ImageUploadPlaceholderPlugin.js +192 -192
  390. package/src/IndentCommand.js +41 -41
  391. package/src/LinkMarkSpec.js +32 -32
  392. package/src/LinkSetURLCommand.js +103 -103
  393. package/src/LinkTooltipPlugin.js +203 -203
  394. package/src/ListItemInsertNewLineCommand.js +55 -55
  395. package/src/ListItemMergeCommand.js +177 -177
  396. package/src/ListItemNodeSpec.js +51 -51
  397. package/src/ListSplitCommand.js +32 -32
  398. package/src/ListToggleCommand.js +77 -77
  399. package/src/MarkNames.js +18 -18
  400. package/src/MarkToggleCommand.js +66 -66
  401. package/src/MarksClearCommand.js +42 -42
  402. package/src/MathEditCommand.js +110 -110
  403. package/src/MathNodeSpec.js +46 -46
  404. package/src/NodeNames.js +23 -23
  405. package/src/OrderedListNodeSpec.js +132 -132
  406. package/src/ParagraphNodeSpec.js +160 -160
  407. package/src/ParagraphSpacingCommand.js +121 -121
  408. package/src/PrintCommand.js +31 -31
  409. package/src/SelectionPlaceholderPlugin.js +131 -131
  410. package/src/SpacerMarkSpec.js +47 -47
  411. package/src/StrikeMarkSpec.js +21 -21
  412. package/src/StrongMarkSpec.js +25 -25
  413. package/src/StyleView.js +19 -19
  414. package/src/TableBackgroundColorCommand.js +75 -75
  415. package/src/TableBorderColorCommand.js +75 -75
  416. package/src/TableCellColorCommand.js +71 -71
  417. package/src/TableCellMenuPlugin.js +125 -125
  418. package/src/TableInsertCommand.js +112 -112
  419. package/src/TableMergeCellsCommand.js +90 -90
  420. package/src/TableNodesSpecs.js +78 -78
  421. package/src/TablePlugins.js +14 -14
  422. package/src/TableResizePlugin.js +631 -631
  423. package/src/TextAlignCommand.js +122 -122
  424. package/src/TextColorCommand.js +87 -87
  425. package/src/TextColorMarkSpec.js +35 -35
  426. package/src/TextHighlightCommand.js +91 -91
  427. package/src/TextHighlightMarkSpec.js +38 -38
  428. package/src/TextInsertTabSpaceCommand.js +83 -83
  429. package/src/TextLineSpacingCommand.js +157 -157
  430. package/src/TextNoWrapMarkSpec.js +14 -14
  431. package/src/TextNodeSpec.js +7 -7
  432. package/src/TextSelectionMarkSpec.js +24 -24
  433. package/src/TextSubMarkSpec.js +20 -20
  434. package/src/TextSuperMarkSpec.js +20 -20
  435. package/src/TextUnderlineMarkSpec.js +27 -27
  436. package/src/Types.js +75 -75
  437. package/src/WebFontLoader.js +22 -22
  438. package/src/applyMark.js +61 -61
  439. package/src/blockQuoteInputRule.js +36 -36
  440. package/src/browser.js +7 -7
  441. package/src/buildEditorPlugins.js +51 -51
  442. package/src/buildInputRules.js +81 -81
  443. package/src/clearMarks.js +128 -128
  444. package/src/client/CollabConnector.js +71 -70
  445. package/src/client/EditorConnection.js +307 -307
  446. package/src/client/Licit.js +562 -491
  447. package/src/client/Licit.test.js +65 -65
  448. package/src/client/Reporter.js +37 -37
  449. package/src/client/SimpleConnector.js +53 -53
  450. package/src/client/http.js +66 -66
  451. package/src/client/licit.css +12 -12
  452. package/src/client/throttle.js +27 -27
  453. package/src/compareNumber.js +11 -11
  454. package/src/consolidateListNodes.js +281 -281
  455. package/src/convertFromDOMElement.js +36 -36
  456. package/src/convertFromHTML.js +19 -19
  457. package/src/convertFromJSON.js +78 -78
  458. package/src/convertToCSSPTValue.js +22 -22
  459. package/src/convertToJSON.js +7 -7
  460. package/src/createCommand.js +40 -40
  461. package/src/createEditorKeyMap.js +94 -94
  462. package/src/createEmptyEditorState.js +41 -41
  463. package/src/createTableResizingPlugin.js +86 -86
  464. package/src/findActionableCell.js +74 -74
  465. package/src/findActiveMark.js +32 -32
  466. package/src/findNodesWithSameMark.js +89 -89
  467. package/src/hyphenize.js +17 -17
  468. package/src/index.js +10 -10
  469. package/src/insertTable.js +56 -56
  470. package/src/isBulletListNode.js +9 -9
  471. package/src/isEditorStateEmpty.js +32 -32
  472. package/src/isInsideListItem.js +13 -13
  473. package/src/isListNode.js +13 -13
  474. package/src/isNodeSelectionForNodeType.js +15 -15
  475. package/src/isOrderedListNode.js +9 -9
  476. package/src/isTableNode.js +15 -15
  477. package/src/isTextStyleMarkCommandEnabled.js +49 -49
  478. package/src/joinDown.js +27 -27
  479. package/src/joinListNode.js +55 -55
  480. package/src/joinUp.js +39 -39
  481. package/src/keymaps.js +185 -185
  482. package/src/lookUpElement.js +14 -14
  483. package/src/nodeAt.js +12 -12
  484. package/src/noop.js +5 -5
  485. package/src/normalizeHTML.js +78 -78
  486. package/src/patchAnchorElements.js +38 -38
  487. package/src/patchBreakElements.js +22 -22
  488. package/src/patchElementInlineStyles.js +92 -92
  489. package/src/patchListElements.js +276 -276
  490. package/src/patchMathElements.js +60 -60
  491. package/src/patchParagraphElements.js +20 -20
  492. package/src/patchStyleElements.js +194 -194
  493. package/src/patchTableElements.js +89 -89
  494. package/src/rebaseDocWithSteps.js +42 -42
  495. package/src/sanitizeURL.js +13 -13
  496. package/src/splitListItem.js +191 -191
  497. package/src/styles.css +19 -19
  498. package/src/styles0.css +29 -29
  499. package/src/toClosestFontPtSize.js +22 -22
  500. package/src/toSafeHTMLDocument.js +9 -9
  501. package/src/toggleBlockquote.js +91 -91
  502. package/src/toggleCodeBlock.js +102 -102
  503. package/src/toggleHeading.js +113 -113
  504. package/src/toggleList.js +450 -450
  505. package/src/transformAndPreserveTextSelection.js +151 -151
  506. package/src/ui/AlertInfo.js +64 -64
  507. package/src/ui/BookmarkNodeView.js +66 -66
  508. package/src/ui/ColorEditor.js +101 -101
  509. package/src/ui/CommandButton.js +68 -68
  510. package/src/ui/CommandMenu.js +75 -75
  511. package/src/ui/CommandMenuButton.js +131 -131
  512. package/src/ui/CustomButton.js +33 -33
  513. package/src/ui/CustomEditorView.js +28 -28
  514. package/src/ui/CustomMenu.js +17 -17
  515. package/src/ui/CustomMenuItem.js +36 -36
  516. package/src/ui/CustomNodeView.js +200 -200
  517. package/src/ui/CustomRadioButton.js +65 -65
  518. package/src/ui/DocLayoutEditor.js +146 -146
  519. package/src/ui/Editor.js +291 -291
  520. package/src/ui/EditorFrameset.js +81 -81
  521. package/src/ui/EditorToolbar.js +211 -211
  522. package/src/ui/EditorToolbarConfig.js +172 -172
  523. package/src/ui/FontSizeCommandMenuButton.js +66 -66
  524. package/src/ui/FontTypeCommandMenuButton.js +49 -49
  525. package/src/ui/Frag.js +13 -13
  526. package/src/ui/Icon.js +89 -89
  527. package/src/ui/ImageAlignEditor.js +60 -60
  528. package/src/ui/ImageInlineEditor.js +67 -67
  529. package/src/ui/ImageNodeView.js +404 -416
  530. package/src/ui/ImageResizeBox.js +219 -219
  531. package/src/ui/ImageURLEditor.js +119 -119
  532. package/src/ui/ImageUploadEditor.js +117 -117
  533. package/src/ui/KeyCodes.js +12 -12
  534. package/src/ui/LinkTooltip.js +85 -85
  535. package/src/ui/LinkURLEditor.js +111 -111
  536. package/src/ui/ListItemNodeView.js +98 -98
  537. package/src/ui/ListTypeButton.js +131 -131
  538. package/src/ui/ListTypeCommandButton.js +85 -85
  539. package/src/ui/ListTypeMenu.js +70 -70
  540. package/src/ui/LoadingIndicator.js +20 -20
  541. package/src/ui/MathEditor.js +78 -78
  542. package/src/ui/MathInlineEditor.js +102 -102
  543. package/src/ui/MathNodeView.js +175 -175
  544. package/src/ui/PasteMenu.js +57 -57
  545. package/src/ui/PointerSurface.js +141 -141
  546. package/src/ui/PopUp.js +77 -77
  547. package/src/ui/PopUpManager.js +213 -213
  548. package/src/ui/PopUpPosition.js +104 -104
  549. package/src/ui/ResizeObserver.js +106 -106
  550. package/src/ui/RichTextEditor.js +133 -133
  551. package/src/ui/SelectionObserver.js +134 -134
  552. package/src/ui/TableCellMenu.js +38 -38
  553. package/src/ui/TableGridSizeEditor.js +184 -184
  554. package/src/ui/TableNodeView.js +22 -22
  555. package/src/ui/TooltipSurface.js +76 -76
  556. package/src/ui/bindScrollHandler.js +46 -46
  557. package/src/ui/canUseCSSFont.js +43 -43
  558. package/src/ui/clamp.js +11 -11
  559. package/src/ui/createPopUp.js +205 -205
  560. package/src/ui/czi-animations.css +15 -15
  561. package/src/ui/czi-body-layout-editor.css +16 -16
  562. package/src/ui/czi-bookmark-view.css +10 -10
  563. package/src/ui/czi-color-editor.css +56 -56
  564. package/src/ui/czi-cursor-placeholder.css +36 -36
  565. package/src/ui/czi-custom-button.css +93 -93
  566. package/src/ui/czi-custom-menu-button.css +18 -18
  567. package/src/ui/czi-custom-menu-item.css +30 -30
  568. package/src/ui/czi-custom-menu.css +8 -8
  569. package/src/ui/czi-custom-radio-button.css +80 -80
  570. package/src/ui/czi-custom-scrollbar.css +21 -21
  571. package/src/ui/czi-editor-frameset.css +81 -81
  572. package/src/ui/czi-editor-toolbar.css +122 -122
  573. package/src/ui/czi-editor.css +220 -220
  574. package/src/ui/czi-form.css +104 -104
  575. package/src/ui/czi-frag.css +3 -3
  576. package/src/ui/czi-heading.css +40 -40
  577. package/src/ui/czi-icon.css +72 -72
  578. package/src/ui/czi-image-resize-box.css +165 -165
  579. package/src/ui/czi-image-upload-editor.css +57 -57
  580. package/src/ui/czi-image-upload-placeholder.css +50 -50
  581. package/src/ui/czi-image-url-editor.css +38 -38
  582. package/src/ui/czi-image-view.css +125 -125
  583. package/src/ui/czi-indent.css +137 -137
  584. package/src/ui/czi-inline-editor.css +20 -20
  585. package/src/ui/czi-link-tooltip.css +71 -71
  586. package/src/ui/czi-list.css +410 -410
  587. package/src/ui/czi-loading-indicator.css +111 -111
  588. package/src/ui/czi-math-view.css +62 -62
  589. package/src/ui/czi-pop-up.css +32 -32
  590. package/src/ui/czi-selection-placeholder.css +24 -24
  591. package/src/ui/czi-table-cell-menu.css +14 -14
  592. package/src/ui/czi-table-grid-size-editor.css +37 -37
  593. package/src/ui/czi-table.css +86 -86
  594. package/src/ui/czi-tooltip-surface.css +45 -45
  595. package/src/ui/czi-vars.css +46 -46
  596. package/src/ui/findActiveFontSize.js +58 -58
  597. package/src/ui/findActiveFontType.js +38 -38
  598. package/src/ui/fonts.css +471 -471
  599. package/src/ui/handleEditorDrop.js +28 -28
  600. package/src/ui/handleEditorKeyDown.js +39 -39
  601. package/src/ui/handleEditorPaste.js +33 -33
  602. package/src/ui/htmlElementToRect.js +18 -18
  603. package/src/ui/icon-font.css +10 -10
  604. package/src/ui/injectStyleSheet.js +42 -42
  605. package/src/ui/isElementFullyVisible.js +23 -23
  606. package/src/ui/isOffline.js +8 -8
  607. package/src/ui/isReactClass.js +12 -12
  608. package/src/ui/listType.css +21 -21
  609. package/src/ui/mathquill-editor/MathQuillEditor.js +159 -159
  610. package/src/ui/mathquill-editor/MathQuillEditorSymbols.js +483 -483
  611. package/src/ui/mathquill-editor/MathQuillEditorSymbolsPanel.js +48 -48
  612. package/src/ui/mathquill-editor/czi-mathquill-editor-symbols-panel.css +39 -39
  613. package/src/ui/mathquill-editor/czi-mathquill-editor.css +50 -50
  614. package/src/ui/mathquill-editor/mathquill-import-kludge.js +24 -24
  615. package/src/ui/preventEventDefault.js +5 -5
  616. package/src/ui/rects.js +47 -47
  617. package/src/ui/renderLaTeXAsHTML.js +46 -46
  618. package/src/ui/resolveImage.js +123 -123
  619. package/src/ui/toCSSColor.js +51 -51
  620. package/src/ui/toCSSLineSpacing.js +82 -82
  621. package/src/ui/toHexColor.js +26 -26
  622. package/src/ui/uuid.js +9 -9
  623. package/src/updateIndentLevel.js +211 -211
  624. package/src/uuid.js +9 -9
  625. package/style-service.Dockerfile +26 -26
  626. package/utils/build_bin.js +9 -9
  627. package/utils/build_customstyle_server.js +71 -71
  628. package/utils/build_image_server.js +71 -71
  629. package/utils/build_licit_collab_server.js +75 -75
  630. package/utils/build_web_server.js +40 -40
  631. package/utils/env.js +6 -6
  632. package/webpack.config.js +126 -126
package/src/patchListElements.js 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/src/patchMathElements.js 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
+ }