@modusoperandi/licit 0.14.18 → 1.0.1

package/src/patchStyleElements.js

@@ -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/src/patchTableElements.js

@@ -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/src/rebaseDocWithSteps.js

@@ -1,42 +0,0 @@
-// @flow
-
-import { Step } from 'prosemirror-transform';
-import EditorSchema from './EditorSchema';
-
-type RebaseResult = {
-  docJSON: Object,
-  stepsJSON: Array<Object>,
-};
-
-export default function rebaseDocWithSteps(
-  clientID: string,
-  docJSON: Object,
-  stepsJSON: Array<Object>
-): Promise<RebaseResult> {
-  return new Promise((resolve, reject) => {
-    // TODO: Move this into a separate server request.
-    let docNode = EditorSchema.nodeFromJSON(docJSON);
-
-    const steps = stepsJSON.map((step) => {
-      const result = Step.fromJSON(EditorSchema, 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/src/sanitizeURL.js

@@ -1,13 +0,0 @@
-// @flow
-
-const HTTP_PREFIX = /^http(s?):*\/\//i;
-
-export default function sanitizeURL(url: ?string): string {
-  if (!url) {
-    return 'http://';
-  }
-  if (HTTP_PREFIX.test(url)) {
-    return url;
-  }
-  return 'http://' + url;
-}

package/src/splitListItem.js

@@ -1,191 +0,0 @@
-// @flow
-
-import uuid from './ui/uuid';
-import { Fragment, Schema } from 'prosemirror-model';
-import { TextSelection } from 'prosemirror-state';
-import { Transform, canSplit } from 'prosemirror-transform';
-import { LIST_ITEM, ORDERED_LIST, BULLET_LIST, PARAGRAPH } from './NodeNames';
-import { findParentNodeOfType } from 'prosemirror-utils';
-
-// 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
-//
-export default function splitListItem(
-  tr: Transform,
-  schema: Schema
-): Transform {
-  const nodeType = schema.nodes[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 (!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: Transform, schema: Schema): Transform {
-  const listItemType = schema.nodes[LIST_ITEM];
-  const orderedListType = schema.nodes[ORDERED_LIST];
-  const bulletListType = schema.nodes[BULLET_LIST];
-  const paragraphType = schema.nodes[PARAGRAPH];
-  if (!listItemType || !paragraphType) {
-    // Schema does not support the nodes expected.
-    return tr;
-  }
-  const listItemFound = findParentNodeOfType(listItemType)(tr.selection);
-  if (!listItemFound || listItemFound.node.textContent !== '') {
-    // Cursor is not inside an empty list item.
-    return tr;
-  }
-
-  const listFound =
-    (orderedListType && findParentNodeOfType(orderedListType)(tr.selection)) ||
-    (bulletListType && 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 = uuid();
-    tr = tr.setNodeMarkup(
-      listFound.pos,
-      listFoundNode.type,
-      {
-        ...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 = { ...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({}, Fragment.empty);
-  tr = tr.insert(insertFrom, paragraph);
-  tr = tr.setSelection(TextSelection.create(tr.doc, insertFrom));
-  return tr;
-}

package/src/styles.css

@@ -1,19 +0,0 @@
-@import './styles0.css';
-@import './ui/czi-loading-indicator.css';
-@import './ui/czi-math-view.css';
-@import '@modusoperandi/licit-ui-commands/dist/ui/czi-pop-up.css';
-@import './ui/czi-selection-placeholder.css';
-@import './ui/czi-table-cell-menu.css';
-@import './ui/czi-table-grid-size-editor.css';
-@import '@modusoperandi/licit-ui-commands/dist/ui/czi-tooltip-surface.css';
-@import './ui/mathquill-editor/czi-mathquill-editor.css';
-@import './ui/mathquill-editor/czi-mathquill-editor-symbols-panel.css';
-@import './client/licit.css';
-
-/* [FS] IRAD-1061 2020-09-19 */
-
-/* Now loaded locally, so that it work in closed network as well. */
-@import './ui/fonts.css';
-@import './ui/icon-font.css';
-@import '~node-mathquill/build/mathquill.css';
-@import '~katex/dist/katex.min.css';

package/src/styles0.css

@@ -1,29 +0,0 @@
-@import './ui/czi-vars.css';
-@import './ui/czi-heading.css';
-@import './ui/czi-indent.css';
-@import './ui/czi-list.css';
-@import './ui/czi-table.css';
-@import '@modusoperandi/licit-ui-commands/dist/ui/czi-custom-button.css';
-@import '@modusoperandi/licit-ui-commands/dist/ui/czi-animations.css';
-@import '@modusoperandi/licit-ui-commands/dist/ui/czi-color-editor.css';
-@import './ui/czi-bookmark-view.css';
-@import './ui/czi-body-layout-editor.css';
-@import './ui/czi-cursor-placeholder.css';
-@import './ui/czi-custom-menu.css';
-@import './ui/czi-custom-menu-button.css';
-@import './ui/czi-custom-menu-item.css';
-@import './ui/czi-custom-radio-button.css';
-@import './ui/czi-custom-scrollbar.css';
-@import './ui/czi-editor.css';
-@import './ui/czi-editor-frameset.css';
-@import './ui/czi-editor-toolbar.css';
-@import './ui/czi-form.css';
-@import './ui/czi-frag.css';
-@import './ui/czi-icon.css';
-@import './ui/czi-image-resize-box.css';
-@import './ui/czi-image-upload-editor.css';
-@import './ui/czi-image-upload-placeholder.css';
-@import './ui/czi-image-url-editor.css';
-@import './ui/czi-image-view.css';
-@import './ui/czi-inline-editor.css';
-@import './ui/czi-link-tooltip.css';

package/src/toClosestFontPtSize.js

@@ -1,22 +0,0 @@
-// [FS-SEA][24-02-2020]
-// overrided the method form 'convertToCSSPTValue.js' file to avoid the compiling issue .
-// [FS][28-02-2020]
-// IRAD-893 - Copy Paste From External Source Not Working
-// removed {} from import, because convertToCSSPTValue is a default export function.
-import convertToCSSPTValue from './convertToCSSPTValue';
-
-export function toClosestFontPtSize(styleValue: string): number {
-  // duplicated FONT_PT_SIZES(available in ./ui/FontSizeCommandMenuButton)
-  const FONT_PT_SIZES = [8, 9, 10, 11, 12, 14, 18, 24, 30, 36, 48, 60, 72, 90];
-  const originalPTValue = convertToCSSPTValue(styleValue);
-
-  if (FONT_PT_SIZES.includes(originalPTValue)) {
-    return originalPTValue;
-  }
-
-  return FONT_PT_SIZES.reduce((prev, curr) => {
-    return Math.abs(curr - originalPTValue) < Math.abs(prev - originalPTValue)
-      ? curr
-      : prev;
-  }, Number.NEGATIVE_INFINITY);
-}

package/src/toSafeHTMLDocument.js

@@ -1,9 +0,0 @@
-// @flow
-
-// Parses HTML in a detached document to help with avoiding XSS
-// https://developer.mozilla.org/en-US/docs/Archive/Add-ons/Code_snippets/HTML_to_DOM
-// https://github.com/ProseMirror/prosemirror/issues/473#issuecomment-255727531
-export default function toSafeHTMLDocument(html: string): ?Document {
-  const parser = new window.DOMParser();
-  return parser.parseFromString(html, 'text/html');
-}