@financial-times/cp-content-pipeline-schema 1.4.4 → 1.5.0

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

@@ -7,12 +7,16 @@ export const ScrollyImage = {
   picture(parent, _args, context) {
     const isLiveBlog = parent.contentApiData?.type() === 'LiveBlogPost'
 
-    const imageSet = parent.contentApiData
+    const imageSets = parent.contentApiData
       ?.embeds()
-      ?.find(
-        (embed: CAPIImageSet) =>
-          uuidFromUrl(embed.id) === uuidFromUrl(parent.reference.id)
-      )
+      ?.filter((embedded) => embedded.type.includes('ImageSet')) as
+      | CAPIImageSet[]
+      | []
+
+    const imageSet = imageSets?.find(
+      (embed: CAPIImageSet) =>
+        uuidFromUrl(embed.id) === uuidFromUrl(parent.reference.id)
+    )
 
     return imageSet ? new Picture(imageSet, isLiveBlog, context) : null
   },

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

@@ -7,6 +7,7 @@ import { Reference } from './Reference'
 
 import { Tweet } from './Tweet'
 import { ImageSet } from './ImageSet'
+import { ClipSet } from './ClipSet'
 import { Video } from './Video'
 import { Flourish } from './Flourish'
 import { Recommended } from './Recommended'
@@ -16,6 +17,7 @@ import { ScrollyImage } from './ScrollyImage'
 import {
   FlourishResolvers,
   ImageSetResolvers,
+  ClipSetResolvers,
   LayoutImageResolvers,
   RawImageResolvers,
   RecommendedResolvers,
@@ -35,6 +37,7 @@ export const resolvers: {
   Reference: ReferenceResolvers
   Tweet: TweetResolvers
   ImageSet: ImageSetResolvers
+  ClipSet: ClipSetResolvers
   VideoReference: VideoReferenceResolvers
   Flourish: FlourishResolvers
   Recommended: RecommendedResolvers
@@ -45,6 +48,7 @@ export const resolvers: {
   Reference,
   Tweet,
   ImageSet,
+  ClipSet,
   VideoReference: Video,
   Flourish,
   Recommended,
@@ -57,6 +61,8 @@ export const mapNodeToReference = {
   flourish: 'Flourish',
   tweet: 'Tweet',
   'image-set': 'ImageSet',
+  'clip-set': 'ClipSet',
+  clip: 'ClipSet',
   video: 'VideoReference',
   recommended: 'Recommended',
   'layout-image': 'LayoutImage',

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

@@ -600,6 +600,16 @@ const commonTagMappings: TagMappings = {
     level: 'subheading',
     children: everyChildIsType('text', traverse(), 'heading', context),
   }),
+  'ft-content[type="http://www.ft.com/ontology/content/ClipSet"]': ($el) => ({
+    type: 'clip-set',
+    id: $el.attr('url') || '',
+    autoplay: getBooleanAttributeValue($el, 'autoplay'),
+    loop: getBooleanAttributeValue($el, 'loop'),
+    muted: getBooleanAttributeValue($el, 'muted'),
+    dataLayout:
+      ($el.attr('data-layout') as 'full-grid' | 'in-line' | 'mid-grid') ||
+      'in-line',
+  }),
 }
 
 // We can't trust cheerio.attr() method since with attributes like "autoplay"

package/src/resolvers/index.ts

@@ -2,6 +2,7 @@ import { default as concept } from './concept'
 import { default as content } from './content'
 import { default as core } from './core'
 import { default as image } from './image'
+import { default as clip } from './clip'
 import { default as metaLink } from './meta-link'
 import { default as picture } from './picture'
 import { default as richText } from './richText'
@@ -16,6 +17,7 @@ const resolvers = {
   ...content,
   ...core,
   ...image,
+  ...clip,
   ...metaLink,
   ...picture,
   ...references,

package/src/resolvers/scalars.ts

@@ -103,6 +103,13 @@ export const ImageType = new LiteralUnionScalar<['image', 'graphic']>({
   values: ['image', 'graphic'],
 })
 
+export const ClipFormat = new LiteralUnionScalar<['standard-inline', 'mobile']>(
+  {
+    name: 'ClipFormat',
+    values: ['standard-inline', 'mobile'],
+  }
+)
+
 export const RichTextSource = new LiteralUnionScalar<
   ['standfirst', 'summary', 'bodyXML']
 >({
@@ -138,6 +145,7 @@ export const ContentType = new LiteralUnionScalar<
 })
 
 const resolvers = {
+  ClipFormat,
   ImageFormat,
   PackageDesign,
   TopperBackgroundColour,

package/src/types/internal-content.d.ts

@@ -7,6 +7,8 @@ import {
   Annotation,
   Image,
   ImageSet,
+  Clip,
+  ClipSet,
   MainImage,
   LeadImage,
   capiNotificationResponse,
@@ -39,6 +41,8 @@ type Image = z.infer<typeof Image>
 type LeadImage = z.infer<typeof LeadImage>
 type ImageSet = z.infer<typeof ImageSet>
 type MainImage = z.infer<typeof MainImage>
+type Clip = z.infer<typeof Clip>
+type ClipSet = z.infer<typeof ClipSet>
 
 type ContentTypeSchemas =
   | Article