@manuscripts/body-editor 1.5.16 → 1.6.1

package/dist/cjs/plugins/bibliography/bibliography-utils.js

@@ -26,21 +26,23 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getReferencesModelMap = exports.getNodeModel = exports.buildDecorations = exports.isBibliographyElement = void 0;
+exports.buildCitations = exports.getBibliographyItemModelMap = exports.getBibliographyItem = exports.getCitation = exports.buildDecorations = exports.isBibliographyElement = void 0;
 const json_schema_1 = require("@manuscripts/json-schema");
 const track_changes_plugin_1 = require("@manuscripts/track-changes-plugin");
 const transform_1 = require("@manuscripts/transform");
-const lodash_es_1 = require("lodash-es");
+const lodash_1 = require("lodash");
 const prosemirror_view_1 = require("prosemirror-view");
 const isBibliographyElement = (node) => node.type === node.type.schema.nodes.bibliography_element;
 exports.isBibliographyElement = isBibliographyElement;
-const buildDecorations = (doc, citationNodes, popper, referencesModelMap, triggerUpdate) => {
+let count = 0;
+const buildDecorations = (state, doc) => {
     const decorations = [];
     let hasMissingItems = false;
-    for (const [node, pos, citation] of citationNodes) {
-        if (citation.embeddedCitationItems.length) {
-            for (const citationItem of citation.embeddedCitationItems) {
-                if (!referencesModelMap.get(citationItem.bibliographyItem)) {
+    for (const [node, pos] of state.citationNodes) {
+        const rids = node.attrs.rids;
+        if (rids.length) {
+            for (const rid of rids) {
+                if (!state.bibliographyItems.has(rid)) {
                     decorations.push(prosemirror_view_1.Decoration.node(pos, pos + node.nodeSize, {
                         class: 'citation-missing',
                     }));
@@ -72,57 +74,58 @@ const buildDecorations = (doc, citationNodes, popper, referencesModelMap, trigge
             }
         });
     }
-    if (triggerUpdate) {
-        doc.descendants((node, pos) => {
-            if ((0, exports.isBibliographyElement)(node)) {
-                decorations.push(prosemirror_view_1.Decoration.node(pos, pos + node.nodeSize, {}, {
-                    triggerUpdate: true,
-                }));
-            }
-        });
-    }
+    doc.descendants((node, pos) => {
+        if ((0, exports.isBibliographyElement)(node)) {
+            decorations.push(prosemirror_view_1.Decoration.node(pos, pos + node.nodeSize, {}, {
+                refresh: count++,
+            }));
+        }
+    });
     return decorations;
 };
 exports.buildDecorations = buildDecorations;
-const cleanData = (model) => (0, lodash_es_1.pickBy)(model, (value) => value !== undefined);
-const getNodeModel = (node, excludeDeletedNode) => {
-    const getLatest = (a, b) => a.updatedAt > b.updatedAt ? a : b;
-    const mapNodeToModel = (attrs, nodeType) => {
-        if (nodeType === transform_1.schema.nodes.bibliography_item) {
-            const { id, containerTitle, doi } = attrs, rest = __rest(attrs, ["id", "containerTitle", "doi"]);
-            return cleanData(Object.assign(Object.assign({ _id: id, 'container-title': containerTitle, DOI: doi }, rest), { objectType: json_schema_1.ObjectTypes.BibliographyItem }));
-        }
-        const { rid, embeddedCitationItems } = attrs;
-        return {
-            _id: rid,
-            embeddedCitationItems: (embeddedCitationItems === null || embeddedCitationItems === void 0 ? void 0 : embeddedCitationItems.map((item) => ({
-                _id: item.id,
-                bibliographyItem: item.bibliographyItem,
-                objectType: json_schema_1.ObjectTypes.CitationItem,
-            }))) || [],
-            objectType: json_schema_1.ObjectTypes.Citation,
-        };
+const getCitation = (node) => {
+    const attrs = getEffectiveAttrs(node);
+    if (!attrs) {
+        return undefined;
+    }
+    const rids = attrs.rids;
+    const items = rids.map((i) => ({
+        _id: '_',
+        objectType: json_schema_1.ObjectTypes.CitationItem,
+        bibliographyItem: i,
+    }));
+    return {
+        _id: attrs.id,
+        objectType: json_schema_1.ObjectTypes.Citation,
+        embeddedCitationItems: items,
     };
-    const _a = node.attrs, { dataTracked } = _a, attrs = __rest(_a, ["dataTracked"]);
-    const nodeChange = dataTracked === null || dataTracked === void 0 ? void 0 : dataTracked.reduce(getLatest);
-    if (nodeChange &&
-        excludeDeletedNode &&
-        nodeChange.operation === track_changes_plugin_1.CHANGE_OPERATION.delete &&
-        nodeChange.status !== track_changes_plugin_1.CHANGE_STATUS.rejected) {
+};
+exports.getCitation = getCitation;
+const getBibliographyItem = (node) => {
+    const attrs = getEffectiveAttrs(node);
+    if (!attrs) {
         return undefined;
     }
+    const { id, containerTitle, doi } = attrs, rest = __rest(attrs, ["id", "containerTitle", "doi"]);
+    const item = Object.assign({ _id: id, objectType: json_schema_1.ObjectTypes.BibliographyItem, 'container-title': containerTitle, DOI: doi }, rest);
+    return (0, lodash_1.pickBy)(item, (v) => v !== undefined);
+};
+exports.getBibliographyItem = getBibliographyItem;
+const getLatest = (a, b) => a.updatedAt > b.updatedAt ? a : b;
+const getEffectiveAttrs = (node) => {
+    const _a = node.attrs, { dataTracked } = _a, attrs = __rest(_a, ["dataTracked"]);
+    const nodeChange = dataTracked === null || dataTracked === void 0 ? void 0 : dataTracked.reduce(getLatest);
     const isRejected = nodeChange &&
         nodeChange.operation === track_changes_plugin_1.CHANGE_OPERATION.set_node_attributes &&
         nodeChange.status === track_changes_plugin_1.CHANGE_STATUS.rejected;
-    return mapNodeToModel(isRejected ? nodeChange === null || nodeChange === void 0 ? void 0 : nodeChange.oldAttrs : attrs, node.type);
+    return isRejected ? nodeChange === null || nodeChange === void 0 ? void 0 : nodeChange.oldAttrs : attrs;
 };
-exports.getNodeModel = getNodeModel;
-const getReferencesModelMap = (doc, excludeDeletedNode) => {
+const getBibliographyItemModelMap = (doc) => {
     const modelMap = new Map();
     doc.descendants((node) => {
-        if (node.type === transform_1.schema.nodes.bibliography_item ||
-            node.type === transform_1.schema.nodes.citation) {
-            const model = (0, exports.getNodeModel)(node, excludeDeletedNode);
+        if (node.type === transform_1.schema.nodes.bibliography_item) {
+            const model = (0, exports.getBibliographyItem)(node);
             if (model) {
                 modelMap.set(model._id, model);
             }
@@ -130,4 +133,14 @@ const getReferencesModelMap = (doc, excludeDeletedNode) => {
     });
     return modelMap;
 };
-exports.getReferencesModelMap = getReferencesModelMap;
+exports.getBibliographyItemModelMap = getBibliographyItemModelMap;
+const buildCitations = (citations) => citations.map((citation) => ({
+    citationID: citation[0].attrs.id,
+    citationItems: citation[0].attrs.rids.map((rid) => ({
+        id: rid,
+    })),
+    properties: {
+        noteIndex: 0,
+    },
+}));
+exports.buildCitations = buildCitations;

package/dist/cjs/plugins/bibliography/index.js

@@ -15,86 +15,71 @@
  * limitations under the License.
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.bibliographyKey = void 0;
+exports.getBibliographyPluginState = exports.bibliographyKey = void 0;
 const library_1 = require("@manuscripts/library");
-const lodash_es_1 = require("lodash-es");
+const transform_1 = require("@manuscripts/transform");
+const lodash_1 = require("lodash");
 const prosemirror_state_1 = require("prosemirror-state");
 const prosemirror_view_1 = require("prosemirror-view");
 const track_changes_utils_1 = require("../../lib/track-changes-utils");
 const bibliography_utils_1 = require("./bibliography-utils");
 exports.bibliographyKey = new prosemirror_state_1.PluginKey('bibliography');
 exports.default = (props) => {
-    const { style, locale } = props.cslProps;
     return new prosemirror_state_1.Plugin({
         key: exports.bibliographyKey,
         state: {
             init(config, instance) {
-                const referencesModelMap = (0, bibliography_utils_1.getReferencesModelMap)(instance.doc);
-                const citationNodes = (0, library_1.buildCitationNodes)(instance.doc, referencesModelMap);
-                const filteredCitationNodes = citationNodes.filter((node) => !(0, track_changes_utils_1.isRejectedInsert)(node[0]));
-                const citations = (0, library_1.buildCitations)(filteredCitationNodes, (id) => referencesModelMap.get(id));
-                const bibliographyItems = (0, library_1.buildBibliographyItems)(filteredCitationNodes, (id) => referencesModelMap.get(id));
-                return {
-                    citationNodes,
-                    citations,
-                    bibliographyItems,
-                };
+                return buildBibliographyPluginState(instance.doc, props.cslProps);
             },
-            apply(tr, value, oldState, newState) {
-                const referencesModelMap = (0, bibliography_utils_1.getReferencesModelMap)(newState.doc);
-                const citationNodes = (0, library_1.buildCitationNodes)(newState.doc, referencesModelMap);
-                const filteredCitationNodes = citationNodes.filter((node) => !(0, track_changes_utils_1.isRejectedInsert)(node[0]));
-                const citations = (0, library_1.buildCitations)(filteredCitationNodes, (id) => referencesModelMap.get(id));
-                const bibliographyItems = (0, library_1.buildBibliographyItems)(filteredCitationNodes, (id) => referencesModelMap.get(id));
-                const meta = tr.getMeta(exports.bibliographyKey);
-                const triggerUpdate = meta && meta.triggerUpdate;
-                return {
-                    citationNodes,
-                    citations,
-                    bibliographyItems,
-                    triggerUpdate,
-                };
-            },
-        },
-        appendTransaction(transactions, oldState, newState) {
-            const { citations: oldCitations } = exports.bibliographyKey.getState(oldState);
-            const { citations, bibliographyItems } = exports.bibliographyKey.getState(newState);
-            const bibliographyInserted = transactions.some((tr) => {
-                const meta = tr.getMeta(exports.bibliographyKey);
-                return meta && meta.bibliographyInserted;
-            });
-            const initCitations = transactions.some((tr) => {
-                const meta = tr.getMeta(exports.bibliographyKey);
-                return meta && meta.initCitations;
-            });
-            if ((0, lodash_es_1.isEqual)(citations, oldCitations) &&
-                !bibliographyInserted &&
-                !initCitations) {
-                return null;
-            }
-            const { tr } = newState;
-            const { selection } = tr;
-            try {
-                const generatedCitations = new Map(library_1.CitationProvider.rebuildProcessorState(citations, bibliographyItems, style || '', locale, 'html').map((item) => [item[0], item[2]]));
-                props.setCiteprocCitations(generatedCitations);
-                if (selection instanceof prosemirror_state_1.NodeSelection) {
-                    tr.setSelection(prosemirror_state_1.NodeSelection.create(tr.doc, selection.from));
+            apply(tr, value) {
+                if (!tr.steps.length) {
+                    return value;
                 }
-                tr.setMeta(exports.bibliographyKey, {
-                    triggerUpdate: true,
-                });
-                tr.setMeta('origin', exports.bibliographyKey);
-                return tr;
-            }
-            catch (error) {
-                console.error(error);
-            }
+                return buildBibliographyPluginState(tr.doc, props.cslProps, value);
+            },
         },
         props: {
             decorations(state) {
-                const { citationNodes, triggerUpdate } = exports.bibliographyKey.getState(state);
-                return prosemirror_view_1.DecorationSet.create(state.doc, (0, bibliography_utils_1.buildDecorations)(state.doc, citationNodes, props.popper, (0, bibliography_utils_1.getReferencesModelMap)(state.doc), triggerUpdate));
+                const bib = (0, exports.getBibliographyPluginState)(state);
+                return prosemirror_view_1.DecorationSet.create(state.doc, (0, bibliography_utils_1.buildDecorations)(bib, state.doc));
             },
         },
     });
 };
+const buildBibliographyPluginState = (doc, csl, $old) => {
+    const nodes = [];
+    doc.descendants((node, pos) => {
+        if ((0, transform_1.isCitationNode)(node) && !(0, track_changes_utils_1.isRejectedInsert)(node)) {
+            nodes.push([node, pos]);
+        }
+    });
+    const modelMap = (0, bibliography_utils_1.getBibliographyItemModelMap)(doc);
+    const citations = (0, bibliography_utils_1.buildCitations)(nodes);
+    const $new = {
+        citationNodes: nodes,
+        citations,
+        bibliographyItems: modelMap,
+    };
+    if (!csl.style) {
+        return $new;
+    }
+    if ($old && (0, lodash_1.isEqual)(citations, $old.citations)) {
+        $new.provider = $old.provider;
+        $new.renderedCitations = $old.renderedCitations;
+    }
+    else {
+        const provider = new library_1.CitationProvider({
+            getLibraryItem: (id) => modelMap.get(id),
+            citationStyle: csl.style || '',
+            locale: csl.locale,
+        });
+        const citationTexts = provider.rebuildState((0, bibliography_utils_1.buildCitations)(nodes));
+        $new.provider = provider;
+        $new.renderedCitations = new Map(citationTexts.map((i) => [i[0], i[2]]));
+    }
+    return $new;
+};
+const getBibliographyPluginState = (state) => {
+    return exports.bibliographyKey.getState(state);
+};
+exports.getBibliographyPluginState = getBibliographyPluginState;

package/dist/cjs/plugins/comment_annotation.js

@@ -65,7 +65,7 @@ exports.default = (props) => {
 };
 const getNodePosition = (node, pos) => {
     switch (node.type) {
-        case node.type.schema.nodes.keywords_section:
+        case transform_1.schema.nodes.keywords:
             return pos + 2;
         default:
             return pos + 1;
@@ -74,7 +74,7 @@ const getNodePosition = (node, pos) => {
 const commentsState = (setSelectedComment, doc) => {
     const comments = [];
     doc.descendants((node) => {
-        if (node.type === transform_1.schema.nodes.comment_list) {
+        if (node.type === transform_1.schema.nodes.comments) {
             node.descendants((comment) => {
                 comments.push(comment.attrs);
             });

package/dist/cjs/plugins/footnotes/index.js

@@ -28,7 +28,9 @@ const buildPluginState = (doc) => {
     doc.descendants((node, pos) => {
         if ((0, transform_1.isInlineFootnoteNode)(node)) {
             nodes.push([node, pos]);
-            labels.set(node.attrs.rid, String(++index));
+            node.attrs.rids.forEach((rid) => {
+                labels.set(rid, String(++index));
+            });
         }
     });
     return { nodes, labels };
@@ -36,7 +38,8 @@ const buildPluginState = (doc) => {
 exports.buildPluginState = buildPluginState;
 const scrollToInlineFootnote = (rid, view) => {
     view.state.doc.descendants((node, pos) => {
-        if (node.attrs.rid === rid) {
+        const footnote = node;
+        if (footnote.attrs.rids.includes(rid)) {
             const selection = prosemirror_state_1.NodeSelection.create(view.state.doc, pos);
             view.dispatch(view.state.tr.setSelection(selection).scrollIntoView());
         }
@@ -70,9 +73,12 @@ exports.default = () => {
             }
             const { tr } = newState;
             inlineFootnoteNodes.forEach(([node, pos]) => {
-                const contents = labels.get(node.attrs.rid);
-                if (node.attrs.contents !== contents) {
-                    tr.setNodeMarkup(pos, undefined, Object.assign(Object.assign({}, node.attrs), { contents }));
+                const footnote = node;
+                const contents = footnote.attrs.rids
+                    .map((rid) => labels.get(rid))
+                    .join('');
+                if (footnote.attrs.contents !== contents) {
+                    tr.setNodeMarkup(pos, undefined, Object.assign(Object.assign({}, footnote.attrs), { rids: footnote.attrs.rids, contents }));
                 }
             });
             return tr;
@@ -83,11 +89,14 @@ exports.default = () => {
                 const { labels } = exports.footnotesKey.getState(state);
                 if (labels) {
                     state.doc.descendants((node, pos) => {
-                        const { id } = node.attrs;
-                        if (labels.has(id)) {
-                            decorations.push(prosemirror_view_1.Decoration.widget(pos + 2, labelWidget(labels.get(id), id), {
-                                side: -1,
-                            }));
+                        if ((0, transform_1.isFootnoteNode)(node)) {
+                            const id = node.attrs.id;
+                            const label = labels.get(id);
+                            if (label) {
+                                decorations.push(prosemirror_view_1.Decoration.widget(pos + 2, labelWidget(label, id), {
+                                    side: -1,
+                                }));
+                            }
                         }
                     });
                 }

package/dist/cjs/plugins/persist.js

@@ -3,43 +3,33 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const track_changes_plugin_1 = require("@manuscripts/track-changes-plugin");
 const transform_1 = require("@manuscripts/transform");
 const prosemirror_state_1 = require("prosemirror-state");
+const isManuscriptNode = (node) => {
+    return node && node.type === transform_1.schema.nodes.manuscript;
+};
 exports.default = () => {
     return new prosemirror_state_1.Plugin({
         appendTransaction(transactions, oldState, newState) {
-            if (!transactions.some((transaction) => transaction.docChanged)) {
+            if (!transactions.some((tr) => tr.docChanged)) {
                 return null;
             }
-            const newTr = newState.tr;
-            const diffStart = oldState.doc.content.findDiffStart(newState.doc.content);
-            const diffEnd = oldState.doc.content.findDiffEnd(newState.doc.content);
             const ids = new Set();
-            if (diffStart || diffEnd) {
-                const start = diffStart || 0;
-                const end = diffEnd ? diffEnd.b : newState.doc.nodeSize - 2;
-                let endOfList = 0, endOfFootnote = 0;
-                newState.doc.nodesBetween(start, end, (node, pos) => {
-                    const { id } = node.attrs;
-                    if ((0, transform_1.isListNode)(node)) {
-                        endOfList = Math.max(endOfList, pos + node.nodeSize);
-                    }
-                    else if ((0, transform_1.isFootnoteNode)(node)) {
-                        endOfFootnote = Math.max(endOfFootnote, pos + node.nodeSize);
-                    }
-                    const insideFootnote = pos <= endOfFootnote;
-                    if ('id' in node.attrs &&
-                        (!insideFootnote || node.isInline) &&
-                        (!id || id.length === 0 || ids.has(id))) {
-                        const newId = (0, transform_1.generateNodeID)(node.type);
-                        const updatedAttrs = Object.assign(Object.assign({}, node.attrs), { id: newId });
-                        newTr.setNodeMarkup(pos, undefined, updatedAttrs, node.marks);
-                        ids.add(newId);
-                    }
-                });
-                (0, track_changes_plugin_1.skipTracking)(newTr);
-                newTr.setMeta('origin', 'persist');
-                return newTr;
-            }
-            return null;
+            const tr = newState.tr;
+            newState.doc.descendants((node, pos, parent) => {
+                if (node.isInline ||
+                    isManuscriptNode(node) ||
+                    isManuscriptNode(parent)) {
+                    return;
+                }
+                let id = node.attrs.id;
+                if (!id || ids.has(id)) {
+                    id = (0, transform_1.generateNodeID)(node.type);
+                    tr.setNodeMarkup(pos, undefined, Object.assign(Object.assign({}, node.attrs), { id }), node.marks);
+                }
+                ids.add(id);
+            });
+            (0, track_changes_plugin_1.skipTracking)(tr);
+            tr.setMeta('origin', 'persist');
+            return tr;
         },
     });
 };

package/dist/cjs/plugins/sections.js

@@ -40,8 +40,7 @@ const preventTitleEdit = (tr) => {
             const currentDoc = tr.docs[i];
             step.getMap().forEach((fromA, toA) => {
                 currentDoc.nodesBetween(fromA, toA, (node, nodePos) => {
-                    if ((0, transform_1.isGraphicalAbstractSectionNode)(node) ||
-                        (0, transform_1.isKeywordsSectionNode)(node)) {
+                    if ((0, transform_1.isGraphicalAbstractSectionNode)(node) || (0, transform_1.isKeywordsNode)(node)) {
                         node.descendants((childNode, childPos) => {
                             const inDocPos = nodePos + childPos;
                             if ((0, transform_1.isSectionTitleNode)(childNode) &&

package/dist/cjs/plugins/toc.js

@@ -37,32 +37,37 @@ const buildTOCList = (headingStyles, list, node, depth = 1, prefix = '') => {
         ? sectionNumberingStyle.suffix
         : '.';
     let index = sectionNumberingStyle ? sectionNumberingStyle.startIndex : 1;
-    for (const childNode of (0, utils_1.iterateChildren)(node)) {
-        if ((0, transform_1.isSectionNodeType)(childNode.type) && !(0, transform_1.isTOCSectionNode)(childNode)) {
-            const numbering = numberingScheme === 'none' ? '' : `${prefix}${index}`;
-            const firstChildNode = childNode.child(0);
-            if (firstChildNode.type === firstChildNode.type.schema.nodes.section_title) {
-                const item = document.createElement('li');
-                item.classList.add('manuscript-toc-list-item');
-                item.setAttribute('data-referenced-section', childNode.attrs.id);
-                item.setAttribute('data-referenced-section-path-length', String(depth));
-                item.textContent = `${numbering ? `${numbering}${suffix}` : ''} ${firstChildNode.textContent || 'Untitled Section'}`;
-                list.appendChild(item);
-            }
-            const childSection = (0, utils_1.getMatchingChild)(childNode, (node) => (0, transform_1.isSectionNodeType)(node.type));
-            if (childSection) {
-                const paragraphStyle = headingStyles.get(`heading${depth + 1}`);
-                if (!paragraphStyle || paragraphStyle.partOfTOC) {
-                    const sublist = document.createElement('ul');
-                    buildTOCList(headingStyles, sublist, childNode, depth + 1, numbering ? `${numbering}.` : '');
-                    const item = document.createElement('li');
-                    item.appendChild(sublist);
-                    list.appendChild(item);
+    node.forEach((child) => {
+        if (child.type === transform_1.schema.nodes.body) {
+            for (const childNode of (0, utils_1.iterateChildren)(child)) {
+                if ((0, transform_1.isSectionNodeType)(childNode.type) && !(0, transform_1.isTOCSectionNode)(childNode)) {
+                    const numbering = numberingScheme === 'none' ? '' : `${prefix}${index}`;
+                    const firstChildNode = childNode.child(0);
+                    if (firstChildNode.type ===
+                        firstChildNode.type.schema.nodes.section_title) {
+                        const item = document.createElement('li');
+                        item.classList.add('manuscript-toc-list-item');
+                        item.setAttribute('data-referenced-section', childNode.attrs.id);
+                        item.setAttribute('data-referenced-section-path-length', String(depth));
+                        item.textContent = `${numbering ? `${numbering}${suffix}` : ''} ${firstChildNode.textContent || 'Untitled Section'}`;
+                        list.appendChild(item);
+                    }
+                    const childSection = (0, utils_1.getMatchingChild)(childNode, (node) => (0, transform_1.isSectionNodeType)(node.type));
+                    if (childSection) {
+                        const paragraphStyle = headingStyles.get(`heading${depth + 1}`);
+                        if (!paragraphStyle || paragraphStyle.partOfTOC) {
+                            const sublist = document.createElement('ul');
+                            buildTOCList(headingStyles, sublist, childNode, depth + 1, numbering ? `${numbering}.` : '');
+                            const item = document.createElement('li');
+                            item.appendChild(sublist);
+                            list.appendChild(item);
+                        }
+                    }
+                    index++;
                 }
             }
-            index++;
         }
-    }
+    });
 };
 const isParagraphStyle = (0, transform_1.hasObjectType)(json_schema_1.ObjectTypes.ParagraphStyle);
 const buildHeadingStyles = (modelMap) => {

package/dist/cjs/useEditor.js

@@ -68,9 +68,7 @@ const useEditor = (initialState, createView) => {
         state.doc.descendants((node, pos) => {
             if (node.attrs.id === id) {
                 currentView.focus();
-                const selection = node.isAtom
-                    ? prosemirror_state_1.NodeSelection.create(state.tr.doc, pos)
-                    : prosemirror_state_1.TextSelection.near(state.tr.doc.resolve(pos + 1));
+                const selection = prosemirror_state_1.NodeSelection.create(state.tr.doc, pos);
                 currentView.dispatch(state.tr.setSelection(selection));
                 const dom = currentView.domAtPos(pos + 1);
                 if (dom.node instanceof Element) {

package/dist/cjs/views/bibliography_element.js

@@ -39,39 +39,20 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BibliographyElementBlockView = void 0;
-const library_1 = require("@manuscripts/library");
 const track_changes_plugin_1 = require("@manuscripts/track-changes-plugin");
 const transform_1 = require("@manuscripts/transform");
 const react_1 = __importDefault(require("react"));
 const assets_1 = require("../assets");
 const dompurify_1 = require("../lib/dompurify");
 const bibliography_1 = require("../plugins/bibliography");
-const bibliography_utils_1 = require("../plugins/bibliography/bibliography-utils");
 const comment_annotation_1 = require("../plugins/comment_annotation");
 const tracking_mark_1 = require("../plugins/tracking-mark");
 const block_view_1 = __importDefault(require("./block_view"));
 const creators_1 = require("./creators");
-const createBibliography = (bibliographyItems, cslProps) => __awaiter(void 0, void 0, void 0, function* () {
-    const bibliographyItemsMap = new Map(bibliographyItems.map((item) => [item._id, item]));
-    const getLibraryItem = (id) => bibliographyItemsMap.get(id);
-    const { style = '', locale } = cslProps;
-    const provider = new library_1.CitationProvider({
-        getLibraryItem,
-        citationStyle: style,
-        locale,
-    });
-    const [bibmeta, generatedBibliographyItems] = provider.makeBibliography(bibliographyItems);
-    if (bibmeta.bibliography_errors.length) {
-        console.error(bibmeta.bibliography_errors);
-    }
-    const bibliographyFragment = generatedBibliographyItems
-        .map((item, i) => `<div id=${bibmeta.entry_ids[i]} class="bib-item"><div><div class="csl-bib-body">${item}</div></div></div>`)
-        .join('');
-    return (0, dompurify_1.sanitize)(`<div class="contents">${bibliographyFragment}</div>`);
-});
 class BibliographyElementBlockView extends block_view_1.default {
     constructor() {
         super(...arguments);
+        this.gutterButtons = () => [];
         this.showPopper = (referenceID) => {
             const { renderReactComponent, components: { ReferencesEditor }, } = this.props;
             const handleSave = (data) => __awaiter(this, void 0, void 0, function* () {
@@ -84,13 +65,14 @@ class BibliographyElementBlockView extends block_view_1.default {
                 this.popperContainer = document.createElement('div');
                 this.popperContainer.className = 'references';
             }
-            renderReactComponent(react_1.default.createElement(ReferencesEditor, { saveModel: handleSave, deleteModel: this.deleteNode, modelMap: (0, bibliography_utils_1.getReferencesModelMap)(this.view.state.doc, true), referenceID: referenceID }), this.popperContainer);
+            const bib = (0, bibliography_1.getBibliographyPluginState)(this.view.state);
+            renderReactComponent(react_1.default.createElement(ReferencesEditor, { saveModel: handleSave, deleteModel: this.deleteNode, modelMap: bib.bibliographyItems, referenceID: referenceID }), this.popperContainer);
             this.props.popper.show(this.dom, this.popperContainer, 'right');
         };
         this.stopEvent = () => true;
         this.ignoreMutation = () => true;
         this.updateContents = () => __awaiter(this, void 0, void 0, function* () {
-            const bibliographyItems = bibliography_1.bibliographyKey.getState(this.view.state).bibliographyItems;
+            const bib = (0, bibliography_1.getBibliographyPluginState)(this.view.state);
             const commentsDecorationSet = comment_annotation_1.commentAnnotation.getState(this.view.state);
             const commentElementMap = new Map();
             const dataTrackedMap = new Map();
@@ -109,9 +91,14 @@ class BibliographyElementBlockView extends block_view_1.default {
                     dataTrackedMap.set(node.attrs.id, lastChange);
                 }
             });
-            const bibliographyFragment = yield createBibliography(bibliographyItems, this.props.cslProps);
-            const bibItems = bibliographyFragment.querySelectorAll('.bib-item');
-            bibItems.forEach((element) => {
+            const can = this.props.getCapabilities();
+            const wrapper = document.createElement('div');
+            wrapper.classList.add('contents');
+            const [meta, bibliography] = bib.provider.makeBibliography();
+            for (let i = 0; i < bibliography.length; i++) {
+                const id = meta.entry_ids[i];
+                const fragment = bibliography[i];
+                const element = (0, dompurify_1.sanitize)(`<div id="${id}" class="bib-item"><div class="csl-bib-body">${fragment}</div></div>`).firstElementChild;
                 const doubleButton = document.createElement('div');
                 const editButton = document.createElement('button');
                 const commentButton = document.createElement('button');
@@ -130,14 +117,14 @@ class BibliographyElementBlockView extends block_view_1.default {
                 editButton.innerHTML = assets_1.editIcon;
                 commentButton.innerHTML = assets_1.commentIcon;
                 doubleButton.append(editButton, commentButton);
-                if (this.props.getCapabilities().seeReferencesButtons &&
+                if (can.seeReferencesButtons &&
                     !element.querySelector('.bibliography-double-button')) {
                     element.appendChild(doubleButton);
                 }
-                editButton.disabled = !this.props.getCapabilities().editCitationsAndRefs;
+                editButton.disabled = !can.editCitationsAndRefs;
                 const commentElement = commentElementMap.get(element.id);
                 if (commentElement) {
-                    element.childNodes[0].appendChild(commentElement);
+                    element.appendChild(commentElement);
                 }
                 const dataTracked = dataTrackedMap.get(element.id);
                 if (dataTracked) {
@@ -146,16 +133,17 @@ class BibliographyElementBlockView extends block_view_1.default {
                     decoration.style && element.setAttribute('style', decoration.style);
                     if (dataTracked.status === track_changes_plugin_1.CHANGE_STATUS.pending &&
                         dataTracked.operation === track_changes_plugin_1.CHANGE_OPERATION.set_node_attributes) {
-                        element.childNodes[0].appendChild((0, tracking_mark_1.getAttrsTrackingButton)(dataTracked.id));
+                        element.appendChild((0, tracking_mark_1.getAttrsTrackingButton)(dataTracked.id));
                     }
                 }
-            });
+                wrapper.append(element);
+            }
             const oldContent = this.container.querySelector('.contents');
             if (oldContent) {
-                this.container.replaceChild(bibliographyFragment, oldContent);
+                this.container.replaceChild(wrapper, oldContent);
             }
             else {
-                this.container.appendChild(bibliographyFragment);
+                this.container.appendChild(wrapper);
             }
         });
         this.createElement = () => {
@@ -164,12 +152,6 @@ class BibliographyElementBlockView extends block_view_1.default {
             this.container.contentEditable = 'false';
             this.dom.setAttribute('contenteditable', 'false');
             this.dom.appendChild(this.container);
-            this.contentDOM = document.createElement('div');
-            this.contentDOM.classList.add('block');
-            this.contentDOM.setAttribute('id', this.node.attrs.id);
-            this.contentDOM.setAttribute('contenteditable', 'false');
-            this.contentDOM.hidden = true;
-            this.container.appendChild(this.contentDOM);
         };
     }
 }