@modusoperandi/licit 1.4.2 → 1.4.6

package/rebaseDocWithSteps.js.flow

@@ -1,42 +1,42 @@
-// @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,
-    });
-  });
-}
+// @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/sanitizeURL.js.flow

@@ -1,13 +1,13 @@
-// @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 'https://' + url;
-}
+// @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 'https://' + url;
+}

package/splitListItem.js.flow

@@ -1,191 +1,191 @@
-// @flow
-
-import uuid from './ui/uuid.js';
-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.js';
-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?.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;
-}
+// @flow
+
+import uuid from './ui/uuid.js';
+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.js';
+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?.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/styles.css

@@ -1,47 +1,47 @@
-@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 './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';
-@import './ui/czi-loading-indicator.css';
-@import './ui/czi-math-view.css';
-@import './ui/czi-selection-placeholder.css';
-@import './ui/czi-table-cell-menu.css';
-@import './ui/czi-table-grid-size-editor.css';
-@import './client/licit.css';
-@import '@modusoperandi/licit-ui-commands/styles.css';
-
-/* Now loaded locally, so that it work in closed network as well. */
-@import './ui/fonts.css';
-@import './ui/icon-font.css';
-@import 'prosemirror-gapcursor/style/gapcursor.css';
-@import 'prosemirror-view/style/prosemirror.css';
-@import 'react-tooltip/dist/react-tooltip.css';
-@import './ui/listType.css';
-
-/**
-.ProseMirror {
-    content-visibility: auto /* (browser) Only render visable content /
-}
+@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 './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';
+@import './ui/czi-loading-indicator.css';
+@import './ui/czi-math-view.css';
+@import './ui/czi-selection-placeholder.css';
+@import './ui/czi-table-cell-menu.css';
+@import './ui/czi-table-grid-size-editor.css';
+@import './client/licit.css';
+@import '@modusoperandi/licit-ui-commands/styles.css';
+
+/* Now loaded locally, so that it work in closed network as well. */
+@import './ui/fonts.css';
+@import './ui/icon-font.css';
+@import 'prosemirror-gapcursor/style/gapcursor.css';
+@import 'prosemirror-view/style/prosemirror.css';
+@import 'react-tooltip/dist/react-tooltip.css';
+@import './ui/listType.css';
+
+/**
+.ProseMirror {
+    content-visibility: auto /* (browser) Only render visable content /
+}
 */

package/toClosestFontPtSize.js.flow

@@ -1,22 +1,22 @@
-// [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.js';
-
-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);
-}
+// [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.js';
+
+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/toSafeHTMLDocument.js.flow

@@ -1,9 +1,9 @@
-// @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');
-}
+// @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');
+}