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

package/lib/resolvers/clip.js

@@ -17,6 +17,9 @@ const resolvers = {
         pixelWidth: (parent) => parent.pixelWidth ?? null,
         pixelHeight: (parent) => parent.pixelHeight ?? null,
         videoCodec: (parent) => parent.videoCodec ?? null,
+        quality: (parent) => parent.quality ?? null,
+        dppx: (parent) => parent.dppx ?? null,
+        previousSourceWidth: (parent) => parent.previousSourceWidth ?? null,
     },
 };
 exports.default = resolvers;

package/lib/resolvers/clip.js.map

@@ -1 +1 @@
-{"version":3,"file":"clip.js","sourceRoot":"","sources":["../../src/resolvers/clip.ts"],"names":[],"mappings":";;AAEA,MAAM,SAAS,GAAG;IAChB,IAAI,EAAE;QACJ,aAAa,EAAE,GAAG,EAAE,CAAC,MAAM;QAC3B,UAAU,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE;QACvC,IAAI,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE;QAC3B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE;QAC/B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE;QAC/B,EAAE,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,EAAE;KACxB;IAED,UAAU,EAAE;QACV,UAAU,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,UAAU,IAAI,IAAI;QACjD,SAAS,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS;QACvC,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,IAAI,IAAI;QAC7C,SAAS,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS;QACvC,UAAU,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,UAAU,IAAI,IAAI;QACjD,WAAW,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,WAAW,IAAI,IAAI;QACnD,UAAU,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,UAAU,IAAI,IAAI;KAClD;CACiE,CAAA;AAEpE,kBAAe,SAAS,CAAA"}
+{"version":3,"file":"clip.js","sourceRoot":"","sources":["../../src/resolvers/clip.ts"],"names":[],"mappings":";;AAEA,MAAM,SAAS,GAAG;IAChB,IAAI,EAAE;QACJ,aAAa,EAAE,GAAG,EAAE,CAAC,MAAM;QAC3B,UAAU,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE;QACvC,IAAI,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE;QAC3B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE;QAC/B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE;QAC/B,EAAE,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,EAAE;KACxB;IAED,UAAU,EAAE;QACV,UAAU,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,UAAU,IAAI,IAAI;QACjD,SAAS,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS;QACvC,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,IAAI,IAAI;QAC7C,SAAS,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS;QACvC,UAAU,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,UAAU,IAAI,IAAI;QACjD,WAAW,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,WAAW,IAAI,IAAI;QACnD,UAAU,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,UAAU,IAAI,IAAI;QACjD,OAAO,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,IAAI,IAAI;QAC3C,IAAI,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,IAAI,IAAI;QACrC,mBAAmB,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,mBAAmB,IAAI,IAAI;KACpE;CACiE,CAAA;AAEpE,kBAAe,SAAS,CAAA"}

package/lib/resolvers/index.d.ts

@@ -61,6 +61,7 @@ declare const resolvers: {
         isLargeHeadline: (topper: import("../model/Topper").Topper) => boolean;
         layout: (topper: import("../model/Topper").Topper) => string;
         columnist: (topper: import("../model/Topper").Topper) => import("../model/Concept").Concept | null;
+        columnists: (topper: import("../model/Topper").Topper) => import("../model/Concept").Concept[] | null;
         __resolveType?: import("../generated").TypeResolveFn<"DeepPortraitTopper" | "DeepLandscapeTopper" | "SplitTextTopper" | "FullBleedTopper" | "PodcastTopper" | "OpinionTopper" | "BrandedTopper" | "BasicTopper" | "TopperWithFlourish" | "PartnerContentTopper", import("../model/Topper").Topper, import("..").QueryContext> | undefined;
         backgroundBox: import("../generated").Resolver<import("../generated").Maybe<import("../generated").ResolverTypeWrapper<boolean>>, import("../model/Topper").Topper, import("..").QueryContext, {}>;
         backgroundColour: import("../generated").Resolver<import("../generated").Maybe<import("../generated").ResolverTypeWrapper<"paper" | "wheat" | "white" | "black" | "claret" | "oxford" | "slate" | "crimson" | "sky" | "matisse">>, import("../model/Topper").Topper, import("..").QueryContext, {}>;
@@ -76,6 +77,7 @@ declare const resolvers: {
         isLargeHeadline: (topper: import("../model/Topper").Topper) => boolean;
         layout: (topper: import("../model/Topper").Topper) => string;
         columnist: (topper: import("../model/Topper").Topper) => import("../model/Concept").Concept | null;
+        columnists: (topper: import("../model/Topper").Topper) => import("../model/Concept").Concept[] | null;
         __resolveType?: import("../generated").TypeResolveFn<"DeepPortraitTopper" | "DeepLandscapeTopper" | "SplitTextTopper" | "FullBleedTopper" | "PodcastTopper" | "OpinionTopper" | "BrandedTopper" | "BasicTopper" | "TopperWithFlourish" | "PartnerContentTopper", import("../model/Topper").Topper, import("..").QueryContext> | undefined;
         backgroundBox: import("../generated").Resolver<import("../generated").Maybe<import("../generated").ResolverTypeWrapper<boolean>>, import("../model/Topper").Topper, import("..").QueryContext, {}>;
         backgroundColour: import("../generated").Resolver<import("../generated").Maybe<import("../generated").ResolverTypeWrapper<"paper" | "wheat" | "white" | "black" | "claret" | "oxford" | "slate" | "crimson" | "sky" | "matisse">>, import("../model/Topper").Topper, import("..").QueryContext, {}>;
@@ -342,15 +344,7 @@ declare const resolvers: {
     MetaLink: import("../generated").MetaLinkResolvers;
     Clip: {
         __resolveType: () => string;
-        dataSource: (clip: import("../model/Clip").Clip) => {
-            binaryUrl: string;
-            mediaType: string;
-            audioCodec?: string;
-            duration?: number;
-            pixelHeight?: number;
-            pixelWidth?: number;
-            videoCodec?: string;
-        }[];
+        dataSource: (clip: import("../model/Clip").Clip) => import("../types/clip").ClipSource[];
         type: (clip: import("../model/Clip").Clip) => string;
         format: (clip: import("../model/Clip").Clip) => "mobile" | "standard-inline";
         poster: (clip: import("../model/Clip").Clip) => string;
@@ -364,6 +358,9 @@ declare const resolvers: {
         pixelWidth: (parent: import("../generated").ClipSource) => number | null;
         pixelHeight: (parent: import("../generated").ClipSource) => number | null;
         videoCodec: (parent: import("../generated").ClipSource) => string | null;
+        quality: (parent: import("../generated").ClipSource) => string | null;
+        dppx: (parent: import("../generated").ClipSource) => number | null;
+        previousSourceWidth: (parent: import("../generated").ClipSource) => number | null;
     };
     Image: {
         __resolveType: import("../generated").TypeResolveFn<"ImageDesktop" | "ImageLandscape" | "ImageMobile" | "ImagePortrait" | "ImageSquare" | "ImageSquareFTEdit" | "ImageStandard" | "ImageStandardInline" | "ImageWide", import("../model/Image").Image, import("..").QueryContext>;

package/lib/resolvers/topper.d.ts

@@ -31,6 +31,7 @@ declare const resolvers: {
         isLargeHeadline: (topper: import("../model/Topper").Topper) => boolean;
         layout: (topper: import("../model/Topper").Topper) => string;
         columnist: (topper: import("../model/Topper").Topper) => import("../model/Concept").Concept | null;
+        columnists: (topper: import("../model/Topper").Topper) => import("../model/Concept").Concept[] | null;
         __resolveType?: import("../generated").TypeResolveFn<"DeepPortraitTopper" | "DeepLandscapeTopper" | "SplitTextTopper" | "FullBleedTopper" | "PodcastTopper" | "OpinionTopper" | "BrandedTopper" | "BasicTopper" | "TopperWithFlourish" | "PartnerContentTopper", import("../model/Topper").Topper, import("..").QueryContext> | undefined;
         backgroundBox: import("../generated").Resolver<import("../generated").Maybe<import("../generated").ResolverTypeWrapper<boolean>>, import("../model/Topper").Topper, import("..").QueryContext, {}>;
         backgroundColour: import("../generated").Resolver<import("../generated").Maybe<import("../generated").ResolverTypeWrapper<"paper" | "wheat" | "white" | "black" | "claret" | "oxford" | "slate" | "crimson" | "sky" | "matisse">>, import("../model/Topper").Topper, import("..").QueryContext, {}>;
@@ -46,6 +47,7 @@ declare const resolvers: {
         isLargeHeadline: (topper: import("../model/Topper").Topper) => boolean;
         layout: (topper: import("../model/Topper").Topper) => string;
         columnist: (topper: import("../model/Topper").Topper) => import("../model/Concept").Concept | null;
+        columnists: (topper: import("../model/Topper").Topper) => import("../model/Concept").Concept[] | null;
         __resolveType?: import("../generated").TypeResolveFn<"DeepPortraitTopper" | "DeepLandscapeTopper" | "SplitTextTopper" | "FullBleedTopper" | "PodcastTopper" | "OpinionTopper" | "BrandedTopper" | "BasicTopper" | "TopperWithFlourish" | "PartnerContentTopper", import("../model/Topper").Topper, import("..").QueryContext> | undefined;
         backgroundBox: import("../generated").Resolver<import("../generated").Maybe<import("../generated").ResolverTypeWrapper<boolean>>, import("../model/Topper").Topper, import("..").QueryContext, {}>;
         backgroundColour: import("../generated").Resolver<import("../generated").Maybe<import("../generated").ResolverTypeWrapper<"paper" | "wheat" | "white" | "black" | "claret" | "oxford" | "slate" | "crimson" | "sky" | "matisse">>, import("../model/Topper").Topper, import("..").QueryContext, {}>;

package/lib/resolvers/topper.js

@@ -36,14 +36,16 @@ const resolvers = {
         headshot: (topper, args) => topper.headshot(args),
         isLargeHeadline: (topper) => topper.isLargeHeadline(),
         layout: (topper) => topper.layout(),
-        columnist: (topper) => topper.columnist(),
+        columnist: (topper) => topper.columnist(), // @deprecated Replaced with usage of `columinists`
+        columnists: (topper) => topper.columnists(),
     },
     OpinionTopper: {
         ...topperResolvers,
         headshot: (topper, args) => topper.headshot(args),
         isLargeHeadline: (topper) => topper.isLargeHeadline(),
         layout: (topper) => topper.layout(),
-        columnist: (topper) => topper.columnist(),
+        columnist: (topper) => topper.columnist(), // @deprecated Replaced with usage of `columinists`
+        columnists: (topper) => topper.columnists(),
     },
     TopperWithPackage: {
         design: (topper) => topper.design().theme,

package/lib/resolvers/topper.js.map

@@ -1 +1 @@
-{"version":3,"file":"topper.js","sourceRoot":"","sources":["../../src/resolvers/topper.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"topper.js","sourceRoot":"","sources":["../../src/resolvers/topper.ts"],"names":[],"mappings":"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"}

package/lib/types/clip.d.ts

@@ -0,0 +1,21 @@
+import { LiteralUnionScalarValues } from '../resolvers/literal-union';
+import { ClipFormat } from '../resolvers/scalars';
+export type ClipSource = {
+    binaryUrl: string;
+    mediaType: string;
+    audioCodec?: string;
+    duration?: number;
+    pixelHeight?: number;
+    pixelWidth?: number;
+    videoCodec?: string;
+    quality?: string;
+    dppx?: number;
+    previousSourceWidth?: number;
+};
+export interface ClipVideo {
+    id(): string;
+    type(): string;
+    format(): LiteralUnionScalarValues<typeof ClipFormat>;
+    poster(): string;
+    dataSource(): ClipSource[];
+}

package/lib/types/clip.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=clip.js.map

package/lib/types/clip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clip.js","sourceRoot":"","sources":["../../src/types/clip.ts"],"names":[],"mappings":""}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@financial-times/cp-content-pipeline-schema",
-  "version": "3.17.0",
+  "version": "3.19.0",
   "description": "",
   "main": "lib/index.js",
   "scripts": {

package/queries/article.graphql

@@ -199,6 +199,9 @@ fragment Topper on Topper {
     columnist {
       ...Concept
     }
+    columnists {
+      ...Concept
+    }
   }
   ... on PodcastTopper {
     headshot(dpr: 2, width: 160)
@@ -355,6 +358,9 @@ fragment Clip on Clip {
     pixelHeight
     pixelWidth
     videoCodec
+    quality
+    dppx
+    previousSourceWidth
   }
   poster
 }

package/src/generated/index.ts

@@ -377,6 +377,8 @@ export type ClipSource = {
   readonly audioCodec?: Maybe<Scalars['String']['output']>;
   /** The url of the clip source, eg. 'https://next-media-api.ft.com/renditions/16868569859480/0x0.mp3'. */
   readonly binaryUrl: Scalars['String']['output'];
+  /** The encoding settings intention for the video media */
+  readonly dppx?: Maybe<Scalars['Int']['output']>;
   /** The duration of the clip in milliseconds. */
   readonly duration?: Maybe<Scalars['Int']['output']>;
   /** The media type eg. video/mp4. */
@@ -385,6 +387,10 @@ export type ClipSource = {
   readonly pixelHeight?: Maybe<Scalars['Int']['output']>;
   /** The width of the clip in pixels. */
   readonly pixelWidth?: Maybe<Scalars['Int']['output']>;
+  /** The width of the source immediately narrower than this one. */
+  readonly previousSourceWidth?: Maybe<Scalars['Int']['output']>;
+  /** The encoding quality of the video media */
+  readonly quality?: Maybe<Scalars['String']['output']>;
   /** The video encoding format of the source, eg. h264. */
   readonly videoCodec?: Maybe<Scalars['String']['output']>;
 };
@@ -1318,8 +1324,13 @@ export type OpinionTopper = Topper & TopperWithHeadshot & TopperWithTheme & {
   readonly backgroundBox?: Maybe<Scalars['Boolean']['output']>;
   /** The background colour of the topper. */
   readonly backgroundColour?: Maybe<Scalars['TopperBackgroundColour']['output']>;
-  /** The concept object describing details of the column author. */
+  /**
+   * The concept object describing details of the column author.
+   * @deprecated use columnists instead
+   */
   readonly columnist?: Maybe<Concept>;
+  /** The concept object describing details of the column author(s). */
+  readonly columnists?: Maybe<ReadonlyArray<Concept>>;
   /** The concept object to be displayed, eg. {'type': 'TOPIC', 'prefLabel': 'Non-dom tax status', ...}. */
   readonly displayConcept?: Maybe<Concept>;
   /** The variant of the follow button to be displayed on the topper. */
@@ -1549,8 +1560,13 @@ export type PodcastTopper = Topper & TopperWithBrand & TopperWithHeadshot & Topp
   readonly backgroundColour?: Maybe<Scalars['TopperBackgroundColour']['output']>;
   /** The concept object of the brand, eg. {'type': 'BRAND', 'prefLabel': 'FT Magazine', ...}. */
   readonly brandConcept?: Maybe<Concept>;
-  /** The concept object describing details of the column author. */
+  /**
+   * The concept object describing details of the column author.
+   * @deprecated use columnists instead
+   */
   readonly columnist?: Maybe<Concept>;
+  /** The concept object describing details of the column author(s). */
+  readonly columnists?: Maybe<ReadonlyArray<Concept>>;
   /** The concept object to be displayed, eg. {'type': 'TOPIC', 'prefLabel': 'Non-dom tax status', ...}. */
   readonly displayConcept?: Maybe<Concept>;
   /** The variant of the follow button to be displayed on the topper. */
@@ -2403,10 +2419,13 @@ export type ClipSetResolvers<ContextType = QueryContext, ParentType extends Reso
 export type ClipSourceResolvers<ContextType = QueryContext, ParentType extends ResolversParentTypes['ClipSource'] = ResolversParentTypes['ClipSource']> = ResolversObject<{
   audioCodec: Resolver<Maybe<ResolversTypes['String']>, ParentType, ContextType>;
   binaryUrl: Resolver<ResolversTypes['String'], ParentType, ContextType>;
+  dppx: Resolver<Maybe<ResolversTypes['Int']>, ParentType, ContextType>;
   duration: Resolver<Maybe<ResolversTypes['Int']>, ParentType, ContextType>;
   mediaType: Resolver<ResolversTypes['String'], ParentType, ContextType>;
   pixelHeight: Resolver<Maybe<ResolversTypes['Int']>, ParentType, ContextType>;
   pixelWidth: Resolver<Maybe<ResolversTypes['Int']>, ParentType, ContextType>;
+  previousSourceWidth: Resolver<Maybe<ResolversTypes['Int']>, ParentType, ContextType>;
+  quality: Resolver<Maybe<ResolversTypes['String']>, ParentType, ContextType>;
   videoCodec: Resolver<Maybe<ResolversTypes['String']>, ParentType, ContextType>;
   __isTypeOf?: IsTypeOfResolverFn<ParentType, ContextType>;
 }>;
@@ -2913,6 +2932,7 @@ export type OpinionTopperResolvers<ContextType = QueryContext, ParentType extend
   backgroundBox: Resolver<Maybe<ResolversTypes['Boolean']>, ParentType, ContextType>;
   backgroundColour: Resolver<Maybe<ResolversTypes['TopperBackgroundColour']>, ParentType, ContextType>;
   columnist: Resolver<Maybe<ResolversTypes['Concept']>, ParentType, ContextType>;
+  columnists: Resolver<Maybe<ReadonlyArray<ResolversTypes['Concept']>>, ParentType, ContextType>;
   displayConcept: Resolver<Maybe<ResolversTypes['Concept']>, ParentType, ContextType>;
   followButtonVariant: Resolver<Maybe<ResolversTypes['FollowButtonVariant']>, ParentType, ContextType>;
   genreConcept: Resolver<Maybe<ResolversTypes['Concept']>, ParentType, ContextType>;
@@ -3041,6 +3061,7 @@ export type PodcastTopperResolvers<ContextType = QueryContext, ParentType extend
   backgroundColour: Resolver<Maybe<ResolversTypes['TopperBackgroundColour']>, ParentType, ContextType>;
   brandConcept: Resolver<Maybe<ResolversTypes['Concept']>, ParentType, ContextType>;
   columnist: Resolver<Maybe<ResolversTypes['Concept']>, ParentType, ContextType>;
+  columnists: Resolver<Maybe<ReadonlyArray<ResolversTypes['Concept']>>, ParentType, ContextType>;
   displayConcept: Resolver<Maybe<ResolversTypes['Concept']>, ParentType, ContextType>;
   followButtonVariant: Resolver<Maybe<ResolversTypes['FollowButtonVariant']>, ParentType, ContextType>;
   genreConcept: Resolver<Maybe<ResolversTypes['Concept']>, ParentType, ContextType>;

package/src/helpers/qualityWorkaround.ts

@@ -0,0 +1,44 @@
+// until we get quality setting data through from CAPI, we infer the quality and ddpx from the details in the filename
+// once we have quality data from CAPI, we can remove this module
+import type { ClipSource } from '../types/clip'
+
+// possible output sizes are set in https://github.com/Financial-Times/ip-ovide/tree/main/common/n-zencoder/src/profiles
+const dimensions = new Map([
+  [1920, 1080],
+  [1280, 720],
+  [960, 540],
+  [640, 360],
+  [480, 270],
+])
+
+// utility to extract width from filename pattern like /640x360.mp4
+function getDimensionsFromFilename(url: string): number[] {
+  // regex: get the first set of digits after a "/" and before "x", followed by 1+ digits, followed by ".mp" and 1 digit, then end of string.
+  const widthRegex = /\/(\d+)x(\d+)\.mp\d$/i
+  const widthMatch = url.match(widthRegex)
+  return [
+    parseInt(widthMatch?.[1] ?? '0', 10),
+    parseInt(widthMatch?.[2] ?? '0', 10),
+  ]
+}
+
+export default function qualityWorkaround(
+  dataSource: ClipSource[]
+): ClipSource[] {
+  return dataSource.map((source) => {
+    const originalDimensions = getDimensionsFromFilename(source.binaryUrl ?? '')
+    if (originalDimensions[0] === 0) {
+      // this will apply to audio files
+      return source
+    }
+    const smallerDimension = Math.min(...originalDimensions)
+    source.quality = `${
+      Array.from(dimensions.values()).includes(smallerDimension)
+        ? smallerDimension
+        : dimensions.get(smallerDimension)
+    }p`
+
+    source.dppx = smallerDimension >= 1080 ? 2 : 1
+    return source
+  })
+}

package/src/model/Clip.test.ts

@@ -4,6 +4,42 @@ const mockContext = {
   systemCode: 'cp-content-pipeline',
 } as unknown as QueryContext
 
+const mockDataSources = [
+  {
+    audioCodec: 'mp3',
+    binaryUrl: 'https://clips.ft.com/someguid/0x0.mp3',
+    duration: 21720,
+    mediaType: 'audio/mpeg',
+  },
+  {
+    audioCodec: 'aac',
+    binaryUrl: 'https://clips.ft.com/someguid/640x360.mp4',
+    duration: 21684,
+    mediaType: 'video/mp4',
+    pixelHeight: 360,
+    pixelWidth: 640,
+    videoCodec: 'h264',
+  },
+  {
+    audioCodec: 'aac',
+    binaryUrl: 'https://clips.ft.com/someguid/1280x720.mp4',
+    duration: 21684,
+    mediaType: 'video/mp4',
+    pixelHeight: 720,
+    pixelWidth: 1280,
+    videoCodec: 'h264',
+  },
+  {
+    audioCodec: 'aac',
+    binaryUrl: 'https://clips.ft.com/someguid/1920x1080.mp4',
+    duration: 21684,
+    mediaType: 'video/mp4',
+    pixelHeight: 720,
+    pixelWidth: 1280,
+    videoCodec: 'h264',
+  },
+]
+
 describe('Clip', () => {
   describe('poster', () => {
     it('uses the Origami Image Service when a url is provided', () => {
@@ -170,4 +206,63 @@ describe('Clip', () => {
       expect(clip.poster()).toContain('width=1200')
     })
   })
+  describe('datasources', () => {
+    it('creates a quality value and dppx value based on the width in the URL when quality is not provided', () => {
+      const clip = new Clip(
+        {
+          id: 'http://api.ft.com/things/1234',
+          type: 'http://www.ft.com/ontology/content/Clip',
+          dataSource: mockDataSources,
+        },
+        mockContext
+      )
+      const dataSource = clip.dataSource()
+      expect(dataSource).toHaveLength(4)
+      expect(dataSource?.[0]?.quality).toBe('1080p')
+      expect(dataSource?.[0]?.dppx).toBe(2)
+      expect(dataSource?.[1]?.quality).toBe('720p')
+      expect(dataSource?.[2]?.quality).toBe('360p')
+      expect(dataSource?.[3]?.quality).toBeUndefined()
+    })
+    it('orders the data sources by width and then dppx', () => {
+      const clip = new Clip(
+        {
+          id: 'http://api.ft.com/things/1234',
+          type: 'http://www.ft.com/ontology/content/Clip',
+          dataSource: mockDataSources,
+        },
+        mockContext
+      )
+      const dataSource = clip.dataSource()
+      expect(dataSource).toHaveLength(4)
+      expect(dataSource?.[0]?.binaryUrl).toBe(
+        'https://clips.ft.com/someguid/1920x1080.mp4'
+      )
+      expect(dataSource?.[1]?.binaryUrl).toBe(
+        'https://clips.ft.com/someguid/1280x720.mp4'
+      )
+      expect(dataSource?.[2]?.binaryUrl).toBe(
+        'https://clips.ft.com/someguid/640x360.mp4'
+      )
+      expect(dataSource?.[3]?.binaryUrl).toBe(
+        'https://clips.ft.com/someguid/0x0.mp3'
+      )
+    })
+    it('sets the previousSourceWidth to the next most narrow source', () => {
+      const clip = new Clip(
+        {
+          id: 'http://api.ft.com/things/1234',
+          type: 'http://www.ft.com/ontology/content/Clip',
+          dataSource: mockDataSources,
+        },
+        mockContext
+      )
+      const dataSource = clip.dataSource()
+      expect(dataSource).toHaveLength(4)
+      expect(dataSource?.[0]?.previousSourceWidth).toBe(640)
+      expect(dataSource?.[1]?.previousSourceWidth).toBe(640)
+      expect(dataSource?.[2]?.previousSourceWidth).toBeUndefined()
+      expect(dataSource?.[3]?.previousSourceWidth).toBeUndefined()
+    })
+  })
 })

package/src/model/Clip.ts

@@ -6,25 +6,9 @@ import {
 } from '../resolvers/literal-union'
 import { ClipFormat } from '../resolvers/scalars'
 import imageServiceUrl from '../helpers/imageService'
+import qualityWorkaround from '../helpers/qualityWorkaround'
 import { QueryContext } from '..'
-
-type ClipSource = {
-  binaryUrl: string
-  mediaType: string
-  audioCodec?: string
-  duration?: number
-  pixelHeight?: number
-  pixelWidth?: number
-  videoCodec?: string
-}
-
-interface ClipVideo {
-  id(): string
-  type(): string
-  format(): LiteralUnionScalarValues<typeof ClipFormat>
-  poster(): string
-  dataSource(): ClipSource[]
-}
+import type { ClipSource, ClipVideo } from '../types/clip'
 
 export class Clip implements ClipVideo {
   constructor(
@@ -60,18 +44,40 @@ export class Clip implements ClipVideo {
     return 'standard-inline'
   }
 
+  // apply 'quality' workaround
+  // order sources by width and then quality
+  // get the min width from the first previous more narrow item
   dataSource() {
-    // Order clip dataSource to have an order of video formats first then audio/mpeg, as the browser will first check if it can play the MIME type of the first source
-    const dataSource = this.clip.dataSource.slice().sort((a, b) => {
-      if (a.mediaType === 'video/mp4' && b.mediaType !== 'video/mp4') {
-        return -1
-      }
-      if (a.mediaType !== 'video/mp4' && b.mediaType === 'video/mp4') {
-        return 1
+    // create a copy of the array so we don't modify the original data
+    let dataSource = this.clip.dataSource.map((src) => ({
+      ...src,
+    })) as ClipSource[]
+    dataSource = qualityWorkaround(dataSource as ClipSource[])
+    dataSource = dataSource.sort((a, b) => {
+      const widthDiff = (b.pixelWidth ?? 0) - (a.pixelWidth ?? 0)
+      if (widthDiff !== 0) {
+        return widthDiff
       }
-      return 0
+      return (b?.dppx ?? 0) - (a?.dppx ?? 0)
     })
-    return dataSource as ClipSource[]
+
+    // get the min width from the previous item if it has pixelWidth set, checking it is not the same as pixelWidth as the current item
+    for (let i = 0; i < dataSource.length; i++) {
+      let next = 1
+      let minWidth = dataSource[i + next]?.pixelWidth
+      while (
+        typeof minWidth !== 'undefined' &&
+        minWidth === dataSource[i]?.pixelWidth
+      ) {
+        next++
+        minWidth = dataSource[i + next]?.pixelWidth
+      }
+      if (minWidth && dataSource[i]) {
+        dataSource[i]!.previousSourceWidth = minWidth
+      }
+    }
+
+    return dataSource
   }
 
   poster() {

package/src/model/Topper.ts

@@ -289,14 +289,20 @@ export class Topper {
     return 'standard'
   }
 
+  // @deprecated Replaced with usage of `columinists`
   columnist() {
+    const authors = this.columnists()
+    return authors?.[0] ?? null
+  }
+
+  columnists() {
     const authors = this.capiResponse.annotations({
       byPredicate: predicates.hasAuthor,
     })
     const isOpinionOrColumn =
       this.type() === 'OpinionTopper' || this.capiResponse.isColumn()
 
-    return isOpinionOrColumn && authors[0] ? authors[0] : null
+    return isOpinionOrColumn && authors.length > 0 ? authors : null
   }
 
   brandConcept() {

package/src/model/schemas/capi/base-schema.ts

@@ -103,6 +103,8 @@ const ClipSource = z.object({
   pixelHeight: z.number().optional(),
   pixelWidth: z.number().optional(),
   videoCodec: z.string().optional(),
+  quality: z.string().optional(),
+  dppx: z.number().optional(),
 })
 
 export const Clip = z.object({

package/src/resolvers/clip.ts

@@ -18,6 +18,9 @@ const resolvers = {
     pixelWidth: (parent) => parent.pixelWidth ?? null,
     pixelHeight: (parent) => parent.pixelHeight ?? null,
     videoCodec: (parent) => parent.videoCodec ?? null,
+    quality: (parent) => parent.quality ?? null,
+    dppx: (parent) => parent.dppx ?? null,
+    previousSourceWidth: (parent) => parent.previousSourceWidth ?? null,
   },
 } satisfies { Clip: ClipResolvers; ClipSource: ClipSourceResolvers }
 

package/src/resolvers/topper.ts

@@ -59,7 +59,8 @@ const resolvers = {
     headshot: (topper, args) => topper.headshot(args),
     isLargeHeadline: (topper) => topper.isLargeHeadline(),
     layout: (topper) => topper.layout(),
-    columnist: (topper) => topper.columnist(),
+    columnist: (topper) => topper.columnist(), // @deprecated Replaced with usage of `columinists`
+    columnists: (topper) => topper.columnists(),
   },
 
   OpinionTopper: {
@@ -67,7 +68,8 @@ const resolvers = {
     headshot: (topper, args) => topper.headshot(args),
     isLargeHeadline: (topper) => topper.isLargeHeadline(),
     layout: (topper) => topper.layout(),
-    columnist: (topper) => topper.columnist(),
+    columnist: (topper) => topper.columnist(), // @deprecated Replaced with usage of `columinists`
+    columnists: (topper) => topper.columnists(),
   },
 
   TopperWithPackage: {

package/src/types/clip.ts

@@ -0,0 +1,23 @@
+import { LiteralUnionScalarValues } from '../resolvers/literal-union'
+import { ClipFormat } from '../resolvers/scalars'
+
+export type ClipSource = {
+  binaryUrl: string
+  mediaType: string
+  audioCodec?: string
+  duration?: number
+  pixelHeight?: number
+  pixelWidth?: number
+  videoCodec?: string
+  quality?: string
+  dppx?: number
+  previousSourceWidth?: number
+}
+
+export interface ClipVideo {
+  id(): string
+  type(): string
+  format(): LiteralUnionScalarValues<typeof ClipFormat>
+  poster(): string
+  dataSource(): ClipSource[]
+}