@modusoperandi/licit 0.13.1 → 0.13.2

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