@modusoperandi/licit 0.1.4 → 0.1.8

package/src/FontTypeMarkSpec.js

@@ -1,80 +1,80 @@
-// @flow
-
-import { Node } from 'prosemirror-model';
-import type { MarkSpec } from './Types';
-
-// [FS] IRAD-1061 2020-09-19
-// Now loaded locally, so that it work in closed network as well.
-
-export const FONT_TYPE_NAMES = [
-  // SERIF
-  'Aclonica',
-  'Acme',
-  'Alegreya',
-  'Arial',
-  //'Arial',//??? - Commented out fonts that are not available to download using https://fonts.googleapis.com/css?family=
-  'Arial Black',
-  'Georgia',
-  'Tahoma',
-  'Times New Roman',
-  'Times',
-  'Verdana',
-  // MONOSPACE
-  'Courier New',
-  //'Lucida Console',//???
-  //'Monaco',//???
-  //'monospace',//???
-];
-
-// FS IRAD-988 2020-06-18
-// Preload fonts that are listed by default,
-// so that even if the font is not available locally, load from web.
-export function preLoadFonts() {
-  FONT_TYPE_NAMES.forEach((name) => {
-    loadAndCacheFont(name);
-  });
-}
-
-// resolve each font after it is loaded.
-const RESOLVED_FONT_NAMES = new Set([]);
-
-function loadAndCacheFont(name) {
-  // Cache custom fonts
-  RESOLVED_FONT_NAMES.add(name);
-  // https://github.com/typekit/webfontloader
-  // [FS] IRAD-1061 2020-09-19
-  // Now loaded locally, so that it work in closed network as well.
-  //WebFontLoader.load({google: {families: [name]}});
-}
-
-const FontTypeMarkSpec: MarkSpec = {
-  attrs: {
-    name: '',
-  },
-  inline: true,
-  group: 'inline',
-  parseDOM: [
-    {
-      style: 'font-family',
-      getAttrs: (name) => {
-        return {
-          name: name ? name.replace(/[\"\']/g, '') : '',
-        };
-      },
-    },
-  ],
-
-  toDOM(node: Node) {
-    const { name } = node.attrs;
-    const attrs = {};
-    if (name) {
-      if (!RESOLVED_FONT_NAMES.has(name)) {
-        loadAndCacheFont(name);
-      }
-      attrs.style = `font-family: ${name}`;
-    }
-    return ['span', attrs, 0];
-  },
-};
-
-export default FontTypeMarkSpec;
+// @flow
+
+import { Node } from 'prosemirror-model';
+import type { MarkSpec } from './Types';
+
+// [FS] IRAD-1061 2020-09-19
+// Now loaded locally, so that it work in closed network as well.
+
+export const FONT_TYPE_NAMES = [
+  // SERIF
+  'Aclonica',
+  'Acme',
+  'Alegreya',
+  'Arial',
+  //'Arial',//??? - Commented out fonts that are not available to download using https://fonts.googleapis.com/css?family=
+  'Arial Black',
+  'Georgia',
+  'Tahoma',
+  'Times New Roman',
+  'Times',
+  'Verdana',
+  // MONOSPACE
+  'Courier New',
+  //'Lucida Console',//???
+  //'Monaco',//???
+  //'monospace',//???
+];
+
+// FS IRAD-988 2020-06-18
+// Preload fonts that are listed by default,
+// so that even if the font is not available locally, load from web.
+export function preLoadFonts() {
+  FONT_TYPE_NAMES.forEach((name) => {
+    loadAndCacheFont(name);
+  });
+}
+
+// resolve each font after it is loaded.
+const RESOLVED_FONT_NAMES = new Set([]);
+
+function loadAndCacheFont(name) {
+  // Cache custom fonts
+  RESOLVED_FONT_NAMES.add(name);
+  // https://github.com/typekit/webfontloader
+  // [FS] IRAD-1061 2020-09-19
+  // Now loaded locally, so that it work in closed network as well.
+  //WebFontLoader.load({google: {families: [name]}});
+}
+
+const FontTypeMarkSpec: MarkSpec = {
+  attrs: {
+    name: '',
+  },
+  inline: true,
+  group: 'inline',
+  parseDOM: [
+    {
+      style: 'font-family',
+      getAttrs: (name) => {
+        return {
+          name: name ? name.replace(/[\"\']/g, '') : '',
+        };
+      },
+    },
+  ],
+
+  toDOM(node: Node) {
+    const { name } = node.attrs;
+    const attrs = {};
+    if (name) {
+      if (!RESOLVED_FONT_NAMES.has(name)) {
+        loadAndCacheFont(name);
+      }
+      attrs.style = `font-family: ${name}`;
+    }
+    return ['span', attrs, 0];
+  },
+};
+
+export default FontTypeMarkSpec;

package/src/HTMLMutator.js

@@ -1,59 +1,59 @@
-// @flow
-
-import nullthrows from 'nullthrows';
-import uuid from './ui/uuid';
-
-// Utility Class that allows developer to insert HTML snippets then updates
-// document's innerHTML accordingly.
-export default class HTMLMutator {
-  _doc: Document;
-  _htmls: Map<string, string>;
-
-  constructor(doc: Document) {
-    this._doc = doc;
-    this._htmls = new Map<any, any>();
-  }
-
-  insertHTMLBefore(html: string, el: Element): HTMLMutator {
-    return this._insertHTML(html, 'before', el);
-  }
-
-  insertHTMLAfter(html: string, el: Element): HTMLMutator {
-    return this._insertHTML(html, 'after', el);
-  }
-
-  execute(): void {
-    const doc = this._doc;
-    const root = nullthrows(doc.body || doc.documentElement);
-    let newHtml = root.innerHTML;
-    this._htmls.forEach((html, token) => {
-      newHtml = newHtml.replace(token, html);
-    });
-    root.innerHTML = newHtml;
-  }
-
-  _insertHTML(
-    html: string,
-    position: 'before' | 'after',
-    el: Element
-  ): HTMLMutator {
-    if (el.ownerDocument !== this._doc) {
-      throw new Error('element does not belong to the document');
-    }
-    // This does not insert the HTML into the document directly.
-    // Instead, this inserts a comment token that can be replaced by the HTML
-    // later.
-    const token = `\u200b_HTMLMutator_token_${uuid()}_\u200b`;
-    const node = this._doc.createComment(token);
-    const parentElement = nullthrows(el.parentElement);
-    if (position === 'before') {
-      parentElement.insertBefore(node, el);
-    } else if (position === 'after') {
-      parentElement.insertBefore(node, el.nextSibling);
-    } else {
-      throw new Error(`Invalid position ${position}`);
-    }
-    this._htmls.set('<!--' + token + '-->', html);
-    return this;
-  }
-}
+// @flow
+
+import nullthrows from 'nullthrows';
+import uuid from './ui/uuid';
+
+// Utility Class that allows developer to insert HTML snippets then updates
+// document's innerHTML accordingly.
+export default class HTMLMutator {
+  _doc: Document;
+  _htmls: Map<string, string>;
+
+  constructor(doc: Document) {
+    this._doc = doc;
+    this._htmls = new Map<any, any>();
+  }
+
+  insertHTMLBefore(html: string, el: Element): HTMLMutator {
+    return this._insertHTML(html, 'before', el);
+  }
+
+  insertHTMLAfter(html: string, el: Element): HTMLMutator {
+    return this._insertHTML(html, 'after', el);
+  }
+
+  execute(): void {
+    const doc = this._doc;
+    const root = nullthrows(doc.body || doc.documentElement);
+    let newHtml = root.innerHTML;
+    this._htmls.forEach((html, token) => {
+      newHtml = newHtml.replace(token, html);
+    });
+    root.innerHTML = newHtml;
+  }
+
+  _insertHTML(
+    html: string,
+    position: 'before' | 'after',
+    el: Element
+  ): HTMLMutator {
+    if (el.ownerDocument !== this._doc) {
+      throw new Error('element does not belong to the document');
+    }
+    // This does not insert the HTML into the document directly.
+    // Instead, this inserts a comment token that can be replaced by the HTML
+    // later.
+    const token = `\u200b_HTMLMutator_token_${uuid()}_\u200b`;
+    const node = this._doc.createComment(token);
+    const parentElement = nullthrows(el.parentElement);
+    if (position === 'before') {
+      parentElement.insertBefore(node, el);
+    } else if (position === 'after') {
+      parentElement.insertBefore(node, el.nextSibling);
+    } else {
+      throw new Error(`Invalid position ${position}`);
+    }
+    this._htmls.set('<!--' + token + '-->', html);
+    return this;
+  }
+}

package/src/HardBreakNodeSpec.js

@@ -1,15 +1,15 @@
-// @flow
-
-const BR_DOM = ['br'];
-
-const HardBreakNodeSpec = {
-  inline: true,
-  group: 'inline',
-  selectable: false,
-  parseDOM: [{ tag: 'br' }],
-  toDOM() {
-    return BR_DOM;
-  },
-};
-
-export default HardBreakNodeSpec;
+// @flow
+
+const BR_DOM = ['br'];
+
+const HardBreakNodeSpec = {
+  inline: true,
+  group: 'inline',
+  selectable: false,
+  parseDOM: [{ tag: 'br' }],
+  toDOM() {
+    return BR_DOM;
+  },
+};
+
+export default HardBreakNodeSpec;

package/src/HeadingCommand.js

@@ -1,51 +1,51 @@
-// @flow
-
-import { EditorState } from 'prosemirror-state';
-import { Transform } from 'prosemirror-transform';
-import { findParentNodeOfType } from 'prosemirror-utils';
-import { EditorView } from 'prosemirror-view';
-
-import { HEADING } from './NodeNames';
-import noop from './noop';
-import toggleHeading from './toggleHeading';
-import { UICommand } from '@modusoperandi/licit-doc-attrs-step';
-
-class HeadingCommand extends UICommand {
-  _level: number;
-
-  constructor(level: number) {
-    super();
-    this._level = level;
-  }
-
-  isActive = (state: EditorState): boolean => {
-    return true;
-  };
-
-  execute = (
-    state: EditorState,
-    dispatch: ?(tr: Transform) => void,
-    view: ?EditorView
-  ): boolean => {
-    const { schema, selection } = state;
-    const tr = toggleHeading(
-      state.tr.setSelection(selection),
-      schema,
-      this._level
-    );
-    if (tr.docChanged) {
-      dispatch && dispatch(tr);
-      return true;
-    } else {
-      return false;
-    }
-  };
-
-  _findHeading(state: EditorState): ?Object {
-    const heading = state.schema.nodes[HEADING];
-    const fn = heading ? findParentNodeOfType(heading) : noop;
-    return fn(state.selection);
-  }
-}
-
-export default HeadingCommand;
+// @flow
+
+import { EditorState } from 'prosemirror-state';
+import { Transform } from 'prosemirror-transform';
+import { findParentNodeOfType } from 'prosemirror-utils';
+import { EditorView } from 'prosemirror-view';
+
+import { HEADING } from './NodeNames';
+import noop from './noop';
+import toggleHeading from './toggleHeading';
+import { UICommand } from '@modusoperandi/licit-doc-attrs-step';
+
+class HeadingCommand extends UICommand {
+  _level: number;
+
+  constructor(level: number) {
+    super();
+    this._level = level;
+  }
+
+  isActive = (state: EditorState): boolean => {
+    return true;
+  };
+
+  execute = (
+    state: EditorState,
+    dispatch: ?(tr: Transform) => void,
+    view: ?EditorView
+  ): boolean => {
+    const { schema, selection } = state;
+    const tr = toggleHeading(
+      state.tr.setSelection(selection),
+      schema,
+      this._level
+    );
+    if (tr.docChanged) {
+      dispatch && dispatch(tr);
+      return true;
+    } else {
+      return false;
+    }
+  };
+
+  _findHeading(state: EditorState): ?Object {
+    const heading = state.schema.nodes[HEADING];
+    const fn = heading ? findParentNodeOfType(heading) : noop;
+    return fn(state.selection);
+  }
+}
+
+export default HeadingCommand;

package/src/HeadingNodeSpec.js

@@ -1,54 +1,54 @@
-// @flow
-
-import { Node } from 'prosemirror-model';
-
-import ParagraphNodeSpec from './ParagraphNodeSpec';
-import { getParagraphNodeAttrs, toParagraphDOM } from './ParagraphNodeSpec';
-
-import type { NodeSpec } from './Types';
-
-const TAG_NAME_TO_LEVEL = {
-  H1: 1,
-  H2: 2,
-  H3: 3,
-  H4: 4,
-  H5: 5,
-  H6: 6,
-};
-
-// 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 HeadingNodeSpec: NodeSpec = {
-  ...ParagraphNodeSpec,
-  attrs: {
-    ...ParagraphNodeSpec.attrs,
-    level: { default: 1 },
-  },
-  defining: true,
-  parseDOM: [
-    { tag: 'h1', getAttrs },
-    { tag: 'h2', getAttrs },
-    { tag: 'h3', getAttrs },
-    { tag: 'h4', getAttrs },
-    { tag: 'h5', getAttrs },
-    { tag: 'h6', getAttrs },
-  ],
-  toDOM,
-};
-
-function toDOM(node: Node): Array<any> {
-  const dom = toParagraphDOM(node);
-  const level = node.attrs.level || 1;
-  dom[0] = `h${level}`;
-  return dom;
-}
-
-function getAttrs(dom: HTMLElement): Object {
-  const attrs: Object = getParagraphNodeAttrs(dom);
-  const level = TAG_NAME_TO_LEVEL[dom.nodeName.toUpperCase()] || 1;
-  attrs.level = level;
-  return attrs;
-}
-
-export default HeadingNodeSpec;
+// @flow
+
+import { Node } from 'prosemirror-model';
+
+import ParagraphNodeSpec from './ParagraphNodeSpec';
+import { getParagraphNodeAttrs, toParagraphDOM } from './ParagraphNodeSpec';
+
+import type { NodeSpec } from './Types';
+
+const TAG_NAME_TO_LEVEL = {
+  H1: 1,
+  H2: 2,
+  H3: 3,
+  H4: 4,
+  H5: 5,
+  H6: 6,
+};
+
+// 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 HeadingNodeSpec: NodeSpec = {
+  ...ParagraphNodeSpec,
+  attrs: {
+    ...ParagraphNodeSpec.attrs,
+    level: { default: 1 },
+  },
+  defining: true,
+  parseDOM: [
+    { tag: 'h1', getAttrs },
+    { tag: 'h2', getAttrs },
+    { tag: 'h3', getAttrs },
+    { tag: 'h4', getAttrs },
+    { tag: 'h5', getAttrs },
+    { tag: 'h6', getAttrs },
+  ],
+  toDOM,
+};
+
+function toDOM(node: Node): Array<any> {
+  const dom = toParagraphDOM(node);
+  const level = node.attrs.level || 1;
+  dom[0] = `h${level}`;
+  return dom;
+}
+
+function getAttrs(dom: HTMLElement): Object {
+  const attrs: Object = getParagraphNodeAttrs(dom);
+  const level = TAG_NAME_TO_LEVEL[dom.nodeName.toUpperCase()] || 1;
+  attrs.level = level;
+  return attrs;
+}
+
+export default HeadingNodeSpec;

package/src/HistoryRedoCommand.js

@@ -1,20 +1,20 @@
-// @flow
-
-import { redo } from 'prosemirror-history';
-import { EditorState } from 'prosemirror-state';
-import { Transform } from 'prosemirror-transform';
-import { EditorView } from 'prosemirror-view';
-
-import { UICommand } from '@modusoperandi/licit-doc-attrs-step';
-
-class HistoryRedoCommand extends UICommand {
-  execute = (
-    state: EditorState,
-    dispatch: ?(tr: Transform) => void,
-    view: ?EditorView
-  ): boolean => {
-    return redo(state, dispatch);
-  };
-}
-
-export default HistoryRedoCommand;
+// @flow
+
+import { redo } from 'prosemirror-history';
+import { EditorState } from 'prosemirror-state';
+import { Transform } from 'prosemirror-transform';
+import { EditorView } from 'prosemirror-view';
+
+import { UICommand } from '@modusoperandi/licit-doc-attrs-step';
+
+class HistoryRedoCommand extends UICommand {
+  execute = (
+    state: EditorState,
+    dispatch: ?(tr: Transform) => void,
+    view: ?EditorView
+  ): boolean => {
+    return redo(state, dispatch);
+  };
+}
+
+export default HistoryRedoCommand;

package/src/HistoryUndoCommand.js

@@ -1,20 +1,20 @@
-// @flow
-
-import { undo } from 'prosemirror-history';
-import { EditorState } from 'prosemirror-state';
-import { Transform } from 'prosemirror-transform';
-import { EditorView } from 'prosemirror-view';
-
-import { UICommand } from '@modusoperandi/licit-doc-attrs-step';
-
-class HistoryUndoCommand extends UICommand {
-  execute = (
-    state: EditorState,
-    dispatch: ?(tr: Transform) => void,
-    view: ?EditorView
-  ): boolean => {
-    return undo(state, dispatch);
-  };
-}
-
-export default HistoryUndoCommand;
+// @flow
+
+import { undo } from 'prosemirror-history';
+import { EditorState } from 'prosemirror-state';
+import { Transform } from 'prosemirror-transform';
+import { EditorView } from 'prosemirror-view';
+
+import { UICommand } from '@modusoperandi/licit-doc-attrs-step';
+
+class HistoryUndoCommand extends UICommand {
+  execute = (
+    state: EditorState,
+    dispatch: ?(tr: Transform) => void,
+    view: ?EditorView
+  ): boolean => {
+    return undo(state, dispatch);
+  };
+}
+
+export default HistoryUndoCommand;