@modusoperandi/licit 0.14.18 → 1.0.1

package/dist/patchStyleElements.js.flow

@@ -1,194 +0,0 @@
-// @flow
-
-import toCSSColor from './ui/toCSSColor';
-import { toCSSLineSpacing } from '@modusoperandi/licit-ui-commands';
-
-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 WEAK_CLASS_SELECTOR = /\.title/;
-
-type SelectorTextToCSSText = {
-  afterContent: ?string,
-  beforeContent: ?string,
-  cssText: string,
-  selectorText: string,
-};
-
-export const ATTRIBUTE_CSS_BEFORE_CONTENT = 'data-attribute-css-before-content';
-
-// Node name only selector has less priority, we'll handle it
-// separately
-
-export default function patchStyleElements(doc: Document): void {
-  const els = Array.from(doc.querySelectorAll('style'));
-  if (!els.length) {
-    return;
-  }
-
-  const selectorTextToCSSTexts = [];
-
-  els.forEach((styleEl: any) => {
-    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'.
-        if (key === 'color') {
-          const color = toCSSColor(cssStyleValueStr);
-          if (!color) {
-            return;
-          }
-        } else if (key === 'background-color') {
-          const color = toCSSColor(cssStyleValueStr);
-          if (!color) {
-            return;
-          }
-        } else if (key === 'line-height') {
-          cssStyleValueStr = toCSSLineSpacing(cssStyleValueStr);
-        }
-        if (cssStyleValueStr) {
-          cssText += `${key}: ${cssStyleValueStr};`;
-        }
-      });
-      if (selectorText.indexOf(',') > -1) {
-        selectorText.split(/\s*,\s*/).forEach((st) => {
-          buildSelectorTextToCSSText(selectorTextToCSSTexts, st, cssText);
-        });
-      } else {
-        buildSelectorTextToCSSText(
-          selectorTextToCSSTexts,
-          selectorText,
-          cssText
-        );
-      }
-    });
-  });
-
-  // Sort selector by
-  selectorTextToCSSTexts
-    .sort(sortBySpecificity)
-    .reduce(buildElementToCSSTexts.bind(null, doc), new Map<any, any>())
-    .forEach(applyInlineStyleSheetCSSTexts);
-}
-
-function buildElementToCSSTexts(
-  doc: Document,
-  elementToCSSTexts: Map<HTMLElement, Array<string>>,
-  bag: SelectorTextToCSSText
-): Map<HTMLElement, Array<string>> {
-  const { selectorText, cssText, beforeContent } = 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.
-      el.setAttribute(ATTRIBUTE_CSS_BEFORE_CONTENT, beforeContent);
-    }
-  });
-  return elementToCSSTexts;
-}
-
-function sortBySpecificity(
-  one: SelectorTextToCSSText,
-  two: SelectorTextToCSSText
-): number {
-  // 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.
-  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: Array<SelectorTextToCSSText>,
-  selectorText: string,
-  cssText: string
-): void {
-  let afterContent;
-  let beforeContent;
-
-  if (LIST_ITEM_PSEUDO_ELEMENT_BEFORE.test(selectorText)) {
-    // Workaround to extract the list style content from HTML generated by
-    // Google.
-    // This converts `content:"\0025a0  "` to `\0025a0`
-    beforeContent = cssText.replace(/^content:\s*"\s*/, '').replace(/";*$/, '');
-    selectorText = selectorText.replace(/:+before/, '');
-    cssText = '';
-  } else if (PSEUDO_ELEMENT_ANY.test(selectorText)) {
-    // TODO: Handle this later.
-    return;
-  }
-
-  result.push({
-    selectorText,
-    cssText,
-    afterContent,
-    beforeContent,
-  });
-}
-
-function applyInlineStyleSheetCSSTexts(
-  cssTexts: Array<string>,
-  el: HTMLElement
-): void {
-  if (cssTexts.length) {
-    el.style.cssText = cssTexts.join(';') + ';' + el.style.cssText;
-  }
-}

package/dist/patchTableElements.js

@@ -1,98 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = patchTableElements;
-var _convertToCSSPTValue = _interopRequireWildcard(require("./convertToCSSPTValue"));
-var _toHexColor = _interopRequireDefault(require("./ui/toHexColor"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function patchTableElements(doc) {
-  Array.from(doc.querySelectorAll('td')).forEach(patchTableCell);
-  Array.from(doc.querySelectorAll('tr[style^=height]')).forEach(patchTableRow);
-}
-
-// The height of each line: ~= 21px
-const LINE_HEIGHT_PT_VALUE = 15.81149997;
-
-// Workaround to patch HTML from Google Doc that Table Cells will apply
-// its background colr to all its inner <span />.
-function patchTableCell(tdElement) {
-  const {
-    style
-  } = tdElement;
-  if (!style) {
-    return;
-  }
-  const {
-    backgroundColor,
-    width
-  } = style;
-  if (backgroundColor) {
-    const tdBgColor = (0, _toHexColor.default)(backgroundColor);
-    const selector = 'span[style*=background-color]';
-    const spans = Array.from(tdElement.querySelectorAll(selector));
-    spans.some(spanElement => {
-      let retVal = true;
-      const spanStyle = spanElement.style;
-      if (!spanStyle || !spanStyle.backgroundColor) {
-        retVal = false;
-      } else {
-        const spanBgColor = (0, _toHexColor.default)(spanStyle.backgroundColor);
-        if (spanBgColor === tdBgColor) {
-          // The span has the same bg color as the cell does, erase its bg color.
-          spanStyle.backgroundColor = '';
-        }
-      }
-      return retVal;
-    });
-  }
-  if (width) {
-    const ptValue = (0, _convertToCSSPTValue.default)(width);
-    if (!ptValue) {
-      return;
-    }
-    const pxValue = ptValue * _convertToCSSPTValue.PT_TO_PX_RATIO;
-    // Attribute "data-colwidth" is defined at 'prosemirror-tables';
-    tdElement.setAttribute('data-colwidth', String(Math.round(pxValue)));
-  }
-}
-
-// Workaround to support "height" in table row by inject empty <p /> to
-// create space for the height.
-function patchTableRow(trElement) {
-  const doc = trElement.ownerDocument;
-  if (!doc) {
-    return;
-  }
-  const height = trElement.style.height;
-  if (!height) {
-    return;
-  }
-  const firstCell = trElement.querySelector('td, th');
-  if (!firstCell) {
-    return;
-  }
-  const ptValue = (0, _convertToCSSPTValue.default)(height);
-  if (!ptValue) {
-    return;
-  }
-  const pEls = firstCell.querySelectorAll('p');
-  const heightNeeded = ptValue - LINE_HEIGHT_PT_VALUE * pEls.length;
-  if (heightNeeded < 0) {
-    return;
-  }
-  let pElsNeeded = Math.round(heightNeeded / LINE_HEIGHT_PT_VALUE);
-  if (pElsNeeded <= 0) {
-    return;
-  }
-  const frag = doc.createDocumentFragment();
-  const line = doc.createElement('p');
-  while (pElsNeeded > 0) {
-    pElsNeeded--;
-    frag.appendChild(line.cloneNode(false));
-  }
-  firstCell.appendChild(frag);
-}

package/dist/patchTableElements.js.flow

@@ -1,89 +0,0 @@
-// @flow
-import { PT_TO_PX_RATIO } from './convertToCSSPTValue';
-import convertToCSSPTValue from './convertToCSSPTValue';
-import toHexColor from './ui/toHexColor';
-
-export default function patchTableElements(doc: Document): void {
-  Array.from(doc.querySelectorAll('td')).forEach(patchTableCell);
-  Array.from(doc.querySelectorAll('tr[style^=height]')).forEach(patchTableRow);
-}
-
-// The height of each line: ~= 21px
-const LINE_HEIGHT_PT_VALUE = 15.81149997;
-
-// Workaround to patch HTML from Google Doc that Table Cells will apply
-// its background colr to all its inner <span />.
-function patchTableCell(tdElement: HTMLElement): void {
-  const { style } = tdElement;
-  if (!style) {
-    return;
-  }
-  const { backgroundColor, width } = style;
-  if (backgroundColor) {
-    const tdBgColor = toHexColor(backgroundColor);
-    const selector = 'span[style*=background-color]';
-    const spans = Array.from(tdElement.querySelectorAll(selector));
-    spans.some((spanElement) => {
-      let retVal = true;
-      const spanStyle = spanElement.style;
-      if (!spanStyle || !spanStyle.backgroundColor) {
-        retVal = false;
-      } else {
-        const spanBgColor = toHexColor(spanStyle.backgroundColor);
-        if (spanBgColor === tdBgColor) {
-          // The span has the same bg color as the cell does, erase its bg color.
-          spanStyle.backgroundColor = '';
-        }
-      }
-      return retVal;
-    });
-  }
-
-  if (width) {
-    const ptValue = convertToCSSPTValue(width);
-    if (!ptValue) {
-      return;
-    }
-    const pxValue = ptValue * PT_TO_PX_RATIO;
-    // Attribute "data-colwidth" is defined at 'prosemirror-tables';
-    tdElement.setAttribute('data-colwidth', String(Math.round(pxValue)));
-  }
-}
-
-// Workaround to support "height" in table row by inject empty <p /> to
-// create space for the height.
-function patchTableRow(trElement: HTMLElement): void {
-  const doc = trElement.ownerDocument;
-  if (!doc) {
-    return;
-  }
-  const height = trElement.style.height;
-  if (!height) {
-    return;
-  }
-  const firstCell = trElement.querySelector('td, th');
-  if (!firstCell) {
-    return;
-  }
-  const ptValue = convertToCSSPTValue(height);
-  if (!ptValue) {
-    return;
-  }
-
-  const pEls = firstCell.querySelectorAll('p');
-  const heightNeeded = ptValue - LINE_HEIGHT_PT_VALUE * pEls.length;
-  if (heightNeeded < 0) {
-    return;
-  }
-  let pElsNeeded = Math.round(heightNeeded / LINE_HEIGHT_PT_VALUE);
-  if (pElsNeeded <= 0) {
-    return;
-  }
-  const frag = doc.createDocumentFragment();
-  const line = doc.createElement('p');
-  while (pElsNeeded > 0) {
-    pElsNeeded--;
-    frag.appendChild(line.cloneNode(false));
-  }
-  firstCell.appendChild(frag);
-}

package/dist/rebaseDocWithSteps.js

@@ -1,32 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = rebaseDocWithSteps;
-var _prosemirrorTransform = require("prosemirror-transform");
-var _EditorSchema = _interopRequireDefault(require("./EditorSchema"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function rebaseDocWithSteps(clientID, docJSON, stepsJSON) {
-  return new Promise((resolve, reject) => {
-    // TODO: Move this into a separate server request.
-    let docNode = _EditorSchema.default.nodeFromJSON(docJSON);
-    const steps = stepsJSON.map(step => {
-      const result = _prosemirrorTransform.Step.fromJSON(_EditorSchema.default, step);
-      result.clientID = clientID;
-      return result;
-    });
-    steps.forEach(step => {
-      const result = step.apply(docNode);
-      docNode = result.doc;
-    });
-    const newDocJSON = docNode.toJSON();
-    const newStepsJSON = steps.map(step => {
-      return step.toJSON();
-    });
-    resolve({
-      docJSON: newDocJSON,
-      stepsJSON: newStepsJSON
-    });
-  });
-}

package/dist/sanitizeURL.js

@@ -1,16 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = sanitizeURL;
-const HTTP_PREFIX = /^http(s?):*\/\//i;
-function sanitizeURL(url) {
-  if (!url) {
-    return 'http://';
-  }
-  if (HTTP_PREFIX.test(url)) {
-    return url;
-  }
-  return 'http://' + url;
-}

package/dist/splitListItem.js

@@ -1,180 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = splitListItem;
-var _uuid = _interopRequireDefault(require("./ui/uuid"));
-var _prosemirrorModel = require("prosemirror-model");
-var _prosemirrorState = require("prosemirror-state");
-var _prosemirrorTransform = require("prosemirror-transform");
-var _NodeNames = require("./NodeNames");
-var _prosemirrorUtils = require("prosemirror-utils");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-// Splits a list item by the current cursor's position.
-// Some examples:
-//
-// - split before item's text:
-//   - before:
-//     1. <cursor>AA
-//     2. BB
-//     3. CC
-//   - after:
-//     1. <cursor>
-//     2. AA
-//     3. BB
-//     4. CC
-//
-// - split between item's text:
-//   - before:
-//     1. AA
-//     2. B<cursor>B
-//     3. CC
-//   - after:
-//     1. AA
-//     2. B
-//     3. B
-//     4. CC
-//
-// - split after item's text:
-//   - before:
-//     1. AA
-//     2. BB<cursor>
-//     3. CC
-//   - after:
-//     1. AA
-//     2. BB
-//     3. <cursor>
-//     4. CC
-//
-// - split at item with empty content:
-//   - before:
-//     1. AA
-//     2. <cursor>
-//     3. CC
-//   - after:
-//     1. AA
-//     <cursor>
-//     2. BB
-//     3. CC
-//
-function splitListItem(tr, schema) {
-  const nodeType = schema.nodes[_NodeNames.LIST_ITEM];
-  if (!nodeType) {
-    return tr;
-  }
-  const {
-    selection
-  } = tr;
-  if (!selection) {
-    return tr;
-  }
-  const {
-    $from,
-    $to,
-    node
-  } = selection;
-  if (node && node.isBlock || $from.depth < 2 || !$from.sameParent($to)) {
-    return tr;
-  }
-  const grandParent = $from.node(-1);
-  if (grandParent.type !== nodeType) {
-    return tr;
-  }
-  if ($from.parent.content.size == 0) {
-    // In an empty list item.
-    return splitEmptyListItem(tr, schema);
-  }
-  const nextType = $to.pos == $from.end() ? grandParent.contentMatchAt($from.indexAfter(-1)).defaultType : null;
-  tr = tr.delete($from.pos, $to.pos);
-  const types = nextType && [null, {
-    type: nextType
-  }];
-  if (!(0, _prosemirrorTransform.canSplit)(tr.doc, $from.pos, 2, types)) {
-    return tr;
-  }
-  return tr.split($from.pos, 2, types);
-}
-
-// Splits an item with empty content:
-//   - before:
-//     1. AA
-//     2. <cursor>
-//     3. CC
-//   - after:
-//     1. AA
-//     <cursor>
-//     2. BB
-//     3. CC
-function splitEmptyListItem(tr, schema) {
-  const listItemType = schema.nodes[_NodeNames.LIST_ITEM];
-  const orderedListType = schema.nodes[_NodeNames.ORDERED_LIST];
-  const bulletListType = schema.nodes[_NodeNames.BULLET_LIST];
-  const paragraphType = schema.nodes[_NodeNames.PARAGRAPH];
-  if (!listItemType || !paragraphType) {
-    // Schema does not support the nodes expected.
-    return tr;
-  }
-  const listItemFound = (0, _prosemirrorUtils.findParentNodeOfType)(listItemType)(tr.selection);
-  if (!listItemFound || listItemFound.node.textContent !== '') {
-    // Cursor is not inside an empty list item.
-    return tr;
-  }
-  const listFound = orderedListType && (0, _prosemirrorUtils.findParentNodeOfType)(orderedListType)(tr.selection) || bulletListType && (0, _prosemirrorUtils.findParentNodeOfType)(bulletListType)(tr.selection);
-  if (!listFound) {
-    // Cursor isn't inside an list.
-    return tr;
-  }
-  const $listItemPos = tr.doc.resolve(listItemFound.pos);
-  const listItemIndex = $listItemPos.index($listItemPos.depth);
-  const listFoundNode = listFound.node;
-  if (listFoundNode.childCount < 3 || listItemIndex < 1 || listItemIndex >= listFoundNode.childCount - 1) {
-    // - The list must have at least three list items
-    // - The cursor must be after the first list item and before the last list
-    //   item.
-    // If both conditions don't match, bails out, which will remove the empty
-    // item.
-    return tr;
-  }
-
-  // Find the name of the current list to split. If the name isn't available,
-  // assigns a new name.
-  let {
-    name
-  } = listFoundNode.attrs;
-  if (!name) {
-    name = (0, _uuid.default)();
-    tr = tr.setNodeMarkup(listFound.pos, listFoundNode.type, _objectSpread(_objectSpread({}, listFoundNode.attrs), {}, {
-      name
-    }), listFoundNode.marks);
-  }
-
-  // We'll split the list into two lists.
-  // the first list contains the items before the cursor, and the second
-  // list contains the items after the cursor and the second list will "follow"
-  // the first list by sharing the same counter variable.
-  const sliceFrom = listItemFound.pos + listItemFound.node.nodeSize;
-  const sliceTo = listFound.pos + listFound.node.nodeSize - 1;
-  const slicedItems = tr.doc.slice(sliceFrom, sliceTo, false);
-  const deleteFrom = listItemFound.pos;
-  const deleteTo = listFound.pos + listFound.node.nodeSize;
-  tr = tr.delete(deleteFrom, deleteTo);
-  const sourceListNode = listFound.node;
-  const listAttrs = _objectSpread({}, sourceListNode.attrs);
-  if (orderedListType === sourceListNode.type) {
-    listAttrs.counterReset = 'none';
-    listAttrs.following = name;
-  }
-  const insertFrom = deleteFrom + 1;
-  const listNode = sourceListNode.type.create(listAttrs, slicedItems.content);
-  tr = tr.insert(insertFrom, listNode);
-  const paragraph = paragraphType.create({}, _prosemirrorModel.Fragment.empty);
-  tr = tr.insert(insertFrom, paragraph);
-  tr = tr.setSelection(_prosemirrorState.TextSelection.create(tr.doc, insertFrom));
-  return tr;
-}