@modusoperandi/licit 1.0.4 → 1.0.7

package/OrderedListNodeSpec.js.flow

@@ -1,132 +1,132 @@
-// @flow
-
-import { Node } from 'prosemirror-model';
-
-import { ATTRIBUTE_LIST_STYLE_TYPE } from './ListItemNodeSpec.js';
-import { LIST_ITEM } from './NodeNames.js';
-import { ATTRIBUTE_INDENT, MIN_INDENT_LEVEL, RESERVED_STYLE_NONE } from './ParagraphNodeSpec.js';
-
-import type { NodeSpec } from './Types.js';
-
-export const ATTRIBUTE_COUNTER_RESET = 'data-counter-reset';
-export const ATTRIBUTE_FOLLOWING = 'data-following';
-const AUTO_LIST_STYLE_TYPES = ['decimal', 'lower-alpha', 'lower-roman'];
-
-const OrderedListNodeSpec: NodeSpec = {
-  attrs: {
-    id: { default: null },
-    counterReset: { default: null },
-    indent: { default: MIN_INDENT_LEVEL },
-    following: { default: null },
-    listStyleType: { default: null },
-    name: { default: null },
-    start: { default: 1 },
-    type: { default: 'decimal' },
-    styleName: { default: RESERVED_STYLE_NONE },
-  },
-  group: 'block',
-  content: LIST_ITEM + '+',
-  parseDOM: [
-    {
-      tag: 'ol',
-      getAttrs(dom: HTMLElement) {
-        const listStyleType = dom.getAttribute(ATTRIBUTE_LIST_STYLE_TYPE);
-        const counterReset =
-          dom.getAttribute(ATTRIBUTE_COUNTER_RESET) || undefined;
-
-        const start = dom.hasAttribute('start')
-          ? parseInt(dom.getAttribute('start'), 10)
-          : 1;
-
-        const indent = dom.hasAttribute(ATTRIBUTE_INDENT)
-          ? parseInt(dom.getAttribute(ATTRIBUTE_INDENT), 10)
-          : MIN_INDENT_LEVEL;
-
-        const name = dom.getAttribute('name') || undefined;
-
-        const following = dom.getAttribute(ATTRIBUTE_FOLLOWING) || undefined;
-        const type = dom.getAttribute('type') || undefined;
-
-        return {
-          counterReset,
-          following,
-          indent,
-          listStyleType,
-          name,
-          start,
-          type,
-        };
-      },
-    },
-  ],
-  toDOM(node: Node) {
-    const {
-      start,
-      indent,
-      listStyleType,
-      counterReset,
-      following,
-      name,
-      type,
-    } = node.attrs;
-    const attrs: Object = {
-      [ATTRIBUTE_INDENT]: indent,
-    };
-
-    if (counterReset === 'none') {
-      attrs[ATTRIBUTE_COUNTER_RESET] = counterReset;
-    }
-
-    if (following) {
-      attrs[ATTRIBUTE_FOLLOWING] = following;
-    }
-
-    if (listStyleType) {
-      attrs[ATTRIBUTE_LIST_STYLE_TYPE] = listStyleType;
-    }
-
-    if (start !== 1) {
-      attrs.start = start;
-    }
-
-    if (name) {
-      attrs.name = name;
-    }
-    let htmlListStyleType = listStyleType;
-
-    if (!htmlListStyleType || htmlListStyleType === 'decimal') {
-      htmlListStyleType =
-        AUTO_LIST_STYLE_TYPES[indent % AUTO_LIST_STYLE_TYPES.length];
-    }
-
-    const cssCounterName = `czi-counter-${indent}`;
-    if ('x.x.x' === type) {
-      if (RESERVED_STYLE_NONE !== node.attrs.styleName) {
-        attrs.style = buildStyleClass(indent, node.attrs.start);
-      } else {
-        attrs.style =
-          `--czi-counter-name: ${cssCounterName};` +
-          `--czi-counter-reset: ${following ? 'none' : start - 1};` +
-          `--czi-list-style-type: ${htmlListStyleType}`;
-      }
-    } else {
-      attrs.style =
-        `--czi-counter-name: ${cssCounterName};` +
-        `--czi-counter-reset: ${following ? 'none' : start - 1};` +
-        `--czi-list-style-type: ${htmlListStyleType}`;
-    }
-    attrs.type = type;
-
-    return ['ol', attrs, 0];
-  },
-};
-
-function buildStyleClass(indent, start) {
-  const cssCounterName = `czi-counter-${indent}`;
-  let cssCounterReset = `czi-counter-${indent} ${start - 1} `;
-  for (let index = 0; index < indent; index++) {
-    cssCounterReset += `czi-counter-${index} 1 `;
-  }
-  return `--czi-counter-name: ${cssCounterName}; counter-reset: ${cssCounterReset};`;
-}
-export default OrderedListNodeSpec;
+// @flow
+
+import { Node } from 'prosemirror-model';
+
+import { ATTRIBUTE_LIST_STYLE_TYPE } from './ListItemNodeSpec.js';
+import { LIST_ITEM } from './NodeNames.js';
+import { ATTRIBUTE_INDENT, MIN_INDENT_LEVEL, RESERVED_STYLE_NONE } from './ParagraphNodeSpec.js';
+
+import type { NodeSpec } from './Types.js';
+
+export const ATTRIBUTE_COUNTER_RESET = 'data-counter-reset';
+export const ATTRIBUTE_FOLLOWING = 'data-following';
+const AUTO_LIST_STYLE_TYPES = ['decimal', 'lower-alpha', 'lower-roman'];
+
+const OrderedListNodeSpec: NodeSpec = {
+  attrs: {
+    id: { default: null },
+    counterReset: { default: null },
+    indent: { default: MIN_INDENT_LEVEL },
+    following: { default: null },
+    listStyleType: { default: null },
+    name: { default: null },
+    start: { default: 1 },
+    type: { default: 'decimal' },
+    styleName: { default: RESERVED_STYLE_NONE },
+  },
+  group: 'block',
+  content: LIST_ITEM + '+',
+  parseDOM: [
+    {
+      tag: 'ol',
+      getAttrs(dom: HTMLElement) {
+        const listStyleType = dom.getAttribute(ATTRIBUTE_LIST_STYLE_TYPE);
+        const counterReset =
+          dom.getAttribute(ATTRIBUTE_COUNTER_RESET) || undefined;
+
+        const start = dom.hasAttribute('start')
+          ? parseInt(dom.getAttribute('start'), 10)
+          : 1;
+
+        const indent = dom.hasAttribute(ATTRIBUTE_INDENT)
+          ? parseInt(dom.getAttribute(ATTRIBUTE_INDENT), 10)
+          : MIN_INDENT_LEVEL;
+
+        const name = dom.getAttribute('name') || undefined;
+
+        const following = dom.getAttribute(ATTRIBUTE_FOLLOWING) || undefined;
+        const type = dom.getAttribute('type') || undefined;
+
+        return {
+          counterReset,
+          following,
+          indent,
+          listStyleType,
+          name,
+          start,
+          type,
+        };
+      },
+    },
+  ],
+  toDOM(node: Node) {
+    const {
+      start,
+      indent,
+      listStyleType,
+      counterReset,
+      following,
+      name,
+      type,
+    } = node.attrs;
+    const attrs: Object = {
+      [ATTRIBUTE_INDENT]: indent,
+    };
+
+    if (counterReset === 'none') {
+      attrs[ATTRIBUTE_COUNTER_RESET] = counterReset;
+    }
+
+    if (following) {
+      attrs[ATTRIBUTE_FOLLOWING] = following;
+    }
+
+    if (listStyleType) {
+      attrs[ATTRIBUTE_LIST_STYLE_TYPE] = listStyleType;
+    }
+
+    if (start !== 1) {
+      attrs.start = start;
+    }
+
+    if (name) {
+      attrs.name = name;
+    }
+    let htmlListStyleType = listStyleType;
+
+    if (!htmlListStyleType || htmlListStyleType === 'decimal') {
+      htmlListStyleType =
+        AUTO_LIST_STYLE_TYPES[indent % AUTO_LIST_STYLE_TYPES.length];
+    }
+
+    const cssCounterName = `czi-counter-${indent}`;
+    if ('x.x.x' === type) {
+      if (RESERVED_STYLE_NONE !== node.attrs.styleName) {
+        attrs.style = buildStyleClass(indent, node.attrs.start);
+      } else {
+        attrs.style =
+          `--czi-counter-name: ${cssCounterName};` +
+          `--czi-counter-reset: ${following ? 'none' : start - 1};` +
+          `--czi-list-style-type: ${htmlListStyleType}`;
+      }
+    } else {
+      attrs.style =
+        `--czi-counter-name: ${cssCounterName};` +
+        `--czi-counter-reset: ${following ? 'none' : start - 1};` +
+        `--czi-list-style-type: ${htmlListStyleType}`;
+    }
+    attrs.type = type;
+
+    return ['ol', attrs, 0];
+  },
+};
+
+function buildStyleClass(indent, start) {
+  const cssCounterName = `czi-counter-${indent}`;
+  let cssCounterReset = `czi-counter-${indent} ${start - 1} `;
+  for (let index = 0; index < indent; index++) {
+    cssCounterReset += `czi-counter-${index} 1 `;
+  }
+  return `--czi-counter-name: ${cssCounterName}; counter-reset: ${cssCounterReset};`;
+}
+export default OrderedListNodeSpec;

package/ParagraphNodeSpec.js

@@ -40,6 +40,9 @@ var ParagraphNodeSpec = {
     // TODO: Add UI to let user edit / clear padding.
     paddingTop: {
       "default": null
+    },
+    innerLink: {
+      "default": null
     }
   },
   content: 'inline*',
@@ -66,13 +69,15 @@ function getAttrs(dom) {
   indent = indent || MIN_INDENT_LEVEL;
   var lineSpacing = lineHeight ? toCSSLineSpacing(lineHeight) : null;
   var id = dom.getAttribute('id') || '';
+  var innerLink = dom.getAttribute('innerLink') || '';
   return {
     align: align,
     indent: indent,
     lineSpacing: lineSpacing,
     paddingTop: paddingTop,
     paddingBottom: paddingBottom,
-    id: id
+    id: id,
+    innerLink: innerLink
   };
 }
 function getStyle(attrs) {
@@ -102,7 +107,8 @@ function getStyleEx(align, lineSpacing, paddingTop, paddingBottom) {
 function toDOM(node) {
   var _node$attrs = node.attrs,
     indent = _node$attrs.indent,
-    id = _node$attrs.id;
+    id = _node$attrs.id,
+    innerLink = _node$attrs.innerLink;
   var attrs = {};
   var _getStyle = getStyle(node.attrs),
     style = _getStyle.style;
@@ -113,6 +119,9 @@ function toDOM(node) {
   if (id) {
     attrs.id = id;
   }
+  if (innerLink) {
+    attrs.innerLink = innerLink;
+  }
   return ['p', attrs, 0];
 }
 export var toParagraphDOM = toDOM;

package/ParagraphNodeSpec.js.flow

@@ -1,156 +1,163 @@
-// @flow
-
-import convertToCSSPTValue from './convertToCSSPTValue.js';
-import toCSSLineSpacing from './ui/toCSSLineSpacing.js';
-import { Node } from 'prosemirror-model';
-
-import type { NodeSpec } from './Types.js';
-
-// 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(['', '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 Math.min(Math.max(Math.floor(ptValue / INDENT_MARGIN_PT_SIZE), MIN_INDENT_LEVEL), MAX_INDENT_LEVEL);
-}
-
-export default ParagraphNodeSpec;
+// @flow
+
+import convertToCSSPTValue from './convertToCSSPTValue.js';
+import toCSSLineSpacing from './ui/toCSSLineSpacing.js';
+import { Node } from 'prosemirror-model';
+
+import type { NodeSpec } from './Types.js';
+
+// 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(['', '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,
+    },
+    innerLink: {
+      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') || '';
+  const innerLink = dom.getAttribute('innerLink') || '';
+  return {
+    align,
+    indent,
+    lineSpacing,
+    paddingTop,
+    paddingBottom,
+    id,
+    innerLink,
+  };
+}
+
+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, innerLink } = 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;
+  }
+  if (innerLink) {
+    attrs.innerLink = innerLink;
+  }
+  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 Math.min(Math.max(Math.floor(ptValue / INDENT_MARGIN_PT_SIZE), MIN_INDENT_LEVEL), MAX_INDENT_LEVEL);
+}
+
+export default ParagraphNodeSpec;