@modusoperandi/licit 1.4.3 → 1.4.6

package/ImageUploadPlaceholderPlugin.js.flow

@@ -1,187 +1,187 @@
-// @flow
-
-import { EditorState, TextSelection, Plugin, PluginKey } from 'prosemirror-state';
-import { Transform } from 'prosemirror-transform';
-import { Decoration, DecorationSet, EditorView } from 'prosemirror-view';
-
-import { IMAGE } from './NodeNames.js';
-import uuid from './ui/uuid.js';
-
-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?.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 = 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?.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?.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;
+// @flow
+
+import { EditorState, TextSelection, Plugin, PluginKey } from 'prosemirror-state';
+import { Transform } from 'prosemirror-transform';
+import { Decoration, DecorationSet, EditorView } from 'prosemirror-view';
+
+import { IMAGE } from './NodeNames.js';
+import uuid from './ui/uuid.js';
+
+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?.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 = 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?.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?.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/LICENSE

@@ -1,22 +1,22 @@
-MIT License
-
-Portions Copyright (c) 2020 Modus Operandi Inc
-Portions Copyright (c) 2018-2019 Chan Zuckerberg Initiative 
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Portions Copyright (c) 2020 Modus Operandi Inc
+Portions Copyright (c) 2018-2019 Chan Zuckerberg Initiative 
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/LinkMarkSpec.js

@@ -20,9 +20,10 @@ var LinkMarkSpec = {
   parseDOM: [{
     tag: 'a[href]',
     getAttrs: function getAttrs(dom) {
+      var _dom$getAttribute;
       var href = dom.getAttribute('href');
-      var target = href && href.indexOf('#') === 0 ? '' : 'blank';
-      var selectionId = dom.getAttribute('selectionId') || '';
+      var target = (href === null || href === void 0 ? void 0 : href.indexOf('#')) === 0 ? '' : 'blank';
+      var selectionId = (_dom$getAttribute = dom.getAttribute('selectionId')) !== null && _dom$getAttribute !== void 0 ? _dom$getAttribute : '';
       return {
         href: dom.getAttribute('href'),
         title: dom.getAttribute('title'),
@@ -32,6 +33,7 @@ var LinkMarkSpec = {
     }
   }],
   toDOM: function toDOM(node) {
+    node.attrs.onclick = 'return false';
     return ['a', node.attrs, 0];
   }
 };

package/LinkMarkSpec.js.flow

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