Live Travel Updates

Developer Tools

Query #6 - 8:40:05 PM

query contentByPath($base: String, $url: String!, $urlNoSlash: String!) {
  _Content(
    where: {_metadata: {url: {base: {eq: $base}}}, _and: [{_or: [{_metadata: {url: {default: {eq: $url}}}}, {_metadata: {url: {default: {eq: $urlNoSlash}}}}, {_metadata: {url: {hierarchical: {eq: $url}}}}]}]}
  ) {
    item {
      _metadata {
        key
        version
        locale
      }
    }
  }
}

{
  "base": "https://transpennine-express.opti-demo.online",
  "url": "/services/live-travel-updates/",
  "urlNoSlash": "/services/live-travel-updates"
}

{
  "_Content": {
    "item": {
      "_metadata": {
        "key": "6686f2710e0f4f5dbc32ccb486f1658e",
        "version": "4266",
        "locale": "en"
      }
    }
  }
}

Query #5 - 8:40:05 PM

query contentById($key: [String]!, $loc: [Locales]!, $ver: String!) {
  _Content(
    ids: $key
    locale: $loc
    where: {_metadata: {version: {eq: $ver}}}
    variation: {include: ALL}
  ) {
    item {
      _metadata {
        types
      }
    }
  }
}

{
  "key": "6686f2710e0f4f5dbc32ccb486f1658e",
  "ver": "4266",
  "loc": "en"
}

{
  "_Content": {
    "item": {
      "_metadata": {
        "types": [
          "BlankExperience",
          "_Experience",
          "_Page",
          "_Content",
          "_Item"
        ]
      }
    }
  }
}

Query #4 - 8:40:05 PM

query getExperience($key: [String]!, $ver: String, $loc: [Locales]) {
  _Experience(
    ids: $key
    locale: $loc
    where: {_metadata: {version: {eq: $ver}}}
    variation: {include: ALL}
  ) {
    item {
      _metadata {
        key
        version
        url {
          default
          hierarchical
          type
        }
        types
        displayName
      }
      ...BlankExperienceSeo
      composition {
        grids: nodes {
          key
          displayName
          displayTemplateKey
          displaySettings {
            ...DisplaySettings
          }
          nodeType
          type
          ... on CompositionStructureNode {
            key
            nodeType
            type
            component {
              ...formContainerData
            }
            nodes: nodes {
              ... on CompositionStructureNode {
                key
                nodeType
                type
                displayTemplateKey
                displaySettings {
                  ...DisplaySettings
                }
                nodes: nodes {
                  ... on CompositionStructureNode {
                    key
                    nodeType
                    type
                    displayTemplateKey
                    displaySettings {
                      ...DisplaySettings
                    }
                    nodes: nodes {
                      ... on CompositionComponentNode {
                        key
                        nodeType
                        type
                        displayTemplateKey
                        displaySettings {
                          ...DisplaySettings
                        }
                        component {
                          _metadata {
                            types
                          }
                          ...AllComponents
                          ...formContainerData
                        }
                      }
                      ... on CompositionStructureNode {
                        key
                        nodeType
                        type
                        displayTemplateKey
                        displaySettings {
                          ...DisplaySettings
                        }
                        nodes: nodes {
                          ... on CompositionComponentNode {
                            key
                            nodeType
                            type
                            displayTemplateKey
                            displaySettings {
                              ...DisplaySettings
                            }
                            component {
                              _metadata {
                                types
                              }
                              ...AllComponents
                              ...AllFormComponents
                            }
                          }
                        }
                      }
                    }
                  }
                }
              }
            }
          }
          ... on CompositionComponentNode {
            nodeType
            key
            displayTemplateKey
            displaySettings {
              ...DisplaySettings
            }
            component {
              _metadata {
                types
              }
              ...AllComponents
            }
          }
        }
      }
    }
  }
}

fragment BlankExperienceSeo on BlankExperience {
  BlankExperienceSeoSettings {
    MetaTitle
    MetaDescription
    GraphType
    Indexing
  }
  PageAdminSettings {
    ...PageAdminSettingsProperty
  }
}

fragment PageAdminSettingsProperty on PageAdminSettingsProperty {
  EnableExternalPreview
}

fragment DisplaySettings on CompositionDisplaySetting {
  key
  value
}

fragment formContainerData on OptiFormsContainerData {
  SubmitConfirmationMessage
  ResetConfirmationMessage
  SubmitUrl {
    type
    default
    hierarchical
  }
  Title
  Description
  ShowSummaryMessageAfterSubmission
  DependencyRules {
    TargetElement
    SatisfiedAction
    ConditionCombination
    Conditions {
      DependsOnField
      ComparisonOperator
      ComparisonValue
    }
  }
}

fragment AllComponents on _IComponent {
  ...AllComponentsExceptGrid
  ...Grid
}

fragment AllComponentsExceptGrid on _IComponent {
  ...Text
  ...Image
  ...CallToAction
  ...Video
  ...Paragraph
  ...Card
  ...Hero
  ...Carousel
  ...Collapse
  ...ArticleList
  ...Button
  ...Iframe
  ...VideoExternal
  ...Divider
  ...OdpForm
  ...FacetedSearch
  ...DamAssetList
}

fragment Text on Text {
  Content
}

fragment Image on Image {
  AltText
  Image {
    ...ContentUrl
    ...ContentReferenceItem
  }
}

fragment ContentUrl on ContentReference {
  url {
    default
    hierarchical
  }
}

fragment ContentReferenceItem on ContentReference {
  item {
    ... on ImageMedia {
      AltText
    }
    ... on cmp_PublicImageAsset {
      ...PublicImageAsset
    }
    ... on cmp_PublicVideoAsset {
      ...PublicVideoAsset
    }
    ... on _IContent {
      _metadata {
        displayName
      }
    }
  }
}

fragment PublicImageAsset on cmp_PublicImageAsset {
  AltText
  Url
}

fragment PublicVideoAsset on cmp_PublicVideoAsset {
  AltText
  Url
}

fragment CallToAction on CallToAction {
  Links {
    ...LinkCollection
  }
}

fragment LinkCollection on Link {
  text
  title
  target
  url {
    base
    default
    hierarchical
    type
  }
}

fragment Video on Video {
  Video {
    ...ContentUrl
    ...ContentReferenceItem
  }
  VideoPosterImage {
    ...ContentUrl
    ...ContentReferenceItem
  }
}

fragment Paragraph on Paragraph {
  Text {
    html
  }
}

fragment Card on Card {
  DisplayAs
  Heading
  SubHeading
  Body {
    html
  }
  Asset {
    ...ContentUrl
    ...ContentReferenceItem
  }
  Links {
    ...LinkCollection
  }
}

fragment Hero on Hero {
  Video {
    ...ContentUrl
    ...ContentReferenceItem
  }
  Image {
    ...ContentUrl
    ...ContentReferenceItem
  }
  Heading
  SubHeading
  Body {
    html
  }
  Links {
    ...LinkCollection
  }
}

fragment Carousel on Carousel {
  Heading
  Link {
    ...LinkUrl
  }
  Assets {
    url {
      default
    }
    title
  }
}

fragment LinkUrl on Link {
  url {
    base
    default
    hierarchical
    type
  }
  title
  target
  text
}

fragment Collapse on Collapse {
  Heading
  Body {
    html
  }
}

fragment ArticleList on ArticleList {
  Title
  NumberOfArticles
  ArticleRoot {
    url {
      default
      base
    }
  }
  IncludeAllSites
}

fragment Button on Button {
  ButtonLabel
  ButtonLink {
    ...LinkUrl
  }
}

fragment Iframe on Iframe {
  Title
  IframePageUrl
  ManualHeight
  Width
}

fragment VideoExternal on VideoExternal {
  Provider
  VideoExternal: Video
  Poster {
    ...ContentUrl
  }
  Params
  PlayLabel
  DisplayWidth
}

fragment Divider on Divider {
  DividerText
  DividerDirection
}

fragment OdpForm on OdpForm {
  SelectorType
  SelectorName
}

fragment FacetedSearch on FacetedSearch {
  Title
  IntroText {
    html
  }
  ItemsPerPage
  DefaultViewMode
  GridColumns
  DefaultSortOrder
  ShowSearchInput
  DefaultFiltersState
  ShowAuthorFacet
  ShowTypeFacet
  UseSemanticSearch
  SemanticWeight
  SearchPlaceholder
  NoResultsMessage
}

fragment DamAssetList on DamAssetList {
  Header
  Tags
  AssetCount
}

fragment Grid on Grid {
  RichText {
    html
  }
  Items {
    _metadata {
      types
    }
    ...AllComponentsExceptGrid
  }
}

fragment AllFormComponents on _IComponent {
  ...formContainerData
  ...AllComponents
  ...choiceElement
  ...numberElement
  ...rangeElement
  ...resetElement
  ...selectionElement
  ...submitElement
  ...textareaElement
  ...textboxElement
  ...urlElement
  ...dateTimeElement
  ...hiddenFieldElement
  ...prebuiltListElement
}

fragment choiceElement on OptiFormsChoiceElement {
  Label
  Tooltip
  Options
  Validators
  AllowMultiSelect
}

fragment numberElement on OptiFormsNumberElement {
  Label
  Placeholder
  Tooltip
  PredefinedValue
  Validators
  AutoComplete
}

fragment rangeElement on OptiFormsRangeElement {
  Label
  Tooltip
  PredefinedValue
  Min
  Max
  Increment
}

fragment resetElement on OptiFormsResetElement {
  Label
  Tooltip
}

fragment selectionElement on OptiFormsSelectionElement {
  Label
  Tooltip
  Options
  Validators
  AllowMultiSelect
  AutoComplete
}

fragment submitElement on OptiFormsSubmitElement {
  Label
  Tooltip
}

fragment textareaElement on OptiFormsTextareaElement {
  Label
  Placeholder
  Tooltip
  PredefinedValue
  Validators
  AutoComplete
}

fragment textboxElement on OptiFormsTextboxElement {
  Label
  Placeholder
  Tooltip
  PredefinedValue
  Validators
  AutoComplete
}

fragment urlElement on OptiFormsUrlElement {
  Label
  Placeholder
  Tooltip
  PredefinedValue
  Validators
}

fragment dateTimeElement on OptiFormsDateTimeElement {
  DateTimeSelectorType
  Label
  Placeholder
  Tooltip
  PredefinedValue
}

fragment hiddenFieldElement on OptiFormsHiddenFieldElement {
  HiddenFieldType
  Label
  Placeholder
  Tooltip
  PredefinedValue
}

fragment prebuiltListElement on OptiFormsPrebuiltListElement {
  PrebuiltListType
  Label
  Placeholder
  Tooltip
  PredefinedValue
}

{
  "key": "6686f2710e0f4f5dbc32ccb486f1658e",
  "ver": "4266",
  "loc": "en"
}

{
  "_Experience": {
    "item": {
      "_metadata": {
        "key": "6686f2710e0f4f5dbc32ccb486f1658e",
        "version": "4266",
        "url": {
          "default": "/services/live-travel-updates/",
          "hierarchical": "/services/live-travel-updates/",
          "type": "HIERARCHICAL"
        },
        "types": [
          "BlankExperience",
          "_Experience",
          "_Page",
          "_Content",
          "_Item"
        ],
        "displayName": "Live Travel Updates"
      },
      "BlankExperienceSeoSettings": {
        "MetaTitle": null,
        "MetaDescription": null,
        "GraphType": null,
        "Indexing": null
      },
      "PageAdminSettings": {
        "EnableExternalPreview": null
      },
      "composition": {
        "grids": [
          {
            "key": "22a2b2c2-1001-4a01-b001-220000000001",
            "displayName": "Hero Section",
            "displayTemplateKey": null,
            "displaySettings": [],
            "nodeType": "section",
            "type": "BlankSection",
            "component": {},
            "nodes": [
              {
                "key": "22a2b2c2-1002-4a02-b002-220000000002",
                "nodeType": "row",
                "type": null,
                "displayTemplateKey": null,
                "displaySettings": [],
                "nodes": [
                  {
                    "key": "22a2b2c2-1003-4a03-b003-220000000003",
                    "nodeType": "column",
                    "type": null,
                    "displayTemplateKey": null,
                    "displaySettings": [],
                    "nodes": [
                      {
                        "key": "22a2b2c2-1004-4a04-b004-220000000004",
                        "nodeType": "component",
                        "type": "Hero",
                        "displayTemplateKey": null,
                        "displaySettings": [],
                        "component": {
                          "_metadata": {
                            "types": [
                              "Hero",
                              "_Component",
                              "_Content",
                              "_Item"
                            ]
                          },
                          "Video": {
                            "url": {
                              "default": null,
                              "hierarchical": null
                            },
                            "item": {}
                          },
                          "Image": {
                            "url": {
                              "default": null,
                              "hierarchical": null
                            },
                            "item": {
                              "AltText": null,
                              "Url": "https://images3.cmp.optimizely.com/Zz1iNDJmZDgwYzQ4YWIxMWYxOTM3NWVlZTUzNmE2NTc5Mg=="
                            }
                          },
                          "Heading": "Live Travel Updates",
                          "SubHeading": "Stay informed with real-time information every step of the way",
                          "Body": {
                            "html": null
                          },
                          "Links": []
                        }
                      }
                    ]
                  }
                ]
              }
            ]
          },
          {
            "key": "22a2b2c2-2001-4a01-b001-220000000011",
            "displayName": "Service Details",
            "displayTemplateKey": null,
            "displaySettings": [],
            "nodeType": "section",
            "type": "BlankSection",
            "component": {},
            "nodes": [
              {
                "key": "22a2b2c2-2002-4a02-b002-220000000012",
                "nodeType": "row",
                "type": null,
                "displayTemplateKey": null,
                "displaySettings": [],
                "nodes": [
                  {
                    "key": "22a2b2c2-2003-4a03-b003-220000000013",
                    "nodeType": "column",
                    "type": null,
                    "displayTemplateKey": null,
                    "displaySettings": [],
                    "nodes": [
                      {
                        "key": "22a2b2c2-2004-4a04-b004-220000000014",
                        "nodeType": "component",
                        "type": "Paragraph",
                        "displayTemplateKey": null,
                        "displaySettings": [],
                        "component": {
                          "_metadata": {
                            "types": [
                              "Paragraph",
                              "_Component",
                              "_Content",
                              "_Item"
                            ]
                          },
                          "Text": {
                            "html": "<h2>Real-Time Travel Information at Your Fingertips</h2><p>TransPennine Express is committed to keeping you informed at every stage of your journey. Our comprehensive live travel updates service provides real-time information on departures, arrivals, platform changes, and service disruptions across our entire network spanning the North of England and Scotland.</p><p>Our <strong>live departure boards</strong> are accessible through our website, mobile app, and at every station we serve. You can check exact train times, see which platform your service will depart from, and receive instant notifications if there are any changes to your journey. Whether you are at home planning your trip or already at the station, our information is always current and reliable.</p><p>We understand that disruptions can be frustrating, which is why we provide <strong>proactive alerts</strong> about planned engineering works, severe weather impacts, and any unplanned service changes. Our dedicated control centre operates around the clock, coordinating with Network Rail to ensure you receive accurate updates as quickly as possible. Sign up for personalised journey alerts through the TPExpress app and never be caught off guard by a service change again.</p>"
                          }
                        }
                      }
                    ]
                  },
                  {
                    "key": "22a2b2c2-2005-4a05-b005-220000000015",
                    "nodeType": "column",
                    "type": null,
                    "displayTemplateKey": null,
                    "displaySettings": [],
                    "nodes": [
                      {
                        "key": "22a2b2c2-2006-4a06-b006-220000000016",
                        "nodeType": "component",
                        "type": "Paragraph",
                        "displayTemplateKey": null,
                        "displaySettings": [],
                        "component": {
                          "_metadata": {
                            "types": [
                              "Paragraph",
                              "_Component",
                              "_Content",
                              "_Item"
                            ]
                          },
                          "Text": {
                            "html": "<h2>Stay Connected</h2><ul><li><strong>Live Departures & Arrivals</strong> — Real-time train times for every station on our network</li><li><strong>Platform Information</strong> — Know exactly where to board before you arrive</li><li><strong>Timetable Downloads</strong> — Full timetables available for advance journey planning</li><li><strong>Engineering Work Alerts</strong> — Advance notice of planned improvements and alternatives</li><li><strong>Disruption Notifications</strong> — Instant updates on delays, cancellations and bus replacements</li><li><strong>Journey Planner</strong> — Plan your route with connections and estimated travel times</li><li><strong>TPExpress App Alerts</strong> — Personalised push notifications for your saved journeys</li><li><strong>Station Information</strong> — Facilities, accessibility details and virtual station tours</li><li><strong>Seating Availability</strong> — Check how busy your train is before you board</li><li><strong>Delay Repay</strong> — Automatic compensation for delays of 15 minutes or more</li></ul>"
                          }
                        }
                      }
                    ]
                  }
                ]
              }
            ]
          }
        ]
      }
    }
  }
}

Query #3 - 8:40:05 PM

query siteSettingsByHostname($domain: String!, $locale: [Locales]!) {
  SiteSettings(
    locale: $locale
    where: {SiteDomain: {eq: $domain}}
    orderBy: {_metadata: {lastModified: DESC}}
    limit: 1
  ) {
    item {
      SiteDomain
      LogoResolution
      Logo {
        ...ContentUrl
        ...ContentReferenceItem
      }
      FooterText
      TopNavStyle
      HeaderLinks {
        ... on MenuItem {
          Link {
            text
            url {
              default
            }
          }
          LinkText
          SubMenuItems {
            ... on MenuItem {
              Link {
                text
                url {
                  default
                }
              }
              LinkText
            }
          }
        }
        ... on _Experience {
          Link: _metadata {
            text: displayName
            url {
              default
            }
          }
        }
        ... on _Page {
          Link: _metadata {
            text: displayName
            url {
              default
            }
          }
        }
      }
      FooterLinks {
        ... on MenuItem {
          Link {
            text
            url {
              default
            }
          }
        }
        ... on _Experience {
          Link: _metadata {
            text: displayName
            url {
              default
            }
          }
        }
        ... on _Page {
          Link: _metadata {
            text: displayName
            url {
              default
            }
          }
        }
      }
      SocialFacebook
      SocialInstagram
      SocialTwitter
      SocialTikTok
      SocialGitHub
      OptiWebProjectId
    }
  }
}

fragment ContentUrl on ContentReference {
  url {
    default
    hierarchical
  }
}

fragment ContentReferenceItem on ContentReference {
  item {
    ... on ImageMedia {
      AltText
    }
    ... on cmp_PublicImageAsset {
      ...PublicImageAsset
    }
    ... on cmp_PublicVideoAsset {
      ...PublicVideoAsset
    }
    ... on _IContent {
      _metadata {
        displayName
      }
    }
  }
}

fragment PublicImageAsset on cmp_PublicImageAsset {
  AltText
  Url
}

fragment PublicVideoAsset on cmp_PublicVideoAsset {
  AltText
  Url
}

{
  "domain": "transpennine-express.opti-demo.online",
  "locale": [
    "en"
  ]
}

{
  "SiteSettings": {
    "item": {
      "SiteDomain": "transpennine-express.opti-demo.online",
      "LogoResolution": "10",
      "Logo": {
        "url": {
          "default": "https://app-epsarobstov25hy1t002.cms.optimizely.com/contentassets/c22f77fd0f1040bfa36ca032c0b4bee8/transpennineexpress.svg.png",
          "hierarchical": "/contentassets/c22f77fd0f1040bfa36ca032c0b4bee8/transpennineexpress.svg.png"
        },
        "item": {}
      },
      "FooterText": "Optimizely! SaaS! CMS!",
      "TopNavStyle": null,
      "HeaderLinks": [],
      "FooterLinks": [],
      "SocialFacebook": "Optimizely",
      "SocialInstagram": "Optimizely",
      "SocialTwitter": "Optimizely",
      "SocialTikTok": "Optimizely",
      "SocialGitHub": null,
      "OptiWebProjectId": null
    }
  }
}

Query #2 - 8:40:05 PM

query siteStylesByHostname($domain: String!, $locale: [Locales]!) {
  SiteStyles(
    locale: $locale
    where: {SiteStylesDomain: {eq: $domain}}
    orderBy: {_metadata: {lastModified: DESC}}
    limit: 1
  ) {
    item {
      SiteStylesDomain
      daisyuiTheme
      primary
      primaryContent
      secondary
      secondaryContent
      accent
      accentContent
      neutral
      neutralContent
      base100
      base200
      base300
      baseContent
      info
      infoContent
      success
      successContent
      warning
      warningContent
      error
      errorContent
      radiusSelector
      radiusField
      radiusBox
      sizeSelector
      sizeField
      borderWidth
      depth
      noise
      textXs
      textSm
      textBase
      textLg
      textXl
      text2xl
      text3xl
      text4xl
      text5xl
      text6xl
      text7xl
      text8xl
      text9xl
      freeFormStyles
      font
      cssFile {
        _metadata {
          lastModified
          url {
            default
          }
        }
      }
    }
  }
}

{
  "domain": "transpennine-express.opti-demo.online",
  "locale": [
    "en"
  ]
}

{
  "SiteStyles": {
    "item": {
      "SiteStylesDomain": "transpennine-express.opti-demo.online",
      "daisyuiTheme": null,
      "primary": "#080736",
      "primaryContent": null,
      "secondary": "#EFEFEE",
      "secondaryContent": "#000000",
      "accent": "#CEDAC8",
      "accentContent": "#8CA87E",
      "neutral": "#EFEFEF",
      "neutralContent": "#53565A",
      "base100": null,
      "base200": null,
      "base300": null,
      "baseContent": null,
      "info": null,
      "infoContent": null,
      "success": null,
      "successContent": null,
      "warning": null,
      "warningContent": null,
      "error": "#BB2718",
      "errorContent": "#FFFFFF",
      "radiusSelector": null,
      "radiusField": null,
      "radiusBox": null,
      "sizeSelector": null,
      "sizeField": null,
      "borderWidth": null,
      "depth": null,
      "noise": null,
      "textXs": null,
      "textSm": null,
      "textBase": null,
      "textLg": null,
      "textXl": null,
      "text2xl": null,
      "text3xl": null,
      "text4xl": null,
      "text5xl": null,
      "text6xl": null,
      "text7xl": null,
      "text8xl": null,
      "text9xl": null,
      "freeFormStyles": "h2 { color: #02677F; font-size: 20px; } .page-article div.bottom-0 h1, .page-article div.bottom-0 h2, .page-article div.bottom-0 p { color: #fff !important; } .component-card h2 { margin-top: 20px; }",
      "font": "--font-alegreya-sans",
      "cssFile": {
        "_metadata": {
          "lastModified": null,
          "url": {
            "default": null
          }
        }
      }
    }
  }
}

Query #1 - 8:40:05 PM

query getAvailableLocales {
  _Content(locale: [ALL], limit: 100) {
    facets {
      _metadata {
        locale(limit: 50) {
          name
          count
        }
      }
    }
  }
}

Live Travel Updates

Real-Time Travel Information at Your Fingertips

Stay Connected

Page Information