@financial-times/cp-content-pipeline-schema 3.16.0 → 3.17.0

package/src/resolvers/content-tree/references/RecommendedList.ts

@@ -0,0 +1,52 @@
+import { uuidFromUrl } from '../../../helpers/metadata'
+import { RecommendedListResolvers } from '../../../generated'
+import { OperationalError } from '@dotcom-reliability-kit/errors'
+import { ContentTree } from '@financial-times/content-tree'
+import { Logger } from '@dotcom-reliability-kit/logger'
+import { CapiDataSource } from '../../../datasources/capi'
+
+function getTeaser(context: {
+  logger: Logger
+  dataSources: { capi: CapiDataSource }
+}) {
+  return async function (child: ContentTree.Recommended) {
+    try {
+      let content = await context.dataSources.capi.getContent(
+        uuidFromUrl(child.id)
+      )
+
+      if (!content) {
+        throw new Error('Invalid content from recommended article teaser')
+      }
+
+      if (child.teaserTitleOverride) {
+        content = content.overrideTitle(child.teaserTitleOverride)
+      }
+      return content
+    } catch (error) {
+      if (error instanceof Error) {
+        context.logger.warn({
+          event: 'RECOVERABLE_ERROR',
+          error: new OperationalError({
+            code: 'RECOMMENDED_TEASER_ERROR',
+            message: `Couldn't load teaser for recommended article ${child.id}`,
+            cause: error,
+          }),
+        })
+      }
+    }
+  }
+}
+
+export const RecommendedList = {
+  async teasers(parent, _args, context) {
+    const responses = await Promise.all(
+      parent.reference.children.map(getTeaser(context))
+    )
+
+    return responses.filter((response) => response !== undefined)
+  },
+  type(parent) {
+    return parent.reference.type
+  },
+} satisfies RecommendedListResolvers

package/src/resolvers/content-tree/references/index.ts

@@ -10,6 +10,7 @@ import { CustomCodeComponent } from './CustomCodeComponent'
 import { Video } from './Video'
 import { Flourish, FlourishSource } from './Flourish'
 import { Recommended } from './Recommended'
+import { RecommendedList } from './RecommendedList'
 import { LayoutImage } from './LayoutImage'
 import { RawImage } from './RawImage'
 import { ScrollyImage } from './ScrollyImage'
@@ -21,6 +22,7 @@ import {
   LayoutImageResolvers,
   RawImageResolvers,
   RecommendedResolvers,
+  RecommendedListResolvers,
   ReferenceResolvers,
   ScrollyImageResolvers,
   TweetResolvers,
@@ -48,6 +50,7 @@ export const resolvers: {
   Flourish: FlourishResolvers
   FlourishSource: FlourishSourceResolvers
   Recommended: RecommendedResolvers
+  RecommendedList: RecommendedListResolvers
   LayoutImage: LayoutImageResolvers
   RawImage: RawImageResolvers
   ScrollyImage: ScrollyImageResolvers
@@ -65,6 +68,7 @@ export const resolvers: {
   Flourish,
   FlourishSource,
   Recommended,
+  RecommendedList,
   LayoutImage,
   RawImage,
   ScrollyImage,
@@ -83,6 +87,7 @@ export const mapNodeToReference = {
   'custom-code-component': 'CustomCodeComponent',
   video: 'VideoReference',
   recommended: 'Recommended',
+  'recommended-list': 'RecommendedList',
   'layout-image': 'LayoutImage',
   'scrolly-image': 'ScrollyImage',
   'raw-image': 'RawImage',

package/src/resolvers/content-tree/tagMappings.ts

@@ -9,6 +9,7 @@ import {
   TableChildren,
   TableColumnSettings,
   TableFooter,
+  Recommended,
 } from './Workarounds'
 
 import {
@@ -303,6 +304,27 @@ const commonTagMappings: TagMappings = {
       teaserTitleOverride: $firstLink.text(),
     }
   },
+  'recommended-list': ($el) => {
+    const title = $el.find('recommended-title').first().text()
+    const items = $el
+      .find('ft-content')
+      .toArray()
+      .map((item) => {
+        const $item = $el.find(item)
+
+        return {
+          id: $item.attr('url') || '',
+          type: 'recommended',
+          teaserTitleOverride: $item.text(),
+        }
+      }) as Recommended[]
+
+    return {
+      type: 'recommended-list',
+      heading: title || 'Related content',
+      children: items,
+    }
+  },
   'big-number': ($el) => {
     const $number = $el.find('big-number-headline').first()
     const $description = $el.find('big-number-intro').first()

package/src/resolvers/teaser.ts

@@ -33,6 +33,7 @@ const resolvers = {
     publishedDate: (parent) => parent.publishedDate(),
     theme: (parent) => parent.design().theme,
     title: (parent) => parent.title(),
+    clientName: (parent) => parent.clientName?.(),
   },
   TeaserIndicators: {
     accessLevel: (parent) => parent.accessLevel,