@manuscripts/transform 2.0.4 → 2.1.1-LEAN-3094

package/dist/cjs/index.js

@@ -18,7 +18,6 @@ exports.isSectionLabelNode = void 0;
 __exportStar(require("./lib/section-group-type"), exports);
 __exportStar(require("./lib/table-cell-styles"), exports);
 __exportStar(require("./lib/utils"), exports);
-__exportStar(require("./mathjax"), exports);
 __exportStar(require("./schema"), exports);
 __exportStar(require("./transformer"), exports);
 __exportStar(require("./jats"), exports);

package/dist/cjs/jats/importer/jats-body-dom-parser.js

@@ -21,8 +21,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.jatsBodyDOMParser = void 0;
 const mime_1 = __importDefault(require("mime"));
 const prosemirror_model_1 = require("prosemirror-model");
-const mathml_to_svg_1 = require("../../mathjax/mathml-to-svg");
-const tex_to_svg_1 = require("../../mathjax/tex-to-svg");
 const schema_1 = require("../../schema");
 const transformer_1 = require("../../transformer");
 const XLINK_NAMESPACE = 'http://www.w3.org/1999/xlink';
@@ -39,6 +37,24 @@ const chooseContentType = (graphicNode) => {
         }
     }
 };
+const getEquationContent = (p) => {
+    var _a;
+    const element = p;
+    const container = (_a = element.querySelector('alternatives')) !== null && _a !== void 0 ? _a : element;
+    let contents = '';
+    let format = '';
+    for (const child of container.childNodes) {
+        const nodeName = child.nodeName.replace(/^[a-z]:/, '');
+        switch (nodeName) {
+            case 'tex-math':
+            case 'mml:math':
+                contents = child.outerHTML;
+                format = nodeName === 'tex-math' ? 'tex' : 'mathml';
+                break;
+        }
+    }
+    return { format, contents };
+};
 const marks = [
     {
         tag: 'bold',
@@ -147,91 +163,27 @@ const nodes = [
         tag: 'inline-formula',
         node: 'inline_equation',
         getAttrs: (node) => {
-            var _a, _b, _c, _d, _e;
             const element = node;
-            const attrs = {
-                id: element.getAttribute('id'),
-                MathMLRepresentation: '',
-                SVGRepresentation: '',
-                TeXRepresentation: '',
-            };
-            const container = (_a = element.querySelector('alternatives')) !== null && _a !== void 0 ? _a : element;
-            for (const child of container.childNodes) {
-                const nodeName = child.nodeName.replace(/^[a-z]:/, '');
-                switch (nodeName) {
-                    case 'tex-math':
-                        attrs.TeXRepresentation = (_c = (_b = child.textContent) === null || _b === void 0 ? void 0 : _b.trim()) !== null && _c !== void 0 ? _c : '';
-                        if (attrs.TeXRepresentation) {
-                            attrs.SVGRepresentation =
-                                (_d = (0, tex_to_svg_1.convertTeXToSVG)(attrs.TeXRepresentation, true)) !== null && _d !== void 0 ? _d : '';
-                        }
-                        break;
-                    case 'mml:math':
-                        ;
-                        child.removeAttribute('id');
-                        attrs.MathMLRepresentation = transformer_1.xmlSerializer.serializeToString(child);
-                        if (attrs.MathMLRepresentation) {
-                            attrs.SVGRepresentation =
-                                (_e = (0, mathml_to_svg_1.convertMathMLToSVG)(attrs.MathMLRepresentation, true)) !== null && _e !== void 0 ? _e : '';
-                        }
-                        break;
-                }
-            }
-            return attrs;
+            return getEquationContent(element);
         },
     },
     {
         tag: 'disp-formula',
         node: 'equation_element',
         getAttrs: (node) => {
+            var _a, _b;
             const element = node;
-            const caption = element.querySelector('figcaption');
             return {
                 id: element.getAttribute('id'),
-                suppressCaption: !caption,
+                label: (_b = (_a = element.querySelector('label')) === null || _a === void 0 ? void 0 : _a.textContent) !== null && _b !== void 0 ? _b : '',
             };
         },
         getContent: (node, schema) => {
-            var _a, _b, _c, _d, _e;
             const element = node;
-            const attrs = {
-                MathMLStringRepresentation: '',
-                SVGStringRepresentation: '',
-                TeXRepresentation: '',
-            };
-            const container = (_a = element.querySelector('alternatives')) !== null && _a !== void 0 ? _a : element;
-            for (const child of container.childNodes) {
-                const nodeName = child.nodeName.replace(/^[a-z]:/, '');
-                switch (nodeName) {
-                    case 'tex-math':
-                        attrs.TeXRepresentation = (_c = (_b = child.textContent) === null || _b === void 0 ? void 0 : _b.trim()) !== null && _c !== void 0 ? _c : '';
-                        if (attrs.TeXRepresentation) {
-                            attrs.SVGStringRepresentation =
-                                (_d = (0, tex_to_svg_1.convertTeXToSVG)(attrs.TeXRepresentation, true)) !== null && _d !== void 0 ? _d : '';
-                        }
-                        break;
-                    case 'mml:math':
-                        ;
-                        child.removeAttribute('id');
-                        attrs.MathMLStringRepresentation =
-                            transformer_1.xmlSerializer.serializeToString(child);
-                        if (attrs.MathMLStringRepresentation) {
-                            attrs.SVGStringRepresentation =
-                                (_e = (0, mathml_to_svg_1.convertMathMLToSVG)(attrs.MathMLStringRepresentation, true)) !== null && _e !== void 0 ? _e : '';
-                        }
-                        break;
-                }
-            }
-            const caption = element.querySelector('figcaption');
-            const figcaption = schema.nodes.figcaption.create();
+            const attrs = getEquationContent(element);
+            const id = element.getAttribute('id');
             return prosemirror_model_1.Fragment.from([
-                schema.nodes.equation.createChecked(attrs),
-                caption
-                    ?
-                        exports.jatsBodyDOMParser.parse(caption, {
-                            topNode: figcaption,
-                        })
-                    : figcaption,
+                schema.nodes.equation.createChecked(Object.assign({ id }, attrs)),
             ]);
         },
     },
@@ -430,6 +382,25 @@ const nodes = [
         tag: 'sec[sec-type="keywords"]',
         node: 'keywords',
     },
+    {
+        tag: 'sec[sec-type="supplementary-material"]',
+        node: 'supplements',
+    },
+    {
+        tag: 'supplementary-material',
+        node: 'supplement',
+        getAttrs: (node) => {
+            var _a;
+            const element = node;
+            return {
+                id: element.getAttribute('id'),
+                href: element.getAttributeNS(XLINK_NAMESPACE, 'href'),
+                mimeType: element.getAttribute('mimetype'),
+                mimeSubType: element.getAttribute('mime-subtype'),
+                title: (_a = element.querySelector('title')) === null || _a === void 0 ? void 0 : _a.textContent,
+            };
+        },
+    },
     {
         tag: 'sec[sec-type="abstracts"]',
         node: 'abstracts',
@@ -526,7 +497,7 @@ const nodes = [
     {
         tag: 'title',
         node: 'section_title',
-        context: 'section/|footnotes_section/|bibliography_section/|keywords/',
+        context: 'section/|footnotes_section/|bibliography_section/|keywords/|supplements/',
     },
     {
         tag: 'title',

package/dist/cjs/jats/importer/jats-body-transformations.js

@@ -287,4 +287,18 @@ exports.jatsBodyTransformations = {
             body.prepend(section);
         }
     },
+    createSuppleMaterials(document, body, createElement) {
+        const suppleMaterials = [
+            ...document.querySelectorAll('article-meta > supplementary-material'),
+        ];
+        if (suppleMaterials.length > 0) {
+            const section = createElement('sec');
+            section.setAttribute('sec-type', 'supplementary-material');
+            const title = createElement('title');
+            title.textContent = 'supplementary-material';
+            section.append(title);
+            section.append(...suppleMaterials);
+            body.prepend(section);
+        }
+    },
 };

package/dist/cjs/jats/importer/jats-front-parser.js

@@ -128,25 +128,6 @@ exports.jatsFrontParser = {
         }
         return history;
     },
-    parseSupplements(elements) {
-        var _a, _b, _c, _d;
-        if (!(elements === null || elements === void 0 ? void 0 : elements.length)) {
-            return [];
-        }
-        const supplements = [];
-        for (const element of elements) {
-            const title = (_a = (0, utils_1.getTrimmedTextContent)(element, 'caption > title')) !== null && _a !== void 0 ? _a : '';
-            const href = (_b = element.getAttributeNS(XLINK_NAMESPACE, 'href')) !== null && _b !== void 0 ? _b : '';
-            const supplement = (0, transformer_1.buildSupplementaryMaterial)(title, href);
-            const mimeType = (_c = element.getAttribute('mimetype')) !== null && _c !== void 0 ? _c : '';
-            const mimeSubtype = (_d = element.getAttribute('mime-subtype')) !== null && _d !== void 0 ? _d : '';
-            if (mimeType && mimeSubtype) {
-                supplement.MIME = [mimeType, mimeSubtype].join('/');
-            }
-            supplements.push(supplement);
-        }
-        return supplements;
-    },
     parseAffiliations(elements) {
         const affiliationIDs = new Map();
         const affiliations = elements.map((element, priority) => {

package/dist/cjs/jats/importer/parse-jats-article.js

@@ -43,9 +43,6 @@ const parseJATSFront = (doc, front) => {
     const authors = jats_front_parser_1.jatsFrontParser.parseContributors([
         ...front.querySelectorAll('article-meta > contrib-group > contrib[contrib-type="author"]'),
     ], affiliationIDs, footnoteIDs, correspondingIDs);
-    const supplements = jats_front_parser_1.jatsFrontParser.parseSupplements([
-        ...front.querySelectorAll('article-meta > supplementary-material'),
-    ]);
     const history = jats_front_parser_1.jatsFrontParser.parseDates(front.querySelector('article-meta > history'));
     const counts = jats_front_parser_1.jatsFrontParser.parseCounts(front.querySelector('article-meta counts'));
     const manuscript = Object.assign(Object.assign(Object.assign({}, (0, builders_1.buildManuscript)()), counts), history);
@@ -57,7 +54,6 @@ const parseJATSFront = (doc, front) => {
         ...authors,
         ...affiliations,
         ...correspondingList,
-        ...supplements,
     ]);
 };
 exports.parseJATSFront = parseJATSFront;
@@ -69,6 +65,7 @@ const parseJATSBody = (doc, body, references) => {
     jats_body_transformations_1.jatsBodyTransformations.createBody(doc, body, createElement);
     jats_body_transformations_1.jatsBodyTransformations.createAbstracts(doc, body, createElement);
     jats_body_transformations_1.jatsBodyTransformations.createBackmatter(doc, body, createElement);
+    jats_body_transformations_1.jatsBodyTransformations.createSuppleMaterials(doc, body, createElement);
     jats_body_transformations_1.jatsBodyTransformations.createKeywords(doc, body, createElement);
     const node = jats_body_dom_parser_1.jatsBodyDOMParser.parse(body).firstChild;
     if (!node) {

package/dist/cjs/jats/jats-exporter.js

@@ -164,6 +164,7 @@ class JATSExporter {
         };
         this.nodeFromJATS = (JATSFragment) => {
             JATSFragment = JATSFragment.trim();
+            JATSFragment = JATSFragment.replace(' ', ' ');
             if (!JATSFragment.length) {
                 return null;
             }
@@ -628,6 +629,8 @@ class JATSExporter {
                 body: () => ['body', 0],
                 abstracts: () => ['abstract', 0],
                 backmatter: () => ['backmatter', 0],
+                supplement: () => '',
+                supplements: () => '',
                 bibliography_section: (node) => [
                     'ref-list',
                     { id: normalizeID(node.attrs.id) },
@@ -684,22 +687,23 @@ class JATSExporter {
                 },
                 doc: () => '',
                 equation: (node) => {
-                    const formula = this.document.createElement('disp-formula');
-                    formula.setAttribute('id', normalizeID(node.attrs.id));
-                    if (node.attrs.TeXRepresentation) {
-                        const math = this.document.createElement('tex-math');
-                        math.textContent = node.attrs.TeXRepresentation;
-                        formula.appendChild(math);
-                    }
-                    else if (node.attrs.MathMLStringRepresentation) {
-                        const math = this.nodeFromJATS(node.attrs.MathMLStringRepresentation);
-                        if (math) {
-                            formula.appendChild(math);
-                        }
-                    }
-                    return formula;
+                    const math = this.nodeFromJATS(node.attrs.contents);
+                    const mathEl = math;
+                    mathEl.setAttribute('id', normalizeID(node.attrs.id));
+                    return mathEl;
+                },
+                inline_equation: (node) => {
+                    const eqElement = this.document.createElement('inline-formula');
+                    const math = this.nodeFromJATS(node.attrs.contents);
+                    eqElement.append(math);
+                    return eqElement;
+                },
+                equation_element: (node) => {
+                    const eqElement = this.document.createElement('disp-formula');
+                    eqElement.setAttribute('id', normalizeID(node.attrs.id));
+                    processChildNodes(eqElement, node, schema_1.schema.nodes.equation);
+                    return eqElement;
                 },
-                equation_element: (node) => createFigureElement(node, 'fig', node.type.schema.nodes.equation, 'equation'),
                 figcaption: (node) => {
                     if (!node.textContent) {
                         return '';
@@ -749,28 +753,6 @@ class JATSExporter {
                 },
                 hard_break: () => '',
                 highlight_marker: () => '',
-                inline_equation: (node) => {
-                    const formula = this.document.createElement('inline-formula');
-                    formula.setAttribute('id', normalizeID(node.attrs.id));
-                    if (node.attrs.TeXRepresentation) {
-                        const math = this.document.createElement('tex-math');
-                        math.textContent = node.attrs.TeXRepresentation;
-                        formula.appendChild(math);
-                    }
-                    else if (node.attrs.MathMLRepresentation) {
-                        const math = this.nodeFromJATS(node.attrs.MathMLRepresentation);
-                        if (math) {
-                            formula.appendChild(math);
-                        }
-                    }
-                    else if (node.attrs.SVGRepresentation) {
-                        const math = this.nodeFromJATS(node.attrs.SVGRepresentation);
-                        if (math) {
-                            formula.appendChild(math);
-                        }
-                    }
-                    return formula;
-                },
                 inline_footnote: (node) => {
                     const xref = this.document.createElement('xref');
                     xref.setAttribute('ref-type', 'fn');

package/dist/cjs/schema/index.js

@@ -81,6 +81,8 @@ const pullquote_element_1 = require("./nodes/pullquote_element");
 const section_1 = require("./nodes/section");
 const section_label_1 = require("./nodes/section_label");
 const section_title_1 = require("./nodes/section_title");
+const supplement_1 = require("./nodes/supplement");
+const supplements_1 = require("./nodes/supplements");
 const table_1 = require("./nodes/table");
 const table_col_1 = require("./nodes/table_col");
 const table_element_1 = require("./nodes/table_element");
@@ -115,7 +117,6 @@ __exportStar(require("./nodes/footnotes_section"), exports);
 __exportStar(require("./nodes/graphical_abstract_section"), exports);
 __exportStar(require("./nodes/hard_break"), exports);
 __exportStar(require("./nodes/highlight_marker"), exports);
-__exportStar(require("./nodes/inline_equation"), exports);
 __exportStar(require("./nodes/inline_footnote"), exports);
 __exportStar(require("./nodes/keyword"), exports);
 __exportStar(require("./nodes/keywords_element"), exports);
@@ -145,6 +146,8 @@ __exportStar(require("./nodes/table_element_footer"), exports);
 __exportStar(require("./nodes/title"), exports);
 __exportStar(require("./nodes/affiliations"), exports);
 __exportStar(require("./nodes/contributors"), exports);
+__exportStar(require("./nodes/supplement"), exports);
+__exportStar(require("./nodes/supplements"), exports);
 exports.schema = new prosemirror_model_1.Schema({
     marks: {
         bold: marks_1.bold,
@@ -224,5 +227,7 @@ exports.schema = new prosemirror_model_1.Schema({
         title: title_1.title,
         affiliations: affiliations_1.affiliations,
         contributors: contributors_1.contributors,
+        supplements: supplements_1.supplements,
+        supplement: supplement_1.supplement,
     },
 });

package/dist/cjs/schema/nodes/affiliation.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.isAffiliationNode = exports.affiliation = void 0;
 exports.affiliation = {
+    content: 'inline*',
     attrs: {
         id: { default: '' },
         institution: { default: '' },
@@ -11,6 +12,8 @@ exports.affiliation = {
         addressLine3: { default: '' },
         postCode: { default: '' },
         country: { default: '' },
+        county: { default: '' },
+        city: { default: '' },
         priority: { default: undefined },
         email: {
             default: {
@@ -20,7 +23,7 @@ exports.affiliation = {
         },
         dataTracked: { default: null },
     },
-    group: 'block element',
+    group: 'block',
     parseDOM: [
         {
             tag: 'div.affiliation',

package/dist/cjs/schema/nodes/contributor.js

@@ -6,6 +6,7 @@ exports.contributor = {
     attrs: {
         id: { default: '' },
         role: { default: '' },
+        email: { default: '' },
         affiliations: { default: [] },
         footnote: { default: undefined },
         corresp: { default: undefined },
@@ -13,12 +14,13 @@ exports.contributor = {
         userID: { default: undefined },
         invitationID: { default: undefined },
         isCorresponding: { default: undefined },
+        isJointContributor: { default: undefined },
         ORCIDIdentifier: { default: undefined },
         priority: { default: undefined },
         dataTracked: { default: null },
         contents: { default: '' },
     },
-    group: 'block element',
+    group: 'block',
     toDOM: (node) => {
         const contributorNode = node;
         return [

package/dist/cjs/schema/nodes/equation.js

@@ -1,6 +1,6 @@
 "use strict";
 /*!
- * © 2019 Atypon Systems LLC
+ * © 2023 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.
@@ -20,9 +20,8 @@ const json_schema_1 = require("@manuscripts/json-schema");
 exports.equation = {
     attrs: {
         id: { default: '' },
-        MathMLStringRepresentation: { default: '' },
-        SVGStringRepresentation: { default: '' },
-        TeXRepresentation: { default: '' },
+        contents: { default: '' },
+        format: { default: '' },
         dataTracked: { default: null },
     },
     group: 'block',
@@ -30,26 +29,25 @@ exports.equation = {
         {
             tag: `div.${json_schema_1.ObjectTypes.Equation}`,
             getAttrs: (p) => {
-                const dom = p;
+                const htmlEl = p;
                 return {
-                    id: dom.getAttribute('id'),
-                    MathMLStringRepresentation: dom.getAttribute('data-mathml-string-representation'),
-                    SVGStringRepresentation: dom.innerHTML,
-                    TeXRepresentation: dom.getAttribute('data-tex-representation'),
+                    id: htmlEl.getAttribute('id'),
+                    format: htmlEl.getAttribute('data-equation-format'),
+                    contents: htmlEl.innerHTML,
                 };
             },
         },
     ],
     toDOM: (node) => {
         const equationNode = node;
+        const { id, contents, format } = equationNode.attrs;
         const dom = document.createElement('div');
-        dom.setAttribute('id', equationNode.attrs.id);
         dom.classList.add(json_schema_1.ObjectTypes.Equation);
-        if (equationNode.attrs.MathMLStringRepresentation) {
-            dom.setAttribute('data-mathml-string-representation', equationNode.attrs.MathMLStringRepresentation);
+        dom.setAttribute('id', id);
+        if (format) {
+            dom.setAttribute('data-equation-format', format);
         }
-        dom.setAttribute('data-tex-representation', equationNode.attrs.TeXRepresentation);
-        dom.innerHTML = equationNode.attrs.SVGStringRepresentation;
+        dom.innerHTML = contents;
         return dom;
     },
 };

package/dist/cjs/schema/nodes/equation_element.js

@@ -17,11 +17,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.equationElement = void 0;
 exports.equationElement = {
-    content: '(equation | placeholder) figcaption',
+    content: '(equation | placeholder)',
     attrs: {
         id: { default: '' },
-        suppressCaption: { default: true },
-        suppressTitle: { default: undefined },
+        label: { default: '' },
         dataTracked: { default: null },
         comments: { default: null },
     },
@@ -29,7 +28,7 @@ exports.equationElement = {
     group: 'block element',
     parseDOM: [
         {
-            tag: 'figure.equation',
+            tag: 'div.equation',
             getAttrs: (p) => {
                 const dom = p;
                 return {
@@ -41,7 +40,7 @@ exports.equationElement = {
     toDOM: (node) => {
         const equationElementNode = node;
         return [
-            'figure',
+            'div',
             {
                 class: 'equation',
                 id: equationElementNode.attrs.id,

package/dist/cjs/schema/nodes/inline_equation.js

@@ -16,43 +16,39 @@
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.inlineEquation = void 0;
-const json_schema_1 = require("@manuscripts/json-schema");
 exports.inlineEquation = {
     attrs: {
-        id: { default: '' },
-        MathMLRepresentation: { default: '' },
-        SVGRepresentation: { default: '' },
-        TeXRepresentation: { default: '' },
         dataTracked: { default: null },
+        comments: { default: null },
+        contents: { default: '' },
+        format: { default: '' },
     },
+    selectable: false,
     atom: true,
     inline: true,
     draggable: true,
     group: 'inline',
     parseDOM: [
         {
-            tag: `span.${json_schema_1.ObjectTypes.InlineMathFragment}`,
+            tag: `span.MPInlineMathFragment`,
             getAttrs: (p) => {
                 const dom = p;
                 return {
-                    id: dom.getAttribute('id'),
-                    MathMLRepresentation: dom.getAttribute('data-mathml-representation') || '',
-                    SVGRepresentation: dom.innerHTML || '',
-                    TeXRepresentation: dom.getAttribute('data-tex-representation') || '',
+                    format: dom.getAttribute('data-equation-format'),
+                    contents: dom.innerHTML,
                 };
             },
         },
     ],
     toDOM: (node) => {
         const inlineEquationNode = node;
+        const { contents, format } = inlineEquationNode.attrs;
         const dom = document.createElement('span');
-        dom.classList.add(json_schema_1.ObjectTypes.InlineMathFragment);
-        dom.setAttribute('id', inlineEquationNode.attrs.id);
-        dom.setAttribute('data-tex-representation', inlineEquationNode.attrs.TeXRepresentation);
-        if (inlineEquationNode.attrs.MathMLRepresentation) {
-            dom.setAttribute('data-mathml-representation', inlineEquationNode.attrs.MathMLRepresentation);
+        dom.classList.add('MPInlineMathFragment');
+        if (format) {
+            dom.setAttribute('data-equation-format', format);
         }
-        dom.innerHTML = inlineEquationNode.attrs.SVGRepresentation;
+        dom.innerHTML = contents;
         return dom;
     },
 };

package/dist/cjs/schema/nodes/manuscript.js

@@ -17,7 +17,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.isManuscriptNode = exports.manuscript = void 0;
 exports.manuscript = {
-    content: 'title? contributors? affiliations? keywords? abstracts body backmatter comments',
+    content: 'title? contributors? affiliations? keywords? supplements? abstracts body backmatter comments',
     attrs: {
         id: { default: '' },
     },

package/dist/cjs/schema/nodes/supplement.js

@@ -0,0 +1,63 @@
+"use strict";
+/*!
+ * © 2019 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 });
+exports.supplement = void 0;
+exports.supplement = {
+    attrs: {
+        id: { default: '' },
+        href: { default: '' },
+        mimeType: { default: '' },
+        mimeSubType: { default: '' },
+        title: { default: '' },
+        dataTracked: { default: null },
+    },
+    group: 'block',
+    parseDOM: [
+        {
+            tag: 'div.supplement',
+            getAttrs: (dom) => {
+                const el = dom;
+                const id = el.getAttribute('id');
+                const href = el.getAttribute('href');
+                const mimeType = el.getAttribute('mimeType');
+                const mimeSubType = el.getAttribute('mimeSubType');
+                const title = el.textContent;
+                return {
+                    id,
+                    href,
+                    mimeType,
+                    mimeSubType,
+                    title,
+                };
+            },
+        },
+    ],
+    toDOM: (node) => {
+        const supplement = node;
+        return [
+            'div',
+            {
+                id: supplement.attrs.id,
+                class: 'Supplement',
+                href: node.attrs.href,
+                mimeType: node.attrs.mimeType,
+                mimeSubType: node.attrs.mimeSubType,
+                title: node.attrs.title,
+            },
+        ];
+    },
+};