@modusoperandi/licit 0.14.18 → 1.0.0

package/src/createTableResizingPlugin.js

@@ -1,86 +0,0 @@
-// @flow
-
-import { Plugin } from 'prosemirror-state';
-import { columnResizing } from 'prosemirror-tables';
-import { EditorView } from 'prosemirror-view';
-
-const TABLE_HANDLE_WIDTH = 10;
-const TABLE_CELL_MINWIDTH = 25;
-const TABLE_VIEW = undefined;
-const TABLE_LAST_COLUMN_RESIZABLE = false;
-
-function lookUpTableWrapper(event: Event): ?HTMLElement {
-  const target: any = event.target;
-  if (!target || !target.closest) {
-    return null;
-  }
-  return target.closest('.tableWrapper');
-}
-
-function dispatchMouseEvent(type: string, clientX: number): void {
-  requestAnimationFrame(() => {
-    const event = new MouseEvent(type, {
-      view: window,
-      bubbles: true,
-      cancelable: true,
-      clientX,
-    });
-    window.dispatchEvent(event);
-  });
-}
-
-function calculateMaxClientX(
-  event: MouseEvent,
-  targetTable: HTMLElement
-): number {
-  const { clientX } = event;
-  const { left, width } = targetTable.getBoundingClientRect();
-  const offsetX = clientX - left;
-  const colgroup = targetTable.querySelector('colgroup');
-  const colsCount = colgroup ? colgroup.querySelectorAll('col').length : 0;
-  const cx = width - offsetX - colsCount * TABLE_CELL_MINWIDTH;
-  return Math.round(clientX + Math.max(0, cx));
-}
-
-export default function createTableResizingPlugin(): Plugin {
-  let maxClientX = 0;
-
-  // https://github.com/ProseMirror/prosemirror-tables/blob/master/src/columnresizing.js
-  const plugin = columnResizing(
-    TABLE_HANDLE_WIDTH,
-    TABLE_CELL_MINWIDTH,
-    TABLE_VIEW,
-    TABLE_LAST_COLUMN_RESIZABLE
-  );
-
-  const captureMouse = (event: any): void => {
-    if (event.clientX > maxClientX) {
-      // Current mouse event will make table too wide. Stop it and
-      // fires a simulated event instead.
-      event.stopImmediatePropagation();
-      dispatchMouseEvent(event.type, maxClientX);
-    } else if (event.type === 'mouseup') {
-      window.removeEventListener('mousemove', captureMouse, true);
-      window.removeEventListener('mouseup', captureMouse, true);
-    }
-  };
-
-  const { mousedown } = plugin.props.handleDOMEvents;
-
-  // This is a workaround to constraint the mousemove to prevent
-  // the table become too wide.
-  Object.assign(plugin.props.handleDOMEvents, {
-    mousedown(view: EditorView, event: MouseEvent): boolean {
-      const targetTable = lookUpTableWrapper(event);
-      maxClientX = targetTable
-        ? calculateMaxClientX(event, targetTable)
-        : Number.MAX_VALUE;
-      window.addEventListener('mousemove', captureMouse, true);
-      window.addEventListener('mouseup', captureMouse, true);
-      mousedown(view, event);
-      return false;
-    },
-  });
-
-  return plugin;
-}

package/src/findActionableCell.js

@@ -1,74 +0,0 @@
-// @flow
-
-import { Node } from 'prosemirror-model';
-import { EditorState, TextSelection } from 'prosemirror-state';
-import { CellSelection, TableMap } from 'prosemirror-tables';
-import { findParentNodeOfType } from 'prosemirror-utils';
-
-import { TABLE_CELL, TABLE_HEADER } from './NodeNames';
-
-type Result = {
-  node: Node,
-  pos: number,
-};
-
-function findActionableCellFromSelection(selection: CellSelection): ?Result {
-  const { $anchorCell } = selection;
-  const start = $anchorCell.start(-1);
-  const table = $anchorCell.node(-1);
-  const tableMap = TableMap.get(table);
-  let topRightRect;
-  let posFound = null;
-  let nodeFound = null;
-  selection.forEachCell((cell, cellPos) => {
-    const cellRect = tableMap.findCell(cellPos - start);
-    if (
-      !topRightRect ||
-      (cellRect.top >= topRightRect.top && cellRect.left > topRightRect.left)
-    ) {
-      topRightRect = cellRect;
-      posFound = cellPos;
-      nodeFound = cell;
-    }
-  });
-
-  return posFound === null
-    ? null
-    : {
-        node: nodeFound,
-        pos: posFound,
-      };
-}
-
-export default function findActionableCell(state: EditorState): ?Result {
-  const { doc, selection, schema } = state;
-  const tdType = schema.nodes[TABLE_CELL];
-  const thType = schema.nodes[TABLE_HEADER];
-  if (!tdType && !thType) {
-    return null;
-  }
-
-  let userSelection = selection;
-
-  if (userSelection instanceof TextSelection) {
-    const { from, to } = selection;
-    if (from !== to) {
-      return null;
-    }
-    const result =
-      (tdType && findParentNodeOfType(tdType)(selection)) ||
-      (thType && findParentNodeOfType(thType)(selection));
-
-    if (!result) {
-      return null;
-    }
-
-    userSelection = CellSelection.create(doc, result.pos);
-  }
-
-  if (userSelection instanceof CellSelection) {
-    return findActionableCellFromSelection(userSelection);
-  }
-
-  return null;
-}

package/src/findActiveMark.js

@@ -1,32 +0,0 @@
-// @flow
-
-import { Mark, MarkType, Node } from 'prosemirror-model';
-
-export default function findActiveMark(
-  doc: Node,
-  from: number,
-  to: number,
-  markType: MarkType
-): ?Mark {
-  let ii = from;
-  if (doc.nodeSize <= 2) {
-    return null;
-  }
-  const finder = (mark) => mark.type === markType;
-  from = Math.max(2, from);
-  to = Math.min(to, doc.nodeSize - 2);
-
-  while (ii <= to) {
-    const node = doc.nodeAt(ii);
-    if (!node || !node.marks) {
-      ii++;
-      continue;
-    }
-    const mark = node.marks.find(finder);
-    if (mark) {
-      return mark;
-    }
-    ii++;
-  }
-  return null;
-}

package/src/hyphenize.js

@@ -1,17 +0,0 @@
-// @flow
-
-function hadnleMatch(matched: string): string {
-  return matched[0] + '-' + matched[1].toLowerCase();
-}
-
-const cached = {};
-
-// converts `fooBar` to `foo-bar`.
-export default function hyphenize(str: string): string {
-  if (cached.hasOwnProperty(str)) {
-    return cached[str];
-  }
-  const result = str.replace(/[a-z][A-Z]/g, hadnleMatch);
-  cached[str] = result;
-  return result;
-}

package/src/index.js

@@ -1,10 +0,0 @@
-// @flow
-
-export { EditorState } from 'prosemirror-state';
-export { default as isEditorStateEmpty } from './isEditorStateEmpty';
-export { default as uuid } from './ui/uuid';
-// [FS] IRAD-978 2020-06-05
-// Export Licit as a component
-export { default as Licit, DataType } from './client/Licit.js';
-export { ImageLike, EditorRuntime } from './Types';
-export { GET, POST, DELETE, PATCH } from './client/http';

package/src/insertTable.js

@@ -1,56 +0,0 @@
-// @flow
-
-import { Fragment, Schema } from 'prosemirror-model';
-import { TextSelection } from 'prosemirror-state';
-import { Transform } from 'prosemirror-transform';
-
-import { PARAGRAPH, TABLE, TABLE_CELL, TABLE_ROW } from './NodeNames';
-
-// const ZERO_WIDTH_SPACE_CHAR = '\u200b';
-
-export default function insertTable(
-  tr: Transform,
-  schema: Schema,
-  rows: number,
-  cols: number
-): Transform {
-  if (!tr.selection || !tr.doc) {
-    return tr;
-  }
-  const { from, to } = tr.selection;
-  if (from !== to) {
-    return tr;
-  }
-
-  const { nodes } = schema;
-  const cell = nodes[TABLE_CELL];
-  const paragraph = nodes[PARAGRAPH];
-  const row = nodes[TABLE_ROW];
-  const table = nodes[TABLE];
-  if (!(cell && paragraph && row && table)) {
-    return tr;
-  }
-
-  const rowNodes = [];
-  for (let rr = 0; rr < rows; rr++) {
-    const cellNodes = [];
-    for (let cc = 0; cc < cols; cc++) {
-      // [FS] IRAD-950 2020-05-25
-      // Fix:Extra arrow key required for cell navigation using arrow right/Left
-      const cellNode = cell.create(
-        undefined,
-        Fragment.fromArray([paragraph.create()])
-      );
-      cellNodes.push(cellNode);
-    }
-    const rowNode = row.create({}, Fragment.from(cellNodes));
-    rowNodes.push(rowNode);
-  }
-  const tableNode = table.create({}, Fragment.from(rowNodes));
-  tr = tr.insert(from, Fragment.from(tableNode));
-
-  const selection = TextSelection.create(tr.doc, from + 5, from + 5);
-
-  tr = tr.setSelection(selection);
-  return tr;
-}

package/src/isEditorStateEmpty.js

@@ -1,32 +0,0 @@
-// @flow
-
-import { EditorState } from 'prosemirror-state';
-
-const ZERO_WIDTH_SPACE_CHAR = '\u200b';
-
-export default function isEditorStateEmpty(editorState: EditorState): boolean {
-  const { doc } = editorState;
-  const { nodeSize } = doc;
-  if (nodeSize < 2) {
-    const text = doc.textContent;
-    return !text || text === ' ';
-  } else if (nodeSize < 10) {
-    let isEmpty = true;
-    doc.nodesBetween(0, doc.nodeSize - 2, (node, ii) => {
-      if (isEmpty) {
-        const nodeType = node.type;
-        if (nodeType.isText) {
-          const text = doc.textContent;
-          isEmpty = !text || text === ' ' || text === ZERO_WIDTH_SPACE_CHAR;
-        } else if (nodeType.isAtom) {
-          // e.g. Image, Video...etc.
-          isEmpty = false;
-        }
-      }
-      return isEmpty;
-    });
-    return isEmpty;
-  } else {
-    return false;
-  }
-}

package/src/isTableNode.js

@@ -1,15 +0,0 @@
-// @flow
-
-import { Node } from 'prosemirror-model';
-
-import { TABLE, TABLE_CELL, TABLE_HEADER, TABLE_ROW } from './NodeNames';
-
-export default function isTableNode(node: Node): boolean {
-  const name = node instanceof Node ? node.type.name : null;
-  return (
-    name === TABLE ||
-    name === TABLE_ROW ||
-    name === TABLE_HEADER ||
-    name === TABLE_CELL
-  );
-}

package/src/joinDown.js

@@ -1,27 +0,0 @@
-// @flow
-// https://github.com/ProseMirror/prosemirror-commands/blob/master/src/commands.js
-
-import { NodeSelection } from 'prosemirror-state';
-import { Transform } from 'prosemirror-transform';
-import { canJoin } from 'prosemirror-transform';
-import { joinPoint } from 'prosemirror-transform';
-
-// Join the selected block, or the closest ancestor of the selection
-// that can be joined, with the sibling after it.
-export default function joinDown(tr: Transform): Transform {
-  const sel = tr.selection;
-  let point;
-  if (sel instanceof NodeSelection) {
-    if (sel.node.isTextblock || !canJoin(tr.doc, sel.to)) {
-      return tr;
-    }
-    point = sel.to;
-  } else {
-    point = joinPoint(tr.doc, sel.to, 1);
-    if (point === null || point === undefined) {
-      return tr;
-    }
-  }
-  tr = tr.join(point);
-  return tr;
-}

package/src/joinListNode.js

@@ -1,55 +0,0 @@
-// @flow
-
-import { Schema } from 'prosemirror-model';
-import { TextSelection } from 'prosemirror-state';
-import { Transform } from 'prosemirror-transform';
-
-import { isListNode } from '@modusoperandi/licit-ui-commands';
-import joinDown from './joinDown';
-import joinUp from './joinUp';
-
-export default function joinListNode(
-  tr: Transform,
-  schema: Schema,
-  listNodePos: number
-): Transform {
-  if (!tr.doc || !tr.selection) {
-    return tr;
-  }
-  const node = tr.doc.nodeAt(listNodePos);
-  if (!isListNode(node)) {
-    return tr;
-  }
-  const initialSelection = tr.selection;
-  const listFromPos = listNodePos;
-  const listToPos = listFromPos + node.nodeSize;
-  const $fromPos = tr.doc.resolve(listFromPos);
-  const $toPos = tr.doc.resolve(listToPos);
-
-  let selectionOffset = 0;
-  if (
-    $toPos.nodeAfter &&
-    $toPos.nodeAfter.type === node.type &&
-    $toPos.nodeAfter.attrs.level === node.attrs.level
-  ) {
-    tr = joinDown(tr);
-  }
-
-  if (
-    $fromPos.nodeBefore &&
-    $fromPos.nodeBefore.type === node.type &&
-    $fromPos.nodeBefore.attrs.level === node.attrs.level
-  ) {
-    selectionOffset -= 2;
-    tr = joinUp(tr);
-  }
-
-  const selection = TextSelection.create(
-    tr.doc,
-    initialSelection.from + selectionOffset,
-    initialSelection.to + selectionOffset
-  );
-
-  tr = tr.setSelection(selection);
-  return tr;
-}

package/src/joinUp.js

@@ -1,39 +0,0 @@
-// @flow
-// https://github.com/ProseMirror/prosemirror-commands/blob/master/src/commands.js
-
-import { NodeSelection } from 'prosemirror-state';
-import { Transform } from 'prosemirror-transform';
-import { canJoin } from 'prosemirror-transform';
-import { joinPoint } from 'prosemirror-transform';
-
-// Join the selected block or, if there is a text selection, the
-// closest ancestor block of the selection that can be joined, with
-// the sibling above it.
-export default function joinUp(tr: Transform): Transform {
-  const sel = tr.selection;
-  const nodeSel = sel instanceof NodeSelection;
-  let point;
-  if (nodeSel) {
-    if (sel.node.isTextblock || !canJoin(tr.doc, sel.from)) {
-      return tr;
-    }
-    point = sel.from;
-  } else {
-    point = joinPoint(tr.doc, sel.from, -1);
-    if (point === null || point === undefined) {
-      return tr;
-    }
-  }
-
-  tr = tr.join(point);
-  if (nodeSel) {
-    tr = tr.setSelection(
-      NodeSelection.create(
-        tr.doc,
-        point - tr.doc.resolve(point).nodeBefore.nodeSize
-      )
-    );
-  }
-
-  return tr;
-}

package/src/keymaps.js

@@ -1,185 +0,0 @@
-// @flow
-
-import Keymap from 'browserkeymap';
-
-import browser from './browser';
-
-import {
-  makeKeyMap,
-  makeKeyMapWithCommon,
-} from '@modusoperandi/licit-doc-attrs-step';
-
-// https://tinyurl.com/ybwf3wex
-
-export function tooltip(keymap: ?Keymap): ?string {
-  if (keymap) {
-    let shortcut;
-    if (browser.isMac()) {
-      shortcut = keymap.mac
-        .replace(/Cmd/i, '⌘')
-        .replace(/Shift/i, '⇧')
-        .replace(/Ctrl/i, '^')
-        .replace(/Alt/i, '⌥');
-    } else {
-      shortcut = keymap.windows;
-    }
-    return `${keymap.description} (${shortcut})`;
-  }
-  return null;
-}
-
-export const KEY_BACK_DELETE = makeKeyMapWithCommon('', 'Backspace');
-export const KEY_FORWARD_DELETE = makeKeyMapWithCommon('', 'Delete');
-export const KEY_INSERT_HORIZONTAL_RULE = makeKeyMapWithCommon(
-  'Insert horizontal rule',
-  'Mod-Shift--'
-);
-export const KEY_INSERT_NEW_LINE = makeKeyMapWithCommon(
-  'Insert new line',
-  'Shift-Enter'
-);
-export const KEY_INSERT_NEW_LINE_IN_BLOCKQUOTE = makeKeyMapWithCommon(
-  'Insert new line in blockquote',
-  'Shift-Enter'
-);
-export const KEY_INSERT_NEW_LINE_IN_LIST_ITEM = makeKeyMapWithCommon(
-  'Insert new line in list item',
-  'Shift-Enter'
-);
-export const KEY_REDO = makeKeyMapWithCommon('Redo', 'Mod-Shift-z');
-export const KEY_SET_NORMAL_TEXT = makeKeyMap(
-  'Normal text',
-  'Ctrl-0',
-  'Cmd-Alt-0'
-);
-export const KEY_SHIFT_BACKSPACE = makeKeyMapWithCommon(
-  'Shift Backspace',
-  'Shift-Backspace'
-);
-export const KEY_SPLIT_CODEBLOCK = makeKeyMapWithCommon(
-  'Split code block',
-  'Enter'
-);
-export const KEY_SPLIT_LIST_ITEM = makeKeyMapWithCommon(
-  'Split list item',
-  'Enter'
-);
-export const KEY_TAB = makeKeyMapWithCommon('', 'Tab');
-export const KEY_TAB_SHIFT = makeKeyMapWithCommon('', 'Shift-Tab');
-export const KEY_TOGGLE_BLOCK_QUOTE = makeKeyMap(
-  'Block quote',
-  'Ctrl-7',
-  'Cmd-Alt-7'
-);
-export const KEY_TOGGLE_BOLD = makeKeyMapWithCommon('Toggle bold', 'Mod-b');
-export const KEY_TOGGLE_BULLET_LIST = makeKeyMapWithCommon(
-  'Toggle bullet list',
-  'Mod-Shift-b'
-);
-export const KEY_TOGGLE_CODE_BLOCK = makeKeyMap(
-  'Code block',
-  'Ctrl-8',
-  'Cmd-Alt-8'
-);
-export const KEY_TOGGLE_HEADING_1 = makeKeyMap(
-  'Heading 1',
-  'Ctrl-1',
-  'Cmd-Alt-1'
-);
-export const KEY_TOGGLE_HEADING_2 = makeKeyMap(
-  'Heading 2',
-  'Ctrl-2',
-  'Cmd-Alt-2'
-);
-export const KEY_TOGGLE_HEADING_3 = makeKeyMap(
-  'Heading 3',
-  'Ctrl-3',
-  'Cmd-Alt-3'
-);
-export const KEY_TOGGLE_HEADING_4 = makeKeyMap(
-  'Heading 4',
-  'Ctrl-4',
-  'Cmd-Alt-4'
-);
-export const KEY_TOGGLE_HEADING_5 = makeKeyMap(
-  'Heading 5',
-  'Ctrl-5',
-  'Cmd-Alt-5'
-);
-export const KEY_TOGGLE_HEADING_6 = makeKeyMap(
-  'Heading 5',
-  'Ctrl-6',
-  'Cmd-Alt-6'
-);
-export const KEY_TOGGLE_ITALIC = makeKeyMapWithCommon('Toggle italic', 'Mod-i');
-export const KEY_TOGGLE_MONOSPACE = makeKeyMapWithCommon(
-  'Toggle monospace',
-  'Mod-Shift-m'
-);
-export const KEY_TOGGLE_ORDERED_LIST = makeKeyMapWithCommon(
-  'Toggle ordered list',
-  'Mod-Shift-l'
-);
-export const KEY_TOGGLE_STRIKETHROUGH = makeKeyMapWithCommon(
-  'Toggle strikethrough',
-  'Mod-Shift-s'
-);
-export const KEY_TOGGLE_UNDERLINE = makeKeyMapWithCommon(
-  'Toggle underline',
-  'Mod-u'
-);
-export const KEY_UNDO = makeKeyMapWithCommon('Undo', 'Mod-z');
-
-export const ALL_KEYS = [
-  KEY_BACK_DELETE,
-  KEY_FORWARD_DELETE,
-  KEY_INSERT_HORIZONTAL_RULE,
-  KEY_INSERT_NEW_LINE,
-  KEY_INSERT_NEW_LINE_IN_BLOCKQUOTE,
-  KEY_INSERT_NEW_LINE_IN_LIST_ITEM,
-  KEY_SET_NORMAL_TEXT,
-  KEY_SHIFT_BACKSPACE,
-  KEY_SPLIT_LIST_ITEM,
-  KEY_TAB_SHIFT,
-  KEY_TAB,
-  KEY_TOGGLE_BLOCK_QUOTE,
-  KEY_TOGGLE_BOLD,
-  KEY_TOGGLE_BULLET_LIST,
-  KEY_TOGGLE_BULLET_LIST,
-  KEY_TOGGLE_CODE_BLOCK,
-  KEY_TOGGLE_HEADING_1,
-  KEY_TOGGLE_HEADING_2,
-  KEY_TOGGLE_HEADING_3,
-  KEY_TOGGLE_HEADING_4,
-  KEY_TOGGLE_HEADING_5,
-  KEY_TOGGLE_HEADING_6,
-  KEY_TOGGLE_ITALIC,
-  KEY_TOGGLE_MONOSPACE,
-  KEY_TOGGLE_ORDERED_LIST,
-  KEY_TOGGLE_STRIKETHROUGH,
-  KEY_TOGGLE_UNDERLINE,
-  KEY_UNDO,
-];
-
-export function findKeymapByDescription(description: string): ?Keymap {
-  const matches = ALL_KEYS.filter((keymap) => {
-    return keymap.description.toUpperCase() === description.toUpperCase();
-  });
-  return matches[0];
-}
-
-export function findShortcutByDescription(description: string): ?string {
-  const keymap = findKeymapByDescription(description);
-  if (keymap) {
-    return findShortcutByKeymap(keymap);
-  }
-  return null;
-}
-
-export function findShortcutByKeymap(keymap: Keymap): ?string {
-  if (browser.isMac()) {
-    return keymap.mac;
-  }
-
-  return keymap.windows;
-}

package/src/lookUpElement.js

@@ -1,14 +0,0 @@
-// @flow
-
-export default function lookUpElement(
-  el: ?Element,
-  predict: (el: Element) => boolean
-): ?Element {
-  while (el && el.nodeName) {
-    if (predict(el)) {
-      return el;
-    }
-    el = el.parentElement;
-  }
-  return null;
-}

package/src/nodeAt.js

@@ -1,12 +0,0 @@
-// @flow
-
-import { Node } from 'prosemirror-model';
-
-export default function nodeAt(doc: Node, pos: number): ?Node {
-  if (pos < 0 || pos > doc.content.size) {
-    // Exit here or error will be thrown:
-    // e.g. RangeError: Position outside of fragment.
-    return null;
-  }
-  return doc.nodeAt(pos);
-}