after

applicationIds

count

entityId

opinionAndColumnArticleTypeIds

scmpPlusPaywallTypeIds

sponsorArticleQueueName

superTopicQueueName

topicPageQuery

filter

topic

types

advertZone

sponsor

topicContentListTopic

topicTopicPageTopic

topicContentListOpinion

topicHeaderTopic

topicSeoTopic

topicContentListTopicSuperTopicQueueQuery

topicSponsorArticlesQueueQuery

queue

query topicPageQuery(
  $entityId: String!
  $superTopicQueueName: String!
  $sponsorArticleQueueName: String!
  $applicationIds: [String]
  $opinionAndColumnArticleTypeIds: [String]
  $after: String
  $count: Int = 30
  $scmpPlusPaywallTypeIds: [String]
) {
  topic(filter: {entityId: $entityId}) {
    entityId
    types
    advertZone
    sponsor {
      __typename
      id
    }
    ...topicContentListTopic_37cYa4
    ...topicTopicPageTopic_37cYa4
    ...topicContentListOpinion_1li8Oi
    ...topicHeaderTopic
    ...topicSeoTopic
    id
  }
  ...topicContentListTopicSuperTopicQueueQuery_1LY7E3
  ...topicSponsorArticlesQueueQuery_3wOIuE
}

fragment articleCommentArticle on Article {
  ...entityLink
  commentCount
  entityId
}

fragment authorAvatarAuthor on Author {
  ...entityLink
  entityId
  name
  types
  image(filter: {type: AUTHOR_IMAGE}) {
    style(filter: {style: "300x300"}) {
      url
    }
  }
}

fragment authorNameAuthor on Author {
  ...entityLink
  name
}

fragment blockquoteQuoteContent on Content {
  __isContent: __typename
  ...contentShareWidgetContent
}

fragment cardContentItemContent on Content {
  __isContent: __typename
  ...entityLink
  ...hooksContentItemProvidersContent_OTHnZ
}

fragment checkersCheckContentContainsStarlingImageContent on Content {
  __isContent: __typename
  topics {
    entityId
    id
  }
}

fragment contentActionBarContent on Content {
  __isContent: __typename
  entityId
  createdDate
  updatedDate
  publishedDate
  urlAlias
  ...articleCommentArticle
  ... on Article {
    hasVideoContent
  }
}

fragment contentAuthorLinkContent on Content {
  __isContent: __typename
  authors {
    entityId
    name
    ...entityLink
    id
  }
  ...hooksContentHelperContent
}

fragment contentCoverImageContent_1xBWgh on Content {
  __isContent: __typename
  images {
    url
    title
    type
    size540x360: style(filter: {style: "540x360"}) {
      url
    }
    size80x80: style(filter: {style: "80x80"}) {
      url
    }
  }
}

fragment contentCoverImageContent_4u0lgy on Content {
  __isContent: __typename
  images {
    url
    title
    type
    size540x360: style(filter: {style: "540x360"}) {
      url
    }
  }
}

fragment contentCoverImageContent_k9V6u on Content {
  __isContent: __typename
  images {
    url
    title
    type
    size1200x800: style(filter: {style: "1200x800"}) {
      url
    }
    size540x360: style(filter: {style: "540x360"}) {
      url
    }
  }
}

fragment contentHeadlineContent on Content {
  __isContent: __typename
  headline
  socialHeadline
  ...contentHeadlineTagContent
  ...helpersUseContentSponsorContent
}

fragment contentHeadlineTagContent on Content {
  __isContent: __typename
  ...hooksContentHeadlineTagContent
}

fragment contentLiveTagContent on Article {
  ...helpersCheckHasLiveTagArticle
}

fragment contentNewsletterWidgetContent on Content {
  __isContent: __typename
  topics {
    relatedNewsletters {
      ...helpersMassageToNewsletterItemNewsletter
      id
    }
    id
  }
  sections {
    value {
      relatedNewsletters {
        ...helpersMassageToNewsletterItemNewsletter
        id
      }
      id
    }
  }
  ... on Article {
    relatedNewsletters {
      ...helpersMassageToNewsletterItemNewsletter
      id
    }
  }
}

fragment contentSchemaRenderContent on Content {
  __isContent: __typename
  ...blockquoteQuoteContent
  ...imageContent
  ...inlineWidgetContent
  ...photoGalleryWidgetContent
  ...scmpYoutubeContent
}

fragment contentShareWidgetContent on Content {
  __isContent: __typename
  entityId
  urlAlias
  shortUrl
  socialHeadline
  headline
}

fragment contentSponsorTagContent on Content {
  __isContent: __typename
  ...helpersUseContentSponsorContent
}

fragment contentSubHeadlineContent on Content {
  __isContent: __typename
  subHeadline {
    json
  }
  summary {
    json
  }
  ...contentSchemaRenderContent
}

fragment contentSummaryContent on Content {
  __isContent: __typename
  __typename
  summary {
    text
  }
}

fragment contentTopicLinkContent on Content {
  __isContent: __typename
  topics {
    urlAlias
    ...entityLink
    ...topicLinkTopic
    id
  }
}

fragment contentTopicLinkSuperTopic on Topic {
  ...topicCheckSuperTopic
  urlAlias
  relatedLink {
    url
  }
}

fragment entityFollowButtonBase on Base {
  __isBase: __typename
  __typename
  ... on Section {
    entityId
    name
  }
  ... on Author {
    entityId
    name
    disableFollow
  }
  ... on Topic {
    entityId
    name
    disableFollow
  }
}

fragment entityLink on Base {
  __isBase: __typename
  __typename
  entityId
  entityUuid
  urlAlias
  urlRedirect {
    toUrl
    id
  }
  application {
    entityId
    id
  }
  ... on Section {
    fullSectionPath {
      entityId
      id
    }
    parentSection
  }
  ...helpersAppBarVariantBase
  ...helpersApplicationBase
  ...helpersCheckIsPlusArticle
  ...helpersStyleSectionContent
}

fragment helpersAppBarVariantBase on Base {
  __isBase: __typename
  ...helpersCheckIsLongReadArticle
  ...helpersCheckIsMorningStudioArticle
  ...helpersCheckIsPhotoEssayArticle
  ...helpersCheckIsPostiesArticle
  ...helpersCheckIsPostiesPage
  ...helpersCheckIsStyleArticle
  ...helpersSectionContent
  ...helpersStyleSectionContent
  ...helpersCheckIsPlusPage
}

fragment helpersApplicationBase on Base {
  __isBase: __typename
  ...helpersCheckIsPostiesArticle
  ...helpersCheckIsPostiesPage
  ...helpersCheckIsPlusPage
}

fragment helpersCheckHasLiveTagArticle on Article {
  flattenTypeIds
  liveArticle {
    status
    id
  }
}

fragment helpersCheckIsLongReadArticle on Article {
  articleTypes: types {
    value {
      entityId
      id
    }
  }
}

fragment helpersCheckIsMainTopicContent on Content {
  __isContent: __typename
  topics {
    entityId
    id
  }
}

fragment helpersCheckIsMorningStudioArticle on Article {
  sponsorType
  articleTypes: types {
    value {
      entityId
      id
    }
  }
}

fragment helpersCheckIsPhotoEssayArticle on Article {
  articleTypes: types {
    value {
      entityId
      id
    }
  }
}

fragment helpersCheckIsPlusArticle on Article {
  paywallTypes {
    entityUuid
    id
  }
}

fragment helpersCheckIsPlusPage on Page {
  urlAlias
}

fragment helpersCheckIsPostiesArticle on Article {
  sections {
    value {
      entityId
      id
    }
  }
}

fragment helpersCheckIsPostiesPage on Page {
  urlAlias
}

fragment helpersCheckIsStyleArticle on Article {
  sections {
    value {
      entityId
      id
    }
  }
}

fragment helpersMassageToNewsletterItemNewsletter on Newsletter {
  entityId
  name
  alternativeName
  description {
    text
  }
  summary {
    text
  }
  homepageDescription {
    text
  }
}

fragment helpersSanitizeArticleTypeEntityIdsArticle on Article {
  types {
    value {
      entityId
      id
    }
  }
}

fragment helpersSanitizeAuthorTypesArticle on Article {
  authors {
    types
    id
  }
}

fragment helpersSanitizedAuthorEntityIdsArticle on Article {
  authors {
    entityId
    id
  }
}

fragment helpersSectionContent on Section {
  fullSectionPath {
    entityId
    id
  }
}

fragment helpersStyleSectionContent on Section {
  fullSectionPath {
    entityId
    id
  }
}

fragment helpersUseContentSponsorContent on Content {
  __isContent: __typename
  topics {
    entityId
    sponsor {
      ...sponsorTagSponsor
      name
      type
      id
    }
    id
  }
  ... on Article {
    sponsorType
  }
  ...helpersCheckIsMainTopicContent
}

fragment hooksContentHeadlineTagContent on Content {
  __isContent: __typename
  ... on Article {
    types {
      value {
        name
        entityId
        description {
          text
        }
        id
      }
    }
    ...helpersCheckIsStyleArticle
  }
  flag
  sections {
    value {
      name
      id
    }
  }
  ...hooksContentHelperContent
}

fragment hooksContentHelperContent on Content {
  __isContent: __typename
  ...helpersSanitizeArticleTypeEntityIdsArticle
  ...helpersSanitizeAuthorTypesArticle
  ...helpersSanitizedAuthorEntityIdsArticle
  flag
}

fragment hooksContentItemProvidersContent_25rCAk on Content {
  __isContent: __typename
  ...contentActionBarContent
  ...contentHeadlineContent
  ...contentSummaryContent
  ...contentSponsorTagContent
  ... on Video {
    __typename
  }
}

fragment hooksContentItemProvidersContent_4yR8km on Content {
  __isContent: __typename
  ...contentActionBarContent
  ...contentCoverImageContent_1xBWgh
  ...contentHeadlineContent
  ...contentLiveTagContent
  ...contentSummaryContent
  ...contentTopicLinkContent
  ...contentSponsorTagContent
  ... on Video {
    __typename
    ...videoDurationOverlayVideo
  }
}

fragment hooksContentItemProvidersContent_OTHnZ on Content {
  __isContent: __typename
  ...contentCoverImageContent_4u0lgy
  ...contentHeadlineContent
  ...contentSponsorTagContent
  ... on Video {
    __typename
  }
}

fragment hooksContentItemProvidersContent_i8nfk on Content {
  __isContent: __typename
  ...contentActionBarContent
  ...contentAuthorLinkContent
  ...contentCoverImageContent_k9V6u
  ...contentHeadlineContent
  ...contentLiveTagContent
  ...contentSubHeadlineContent
  ...contentTopicLinkContent
  ...contentSponsorTagContent
  ... on Video {
    __typename
    ...videoDurationOverlayVideo
  }
}

fragment hooksUseDeepLinkTagsBase on Base {
  __isBase: __typename
  __typename
  urlAlias
  entityId
}

fragment hooksUseDynamicMetaTags on DynamicMetaTags {
  __isDynamicMetaTags: __typename
  metatags {
    key
    value
  }
}

fragment imageContent on Content {
  __isContent: __typename
  headline
  ...checkersCheckContentContainsStarlingImageContent
}

fragment inlineWidgetContent on Content {
  __isContent: __typename
  ...contentNewsletterWidgetContent
}

fragment opinionContentItemContent on Content {
  __isContent: __typename
  ...hooksContentHelperContent
  ...entityLink
  authors {
    entityId
    ...authorAvatarAuthor
    ...authorNameAuthor
    id
  }
  ...hooksContentItemProvidersContent_25rCAk
}

fragment photoGalleryDialogContent on Content {
  __isContent: __typename
  __typename
  ...contentShareWidgetContent
}

fragment photoGalleryWidgetContent on Content {
  __isContent: __typename
  ...photoGalleryDialogContent
}

fragment primaryContentItemContent on Content {
  __isContent: __typename
  __typename
  ...entityLink
  ...helpersUseContentSponsorContent
  ...hooksContentItemProvidersContent_i8nfk
}

fragment scmpYoutubeContent on Content {
  __isContent: __typename
  entityId
  urlAlias
  publishedDate
}

fragment secondaryContentItemContent on Content {
  __isContent: __typename
  __typename
  ...entityLink
  ...helpersUseContentSponsorContent
  ...hooksContentItemProvidersContent_4yR8km
}

fragment sponsorTagSponsor on Sponsor {
  name
  type
  images {
    url
  }
}

fragment topicCheckSuperTopic on Topic {
  types
}

fragment topicContentListOpinion_1li8Oi on Topic {
  latestOpinions: contents(first: 10, filter: {applicationIds: $applicationIds, articleTypeIds: $opinionAndColumnArticleTypeIds}, exclude: {paywallTypeIds: $scmpPlusPaywallTypeIds}, orderBy: {field: PUBLISHED_DATE, direction: DESC}) {
    edges {
      node {
        __typename
        entityId
        ...opinionContentItemContent
        id
      }
    }
  }
  entityId
}

fragment topicContentListTopicSuperTopicQueueQuery_1LY7E3 on Query {
  topic(filter: {entityId: $entityId}) {
    ...topicCheckSuperTopic
    ...contentTopicLinkSuperTopic
    id
  }
  superTopicQueue: queue(filter: {name: $superTopicQueueName}) {
    items(first: 10) {
      edges {
        node {
          __typename
          ...primaryContentItemContent
          ...secondaryContentItemContent
          ... on Content {
            __isContent: __typename
            entityId
          }
          ... on Article {
            types {
              value {
                entityUuid
                id
              }
            }
            id
          }
          ... on Node {
            __isNode: __typename
            id
          }
          ... on Gallery {
            id
          }
          ... on Podcast {
            id
          }
          ... on Recipe {
            id
          }
          ... on Video {
            id
          }
        }
      }
    }
    id
  }
}

fragment topicContentListTopic_37cYa4 on Topic {
  contents(after: $after, first: $count, exclude: {paywallTypeIds: $scmpPlusPaywallTypeIds}, filter: {applicationIds: $applicationIds}, orderBy: {field: PUBLISHED_DATE, direction: DESC}) {
    edges {
      node {
        __typename
        entityId
        ...primaryContentItemContent
        ...secondaryContentItemContent
        ... on Article {
          types {
            value {
              entityUuid
              id
            }
          }
        }
        id
      }
      cursor
    }
    pageInfo {
      endCursor
      hasNextPage
    }
  }
  relatedNewsletters {
    entityId
    name
    alternativeName
    summary {
      text
    }
    homepageDescription {
      text
    }
    id
  }
  entityId
  advertZone
  id
}

fragment topicHeaderRelatedLinksTopic on Topic {
  relatedLink {
    title
    url
  }
}

fragment topicHeaderTopic on Topic {
  ...topicHeaderRelatedLinksTopic
  ...entityFollowButtonBase
  description {
    html
  }
  mobileImage: image(type: MOBILE_APP_IMAGE) {
    alt
    title
    style(filter: {style: "118x118"}) {
      url
    }
  }
  breakoutImage: image(type: BREAKOUT) {
    alt
    title
    style(filter: {style: "2000x792"}) {
      url
    }
  }
  breakoutSponsorImage: image(type: BREAKOUT_SPONSOR) {
    alt
    title
    style(filter: {style: "1560x218"}) {
      url
    }
  }
  name
  sponsor {
    ...sponsorTagSponsor
    id
  }
}

fragment topicLinkTopic on Topic {
  ...entityLink
  name
}

fragment topicSeoTopic on Topic {
  entityUuid
  entityId
  sponsor {
    name
    id
  }
  name
  description {
    text
  }
  urlAlias
  metaDescription
  ...hooksUseDeepLinkTagsBase
  ...hooksUseDynamicMetaTags
}

fragment topicSponsorArticlesQueueQuery_3wOIuE on Query {
  sponsorArticlesQueue: queue(filter: {name: $sponsorArticleQueueName}) {
    items(first: 20) {
      edges {
        node {
          __typename
          ... on Base {
            __isBase: __typename
            entityId
          }
          ...cardContentItemContent
          ... on Node {
            __isNode: __typename
            id
          }
          ... on Article {
            id
          }
          ... on Gallery {
            id
          }
          ... on Podcast {
            id
          }
          ... on Recipe {
            id
          }
          ... on Video {
            id
          }
        }
      }
    }
    id
  }
}

fragment topicTopicPageTopic_37cYa4 on Topic {
  contents(after: $after, exclude: {paywallTypeIds: $scmpPlusPaywallTypeIds}, first: $count, filter: {applicationIds: $applicationIds}, orderBy: {field: PUBLISHED_DATE, direction: DESC}) {
    edges {
      __typename
      cursor
      node {
        __typename
        id
      }
    }
    pageInfo {
      endCursor
      hasNextPage
    }
  }
  id
}

fragment videoDurationOverlayVideo on Video {
  duration
}


relatedNewsletters

relatedLink

description

image

name

entityUuid

urlAlias

metaDescription

items

Moon race: a visual explainer of lunar missions since the Cold War

More than 50 years after the first human landing, a new race for the moon is under way. Here’s a look at lunar missions since the US-Soviet space race of the Cold War.


China’s BeiDou is ready to challenge GPS, GLONASS and Galileo 

 A data visualisation showing how China’s BeiDou global navigation system works and how it stacks up against GPS, GLONASS and Galileo


Decoding Covid-19

After its discovery last December, in Wuhan, China, the virus started to spread around the world, causing panic. The Antarctic is, as yet, the only continent where there are no confirmed cases. 


Coronavirus cruise ship: stuck on board the quarantined Diamond Princess

Boars, snakes and black kites: where to spot wild animals in Hong Kong

The hiking season is finally upon us. The SCMP graphics team takes a look at some of the highlights of Hong Kong’s natural world. Keep an eye out during your walks for these creatures, some of which are rare or under threat.


Will Beijing weaponise its rare earth supply in the US-China trade war?

There are 17 rare earth elements listed in the periodic table which, contrary to their name, are as abundant in the Earth’s crust as tin or lead. However, rare earths are always fused with other minerals which makes many countries reluctant to invest in rare earth mines because they are too expensive and polluting to extract and refine in commercially viable quantities


Permafrost, the climate change time bomb

As North America freezes through a polar vortex, and Australia sweats out an extreme heatwave, there is growing consensus it could be game over for Planet Earth if we do not pay attention to the world’s permafrost


Mars opposition and blood moon lunar eclipse: look to the skies for a rare celestial event

Moon race: a visual explainer of lunar missions since the Cold War

China’s worldwide navigation satellite system is ready to go global

Decoding Covid-19

Coronavirus cruise: stuck on board a quarantined ship

Boars, snakes and black kites: wildlife spotting in Hong Kong

Will Beijing weaponise its rare earth supply in trade war?

What is permafrost and why it could be the climate change time bomb

Explaining the blood moon lunar eclipse

Inside China's push to extract natural gas from 'flammable ice'

Cockroach: take a look at the anatomy of a born survivor

Hong Kong, Macau and Guangdong’s city evolution

Interactive | Hong Kong's biggest lightning storms of 2016

Everything you need to know about China's giant new radio telescope