@modusoperandi/licit 0.13.25 → 0.14.0

package/dist/patchElementInlineStyles.js

@@ -4,54 +4,45 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = patchElementInlineStyles;
-
 var _hyphenize = _interopRequireDefault(require("./hyphenize"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const BLOCK_TAG_SELECTOR = 'p,h1,h2,h3,h4,h5,h6,li'.replace(/\w+/g, m => `${m}[style]`);
-
 function patchElementInlineStyles(doc) {
   // 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) {
   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.
-
+}
 
+// 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) {
   const element = 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.
-
+  }
 
+  // Remove the style.
   elementStyle[inlineStyleName] = '';
   const childNodes = Array.from(element.childNodes);
   childNodes.forEach(node => {
@@ -62,7 +53,6 @@ function patchBlockElementStyle(el, inlineStyleName) {
       ownerDocument,
       parentElement
     } = node;
-
     if (nodeType === NODE_TYPE_ELEMENT) {
       if (INLINE_ELEMENT_NODE_NAMES.has(nodeName)) {
         const cssText = `${(0, _hyphenize.default)(inlineStyleName)}: ${value};` + style.cssText;

package/dist/patchListElements.js

@@ -4,23 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = patchListElements;
-
 var _HTMLMutator = _interopRequireDefault(require("./HTMLMutator"));
-
 var _nullthrows = _interopRequireDefault(require("nullthrows"));
-
 var _uuid = _interopRequireDefault(require("./ui/uuid"));
-
 var _ListItemNodeSpec = require("./ListItemNodeSpec");
-
 var _ParagraphNodeSpec = require("./ParagraphNodeSpec");
-
 var _OrderedListNodeSpec = require("./OrderedListNodeSpec");
-
 var _patchStyleElements = require("./patchStyleElements");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function patchListElements(doc) {
   // In Google Doc, lists are exported as indented
   // (e.g. style="margin-left: 48pt") list elements which is the default DOM
@@ -31,16 +22,15 @@ function patchListElements(doc) {
   // into indented list elements.
   liftNestedListElements(doc);
   Array.from(doc.querySelectorAll('ol, ul')).forEach(patchListElementsElement);
-} // This assumes that every 36pt maps to one indent level.
-
+}
 
+// This assumes that every 36pt maps to one indent level.
 const CHAR_BULLET = '\u25cf';
 const CHAR_CIRCLE = '\u25cb';
 const CHAR_SQUARE = '\u25a0';
 const CHAR_BOX = '\u274f';
 const CHAR_ZERO_SPACE = '\u200B';
 const INLINE_NODE_NAME_PATTERN = /^(#text)|(A|SPAN|B|STRONG)$/;
-
 function patchListElementsElement(listElement) {
   // If the children of `listElement` all have teh same marginLeft, assume
   // it to be indented.
@@ -49,103 +39,84 @@ function patchListElementsElement(listElement) {
   const {
     parentElement,
     children
-  } = listElement; // A workaround to patch the issue when <ul /> or <ol /> is pasted as the
+  } = listElement;
+
+  // A workaround to patch the issue when <ul /> or <ol /> is pasted as the
   // first child of <body />, its first <li /> somehow can't be wrapped
   // with the list. The hack is to prepend zero-width-space character
   // before the list.
-
   if (parentElement && parentElement.nodeName === 'BODY' && parentElement.firstChild === listElement) {
     const tt = parentElement.ownerDocument.createTextNode(CHAR_ZERO_SPACE);
     parentElement.insertBefore(tt, listElement);
   }
-
   Array.from(children).forEach(listItemElement => {
     const {
       style
     } = listItemElement;
     patchPaddingStyle(listItemElement);
     const bc = listItemElement.getAttribute(_patchStyleElements.ATTRIBUTE_CSS_BEFORE_CONTENT) || '';
-
     if (beforeContent === undefined) {
       beforeContent = bc;
     }
-
     if (beforeContent !== bc) {
       beforeContent = null;
     }
-
     const ml = style && style.marginLeft || '';
-
     if (marginLeft === undefined) {
       marginLeft = ml;
     }
-
     if (ml !== marginLeft) {
       marginLeft = null;
     }
   });
-
   if (marginLeft) {
     const indent = (0, _ParagraphNodeSpec.convertMarginLeftToIndentValue)(marginLeft);
-
     if (indent) {
       listElement.setAttribute(_ParagraphNodeSpec.ATTRIBUTE_INDENT, String(indent));
     }
   }
-
   if (beforeContent) {
     beforeContent = String(beforeContent);
     let listStyleType;
-
     switch (true) {
       case beforeContent.indexOf(CHAR_BULLET) > -1:
         listStyleType = 'disc';
         break;
-
       case beforeContent.indexOf(CHAR_CIRCLE) > -1:
         listStyleType = 'circle';
         break;
-
       case beforeContent.indexOf(CHAR_SQUARE) > -1:
         listStyleType = 'square';
         break;
-
       case beforeContent.indexOf(CHAR_BOX) > -1:
         listStyleType = 'box';
         break;
-
       case beforeContent.indexOf('lower-latin') > -1:
         listStyleType = 'lower-latin';
         break;
-
       case beforeContent.indexOf('upper-latin') > -1:
         listStyleType = 'upper-latin';
         break;
-
       case beforeContent.indexOf('lower-roman') > -1:
         listStyleType = 'lower-roman';
         break;
-
       case beforeContent.indexOf('upper-roman') > -1:
         listStyleType = 'upper-roman';
         break;
-
       case beforeContent.indexOf('-') > -1:
         listStyleType = 'dash';
         break;
-
       default:
         console.log('unknown list style type', beforeContent);
         break;
     }
-
     if (listStyleType) {
       listElement.setAttribute(_ListItemNodeSpec.ATTRIBUTE_LIST_STYLE_TYPE, listStyleType);
     }
   }
-} // This moves the styles of <li /> into its content <p />.
-
+}
 
+// This moves the styles of <li /> into its content <p />.
 function patchPaddingStyle(listItemElement) {
   const {
     style,
@@ -156,11 +127,9 @@ function patchPaddingStyle(listItemElement) {
     paddingBottom,
     lineHeight
   } = style;
-
   if (!_ParagraphNodeSpec.EMPTY_CSS_VALUE.has(paddingBottom) && !_ParagraphNodeSpec.EMPTY_CSS_VALUE.has(paddingTop) && !_ParagraphNodeSpec.EMPTY_CSS_VALUE.has(lineHeight)) {
     return;
   }
-
   const doc = listItemElement.ownerDocument;
   const frag = doc.createDocumentFragment();
   let contentIsInline = true;
@@ -168,7 +137,6 @@ function patchPaddingStyle(listItemElement) {
     contentIsInline = contentIsInline && INLINE_NODE_NAME_PATTERN.test(cn.nodeName);
     frag.appendChild(cn);
   });
-
   if (contentIsInline) {
     // Wrap all inline content with <p /> with the padding style applied.
     const pEl = doc.createElement('p');
@@ -183,7 +151,9 @@ function patchPaddingStyle(listItemElement) {
     // Unable to patch the style.
     listItemElement.appendChild(frag);
   }
-} // This converts all nested list elements into indented list elements.
+}
+
+// This converts all nested list elements into indented list elements.
 // For instance,
 // == UI ==
 // 1. AA
@@ -212,8 +182,6 @@ function patchPaddingStyle(listItemElement) {
 // <ol data-following="x" data-counter-reset-"none">
 //   <li>AA</li>
 // </ol>
-
-
 function liftNestedListElements(doc) {
   const selector = 'li > ol, li > ul';
   const els = Array.from(doc.querySelectorAll(selector));
@@ -225,11 +193,15 @@ function liftNestedListElements(doc) {
     const parentList = (0, _nullthrows.default)(parentListItem.parentElement);
     const parentListNodeName = parentList.nodeName.toLowerCase();
     const isLast = parentList.lastElementChild === parentListItem;
-    const style = parentList.getAttribute('style') || ''; // The parent list will be split into two lists and the second list should
-    // follow the first list.
+    const style = parentList.getAttribute('style') || '';
 
+    // The parent list will be split into two lists and the second list should
+    // follow the first list.
     const followingName = parentList.getAttribute('name') || (0, _uuid.default)();
-    parentList.setAttribute('name', followingName); // Stub HTML snippets that will lift the list.
+    parentList.setAttribute('name', followingName);
+
+    // Stub HTML snippets that will lift the list.
+
     // Before:
     // <ol>
     //   <li>
@@ -242,16 +214,15 @@ function liftNestedListElements(doc) {
     // <ol><li>AAA</li></ol>
     // <ol><li>BBB</li></ol>
     // <ol><li>CCC</li></ol>
-    // Close the parent list before the list.
-
-    htmlMutator.insertHTMLBefore(`<\/${parentListNodeName}>`, list); // Open a new list after list.
 
+    // Close the parent list before the list.
+    htmlMutator.insertHTMLBefore(`<\/${parentListNodeName}>`, list);
+    // Open a new list after list.
     htmlMutator.insertHTMLAfter(`<${parentListNodeName}
           style="${style}"
           class="${parentList.className}"
           ${_OrderedListNodeSpec.ATTRIBUTE_COUNTER_RESET}="none"
           ${_OrderedListNodeSpec.ATTRIBUTE_FOLLOWING}="${followingName}">`, list);
-
     if (isLast) {
       // The new list after list is an empty list, comment it out.
       htmlMutator.insertHTMLAfter('<!--', list).insertHTMLAfter('-->', parentList);
@@ -259,24 +230,19 @@ function liftNestedListElements(doc) {
   });
   htmlMutator.execute();
 }
-
 function findIndentLevel(el) {
   let indent = 0;
   let currentEl = el.parentElement;
-
   while (currentEl) {
     const {
       nodeName
     } = currentEl;
-
     if (nodeName === 'OL' || nodeName === 'UL') {
       indent++;
     } else if (nodeName !== 'LI') {
       break;
     }
-
     currentEl = currentEl.parentElement;
   }
-
   return indent;
 }

package/dist/patchMathElements.js

@@ -4,20 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = patchMathElements;
-
 var _queryString = _interopRequireDefault(require("query-string"));
-
 var _url = _interopRequireDefault(require("url"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function patchMathElements(doc) {
   Array.from(doc.querySelectorAll('img')).forEach(patchGoogleEquationElement);
-} // See https://developers.google.com/chart/image/docs/chart_params#gcharts_cht
-
+}
 
+// See https://developers.google.com/chart/image/docs/chart_params#gcharts_cht
 const PARAM_CHART_CHART_TYPE = 'cht';
-const PARAM_CHART_LABEL = 'chl'; // Google Doc exports math equation content as single image element that loads
+const PARAM_CHART_LABEL = 'chl';
+
+// Google Doc exports math equation content as single image element that loads
 // its content from google. For example:
 //   <img src="https://www.google.com/chart?cht=tx&amp;c...p;chl=m%E2%88%A0C" />
 // Unfortunately, such image often fails to load because its url contains the
@@ -30,50 +28,42 @@ function patchGoogleEquationElement(el) {
     ownerDocument,
     parentElement
   } = el;
-
   if (!ownerDocument || !parentElement) {
     return;
   }
-
   const src = el.getAttribute('src');
   const content = getGoogleEquationContent(src);
-
   if (!content) {
     return;
-  } // Replace `<img src="..." />` with `<math data-latex="..." />`.
-  // Note that this requires the schema to support `MathNodeSpec`.
-
+  }
 
+  // Replace `<img src="..." />` with `<math data-latex="..." />`.
+  // Note that this requires the schema to support `MathNodeSpec`.
   const math = ownerDocument.createElement('math');
   math.setAttribute('data-latex', content);
   parentElement.insertBefore(math, el);
   parentElement.removeChild(el);
 }
-
 function getGoogleEquationContent(src) {
   if (!src) {
     return null;
   }
-
   const {
     host,
     pathname,
     query
   } = _url.default.parse(src);
-
   if (host !== 'www.google.com' || pathname !== '/chart') {
     return null;
   }
-
   const params = _queryString.default.parse(query);
-
   const chartType = params[PARAM_CHART_CHART_TYPE];
-  const label = params[PARAM_CHART_LABEL]; // Google exports math equation as a special chart with plan text only
-  // contents.
+  const label = params[PARAM_CHART_LABEL];
 
+  // Google exports math equation as a special chart with plan text only
+  // contents.
   if (chartType !== 'tx' || !label) {
     return null;
   }
-
   return label;
 }

package/dist/patchParagraphElements.js

@@ -4,21 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = patchParagraphElements;
-
 var _ParagraphNodeSpec = require("./ParagraphNodeSpec");
-
 function patchParagraphElements(doc) {
   Array.from(doc.querySelectorAll('p')).forEach(patchParagraphElement);
 }
-
 function patchParagraphElement(pElement) {
   const {
     marginLeft
   } = pElement.style;
-
   if (marginLeft) {
     const indent = (0, _ParagraphNodeSpec.convertMarginLeftToIndentValue)(marginLeft);
-
     if (indent) {
       pElement.setAttribute(_ParagraphNodeSpec.ATTRIBUTE_INDENT, String(indent));
     }

package/dist/patchStyleElements.js

@@ -5,88 +5,72 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ATTRIBUTE_CSS_BEFORE_CONTENT = void 0;
 exports.default = patchStyleElements;
-
 var _toCSSColor = _interopRequireDefault(require("./ui/toCSSColor"));
-
 var _licitUiCommands = require("@modusoperandi/licit-ui-commands");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const LIST_ITEM_PSEUDO_ELEMENT_BEFORE = /li:+before/;
 const NODE_NAME_SELECTOR = /^[a-zA-Z]+\d*$/;
-const PSEUDO_ELEMENT_ANY = /:+[a-z]+/; //  Assume these className from Google doc has less specificity.
+const PSEUDO_ELEMENT_ANY = /:+[a-z]+/;
 
+//  Assume these className from Google doc has less specificity.
 const WEAK_CLASS_SELECTOR = /\.title/;
-const ATTRIBUTE_CSS_BEFORE_CONTENT = 'data-attribute-css-before-content'; // Node name only selector has less priority, we'll handle it
-// separately
+const ATTRIBUTE_CSS_BEFORE_CONTENT = 'data-attribute-css-before-content';
 
+// Node name only selector has less priority, we'll handle it
+// separately
 exports.ATTRIBUTE_CSS_BEFORE_CONTENT = ATTRIBUTE_CSS_BEFORE_CONTENT;
-
 function patchStyleElements(doc) {
   const els = Array.from(doc.querySelectorAll('style'));
-
   if (!els.length) {
     return;
   }
-
   const selectorTextToCSSTexts = [];
   els.forEach(styleEl => {
     const sheet = styleEl.sheet;
-
     if (!sheet) {
       // TODO: Find out why the browser does not support this.
       console.error('styleEl.sheet undefined', styleEl);
       return;
     }
-
     const cssRules = sheet.cssRules;
-
     if (!cssRules) {
       // TODO: Find out why the browser does not support this.
       console.error('sheet.cssRules undefined', sheet);
       return;
     }
-
     Array.from(cssRules).forEach((rule, cssRuleIndex) => {
       const selectorText = String(rule.selectorText || '');
-
       if (!selectorText) {
         // This could be `CSSImportRule.` created by @import().
         // ignore it.
         return;
       }
-
       if (!rule.styleMap) {
         // TODO: Find out why the browser does not support this.
         console.error('rule.styleMap undefined', rule);
         return;
       }
-
       let cssText = '';
       rule.styleMap.forEach((cssStyleValue, key) => {
-        let cssStyleValueStr = String(cssStyleValue); // e.g. rules['color'] = 'red'.
-
+        let cssStyleValueStr = String(cssStyleValue);
+        // e.g. rules['color'] = 'red'.
         if (key === 'color') {
           const color = (0, _toCSSColor.default)(cssStyleValueStr);
-
           if (!color) {
             return;
           }
         } else if (key === 'background-color') {
           const color = (0, _toCSSColor.default)(cssStyleValueStr);
-
           if (!color) {
             return;
           }
         } else if (key === 'line-height') {
           cssStyleValueStr = (0, _licitUiCommands.toCSSLineSpacing)(cssStyleValueStr);
         }
-
         if (cssStyleValueStr) {
           cssText += `${key}: ${cssStyleValueStr};`;
         }
       });
-
       if (selectorText.indexOf(',') > -1) {
         selectorText.split(/\s*,\s*/).forEach(st => {
           buildSelectorTextToCSSText(selectorTextToCSSTexts, st, cssText);
@@ -95,11 +79,11 @@ function patchStyleElements(doc) {
         buildSelectorTextToCSSText(selectorTextToCSSTexts, selectorText, cssText);
       }
     });
-  }); // Sort selector by
+  });
 
+  // Sort selector by
   selectorTextToCSSTexts.sort(sortBySpecificity).reduce(buildElementToCSSTexts.bind(null, doc), new Map()).forEach(applyInlineStyleSheetCSSTexts);
 }
-
 function buildElementToCSSTexts(doc, elementToCSSTexts, bag) {
   const {
     selectorText,
@@ -109,17 +93,14 @@ function buildElementToCSSTexts(doc, elementToCSSTexts, bag) {
   const els = Array.from(doc.querySelectorAll(selectorText));
   els.forEach(el => {
     const style = el.style;
-
     if (!style || !(el instanceof HTMLElement)) {
       return;
     }
-
     if (cssText) {
       const cssTexts = elementToCSSTexts.get(el) || [];
       cssTexts.push(cssText);
       elementToCSSTexts.set(el, cssTexts);
     }
-
     if (beforeContent) {
       // This simply adds the custom attribute 'data-before-content' to element,
       // developer must handle his attribute via NodeSpec separately if needed.
@@ -128,42 +109,34 @@ function buildElementToCSSTexts(doc, elementToCSSTexts, bag) {
   });
   return elementToCSSTexts;
 }
-
 function sortBySpecificity(one, two) {
   // This is just the naive implementation of sorting selectors by css
   // specificity.
   // 1. NodeName selectors has less priority.
   let aa = NODE_NAME_SELECTOR.test(one.selectorText);
   let bb = NODE_NAME_SELECTOR.test(two.selectorText);
-
   if (aa && !bb) {
     return -1;
   }
-
   if (!aa && bb) {
     return 1;
-  } // Assume both are className selector.
-  // Assume these className from Google doc has less specificity.
-
+  }
 
+  // Assume both are className selector.
+  // Assume these className from Google doc has less specificity.
   aa = WEAK_CLASS_SELECTOR.test(one.selectorText);
   bb = WEAK_CLASS_SELECTOR.test(two.selectorText);
-
   if (aa && !bb) {
     return -1;
   }
-
   if (!aa && bb) {
     return 1;
   }
-
   return 0;
 }
-
 function buildSelectorTextToCSSText(result, selectorText, cssText) {
   let afterContent;
   let beforeContent;
-
   if (LIST_ITEM_PSEUDO_ELEMENT_BEFORE.test(selectorText)) {
     // Workaround to extract the list style content from HTML generated by
     // Google.
@@ -175,7 +148,6 @@ function buildSelectorTextToCSSText(result, selectorText, cssText) {
     // TODO: Handle this later.
     return;
   }
-
   result.push({
     selectorText,
     cssText,
@@ -183,7 +155,6 @@ function buildSelectorTextToCSSText(result, selectorText, cssText) {
     beforeContent
   });
 }
-
 function applyInlineStyleSheetCSSTexts(cssTexts, el) {
   if (cssTexts.length) {
     el.style.cssText = cssTexts.join(';') + ';' + el.style.cssText;