@manuscripts/body-editor 1.11.8-LEAN-3572.0 → 1.11.8

package/dist/cjs/configs/editor-plugins.js

@@ -29,6 +29,7 @@ const keys_1 = __importDefault(require("../keys"));
 const affiliations_1 = __importDefault(require("../plugins/affiliations"));
 const bibliography_1 = __importDefault(require("../plugins/bibliography"));
 const comments_1 = __importDefault(require("../plugins/comments"));
+const doi_1 = __importDefault(require("../plugins/doi"));
 const editor_props_1 = __importDefault(require("../plugins/editor-props"));
 const elements_1 = __importDefault(require("../plugins/elements"));
 const footnotes_1 = __importDefault(require("../plugins/footnotes"));
@@ -71,6 +72,7 @@ exports.default = (props) => {
         (0, footnotes_1.default)(props),
         (0, table_footnote_1.default)(),
         (0, editor_props_1.default)(props),
+        (0, doi_1.default)(),
     ];
     if (props.collabProvider) {
         allPlugins.push((0, prosemirror_collab_1.collab)({ version: props.collabProvider.currentVersion }));

package/dist/cjs/lib/comments.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createCommentMarker = exports.getCommentRange = exports.getCommentKey = exports.isNodeComment = void 0;
-const isNodeComment = (c) => !c.range;
+const isNodeComment = (comment) => !comment.range;
 exports.isNodeComment = isNodeComment;
 const getCommentKey = (comment, range, target) => {
     if (!range) {

package/dist/cjs/plugins/comments.js

@@ -90,12 +90,13 @@ const findCommentRanges = (doc) => {
     return ranges;
 };
 const findComments = (doc) => {
-    const comments = (0, prosemirror_utils_1.findChildrenByType)(doc, transform_1.schema.nodes.comment);
+    const nodes = (0, prosemirror_utils_1.findChildrenByType)(doc, transform_1.schema.nodes.comment);
     const commentsByTarget = new Map();
-    for (const comment of comments) {
-        const targetID = comment.node.attrs.target;
-        const list = commentsByTarget.get(targetID) || [];
-        commentsByTarget.set(targetID, [...list, comment]);
+    for (const { node } of nodes) {
+        const attrs = node.attrs;
+        const targetID = attrs.target;
+        const comments = commentsByTarget.get(targetID) || [];
+        commentsByTarget.set(targetID, [...comments, attrs]);
     }
     return commentsByTarget;
 };
@@ -117,32 +118,27 @@ const buildPluginState = (doc, selection) => {
         const nodeComments = [];
         const highlightComments = [];
         const pointComments = [];
-        comments
-            .map((c) => {
-            const attrs = c.node.attrs;
+        for (const attrs of comments) {
             const id = attrs.id;
             const range = ranges.get(id);
             const key = (0, comments_1.getCommentKey)(attrs, range, node);
-            return {
+            const comment = {
                 key,
-                node: c.node,
-                pos: c.pos,
+                attrs,
                 target,
                 range,
             };
-        })
-            .forEach((c) => {
-            allComments.push(c);
-            if (!c.range) {
-                nodeComments.push(c);
+            allComments.push(comment);
+            if (!comment.range) {
+                nodeComments.push(comment);
             }
-            else if (c.range.size) {
-                highlightComments.push(c);
+            else if (comment.range.size) {
+                highlightComments.push(comment);
             }
             else {
-                pointComments.push(c);
+                pointComments.push(comment);
             }
-        });
+        }
         for (const comment of highlightComments) {
             const key = comment.key;
             const range = comment.range;
@@ -165,7 +161,7 @@ const buildPluginState = (doc, selection) => {
     });
     return {
         decorations: prosemirror_view_1.DecorationSet.create(doc, decorations),
-        comments: new Map(allComments.map((c) => [c.node.attrs.id, c])),
+        comments: new Map(allComments.map((c) => [c.attrs.id, c])),
         commentsByKey: groupByKey(allComments),
         selection,
     };

package/dist/cjs/plugins/doi.js

@@ -0,0 +1,63 @@
+"use strict";
+/*!
+ * © 2024 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+const prosemirror_state_1 = require("prosemirror-state");
+const prosemirror_view_1 = require("prosemirror-view");
+exports.default = () => {
+    return new prosemirror_state_1.Plugin({
+        state: {
+            init(_, { doc }) {
+                if (doc.attrs.doi) {
+                    const decorations = createDecoration(doc);
+                    return prosemirror_view_1.DecorationSet.create(doc, decorations);
+                }
+            },
+            apply(tr, oldDecorationSet, oldState, newState) {
+                if (tr.docChanged && newState.doc.attrs.doi) {
+                    const decorations = createDecoration(newState.doc);
+                    return prosemirror_view_1.DecorationSet.create(newState.doc, decorations);
+                }
+                return oldDecorationSet;
+            },
+        },
+        props: {
+            decorations(state) {
+                return this.getState(state);
+            },
+        },
+    });
+};
+function getPosition(doc) {
+    const positions = [];
+    const possibleNodesTypes = ['keywords', 'supplements', 'abstracts', 'body'];
+    doc.descendants((node, pos) => {
+        if (possibleNodesTypes.includes(node.type.name)) {
+            positions.push(pos);
+        }
+    });
+    const position = positions.length === 0 ? 0 : Math.min(...positions);
+    return position;
+}
+function createDecoration(doc) {
+    const decoration = prosemirror_view_1.Decoration.widget(getPosition(doc), () => {
+        const doiContainer = document.createElement('div');
+        doiContainer.classList.add('doi-container', 'block');
+        doiContainer.innerHTML = `<p>DOI: https://doi.org/${doc.attrs.doi}</p>`;
+        return doiContainer;
+    });
+    return [decoration];
+}

package/dist/es/configs/editor-plugins.js

@@ -24,6 +24,7 @@ import keys from '../keys';
 import affiliations from '../plugins/affiliations';
 import bibliography from '../plugins/bibliography';
 import comments from '../plugins/comments';
+import doi from '../plugins/doi';
 import editorProps from '../plugins/editor-props';
 import elements from '../plugins/elements';
 import footnotes from '../plugins/footnotes';
@@ -66,6 +67,7 @@ export default (props) => {
         footnotes(props),
         table_footnote(),
         editorProps(props),
+        doi(),
     ];
     if (props.collabProvider) {
         allPlugins.push(collab({ version: props.collabProvider.currentVersion }));

package/dist/es/lib/comments.js

@@ -1,4 +1,4 @@
-export const isNodeComment = (c) => !c.range;
+export const isNodeComment = (comment) => !comment.range;
 export const getCommentKey = (comment, range, target) => {
     if (!range) {
         return target.attrs.id;

package/dist/es/plugins/comments.js

@@ -85,12 +85,13 @@ const findCommentRanges = (doc) => {
     return ranges;
 };
 const findComments = (doc) => {
-    const comments = findChildrenByType(doc, schema.nodes.comment);
+    const nodes = findChildrenByType(doc, schema.nodes.comment);
     const commentsByTarget = new Map();
-    for (const comment of comments) {
-        const targetID = comment.node.attrs.target;
-        const list = commentsByTarget.get(targetID) || [];
-        commentsByTarget.set(targetID, [...list, comment]);
+    for (const { node } of nodes) {
+        const attrs = node.attrs;
+        const targetID = attrs.target;
+        const comments = commentsByTarget.get(targetID) || [];
+        commentsByTarget.set(targetID, [...comments, attrs]);
     }
     return commentsByTarget;
 };
@@ -112,32 +113,27 @@ const buildPluginState = (doc, selection) => {
         const nodeComments = [];
         const highlightComments = [];
         const pointComments = [];
-        comments
-            .map((c) => {
-            const attrs = c.node.attrs;
+        for (const attrs of comments) {
             const id = attrs.id;
             const range = ranges.get(id);
             const key = getCommentKey(attrs, range, node);
-            return {
+            const comment = {
                 key,
-                node: c.node,
-                pos: c.pos,
+                attrs,
                 target,
                 range,
             };
-        })
-            .forEach((c) => {
-            allComments.push(c);
-            if (!c.range) {
-                nodeComments.push(c);
+            allComments.push(comment);
+            if (!comment.range) {
+                nodeComments.push(comment);
             }
-            else if (c.range.size) {
-                highlightComments.push(c);
+            else if (comment.range.size) {
+                highlightComments.push(comment);
             }
             else {
-                pointComments.push(c);
+                pointComments.push(comment);
             }
-        });
+        }
         for (const comment of highlightComments) {
             const key = comment.key;
             const range = comment.range;
@@ -160,7 +156,7 @@ const buildPluginState = (doc, selection) => {
     });
     return {
         decorations: DecorationSet.create(doc, decorations),
-        comments: new Map(allComments.map((c) => [c.node.attrs.id, c])),
+        comments: new Map(allComments.map((c) => [c.attrs.id, c])),
         commentsByKey: groupByKey(allComments),
         selection,
     };

package/dist/es/plugins/doi.js

@@ -0,0 +1,61 @@
+/*!
+ * © 2024 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { Plugin } from 'prosemirror-state';
+import { Decoration, DecorationSet } from 'prosemirror-view';
+export default () => {
+    return new Plugin({
+        state: {
+            init(_, { doc }) {
+                if (doc.attrs.doi) {
+                    const decorations = createDecoration(doc);
+                    return DecorationSet.create(doc, decorations);
+                }
+            },
+            apply(tr, oldDecorationSet, oldState, newState) {
+                if (tr.docChanged && newState.doc.attrs.doi) {
+                    const decorations = createDecoration(newState.doc);
+                    return DecorationSet.create(newState.doc, decorations);
+                }
+                return oldDecorationSet;
+            },
+        },
+        props: {
+            decorations(state) {
+                return this.getState(state);
+            },
+        },
+    });
+};
+function getPosition(doc) {
+    const positions = [];
+    const possibleNodesTypes = ['keywords', 'supplements', 'abstracts', 'body'];
+    doc.descendants((node, pos) => {
+        if (possibleNodesTypes.includes(node.type.name)) {
+            positions.push(pos);
+        }
+    });
+    const position = positions.length === 0 ? 0 : Math.min(...positions);
+    return position;
+}
+function createDecoration(doc) {
+    const decoration = Decoration.widget(getPosition(doc), () => {
+        const doiContainer = document.createElement('div');
+        doiContainer.classList.add('doi-container', 'block');
+        doiContainer.innerHTML = `<p>DOI: https://doi.org/${doc.attrs.doi}</p>`;
+        return doiContainer;
+    });
+    return [decoration];
+}

package/dist/types/lib/comments.d.ts

@@ -5,14 +5,12 @@ export type HighlightMarkerAttrs = HighlightMarkerNode['attrs'];
 export type Comment = NodeComment | InlineComment;
 export type NodeComment = {
     key: CommentKey;
-    node: CommentNode;
-    pos: number;
+    attrs: CommentAttrs;
     target: NodeWithPos;
 };
 export type InlineComment = {
     key: CommentKey;
-    node: CommentNode;
-    pos: number;
+    attrs: CommentAttrs;
     target: NodeWithPos;
     range: CommentRange;
 };
@@ -26,7 +24,7 @@ export type CommentSelection = {
     id: string;
     isNew: boolean;
 };
-export declare const isNodeComment: (c: any) => c is NodeComment;
+export declare const isNodeComment: (comment: any) => comment is NodeComment;
 export declare const getCommentKey: (comment: CommentAttrs, range: CommentRange | undefined, target: ManuscriptNode) => CommentKey;
 export declare const getCommentRange: (comment: CommentAttrs) => {
     pos: number;

package/dist/types/plugins/doi.d.ts

@@ -0,0 +1,19 @@
+/*!
+ * © 2024 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { Plugin } from 'prosemirror-state';
+import { DecorationSet } from 'prosemirror-view';
+declare const _default: () => Plugin<DecorationSet | undefined>;
+export default _default;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/body-editor",
   "description": "Prosemirror components for editing and viewing manuscripts",
-  "version": "1.11.8-LEAN-3572.0",
+  "version": "1.11.8",
   "repository": "github:Atypon-OpenSource/manuscripts-body-editor",
   "license": "Apache-2.0",
   "main": "dist/cjs",
@@ -30,9 +30,9 @@
     "@iarna/word-count": "^1.1.2",
     "@manuscripts/json-schema": "2.2.8",
     "@manuscripts/library": "1.3.7",
-    "@manuscripts/style-guide": "1.12.16-LEAN-3572.0",
+    "@manuscripts/style-guide": "1.12.16",
     "@manuscripts/track-changes-plugin": "1.7.13",
-    "@manuscripts/transform": "2.3.8",
+    "@manuscripts/transform": "2.3.9",
     "astrocite-eutils": "^0.16.4",
     "mathjax-full": "^3.2.2",
     "codemirror": "^5.58.1",

package/styles/AdvancedEditor.css

@@ -927,6 +927,13 @@ span.accepted .selected-suggestion,
   align-items: flex-start;
 }
 
+.ProseMirror .doi-container {
+  margin: 1rem 64px 0;
+  font-size: 12px;
+  color: #6e6e6e;
+
+}
+
 * {
   scroll-behavior: smooth;
 }