@modusoperandi/licit 0.1.7 → 0.1.8

package/src/ParagraphNodeSpec.js

@@ -1,160 +1,160 @@
-// @flow
-import clamp from './ui/clamp';
-import convertToCSSPTValue from './convertToCSSPTValue';
-import toCSSLineSpacing from './ui/toCSSLineSpacing';
-import { Node } from 'prosemirror-model';
-
-import type { NodeSpec } from './Types';
-
-// This assumes that every 36pt maps to one indent level.
-export const INDENT_MARGIN_PT_SIZE = 36;
-export const MIN_INDENT_LEVEL = 0;
-export const MAX_INDENT_LEVEL = 7;
-export const ATTRIBUTE_INDENT = 'data-indent';
-export const ATTRIBUTE_STYLE_LEVEL = 'data-style-level';
-export const RESERVED_STYLE_NONE = 'None';
-export const RESERVED_STYLE_NONE_NUMBERING = RESERVED_STYLE_NONE + '-@#$-';
-const cssVal = new Set < string > (['', '0%', '0pt', '0px']);
-
-export const EMPTY_CSS_VALUE = cssVal;
-
-const ALIGN_PATTERN = /(left|right|center|justify)/;
-
-// https://github.com/ProseMirror/prosemirror-schema-basic/blob/master/src/schema-basic.js
-// :: NodeSpec A plain paragraph textblock. Represented in the DOM
-// as a `<p>` element.
-const ParagraphNodeSpec: NodeSpec = {
-  attrs: {
-    align: {
-      default: null,
-    },
-    color: {
-      default: null,
-    },
-    id: {
-      default: null,
-    },
-    indent: {
-      default: null,
-    },
-    lineSpacing: {
-      default: null,
-    },
-    // TODO: Add UI to let user edit / clear padding.
-    paddingBottom: {
-      default: null,
-    },
-    // TODO: Add UI to let user edit / clear padding.
-    paddingTop: {
-      default: null,
-    },
-  },
-  content: 'inline*',
-  group: 'block',
-  parseDOM: [
-    {
-      tag: 'p',
-      getAttrs,
-    },
-  ],
-  toDOM,
-};
-
-function getAttrs(dom: HTMLElement): Object {
-  const {
-    lineHeight,
-    textAlign,
-    marginLeft,
-    paddingTop,
-    paddingBottom,
-  } = dom.style;
-
-  let align = dom.getAttribute('align') || textAlign || '';
-  align = ALIGN_PATTERN.test(align) ? align : null;
-
-  let indent = parseInt(dom.getAttribute(ATTRIBUTE_INDENT), 10);
-
-  if (!indent && marginLeft) {
-    indent = convertMarginLeftToIndentValue(marginLeft);
-  }
-
-  indent = indent || MIN_INDENT_LEVEL;
-
-  const lineSpacing = lineHeight ? toCSSLineSpacing(lineHeight) : null;
-
-  const id = dom.getAttribute('id') || '';
-  return {
-    align,
-    indent,
-    lineSpacing,
-    paddingTop,
-    paddingBottom,
-    id,
-  };
-}
-
-function getStyle(attrs: Object) {
-  return getStyleEx(
-    attrs.align,
-    attrs.lineSpacing,
-    attrs.paddingTop,
-    attrs.paddingBottom,
-  );
-}
-
-function getStyleEx(align, lineSpacing, paddingTop, paddingBottom) {
-  let style = '';
-  if (align && align !== 'left') {
-    style += `text-align: ${align};`;
-  }
-
-  if (lineSpacing) {
-    const cssLineSpacing = toCSSLineSpacing(lineSpacing);
-    style +=
-      `line-height: ${cssLineSpacing};` +
-      // This creates the local css variable `--czi-content-line-height`
-      // that its children may apply.
-      `--czi-content-line-height: ${cssLineSpacing};`;
-  }
-
-  if (paddingTop && !EMPTY_CSS_VALUE.has(paddingTop)) {
-    style += `padding-top: ${paddingTop};`;
-  }
-  if (paddingBottom && !EMPTY_CSS_VALUE.has(paddingBottom)) {
-    style += `padding-bottom: ${paddingBottom};`;
-  }
-  return { style };
-
-}
-
-function toDOM(node: Node): Array<any> {
-  const { indent, id } = node.attrs;
-  const attrs = {};
-  const { style } = getStyle(node.attrs);
-
-  style && (attrs.style = style);
-
-  if (indent) {
-    attrs[ATTRIBUTE_INDENT] = String(indent);
-  }
-  if (id) {
-    attrs.id = id;
-  }
-
-  return ['p', attrs, 0];
-}
-
-export const toParagraphDOM = toDOM;
-export const getParagraphNodeAttrs = getAttrs;
-export const getParagraphStyle = getStyle;
-
-export function convertMarginLeftToIndentValue(marginLeft: string): number {
-  const ptValue = convertToCSSPTValue(marginLeft);
-  return clamp(
-    MIN_INDENT_LEVEL,
-    Math.floor(ptValue / INDENT_MARGIN_PT_SIZE),
-    MAX_INDENT_LEVEL
-  );
-}
-
-export default ParagraphNodeSpec;
+// @flow
+import clamp from './ui/clamp';
+import convertToCSSPTValue from './convertToCSSPTValue';
+import toCSSLineSpacing from './ui/toCSSLineSpacing';
+import { Node } from 'prosemirror-model';
+
+import type { NodeSpec } from './Types';
+
+// This assumes that every 36pt maps to one indent level.
+export const INDENT_MARGIN_PT_SIZE = 36;
+export const MIN_INDENT_LEVEL = 0;
+export const MAX_INDENT_LEVEL = 7;
+export const ATTRIBUTE_INDENT = 'data-indent';
+export const ATTRIBUTE_STYLE_LEVEL = 'data-style-level';
+export const RESERVED_STYLE_NONE = 'None';
+export const RESERVED_STYLE_NONE_NUMBERING = RESERVED_STYLE_NONE + '-@#$-';
+const cssVal = new Set < string > (['', '0%', '0pt', '0px']);
+
+export const EMPTY_CSS_VALUE = cssVal;
+
+const ALIGN_PATTERN = /(left|right|center|justify)/;
+
+// https://github.com/ProseMirror/prosemirror-schema-basic/blob/master/src/schema-basic.js
+// :: NodeSpec A plain paragraph textblock. Represented in the DOM
+// as a `<p>` element.
+const ParagraphNodeSpec: NodeSpec = {
+  attrs: {
+    align: {
+      default: null,
+    },
+    color: {
+      default: null,
+    },
+    id: {
+      default: null,
+    },
+    indent: {
+      default: null,
+    },
+    lineSpacing: {
+      default: null,
+    },
+    // TODO: Add UI to let user edit / clear padding.
+    paddingBottom: {
+      default: null,
+    },
+    // TODO: Add UI to let user edit / clear padding.
+    paddingTop: {
+      default: null,
+    },
+  },
+  content: 'inline*',
+  group: 'block',
+  parseDOM: [
+    {
+      tag: 'p',
+      getAttrs,
+    },
+  ],
+  toDOM,
+};
+
+function getAttrs(dom: HTMLElement): Object {
+  const {
+    lineHeight,
+    textAlign,
+    marginLeft,
+    paddingTop,
+    paddingBottom,
+  } = dom.style;
+
+  let align = dom.getAttribute('align') || textAlign || '';
+  align = ALIGN_PATTERN.test(align) ? align : null;
+
+  let indent = parseInt(dom.getAttribute(ATTRIBUTE_INDENT), 10);
+
+  if (!indent && marginLeft) {
+    indent = convertMarginLeftToIndentValue(marginLeft);
+  }
+
+  indent = indent || MIN_INDENT_LEVEL;
+
+  const lineSpacing = lineHeight ? toCSSLineSpacing(lineHeight) : null;
+
+  const id = dom.getAttribute('id') || '';
+  return {
+    align,
+    indent,
+    lineSpacing,
+    paddingTop,
+    paddingBottom,
+    id,
+  };
+}
+
+function getStyle(attrs: Object) {
+  return getStyleEx(
+    attrs.align,
+    attrs.lineSpacing,
+    attrs.paddingTop,
+    attrs.paddingBottom,
+  );
+}
+
+function getStyleEx(align, lineSpacing, paddingTop, paddingBottom) {
+  let style = '';
+  if (align && align !== 'left') {
+    style += `text-align: ${align};`;
+  }
+
+  if (lineSpacing) {
+    const cssLineSpacing = toCSSLineSpacing(lineSpacing);
+    style +=
+      `line-height: ${cssLineSpacing};` +
+      // This creates the local css variable `--czi-content-line-height`
+      // that its children may apply.
+      `--czi-content-line-height: ${cssLineSpacing};`;
+  }
+
+  if (paddingTop && !EMPTY_CSS_VALUE.has(paddingTop)) {
+    style += `padding-top: ${paddingTop};`;
+  }
+  if (paddingBottom && !EMPTY_CSS_VALUE.has(paddingBottom)) {
+    style += `padding-bottom: ${paddingBottom};`;
+  }
+  return { style };
+
+}
+
+function toDOM(node: Node): Array<any> {
+  const { indent, id } = node.attrs;
+  const attrs = {};
+  const { style } = getStyle(node.attrs);
+
+  style && (attrs.style = style);
+
+  if (indent) {
+    attrs[ATTRIBUTE_INDENT] = String(indent);
+  }
+  if (id) {
+    attrs.id = id;
+  }
+
+  return ['p', attrs, 0];
+}
+
+export const toParagraphDOM = toDOM;
+export const getParagraphNodeAttrs = getAttrs;
+export const getParagraphStyle = getStyle;
+
+export function convertMarginLeftToIndentValue(marginLeft: string): number {
+  const ptValue = convertToCSSPTValue(marginLeft);
+  return clamp(
+    MIN_INDENT_LEVEL,
+    Math.floor(ptValue / INDENT_MARGIN_PT_SIZE),
+    MAX_INDENT_LEVEL
+  );
+}
+
+export default ParagraphNodeSpec;

package/src/ParagraphSpacingCommand.js

@@ -1,121 +1,121 @@
-// @flow
-
-import { UICommand } from '@modusoperandi/licit-doc-attrs-step';
-import { AllSelection, TextSelection } from 'prosemirror-state';
-import { BLOCKQUOTE, HEADING, LIST_ITEM, PARAGRAPH } from './NodeNames';
-import { EditorState } from 'prosemirror-state';
-import { EditorView } from 'prosemirror-view';
-import { Schema } from 'prosemirror-model';
-import { Transform } from 'prosemirror-transform';
-
-export function setParagraphSpacing(
-  tr: Transform,
-  schema: Schema,
-  paragraphSpacing: ?string,
-  isAfter: ?boolean
-): Transform {
-  const { selection, doc } = tr;
-  if (!selection || !doc) {
-    return tr;
-  }
-
-  if (
-    !(selection instanceof TextSelection) &&
-    !(selection instanceof AllSelection)
-  ) {
-    return tr;
-  }
-
-  const { from, to } = selection;
-  const paragraph = schema.nodes[PARAGRAPH];
-  const heading = schema.nodes[HEADING];
-  const listItem = schema.nodes[LIST_ITEM];
-  const blockquote = schema.nodes[BLOCKQUOTE];
-  if (!paragraph && !heading && !listItem && !blockquote) {
-    return tr;
-  }
-
-  const tasks = [];
-  const paragraphSpacingValue = paragraphSpacing || null;
-
-  doc.nodesBetween(from, to, (node, pos, parentNode) => {
-    const nodeType = node.type;
-    if (
-      nodeType === paragraph ||
-      nodeType === heading ||
-      nodeType === listItem ||
-      nodeType === blockquote
-    ) {
-      const paragraphSpacing = node.attrs.paragraphSpacing || null;
-      if (paragraphSpacing !== paragraphSpacingValue) {
-        tasks.push({
-          node,
-          pos,
-          nodeType,
-        });
-      }
-      return nodeType === listItem ? true : false;
-    }
-    return true;
-  });
-
-  if (!tasks.length) {
-    return tr;
-  }
-
-  tasks.forEach((job) => {
-    const { node, pos, nodeType } = job;
-    let { attrs } = node;
-    if (isAfter) {
-      attrs = {
-        ...attrs,
-        paragraphSpacingAfter: paragraphSpacingValue
-          ? paragraphSpacingValue
-          : null,
-      };
-    } else {
-      attrs = {
-        ...attrs,
-        paragraphSpacingBefore: paragraphSpacingValue
-          ? paragraphSpacingValue
-          : null,
-      };
-    }
-    tr = tr.setNodeMarkup(pos, nodeType, attrs, node.marks);
-  });
-
-  return tr;
-}
-
-class ParagraphSpacingCommand extends UICommand {
-  _paragraphSpacing: ?string;
-  _isAfter: ?boolean;
-
-  constructor(paragraphSpacing: ?string, isAfter: ?boolean) {
-    super();
-    this._paragraphSpacing = paragraphSpacing;
-    this._isAfter = isAfter;
-  }
-
-  execute = (
-    state: EditorState,
-    dispatch: ?(tr: Transform) => void,
-    view: ?EditorView
-  ): boolean => {
-    const { schema, selection } = state;
-    const tr = setParagraphSpacing(
-      state.tr.setSelection(selection),
-      schema,
-      this._paragraphSpacing,
-      this._isAfter
-    );
-    if (tr.docChanged) {
-      dispatch && dispatch(tr);
-      return true;
-    } else {
-      return false;
-    }
-  };
-}
-
-export default ParagraphSpacingCommand;
+// @flow
+
+import { UICommand } from '@modusoperandi/licit-doc-attrs-step';
+import { AllSelection, TextSelection } from 'prosemirror-state';
+import { BLOCKQUOTE, HEADING, LIST_ITEM, PARAGRAPH } from './NodeNames';
+import { EditorState } from 'prosemirror-state';
+import { EditorView } from 'prosemirror-view';
+import { Schema } from 'prosemirror-model';
+import { Transform } from 'prosemirror-transform';
+
+export function setParagraphSpacing(
+  tr: Transform,
+  schema: Schema,
+  paragraphSpacing: ?string,
+  isAfter: ?boolean
+): Transform {
+  const { selection, doc } = tr;
+  if (!selection || !doc) {
+    return tr;
+  }
+
+  if (
+    !(selection instanceof TextSelection) &&
+    !(selection instanceof AllSelection)
+  ) {
+    return tr;
+  }
+
+  const { from, to } = selection;
+  const paragraph = schema.nodes[PARAGRAPH];
+  const heading = schema.nodes[HEADING];
+  const listItem = schema.nodes[LIST_ITEM];
+  const blockquote = schema.nodes[BLOCKQUOTE];
+  if (!paragraph && !heading && !listItem && !blockquote) {
+    return tr;
+  }
+
+  const tasks = [];
+  const paragraphSpacingValue = paragraphSpacing || null;
+
+  doc.nodesBetween(from, to, (node, pos, parentNode) => {
+    const nodeType = node.type;
+    if (
+      nodeType === paragraph ||
+      nodeType === heading ||
+      nodeType === listItem ||
+      nodeType === blockquote
+    ) {
+      const paragraphSpacing = node.attrs.paragraphSpacing || null;
+      if (paragraphSpacing !== paragraphSpacingValue) {
+        tasks.push({
+          node,
+          pos,
+          nodeType,
+        });
+      }
+      return nodeType === listItem ? true : false;
+    }
+    return true;
+  });
+
+  if (!tasks.length) {
+    return tr;
+  }
+
+  tasks.forEach((job) => {
+    const { node, pos, nodeType } = job;
+    let { attrs } = node;
+    if (isAfter) {
+      attrs = {
+        ...attrs,
+        paragraphSpacingAfter: paragraphSpacingValue
+          ? paragraphSpacingValue
+          : null,
+      };
+    } else {
+      attrs = {
+        ...attrs,
+        paragraphSpacingBefore: paragraphSpacingValue
+          ? paragraphSpacingValue
+          : null,
+      };
+    }
+    tr = tr.setNodeMarkup(pos, nodeType, attrs, node.marks);
+  });
+
+  return tr;
+}
+
+class ParagraphSpacingCommand extends UICommand {
+  _paragraphSpacing: ?string;
+  _isAfter: ?boolean;
+
+  constructor(paragraphSpacing: ?string, isAfter: ?boolean) {
+    super();
+    this._paragraphSpacing = paragraphSpacing;
+    this._isAfter = isAfter;
+  }
+
+  execute = (
+    state: EditorState,
+    dispatch: ?(tr: Transform) => void,
+    view: ?EditorView
+  ): boolean => {
+    const { schema, selection } = state;
+    const tr = setParagraphSpacing(
+      state.tr.setSelection(selection),
+      schema,
+      this._paragraphSpacing,
+      this._isAfter
+    );
+    if (tr.docChanged) {
+      dispatch && dispatch(tr);
+      return true;
+    } else {
+      return false;
+    }
+  };
+}
+
+export default ParagraphSpacingCommand;

package/src/PrintCommand.js

@@ -1,31 +1,31 @@
-// @flow
-
-import { EditorState } from 'prosemirror-state';
-import { Transform } from 'prosemirror-transform';
-import { EditorView } from 'prosemirror-view';
-
-import { UICommand } from '@modusoperandi/licit-doc-attrs-step';
-
-class PrintCommand extends UICommand {
-  isActive = (state: EditorState): boolean => {
-    return false;
-  };
-
-  isEnabled = (state: EditorState): boolean => {
-    return !!window.print;
-  };
-
-  execute = (
-    state: EditorState,
-    dispatch: ?(tr: Transform) => void,
-    view: ?EditorView
-  ): boolean => {
-    if (dispatch && window.print) {
-      window.print();
-      return true;
-    }
-    return false;
-  };
-}
-
-export default PrintCommand;
+// @flow
+
+import { EditorState } from 'prosemirror-state';
+import { Transform } from 'prosemirror-transform';
+import { EditorView } from 'prosemirror-view';
+
+import { UICommand } from '@modusoperandi/licit-doc-attrs-step';
+
+class PrintCommand extends UICommand {
+  isActive = (state: EditorState): boolean => {
+    return false;
+  };
+
+  isEnabled = (state: EditorState): boolean => {
+    return !!window.print;
+  };
+
+  execute = (
+    state: EditorState,
+    dispatch: ?(tr: Transform) => void,
+    view: ?EditorView
+  ): boolean => {
+    if (dispatch && window.print) {
+      window.print();
+      return true;
+    }
+    return false;
+  };
+}
+
+export default PrintCommand;