@financial-times/cp-content-pipeline-client 0.2.0

package/queries/article.graphql

@@ -0,0 +1,290 @@
+fragment Concept on Concept {
+  id
+  prefLabel
+  url(vanity: $useVanities)
+  relativeUrl: url(relative: true, vanity: $useVanities)
+}
+
+fragment DisplayConcept on Content {
+  metaPrefixText
+  metaLink {
+    ...Concept
+  }
+  metaAltLink {
+    ...Concept
+  }
+}
+
+fragment StructuredTree on StructuredContent {
+  tree
+}
+
+fragment Teaser on Content {
+  title
+  id
+  url
+  relativeUrl: url(relative: true)
+  type
+  publishedDate
+  firstPublishedDate
+  ...DisplayConcept
+  image: mainImage {
+    url: binaryUrl
+    width: originalWidth
+    height: originalHeight
+  }
+  indicators {
+    accessLevel
+    isOpinion
+    isColumn
+    isPodcast
+    isEditorsChoice
+    isExclusive
+    isScoop
+  }
+}
+
+fragment ImageSource on ImageSource {
+  dpr
+  width
+  url
+}
+
+# this fragment is here to provide typescript info about what's
+# in TopperImages. it's not used in the Topper fragment because
+# we need to provide different arguments to sources
+fragment TopperImages on TopperImages {
+  standard {
+    ...Image
+  }
+  square {
+    ...Image
+  }
+  fallback {
+    ...Image
+  }
+  wide {
+    ...Image
+  }
+}
+
+fragment Topper on Topper {
+  __typename
+  headline
+  intro {
+    source
+    structured {
+      ...StructuredTree
+    }
+  }
+  displayConcept {
+    ...Concept
+  }
+  backgroundColour
+  ... on SplitTextTopper {
+    images {
+      standard {
+        sources(width: 800) {
+          ...ImageSource
+        }
+        minDisplayWidth(width: 1440)
+      }
+      square {
+        sources(width: 720) {
+          ...ImageSource
+        }
+        maxDisplayWidth(width: 1440)
+      }
+      fallback {
+        sources(width: 1440) {
+          ...ImageSource
+        }
+        copyright
+      }
+    }
+  }
+  ... on FullBleedTopper {
+    images {
+      standard {
+        sources(width: 1220) {
+          ...ImageSource
+        }
+        minDisplayWidth(width: 491)
+        maxDisplayWidth(width: 1220)
+      }
+      square {
+        sources(width: 490) {
+          ...ImageSource
+        }
+        maxDisplayWidth(width: 490)
+      }
+      wide {
+        sources(width: 1440) {
+          ...ImageSource
+        }
+        minDisplayWidth(width: 1440)
+      }
+      fallback {
+        sources(width: 1440) {
+          ...ImageSource
+        }
+        copyright
+      }
+    }
+  }
+  ... on OpinionTopper {
+    headshot(dpr: 2, width: 150)
+    columnist {
+      ...Concept
+    }
+  }
+  ... on BrandedTopper {
+    brandConcept {
+      ...Concept
+    }
+  }
+  ... on TopperWithTheme {
+    isLargeHeadline
+    layout
+  }
+}
+
+# this fragment is here to provide typescript info about what's
+# in PictureImages. it's not used in the Picture fragment because
+# we need to provide different arguments to sources
+fragment Image on Image {
+  sources {
+    ...ImageSource
+  }
+  minDisplayWidth
+  maxDisplayWidth
+  originalHeight
+  originalWidth
+  copyright
+}
+
+fragment Picture on Picture {
+  __typename
+  alt
+  caption
+  imageType
+
+  ... on PictureStandard {
+    images {
+      standard {
+        sources(width: 700) {
+          ...ImageSource
+        }
+        originalWidth
+        originalHeight
+      }
+      S: small {
+        sources(width: 490) {
+          ...ImageSource
+        }
+        maxDisplayWidth(width: 490)
+        originalWidth
+        originalHeight
+      }
+      L: standard {
+        sources(width: 540) {
+          ...ImageSource
+        }
+        minDisplayWidth(width: 980)
+        maxDisplayWidth(width: 1219)
+        originalWidth
+        originalHeight
+      }
+    }
+  }
+  ... on PictureInline {
+    images {
+      standard {
+        sources(width: 350) {
+          ...ImageSource
+        }
+        originalWidth
+        originalHeight
+      }
+    }
+  }
+  ... on PictureFullBleed {
+    images {
+      standard {
+        sources(width: 700) {
+          ...ImageSource
+        }
+        originalWidth
+        originalHeight
+      }
+      small {
+        sources(width: 490) {
+          ...ImageSource
+        }
+        maxDisplayWidth(width: 490)
+        originalWidth
+        originalHeight
+      }
+      large {
+        sources(width: 1200) {
+          ...ImageSource
+        }
+        minDisplayWidth
+        maxDisplayWidth
+        originalWidth
+        originalHeight
+      }
+    }
+  }
+}
+
+fragment ImageSet on ImageSet {
+  picture {
+    ...Picture
+  }
+}
+
+fragment LayoutImage on LayoutImage {
+  picture {
+    ...Picture
+  }
+}
+
+fragment Recommended on Recommended {
+  title
+  teaser {
+    ...Teaser
+  }
+}
+
+fragment ArticleReferences on Reference {
+  __typename
+  ...Recommended
+  ...ImageSet
+  ...LayoutImage
+}
+
+fragment StructuredContent on StructuredContent {
+  ...StructuredTree
+
+  references {
+    ...ArticleReferences
+  }
+}
+
+query Article($uuid: String!, $useVanities: Boolean!) {
+  content(uuid: $uuid) {
+    title
+    byline {
+      tree
+    }
+    topper {
+      ...Topper
+    }
+    body {
+      structured {
+        ...StructuredContent
+      }
+    }
+  }
+}