@modusoperandi/licit 0.1.10 → 0.13.3

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