@modusoperandi/licit 0.14.18 → 1.0.0

package/isEditorStateEmpty.js

@@ -0,0 +1,28 @@
+import { EditorState } from 'prosemirror-state';
+var ZERO_WIDTH_SPACE_CHAR = "\u200B";
+export default function isEditorStateEmpty(editorState) {
+  var doc = editorState.doc;
+  var nodeSize = doc.nodeSize;
+  if (nodeSize < 2) {
+    var text = doc.textContent;
+    return !text || text === ' ';
+  } else if (nodeSize < 10) {
+    var isEmpty = true;
+    doc.nodesBetween(0, doc.nodeSize - 2, function (node, ii) {
+      if (isEmpty) {
+        var nodeType = node.type;
+        if (nodeType.isText) {
+          var _text = doc.textContent;
+          isEmpty = !_text || _text === ' ' || _text === ZERO_WIDTH_SPACE_CHAR;
+        } else if (nodeType.isAtom) {
+          // e.g. Image, Video...etc.
+          isEmpty = false;
+        }
+      }
+      return isEmpty;
+    });
+    return isEmpty;
+  } else {
+    return false;
+  }
+}

package/isTableNode.js

@@ -0,0 +1,6 @@
+import { Node } from 'prosemirror-model';
+import { TABLE, TABLE_CELL, TABLE_HEADER, TABLE_ROW } from './NodeNames';
+export default function isTableNode(node) {
+  var name = node instanceof Node ? node.type.name : null;
+  return name === TABLE || name === TABLE_ROW || name === TABLE_HEADER || name === TABLE_CELL;
+}

package/joinDown.js

@@ -0,0 +1,25 @@
+// https://github.com/ProseMirror/prosemirror-commands/blob/master/src/commands.js
+import { NodeSelection } from 'prosemirror-state';
+import { Transform } from 'prosemirror-transform';
+import { canJoin } from 'prosemirror-transform';
+import { joinPoint } from 'prosemirror-transform';
+
+// Join the selected block, or the closest ancestor of the selection
+// that can be joined, with the sibling after it.
+export default function joinDown(tr) {
+  var sel = tr.selection;
+  var point;
+  if (sel instanceof NodeSelection) {
+    if (sel.node.isTextblock || !canJoin(tr.doc, sel.to)) {
+      return tr;
+    }
+    point = sel.to;
+  } else {
+    point = joinPoint(tr.doc, sel.to, 1);
+    if (point === null || point === undefined) {
+      return tr;
+    }
+  }
+  tr = tr.join(point);
+  return tr;
+}

package/joinListNode.js

@@ -0,0 +1,31 @@
+import { Schema } from 'prosemirror-model';
+import { TextSelection } from 'prosemirror-state';
+import { Transform } from 'prosemirror-transform';
+import { isListNode } from '@modusoperandi/licit-ui-commands';
+import joinDown from './joinDown';
+import joinUp from './joinUp';
+export default function joinListNode(tr, schema, listNodePos) {
+  if (!tr.doc || !tr.selection) {
+    return tr;
+  }
+  var node = tr.doc.nodeAt(listNodePos);
+  if (!isListNode(node)) {
+    return tr;
+  }
+  var initialSelection = tr.selection;
+  var listFromPos = listNodePos;
+  var listToPos = listFromPos + node.nodeSize;
+  var $fromPos = tr.doc.resolve(listFromPos);
+  var $toPos = tr.doc.resolve(listToPos);
+  var selectionOffset = 0;
+  if ($toPos.nodeAfter && $toPos.nodeAfter.type === node.type && $toPos.nodeAfter.attrs.level === node.attrs.level) {
+    tr = joinDown(tr);
+  }
+  if ($fromPos.nodeBefore && $fromPos.nodeBefore.type === node.type && $fromPos.nodeBefore.attrs.level === node.attrs.level) {
+    selectionOffset -= 2;
+    tr = joinUp(tr);
+  }
+  var selection = TextSelection.create(tr.doc, initialSelection.from + selectionOffset, initialSelection.to + selectionOffset);
+  tr = tr.setSelection(selection);
+  return tr;
+}

package/joinUp.js

@@ -0,0 +1,30 @@
+// https://github.com/ProseMirror/prosemirror-commands/blob/master/src/commands.js
+import { NodeSelection } from 'prosemirror-state';
+import { Transform } from 'prosemirror-transform';
+import { canJoin } from 'prosemirror-transform';
+import { joinPoint } from 'prosemirror-transform';
+
+// Join the selected block or, if there is a text selection, the
+// closest ancestor block of the selection that can be joined, with
+// the sibling above it.
+export default function joinUp(tr) {
+  var sel = tr.selection;
+  var nodeSel = sel instanceof NodeSelection;
+  var point;
+  if (nodeSel) {
+    if (sel.node.isTextblock || !canJoin(tr.doc, sel.from)) {
+      return tr;
+    }
+    point = sel.from;
+  } else {
+    point = joinPoint(tr.doc, sel.from, -1);
+    if (point === null || point === undefined) {
+      return tr;
+    }
+  }
+  tr = tr.join(point);
+  if (nodeSel) {
+    tr = tr.setSelection(NodeSelection.create(tr.doc, point - tr.doc.resolve(point).nodeBefore.nodeSize));
+  }
+  return tr;
+}

package/keymaps.js

@@ -0,0 +1,67 @@
+import Keymap from 'browserkeymap';
+import browser from './browser';
+import { makeKeyMap, makeKeyMapWithCommon } from '@modusoperandi/licit-doc-attrs-step';
+
+// https://tinyurl.com/ybwf3wex
+
+export function tooltip(keymap) {
+  if (keymap) {
+    var shortcut;
+    if (browser.isMac()) {
+      shortcut = keymap.mac.replace(/Cmd/i, '⌘').replace(/Shift/i, '⇧').replace(/Ctrl/i, '^').replace(/Alt/i, '⌥');
+    } else {
+      shortcut = keymap.windows;
+    }
+    return "".concat(keymap.description, " (").concat(shortcut, ")");
+  }
+  return null;
+}
+export var KEY_BACK_DELETE = makeKeyMapWithCommon('', 'Backspace');
+export var KEY_FORWARD_DELETE = makeKeyMapWithCommon('', 'Delete');
+export var KEY_INSERT_HORIZONTAL_RULE = makeKeyMapWithCommon('Insert horizontal rule', 'Mod-Shift--');
+export var KEY_INSERT_NEW_LINE = makeKeyMapWithCommon('Insert new line', 'Shift-Enter');
+export var KEY_INSERT_NEW_LINE_IN_BLOCKQUOTE = makeKeyMapWithCommon('Insert new line in blockquote', 'Shift-Enter');
+export var KEY_INSERT_NEW_LINE_IN_LIST_ITEM = makeKeyMapWithCommon('Insert new line in list item', 'Shift-Enter');
+export var KEY_REDO = makeKeyMapWithCommon('Redo', 'Mod-Shift-z');
+export var KEY_SET_NORMAL_TEXT = makeKeyMap('Normal text', 'Ctrl-0', 'Cmd-Alt-0');
+export var KEY_SHIFT_BACKSPACE = makeKeyMapWithCommon('Shift Backspace', 'Shift-Backspace');
+export var KEY_SPLIT_CODEBLOCK = makeKeyMapWithCommon('Split code block', 'Enter');
+export var KEY_SPLIT_LIST_ITEM = makeKeyMapWithCommon('Split list item', 'Enter');
+export var KEY_TAB = makeKeyMapWithCommon('', 'Tab');
+export var KEY_TAB_SHIFT = makeKeyMapWithCommon('', 'Shift-Tab');
+export var KEY_TOGGLE_BLOCK_QUOTE = makeKeyMap('Block quote', 'Ctrl-7', 'Cmd-Alt-7');
+export var KEY_TOGGLE_BOLD = makeKeyMapWithCommon('Toggle bold', 'Mod-b');
+export var KEY_TOGGLE_BULLET_LIST = makeKeyMapWithCommon('Toggle bullet list', 'Mod-Shift-b');
+export var KEY_TOGGLE_CODE_BLOCK = makeKeyMap('Code block', 'Ctrl-8', 'Cmd-Alt-8');
+export var KEY_TOGGLE_HEADING_1 = makeKeyMap('Heading 1', 'Ctrl-1', 'Cmd-Alt-1');
+export var KEY_TOGGLE_HEADING_2 = makeKeyMap('Heading 2', 'Ctrl-2', 'Cmd-Alt-2');
+export var KEY_TOGGLE_HEADING_3 = makeKeyMap('Heading 3', 'Ctrl-3', 'Cmd-Alt-3');
+export var KEY_TOGGLE_HEADING_4 = makeKeyMap('Heading 4', 'Ctrl-4', 'Cmd-Alt-4');
+export var KEY_TOGGLE_HEADING_5 = makeKeyMap('Heading 5', 'Ctrl-5', 'Cmd-Alt-5');
+export var KEY_TOGGLE_HEADING_6 = makeKeyMap('Heading 5', 'Ctrl-6', 'Cmd-Alt-6');
+export var KEY_TOGGLE_ITALIC = makeKeyMapWithCommon('Toggle italic', 'Mod-i');
+export var KEY_TOGGLE_MONOSPACE = makeKeyMapWithCommon('Toggle monospace', 'Mod-Shift-m');
+export var KEY_TOGGLE_ORDERED_LIST = makeKeyMapWithCommon('Toggle ordered list', 'Mod-Shift-l');
+export var KEY_TOGGLE_STRIKETHROUGH = makeKeyMapWithCommon('Toggle strikethrough', 'Mod-Shift-s');
+export var KEY_TOGGLE_UNDERLINE = makeKeyMapWithCommon('Toggle underline', 'Mod-u');
+export var KEY_UNDO = makeKeyMapWithCommon('Undo', 'Mod-z');
+export var ALL_KEYS = [KEY_BACK_DELETE, KEY_FORWARD_DELETE, KEY_INSERT_HORIZONTAL_RULE, KEY_INSERT_NEW_LINE, KEY_INSERT_NEW_LINE_IN_BLOCKQUOTE, KEY_INSERT_NEW_LINE_IN_LIST_ITEM, KEY_SET_NORMAL_TEXT, KEY_SHIFT_BACKSPACE, KEY_SPLIT_LIST_ITEM, KEY_TAB_SHIFT, KEY_TAB, KEY_TOGGLE_BLOCK_QUOTE, KEY_TOGGLE_BOLD, KEY_TOGGLE_BULLET_LIST, KEY_TOGGLE_BULLET_LIST, KEY_TOGGLE_CODE_BLOCK, KEY_TOGGLE_HEADING_1, KEY_TOGGLE_HEADING_2, KEY_TOGGLE_HEADING_3, KEY_TOGGLE_HEADING_4, KEY_TOGGLE_HEADING_5, KEY_TOGGLE_HEADING_6, KEY_TOGGLE_ITALIC, KEY_TOGGLE_MONOSPACE, KEY_TOGGLE_ORDERED_LIST, KEY_TOGGLE_STRIKETHROUGH, KEY_TOGGLE_UNDERLINE, KEY_UNDO];
+export function findKeymapByDescription(description) {
+  var matches = ALL_KEYS.filter(function (keymap) {
+    return keymap.description.toUpperCase() === description.toUpperCase();
+  });
+  return matches[0];
+}
+export function findShortcutByDescription(description) {
+  var keymap = findKeymapByDescription(description);
+  if (keymap) {
+    return findShortcutByKeymap(keymap);
+  }
+  return null;
+}
+export function findShortcutByKeymap(keymap) {
+  if (browser.isMac()) {
+    return keymap.mac;
+  }
+  return keymap.windows;
+}

package/lookUpElement.js

@@ -0,0 +1,9 @@
+export default function lookUpElement(el, predict) {
+  while (el && el.nodeName) {
+    if (predict(el)) {
+      return el;
+    }
+    el = el.parentElement;
+  }
+  return null;
+}

package/nodeAt.js

@@ -0,0 +1,9 @@
+import { Node } from 'prosemirror-model';
+export default function nodeAt(doc, pos) {
+  if (pos < 0 || pos > doc.content.size) {
+    // Exit here or error will be thrown:
+    // e.g. RangeError: Position outside of fragment.
+    return null;
+  }
+  return doc.nodeAt(pos);
+}

package/normalizeHTML.js

@@ -0,0 +1,63 @@
+import { DOM_ATTRIBUTE_SIZE, HAIR_SPACE_CHAR, SPACER_SIZE_TAB } from './SpacerMarkSpec.js';
+import patchAnchorElements from './patchAnchorElements.js';
+import patchBreakElements from './patchBreakElements.js';
+import patchElementInlineStyles from './patchElementInlineStyles.js';
+import patchListElements from './patchListElements.js';
+import patchMathElements from './patchMathElements.js';
+import patchParagraphElements from './patchParagraphElements.js';
+import patchStyleElements from './patchStyleElements.js';
+import patchTableElements from './patchTableElements.js';
+import toSafeHTMLDocument from './toSafeHTMLDocument.js';
+var HTML_BODY_PATTERN = /<body[\s>]/i;
+var LONG_UNDERLINE_PATTERN = /_+/g;
+
+// This is a workround to convert "&nbsp;&nbsp;......&nbsp;" into wider tab
+// tab spacers. For every 6 "&nbsp;", they will be converted into tab spacers.
+var LONG_TAB_SPACE_PATTERN = /(\&nbsp;){6}/g;
+var TAB_SPACER_HTML = new Array(6).join("<span ".concat(DOM_ATTRIBUTE_SIZE, "=\"").concat(SPACER_SIZE_TAB, "\">").concat(HAIR_SPACE_CHAR, "</span>"));
+function replaceNOBR(matched) {
+  // This is a workround to convert "_______" into none-wrapped text
+  // that apppears like a horizontal line.
+  if (matched && matched.length >= 20) {
+    // needs extra space after it so user can escape the <nobr />.
+    matched = "<nobr>".concat(String(matched), "</nobr> ");
+  }
+  return matched;
+}
+export default function normalizeHTML(html) {
+  var body = null;
+  var sourceIsPage = HTML_BODY_PATTERN.test(html);
+  html = html.replace(LONG_UNDERLINE_PATTERN, replaceNOBR);
+
+  // Convert every two consecutive "&nbsp;" into a spacer tab.
+  html = html.replace(LONG_TAB_SPACE_PATTERN, TAB_SPACER_HTML);
+  var doc = toSafeHTMLDocument(html);
+  if (doc) {
+    // styles.
+    patchStyleElements(doc);
+    patchElementInlineStyles(doc);
+    // contents.
+    patchAnchorElements(doc);
+    patchBreakElements(doc);
+    patchListElements(doc);
+    patchParagraphElements(doc);
+    patchTableElements(doc);
+    patchMathElements(doc);
+    body = doc.getElementsByTagName('body')[0];
+    if (body && sourceIsPage) {
+      // Source HTML contains <body />, assumes this to be a complete
+      // page HTML. Assume this <body /> may contain the style that indicates
+      // page's layout.
+      var frag = doc.createElement('html');
+      frag.appendChild(body);
+      return frag.innerHTML;
+    }
+  }
+  if (!body) {
+    // <body /> should alway be generated by doc.
+    return 'Unsupported HTML content';
+  }
+
+  // HTML snippet only.
+  return '<body>' + body.innerHTML + '</body>';
+}

package/normalizeHTML.js.flow

@@ -0,0 +1,78 @@
+// @flow
+
+import {
+  DOM_ATTRIBUTE_SIZE,
+  HAIR_SPACE_CHAR,
+  SPACER_SIZE_TAB,
+} from './SpacerMarkSpec.js';
+import patchAnchorElements from './patchAnchorElements.js';
+import patchBreakElements from './patchBreakElements.js';
+import patchElementInlineStyles from './patchElementInlineStyles.js';
+import patchListElements from './patchListElements.js';
+import patchMathElements from './patchMathElements.js';
+import patchParagraphElements from './patchParagraphElements.js';
+import patchStyleElements from './patchStyleElements.js';
+import patchTableElements from './patchTableElements.js';
+import toSafeHTMLDocument from './toSafeHTMLDocument.js';
+
+const HTML_BODY_PATTERN = /<body[\s>]/i;
+const LONG_UNDERLINE_PATTERN = /_+/g;
+
+// This is a workround to convert "&nbsp;&nbsp;......&nbsp;" into wider tab
+// tab spacers. For every 6 "&nbsp;", they will be converted into tab spacers.
+const LONG_TAB_SPACE_PATTERN = /(\&nbsp;){6}/g;
+
+const TAB_SPACER_HTML = new Array(6).join(
+  `<span ${DOM_ATTRIBUTE_SIZE}="${SPACER_SIZE_TAB}">${HAIR_SPACE_CHAR}</span>`
+);
+
+function replaceNOBR(matched: string): string {
+  // This is a workround to convert "_______" into none-wrapped text
+  // that apppears like a horizontal line.
+  if (matched && matched.length >= 20) {
+    // needs extra space after it so user can escape the <nobr />.
+    matched = `<nobr>${String(matched)}</nobr> `;
+  }
+  return matched;
+}
+
+export default function normalizeHTML(html: string): string {
+  let body: ?HTMLElement = null;
+
+  const sourceIsPage = HTML_BODY_PATTERN.test(html);
+  html = html.replace(LONG_UNDERLINE_PATTERN, replaceNOBR);
+
+  // Convert every two consecutive "&nbsp;" into a spacer tab.
+  html = html.replace(LONG_TAB_SPACE_PATTERN, TAB_SPACER_HTML);
+  const doc = toSafeHTMLDocument(html);
+  if (doc) {
+    // styles.
+    patchStyleElements(doc);
+    patchElementInlineStyles(doc);
+    // contents.
+    patchAnchorElements(doc);
+    patchBreakElements(doc);
+    patchListElements(doc);
+    patchParagraphElements(doc);
+    patchTableElements(doc);
+    patchMathElements(doc);
+    body = doc.getElementsByTagName('body')[0];
+
+    if (body && sourceIsPage) {
+      // Source HTML contains <body />, assumes this to be a complete
+      // page HTML. Assume this <body /> may contain the style that indicates
+      // page's layout.
+      const frag = doc.createElement('html');
+      frag.appendChild(body);
+      return frag.innerHTML;
+    }
+  }
+
+  if (!body) {
+    // <body /> should alway be generated by doc.
+    return 'Unsupported HTML content';
+  }
+
+  // HTML snippet only.
+  return '<body>' + body.innerHTML + '</body>';
+}

package/package.json

@@ -1,10 +1,12 @@
 {
   "name": "@modusoperandi/licit",
-  "version": "0.14.18",
+  "version": "1.0.0",
+  "type": "module",
   "subversion": "1",
   "description": "Rich text editor built with React and ProseMirror",
-  "main": "dist/index.js",
-  "style": "dist/styles.css",
+  "main": "index.js",
+  "style": "styles.css",
+  "types": "index.d.ts",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/MO-Movia/licit.git"
@@ -19,16 +21,15 @@
     "build:fonts": "mkdirp ./dist/fonts && cp -r fonts/* dist/fonts",
     "build:babel": "babel src --out-dir dist",
     "build:flow": "flow-copy-source -v -i '**/__tests__/**' src dist",
-    "build:dist": "npm run build:clean && npm run build:babel && npm run build:flow && npm run build:css && npm run build:fonts && npm run build:bom",
+    "build:dist": "npm run build:clean && npm run build:babel && npm run build:flow && npm run build:css && npm run build:fonts && npm run build:bom && cp src/*.d.ts dist/",
     "build:licit": "node utils/build_bin.js",
     "ci:bom": "cyclonedx-npm --ignore-npm-errors --short-PURLs --output-format XML --output-file dist/bom.xml",
-    "ci:build": "npm run build:clean && npm run build:babel && npm run build:flow && npm run build:css && npm run build:fonts && npm run build:bom",
+    "ci:build": "npm run build:clean && npm run build:babel && npm run build:flow && npm run build:css && npm run build:fonts && npm run build:bom && copyfiles --up 1 \"src/**/*.d.ts\" dist/ && copyfiles --up 1 \"src/**/*.css\" dist && copyfiles package.json dist",
     "flow": "flow --show-all-errors",
     "lint:css": "stylelint \"**/*.css\"",
     "lint:js": "eslint \"src/**/*.js\" \"licit/**/*.js\"",
     "lint": "npm run lint:css & npm run lint:js",
     "start": "node scripts/webserver.js",
-    "prepare": "npm run build:dist",
     "prebuild:style-service-docker": "node utils/build_customstyle_server.js",
     "build:style-service-docker": "docker build . -f style-service.Dockerfile -t style-service:latest"
   },
@@ -56,24 +57,25 @@
     "@babel/preset-react": "^7.18.6",
     "@cyclonedx/cyclonedx-npm": "^1.11.0",
     "babel-jest": "^29.2.0",
-    "babel-loader": "8.2.5",
-    "babel-plugin-flow-react-proptypes": "26.0.0",
-    "babel-plugin-transform-react-remove-prop-types": "0.4.24",
-    "clean-webpack-plugin": "4.0.0",
+    "babel-loader": "^8.2.5",
+    "babel-plugin-flow-react-proptypes": "^26.0.0",
+    "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
+    "clean-webpack-plugin": "^4.0.0",
     "copy-webpack-plugin": "^11.0.0",
-    "css-loader": "6.7.3",
+    "css-loader": "^6.9.1",
+    "copyfiles": "^2.4.1",
     "enzyme": "^3.11.0",
     "eslint": "^8.25.0",
-    "eslint-config-prettier": "^8.5.0",
+    "eslint-config-prettier": "^9.0.0",
     "eslint-plugin-jest": "^27.1.2",
     "eslint-plugin-prettier": "^4.2.1",
-    "eslint-plugin-react": "7.33.2",
+    "eslint-plugin-react": "^7.33.2",
     "exports-loader": "^1.1.0",
     "file-loader": "^6.2.0",
-    "flow-bin": "0.128.0",
-    "flow-copy-source": "2.0.9",
-    "flow-webpack-plugin": "1.2.0",
-    "html-loader": "1.1.0",
+    "flow-bin": "^0.228.0",
+    "flow-copy-source": "^2.0.9",
+    "flow-webpack-plugin": "^1.2.0",
+    "html-loader": "^1.1.0",
     "html-webpack-inline-source-plugin": "1.0.0-beta.2",
     "html-webpack-plugin": "^5.5.0",
     "husky": "^8.0.1",
@@ -83,39 +85,46 @@
     "jest-prosemirror": "^1.0.3",
     "jest-sonar-reporter": "^2.0.0",
     "lint-staged": "^13.0.3",
-    "mkdirp": "^1.0.4",
+    "mkdirp": "^3.0.1",
     "prettier": "^2.1.2",
     "stylelint": "^15.6.0",
     "stylelint-config-standard": "^33.0.0",
-    "stylelint-prettier": "^2.0.0",
+    "stylelint-prettier": "^3.0.0",
     "terser-webpack-plugin": "^3.1.0",
     "webpack": "^5.74.0",
-    "webpack-cli": "^4.10.0",
+    "webpack-cli": "^5.1.4",
     "webpack-dev-server": "^4.11.1",
-    "write-file-webpack-plugin": "4.5.1"
+    "write-file-webpack-plugin": "^4.5.1"
   },
   "dependencies": {
-    "@modusoperandi/licit-ui-commands": "^0.1.17",
-    "@wojtekmaj/enzyme-adapter-react-17": "^0.6.7",
+    "@cfaester/enzyme-adapter-react-18": "^0.7.1",
     "body-parser": "^1.19.0",
     "cors": "^2.8.5",
     "express": "^4.17.1",
     "flatted": "^3.1.0",
     "flow-typed": "^3.3.1",
     "formidable": "^1.2.2",
-    "invariant": "2.2.4",
+    "invariant": "^2.2.4",
     "jquery": "^3.5.1",
-    "katex": "0.11.1",
+    "katex": "^0.11.1",
     "mv": "^2.1.1",
-    "node-mathquill": "0.10.2",
-    "prosemirror-collab": "1.2.2",
-    "prosemirror-dev-tools": "3.0.2",
-    "prosemirror-tables": "1.2.5",
-    "query-string": "6.13.1",
-    "resize-observer-polyfill": "1.5.1",
-    "smooth-scroll-into-view-if-needed": "1.1.28",
+    "node-mathquill": "^0.10.2",
+    "prosemirror-collab": "^1.3.1",
+    "prosemirror-tables": "^1.2.5",
+    "query-string": "^6.13.1",
+    "resize-observer-polyfill": "^1.5.1",
+    "smooth-scroll-into-view-if-needed": "^1.1.28",
+    "style-loader": "^3.3.3",
     "url": "^0.11.0"
   },
+  "peerDependencies": {
+    "@modusoperandi/licit-ui-commands": "^1.0.0",
+    "prosemirror-collab": "^1.2.2",
+    "prosemirror-tables": "^1.2.5"
+  },
+  "overrides": {
+    "semver": "^7.5.2"
+  },
   "importSort": {
     ".js": {
       "parser": "babylon",
@@ -138,4 +147,4 @@
       "prettier --write"
     ]
   }
-}
+}

package/patchAnchorElements.js

@@ -0,0 +1,29 @@
+import { ATTRIBUTE_BOOKMARK_ID, ATTRIBUTE_BOOKMARK_VISIBLE } from './BookmarkNodeSpec.js';
+var BLOCK_NODE_NAME_PATTERN = /(P|H1|H2|H3|H4|H5|H6)/;
+export default function patchAnchorElements(doc) {
+  Array.from(doc.querySelectorAll('a[id]')).forEach(patchAnchorElement);
+}
+function patchAnchorElement(node) {
+  var id = node.id;
+  if (id && node.childElementCount === 0) {
+    // This looks like a bookmark generated from Google Doc, will render
+    // this as BookmarkNode.
+    node.setAttribute(ATTRIBUTE_BOOKMARK_ID, id);
+
+    // Google Doc always inject anchor links before <table />.
+    //   <a id="t.3060ecccc199a88a1e4cc1252769f957b88f2207"></a>
+    //   <a id="t.0"></a>
+    //   <table class="c23">
+    // and these anchor link should not be visible.
+    var visible = node.id.indexOf('t.') !== 0;
+    visible && node.setAttribute(ATTRIBUTE_BOOKMARK_VISIBLE, 'true');
+  }
+  var nextNode = node.nextElementSibling;
+  if (!nextNode) {
+    return;
+  }
+  // If this is next to a block element, make that block element the bookmark.
+  if (BLOCK_NODE_NAME_PATTERN.test(nextNode.nodeName)) {
+    nextNode.insertBefore(node, nextNode.firstChild);
+  }
+}

package/patchAnchorElements.js.flow

@@ -0,0 +1,38 @@
+// @flow
+
+import {
+  ATTRIBUTE_BOOKMARK_ID,
+  ATTRIBUTE_BOOKMARK_VISIBLE,
+} from './BookmarkNodeSpec.js';
+
+const BLOCK_NODE_NAME_PATTERN = /(P|H1|H2|H3|H4|H5|H6)/;
+
+export default function patchAnchorElements(doc: Document): void {
+  Array.from(doc.querySelectorAll('a[id]')).forEach(patchAnchorElement);
+}
+
+function patchAnchorElement(node: HTMLElement): void {
+  const { id } = node;
+  if (id && node.childElementCount === 0) {
+    // This looks like a bookmark generated from Google Doc, will render
+    // this as BookmarkNode.
+    node.setAttribute(ATTRIBUTE_BOOKMARK_ID, id);
+
+    // Google Doc always inject anchor links before <table />.
+    //   <a id="t.3060ecccc199a88a1e4cc1252769f957b88f2207"></a>
+    //   <a id="t.0"></a>
+    //   <table class="c23">
+    // and these anchor link should not be visible.
+    const visible = node.id.indexOf('t.') !== 0;
+
+    visible && node.setAttribute(ATTRIBUTE_BOOKMARK_VISIBLE, 'true');
+  }
+  const nextNode = node.nextElementSibling;
+  if (!nextNode) {
+    return;
+  }
+  // If this is next to a block element, make that block element the bookmark.
+  if (BLOCK_NODE_NAME_PATTERN.test(nextNode.nodeName)) {
+    nextNode.insertBefore(node, nextNode.firstChild);
+  }
+}

package/patchBreakElements.js

@@ -0,0 +1,20 @@
+export default function patchBreakElements(doc) {
+  // This is a workaround to handle HTML converted from DraftJS that
+  // `<div><span><br /></span><div>` becomes `<p><br /><br /></p>`.
+  // Block with single `<br />` inside should be collapsed into `<p />`.
+  var selector = 'div > span:only-child > br:only-child';
+  Array.from(doc.querySelectorAll(selector)).forEach(patchBreakElement);
+}
+function patchBreakElement(brElement) {
+  var ownerDocument = brElement.ownerDocument,
+    parentElement = brElement.parentElement;
+  if (!ownerDocument || !parentElement) {
+    return;
+  }
+  var div = brElement.parentElement && brElement.parentElement.parentElement;
+  if (!div) {
+    return;
+  }
+  var pp = ownerDocument.createElement('p');
+  div.parentElement && div.parentElement.replaceChild(pp, div);
+}

package/patchElementInlineStyles.js

@@ -0,0 +1,65 @@
+import hyphenize from './hyphenize.js';
+var BLOCK_TAG_SELECTOR = 'p,h1,h2,h3,h4,h5,h6,li'.replace(/\w+/g, function (m) {
+  return "".concat(m, "[style]");
+});
+export default function patchElementInlineStyles(doc) {
+  // Ensure that inline-styles can be correctly translated as inline marks.
+  // Workaround to patch inline styles added to block tags.
+  var bEls = Array.from(doc.querySelectorAll(BLOCK_TAG_SELECTOR));
+  bEls.forEach(patchBlockElement);
+}
+var NODE_TYPE_TEXT = 3;
+var NODE_TYPE_ELEMENT = 1;
+var INLINE_STYLE_NAMES = ['backgroundColor', 'color', 'fontFamily', 'fontSize', 'fontStyle', 'fontWeight', 'textDecoration', 'textIndent'];
+var INLINE_ELEMENT_NODE_NAMES = new Set(['A', 'B', 'EM', 'I', 'SPAN', 'STRONG', 'U']);
+function patchBlockElement(el) {
+  INLINE_STYLE_NAMES.forEach(function (name) {
+    return patchBlockElementStyle(el, name);
+  });
+}
+
+// Move the specified inline style of the element to its child nodes. This
+// assumes that its child nodes are inline elements.
+function patchBlockElementStyle(el, inlineStyleName) {
+  var element = el;
+  var elementStyle = element.style;
+  var value = elementStyle && elementStyle[inlineStyleName];
+  if (inlineStyleName === 'textIndent' && value) {
+    // This is the workaround to fix the issue that people with mix both
+    // text-indent and margin-left together.
+    // For instance, `margin-left: -100px` and `text-indent: 100px` shall
+    // offset each other.
+    var marginLeft = elementStyle.marginLeft || '';
+    if (value === '-' + marginLeft || marginLeft === '-' + value) {
+      elementStyle.marginLeft = '';
+      elementStyle.textIndent = '';
+    }
+  }
+  if (!value) {
+    return;
+  }
+
+  // Remove the style.
+  elementStyle[inlineStyleName] = '';
+  var childNodes = Array.from(element.childNodes);
+  childNodes.forEach(function (node) {
+    var nodeType = node.nodeType,
+      style = node.style,
+      nodeName = node.nodeName,
+      ownerDocument = node.ownerDocument,
+      parentElement = node.parentElement;
+    if (nodeType === NODE_TYPE_ELEMENT) {
+      if (INLINE_ELEMENT_NODE_NAMES.has(nodeName)) {
+        var cssText = "".concat(hyphenize(inlineStyleName), ": ").concat(value, ";") + style.cssText;
+        style.cssText = cssText;
+      }
+    } else if (nodeType === NODE_TYPE_TEXT) {
+      if (ownerDocument && parentElement) {
+        var span = ownerDocument.createElement('span');
+        span.style[inlineStyleName] = value;
+        parentElement.insertBefore(span, node);
+        span.appendChild(node);
+      }
+    }
+  });
+}