@modusoperandi/licit 1.4.3 → 1.4.6

package/ListItemMergeCommand.js.flow

@@ -1,197 +1,197 @@
-// @flow
-
-import { Fragment, Schema } from 'prosemirror-model';
-import { EditorState, TextSelection } from 'prosemirror-state';
-import { Transform } from 'prosemirror-transform';
-import { findParentNodeOfType } from 'prosemirror-utils';
-import { EditorView } from 'prosemirror-view';
-import * as React from 'react';
-import { HEADING, LIST_ITEM, PARAGRAPH } from './NodeNames.js';
-import nodeAt from './nodeAt.js';
-import { UICommand } from '@modusoperandi/licit-doc-attrs-step';
-
-function mergeListItemUp(tr: Transform, schema: Schema): Transform {
-  // This merge a list item to is previous list item of the selection is at the
-  // beginning of the list item.
-  const { selection } = tr;
-  if (!selection) {
-    return tr;
-  }
-  const nodeType = schema.nodes[LIST_ITEM];
-  if (!nodeType) {
-    return tr;
-  }
-  const { from, empty } = selection;
-  if (!empty) {
-    // Selection is collapsed.
-    return tr;
-  }
-  const result = findParentNodeOfType(nodeType)(selection);
-  if (!result) {
-    return tr;
-  }
-  const { pos, node } = result;
-  if (from !== pos + 2) {
-    // Selection is not at the begining of the list item.
-    return tr;
-  }
-  const $pos = tr.doc.resolve(pos);
-  const prevNode = $pos.nodeBefore;
-  if (!prevNode || prevNode.type !== nodeType) {
-    return tr;
-  }
-  if (node.childCount !== 1) {
-    // list item should only have one child (paragraph).
-    return tr;
-  }
-
-  const paragraphNode = node.firstChild;
-  const textNode = schema.text(' ');
-
-  // Delete the list item
-  tr = tr.delete(pos - 2, pos + node.nodeSize);
-  // Append extra space character to its previous list item.
-  tr = tr.insert(pos - 2, Fragment.from(textNode));
-  // Move the content to its previous list item.
-  tr = tr.insert(pos - 1, Fragment.from(paragraphNode.content));
-  tr = tr.setSelection(TextSelection.create(tr.doc, pos - 1, pos - 1));
-  return tr;
-}
-
-function mergeListItemDown(tr: Transform, schema: Schema): Transform {
-  // This merge a list item to is next list item of the selection is at the
-  // beginning of the list item.
-  const { selection } = tr;
-  if (!selection) {
-    return tr;
-  }
-  const listItem = schema.nodes[LIST_ITEM];
-  if (!listItem) {
-    return tr;
-  }
-  const { from, empty } = selection;
-  if (!empty) {
-    // Selection is collapsed.
-    return tr;
-  }
-  const result = findParentNodeOfType(listItem)(selection);
-  if (!result) {
-    return tr;
-  }
-  const { pos, node } = result;
-  if (from !== pos + node.content.size) {
-    // Selection is not at the begining of the list item.
-    return tr;
-  }
-
-  const $pos = tr.doc.resolve(pos);
-  const list = $pos.parent.type;
-  const listResult = findParentNodeOfType(list)(selection);
-  if (!listResult) {
-    return tr;
-  }
-  const nextFrom = pos + node.nodeSize;
-  let nextNode = nodeAt(tr.doc, nextFrom);
-  let deleteFrom = nextFrom;
-  if (listResult.start + listResult.node.content.size === nextFrom) {
-    // It's at the end of the last list item. It shall bring the content of the
-    // block after the list.
-    nextNode = nodeAt(tr.doc, nextFrom + 1);
-    deleteFrom += 1;
-  }
-
-  if (!nextNode) {
-    return tr;
-  }
-
-  let nextContent;
-
-  switch (nextNode.type) {
-    case listItem: {
-      // List item should only have one child (paragraph).
-      const paragraphNode = nextNode?.firstChild;
-      nextContent = Fragment.from(paragraphNode.content);
-      break;
-    }
-    case schema.nodes[HEADING]:
-    case schema.nodes[PARAGRAPH]:
-      // Will bring in the content of the next block.
-      nextContent = Fragment.from(nextNode.content);
-      break;
-  }
-
-  if (!nextContent) {
-    return tr;
-  }
-
-  const textNode = schema.text(' ');
-  // Delete the next node.
-  tr = tr.delete(deleteFrom, deleteFrom + nextNode.nodeSize);
-  // Append extra space character to its previous list item.
-  tr = tr.insert(nextFrom - 2, nextContent);
-  // Move the content to the list item.
-  tr = tr.insert(nextFrom - 2, Fragment.from(textNode));
-  tr = tr.setSelection(
-    TextSelection.create(tr.doc, nextFrom - 2, nextFrom - 2)
-  );
-  return tr;
-}
-
-class ListItemMergeCommand extends UICommand {
-  _direction = '';
-
-  constructor(direction: string) {
-    super();
-    this._direction = direction;
-  }
-
-  isActive = (state: EditorState): boolean => {
-    return false;
-  };
-
-  execute = (
-    state: EditorState,
-    dispatch: ?(tr: Transform) => void,
-    view: ?EditorView
-  ): boolean => {
-    const { selection, schema } = state;
-    let { tr } = state;
-    const direction = this._direction;
-    if (direction === 'down') {
-      tr = mergeListItemDown(tr.setSelection(selection), schema);
-    } else if (direction === 'up') {
-      tr = mergeListItemUp(tr.setSelection(selection), schema);
-    }
-
-    if (tr.docChanged) {
-      dispatch && dispatch(tr);
-      return true;
-    } else {
-      return false;
-    }
-  };
-
-  waitForUserInput = (
-    _state: EditorState,
-    _dispatch: ?(tr: Transform) => void,
-    _view: ?EditorView,
-    _event: ?React.SyntheticEvent
-  ): Promise<undefined> => {
-    return Promise.resolve(undefined);
-  };
-
-  executeWithUserInput = (
-    _state: EditorState,
-    _dispatch: ?(tr: Transform) => void,
-    _view: ?EditorView,
-    _inputs: ?string
-  ): boolean => {
-    return false;
-  };
-
-  cancel(): void {
-    return null;
-  }
-}
-
-export default ListItemMergeCommand;
+// @flow
+
+import { Fragment, Schema } from 'prosemirror-model';
+import { EditorState, TextSelection } from 'prosemirror-state';
+import { Transform } from 'prosemirror-transform';
+import { findParentNodeOfType } from 'prosemirror-utils';
+import { EditorView } from 'prosemirror-view';
+import * as React from 'react';
+import { HEADING, LIST_ITEM, PARAGRAPH } from './NodeNames.js';
+import nodeAt from './nodeAt.js';
+import { UICommand } from '@modusoperandi/licit-doc-attrs-step';
+
+function mergeListItemUp(tr: Transform, schema: Schema): Transform {
+  // This merge a list item to is previous list item of the selection is at the
+  // beginning of the list item.
+  const { selection } = tr;
+  if (!selection) {
+    return tr;
+  }
+  const nodeType = schema.nodes[LIST_ITEM];
+  if (!nodeType) {
+    return tr;
+  }
+  const { from, empty } = selection;
+  if (!empty) {
+    // Selection is collapsed.
+    return tr;
+  }
+  const result = findParentNodeOfType(nodeType)(selection);
+  if (!result) {
+    return tr;
+  }
+  const { pos, node } = result;
+  if (from !== pos + 2) {
+    // Selection is not at the begining of the list item.
+    return tr;
+  }
+  const $pos = tr.doc.resolve(pos);
+  const prevNode = $pos.nodeBefore;
+  if (!prevNode || prevNode.type !== nodeType) {
+    return tr;
+  }
+  if (node.childCount !== 1) {
+    // list item should only have one child (paragraph).
+    return tr;
+  }
+
+  const paragraphNode = node.firstChild;
+  const textNode = schema.text(' ');
+
+  // Delete the list item
+  tr = tr.delete(pos - 2, pos + node.nodeSize);
+  // Append extra space character to its previous list item.
+  tr = tr.insert(pos - 2, Fragment.from(textNode));
+  // Move the content to its previous list item.
+  tr = tr.insert(pos - 1, Fragment.from(paragraphNode.content));
+  tr = tr.setSelection(TextSelection.create(tr.doc, pos - 1, pos - 1));
+  return tr;
+}
+
+function mergeListItemDown(tr: Transform, schema: Schema): Transform {
+  // This merge a list item to is next list item of the selection is at the
+  // beginning of the list item.
+  const { selection } = tr;
+  if (!selection) {
+    return tr;
+  }
+  const listItem = schema.nodes[LIST_ITEM];
+  if (!listItem) {
+    return tr;
+  }
+  const { from, empty } = selection;
+  if (!empty) {
+    // Selection is collapsed.
+    return tr;
+  }
+  const result = findParentNodeOfType(listItem)(selection);
+  if (!result) {
+    return tr;
+  }
+  const { pos, node } = result;
+  if (from !== pos + node.content.size) {
+    // Selection is not at the begining of the list item.
+    return tr;
+  }
+
+  const $pos = tr.doc.resolve(pos);
+  const list = $pos.parent.type;
+  const listResult = findParentNodeOfType(list)(selection);
+  if (!listResult) {
+    return tr;
+  }
+  const nextFrom = pos + node.nodeSize;
+  let nextNode = nodeAt(tr.doc, nextFrom);
+  let deleteFrom = nextFrom;
+  if (listResult.start + listResult.node.content.size === nextFrom) {
+    // It's at the end of the last list item. It shall bring the content of the
+    // block after the list.
+    nextNode = nodeAt(tr.doc, nextFrom + 1);
+    deleteFrom += 1;
+  }
+
+  if (!nextNode) {
+    return tr;
+  }
+
+  let nextContent;
+
+  switch (nextNode.type) {
+    case listItem: {
+      // List item should only have one child (paragraph).
+      const paragraphNode = nextNode?.firstChild;
+      nextContent = Fragment.from(paragraphNode.content);
+      break;
+    }
+    case schema.nodes[HEADING]:
+    case schema.nodes[PARAGRAPH]:
+      // Will bring in the content of the next block.
+      nextContent = Fragment.from(nextNode.content);
+      break;
+  }
+
+  if (!nextContent) {
+    return tr;
+  }
+
+  const textNode = schema.text(' ');
+  // Delete the next node.
+  tr = tr.delete(deleteFrom, deleteFrom + nextNode.nodeSize);
+  // Append extra space character to its previous list item.
+  tr = tr.insert(nextFrom - 2, nextContent);
+  // Move the content to the list item.
+  tr = tr.insert(nextFrom - 2, Fragment.from(textNode));
+  tr = tr.setSelection(
+    TextSelection.create(tr.doc, nextFrom - 2, nextFrom - 2)
+  );
+  return tr;
+}
+
+class ListItemMergeCommand extends UICommand {
+  _direction = '';
+
+  constructor(direction: string) {
+    super();
+    this._direction = direction;
+  }
+
+  isActive = (state: EditorState): boolean => {
+    return false;
+  };
+
+  execute = (
+    state: EditorState,
+    dispatch: ?(tr: Transform) => void,
+    view: ?EditorView
+  ): boolean => {
+    const { selection, schema } = state;
+    let { tr } = state;
+    const direction = this._direction;
+    if (direction === 'down') {
+      tr = mergeListItemDown(tr.setSelection(selection), schema);
+    } else if (direction === 'up') {
+      tr = mergeListItemUp(tr.setSelection(selection), schema);
+    }
+
+    if (tr.docChanged) {
+      dispatch && dispatch(tr);
+      return true;
+    } else {
+      return false;
+    }
+  };
+
+  waitForUserInput = (
+    _state: EditorState,
+    _dispatch: ?(tr: Transform) => void,
+    _view: ?EditorView,
+    _event: ?React.SyntheticEvent
+  ): Promise<undefined> => {
+    return Promise.resolve(undefined);
+  };
+
+  executeWithUserInput = (
+    _state: EditorState,
+    _dispatch: ?(tr: Transform) => void,
+    _view: ?EditorView,
+    _inputs: ?string
+  ): boolean => {
+    return false;
+  };
+
+  cancel(): void {
+    return null;
+  }
+}
+
+export default ListItemMergeCommand;

package/ListItemNodeSpec.js.flow

@@ -1,52 +1,52 @@
-// @flow
-
-import { Node } from 'prosemirror-model';
-
-import type { NodeSpec } from './Types.js';
-
-export const ATTRIBUTE_LIST_STYLE_TYPE = 'data-list-style-type';
-
-const ALIGN_PATTERN = /(left|right|center|justify)/;
-
-function getAttrs(dom: HTMLElement) {
-  const attrs = {};
-  const { textAlign } = dom.style;
-  let align = dom.getAttribute('data-align') || textAlign || '';
-  align = ALIGN_PATTERN.test(align) ? align : null;
-
-  if (align) {
-    attrs.align = align;
-  }
-  return attrs;
-}
-
-const ListItemNodeSpec: NodeSpec = {
-  attrs: {
-    align: { default: null },
-  },
-
-  // NOTE:
-  // This spec does not support nested lists (e.g. `'paragraph block*'`)
-  // as content because of the complexity of dealing with indentation
-  // (context: https://github.com/ProseMirror/prosemirror/issues/92).
-  // content: '(bullet_list|paragraph)+',
-  content: 'paragraph block*',
-
-  parseDOM: [{ tag: 'li', getAttrs }],
-
-  // NOTE:
-  // This method only defines the minimum HTML attributes needed when the node
-  // is serialized to HTML string. Usually this is called when user copies
-  // the node to clipboard.
-  // The actual DOM rendering logic is defined at `src/ui/ListItemNodeView.js`.
-  toDOM(node: Node): Array<any> {
-    const attrs = {};
-    const { align } = node.attrs;
-    if (align) {
-      attrs['data-align'] = align;
-    }
-    return ['li', attrs, 0];
-  },
-};
-
-export default ListItemNodeSpec;
+// @flow
+
+import { Node } from 'prosemirror-model';
+
+import type { NodeSpec } from './Types.js';
+
+export const ATTRIBUTE_LIST_STYLE_TYPE = 'data-list-style-type';
+
+const ALIGN_PATTERN = /(left|right|center|justify)/;
+
+function getAttrs(dom: HTMLElement) {
+  const attrs = {};
+  const { textAlign } = dom.style;
+  let align = dom.getAttribute('data-align') || textAlign || '';
+  align = ALIGN_PATTERN.test(align) ? align : null;
+
+  if (align) {
+    attrs.align = align;
+  }
+  return attrs;
+}
+
+const ListItemNodeSpec: NodeSpec = {
+  attrs: {
+    align: { default: null },
+  },
+
+  // NOTE:
+  // This spec does not support nested lists (e.g. `'paragraph block*'`)
+  // as content because of the complexity of dealing with indentation
+  // (context: https://github.com/ProseMirror/prosemirror/issues/92).
+  // content: '(bullet_list|paragraph)+',
+  content: 'paragraph block*',
+
+  parseDOM: [{ tag: 'li', getAttrs }],
+
+  // NOTE:
+  // This method only defines the minimum HTML attributes needed when the node
+  // is serialized to HTML string. Usually this is called when user copies
+  // the node to clipboard.
+  // The actual DOM rendering logic is defined at `src/ui/ListItemNodeView.js`.
+  toDOM(node: Node): Array<any> {
+    const attrs = {};
+    const { align } = node.attrs;
+    if (align) {
+      attrs['data-align'] = align;
+    }
+    return ['li', attrs, 0];
+  },
+};
+
+export default ListItemNodeSpec;

package/ListSplitCommand.js.flow

@@ -1,54 +1,54 @@
-// @flow
-
-import { Schema } from 'prosemirror-model';
-import { EditorState } from 'prosemirror-state';
-import { Transform } from 'prosemirror-transform';
-import { EditorView } from 'prosemirror-view';
-import * as React from 'react';
-import splitListItem from './splitListItem.js';
-import { UICommand } from '@modusoperandi/licit-doc-attrs-step';
-
-class ListSplitCommand extends UICommand {
-  constructor(schema: Schema) {
-    super();
-  }
-
-  execute = (
-    state: EditorState,
-    dispatch: ?(tr: Transform) => void,
-    view: ?EditorView
-  ): boolean => {
-    const { selection, schema } = state;
-    const tr = splitListItem(state.tr.setSelection(selection), schema);
-    if (tr.docChanged) {
-      dispatch && dispatch(tr);
-      return true;
-    } else {
-      return false;
-    }
-  };
-
-  waitForUserInput = (
-    _state: EditorState,
-    _dispatch: ?(tr: Transform) => void,
-    _view: ?EditorView,
-    _event: ?React.SyntheticEvent
-  ): Promise<undefined> => {
-    return Promise.resolve(undefined);
-  };
-
-  executeWithUserInput = (
-    _state: EditorState,
-    _dispatch: ?(tr: Transform) => void,
-    _view: ?EditorView,
-    _inputs: ?string
-  ): boolean => {
-    return false;
-  };
-
-  cancel(): void {
-    return null;
-  }
-}
-
-export default ListSplitCommand;
+// @flow
+
+import { Schema } from 'prosemirror-model';
+import { EditorState } from 'prosemirror-state';
+import { Transform } from 'prosemirror-transform';
+import { EditorView } from 'prosemirror-view';
+import * as React from 'react';
+import splitListItem from './splitListItem.js';
+import { UICommand } from '@modusoperandi/licit-doc-attrs-step';
+
+class ListSplitCommand extends UICommand {
+  constructor(schema: Schema) {
+    super();
+  }
+
+  execute = (
+    state: EditorState,
+    dispatch: ?(tr: Transform) => void,
+    view: ?EditorView
+  ): boolean => {
+    const { selection, schema } = state;
+    const tr = splitListItem(state.tr.setSelection(selection), schema);
+    if (tr.docChanged) {
+      dispatch && dispatch(tr);
+      return true;
+    } else {
+      return false;
+    }
+  };
+
+  waitForUserInput = (
+    _state: EditorState,
+    _dispatch: ?(tr: Transform) => void,
+    _view: ?EditorView,
+    _event: ?React.SyntheticEvent
+  ): Promise<undefined> => {
+    return Promise.resolve(undefined);
+  };
+
+  executeWithUserInput = (
+    _state: EditorState,
+    _dispatch: ?(tr: Transform) => void,
+    _view: ?EditorView,
+    _inputs: ?string
+  ): boolean => {
+    return false;
+  };
+
+  cancel(): void {
+    return null;
+  }
+}
+
+export default ListSplitCommand;