@modusoperandi/licit 0.1.7 → 0.1.8

package/dist/FontTypeCommand.js.flow

@@ -1,100 +1,100 @@
-// @flow
-
-import { Schema } from 'prosemirror-model';
-import { EditorState } from 'prosemirror-state';
-import { AllSelection, TextSelection } from 'prosemirror-state';
-import { Transform } from 'prosemirror-transform';
-import { EditorView } from 'prosemirror-view';
-import * as React from 'react';
-
-import { MARK_FONT_TYPE } from './MarkNames';
-import applyMark from './applyMark';
-import { UICommand } from '@modusoperandi/licit-doc-attrs-step';
-
-function setFontType(tr: Transform, schema: Schema, name: string): Transform {
-  const markType = schema.marks[MARK_FONT_TYPE];
-  if (!markType) {
-    return tr;
-  }
-  const { selection } = tr;
-  if (
-    !(selection instanceof TextSelection || selection instanceof AllSelection)
-  ) {
-    return tr;
-  }
-  const attrs = name ? { name } : null;
-  tr = applyMark(tr, schema, markType, attrs);
-  return tr;
-}
-
-class FontTypeCommand extends UICommand {
-  _label = null;
-  _name = '';
-  _popUp = null;
-
-  constructor(name: string) {
-    super();
-    this._name = name;
-    this._label = name ? (
-      <span style={{ fontFamily: name }}>{name}</span>
-    ) : null;
-  }
-
-  renderLabel = (state: EditorState): any => {
-    return this._label;
-  };
-
-  isEnabled = (state: EditorState): boolean => {
-    const { schema, selection, tr } = state;
-    if (
-      !(selection instanceof TextSelection || selection instanceof AllSelection)
-    ) {
-      return false;
-    }
-    const markType = schema.marks[MARK_FONT_TYPE];
-    if (!markType) {
-      return false;
-    }
-
-    const { from, to } = selection;
-    if (to === from + 1) {
-      const node = tr.doc.nodeAt(from);
-      if (node.isAtom && !node.isText && node.isLeaf) {
-        // An atomic node (e.g. Image) is selected.
-        return false;
-      }
-    }
-
-    return true;
-  };
-
-  execute = (
-    state: EditorState,
-    dispatch: ?(tr: Transform) => void,
-    view: ?EditorView
-  ): boolean => {
-    const { schema } = state;
-    // commnted selection because selection removes the storedMarks;
-    // {selection}
-
-    // const tr = setFontType(
-    //   state.tr.setSelection(selection),
-    //   schema,
-    //   this._name
-    // );
-
-    const tr = setFontType(state.tr, schema, this._name);
-    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 && dispatch(tr);
-      return true;
-    }
-    return false;
-  };
-
-
-}
-
-export default FontTypeCommand;
+// @flow
+
+import { Schema } from 'prosemirror-model';
+import { EditorState } from 'prosemirror-state';
+import { AllSelection, TextSelection } from 'prosemirror-state';
+import { Transform } from 'prosemirror-transform';
+import { EditorView } from 'prosemirror-view';
+import * as React from 'react';
+
+import { MARK_FONT_TYPE } from './MarkNames';
+import applyMark from './applyMark';
+import { UICommand } from '@modusoperandi/licit-doc-attrs-step';
+
+function setFontType(tr: Transform, schema: Schema, name: string): Transform {
+  const markType = schema.marks[MARK_FONT_TYPE];
+  if (!markType) {
+    return tr;
+  }
+  const { selection } = tr;
+  if (
+    !(selection instanceof TextSelection || selection instanceof AllSelection)
+  ) {
+    return tr;
+  }
+  const attrs = name ? { name } : null;
+  tr = applyMark(tr, schema, markType, attrs);
+  return tr;
+}
+
+class FontTypeCommand extends UICommand {
+  _label = null;
+  _name = '';
+  _popUp = null;
+
+  constructor(name: string) {
+    super();
+    this._name = name;
+    this._label = name ? (
+      <span style={{ fontFamily: name }}>{name}</span>
+    ) : null;
+  }
+
+  renderLabel = (state: EditorState): any => {
+    return this._label;
+  };
+
+  isEnabled = (state: EditorState): boolean => {
+    const { schema, selection, tr } = state;
+    if (
+      !(selection instanceof TextSelection || selection instanceof AllSelection)
+    ) {
+      return false;
+    }
+    const markType = schema.marks[MARK_FONT_TYPE];
+    if (!markType) {
+      return false;
+    }
+
+    const { from, to } = selection;
+    if (to === from + 1) {
+      const node = tr.doc.nodeAt(from);
+      if (node.isAtom && !node.isText && node.isLeaf) {
+        // An atomic node (e.g. Image) is selected.
+        return false;
+      }
+    }
+
+    return true;
+  };
+
+  execute = (
+    state: EditorState,
+    dispatch: ?(tr: Transform) => void,
+    view: ?EditorView
+  ): boolean => {
+    const { schema } = state;
+    // commnted selection because selection removes the storedMarks;
+    // {selection}
+
+    // const tr = setFontType(
+    //   state.tr.setSelection(selection),
+    //   schema,
+    //   this._name
+    // );
+
+    const tr = setFontType(state.tr, schema, this._name);
+    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 && dispatch(tr);
+      return true;
+    }
+    return false;
+  };
+
+
+}
+
+export default FontTypeCommand;

package/dist/FontTypeMarkSpec.js.flow

@@ -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/dist/HTMLMutator.js.flow

@@ -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/dist/HardBreakNodeSpec.js.flow

@@ -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/dist/HeadingCommand.js.flow

@@ -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;