@modusoperandi/licit 0.1.4 → 0.1.8

package/dist/patchAnchorElements.js.flow

@@ -1,38 +1,38 @@
-// @flow
-
-import {
-  ATTRIBUTE_BOOKMARK_ID,
-  ATTRIBUTE_BOOKMARK_VISIBLE,
-} from './BookmarkNodeSpec';
-
-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);
-  }
-}
+// @flow
+
+import {
+  ATTRIBUTE_BOOKMARK_ID,
+  ATTRIBUTE_BOOKMARK_VISIBLE,
+} from './BookmarkNodeSpec';
+
+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/dist/patchBreakElements.js.flow

@@ -1,22 +1,22 @@
-// @flow
-
-export default function patchBreakElements(doc: Document): void {
-  // 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 />`.
-  const selector = 'div > span:only-child > br:only-child';
-  Array.from(doc.querySelectorAll(selector)).forEach(patchBreakElement);
-}
-
-function patchBreakElement(brElement: HTMLElement): void {
-  const { ownerDocument, parentElement } = brElement;
-  if (!ownerDocument || !parentElement) {
-    return;
-  }
-  const div = brElement.parentElement && brElement.parentElement.parentElement;
-  if (!div) {
-    return;
-  }
-  const pp = ownerDocument.createElement('p');
-  div.parentElement && div.parentElement.replaceChild(pp, div);
-}
+// @flow
+
+export default function patchBreakElements(doc: Document): void {
+  // 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 />`.
+  const selector = 'div > span:only-child > br:only-child';
+  Array.from(doc.querySelectorAll(selector)).forEach(patchBreakElement);
+}
+
+function patchBreakElement(brElement: HTMLElement): void {
+  const { ownerDocument, parentElement } = brElement;
+  if (!ownerDocument || !parentElement) {
+    return;
+  }
+  const div = brElement.parentElement && brElement.parentElement.parentElement;
+  if (!div) {
+    return;
+  }
+  const pp = ownerDocument.createElement('p');
+  div.parentElement && div.parentElement.replaceChild(pp, div);
+}

package/dist/patchElementInlineStyles.js.flow

@@ -1,92 +1,92 @@
-// @flow
-
-import hyphenize from './hyphenize';
-
-const BLOCK_TAG_SELECTOR = 'p,h1,h2,h3,h4,h5,h6,li'.replace(
-  /\w+/g,
-  (m) => `${m}[style]`
-);
-
-export default function patchElementInlineStyles(doc: Document): void {
-  // Ensure that inline-styles can be correctly translated as inline marks.
-  // Workaround to patch inline styles added to block tags.
-  const bEls = Array.from(doc.querySelectorAll(BLOCK_TAG_SELECTOR));
-  bEls.forEach(patchBlockElement);
-}
-
-const NODE_TYPE_TEXT = 3;
-const NODE_TYPE_ELEMENT = 1;
-const INLINE_STYLE_NAMES = [
-  'backgroundColor',
-  'color',
-  'fontFamily',
-  'fontSize',
-  'fontStyle',
-  'fontWeight',
-  'textDecoration',
-  'textIndent',
-];
-
-const INLINE_ELEMENT_NODE_NAMES = new Set([
-  'A',
-  'B',
-  'EM',
-  'I',
-  'SPAN',
-  'STRONG',
-  'U',
-]);
-
-function patchBlockElement(el: HTMLElement): void {
-  INLINE_STYLE_NAMES.forEach((name) => 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: HTMLElement,
-  inlineStyleName: string
-): void {
-  const element: any = el;
-  const elementStyle = element.style;
-  const 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.
-    const marginLeft = elementStyle.marginLeft || '';
-    if (value === '-' + marginLeft || marginLeft === '-' + value) {
-      elementStyle.marginLeft = '';
-      elementStyle.textIndent = '';
-    }
-  }
-
-  if (!value) {
-    return;
-  }
-
-  // Remove the style.
-  elementStyle[inlineStyleName] = '';
-
-  const childNodes = Array.from(element.childNodes);
-  childNodes.forEach((node) => {
-    const { nodeType, style, nodeName, ownerDocument, parentElement } = node;
-
-    if (nodeType === NODE_TYPE_ELEMENT) {
-      if (INLINE_ELEMENT_NODE_NAMES.has(nodeName)) {
-        const cssText =
-          `${hyphenize(inlineStyleName)}: ${value};` + style.cssText;
-        style.cssText = cssText;
-      }
-    } else if (nodeType === NODE_TYPE_TEXT) {
-      if (ownerDocument && parentElement) {
-        const span: any = ownerDocument.createElement('span');
-        span.style[inlineStyleName] = value;
-        parentElement.insertBefore(span, node);
-        span.appendChild(node);
-      }
-    }
-  });
-}
+// @flow
+
+import hyphenize from './hyphenize';
+
+const BLOCK_TAG_SELECTOR = 'p,h1,h2,h3,h4,h5,h6,li'.replace(
+  /\w+/g,
+  (m) => `${m}[style]`
+);
+
+export default function patchElementInlineStyles(doc: Document): void {
+  // Ensure that inline-styles can be correctly translated as inline marks.
+  // Workaround to patch inline styles added to block tags.
+  const bEls = Array.from(doc.querySelectorAll(BLOCK_TAG_SELECTOR));
+  bEls.forEach(patchBlockElement);
+}
+
+const NODE_TYPE_TEXT = 3;
+const NODE_TYPE_ELEMENT = 1;
+const INLINE_STYLE_NAMES = [
+  'backgroundColor',
+  'color',
+  'fontFamily',
+  'fontSize',
+  'fontStyle',
+  'fontWeight',
+  'textDecoration',
+  'textIndent',
+];
+
+const INLINE_ELEMENT_NODE_NAMES = new Set([
+  'A',
+  'B',
+  'EM',
+  'I',
+  'SPAN',
+  'STRONG',
+  'U',
+]);
+
+function patchBlockElement(el: HTMLElement): void {
+  INLINE_STYLE_NAMES.forEach((name) => 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: HTMLElement,
+  inlineStyleName: string
+): void {
+  const element: any = el;
+  const elementStyle = element.style;
+  const 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.
+    const marginLeft = elementStyle.marginLeft || '';
+    if (value === '-' + marginLeft || marginLeft === '-' + value) {
+      elementStyle.marginLeft = '';
+      elementStyle.textIndent = '';
+    }
+  }
+
+  if (!value) {
+    return;
+  }
+
+  // Remove the style.
+  elementStyle[inlineStyleName] = '';
+
+  const childNodes = Array.from(element.childNodes);
+  childNodes.forEach((node) => {
+    const { nodeType, style, nodeName, ownerDocument, parentElement } = node;
+
+    if (nodeType === NODE_TYPE_ELEMENT) {
+      if (INLINE_ELEMENT_NODE_NAMES.has(nodeName)) {
+        const cssText =
+          `${hyphenize(inlineStyleName)}: ${value};` + style.cssText;
+        style.cssText = cssText;
+      }
+    } else if (nodeType === NODE_TYPE_TEXT) {
+      if (ownerDocument && parentElement) {
+        const span: any = ownerDocument.createElement('span');
+        span.style[inlineStyleName] = value;
+        parentElement.insertBefore(span, node);
+        span.appendChild(node);
+      }
+    }
+  });
+}