@modusoperandi/licit 0.14.18 → 1.0.1

package/src/EditorSchema.js

@@ -1,12 +0,0 @@
-// @flow
-
-import { Schema } from 'prosemirror-model';
-
-import EditorMarks from './EditorMarks';
-import EditorNodes from './EditorNodes';
-
-const EditorSchema = new Schema({
-  nodes: EditorNodes,
-  marks: EditorMarks,
-});
-export default EditorSchema;

package/src/EditorState.js

@@ -1,7 +0,0 @@
-// @flow
-
-import { EditorState } from 'prosemirror-state';
-
-const ProseMirrorEditorState = EditorState;
-
-export default ProseMirrorEditorState;

package/src/FontSizeMarkSpec.js

@@ -1,49 +0,0 @@
-// @flow
-
-import { Node } from 'prosemirror-model';
-
-import { toClosestFontPtSize } from './toClosestFontPtSize';
-
-import type { MarkSpec } from './Types';
-
-const FontSizeMarkSpec: MarkSpec = {
-  attrs: {
-    pt: { default: null },
-  },
-  inline: true,
-  group: 'inline',
-  parseDOM: [
-    {
-      style: 'font-size',
-      getAttrs: getAttrs,
-    },
-  ],
-  toDOM(node: Node) {
-    const { pt } = node.attrs;
-    const domAttrs = pt
-      ? {
-          style: `font-size: ${pt}pt;`,
-          class: 'czi-font-size-mark',
-        }
-      : null;
-
-    return ['span', domAttrs, 0];
-  },
-};
-
-function getAttrs(fontSize: string): Object {
-  const attrs = {};
-  if (!fontSize) {
-    return attrs;
-  }
-
-  const ptValue = toClosestFontPtSize(fontSize);
-  if (!ptValue) {
-    return attrs;
-  }
-  return {
-    pt: ptValue,
-  };
-}
-
-export default FontSizeMarkSpec;

package/src/FontTypeMarkSpec.js

@@ -1,80 +0,0 @@
-// @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 +0,0 @@
-// @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 +0,0 @@
-// @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/HeadingNodeSpec.js

@@ -1,52 +0,0 @@
-// @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> {
-  // [FS-SEA][06-04-2023]
-  // returns paragraph node to dom when a header node paste
-  const dom = toParagraphDOM(node);
-  return dom;
-}
-
-function getAttrs(dom: HTMLElement): Object {
-  const attrs = getParagraphNodeAttrs(dom);
-  return attrs;
-}
-
-export default HeadingNodeSpec;

package/src/HistoryRedoCommand.js

@@ -1,20 +0,0 @@
-// @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 +0,0 @@
-// @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;

package/src/HorizontalRuleCommand.js

@@ -1,49 +0,0 @@
-// @flow
-
-import { Fragment, Schema } from 'prosemirror-model';
-import { EditorState } from 'prosemirror-state';
-import { Transform } from 'prosemirror-transform';
-import { EditorView } from 'prosemirror-view';
-
-import { HORIZONTAL_RULE } from './NodeNames';
-import { UICommand } from '@modusoperandi/licit-doc-attrs-step';
-
-function insertHorizontalRule(tr: Transform, schema: Schema): Transform {
-  const { selection } = tr;
-  if (!selection) {
-    return tr;
-  }
-  const { from, to } = selection;
-  if (from !== to) {
-    return tr;
-  }
-
-  const horizontalRule = schema.nodes[HORIZONTAL_RULE];
-  if (!horizontalRule) {
-    return tr;
-  }
-
-  const node = horizontalRule.create({}, null, null);
-  const frag = Fragment.from(node);
-  tr = tr.insert(from, frag);
-  return tr;
-}
-
-class HorizontalRuleCommand extends UICommand {
-  execute = (
-    state: EditorState,
-    dispatch: ?(tr: Transform) => void,
-    view: ?EditorView
-  ): boolean => {
-    const { selection, schema } = state;
-    const tr = insertHorizontalRule(state.tr.setSelection(selection), schema);
-    if (tr.docChanged) {
-      dispatch && dispatch(tr);
-      return true;
-    } else {
-      return false;
-    }
-  };
-}
-
-export default HorizontalRuleCommand;

package/src/HorizontalRuleNodeSpec.js

@@ -1,39 +0,0 @@
-// @flow
-
-import { Node } from 'prosemirror-model';
-
-const DOM_ATTRIBUTE_PAGE_BREAK = 'data-page-break';
-
-function getAttrs(dom: HTMLElement) {
-  const attrs = {};
-  if (
-    dom.getAttribute(DOM_ATTRIBUTE_PAGE_BREAK) ||
-    dom.style.pageBreakBefore === 'always'
-  ) {
-    // Google Doc exports page break as HTML:
-    // `<hr style="page-break-before:always;display:none; />`.
-    attrs.pageBreak = true;
-  }
-
-  return attrs;
-}
-
-const HorizontalRuleNode = {
-  attrs: {
-    pageBreak: { default: null },
-  },
-
-  group: 'block',
-
-  parseDOM: [{ tag: 'hr', getAttrs }],
-
-  toDOM(node: Node): Array<any> {
-    const domAttrs = {};
-    if (node.attrs.pageBreak) {
-      domAttrs[DOM_ATTRIBUTE_PAGE_BREAK] = 'true';
-    }
-    return ['hr', domAttrs];
-  },
-};
-
-export default HorizontalRuleNode;

package/src/ImageUploadPlaceholderPlugin.js

@@ -1,192 +0,0 @@
-// @flow
-
-import nullthrows from 'nullthrows';
-import { Plugin, PluginKey } from 'prosemirror-state';
-import { EditorState, TextSelection } from 'prosemirror-state';
-import { Transform } from 'prosemirror-transform';
-import { Decoration, DecorationSet } from 'prosemirror-view';
-import { EditorView } from 'prosemirror-view';
-
-import { IMAGE } from './NodeNames';
-import uuid from './ui/uuid';
-
-import './ui/czi-image-upload-placeholder.css';
-
-const IMAGE_FILE_TYLES = new Set([
-  'image/jpeg',
-  'image/gif',
-  'image/png',
-  'image/jpg',
-]);
-
-const TITLE = 'Uploading...';
-
-const INNER_HTML = new Array(4).join(
-  '<div class="czi-image-upload-placeholder-child"></div>'
-);
-
-function isImageUploadPlaceholderPlugin(plugin: Plugin): boolean {
-  return plugin instanceof ImageUploadPlaceholderPlugin;
-}
-
-function isImageFileType(file: File): boolean {
-  return file && IMAGE_FILE_TYLES.has(file.type);
-}
-
-function findImageUploadPlaceholder(
-  placeholderPlugin: ImageUploadPlaceholderPlugin,
-  state: EditorState,
-  id: Object
-): ?Decoration {
-  const decos = placeholderPlugin.getState(state);
-  const found = decos.find(null, null, (spec) => spec.id === id);
-  return found.length ? found[0].from : null;
-}
-
-function defer(fn: Function): Function {
-  return () => {
-    setTimeout(fn, 0);
-  };
-}
-
-export function uploadImageFiles(
-  view: EditorView,
-  files: Array<File>,
-  coords: ?{ x: number, y: number }
-): boolean {
-  const { runtime, state, readOnly, disabled } = view;
-  const { schema, plugins } = state;
-  if (readOnly || disabled || !runtime || !runtime.canUploadImage) {
-    return false;
-  }
-
-  const imageType = schema.nodes[IMAGE];
-  if (!imageType) {
-    return false;
-  }
-
-  const { uploadImage, canUploadImage } = runtime;
-  if (!uploadImage || !canUploadImage) {
-    return false;
-  }
-
-  const imageFiles = Array.from(files).filter(isImageFileType);
-  if (!imageFiles.length) {
-    return false;
-  }
-
-  const placeholderPlugin = plugins.find(isImageUploadPlaceholderPlugin);
-  if (!placeholderPlugin) {
-    return false;
-  }
-
-  // A fresh object to act as the ID for this upload.
-  const id = {
-    debugId: 'image_upload_' + uuid(),
-  };
-
-  const uploadNext = defer(() => {
-    const done = (imageInfo: { src: ?string }) => {
-      const pos = findImageUploadPlaceholder(placeholderPlugin, view.state, id);
-      let trNext = view.state.tr;
-      if (pos && !view.readOnly && !view.disabled) {
-        const imageNode = imageType.create(imageInfo);
-        trNext = trNext.replaceWith(pos, pos, imageNode);
-      } else {
-        // Upload was cancelled.
-        imageFiles.length = 0;
-      }
-      if (imageFiles.length) {
-        uploadNext();
-      } else {
-        // Remove the placeholder.
-        trNext = trNext.setMeta(placeholderPlugin, { remove: { id } });
-      }
-      view.dispatch(trNext);
-    };
-    const ff = nullthrows(imageFiles.shift());
-    uploadImage(ff)
-      .then(done)
-      .catch(done.bind(null, { src: null }));
-  });
-
-  uploadNext();
-
-  let { tr } = state;
-
-  // Replace the selection with a placeholder
-  let from = 0;
-
-  // Adjust the cursor to the dropped position.
-  if (coords) {
-    const dropPos = view.posAtCoords({
-      left: coords.x,
-      top: coords.y,
-    });
-
-    if (!dropPos) {
-      return false;
-    }
-
-    from = dropPos.pos;
-    tr = tr.setSelection(TextSelection.create(tr.doc, from, from));
-  } else {
-    from = tr.selection.to;
-    tr = tr.setSelection(TextSelection.create(tr.doc, from, from));
-  }
-  const meta = {
-    add: {
-      id,
-      pos: from,
-    },
-  };
-
-  tr = tr.setMeta(placeholderPlugin, meta);
-  view.dispatch(tr);
-  return true;
-}
-
-// https://prosemirror.net/examples/upload/
-class ImageUploadPlaceholderPlugin extends Plugin {
-  constructor() {
-    super({
-      // [FS] IRAD-1005 2020-07-07
-      // Upgrade outdated packages.
-      key: new PluginKey('ImageUploadPlaceholderPlugin'),
-      state: {
-        init() {
-          return DecorationSet.empty;
-        },
-        apply(tr: Transform, set: DecorationSet): DecorationSet {
-          // Adjust decoration positions to changes made by the transaction
-          set = set.map(tr.mapping, tr.doc);
-          // See if the transaction adds or removes any placeholders
-          const action = tr.getMeta(this);
-          if (action && action.add) {
-            const el = document.createElement('div');
-            el.title = TITLE;
-            el.className = 'czi-image-upload-placeholder';
-            el.innerHTML = INNER_HTML;
-
-            const deco = Decoration.widget(action.add.pos, el, {
-              id: action.add.id,
-            });
-
-            set = set.add(tr.doc, [deco]);
-          } else if (action && action.remove) {
-            const finder = (spec) => spec.id == action.remove.id;
-            set = set.remove(set.find(null, null, finder));
-          }
-          return set;
-        },
-      },
-      props: {
-        decorations(state: EditorState): DecorationSet {
-          return this.getState(state);
-        },
-      },
-    });
-  }
-}
-
-export default ImageUploadPlaceholderPlugin;

package/src/LinkMarkSpec.js

@@ -1,32 +0,0 @@
-// @flow
-
-import type { MarkSpec } from './Types';
-
-const LinkMarkSpec: MarkSpec = {
-  attrs: {
-    href: { default: null },
-    rel: { default: 'noopener noreferrer nofollow' },
-    target: { default: 'blank' },
-    title: { default: null },
-  },
-  inclusive: false,
-  parseDOM: [
-    {
-      tag: 'a[href]',
-      getAttrs: (dom) => {
-        const href = dom.getAttribute('href');
-        const target = href && href.indexOf('#') === 0 ? '' : 'blank';
-        return {
-          href: dom.getAttribute('href'),
-          title: dom.getAttribute('title'),
-          target,
-        };
-      },
-    },
-  ],
-  toDOM(node) {
-    return ['a', node.attrs, 0];
-  },
-};
-
-export default LinkMarkSpec;