@modusoperandi/licit 1.0.3 → 1.0.5

package/ImageUploadPlaceholderPlugin.js.flow

@@ -1,192 +1,192 @@
-// @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.js';
-import uuid from './ui/uuid.js';
-
-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;
+// @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.js';
+import uuid from './ui/uuid.js';
+
+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/LinkMarkSpec.js.flow

@@ -1,32 +1,32 @@
-// @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 },
-  },
-  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;
+// @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 },
+  },
+  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;

package/LinkSetURLCommand.js

@@ -4,13 +4,13 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { EditorState } from 'prosemirror-state';
 import { TextSelection } from 'prosemirror-state';
@@ -24,7 +24,6 @@ import LinkURLEditor from './ui/LinkURLEditor.js';
 import { UICommand } from '@modusoperandi/licit-doc-attrs-step';
 import { createPopUp } from '@modusoperandi/licit-ui-commands';
 var LinkSetURLCommand = /*#__PURE__*/function (_UICommand) {
-  _inherits(LinkSetURLCommand, _UICommand);
   function LinkSetURLCommand() {
     var _this;
     _classCallCheck(this, LinkSetURLCommand);
@@ -32,8 +31,8 @@ var LinkSetURLCommand = /*#__PURE__*/function (_UICommand) {
       args[_key] = arguments[_key];
     }
     _this = _callSuper(this, LinkSetURLCommand, [].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "_popUp", null);
-    _defineProperty(_assertThisInitialized(_this), "isEnabled", function (state) {
+    _defineProperty(_this, "_popUp", null);
+    _defineProperty(_this, "isEnabled", function (state) {
       if (!(state.selection instanceof TextSelection)) {
         // Could be a NodeSelection or CellSelection.
         return false;
@@ -47,7 +46,7 @@ var LinkSetURLCommand = /*#__PURE__*/function (_UICommand) {
         to = _state$selection.to;
       return from < to;
     });
-    _defineProperty(_assertThisInitialized(_this), "waitForUserInput", function (state, dispatch, view, event) {
+    _defineProperty(_this, "waitForUserInput", function (state, dispatch, view, event) {
       if (_this._popUp) {
         return Promise.resolve(undefined);
       }
@@ -79,7 +78,7 @@ var LinkSetURLCommand = /*#__PURE__*/function (_UICommand) {
         });
       });
     });
-    _defineProperty(_assertThisInitialized(_this), "executeWithUserInput", function (state, dispatch, view, href) {
+    _defineProperty(_this, "executeWithUserInput", function (state, dispatch, view, href) {
       if (dispatch) {
         var selection = state.selection,
           schema = state.schema;
@@ -100,12 +99,12 @@ var LinkSetURLCommand = /*#__PURE__*/function (_UICommand) {
     });
     return _this;
   }
-  _createClass(LinkSetURLCommand, [{
+  _inherits(LinkSetURLCommand, _UICommand);
+  return _createClass(LinkSetURLCommand, [{
     key: "cancel",
     value: function cancel() {
       return null;
     }
   }]);
-  return LinkSetURLCommand;
 }(UICommand);
 export default LinkSetURLCommand;