@modusoperandi/licit 0.1.7 → 0.1.8

package/dist/TextAlignCommand.js.flow

@@ -1,122 +1,122 @@
-// @flow
-
-import { Schema } from 'prosemirror-model';
-import { AllSelection, EditorState, TextSelection } from 'prosemirror-state';
-import { Transform } from 'prosemirror-transform';
-import { EditorView } from 'prosemirror-view';
-
-import { BLOCKQUOTE, HEADING, LIST_ITEM, PARAGRAPH } from './NodeNames';
-import { UICommand } from '@modusoperandi/licit-doc-attrs-step';
-
-export function setTextAlign(
-  tr: Transform,
-  schema: Schema,
-  alignment: ?string
-): Transform {
-  const { selection, doc } = tr;
-  if (!selection || !doc) {
-    return tr;
-  }
-  const { from, to } = selection;
-  const { nodes } = schema;
-
-  const blockquote = nodes[BLOCKQUOTE];
-  const listItem = nodes[LIST_ITEM];
-  const heading = nodes[HEADING];
-  const paragraph = nodes[PARAGRAPH];
-
-  const tasks = [];
-  alignment = alignment || null;
-
-  const allowedNodeTypes = new Set([blockquote, heading, listItem, paragraph]);
-
-  doc.nodesBetween(from, to, (node, pos, parentNode) => {
-    const nodeType = node.type;
-    const align = node.attrs.align || null;
-    if (align !== alignment && allowedNodeTypes.has(nodeType)) {
-      tasks.push({
-        node,
-        pos,
-        nodeType,
-      });
-    }
-    return true;
-  });
-
-  if (!tasks.length) {
-    return tr;
-  }
-
-  tasks.forEach((job) => {
-    const { node, pos, nodeType } = job;
-    let { attrs } = node;
-    if (alignment) {
-      attrs = {
-        ...attrs,
-        align: alignment,
-      };
-    } else {
-      attrs = {
-        ...attrs,
-        align: null,
-      };
-    }
-    tr = tr.setNodeMarkup(pos, nodeType, attrs, node.marks);
-  });
-
-  return tr;
-}
-
-class TextAlignCommand extends UICommand {
-  _alignment: string;
-
-  constructor(alignment: string) {
-    super();
-    this._alignment = alignment;
-  }
-
-  isActive = (state: EditorState): boolean => {
-    const { selection, doc } = state;
-    const { from, to } = selection;
-    let keepLooking = true;
-    let active = false;
-    doc.nodesBetween(from, to, (node, pos) => {
-      if (keepLooking && node.attrs.align === this._alignment) {
-        keepLooking = false;
-        active = true;
-      }
-      return keepLooking;
-    });
-    return active;
-  };
-
-  isEnabled = (state: EditorState): boolean => {
-    const { selection } = state;
-    return (
-      selection instanceof TextSelection || selection instanceof AllSelection
-    );
-  };
-
-  execute = (
-    state: EditorState,
-    dispatch: ?(tr: Transform) => void,
-    view: ?EditorView
-  ): boolean => {
-    const { schema, selection } = state;
-    const tr = setTextAlign(
-      state.tr.setSelection(selection),
-      schema,
-      this._alignment
-    );
-    if (tr.docChanged) {
-      dispatch && dispatch(tr);
-      return true;
-    } else {
-      return false;
-    }
-  };
-
-
-}
-
-export default TextAlignCommand;
+// @flow
+
+import { Schema } from 'prosemirror-model';
+import { AllSelection, EditorState, TextSelection } from 'prosemirror-state';
+import { Transform } from 'prosemirror-transform';
+import { EditorView } from 'prosemirror-view';
+
+import { BLOCKQUOTE, HEADING, LIST_ITEM, PARAGRAPH } from './NodeNames';
+import { UICommand } from '@modusoperandi/licit-doc-attrs-step';
+
+export function setTextAlign(
+  tr: Transform,
+  schema: Schema,
+  alignment: ?string
+): Transform {
+  const { selection, doc } = tr;
+  if (!selection || !doc) {
+    return tr;
+  }
+  const { from, to } = selection;
+  const { nodes } = schema;
+
+  const blockquote = nodes[BLOCKQUOTE];
+  const listItem = nodes[LIST_ITEM];
+  const heading = nodes[HEADING];
+  const paragraph = nodes[PARAGRAPH];
+
+  const tasks = [];
+  alignment = alignment || null;
+
+  const allowedNodeTypes = new Set([blockquote, heading, listItem, paragraph]);
+
+  doc.nodesBetween(from, to, (node, pos, parentNode) => {
+    const nodeType = node.type;
+    const align = node.attrs.align || null;
+    if (align !== alignment && allowedNodeTypes.has(nodeType)) {
+      tasks.push({
+        node,
+        pos,
+        nodeType,
+      });
+    }
+    return true;
+  });
+
+  if (!tasks.length) {
+    return tr;
+  }
+
+  tasks.forEach((job) => {
+    const { node, pos, nodeType } = job;
+    let { attrs } = node;
+    if (alignment) {
+      attrs = {
+        ...attrs,
+        align: alignment,
+      };
+    } else {
+      attrs = {
+        ...attrs,
+        align: null,
+      };
+    }
+    tr = tr.setNodeMarkup(pos, nodeType, attrs, node.marks);
+  });
+
+  return tr;
+}
+
+class TextAlignCommand extends UICommand {
+  _alignment: string;
+
+  constructor(alignment: string) {
+    super();
+    this._alignment = alignment;
+  }
+
+  isActive = (state: EditorState): boolean => {
+    const { selection, doc } = state;
+    const { from, to } = selection;
+    let keepLooking = true;
+    let active = false;
+    doc.nodesBetween(from, to, (node, pos) => {
+      if (keepLooking && node.attrs.align === this._alignment) {
+        keepLooking = false;
+        active = true;
+      }
+      return keepLooking;
+    });
+    return active;
+  };
+
+  isEnabled = (state: EditorState): boolean => {
+    const { selection } = state;
+    return (
+      selection instanceof TextSelection || selection instanceof AllSelection
+    );
+  };
+
+  execute = (
+    state: EditorState,
+    dispatch: ?(tr: Transform) => void,
+    view: ?EditorView
+  ): boolean => {
+    const { schema, selection } = state;
+    const tr = setTextAlign(
+      state.tr.setSelection(selection),
+      schema,
+      this._alignment
+    );
+    if (tr.docChanged) {
+      dispatch && dispatch(tr);
+      return true;
+    } else {
+      return false;
+    }
+  };
+
+
+}
+
+export default TextAlignCommand;

package/dist/TextColorCommand.js.flow

@@ -1,87 +1,87 @@
-// @flow
-
-import ColorEditor from './ui/ColorEditor';
-import { UICommand } from '@modusoperandi/licit-doc-attrs-step';
-import applyMark from './applyMark';
-import createPopUp from './ui/createPopUp';
-import findNodesWithSameMark from './findNodesWithSameMark';
-import isTextStyleMarkCommandEnabled from './isTextStyleMarkCommandEnabled';
-import nullthrows from 'nullthrows';
-import { EditorState } from 'prosemirror-state';
-import { EditorView } from 'prosemirror-view';
-import { MARK_TEXT_COLOR } from './MarkNames';
-import { Transform } from 'prosemirror-transform';
-
-class TextColorCommand extends UICommand {
-  _popUp = null;
-  _color = '';
-
-  constructor(color: ?string) {
-    super();
-    this._color = color;
-  }
-  isEnabled = (state: EditorState): boolean => {
-    return isTextStyleMarkCommandEnabled(state, MARK_TEXT_COLOR);
-  };
-
-  waitForUserInput = (
-    state: EditorState,
-    dispatch: ?(tr: Transform) => void,
-    view: ?EditorView,
-    event: ?SyntheticEvent<>
-  ): Promise<any> => {
-    if (this._popUp) {
-      return Promise.resolve(undefined);
-    }
-    const target = nullthrows(event).currentTarget;
-    if (!(target instanceof HTMLElement)) {
-      return Promise.resolve(undefined);
-    }
-
-    const { doc, selection, schema } = state;
-    const markType = schema.marks[MARK_TEXT_COLOR];
-    const anchor = event ? event.currentTarget : null;
-    const { from, to } = selection;
-    const result = findNodesWithSameMark(doc, from, to, markType);
-    const hex = result ? result.mark.attrs.color : null;
-    return new Promise((resolve) => {
-      this._popUp = createPopUp(
-        ColorEditor,
-        { hex },
-        {
-          anchor,
-          onClose: (val) => {
-            if (this._popUp) {
-              this._popUp = null;
-              resolve(val);
-            }
-          },
-        }
-      );
-    });
-  };
-
-  executeWithUserInput = (
-    state: EditorState,
-    dispatch: ?(tr: Transform) => void,
-    view: ?EditorView,
-    color: ?string
-  ): boolean => {
-    if (dispatch && color !== undefined) {
-      const { schema } = state;
-      const markType = schema.marks[MARK_TEXT_COLOR];
-      const attrs = color ? { color } : null;
-      const tr = applyMark(state.tr, schema, markType, attrs);
-      if (tr.docChanged || tr.storedMarksSet) {
-        // If selection is empty, the color is added to `storedMarks`, which
-        // works like `toggleMark`
-        // (see https://prosemirror.net/docs/ref/#commands.toggleMark).
-        dispatch(tr);
-        return true;
-      }
-    }
-    return false;
-  };
-}
-
-export default TextColorCommand;
+// @flow
+
+import ColorEditor from './ui/ColorEditor';
+import { UICommand } from '@modusoperandi/licit-doc-attrs-step';
+import applyMark from './applyMark';
+import createPopUp from './ui/createPopUp';
+import findNodesWithSameMark from './findNodesWithSameMark';
+import isTextStyleMarkCommandEnabled from './isTextStyleMarkCommandEnabled';
+import nullthrows from 'nullthrows';
+import { EditorState } from 'prosemirror-state';
+import { EditorView } from 'prosemirror-view';
+import { MARK_TEXT_COLOR } from './MarkNames';
+import { Transform } from 'prosemirror-transform';
+
+class TextColorCommand extends UICommand {
+  _popUp = null;
+  _color = '';
+
+  constructor(color: ?string) {
+    super();
+    this._color = color;
+  }
+  isEnabled = (state: EditorState): boolean => {
+    return isTextStyleMarkCommandEnabled(state, MARK_TEXT_COLOR);
+  };
+
+  waitForUserInput = (
+    state: EditorState,
+    dispatch: ?(tr: Transform) => void,
+    view: ?EditorView,
+    event: ?SyntheticEvent<>
+  ): Promise<any> => {
+    if (this._popUp) {
+      return Promise.resolve(undefined);
+    }
+    const target = nullthrows(event).currentTarget;
+    if (!(target instanceof HTMLElement)) {
+      return Promise.resolve(undefined);
+    }
+
+    const { doc, selection, schema } = state;
+    const markType = schema.marks[MARK_TEXT_COLOR];
+    const anchor = event ? event.currentTarget : null;
+    const { from, to } = selection;
+    const result = findNodesWithSameMark(doc, from, to, markType);
+    const hex = result ? result.mark.attrs.color : null;
+    return new Promise((resolve) => {
+      this._popUp = createPopUp(
+        ColorEditor,
+        { hex },
+        {
+          anchor,
+          onClose: (val) => {
+            if (this._popUp) {
+              this._popUp = null;
+              resolve(val);
+            }
+          },
+        }
+      );
+    });
+  };
+
+  executeWithUserInput = (
+    state: EditorState,
+    dispatch: ?(tr: Transform) => void,
+    view: ?EditorView,
+    color: ?string
+  ): boolean => {
+    if (dispatch && color !== undefined) {
+      const { schema } = state;
+      const markType = schema.marks[MARK_TEXT_COLOR];
+      const attrs = color ? { color } : null;
+      const tr = applyMark(state.tr, schema, markType, attrs);
+      if (tr.docChanged || tr.storedMarksSet) {
+        // If selection is empty, the color is added to `storedMarks`, which
+        // works like `toggleMark`
+        // (see https://prosemirror.net/docs/ref/#commands.toggleMark).
+        dispatch(tr);
+        return true;
+      }
+    }
+    return false;
+  };
+}
+
+export default TextColorCommand;

package/dist/TextColorMarkSpec.js.flow

@@ -1,35 +1,35 @@
-// @flow
-
-import { Node } from 'prosemirror-model';
-
-import toCSSColor from './ui/toCSSColor';
-
-import type { MarkSpec } from './Types';
-
-const TextColorMarkSpec: MarkSpec = {
-  attrs: {
-    color: '',
-  },
-  inline: true,
-  group: 'inline',
-  parseDOM: [
-    {
-      style: 'color',
-      getAttrs: (color) => {
-        return {
-          color: toCSSColor(color),
-        };
-      },
-    },
-  ],
-  toDOM(node: Node) {
-    const { color } = node.attrs;
-    let style = '';
-    if (color) {
-      style += `color: ${color};`;
-    }
-    return ['span', { style }, 0];
-  },
-};
-
-export default TextColorMarkSpec;
+// @flow
+
+import { Node } from 'prosemirror-model';
+
+import toCSSColor from './ui/toCSSColor';
+
+import type { MarkSpec } from './Types';
+
+const TextColorMarkSpec: MarkSpec = {
+  attrs: {
+    color: '',
+  },
+  inline: true,
+  group: 'inline',
+  parseDOM: [
+    {
+      style: 'color',
+      getAttrs: (color) => {
+        return {
+          color: toCSSColor(color),
+        };
+      },
+    },
+  ],
+  toDOM(node: Node) {
+    const { color } = node.attrs;
+    let style = '';
+    if (color) {
+      style += `color: ${color};`;
+    }
+    return ['span', { style }, 0];
+  },
+};
+
+export default TextColorMarkSpec;

package/dist/TextHighlightCommand.js.flow

@@ -1,91 +1,91 @@
-// @flow
-
-import ColorEditor from './ui/ColorEditor';
-import { UICommand } from '@modusoperandi/licit-doc-attrs-step';
-import applyMark from './applyMark';
-import createPopUp from './ui/createPopUp';
-import findNodesWithSameMark from './findNodesWithSameMark';
-import isTextStyleMarkCommandEnabled from './isTextStyleMarkCommandEnabled';
-import nullthrows from 'nullthrows';
-import { EditorState } from 'prosemirror-state';
-import { EditorView } from 'prosemirror-view';
-import { MARK_TEXT_HIGHLIGHT } from './MarkNames';
-import { Transform } from 'prosemirror-transform';
-
-class TextHighlightCommand extends UICommand {
-  _popUp = null;
-  _color = '';
-
-  constructor(color: ?string) {
-    super();
-    this._color = color;
-  }
-  isEnabled = (state: EditorState): boolean => {
-    return isTextStyleMarkCommandEnabled(state, MARK_TEXT_HIGHLIGHT);
-  };
-
-  waitForUserInput = (
-    state: EditorState,
-    dispatch: ?(tr: Transform) => void,
-    view: ?EditorView,
-    event: ?SyntheticEvent<>
-  ): Promise<any> => {
-    if (this._popUp) {
-      return Promise.resolve(undefined);
-    }
-    const target = nullthrows(event).currentTarget;
-    if (!(target instanceof HTMLElement)) {
-      return Promise.resolve(undefined);
-    }
-
-    const { doc, selection, schema } = state;
-    const markType = schema.marks[MARK_TEXT_HIGHLIGHT];
-    const { from, to } = selection;
-    const result = findNodesWithSameMark(doc, from, to, markType);
-    const hex = result ? result.mark.attrs.highlightColor : null;
-    const anchor = event ? event.currentTarget : null;
-    return new Promise((resolve) => {
-      this._popUp = createPopUp(
-        ColorEditor,
-        { hex },
-        {
-          anchor,
-          onClose: (val) => {
-            if (this._popUp) {
-              this._popUp = null;
-              resolve(val);
-            }
-          },
-        }
-      );
-    });
-  };
-
-  executeWithUserInput = (
-    state: EditorState,
-    dispatch: ?(tr: Transform) => void,
-    view: ?EditorView,
-    color: ?string
-  ): boolean => {
-    if (dispatch && color !== undefined) {
-      const { schema } = state;
-      let { tr } = state;
-      const markType = schema.marks[MARK_TEXT_HIGHLIGHT];
-      const attrs = color ? { highlightColor: color } : null;
-      // tr = applyMark(tr.setSelection(state.selection), schema, markType, attrs);
-      tr = applyMark(tr, schema, markType, attrs);
-      if (tr.docChanged || tr.storedMarksSet) {
-        // If selection is empty, the color is added to `storedMarks`, which
-        // works like `toggleMark`
-        // (see https://prosemirror.net/docs/ref/#commands.toggleMark).
-        dispatch(tr);
-        return true;
-      }
-    }
-    return false;
-  };
-
-
-}
-
-export default TextHighlightCommand;
+// @flow
+
+import ColorEditor from './ui/ColorEditor';
+import { UICommand } from '@modusoperandi/licit-doc-attrs-step';
+import applyMark from './applyMark';
+import createPopUp from './ui/createPopUp';
+import findNodesWithSameMark from './findNodesWithSameMark';
+import isTextStyleMarkCommandEnabled from './isTextStyleMarkCommandEnabled';
+import nullthrows from 'nullthrows';
+import { EditorState } from 'prosemirror-state';
+import { EditorView } from 'prosemirror-view';
+import { MARK_TEXT_HIGHLIGHT } from './MarkNames';
+import { Transform } from 'prosemirror-transform';
+
+class TextHighlightCommand extends UICommand {
+  _popUp = null;
+  _color = '';
+
+  constructor(color: ?string) {
+    super();
+    this._color = color;
+  }
+  isEnabled = (state: EditorState): boolean => {
+    return isTextStyleMarkCommandEnabled(state, MARK_TEXT_HIGHLIGHT);
+  };
+
+  waitForUserInput = (
+    state: EditorState,
+    dispatch: ?(tr: Transform) => void,
+    view: ?EditorView,
+    event: ?SyntheticEvent<>
+  ): Promise<any> => {
+    if (this._popUp) {
+      return Promise.resolve(undefined);
+    }
+    const target = nullthrows(event).currentTarget;
+    if (!(target instanceof HTMLElement)) {
+      return Promise.resolve(undefined);
+    }
+
+    const { doc, selection, schema } = state;
+    const markType = schema.marks[MARK_TEXT_HIGHLIGHT];
+    const { from, to } = selection;
+    const result = findNodesWithSameMark(doc, from, to, markType);
+    const hex = result ? result.mark.attrs.highlightColor : null;
+    const anchor = event ? event.currentTarget : null;
+    return new Promise((resolve) => {
+      this._popUp = createPopUp(
+        ColorEditor,
+        { hex },
+        {
+          anchor,
+          onClose: (val) => {
+            if (this._popUp) {
+              this._popUp = null;
+              resolve(val);
+            }
+          },
+        }
+      );
+    });
+  };
+
+  executeWithUserInput = (
+    state: EditorState,
+    dispatch: ?(tr: Transform) => void,
+    view: ?EditorView,
+    color: ?string
+  ): boolean => {
+    if (dispatch && color !== undefined) {
+      const { schema } = state;
+      let { tr } = state;
+      const markType = schema.marks[MARK_TEXT_HIGHLIGHT];
+      const attrs = color ? { highlightColor: color } : null;
+      // tr = applyMark(tr.setSelection(state.selection), schema, markType, attrs);
+      tr = applyMark(tr, schema, markType, attrs);
+      if (tr.docChanged || tr.storedMarksSet) {
+        // If selection is empty, the color is added to `storedMarks`, which
+        // works like `toggleMark`
+        // (see https://prosemirror.net/docs/ref/#commands.toggleMark).
+        dispatch(tr);
+        return true;
+      }
+    }
+    return false;
+  };
+
+
+}
+
+export default TextHighlightCommand;