@modusoperandi/licit 1.4.2 → 1.4.6

package/LinkSetURLCommand.js.flow

@@ -1,129 +1,129 @@
-// @flow
-
-import { EditorState, TextSelection } from 'prosemirror-state';
-import { Transform } from 'prosemirror-transform';
-import { EditorView } from 'prosemirror-view';
-
-import { MARK_LINK } from './MarkNames.js';
-import {
-  hideSelectionPlaceholder,
-  showSelectionPlaceholder,
-} from './SelectionPlaceholderPlugin.js';
-import {
-  applyMark,
-  findNodesWithSameMark,
-  createPopUp,
-} from '@modusoperandi/licit-ui-commands';
-import LinkURLEditor from './ui/LinkURLEditor.js';
-import { UICommand } from '@modusoperandi/licit-doc-attrs-step';
-import { INNER_LINK } from './Types.js';
-
-class LinkSetURLCommand extends UICommand {
-  _popUp = null;
-
-  isEnabled = (state: EditorState): boolean => {
-    if (!(state.selection instanceof TextSelection)) {
-      // Could be a NodeSelection or CellSelection.
-      return false;
-    }
-
-    const markType = state.schema.marks[MARK_LINK];
-    if (!markType) {
-      return false;
-    }
-    const { from, to } = state.selection;
-    return from < to;
-  };
-
-  showTocList = async (view) => {
-
-    const stylePromise = view.runtime;
-
-    if (stylePromise === null || undefined) {
-      return [];
-    }
-    const styles = await stylePromise.fetchStyles();
-
-    const storeTOCvalue = styles
-      .filter(
-        (
-          style // Added TOT/TOF selected styles to be listed as well
-        ) =>
-          style?.styles?.toc === true ||
-          style?.styles?.tot === true ||
-          style?.styles?.tof === true
-      )
-      .map((style) => style?.styleName);
-    return stylePromise.fetchInnerLinkSelectionIds(storeTOCvalue); // Fetching the selection IDs for the TOC items from MSD
-  };
-
-  waitForUserInput = async (
-    state: EditorState,
-    dispatch: ?(tr: Transform) => void,
-    view: ?EditorView,
-    event: ?SyntheticEvent<>
-  ): Promise<any> => {
-    if (dispatch) {
-      dispatch(showSelectionPlaceholder(state));
-    }
-
-    const { doc, schema, selection } = state;
-    const markType = schema.marks[MARK_LINK];
-    if (!markType) {
-      return Promise.resolve(undefined);
-    }
-    const { from, to } = selection;
-    const result = findNodesWithSameMark(doc, from, to - 1, markType);
-    const href = result ? result.mark.attrs.href : null;
-    const tocItemsNode = await this.showTocList(view);
-    const viewPops = {
-      href_: href,
-      TOCselectedNode_: tocItemsNode
-    };
-
-    return new Promise((resolve) => {
-      this._popUp = createPopUp(LinkURLEditor, viewPops, {
-        modal: true,
-        onClose: (val) => {
-          if (this._popUp) {
-            resolve(val);
-            this._popUp = null;
-          }
-        },
-      });
-    });
-  };
-
-  executeWithUserInput = (
-    state: EditorState,
-    dispatch: ?(tr: Transform) => void,
-    view: ?EditorView,
-    url: ?string
-  ): boolean => {
-    if (dispatch) {
-      const { selection, schema } = view.state;
-      let { tr } = view.state;
-      tr = view ? hideSelectionPlaceholder(view.state) : tr;
-      tr = tr.setSelection(selection);
-      if (url !== undefined) {
-        let selectionId;
-        let href;
-        if (url.includes(INNER_LINK)) {
-          selectionId = url.split(INNER_LINK)[0];
-          href = url.split(INNER_LINK)[1];
-        } else {
-          selectionId = null;
-          href = url;
-        }
-        const markType = schema.marks[MARK_LINK];
-        const attrs = url ? { href, selectionId } : null;
-        tr = applyMark(tr.setSelection(selection), schema, markType, attrs);
-      }
-      dispatch(tr);
-    }
-    view && view.focus();
-    return true;
-  };
-}
-
-export default LinkSetURLCommand;
+// @flow
+
+import { EditorState, TextSelection } from 'prosemirror-state';
+import { Transform } from 'prosemirror-transform';
+import { EditorView } from 'prosemirror-view';
+
+import { MARK_LINK } from './MarkNames.js';
+import {
+  hideSelectionPlaceholder,
+  showSelectionPlaceholder,
+} from './SelectionPlaceholderPlugin.js';
+import {
+  applyMark,
+  findNodesWithSameMark,
+  createPopUp,
+} from '@modusoperandi/licit-ui-commands';
+import LinkURLEditor from './ui/LinkURLEditor.js';
+import { UICommand } from '@modusoperandi/licit-doc-attrs-step';
+import { INNER_LINK } from './Types.js';
+
+class LinkSetURLCommand extends UICommand {
+  _popUp = null;
+
+  isEnabled = (state: EditorState): boolean => {
+    if (!(state.selection instanceof TextSelection)) {
+      // Could be a NodeSelection or CellSelection.
+      return false;
+    }
+
+    const markType = state.schema.marks[MARK_LINK];
+    if (!markType) {
+      return false;
+    }
+    const { from, to } = state.selection;
+    return from < to;
+  };
+
+  showTocList = async (view) => {
+
+    const stylePromise = view.runtime;
+
+    if (stylePromise === null || undefined) {
+      return [];
+    }
+    const styles = await stylePromise.fetchStyles();
+
+    const storeTOCvalue = styles
+      .filter(
+        (
+          style // Added TOT/TOF selected styles to be listed as well
+        ) =>
+          style?.styles?.toc === true ||
+          style?.styles?.tot === true ||
+          style?.styles?.tof === true
+      )
+      .map((style) => style?.styleName);
+    return stylePromise.fetchInnerLinkSelectionIds(storeTOCvalue); // Fetching the selection IDs for the TOC items from MSD
+  };
+
+  waitForUserInput = async (
+    state: EditorState,
+    dispatch: ?(tr: Transform) => void,
+    view: ?EditorView,
+    event: ?SyntheticEvent<>
+  ): Promise<any> => {
+    if (dispatch) {
+      dispatch(showSelectionPlaceholder(state));
+    }
+
+    const { doc, schema, selection } = state;
+    const markType = schema.marks[MARK_LINK];
+    if (!markType) {
+      return Promise.resolve(undefined);
+    }
+    const { from, to } = selection;
+    const result = findNodesWithSameMark(doc, from, to - 1, markType);
+    const href = result ? result.mark.attrs.href : null;
+    const tocItemsNode = await this.showTocList(view);
+    const viewPops = {
+      href_: href,
+      TOCselectedNode_: tocItemsNode
+    };
+
+    return new Promise((resolve) => {
+      this._popUp = createPopUp(LinkURLEditor, viewPops, {
+        modal: true,
+        onClose: (val) => {
+          if (this._popUp) {
+            resolve(val);
+            this._popUp = null;
+          }
+        },
+      });
+    });
+  };
+
+  executeWithUserInput = (
+    state: EditorState,
+    dispatch: ?(tr: Transform) => void,
+    view: ?EditorView,
+    url: ?string
+  ): boolean => {
+    if (dispatch) {
+      const { selection, schema } = view.state;
+      let { tr } = view.state;
+      tr = view ? hideSelectionPlaceholder(view.state) : tr;
+      tr = tr.setSelection(selection);
+      if (url !== undefined) {
+        let selectionId;
+        let href;
+        if (url.includes(INNER_LINK)) {
+          selectionId = url.split(INNER_LINK)[0];
+          href = url.split(INNER_LINK)[1];
+        } else {
+          selectionId = null;
+          href = url;
+        }
+        const markType = schema.marks[MARK_LINK];
+        const attrs = url ? { href, selectionId } : null;
+        tr = applyMark(tr.setSelection(selection), schema, markType, attrs);
+      }
+      dispatch(tr);
+    }
+    view && view.focus();
+    return true;
+  };
+}
+
+export default LinkSetURLCommand;

package/LinkTooltipPlugin.js

@@ -1,6 +1,6 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
-function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { if (r) i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n;else { var o = function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); }; o("next", 0), o("throw", 1), o("return", 2); } }, _regeneratorDefine2(e, r, n, t); }
+function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
 function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
 function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -19,8 +19,7 @@ function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf
 import { Plugin, PluginKey, TextSelection } from 'prosemirror-state';
 import { EditorView } from 'prosemirror-view';
 import { MARK_LINK } from './MarkNames.js';
-import { atAnchorTopCenter, createPopUp, findNodesWithSameMark } from '@modusoperandi/licit-ui-commands';
-import lookUpElement from './lookUpElement.js';
+import { atAnchorTopCenter, createPopUp } from '@modusoperandi/licit-ui-commands';
 import LinkTooltip from './ui/LinkTooltip.js';
 import scrollIntoView from 'smooth-scroll-into-view-if-needed';
 import sanitizeURL from './sanitizeURL.js';
@@ -36,11 +35,24 @@ var SPEC = {
       mouseout: function mouseout(view, event) {
         var pluginView = view.dom._linkTooltipView;
         return pluginView === null || pluginView === void 0 ? void 0 : pluginView._handleMouseOut.call(view, event);
-      },
-      click: function click(view, event) {
-        var pluginView = view.dom._linkTooltipView;
-        return pluginView === null || pluginView === void 0 ? void 0 : pluginView._handleClick.call(view, event);
       }
+    },
+    // https://prosemirror.net/docs/ref/#view.EditorProps.handleClickOn
+    handleClickOn: function handleClickOn(view, pos, node, nodePos, event, direct) {
+      var _node$marks;
+      if (!direct) {
+        return false;
+      }
+      node = view.state.doc.nodeAt(pos);
+      var linkMark = (_node$marks = node.marks) === null || _node$marks === void 0 ? void 0 : _node$marks.find(function (m) {
+        var _m$type;
+        return (m === null || m === void 0 || (_m$type = m.type) === null || _m$type === void 0 ? void 0 : _m$type.name) === MARK_LINK;
+      });
+      if (!linkMark) {
+        return false;
+      }
+      var pluginView = view.dom._linkTooltipView;
+      return pluginView === null || pluginView === void 0 ? void 0 : pluginView._handleClick(view, linkMark);
     }
   },
   view: function view(editorView) {
@@ -131,7 +143,7 @@ var LinkTooltipView = /*#__PURE__*/function () {
         if ((_this$_view2 = _this._view) !== null && _this$_view2 !== void 0 && (_this$_view2 = _this$_view2.runtime) !== null && _this$_view2 !== void 0 && _this$_view2.openLinkDialog && urlObj.hostname !== window.location.hostname) {
           _this._view.runtime.openLinkDialog(url, popupString);
         } else {
-          window.open(url);
+          window.open(url, '_blank', 'noopener,noreferrer');
         }
       }
     });
@@ -181,37 +193,19 @@ var LinkTooltipView = /*#__PURE__*/function () {
     }
   }, {
     key: "_handleClick",
-    value: function _handleClick(event) {
-      var state = this.dom._linkTooltipView._view.state;
-      var doc = state.doc,
-        selection = state.selection,
-        schema = state.schema;
-      var from = selection.from,
-        to = selection.to;
-      var markType = schema.marks[MARK_LINK];
-      var result = findNodesWithSameMark(doc, from, to, markType);
-      if (!result) {
-        return false;
-      }
-      var domFound = this.dom._linkTooltipView._view.domAtPos(from);
-      if (!domFound) {
-        return false;
-      }
-      var anchor = lookUpElement(domFound.node, function (el) {
-        return el.nodeName === 'A';
-      });
-      if (!anchor) {
-        return false;
-      }
-      var href = anchor.getAttribute('href');
-      var selectionId = anchor.getAttribute('selectionid');
-      var tocItemPos = this.dom._linkTooltipView.getInnerlinkSelected_position(this.dom._linkTooltipView._view, result.mark.attrs.selectionId);
-      if (null === tocItemPos) {
-        this.dom._linkTooltipView.openSelectedSection(selectionId);
-        event.preventDefault(); // prevent default browser navigation
-        return true;
+    value: function _handleClick(view, mark) {
+      var href = mark.attrs['href'];
+      var selectionId = mark.attrs['selectionId'];
+      var tocItemPos = null;
+      if (selectionId) {
+        tocItemPos = this.getInnerlinkSelected_position(view, mark.attrs.selectionId);
+        if (null === tocItemPos) {
+          this.openSelectedSection(selectionId);
+          event.preventDefault(); // prevent default browser navigation
+          return true;
+        }
       }
-      this.dom._linkTooltipView.jumpLink(this.dom._linkTooltipView._view, tocItemPos, href, selectionId);
+      this.jumpLink(view, tocItemPos, href, selectionId);
       event.preventDefault(); // prevent default browser navigation
       return true;
     }