@manuscripts/transform 4.4.0 → 4.4.2

package/src/schema/migration/migration-scripts/4.4.2.ts

@@ -0,0 +1,60 @@
+/*!
+ * © 2026 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 { JSONProsemirrorNode } from '../../../types'
+import { MigrationScript } from '../migration-script'
+
+class Migration442 implements MigrationScript {
+  fromVersion = '4.4.1'
+  toVersion = '4.4.2'
+
+  migrateNode(node: JSONProsemirrorNode): JSONProsemirrorNode {
+    switch (node.type) {
+      case 'hero_image':
+        if (!node.attrs || node.attrs.type === undefined) {
+          return {
+            ...node,
+            attrs: { ...(node.attrs ?? {}), type: 'leading' },
+          }
+        }
+        return node
+      case 'pullquote_element':
+        if (!node.attrs || node.attrs.type === undefined) {
+          const hasImage = node.content?.[0]?.type === 'quote_image'
+          return {
+            ...node,
+            attrs: {
+              ...(node.attrs ?? {}),
+              type: hasImage ? 'quote-with-image' : 'pullquote',
+            },
+          }
+        }
+        return node
+      case 'box_element':
+      case 'table_element':
+        if (!node.attrs || node.attrs.type === undefined) {
+          return {
+            ...node,
+            attrs: { ...(node.attrs ?? {}), type: '' },
+          }
+        }
+        return node
+      default:
+        return node
+    }
+  }
+}
+
+export default Migration442

package/src/schema/migration/migration-scripts/index.ts

@@ -28,6 +28,7 @@ import Migration4215 from './4.2.15'
 import Migration4323 from './4.3.23'
 import Migration4334 from './4.3.34'
 import Migration4335 from './4.3.35'
+import Migration442 from './4.4.2'
 
 const migrations = [
   new Migration125(),
@@ -44,6 +45,7 @@ const migrations = [
   new Migration4323(),
   new Migration4334(),
   new Migration4335(),
+  new Migration442(),
 ]
 
 export default migrations

package/src/schema/nodes/blockquote_element.ts

@@ -18,13 +18,13 @@ import { NodeSpec } from 'prosemirror-model'
 
 import { ManuscriptNode } from '../types'
 
-interface Attrs {
+export interface BlockquoteElementAttrs {
   id: string
   placeholder: string
 }
 
 export interface BlockquoteElementNode extends ManuscriptNode {
-  attrs: Attrs
+  attrs: BlockquoteElementAttrs
 }
 
 export const blockquoteElement: NodeSpec = {
@@ -42,7 +42,7 @@ export const blockquoteElement: NodeSpec = {
       getAttrs: (blockquote) => {
         const dom = blockquote as HTMLQuoteElement
 
-        const attrs: Partial<Attrs> = {
+        const attrs: Partial<BlockquoteElementAttrs> = {
           id: dom.getAttribute('id') || undefined,
         }
 

package/src/schema/nodes/box_element.ts

@@ -20,6 +20,7 @@ import { ManuscriptNode } from '../types'
 
 export interface BoxElementAttrs {
   id: string
+  type: string
 }
 
 export interface BoxElementNode extends ManuscriptNode {
@@ -30,6 +31,7 @@ export const box_element: NodeSpec = {
   content: 'caption_title? caption? section?',
   attrs: {
     id: { default: '' },
+    type: { default: '' },
     dataTracked: { default: null },
   },
   group: 'block element',
@@ -56,6 +58,10 @@ export const box_element: NodeSpec = {
       attrs.id = boxElementNode.attrs.id
     }
 
+    if (boxElementNode.attrs.type) {
+      attrs['data-content-type'] = boxElementNode.attrs.type
+    }
+
     return [
       'div',
       {

package/src/schema/nodes/headshot_element.ts

@@ -0,0 +1,48 @@
+/*!
+ * © 2026 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 { NodeSpec } from 'prosemirror-model'
+
+import { ManuscriptNode } from '../types'
+
+export interface HeadshotElementNode extends ManuscriptNode {
+  attrs: {
+    id: string
+    type: string
+  }
+}
+
+export const headshotElement: NodeSpec = {
+  content: 'headshot_image caption_title caption alt_text long_desc',
+  attrs: {
+    id: { default: '' },
+    type: { default: '' },
+    dataTracked: { default: null },
+  },
+  group: 'block',
+  toDOM: (node) => {
+    return [
+      'div',
+      {
+        class: 'headshot_element',
+        id: node.attrs.id,
+      },
+    ]
+  },
+}
+
+export const isHeadshotElementNode = (node: ManuscriptNode): node is HeadshotElementNode =>
+  node.type === node.type.schema.nodes.headshot_element

package/src/schema/nodes/headshot_grid.ts

@@ -0,0 +1,46 @@
+/*!
+ * © 2026 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 { NodeSpec } from 'prosemirror-model'
+
+import { ManuscriptNode } from '../types'
+
+export interface HeadshotGridNode extends ManuscriptNode {
+  attrs: {
+    id: string
+  }
+}
+
+export const headshotGrid: NodeSpec = {
+  content: 'headshot_element*',
+  attrs: {
+    id: { default: '' },
+    dataTracked: { default: null },
+  },
+  group: 'block element',
+  toDOM: (node) => {
+    return [
+      'div',
+      {
+        class: 'headshot_grid',
+        id: node.attrs.id,
+      },
+    ]
+  },
+}
+
+export const isHeadshotGridNode = (node: ManuscriptNode): node is HeadshotGridNode =>
+  node.type === node.type.schema.nodes.headshot_grid

package/src/schema/nodes/headshot_image.ts

@@ -0,0 +1,65 @@
+/*!
+ * © 2026 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 { NodeSpec } from 'prosemirror-model'
+
+import { ManuscriptNode } from '../types'
+
+export interface HeadshotImageAttrs {
+  id: string
+  src: string
+  type: string
+}
+
+export interface HeadshotImageNode extends ManuscriptNode {
+  attrs: HeadshotImageAttrs
+}
+
+export const headshotImage: NodeSpec = {
+  attrs: {
+    id: { default: '' },
+    src: { default: '' },
+    type: { default: '' },
+    dataTracked: { default: null },
+  },
+  selectable: false,
+  group: 'block',
+  parseDOM: [
+    {
+      tag: 'figure',
+      context: 'headshot_element/',
+      getAttrs: (dom) => {
+        const element = dom as HTMLElement
+
+        return {
+          id: element.getAttribute('id'),
+          src: element.getAttribute('src'),
+        }
+      },
+    },
+  ],
+  toDOM: (node) => {
+    const imageNode = node as HeadshotImageNode
+
+    return [
+      'figure',
+      {
+        class: 'headshot-figure',
+        id: imageNode.attrs.id,
+      },
+    ]
+  },
+}

package/src/schema/nodes/hero_image.ts

@@ -21,6 +21,7 @@ import { ManuscriptNode } from '../types'
 export interface HeroImageNode extends ManuscriptNode {
   attrs: {
     id: string
+    type: string
   }
 }
 
@@ -28,6 +29,7 @@ export const heroImage: NodeSpec = {
   content: 'figure? alt_text long_desc',
   attrs: {
     id: { default: '' },
+    type: { default: 'leading' },
     dataTracked: { default: null },
   },
   group: 'block element',
@@ -37,6 +39,7 @@ export const heroImage: NodeSpec = {
       {
         class: 'hero_image',
         id: node.attrs.id,
+        'data-content-type': node.attrs.type,
       },
     ]
   },

package/src/schema/nodes/pullquote_element.ts

@@ -18,13 +18,14 @@ import { NodeSpec } from 'prosemirror-model'
 
 import { ManuscriptNode } from '../types'
 
-interface Attrs {
+interface PullquoteElementAttrs {
   id: string
   placeholder: string
+  type: string
 }
 
 export interface PullquoteElementNode extends ManuscriptNode {
-  attrs: Attrs
+  attrs: PullquoteElementAttrs
 }
 
 export const pullquoteElement: NodeSpec = {
@@ -32,6 +33,7 @@ export const pullquoteElement: NodeSpec = {
   attrs: {
     id: { default: '' },
     placeholder: { default: '' },
+    type: { default: '' },
     dataTracked: { default: null },
   },
   group: 'block element',
@@ -42,7 +44,7 @@ export const pullquoteElement: NodeSpec = {
       getAttrs: (aside) => {
         const dom = aside as HTMLElement
 
-        const attrs: Partial<Attrs> = {
+        const attrs: Partial<PullquoteElementAttrs> = {
           id: dom.getAttribute('id') || undefined,
         }
 
@@ -71,6 +73,10 @@ export const pullquoteElement: NodeSpec = {
       attrs['data-placeholder-text'] = pullquoteElementNode.attrs.placeholder
     }
 
+    if (pullquoteElementNode.attrs.type) {
+      attrs['data-content-type'] = pullquoteElementNode.attrs.type
+    }
+
     return ['aside', attrs, 0]
   },
 }

package/src/schema/nodes/table_element.ts

@@ -20,6 +20,7 @@ import { ManuscriptNode } from '../types'
 
 export interface TableAttrs {
   id: string
+  type: string
 }
 
 export interface TableElementNode extends ManuscriptNode {
@@ -31,6 +32,7 @@ export const tableElement: NodeSpec = {
     'caption_title (table | placeholder) table_colgroup? table_element_footer? alt_text long_desc (listing | placeholder)',
   attrs: {
     id: { default: '' },
+    type: { default: '' },
     dataTracked: { default: null },
   },
   selectable: false,
@@ -50,14 +52,16 @@ export const tableElement: NodeSpec = {
   toDOM: (node) => {
     const tableElementNode = node as TableElementNode
 
-    return [
-      'figure',
-      {
-        class: 'table', // TODO: suppress-header, suppress-footer?
-        id: tableElementNode.attrs.id,
-      },
-      0,
-    ]
+    const attrs: { [key: string]: string } = {
+      class: 'table',
+      id: tableElementNode.attrs.id,
+    }
+
+    if (tableElementNode.attrs.type) {
+      attrs['data-content-type'] = tableElementNode.attrs.type
+    }
+
+    return ['figure', attrs, 0]
   },
 }
 

package/src/schema/types.ts

@@ -128,6 +128,9 @@ export type Nodes =
   | 'alt_titles'
   | 'long_desc'
   | 'hero_image'
+  | 'headshot_grid'
+  | 'headshot_element'
+  | 'headshot_image'
   | 'trans_abstract'
   | 'trans_graphical_abstract'
   | 'subtitle'

package/src/transformer/node-names.ts

@@ -32,6 +32,8 @@ export const nodeNames: Map<ManuscriptNodeType, string> = new Map([
   [schema.nodes.figure_element, 'Figure'],
   [schema.nodes.image_element, 'Image'],
   [schema.nodes.hero_image, 'Hero Image'],
+  [schema.nodes.headshot_grid, 'Headshot Panel'],
+  [schema.nodes.headshot_element, 'Headshot'],
   [schema.nodes.table_element, 'Table'],
   [schema.nodes.table_cell, 'Table Cell'],
   [schema.nodes.table_col, 'Table Column'],

package/src/transformer/node-title.ts

@@ -29,6 +29,10 @@ const textSnippet = (node: ManuscriptNode, max = 100) => {
       text += child.text
     } else if (isHighlightMarkerNode(node)) {
       text += ''
+    } else if (node.type === schema.nodes.headshot_element) {
+      if (child.type === schema.nodes.caption_title) {
+        text += child.textContent
+      }
     } else {
       text += ' '
     }
@@ -82,6 +86,7 @@ export const nodeTitle = (node: ManuscriptNode) => {
     case nodes.multi_graphic_figure_element:
     case nodes.image_element:
     case nodes.hero_image:
+    case nodes.headshot_grid:
     case nodes.box_element:
     case nodes.supplements:
     case nodes.attachments:

package/src/version.ts

@@ -1 +1 @@
-export const VERSION = "4.4.0";
+export const VERSION = "4.4.2";