@modusoperandi/licit 1.0.4 → 1.0.7

package/LinkTooltipPlugin.js.flow

@@ -1,190 +1,261 @@
-// @flow
-
-import { EditorState, Plugin, PluginKey } from 'prosemirror-state';
-import { TextSelection } from 'prosemirror-state';
-import { EditorView } from 'prosemirror-view';
-
-import { MARK_LINK } from './MarkNames.js';
-import { hideSelectionPlaceholder } from './SelectionPlaceholderPlugin.js';
-import { applyMark } from '@modusoperandi/licit-ui-commands';
-import { findNodesWithSameMark } from '@modusoperandi/licit-ui-commands';
-import lookUpElement from './lookUpElement.js';
-import LinkTooltip from './ui/LinkTooltip.js';
-import LinkURLEditor from './ui/LinkURLEditor.js';
-import { atAnchorTopCenter } from '@modusoperandi/licit-ui-commands';
-import { createPopUp } from '@modusoperandi/licit-ui-commands';
-
-import '@modusoperandi/licit-ui-commands/ui/czi-pop-up.css';
-
-// https://prosemirror.net/examples/tooltip/
-const SPEC = {
-  // [FS] IRAD-1005 2020-07-07
-  // Upgrade outdated packages.
-  key: new PluginKey('LinkTooltipPlugin'),
-  view(editorView: EditorView) {
-    return new LinkTooltipView(editorView);
-  },
-};
-
-class LinkTooltipPlugin extends Plugin {
-  constructor() {
-    super(SPEC);
-  }
-}
-
-class LinkTooltipView {
-  _anchorEl = null;
-  _popup = null;
-  _editor = null;
-
-  constructor(editorView: EditorView) {
-    this.update(editorView, null);
-  }
-
-  update(view: EditorView, lastState: EditorState): void {
-    if (view.readOnly) {
-      this.destroy();
-      return;
-    }
-
-    const { state } = view;
-    const { doc, selection, schema } = state;
-    const markType = schema.marks[MARK_LINK];
-    if (!markType) {
-      return;
-    }
-    const { from, to } = selection;
-    const result = findNodesWithSameMark(doc, from, to, markType);
-
-    if (!result) {
-      this.destroy();
-      return;
-    }
-    const domFound = view.domAtPos(from);
-    if (!domFound) {
-      this.destroy();
-      return;
-    }
-    const anchorEl = lookUpElement(domFound.node, (el) => el.nodeName === 'A');
-    if (!anchorEl) {
-      this.destroy();
-      return;
-    }
-
-    const popup = this._popup;
-    const viewPops = {
-      editorState: state,
-      editorView: view,
-      href: result.mark.attrs.href,
-      onCancel: this._onCancel,
-      onEdit: this._onEdit,
-      onRemove: this._onRemove,
-    };
-
-    if (popup && anchorEl === this._anchorEl) {
-      popup.update(viewPops);
-    } else {
-      popup && popup.close();
-      this._anchorEl = anchorEl;
-      this._popup = createPopUp(LinkTooltip, viewPops, {
-        anchor: anchorEl,
-        autoDismiss: false,
-        onClose: this._onClose,
-        position: atAnchorTopCenter,
-      });
-    }
-  }
-
-  destroy() {
-    this._popup && this._popup.close();
-    this._editor && this._editor.close();
-  }
-
-  _onCancel = (view: EditorView): void => {
-    this.destroy();
-    view.focus();
-  };
-
-  _onClose = (): void => {
-    this._anchorEl = null;
-    this._editor = null;
-    this._popup = null;
-  };
-
-  _onEdit = (view: EditorView): void => {
-    if (this._editor) {
-      return;
-    }
-
-    const { state } = view;
-    const { schema, doc, selection } = state;
-    const { from, to } = selection;
-    const markType = schema.marks[MARK_LINK];
-    const result = findNodesWithSameMark(doc, from, to, markType);
-    if (!result) {
-      return;
-    }
-
-    const href = result.mark.attrs.href;
-    this._editor = createPopUp(
-      LinkURLEditor,
-      { href },
-      {
-        onClose: (value) => {
-          this._editor = null;
-          this._onEditEnd(view, selection, value);
-        },
-      }
-    );
-  };
-
-  _onRemove = (view: EditorView): void => {
-    this._onEditEnd(view, view.state.selection, null);
-  };
-
-  _onEditEnd = (
-    view: EditorView,
-    initialSelection: TextSelection,
-    href: ?string
-  ): void => {
-    const { state, dispatch } = view;
-    let tr = hideSelectionPlaceholder(state);
-
-    if (href !== undefined) {
-      const { schema } = state;
-      const markType = schema.marks[MARK_LINK];
-      if (markType) {
-        const result = findNodesWithSameMark(
-          tr.doc,
-          initialSelection.from,
-          initialSelection.to,
-          markType
-        );
-        if (result) {
-          const linkSelection = TextSelection.create(
-            tr.doc,
-            result.from.pos,
-            result.to.pos + 1
-          );
-          tr = tr.setSelection(linkSelection);
-          const attrs = href ? { href } : null;
-          tr = applyMark(tr, schema, markType, attrs);
-
-          // [FS] IRAD-1005 2020-07-09
-          // Upgrade outdated packages.
-          // reset selection to original using the latest doc.
-          const origSelection = TextSelection.create(
-            tr.doc,
-            initialSelection.from,
-            initialSelection.to
-          );
-          tr = tr.setSelection(origSelection);
-        }
-      }
-    }
-    dispatch(tr);
-    view.focus();
-  };
-}
-
-export default LinkTooltipPlugin;
+// @flow
+
+import {
+  EditorState,
+  Plugin,
+  PluginKey,
+  TextSelection,
+} from 'prosemirror-state';
+import { EditorView } from 'prosemirror-view';
+
+import { MARK_LINK } from './MarkNames.js';
+import { hideSelectionPlaceholder } from './SelectionPlaceholderPlugin.js';
+import {
+  applyMark,
+  findNodesWithSameMark,
+  atAnchorTopCenter,
+  createPopUp,
+} from '@modusoperandi/licit-ui-commands';
+import lookUpElement from './lookUpElement.js';
+import LinkTooltip from './ui/LinkTooltip.js';
+import LinkURLEditor from './ui/LinkURLEditor.js';
+import { INNER_LINK } from './Types.js';
+
+import '@modusoperandi/licit-ui-commands/ui/czi-pop-up.css';
+
+// https://prosemirror.net/examples/tooltip/
+const SPEC = {
+  // [FS] IRAD-1005 2020-07-07
+  // Upgrade outdated packages.
+  key: new PluginKey('LinkTooltipPlugin'),
+  view(editorView: EditorView) {
+    return new LinkTooltipView(editorView);
+  },
+};
+
+class LinkTooltipPlugin extends Plugin {
+  constructor() {
+    super(SPEC);
+  }
+}
+
+class LinkTooltipView {
+  _anchorEl = null;
+  _popup = null;
+  _editor = null;
+
+  constructor(editorView: EditorView) {
+    this.update(editorView, null);
+  }
+
+  getInnerlinkSelected_position(view: EditorView, selectionId): void {
+    let tocItemPos = null;
+    if (selectionId) {
+      view.state.tr.doc.descendants((node, pos) => {
+        if (node.attrs.styleName && node.attrs.innerLink === selectionId) {
+          tocItemPos = { position: pos, textContent: node.textContent };
+        }
+      });
+    }
+    return tocItemPos;
+  }
+
+  update(view: EditorView, lastState: EditorState): void {
+    if (view.readOnly) {
+      this.destroy();
+      return;
+    }
+
+    const { state } = view;
+    const { doc, selection, schema } = state;
+    const markType = schema.marks[MARK_LINK];
+    if (!markType) {
+      return;
+    }
+    const { from, to } = selection;
+    const result = findNodesWithSameMark(doc, from, to, markType);
+
+    if (!result) {
+      this.destroy();
+      return;
+    }
+    const domFound = view.domAtPos(from);
+    if (!domFound) {
+      this.destroy();
+      return;
+    }
+    const anchorEl = lookUpElement(domFound.node, (el) => el.nodeName === 'A');
+    if (!anchorEl) {
+      this.destroy();
+      return;
+    }
+    const tocItemPos = this.getInnerlinkSelected_position(
+      view,
+      result.mark.attrs.selectionId
+    );
+    const popup = this._popup;
+    const viewPops = {
+      editorState: state,
+      editorView: view,
+      href: result.mark.attrs.href,
+      selectionId_: result.mark.attrs.selectionId,
+      onCancel: this._onCancel,
+      onEdit: this._onEdit,
+      onRemove: this._onRemove,
+      tocItemPos_: tocItemPos,
+    };
+
+    if (popup && anchorEl === this._anchorEl) {
+      popup.update(viewPops);
+    } else {
+      popup?.close();
+      this._anchorEl = anchorEl;
+      this._popup = createPopUp(LinkTooltip, viewPops, {
+        anchor: anchorEl,
+        autoDismiss: false,
+        onClose: this._onClose,
+        position: atAnchorTopCenter,
+      });
+    }
+  }
+
+  destroy() {
+    this._popup?.close();
+    this._editor?.close();
+  }
+
+  _onCancel = (view: EditorView): void => {
+    this.destroy();
+    view.focus();
+  };
+
+  _onClose = (): void => {
+    this._anchorEl = null;
+    this._editor = null;
+    this._popup = null;
+  };
+
+  showTocList = async (view) => {
+    let storeTOCvalue = [];
+    const TOCselectedNode = [];
+
+    const stylePromise = view.runtime;
+    if (stylePromise === null || undefined) {
+      return TOCselectedNode;
+    } else {
+      const styles = await stylePromise.fetchStyles();
+
+      storeTOCvalue = styles
+        .filter((style) => style.styles.toc === true)
+        .map((style) => style.styleName);
+      view.state.tr.doc.descendants((node, pos) => {
+        if (node.attrs.styleName) {
+          for (let i = 0; i <= storeTOCvalue.length; i++) {
+            if (storeTOCvalue[i] === node.attrs.styleName) {
+              TOCselectedNode.push({ node_: node, pos_: pos });
+            }
+          }
+        }
+      });
+      return TOCselectedNode;
+    }
+  };
+
+  _onEdit = (view: EditorView): void => {
+    this._popup.close();
+    if (this._editor) {
+      return;
+    }
+
+    const { state } = view;
+    const { schema, doc, selection } = state;
+    const { from, to } = selection;
+    const markType = schema.marks[MARK_LINK];
+    const result = findNodesWithSameMark(doc, from, to, markType);
+    if (!result) {
+      return;
+    }
+
+    this.showTocList(view).then((data) => {
+      const tocItemsNode = data;
+      const href = result.mark.attrs.href;
+      const viewPops = {
+        selectionId_: result.mark.attrs.selectionId,
+        href_: href,
+        TOCselectedNode_: tocItemsNode,
+        view_: view,
+      };
+
+      this._editor = createPopUp(LinkURLEditor, viewPops, {
+        onClose: (value) => {
+          this._editor = null;
+          this._onEditEnd(view, selection, value);
+        },
+      });
+    });
+  };
+
+  _onRemove = (view: EditorView): void => {
+    this._popup.close();
+    this._onEditEnd(view, view.state.selection, null);
+  };
+
+  _onEditEnd = (
+    view: EditorView,
+    initialSelection: TextSelection,
+    url: ?string
+  ): void => {
+    const { state, dispatch } = view;
+    let tr = hideSelectionPlaceholder(state);
+
+    if (url !== undefined) {
+      const { schema } = state;
+      const markType = schema.marks[MARK_LINK];
+      if (markType) {
+        const result = findNodesWithSameMark(
+          tr.doc,
+          initialSelection.from,
+          initialSelection.to,
+          markType
+        );
+        if (result) {
+          const linkSelection = TextSelection.create(
+            tr.doc,
+            result.from.pos,
+            result.to.pos + 1
+          );
+          tr = tr.setSelection(linkSelection);
+          let selectionId;
+          let href;
+          if (url === null) {
+            selectionId = null;
+            href = null;
+          } else if (url.includes(INNER_LINK)) {
+            selectionId = url.split(INNER_LINK)[0];
+            href = url.split(INNER_LINK)[1];
+          } else {
+            selectionId = null;
+            href = url;
+          }
+
+          const attrs = href ? { href, selectionId } : null;
+          tr = applyMark(tr, schema, markType, attrs);
+
+          // [FS] IRAD-1005 2020-07-09
+          // Upgrade outdated packages.
+          // reset selection to original using the latest doc.
+          const origSelection = TextSelection.create(
+            tr.doc,
+            initialSelection.from,
+            initialSelection.to
+          );
+          tr = tr.setSelection(origSelection);
+        }
+      }
+    }
+    dispatch(tr);
+    view.focus();
+  };
+}
+
+export default LinkTooltipPlugin;

package/ListItemInsertNewLineCommand.js

@@ -1,20 +1,19 @@
 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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
-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 _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
+function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
 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 _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
+function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
 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 _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
+function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
+function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
+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; }
+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 { Fragment, Schema } from 'prosemirror-model';
-import { EditorState } from 'prosemirror-state';
-import { TextSelection } from 'prosemirror-state';
+import { EditorState, TextSelection } from 'prosemirror-state';
 import { Transform } from 'prosemirror-transform';
 import { findParentNodeOfType } from 'prosemirror-utils';
 import { EditorView } from 'prosemirror-view';
@@ -49,7 +48,6 @@ function insertNewLine(tr, schema) {
   return tr;
 }
 var ListItemInsertNewLineCommand = /*#__PURE__*/function (_UICommand) {
-  _inherits(ListItemInsertNewLineCommand, _UICommand);
   function ListItemInsertNewLineCommand() {
     var _this;
     _classCallCheck(this, ListItemInsertNewLineCommand);
@@ -57,7 +55,7 @@ var ListItemInsertNewLineCommand = /*#__PURE__*/function (_UICommand) {
       args[_key] = arguments[_key];
     }
     _this = _callSuper(this, ListItemInsertNewLineCommand, [].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "execute", function (state, dispatch, view) {
+    _defineProperty(_this, "execute", function (state, dispatch, view) {
       var schema = state.schema,
         selection = state.selection;
       var tr = insertNewLine(state.tr.setSelection(selection), schema);
@@ -68,20 +66,20 @@ var ListItemInsertNewLineCommand = /*#__PURE__*/function (_UICommand) {
         return false;
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "waitForUserInput", function (_state, _dispatch, _view, _event) {
+    _defineProperty(_this, "waitForUserInput", function (_state, _dispatch, _view, _event) {
       return Promise.resolve(undefined);
     });
-    _defineProperty(_assertThisInitialized(_this), "executeWithUserInput", function (_state, _dispatch, _view, _inputs) {
+    _defineProperty(_this, "executeWithUserInput", function (_state, _dispatch, _view, _inputs) {
       return false;
     });
     return _this;
   }
-  _createClass(ListItemInsertNewLineCommand, [{
+  _inherits(ListItemInsertNewLineCommand, _UICommand);
+  return _createClass(ListItemInsertNewLineCommand, [{
     key: "cancel",
     value: function cancel() {
       return null;
     }
   }]);
-  return ListItemInsertNewLineCommand;
 }(UICommand);
 export default ListItemInsertNewLineCommand;