@manuscripts/transform 2.1.1-LEAN-3336-6 → 2.1.1-LEAN-3336-7

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

@@ -530,10 +530,6 @@ const nodes = [
             };
         },
     },
-    {
-        tag: 'tbody',
-        skip: true,
-    },
     {
         tag: 'tfoot',
         skip: true,
@@ -573,7 +569,7 @@ const nodes = [
             const element = node;
             const colspan = element.getAttribute('colspan');
             const rowspan = element.getAttribute('rowspan');
-            return Object.assign(Object.assign(Object.assign({ celltype: 'th' }, (colspan && { colspan })), (rowspan && { rowspan })), { valign: element.getAttribute('valign'), align: element.getAttribute('align'), scope: element.getAttribute('scope'), style: element.getAttribute('style') });
+            return Object.assign(Object.assign(Object.assign({}, (colspan && { colspan })), (rowspan && { rowspan })), { valign: element.getAttribute('valign'), align: element.getAttribute('align'), scope: element.getAttribute('scope'), style: element.getAttribute('style') });
         },
     },
     {

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

@@ -241,18 +241,27 @@ exports.jatsBodyTransformations = {
     fixTables(body, createElement) {
         const tables = body.querySelectorAll('table-wrap > table');
         tables.forEach((table) => {
+            var _a;
+            const colgroup = table.querySelector('colgroup');
+            const cols = table.querySelectorAll('col');
+            if (!colgroup && table.firstChild && cols.length > 0) {
+                const colgroup = createElement('colgroup');
+                for (const col of cols) {
+                    colgroup.appendChild(col);
+                }
+                (_a = table.parentNode) === null || _a === void 0 ? void 0 : _a.insertBefore(colgroup, table);
+            }
+            const rows = table.querySelectorAll('tr');
+            for (const row of rows) {
+                table.appendChild(row);
+            }
+            const thead = table.querySelector('thead');
+            if (thead) {
+                table.removeChild(thead);
+            }
             const tbody = table.querySelector('tbody');
             if (tbody) {
-                const headerRow = table.querySelector('thead > tr');
-                if (!headerRow) {
-                    const tr = createElement('tr');
-                    tbody.insertBefore(tr, tbody.firstElementChild);
-                }
-                const footerRow = table.querySelector('tfoot > tr');
-                if (!footerRow) {
-                    const tr = createElement('tr');
-                    tbody.appendChild(tr);
-                }
+                table.removeChild(tbody);
             }
         });
     },

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

@@ -73,7 +73,8 @@ const parseJATSBody = (doc, body, references) => {
     }
     const replacements = new Map(references === null || references === void 0 ? void 0 : references.IDs);
     (0, jats_parser_utils_1.updateDocumentIDs)(node, replacements);
-    return (0, transformer_1.encode)(node).values();
+    const models = (0, transformer_1.encode)(node);
+    return models.values();
 };
 exports.parseJATSBody = parseJATSBody;
 const createBibliographyModels = (references) => {

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

@@ -615,7 +615,7 @@ class JATSExporter {
             const getModel = (id) => id ? this.modelMap.get(id) : undefined;
             const nodes = {
                 table_header: (node) => [
-                    node.attrs.celltype,
+                    'th',
                     Object.assign(Object.assign({ valign: node.attrs.valign, align: node.attrs.align, scope: node.attrs.scope, style: node.attrs.style }, (node.attrs.rowspan > 1 && { rowspan: node.attrs.rowspan })), (node.attrs.colspan > 1 && { colspan: node.attrs.colspan })),
                     0,
                 ],
@@ -879,7 +879,7 @@ class JATSExporter {
                     return element;
                 },
                 table_cell: (node) => [
-                    node.attrs.celltype,
+                    'td',
                     Object.assign(Object.assign({ valign: node.attrs.valign, align: node.attrs.align, scope: node.attrs.scope, style: node.attrs.style }, (node.attrs.rowspan > 1 && { rowspan: node.attrs.rowspan })), (node.attrs.colspan > 1 && { colspan: node.attrs.colspan })),
                     0,
                 ],
@@ -960,6 +960,26 @@ class JATSExporter {
                     element.appendChild(this.serializeNode(childNode));
                 }
             };
+            const appendTable = (element, node) => {
+                const tableNode = findChildNodeOfType(node, node.type.schema.nodes.table);
+                const colGroupNode = findChildNodeOfType(node, node.type.schema.nodes.table_colgroup);
+                if (!tableNode) {
+                    return;
+                }
+                const table = this.serializeNode(tableNode);
+                const tbodyElement = document.createElement('tbody');
+                while (table.firstChild) {
+                    const child = table.firstChild;
+                    table.removeChild(child);
+                    tbodyElement.appendChild(child);
+                }
+                table.appendChild(tbodyElement);
+                if (colGroupNode) {
+                    const colGroup = this.serializeNode(colGroupNode);
+                    table.insertBefore(colGroup, table.firstChild);
+                }
+                element.appendChild(table);
+            };
             const createFigureElement = (node, nodeName, contentNodeType, figType) => {
                 const element = createElement(node, nodeName);
                 if (figType) {
@@ -980,7 +1000,7 @@ class JATSExporter {
                 const element = createElement(node, nodeName);
                 appendLabels(element, node);
                 appendChildNodeOfType(element, node, node.type.schema.nodes.figcaption);
-                appendChildNodeOfType(element, node, node.type.schema.nodes.table);
+                appendTable(element, node);
                 appendChildNodeOfType(element, node, node.type.schema.nodes.table_element_footer);
                 if ((0, node_types_1.isExecutableNodeType)(node.type)) {
                     processExecutableNode(node, element);

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

@@ -15,22 +15,84 @@
  * limitations under the License.
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.tableHeader = exports.tableCell = exports.tableRow = exports.table = exports.tnodes = void 0;
+exports.tableHeader = exports.tableRow = exports.tableCell = exports.table = exports.tableNodes = void 0;
 const prosemirror_tables_1 = require("prosemirror-tables");
+const table_cell_styles_1 = require("../../lib/table-cell-styles");
 const tableOptions = {
     tableGroup: 'block',
     cellContent: 'inline*',
     cellAttributes: {
-        placeholder: { default: 'Data' },
-        styles: { default: {} },
-        valign: { default: null },
-        align: { default: null },
-        scope: { default: null },
-        style: { default: null },
+        placeholder: {
+            default: 'Data',
+            getFromDOM(dom) {
+                return dom.getAttribute('data-placeholder-text') || '';
+            },
+            setDOMAttr(value, attrs) {
+                if (value) {
+                    attrs['data-placeholder-text'] = value;
+                }
+            },
+        },
+        styles: {
+            default: {},
+            getFromDOM(dom) {
+                return (0, table_cell_styles_1.getTableCellStyles)(dom.style);
+            },
+            setDOMAttr(value, attrs) {
+                const styleString = (0, table_cell_styles_1.serializeTableCellStyles)(value);
+                if (styleString) {
+                    attrs['style'] = value;
+                }
+            },
+        },
+        valign: {
+            default: null,
+            getFromDOM(dom) {
+                return dom.getAttribute('valign');
+            },
+            setDOMAttr(value, attrs) {
+                if (value) {
+                    attrs['valign'] = value;
+                }
+            },
+        },
+        align: {
+            default: null,
+            getFromDOM(dom) {
+                return dom.getAttribute('align');
+            },
+            setDOMAttr(value, attrs) {
+                if (value) {
+                    attrs['align'] = value;
+                }
+            },
+        },
+        scope: {
+            default: null,
+            getFromDOM(dom) {
+                return dom.getAttribute('scope');
+            },
+            setDOMAttr(value, attrs) {
+                if (value) {
+                    attrs['scope'] = value;
+                }
+            },
+        },
+        style: {
+            default: null,
+            getFromDOM(dom) {
+                return dom.getAttribute('style');
+            },
+            setDOMAttr(value, attrs) {
+                if (value) {
+                    attrs['style'] = value;
+                }
+            },
+        },
     },
 };
-exports.tnodes = (0, prosemirror_tables_1.tableNodes)(tableOptions);
-exports.table = Object.assign(Object.assign({}, exports.tnodes.table), { attrs: Object.assign(Object.assign({}, exports.tnodes.table.attrs), { id: { default: '' } }) });
-exports.tableRow = exports.tnodes.table_row;
-exports.tableCell = exports.tnodes.table_cell;
-exports.tableHeader = exports.tnodes.table_header;
+exports.tableNodes = (0, prosemirror_tables_1.tableNodes)(tableOptions);
+exports.table = Object.assign(Object.assign({}, exports.tableNodes.table), { attrs: Object.assign(Object.assign({}, exports.tableNodes.table.attrs), { id: { default: '' } }) });
+exports.tableCell = exports.tableNodes.table_cell;
+exports.tableRow = exports.tableNodes.table_row;
+exports.tableHeader = exports.tableNodes.table_header;

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

@@ -17,7 +17,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.tableElement = void 0;
 exports.tableElement = {
-    content: '(table | placeholder) table_element_footer? figcaption? (listing | placeholder)',
+    content: 'table_colgroup? (table | placeholder) table_element_footer? figcaption? (listing | placeholder)',
     attrs: {
         id: { default: '' },
         paragraphStyle: { default: '' },

package/dist/cjs/transformer/decode.js

@@ -566,6 +566,7 @@ class Decoder {
             [json_schema_1.ObjectTypes.TableElement]: (data) => {
                 const model = data;
                 const table = this.createTable(model);
+                const tableColGroup = this.createTableColGroup(model);
                 const tableElementFooter = this.createTableElementFooter(model);
                 const figcaption = this.getFigcaption(model);
                 const comments = this.createCommentNodes(model);
@@ -573,6 +574,9 @@ class Decoder {
                 const content = tableElementFooter
                     ? [table, tableElementFooter, figcaption]
                     : [table, figcaption];
+                if (tableColGroup) {
+                    content.unshift(tableColGroup);
+                }
                 if (model.listingID) {
                     const listing = this.createListing(model.listingID);
                     content.push(listing);
@@ -786,6 +790,15 @@ class Decoder {
         }
         return table;
     }
+    createTableColGroup(model) {
+        const tableId = model.containedObjectID;
+        const tableModel = this.getModel(tableId);
+        if (tableModel) {
+            return this.parseContents(tableModel.contents, undefined, [], {
+                topNode: schema_1.schema.nodes.table_colgroup.create(),
+            });
+        }
+    }
     createTableElementFooter(model) {
         const tableElementFooterID = model.tableElementFooterID;
         if (!tableElementFooterID) {

package/dist/cjs/transformer/encode.js

@@ -99,9 +99,28 @@ const buildTableSection = (tagName, inputRows, parent) => {
     }
     return section;
 };
+function buildTableColGroup(cols) {
+    if (cols.length === 0) {
+        return undefined;
+    }
+    const colgroup = document.createElement('colgroup');
+    for (const inputCol of cols) {
+        const col = document.createElement('col');
+        for (const attribute of inputCol.attributes) {
+            col.setAttribute(attribute.name, attribute.value);
+        }
+        colgroup.appendChild(inputCol);
+    }
+    return colgroup;
+}
 const tableContents = (node, parent) => {
     const input = serializer.serializeNode(node);
+    const parentInput = serializer.serializeNode(parent);
     const output = document.createElement('table');
+    const colgroup = buildTableColGroup(Array.from(parentInput.querySelectorAll('col')));
+    if (colgroup) {
+        output.appendChild(colgroup);
+    }
     output.setAttribute('id', parent.attrs.id);
     output.classList.add('MPElement');
     if (parent.attrs.tableStyle) {

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

@@ -524,10 +524,6 @@ const nodes = [
             };
         },
     },
-    {
-        tag: 'tbody',
-        skip: true,
-    },
     {
         tag: 'tfoot',
         skip: true,
@@ -567,7 +563,7 @@ const nodes = [
             const element = node;
             const colspan = element.getAttribute('colspan');
             const rowspan = element.getAttribute('rowspan');
-            return Object.assign(Object.assign(Object.assign({ celltype: 'th' }, (colspan && { colspan })), (rowspan && { rowspan })), { valign: element.getAttribute('valign'), align: element.getAttribute('align'), scope: element.getAttribute('scope'), style: element.getAttribute('style') });
+            return Object.assign(Object.assign(Object.assign({}, (colspan && { colspan })), (rowspan && { rowspan })), { valign: element.getAttribute('valign'), align: element.getAttribute('align'), scope: element.getAttribute('scope'), style: element.getAttribute('style') });
         },
     },
     {

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

@@ -238,18 +238,27 @@ export const jatsBodyTransformations = {
     fixTables(body, createElement) {
         const tables = body.querySelectorAll('table-wrap > table');
         tables.forEach((table) => {
+            var _a;
+            const colgroup = table.querySelector('colgroup');
+            const cols = table.querySelectorAll('col');
+            if (!colgroup && table.firstChild && cols.length > 0) {
+                const colgroup = createElement('colgroup');
+                for (const col of cols) {
+                    colgroup.appendChild(col);
+                }
+                (_a = table.parentNode) === null || _a === void 0 ? void 0 : _a.insertBefore(colgroup, table);
+            }
+            const rows = table.querySelectorAll('tr');
+            for (const row of rows) {
+                table.appendChild(row);
+            }
+            const thead = table.querySelector('thead');
+            if (thead) {
+                table.removeChild(thead);
+            }
             const tbody = table.querySelector('tbody');
             if (tbody) {
-                const headerRow = table.querySelector('thead > tr');
-                if (!headerRow) {
-                    const tr = createElement('tr');
-                    tbody.insertBefore(tr, tbody.firstElementChild);
-                }
-                const footerRow = table.querySelector('tfoot > tr');
-                if (!footerRow) {
-                    const tr = createElement('tr');
-                    tbody.appendChild(tr);
-                }
+                table.removeChild(tbody);
             }
         });
     },

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

@@ -69,7 +69,8 @@ export const parseJATSBody = (doc, body, references) => {
     }
     const replacements = new Map(references === null || references === void 0 ? void 0 : references.IDs);
     updateDocumentIDs(node, replacements);
-    return encode(node).values();
+    const models = encode(node);
+    return models.values();
 };
 const createBibliographyModels = (references) => {
     const models = [];

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

@@ -607,7 +607,7 @@ export class JATSExporter {
             const getModel = (id) => id ? this.modelMap.get(id) : undefined;
             const nodes = {
                 table_header: (node) => [
-                    node.attrs.celltype,
+                    'th',
                     Object.assign(Object.assign({ valign: node.attrs.valign, align: node.attrs.align, scope: node.attrs.scope, style: node.attrs.style }, (node.attrs.rowspan > 1 && { rowspan: node.attrs.rowspan })), (node.attrs.colspan > 1 && { colspan: node.attrs.colspan })),
                     0,
                 ],
@@ -871,7 +871,7 @@ export class JATSExporter {
                     return element;
                 },
                 table_cell: (node) => [
-                    node.attrs.celltype,
+                    'td',
                     Object.assign(Object.assign({ valign: node.attrs.valign, align: node.attrs.align, scope: node.attrs.scope, style: node.attrs.style }, (node.attrs.rowspan > 1 && { rowspan: node.attrs.rowspan })), (node.attrs.colspan > 1 && { colspan: node.attrs.colspan })),
                     0,
                 ],
@@ -952,6 +952,26 @@ export class JATSExporter {
                     element.appendChild(this.serializeNode(childNode));
                 }
             };
+            const appendTable = (element, node) => {
+                const tableNode = findChildNodeOfType(node, node.type.schema.nodes.table);
+                const colGroupNode = findChildNodeOfType(node, node.type.schema.nodes.table_colgroup);
+                if (!tableNode) {
+                    return;
+                }
+                const table = this.serializeNode(tableNode);
+                const tbodyElement = document.createElement('tbody');
+                while (table.firstChild) {
+                    const child = table.firstChild;
+                    table.removeChild(child);
+                    tbodyElement.appendChild(child);
+                }
+                table.appendChild(tbodyElement);
+                if (colGroupNode) {
+                    const colGroup = this.serializeNode(colGroupNode);
+                    table.insertBefore(colGroup, table.firstChild);
+                }
+                element.appendChild(table);
+            };
             const createFigureElement = (node, nodeName, contentNodeType, figType) => {
                 const element = createElement(node, nodeName);
                 if (figType) {
@@ -972,7 +992,7 @@ export class JATSExporter {
                 const element = createElement(node, nodeName);
                 appendLabels(element, node);
                 appendChildNodeOfType(element, node, node.type.schema.nodes.figcaption);
-                appendChildNodeOfType(element, node, node.type.schema.nodes.table);
+                appendTable(element, node);
                 appendChildNodeOfType(element, node, node.type.schema.nodes.table_element_footer);
                 if (isExecutableNodeType(node.type)) {
                     processExecutableNode(node, element);

package/dist/es/schema/nodes/table.js

@@ -13,21 +13,83 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { tableNodes } from 'prosemirror-tables';
+import { tableNodes as createTableNodes, } from 'prosemirror-tables';
+import { getTableCellStyles, serializeTableCellStyles, } from '../../lib/table-cell-styles';
 const tableOptions = {
     tableGroup: 'block',
     cellContent: 'inline*',
     cellAttributes: {
-        placeholder: { default: 'Data' },
-        styles: { default: {} },
-        valign: { default: null },
-        align: { default: null },
-        scope: { default: null },
-        style: { default: null },
+        placeholder: {
+            default: 'Data',
+            getFromDOM(dom) {
+                return dom.getAttribute('data-placeholder-text') || '';
+            },
+            setDOMAttr(value, attrs) {
+                if (value) {
+                    attrs['data-placeholder-text'] = value;
+                }
+            },
+        },
+        styles: {
+            default: {},
+            getFromDOM(dom) {
+                return getTableCellStyles(dom.style);
+            },
+            setDOMAttr(value, attrs) {
+                const styleString = serializeTableCellStyles(value);
+                if (styleString) {
+                    attrs['style'] = value;
+                }
+            },
+        },
+        valign: {
+            default: null,
+            getFromDOM(dom) {
+                return dom.getAttribute('valign');
+            },
+            setDOMAttr(value, attrs) {
+                if (value) {
+                    attrs['valign'] = value;
+                }
+            },
+        },
+        align: {
+            default: null,
+            getFromDOM(dom) {
+                return dom.getAttribute('align');
+            },
+            setDOMAttr(value, attrs) {
+                if (value) {
+                    attrs['align'] = value;
+                }
+            },
+        },
+        scope: {
+            default: null,
+            getFromDOM(dom) {
+                return dom.getAttribute('scope');
+            },
+            setDOMAttr(value, attrs) {
+                if (value) {
+                    attrs['scope'] = value;
+                }
+            },
+        },
+        style: {
+            default: null,
+            getFromDOM(dom) {
+                return dom.getAttribute('style');
+            },
+            setDOMAttr(value, attrs) {
+                if (value) {
+                    attrs['style'] = value;
+                }
+            },
+        },
     },
 };
-export const tnodes = tableNodes(tableOptions);
-export const table = Object.assign(Object.assign({}, tnodes.table), { attrs: Object.assign(Object.assign({}, tnodes.table.attrs), { id: { default: '' } }) });
-export const tableRow = tnodes.table_row;
-export const tableCell = tnodes.table_cell;
-export const tableHeader = tnodes.table_header;
+export const tableNodes = createTableNodes(tableOptions);
+export const table = Object.assign(Object.assign({}, tableNodes.table), { attrs: Object.assign(Object.assign({}, tableNodes.table.attrs), { id: { default: '' } }) });
+export const tableCell = tableNodes.table_cell;
+export const tableRow = tableNodes.table_row;
+export const tableHeader = tableNodes.table_header;

package/dist/es/schema/nodes/table_element.js

@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 export const tableElement = {
-    content: '(table | placeholder) table_element_footer? figcaption? (listing | placeholder)',
+    content: 'table_colgroup? (table | placeholder) table_element_footer? figcaption? (listing | placeholder)',
     attrs: {
         id: { default: '' },
         paragraphStyle: { default: '' },

package/dist/es/transformer/decode.js

@@ -557,6 +557,7 @@ export class Decoder {
             [ObjectTypes.TableElement]: (data) => {
                 const model = data;
                 const table = this.createTable(model);
+                const tableColGroup = this.createTableColGroup(model);
                 const tableElementFooter = this.createTableElementFooter(model);
                 const figcaption = this.getFigcaption(model);
                 const comments = this.createCommentNodes(model);
@@ -564,6 +565,9 @@ export class Decoder {
                 const content = tableElementFooter
                     ? [table, tableElementFooter, figcaption]
                     : [table, figcaption];
+                if (tableColGroup) {
+                    content.unshift(tableColGroup);
+                }
                 if (model.listingID) {
                     const listing = this.createListing(model.listingID);
                     content.push(listing);
@@ -777,6 +781,15 @@ export class Decoder {
         }
         return table;
     }
+    createTableColGroup(model) {
+        const tableId = model.containedObjectID;
+        const tableModel = this.getModel(tableId);
+        if (tableModel) {
+            return this.parseContents(tableModel.contents, undefined, [], {
+                topNode: schema.nodes.table_colgroup.create(),
+            });
+        }
+    }
     createTableElementFooter(model) {
         const tableElementFooterID = model.tableElementFooterID;
         if (!tableElementFooterID) {

package/dist/es/transformer/encode.js

@@ -91,9 +91,28 @@ const buildTableSection = (tagName, inputRows, parent) => {
     }
     return section;
 };
+function buildTableColGroup(cols) {
+    if (cols.length === 0) {
+        return undefined;
+    }
+    const colgroup = document.createElement('colgroup');
+    for (const inputCol of cols) {
+        const col = document.createElement('col');
+        for (const attribute of inputCol.attributes) {
+            col.setAttribute(attribute.name, attribute.value);
+        }
+        colgroup.appendChild(inputCol);
+    }
+    return colgroup;
+}
 const tableContents = (node, parent) => {
     const input = serializer.serializeNode(node);
+    const parentInput = serializer.serializeNode(parent);
     const output = document.createElement('table');
+    const colgroup = buildTableColGroup(Array.from(parentInput.querySelectorAll('col')));
+    if (colgroup) {
+        output.appendChild(colgroup);
+    }
     output.setAttribute('id', parent.attrs.id);
     output.classList.add('MPElement');
     if (parent.attrs.tableStyle) {

package/dist/types/schema/nodes/table.d.ts

@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 import { TableNodes } from 'prosemirror-tables';
-export declare const tnodes: TableNodes;
+export declare const tableNodes: TableNodes;
 export declare const table: {
     attrs: {
         id: {
@@ -39,6 +39,6 @@ export declare const table: {
     toDebugString?: ((node: import("prosemirror-model").Node) => string) | undefined;
     leafText?: ((node: import("prosemirror-model").Node) => string) | undefined;
 };
-export declare const tableRow: import("prosemirror-model").NodeSpec;
 export declare const tableCell: import("prosemirror-model").NodeSpec;
+export declare const tableRow: import("prosemirror-model").NodeSpec;
 export declare const tableHeader: import("prosemirror-model").NodeSpec;

package/dist/types/transformer/decode.d.ts

@@ -43,6 +43,7 @@ export declare class Decoder {
     private getManuscriptID;
     private getFigcaption;
     private createTable;
+    private createTableColGroup;
     private createTableElementFooter;
     private createListing;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/transform",
   "description": "ProseMirror transformer for Manuscripts applications",
-  "version": "2.1.1-LEAN-3336-6",
+  "version": "2.1.1-LEAN-3336-7",
   "repository": "github:Atypon-OpenSource/manuscripts-transform",
   "license": "Apache-2.0",
   "main": "dist/cjs",
@@ -35,7 +35,7 @@
     "jszip": "^3.10.1",
     "mathjax-full": "^3.2.2",
     "mime": "^3.0.0",
-    "prosemirror-model": "^1.8.1",
+    "prosemirror-model": "^1.18.3",
     "prosemirror-tables": "^1.3.5",
     "uuid": "^9.0.0",
     "w3c-xmlserializer": "^4.0.0"