@modusoperandi/licit 1.4.2 → 1.4.6
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.
- package/BlockquoteInsertNewLineCommand.js.flow +70 -70
- package/BlockquoteNodeSpec.js.flow +29 -29
- package/BlockquoteToggleCommand.js.flow +56 -56
- package/BookmarkNodeSpec.js.flow +39 -39
- package/BulletListNodeSpec.js.flow +61 -61
- package/CZIProseMirror.js.flow +90 -90
- package/CodeBlockCommand.js.flow +65 -65
- package/CodeBlockNodeSpec.js.flow +24 -24
- package/CodeMarkSpec.js.flow +14 -14
- package/ContentPlaceholderPlugin.js.flow +183 -183
- package/CursorPlaceholderPlugin.js.flow +113 -113
- package/DocLayoutCommand.js.flow +97 -97
- package/DocNodeSpec.js.flow +62 -62
- package/EMMarkSpec.js.flow +39 -39
- package/EditorCommands.js.flow +124 -124
- package/EditorKeyMap.js.flow +173 -173
- package/EditorMarks.js +4 -2
- package/EditorMarks.js.flow +77 -74
- package/EditorNodes.js.flow +55 -55
- package/EditorPageLayoutPlugin.js.flow +67 -67
- package/EditorPlugins.js.flow +8 -8
- package/EditorSchema.js.flow +12 -12
- package/EditorState.js.flow +7 -7
- package/FontSizeMarkSpec.js.flow +54 -54
- package/FontTypeMarkSpec.js.flow +89 -89
- package/HTMLMutator.js.flow +58 -58
- package/HangingIndentMarkSpec.js +34 -0
- package/HangingIndentMarkSpec.js.flow +30 -0
- package/HardBreakNodeSpec.js.flow +15 -15
- package/HeadingNodeSpec.js.flow +42 -42
- package/HistoryRedoCommand.js.flow +41 -41
- package/HistoryUndoCommand.js.flow +41 -41
- package/HorizontalRuleCommand.js.flow +71 -71
- package/HorizontalRuleNodeSpec.js.flow +39 -39
- package/ImageUploadPlaceholderPlugin.js.flow +187 -187
- package/LICENSE +22 -22
- package/LinkMarkSpec.js +4 -2
- package/LinkMarkSpec.js.flow +38 -37
- package/LinkSetURLCommand.js +1 -1
- package/LinkSetURLCommand.js.flow +129 -129
- package/LinkTooltipPlugin.js +32 -38
- package/LinkTooltipPlugin.js.flow +204 -217
- package/ListItemInsertNewLineCommand.js.flow +76 -76
- package/ListItemMergeCommand.js.flow +197 -197
- package/ListItemNodeSpec.js.flow +52 -52
- package/ListSplitCommand.js.flow +54 -54
- package/ListToggleCommand.js.flow +99 -99
- package/MarkNames.js +2 -1
- package/MarkNames.js.flow +20 -19
- package/MarksClearCommand.js.flow +66 -66
- package/NodeNames.js.flow +23 -23
- package/OrderedListNodeSpec.js.flow +131 -131
- package/OverrideMarkSpec.js.flow +49 -49
- package/ParagraphNodeSpec.js +21 -2
- package/ParagraphNodeSpec.js.flow +233 -215
- package/ParagraphSpacingCommand.js.flow +139 -139
- package/PrintCommand.js.flow +53 -53
- package/SelectionPlaceholderPlugin.js.flow +129 -129
- package/SpacerMarkSpec.js.flow +47 -47
- package/StrikeMarkSpec.js.flow +24 -24
- package/StrongMarkSpec.js.flow +39 -39
- package/StyleView.js.flow +18 -18
- package/TableBackgroundColorCommand.js.flow +79 -79
- package/TableBorderColorCommand.js +5 -3
- package/TableBorderColorCommand.js.flow +108 -106
- package/TableCellColorCommand.js.flow +73 -73
- package/TableCellMenuPlugin.js.flow +129 -129
- package/TableInsertCommand.js.flow +117 -117
- package/TableMergeCellsCommand.js.flow +113 -113
- package/TableNodesSpecs.js.flow +144 -144
- package/TablePlugins.js.flow +14 -14
- package/TableResizePlugin.js.flow +636 -636
- package/TextColorMarkSpec.js.flow +40 -40
- package/TextHighlightMarkSpec.js.flow +47 -47
- package/TextInsertTabSpaceCommand.js +0 -3
- package/TextInsertTabSpaceCommand.js.flow +103 -106
- package/TextNoWrapMarkSpec.js.flow +14 -14
- package/TextNodeSpec.js.flow +7 -7
- package/TextSelectionMarkSpec.js.flow +24 -24
- package/TextSubMarkSpec.js.flow +28 -28
- package/TextSuperMarkSpec.js.flow +28 -28
- package/TextUnderlineMarkSpec.js.flow +24 -24
- package/Types.js.flow +77 -77
- package/WebFontLoader.js.flow +22 -22
- package/blockQuoteInputRule.js.flow +36 -36
- package/bom.xml +8645 -8637
- package/browser.js.flow +7 -7
- package/buildEditorPlugins.js.flow +48 -48
- package/buildInputRules.js.flow +85 -85
- package/client/CollabConnector.js.flow +90 -90
- package/client/EditorConnection.js.flow +324 -324
- package/client/Licit.js +40 -40
- package/client/Licit.js.flow +649 -648
- package/client/Licit.test.js.flow +104 -104
- package/client/Reporter.js.flow +35 -35
- package/client/SimpleConnector.js.flow +61 -61
- package/client/http.js.flow +60 -60
- package/client/licit.css +12 -12
- package/client/throttle.js.flow +27 -27
- package/convertFromDOMElement.js.flow +33 -33
- package/convertFromHTML.js.flow +15 -15
- package/convertFromJSON.js.flow +53 -53
- package/convertToCSSPTValue.js.flow +19 -19
- package/convertToJSON.js.flow +7 -7
- package/createCommand.js.flow +62 -62
- package/createEditorKeyMap.js.flow +87 -87
- package/createEmptyEditorState.js.flow +29 -29
- package/createTableResizingPlugin.js.flow +86 -86
- package/findActionableCell.js.flow +74 -74
- package/findActiveMark.js.flow +32 -32
- package/hyphenize.js.flow +17 -17
- package/index.d.ts +167 -167
- package/index.js.flow +10 -10
- package/insertTable.js.flow +54 -54
- package/isEditorStateEmpty.js.flow +32 -32
- package/isTableNode.js.flow +15 -15
- package/joinDown.js.flow +25 -25
- package/joinListNode.js.flow +55 -55
- package/joinUp.js.flow +37 -37
- package/keymaps.js.flow +175 -175
- package/lookUpElement.js.flow +14 -14
- package/nodeAt.js.flow +12 -12
- package/normalizeHTML.js.flow +80 -80
- package/package.json +152 -152
- package/patchAnchorElements.js.flow +38 -38
- package/patchBreakElements.js.flow +22 -22
- package/patchElementInlineStyles.js.flow +92 -92
- package/patchListElements.js.flow +275 -275
- package/patchMathElements.js.flow +58 -58
- package/patchParagraphElements.js.flow +20 -20
- package/patchStyleElements.js.flow +197 -197
- package/patchTableElements.js.flow +88 -88
- package/rebaseDocWithSteps.js.flow +42 -42
- package/sanitizeURL.js.flow +13 -13
- package/splitListItem.js.flow +191 -191
- package/styles.css +46 -46
- package/toClosestFontPtSize.js.flow +22 -22
- package/toSafeHTMLDocument.js.flow +9 -9
- package/toggleBlockquote.js.flow +101 -101
- package/toggleCodeBlock.js.flow +102 -102
- package/ui/AlertInfo.js.flow +63 -63
- package/ui/BookmarkNodeView.js.flow +64 -64
- package/ui/CommandButton.js.flow +68 -68
- package/ui/CommandMenu.js.flow +74 -74
- package/ui/CommandMenuButton.js.flow +128 -128
- package/ui/CustomEditorView.js.flow +29 -29
- package/ui/CustomMenu.js.flow +14 -14
- package/ui/CustomMenuItem.js.flow +35 -35
- package/ui/CustomNodeView.js.flow +207 -207
- package/ui/CustomRadioButton.js.flow +63 -63
- package/ui/DocLayoutEditor.js.flow +130 -130
- package/ui/Editor.js.flow +281 -281
- package/ui/EditorFrameset.js.flow +79 -79
- package/ui/EditorToolbar.js.flow +197 -197
- package/ui/EditorToolbarConfig.js.flow +162 -162
- package/ui/FontSizeCommandMenuButton.js.flow +66 -66
- package/ui/FontTypeCommandMenuButton.js.flow +60 -60
- package/ui/Frag.js.flow +11 -11
- package/ui/Icon.js +1 -1
- package/ui/Icon.js.flow +82 -82
- package/ui/ImageInlineEditor.js.flow +66 -66
- package/ui/KeyCodes.js.flow +12 -12
- package/ui/LinkTooltip.js.flow +51 -51
- package/ui/LinkURLEditor.js.flow +227 -227
- package/ui/ListItemNodeView.js.flow +101 -101
- package/ui/ListTypeButton.js.flow +121 -121
- package/ui/ListTypeCommandButton.js.flow +85 -85
- package/ui/ListTypeMenu.js.flow +78 -78
- package/ui/LoadingIndicator.js.flow +19 -19
- package/ui/PasteMenu.js.flow +52 -52
- package/ui/ResizeObserver.js.flow +105 -105
- package/ui/RichTextEditor.js.flow +133 -133
- package/ui/SelectionObserver.js.flow +134 -134
- package/ui/TableCellMenu.js.flow +49 -49
- package/ui/TableGridSizeEditor.js.flow +185 -185
- package/ui/TableNodeView.js.flow +36 -36
- package/ui/bindScrollHandler.js.flow +46 -46
- package/ui/canUseCSSFont.js.flow +42 -42
- package/ui/czi-body-layout-editor.css +16 -16
- package/ui/czi-bookmark-view.css +10 -10
- package/ui/czi-cursor-placeholder.css +36 -36
- package/ui/czi-custom-menu-button.css +18 -18
- package/ui/czi-custom-menu-item.css +30 -30
- package/ui/czi-custom-menu.css +8 -8
- package/ui/czi-custom-radio-button.css +80 -80
- package/ui/czi-custom-scrollbar.css +21 -21
- package/ui/czi-editor-frameset.css +81 -81
- package/ui/czi-editor-toolbar.css +122 -122
- package/ui/czi-editor.css +239 -216
- package/ui/czi-form.css +201 -201
- package/ui/czi-frag.css +3 -3
- package/ui/czi-heading.css +40 -40
- package/ui/czi-icon.css +72 -72
- package/ui/czi-image-resize-box.css +165 -165
- package/ui/czi-image-upload-editor.css +57 -57
- package/ui/czi-image-upload-placeholder.css +50 -50
- package/ui/czi-image-url-editor.css +38 -38
- package/ui/czi-image-view.css +121 -121
- package/ui/czi-indent.css +137 -137
- package/ui/czi-inline-editor.css +20 -20
- package/ui/czi-link-tooltip.css +112 -112
- package/ui/czi-list.css +406 -406
- package/ui/czi-loading-indicator.css +66 -66
- package/ui/czi-math-view.css +62 -62
- package/ui/czi-selection-placeholder.css +24 -24
- package/ui/czi-table-cell-menu.css +16 -16
- package/ui/czi-table-grid-size-editor.css +37 -37
- package/ui/czi-table.css +89 -89
- package/ui/czi-vars.css +47 -45
- package/ui/findActiveFontSize.js.flow +55 -55
- package/ui/findActiveFontType.js.flow +35 -35
- package/ui/fonts.css +460 -460
- package/ui/handleEditorDrop.js.flow +28 -28
- package/ui/handleEditorKeyDown.js.flow +39 -39
- package/ui/handleEditorPaste.js.flow +33 -33
- package/ui/htmlElementToRect.js.flow +18 -18
- package/ui/icon-font.css +9 -9
- package/ui/injectStyleSheet.js.flow +40 -40
- package/ui/isElementFullyVisible.js.flow +14 -14
- package/ui/isOffline.js.flow +8 -8
- package/ui/isReactClass.js.flow +12 -12
- package/ui/listType.css +21 -21
- package/ui/resolveImage.js.flow +121 -121
- package/ui/toCSSColor.js.flow +51 -51
- package/ui/toCSSLineSpacing.js.flow +53 -53
- package/ui/toHexColor.js.flow +26 -26
- package/ui/uuid.js.flow +9 -9
- package/uuid.js.flow +9 -9
|
@@ -1,67 +1,67 @@
|
|
|
1
|
-
// @flow
|
|
2
|
-
|
|
3
|
-
import { EditorState, Plugin, PluginKey } from 'prosemirror-state';
|
|
4
|
-
|
|
5
|
-
import { ATTRIBUTE_LAYOUT, LAYOUT } from './DocNodeSpec.js';
|
|
6
|
-
|
|
7
|
-
const SPEC = {
|
|
8
|
-
// [FS] IRAD-1005 2020-07-07
|
|
9
|
-
// Upgrade outdated packages.
|
|
10
|
-
key: new PluginKey('EditorPageLayoutPlugin'),
|
|
11
|
-
props: {
|
|
12
|
-
attributes: renderAttributes,
|
|
13
|
-
},
|
|
14
|
-
};
|
|
15
|
-
|
|
16
|
-
function renderAttributes(editorState: EditorState): Object {
|
|
17
|
-
const { doc } = editorState;
|
|
18
|
-
const attrs: Object = {
|
|
19
|
-
class: 'czi-prosemirror-editor',
|
|
20
|
-
};
|
|
21
|
-
|
|
22
|
-
const { width, padding, layout } = doc.attrs;
|
|
23
|
-
|
|
24
|
-
let style = '';
|
|
25
|
-
let computedLayout;
|
|
26
|
-
if (width) {
|
|
27
|
-
const inWidth = width / 72;
|
|
28
|
-
const cmWidth = inWidth * 2.54;
|
|
29
|
-
if (!computedLayout && inWidth >= 10.9 && inWidth <= 11.1) {
|
|
30
|
-
// Round up to letter size.
|
|
31
|
-
computedLayout = LAYOUT.US_LETTER_LANDSCAPE;
|
|
32
|
-
} else if (!computedLayout && inWidth >= 8.4 && inWidth <= 8.6) {
|
|
33
|
-
// Round up to letter size.
|
|
34
|
-
computedLayout = LAYOUT.US_LETTER_PORTRAIT;
|
|
35
|
-
} else if (!computedLayout && cmWidth >= 29.5 && cmWidth <= 30.1) {
|
|
36
|
-
// Round up to letter size.
|
|
37
|
-
computedLayout = LAYOUT.A4_LANDSCAPE;
|
|
38
|
-
} else if (!computedLayout && cmWidth >= 20.5 && cmWidth <= 21.5) {
|
|
39
|
-
// Round up to letter size.
|
|
40
|
-
computedLayout = LAYOUT.A4_PORTRAIT;
|
|
41
|
-
} else {
|
|
42
|
-
// Use custom width (e.g. imported from google doc).
|
|
43
|
-
style += `width: ${width}pt;`;
|
|
44
|
-
}
|
|
45
|
-
if (padding) {
|
|
46
|
-
style += `padding-left: ${padding}pt;`;
|
|
47
|
-
style += `padding-right: ${padding}pt;`;
|
|
48
|
-
}
|
|
49
|
-
attrs.style = style;
|
|
50
|
-
} else {
|
|
51
|
-
computedLayout = layout;
|
|
52
|
-
}
|
|
53
|
-
if (computedLayout) {
|
|
54
|
-
attrs[ATTRIBUTE_LAYOUT] = computedLayout;
|
|
55
|
-
}
|
|
56
|
-
return attrs;
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
// Unfortunately the root node `doc` does not supoort `toDOM`, thus
|
|
60
|
-
// we'd have to assign its `attributes` manually.
|
|
61
|
-
class EditorPageLayoutPlugin extends Plugin {
|
|
62
|
-
constructor() {
|
|
63
|
-
super(SPEC);
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
export default EditorPageLayoutPlugin;
|
|
1
|
+
// @flow
|
|
2
|
+
|
|
3
|
+
import { EditorState, Plugin, PluginKey } from 'prosemirror-state';
|
|
4
|
+
|
|
5
|
+
import { ATTRIBUTE_LAYOUT, LAYOUT } from './DocNodeSpec.js';
|
|
6
|
+
|
|
7
|
+
const SPEC = {
|
|
8
|
+
// [FS] IRAD-1005 2020-07-07
|
|
9
|
+
// Upgrade outdated packages.
|
|
10
|
+
key: new PluginKey('EditorPageLayoutPlugin'),
|
|
11
|
+
props: {
|
|
12
|
+
attributes: renderAttributes,
|
|
13
|
+
},
|
|
14
|
+
};
|
|
15
|
+
|
|
16
|
+
function renderAttributes(editorState: EditorState): Object {
|
|
17
|
+
const { doc } = editorState;
|
|
18
|
+
const attrs: Object = {
|
|
19
|
+
class: 'czi-prosemirror-editor',
|
|
20
|
+
};
|
|
21
|
+
|
|
22
|
+
const { width, padding, layout } = doc.attrs;
|
|
23
|
+
|
|
24
|
+
let style = '';
|
|
25
|
+
let computedLayout;
|
|
26
|
+
if (width) {
|
|
27
|
+
const inWidth = width / 72;
|
|
28
|
+
const cmWidth = inWidth * 2.54;
|
|
29
|
+
if (!computedLayout && inWidth >= 10.9 && inWidth <= 11.1) {
|
|
30
|
+
// Round up to letter size.
|
|
31
|
+
computedLayout = LAYOUT.US_LETTER_LANDSCAPE;
|
|
32
|
+
} else if (!computedLayout && inWidth >= 8.4 && inWidth <= 8.6) {
|
|
33
|
+
// Round up to letter size.
|
|
34
|
+
computedLayout = LAYOUT.US_LETTER_PORTRAIT;
|
|
35
|
+
} else if (!computedLayout && cmWidth >= 29.5 && cmWidth <= 30.1) {
|
|
36
|
+
// Round up to letter size.
|
|
37
|
+
computedLayout = LAYOUT.A4_LANDSCAPE;
|
|
38
|
+
} else if (!computedLayout && cmWidth >= 20.5 && cmWidth <= 21.5) {
|
|
39
|
+
// Round up to letter size.
|
|
40
|
+
computedLayout = LAYOUT.A4_PORTRAIT;
|
|
41
|
+
} else {
|
|
42
|
+
// Use custom width (e.g. imported from google doc).
|
|
43
|
+
style += `width: ${width}pt;`;
|
|
44
|
+
}
|
|
45
|
+
if (padding) {
|
|
46
|
+
style += `padding-left: ${padding}pt;`;
|
|
47
|
+
style += `padding-right: ${padding}pt;`;
|
|
48
|
+
}
|
|
49
|
+
attrs.style = style;
|
|
50
|
+
} else {
|
|
51
|
+
computedLayout = layout;
|
|
52
|
+
}
|
|
53
|
+
if (computedLayout) {
|
|
54
|
+
attrs[ATTRIBUTE_LAYOUT] = computedLayout;
|
|
55
|
+
}
|
|
56
|
+
return attrs;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
// Unfortunately the root node `doc` does not supoort `toDOM`, thus
|
|
60
|
+
// we'd have to assign its `attributes` manually.
|
|
61
|
+
class EditorPageLayoutPlugin extends Plugin {
|
|
62
|
+
constructor() {
|
|
63
|
+
super(SPEC);
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
export default EditorPageLayoutPlugin;
|
package/EditorPlugins.js.flow
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
// @flow
|
|
2
|
-
|
|
3
|
-
import EditorSchema from './EditorSchema.js';
|
|
4
|
-
import DefaultEditorPlugins from './buildEditorPlugins.js';
|
|
5
|
-
|
|
6
|
-
// Plugin
|
|
7
|
-
const EditorPlugins = new DefaultEditorPlugins(EditorSchema);
|
|
8
|
-
export default EditorPlugins;
|
|
1
|
+
// @flow
|
|
2
|
+
|
|
3
|
+
import EditorSchema from './EditorSchema.js';
|
|
4
|
+
import DefaultEditorPlugins from './buildEditorPlugins.js';
|
|
5
|
+
|
|
6
|
+
// Plugin
|
|
7
|
+
const EditorPlugins = new DefaultEditorPlugins(EditorSchema);
|
|
8
|
+
export default EditorPlugins;
|
package/EditorSchema.js.flow
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
// @flow
|
|
2
|
-
|
|
3
|
-
import { Schema } from 'prosemirror-model';
|
|
4
|
-
|
|
5
|
-
import EditorMarks from './EditorMarks.js';
|
|
6
|
-
import EditorNodes from './EditorNodes.js';
|
|
7
|
-
|
|
8
|
-
const EditorSchema = new Schema({
|
|
9
|
-
nodes: EditorNodes,
|
|
10
|
-
marks: EditorMarks,
|
|
11
|
-
});
|
|
12
|
-
export default EditorSchema;
|
|
1
|
+
// @flow
|
|
2
|
+
|
|
3
|
+
import { Schema } from 'prosemirror-model';
|
|
4
|
+
|
|
5
|
+
import EditorMarks from './EditorMarks.js';
|
|
6
|
+
import EditorNodes from './EditorNodes.js';
|
|
7
|
+
|
|
8
|
+
const EditorSchema = new Schema({
|
|
9
|
+
nodes: EditorNodes,
|
|
10
|
+
marks: EditorMarks,
|
|
11
|
+
});
|
|
12
|
+
export default EditorSchema;
|
package/EditorState.js.flow
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
// @flow
|
|
2
|
-
|
|
3
|
-
import { EditorState } from 'prosemirror-state';
|
|
4
|
-
|
|
5
|
-
const ProseMirrorEditorState = EditorState;
|
|
6
|
-
|
|
7
|
-
export default ProseMirrorEditorState;
|
|
1
|
+
// @flow
|
|
2
|
+
|
|
3
|
+
import { EditorState } from 'prosemirror-state';
|
|
4
|
+
|
|
5
|
+
const ProseMirrorEditorState = EditorState;
|
|
6
|
+
|
|
7
|
+
export default ProseMirrorEditorState;
|
package/FontSizeMarkSpec.js.flow
CHANGED
|
@@ -1,54 +1,54 @@
|
|
|
1
|
-
// @flow
|
|
2
|
-
|
|
3
|
-
import { Node } from 'prosemirror-model';
|
|
4
|
-
import { toClosestFontPtSize } from './toClosestFontPtSize.js';
|
|
5
|
-
import type { MarkSpec } from './Types.js';
|
|
6
|
-
|
|
7
|
-
const FontSizeMarkSpec: MarkSpec = {
|
|
8
|
-
attrs: {
|
|
9
|
-
pt: { default: null },
|
|
10
|
-
overridden: { default: false },
|
|
11
|
-
},
|
|
12
|
-
inline: true,
|
|
13
|
-
group: 'inline',
|
|
14
|
-
parseDOM: [
|
|
15
|
-
{
|
|
16
|
-
tag: 'span[style*=font-size]',
|
|
17
|
-
getAttrs: (domNode) => {
|
|
18
|
-
const fontSize = domNode.style.fontSize || '';
|
|
19
|
-
const _mOverriden = domNode.getAttribute('overridden');
|
|
20
|
-
let ptValue = 0;
|
|
21
|
-
let _mptValue = 0;
|
|
22
|
-
|
|
23
|
-
const parentFontsize = domNode.parentNode?.style.fontSize || '';
|
|
24
|
-
const mparent_overriden = domNode.parentNode?.getAttribute('overridden');
|
|
25
|
-
if (fontSize !== '') {
|
|
26
|
-
ptValue = toClosestFontPtSize(fontSize);
|
|
27
|
-
}
|
|
28
|
-
if (parentFontsize !== '') {
|
|
29
|
-
_mptValue = toClosestFontPtSize(parentFontsize);
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
const overridden = (_mOverriden === 'true' && fontSize !== '') || (parentFontsize !== '' && mparent_overriden === 'true'); // Check if the font is overridden
|
|
33
|
-
|
|
34
|
-
return {
|
|
35
|
-
pt: ptValue || _mptValue,
|
|
36
|
-
overridden: overridden,
|
|
37
|
-
};
|
|
38
|
-
},
|
|
39
|
-
},
|
|
40
|
-
],
|
|
41
|
-
toDOM(node: Node) {
|
|
42
|
-
const { pt, overridden } = node.attrs;
|
|
43
|
-
const attrs = { overridden };
|
|
44
|
-
|
|
45
|
-
if (pt) {
|
|
46
|
-
attrs.style = `font-size: ${pt}pt;`;
|
|
47
|
-
attrs.class = 'czi-font-size-mark';
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
return ['span', attrs, 0];
|
|
51
|
-
},
|
|
52
|
-
};
|
|
53
|
-
|
|
54
|
-
export default FontSizeMarkSpec;
|
|
1
|
+
// @flow
|
|
2
|
+
|
|
3
|
+
import { Node } from 'prosemirror-model';
|
|
4
|
+
import { toClosestFontPtSize } from './toClosestFontPtSize.js';
|
|
5
|
+
import type { MarkSpec } from './Types.js';
|
|
6
|
+
|
|
7
|
+
const FontSizeMarkSpec: MarkSpec = {
|
|
8
|
+
attrs: {
|
|
9
|
+
pt: { default: null },
|
|
10
|
+
overridden: { default: false },
|
|
11
|
+
},
|
|
12
|
+
inline: true,
|
|
13
|
+
group: 'inline',
|
|
14
|
+
parseDOM: [
|
|
15
|
+
{
|
|
16
|
+
tag: 'span[style*=font-size]',
|
|
17
|
+
getAttrs: (domNode) => {
|
|
18
|
+
const fontSize = domNode.style.fontSize || '';
|
|
19
|
+
const _mOverriden = domNode.getAttribute('overridden');
|
|
20
|
+
let ptValue = 0;
|
|
21
|
+
let _mptValue = 0;
|
|
22
|
+
|
|
23
|
+
const parentFontsize = domNode.parentNode?.style.fontSize || '';
|
|
24
|
+
const mparent_overriden = domNode.parentNode?.getAttribute('overridden');
|
|
25
|
+
if (fontSize !== '') {
|
|
26
|
+
ptValue = toClosestFontPtSize(fontSize);
|
|
27
|
+
}
|
|
28
|
+
if (parentFontsize !== '') {
|
|
29
|
+
_mptValue = toClosestFontPtSize(parentFontsize);
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
const overridden = (_mOverriden === 'true' && fontSize !== '') || (parentFontsize !== '' && mparent_overriden === 'true'); // Check if the font is overridden
|
|
33
|
+
|
|
34
|
+
return {
|
|
35
|
+
pt: ptValue || _mptValue,
|
|
36
|
+
overridden: overridden,
|
|
37
|
+
};
|
|
38
|
+
},
|
|
39
|
+
},
|
|
40
|
+
],
|
|
41
|
+
toDOM(node: Node) {
|
|
42
|
+
const { pt, overridden } = node.attrs;
|
|
43
|
+
const attrs = { overridden };
|
|
44
|
+
|
|
45
|
+
if (pt) {
|
|
46
|
+
attrs.style = `font-size: ${pt}pt;`;
|
|
47
|
+
attrs.class = 'czi-font-size-mark';
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
return ['span', attrs, 0];
|
|
51
|
+
},
|
|
52
|
+
};
|
|
53
|
+
|
|
54
|
+
export default FontSizeMarkSpec;
|
package/FontTypeMarkSpec.js.flow
CHANGED
|
@@ -1,89 +1,89 @@
|
|
|
1
|
-
// @flow
|
|
2
|
-
|
|
3
|
-
import { Node } from 'prosemirror-model';
|
|
4
|
-
import type { MarkSpec } from './Types.js';
|
|
5
|
-
|
|
6
|
-
// [FS] IRAD-1061 2020-09-19
|
|
7
|
-
// Now loaded locally, so that it works in closed networks as well.
|
|
8
|
-
|
|
9
|
-
export const FONT_TYPE_NAMES = [
|
|
10
|
-
// SERIF
|
|
11
|
-
'Aclonica',
|
|
12
|
-
'Acme',
|
|
13
|
-
'Alegreya',
|
|
14
|
-
'Arial',
|
|
15
|
-
'Arial Black',
|
|
16
|
-
'Georgia',
|
|
17
|
-
'Tahoma',
|
|
18
|
-
'Times New Roman',
|
|
19
|
-
'Times',
|
|
20
|
-
'Verdana',
|
|
21
|
-
// MONOSPACE
|
|
22
|
-
'Courier New',
|
|
23
|
-
];
|
|
24
|
-
|
|
25
|
-
// FS IRAD-988 2020-06-18
|
|
26
|
-
// Preload fonts that are listed by default,
|
|
27
|
-
// so that even if the font is not available locally, load from the web.
|
|
28
|
-
export function preLoadFonts() {
|
|
29
|
-
FONT_TYPE_NAMES.forEach((name) => {
|
|
30
|
-
loadAndCacheFont(name);
|
|
31
|
-
});
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
// Resolve each font after it is loaded.
|
|
35
|
-
const RESOLVED_FONT_NAMES = new Set([]);
|
|
36
|
-
|
|
37
|
-
function loadAndCacheFont(name) {
|
|
38
|
-
// Cache custom fonts
|
|
39
|
-
RESOLVED_FONT_NAMES.add(name);
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
const FontTypeMarkSpec: MarkSpec = {
|
|
43
|
-
attrs: {
|
|
44
|
-
name: '',
|
|
45
|
-
overridden: { default: false },
|
|
46
|
-
},
|
|
47
|
-
inline: true,
|
|
48
|
-
group: 'inline',
|
|
49
|
-
parseDOM: [
|
|
50
|
-
{
|
|
51
|
-
tag: 'span[style*=font-family]',
|
|
52
|
-
getAttrs: (domNode) => {
|
|
53
|
-
|
|
54
|
-
let name = domNode.style.fontFamily || '';
|
|
55
|
-
let parentFontName = domNode.parentNode?.style.fontFamily || '';
|
|
56
|
-
const _mOverriden = domNode.getAttribute('overridden');
|
|
57
|
-
const mparent_overriden = domNode.parentNode?.getAttribute('overridden');
|
|
58
|
-
|
|
59
|
-
if (name !== '') {
|
|
60
|
-
name = name ? name.replace(/["']/g, '') : '';
|
|
61
|
-
}
|
|
62
|
-
if (parentFontName !== '') {
|
|
63
|
-
parentFontName = parentFontName ? parentFontName.replace(/["']/g, '') : '';
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
const overridden = (_mOverriden === 'true' && name !== '') || (parentFontName !== '' && mparent_overriden === 'true'); // Check if the font is overridden
|
|
67
|
-
|
|
68
|
-
return {
|
|
69
|
-
name: name || parentFontName || 'Arial', // Clean up the font name
|
|
70
|
-
overridden: overridden,
|
|
71
|
-
};
|
|
72
|
-
}
|
|
73
|
-
}
|
|
74
|
-
],
|
|
75
|
-
|
|
76
|
-
toDOM(node: Node) {
|
|
77
|
-
const { name, overridden } = node.attrs;
|
|
78
|
-
const attrs = { overridden };
|
|
79
|
-
if (name) {
|
|
80
|
-
if (!RESOLVED_FONT_NAMES.has(name)) {
|
|
81
|
-
loadAndCacheFont(name);
|
|
82
|
-
}
|
|
83
|
-
attrs.style = `font-family: ${name}`;
|
|
84
|
-
}
|
|
85
|
-
return ['span', attrs, 0];
|
|
86
|
-
}
|
|
87
|
-
};
|
|
88
|
-
|
|
89
|
-
export default FontTypeMarkSpec;
|
|
1
|
+
// @flow
|
|
2
|
+
|
|
3
|
+
import { Node } from 'prosemirror-model';
|
|
4
|
+
import type { MarkSpec } from './Types.js';
|
|
5
|
+
|
|
6
|
+
// [FS] IRAD-1061 2020-09-19
|
|
7
|
+
// Now loaded locally, so that it works in closed networks as well.
|
|
8
|
+
|
|
9
|
+
export const FONT_TYPE_NAMES = [
|
|
10
|
+
// SERIF
|
|
11
|
+
'Aclonica',
|
|
12
|
+
'Acme',
|
|
13
|
+
'Alegreya',
|
|
14
|
+
'Arial',
|
|
15
|
+
'Arial Black',
|
|
16
|
+
'Georgia',
|
|
17
|
+
'Tahoma',
|
|
18
|
+
'Times New Roman',
|
|
19
|
+
'Times',
|
|
20
|
+
'Verdana',
|
|
21
|
+
// MONOSPACE
|
|
22
|
+
'Courier New',
|
|
23
|
+
];
|
|
24
|
+
|
|
25
|
+
// FS IRAD-988 2020-06-18
|
|
26
|
+
// Preload fonts that are listed by default,
|
|
27
|
+
// so that even if the font is not available locally, load from the web.
|
|
28
|
+
export function preLoadFonts() {
|
|
29
|
+
FONT_TYPE_NAMES.forEach((name) => {
|
|
30
|
+
loadAndCacheFont(name);
|
|
31
|
+
});
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
// Resolve each font after it is loaded.
|
|
35
|
+
const RESOLVED_FONT_NAMES = new Set([]);
|
|
36
|
+
|
|
37
|
+
function loadAndCacheFont(name) {
|
|
38
|
+
// Cache custom fonts
|
|
39
|
+
RESOLVED_FONT_NAMES.add(name);
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
const FontTypeMarkSpec: MarkSpec = {
|
|
43
|
+
attrs: {
|
|
44
|
+
name: '',
|
|
45
|
+
overridden: { default: false },
|
|
46
|
+
},
|
|
47
|
+
inline: true,
|
|
48
|
+
group: 'inline',
|
|
49
|
+
parseDOM: [
|
|
50
|
+
{
|
|
51
|
+
tag: 'span[style*=font-family]',
|
|
52
|
+
getAttrs: (domNode) => {
|
|
53
|
+
|
|
54
|
+
let name = domNode.style.fontFamily || '';
|
|
55
|
+
let parentFontName = domNode.parentNode?.style.fontFamily || '';
|
|
56
|
+
const _mOverriden = domNode.getAttribute('overridden');
|
|
57
|
+
const mparent_overriden = domNode.parentNode?.getAttribute('overridden');
|
|
58
|
+
|
|
59
|
+
if (name !== '') {
|
|
60
|
+
name = name ? name.replace(/["']/g, '') : '';
|
|
61
|
+
}
|
|
62
|
+
if (parentFontName !== '') {
|
|
63
|
+
parentFontName = parentFontName ? parentFontName.replace(/["']/g, '') : '';
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
const overridden = (_mOverriden === 'true' && name !== '') || (parentFontName !== '' && mparent_overriden === 'true'); // Check if the font is overridden
|
|
67
|
+
|
|
68
|
+
return {
|
|
69
|
+
name: name || parentFontName || 'Arial', // Clean up the font name
|
|
70
|
+
overridden: overridden,
|
|
71
|
+
};
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
],
|
|
75
|
+
|
|
76
|
+
toDOM(node: Node) {
|
|
77
|
+
const { name, overridden } = node.attrs;
|
|
78
|
+
const attrs = { overridden };
|
|
79
|
+
if (name) {
|
|
80
|
+
if (!RESOLVED_FONT_NAMES.has(name)) {
|
|
81
|
+
loadAndCacheFont(name);
|
|
82
|
+
}
|
|
83
|
+
attrs.style = `font-family: ${name}`;
|
|
84
|
+
}
|
|
85
|
+
return ['span', attrs, 0];
|
|
86
|
+
}
|
|
87
|
+
};
|
|
88
|
+
|
|
89
|
+
export default FontTypeMarkSpec;
|
package/HTMLMutator.js.flow
CHANGED
|
@@ -1,58 +1,58 @@
|
|
|
1
|
-
// @flow
|
|
2
|
-
|
|
3
|
-
import uuid from './ui/uuid.js';
|
|
4
|
-
|
|
5
|
-
// Utility Class that allows developer to insert HTML snippets then updates
|
|
6
|
-
// document's innerHTML accordingly.
|
|
7
|
-
export default class HTMLMutator {
|
|
8
|
-
_doc: Document;
|
|
9
|
-
_htmls: Map<string, string>;
|
|
10
|
-
|
|
11
|
-
constructor(doc: Document) {
|
|
12
|
-
this._doc = doc;
|
|
13
|
-
this._htmls = new Map();
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
insertHTMLBefore(html: string, el: Element): HTMLMutator {
|
|
17
|
-
return this._insertHTML(html, 'before', el);
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
insertHTMLAfter(html: string, el: Element): HTMLMutator {
|
|
21
|
-
return this._insertHTML(html, 'after', el);
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
execute(): void {
|
|
25
|
-
const doc = this._doc;
|
|
26
|
-
const root = doc?.body || doc?.documentElement;
|
|
27
|
-
let newHtml = root.innerHTML;
|
|
28
|
-
this._htmls.forEach((html, token) => {
|
|
29
|
-
newHtml = newHtml.replace(token, html);
|
|
30
|
-
});
|
|
31
|
-
root.innerHTML = newHtml;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
_insertHTML(
|
|
35
|
-
html: string,
|
|
36
|
-
position: 'before' | 'after',
|
|
37
|
-
el: Element
|
|
38
|
-
): HTMLMutator {
|
|
39
|
-
if (el.ownerDocument !== this._doc) {
|
|
40
|
-
throw new Error('element does not belong to the document');
|
|
41
|
-
}
|
|
42
|
-
// This does not insert the HTML into the document directly.
|
|
43
|
-
// Instead, this inserts a comment token that can be replaced by the HTML
|
|
44
|
-
// later.
|
|
45
|
-
const token = `\u200b_HTMLMutator_token_${uuid()}_\u200b`;
|
|
46
|
-
const node = this._doc.createComment(token);
|
|
47
|
-
const parentElement = el?.parentElement;
|
|
48
|
-
if (position === 'before') {
|
|
49
|
-
parentElement.insertBefore(node, el);
|
|
50
|
-
} else if (position === 'after') {
|
|
51
|
-
parentElement.insertBefore(node, el.nextSibling);
|
|
52
|
-
} else {
|
|
53
|
-
throw new Error(`Invalid position ${position}`);
|
|
54
|
-
}
|
|
55
|
-
this._htmls.set('<!--' + token + '-->', html);
|
|
56
|
-
return this;
|
|
57
|
-
}
|
|
58
|
-
}
|
|
1
|
+
// @flow
|
|
2
|
+
|
|
3
|
+
import uuid from './ui/uuid.js';
|
|
4
|
+
|
|
5
|
+
// Utility Class that allows developer to insert HTML snippets then updates
|
|
6
|
+
// document's innerHTML accordingly.
|
|
7
|
+
export default class HTMLMutator {
|
|
8
|
+
_doc: Document;
|
|
9
|
+
_htmls: Map<string, string>;
|
|
10
|
+
|
|
11
|
+
constructor(doc: Document) {
|
|
12
|
+
this._doc = doc;
|
|
13
|
+
this._htmls = new Map();
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
insertHTMLBefore(html: string, el: Element): HTMLMutator {
|
|
17
|
+
return this._insertHTML(html, 'before', el);
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
insertHTMLAfter(html: string, el: Element): HTMLMutator {
|
|
21
|
+
return this._insertHTML(html, 'after', el);
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
execute(): void {
|
|
25
|
+
const doc = this._doc;
|
|
26
|
+
const root = doc?.body || doc?.documentElement;
|
|
27
|
+
let newHtml = root.innerHTML;
|
|
28
|
+
this._htmls.forEach((html, token) => {
|
|
29
|
+
newHtml = newHtml.replace(token, html);
|
|
30
|
+
});
|
|
31
|
+
root.innerHTML = newHtml;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
_insertHTML(
|
|
35
|
+
html: string,
|
|
36
|
+
position: 'before' | 'after',
|
|
37
|
+
el: Element
|
|
38
|
+
): HTMLMutator {
|
|
39
|
+
if (el.ownerDocument !== this._doc) {
|
|
40
|
+
throw new Error('element does not belong to the document');
|
|
41
|
+
}
|
|
42
|
+
// This does not insert the HTML into the document directly.
|
|
43
|
+
// Instead, this inserts a comment token that can be replaced by the HTML
|
|
44
|
+
// later.
|
|
45
|
+
const token = `\u200b_HTMLMutator_token_${uuid()}_\u200b`;
|
|
46
|
+
const node = this._doc.createComment(token);
|
|
47
|
+
const parentElement = el?.parentElement;
|
|
48
|
+
if (position === 'before') {
|
|
49
|
+
parentElement.insertBefore(node, el);
|
|
50
|
+
} else if (position === 'after') {
|
|
51
|
+
parentElement.insertBefore(node, el.nextSibling);
|
|
52
|
+
} else {
|
|
53
|
+
throw new Error(`Invalid position ${position}`);
|
|
54
|
+
}
|
|
55
|
+
this._htmls.set('<!--' + token + '-->', html);
|
|
56
|
+
return this;
|
|
57
|
+
}
|
|
58
|
+
}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { Node } from 'prosemirror-model';
|
|
2
|
+
var HangingIndentMarkSpec = {
|
|
3
|
+
attrs: {
|
|
4
|
+
prefix: {
|
|
5
|
+
"default": null
|
|
6
|
+
},
|
|
7
|
+
overridden: {
|
|
8
|
+
"default": false
|
|
9
|
+
}
|
|
10
|
+
},
|
|
11
|
+
inline: true,
|
|
12
|
+
group: 'inline',
|
|
13
|
+
parseDOM: [{
|
|
14
|
+
tag: 'span[prefix]',
|
|
15
|
+
getAttrs: function getAttrs(domNode) {
|
|
16
|
+
var _prefix = domNode.getAttribute('prefix');
|
|
17
|
+
return {
|
|
18
|
+
prefix: _prefix || null,
|
|
19
|
+
overridden: true
|
|
20
|
+
};
|
|
21
|
+
}
|
|
22
|
+
}],
|
|
23
|
+
toDOM: function toDOM(node) {
|
|
24
|
+
var prefix = node.attrs.prefix;
|
|
25
|
+
var attrs = {
|
|
26
|
+
prefix: prefix,
|
|
27
|
+
overridden: true
|
|
28
|
+
};
|
|
29
|
+
return ['span', attrs, 0];
|
|
30
|
+
},
|
|
31
|
+
rank: 5000
|
|
32
|
+
};
|
|
33
|
+
export default HangingIndentMarkSpec;
|
|
34
|
+
import { bpfrpt_proptype_MarkSpec } from "./Types.js";
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
// @flow
|
|
2
|
+
|
|
3
|
+
import { Node } from 'prosemirror-model';
|
|
4
|
+
import type { MarkSpec } from './Types.js';
|
|
5
|
+
|
|
6
|
+
const HangingIndentMarkSpec: MarkSpec = {
|
|
7
|
+
attrs: {
|
|
8
|
+
prefix: { default: null },
|
|
9
|
+
overridden: { default: false },
|
|
10
|
+
},
|
|
11
|
+
inline: true,
|
|
12
|
+
group: 'inline',
|
|
13
|
+
parseDOM: [
|
|
14
|
+
{
|
|
15
|
+
tag: 'span[prefix]',
|
|
16
|
+
getAttrs: (domNode) => {
|
|
17
|
+
const _prefix = domNode.getAttribute('prefix');
|
|
18
|
+
return { prefix: _prefix || null, overridden: true };
|
|
19
|
+
},
|
|
20
|
+
},
|
|
21
|
+
],
|
|
22
|
+
toDOM(node: Node) {
|
|
23
|
+
const { prefix } = node.attrs;
|
|
24
|
+
const attrs = { prefix, overridden: true };
|
|
25
|
+
return ['span', attrs, 0];
|
|
26
|
+
},
|
|
27
|
+
rank: 5000
|
|
28
|
+
};
|
|
29
|
+
|
|
30
|
+
export default HangingIndentMarkSpec;
|