@newskit-render/core 1.9.0 → 1.9.3

package/.eslintignore

@@ -13,3 +13,4 @@ next-env.d.ts
 helpers/setupTests.ts
 newrelic.js
 infrastructure/helm/*
+infrastructure/terraform-newrelic/*.js

package/CHANGELOG.md

@@ -3,6 +3,30 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.9.3](https://github.com/newscorp-ghfb/ncu-newskit-render/compare/@newskit-render/core@1.9.2...@newskit-render/core@1.9.3) (2022-01-05)
+
+**Note:** Version bump only for package @newskit-render/core
+
+
+
+
+
+## [1.9.2](https://github.com/newscorp-ghfb/ncu-newskit-render/compare/@newskit-render/core@1.9.1...@newskit-render/core@1.9.2) (2022-01-04)
+
+**Note:** Version bump only for package @newskit-render/core
+
+
+
+
+
+## [1.9.1](https://github.com/newscorp-ghfb/ncu-newskit-render/compare/@newskit-render/core@1.9.0...@newskit-render/core@1.9.1) (2022-01-04)
+
+**Note:** Version bump only for package @newskit-render/core
+
+
+
+
+
 # [1.9.0](https://github.com/newscorp-ghfb/ncu-newskit-render/compare/@newskit-render/core@1.8.0...@newskit-render/core@1.9.0) (2022-01-04)
 
 

package/infrastructure/terraform-newrelic/dashboards.tf

@@ -169,3 +169,179 @@ resource "newrelic_one_dashboard" "frontend_dashboard" {
     }
   }
 }
+
+resource "newrelic_one_dashboard" "lighthouse_dashboard" {
+  name = "${data.newrelic_entity.render_app.name} Lighthouse Dashboard"
+
+  page {
+    name = "${data.newrelic_entity.render_app.name} Lighthouse Metrics Dashboard"
+
+    widget_billboard {
+      title  = "Lighthouse Metrics"
+      row    = 1
+      column = 1
+      height = 3
+      width = 4
+
+      nrql_query {
+        query = "FROM SyntheticCheck SELECT average(custom.firstContentfulPaint) as 'FCP', average(custom.largestContentfulPaint) as 'LCP', average(custom.interactive) as 'TTI', average(custom.totalBlockingTime) as 'TBT', average(custom.cumulativeLayoutShift) as 'CLS', average(custom.speedIndex) as 'Speed Index'"
+      }
+    }
+
+    widget_line {
+      title  = "Lighthouse Metrics-trending"
+      row    = 1
+      column = 5
+      height = 3
+      width = 8
+
+      nrql_query {
+        query = "FROM SyntheticCheck SELECT average(custom.firstContentfulPaint) as 'FCP', average(custom.largestContentfulPaint) as 'LCP', average(custom.interactive) as 'TTI', average(custom.totalBlockingTime) as 'TBT', average(custom.cumulativeLayoutShift) as 'CLS', average(custom.speedIndex) as 'Speed Index' TIMESERIES AUTO"
+      }
+    }
+
+    widget_bar {
+      title  = "First Contentful Paint"
+      row    = 4
+      column = 1
+      height = 3
+      width = 4
+
+      nrql_query {
+        query = "FROM SyntheticCheck SELECT average(custom.firstContentfulPaint) FACET custom.url"
+      }
+    }
+
+    widget_line {
+      title  = "First Contentful Paint"
+      row    = 4
+      column = 5
+      height = 3
+      width = 8
+
+      nrql_query {
+        query = "FROM SyntheticCheck SELECT average(custom.firstContentfulPaint) FACET custom.url TIMESERIES AUTO"
+      }
+    }
+
+    widget_bar {
+      title  = "Largest Contentful Paint"
+      row    = 7
+      column = 1
+      height = 3
+      width = 4
+
+      nrql_query {
+        query = "FROM SyntheticCheck SELECT average(custom.largestContentfulPaint) FACET custom.url"
+      }
+    }
+
+    widget_line {
+      title  = "Largest Contentful Paint"
+      row    = 7
+      column = 5
+      height = 3
+      width = 8
+
+      nrql_query {
+        query = "FROM SyntheticCheck SELECT average(custom.largestContentfulPaint) FACET custom.url TIMESERIES AUTO"
+      }
+    }
+
+    widget_bar {
+      title  = "TTI"
+      row    = 10
+      column = 1
+      height = 3
+      width = 4
+
+      nrql_query {
+        query = "FROM SyntheticCheck SELECT average(custom.interactive) as 'TTI' FACET custom.url"
+      }
+    }
+
+    widget_line {
+      title  = "TTI - trending"
+      row    = 10
+      column = 5
+      height = 3
+      width = 8
+
+      nrql_query {
+        query = "FROM SyntheticCheck SELECT average(custom.interactive) FACET custom.url TIMESERIES AUTO"
+      }
+    }
+
+    widget_bar {
+      title  = "Total Blocking Time (TBT)"
+      row    = 13
+      column = 1
+      height = 3
+      width = 4
+
+      nrql_query {
+        query = "FROM SyntheticCheck SELECT average(custom.totalBlockingTime) FACET custom.url"
+      }
+    }
+
+    widget_line {
+      title = "Total Blocking Time (TBT) - trending"
+      row = 13
+      column = 5
+      height = 3
+      width = 8
+
+      nrql_query {
+        query = "FROM SyntheticCheck SELECT average(custom.totalBlockingTime) FACET custom.url TIMESERIES AUTO"
+      }
+    }
+
+    widget_bar {
+      title = "Cumulative Layout Shift (CLS)"
+      row = 16
+      column = 1
+      height = 3
+      width = 4
+
+      nrql_query {
+        query = "FROM SyntheticCheck SELECT average(custom.cumulativeLayoutShift) FACET custom.url"
+      }
+    }
+
+    widget_line {
+      title = "Cumulative Layout Shift (CLS)"
+      row = 16
+      column = 5
+      height = 3
+      width = 8
+
+      nrql_query {
+        query = "FROM SyntheticCheck SELECT average(custom.cumulativeLayoutShift) FACET custom.url TIMESERIES AUTO"
+      }
+    }
+
+    widget_bar {
+      title = "Speed Index"
+      row = 19
+      column = 1
+      height = 3
+      width = 4
+
+      nrql_query {
+        query = "FROM SyntheticCheck SELECT average(custom.speedIndex) FACET custom.url"  
+      }
+    }
+
+    widget_line {
+      title = "Speed Index - trading"
+      row = 19
+      column = 5
+      height = 3
+      width = 8
+
+      nrql_query {
+        query = "FROM SyntheticCheck SELECT average(custom.speedIndex) FACET custom.url TIMESERIES AUTO"
+      }
+    }
+  }
+}

package/infrastructure/terraform-newrelic/lighthouse-script-prod.js

@@ -0,0 +1,46 @@
+/** API SETUP - remove this section to run in New Relic Synthetics **/
+// if ($http == null) { var $http = require('request'); }
+/** API SETUP - remove this section to run in New Relic Synthetics **/
+
+var settings = {
+  url: 'https://newskit-render.prod.ceng.newsuk.tech/',
+  category: 'performance',
+  strategy: 'desktop',
+}
+
+var options = {
+  method: 'GET',
+  url: 'https://www.googleapis.com/pagespeedonline/v5/runPagespeed',
+  headers: null,
+  qs: settings,
+  json: true,
+}
+
+$http(options, function (error, response, body) {
+  if (!error && response.statusCode == 200) {
+    if (response.statusCode == 200) {
+      var lighthouseMetrics =
+        body.lighthouseResult.audits.metrics.details.items[0]
+      $util.insights.set('url', settings.url)
+      $util.insights.set('deviceType', settings.strategy)
+      $util.insights.set(
+        'performanceScore',
+        body.lighthouseResult.categories.performance.score
+      )
+
+      for (var attributeName in lighthouseMetrics) {
+        if (lighthouseMetrics.hasOwnProperty(attributeName)) {
+          if (!attributeName.includes('Ts')) {
+            console.log(attributeName + ': ' + lighthouseMetrics[attributeName])
+            $util.insights.set(attributeName, lighthouseMetrics[attributeName])
+          }
+        }
+      }
+    } else {
+      console.log('Non-200 HTTP response: ' + response.statusCode)
+    }
+  } else {
+    console.log('rsp code: ' + response.statusCode)
+    console.log(error)
+  }
+})

package/infrastructure/terraform-newrelic/lighthouse-script.js

@@ -0,0 +1,46 @@
+/** API SETUP - remove this section to run in New Relic Synthetics **/
+// if ($http == null) { var $http = require('request'); }
+/** API SETUP - remove this section to run in New Relic Synthetics **/
+
+var settings = {
+  url: 'https://newskit-render.ceng-dev.newsuk.tech/',
+  category: 'performance',
+  strategy: 'desktop',
+}
+
+var options = {
+  method: 'GET',
+  url: 'https://www.googleapis.com/pagespeedonline/v5/runPagespeed',
+  headers: null,
+  qs: settings,
+  json: true,
+}
+
+$http(options, function (error, response, body) {
+  if (!error && response.statusCode == 200) {
+    if (response.statusCode == 200) {
+      var lighthouseMetrics =
+        body.lighthouseResult.audits.metrics.details.items[0]
+      $util.insights.set('url', settings.url)
+      $util.insights.set('deviceType', settings.strategy)
+      $util.insights.set(
+        'performanceScore',
+        body.lighthouseResult.categories.performance.score
+      )
+
+      for (var attributeName in lighthouseMetrics) {
+        if (lighthouseMetrics.hasOwnProperty(attributeName)) {
+          if (!attributeName.includes('Ts')) {
+            console.log(attributeName + ': ' + lighthouseMetrics[attributeName])
+            $util.insights.set(attributeName, lighthouseMetrics[attributeName])
+          }
+        }
+      }
+    } else {
+      console.log('Non-200 HTTP response: ' + response.statusCode)
+    }
+  } else {
+    console.log('rsp code: ' + response.statusCode)
+    console.log(error)
+  }
+})

package/infrastructure/terraform-newrelic/monitors.tf

@@ -0,0 +1,12 @@
+resource "newrelic_synthetics_monitor" "lighthouse-monitor" {
+  name = "${data.newrelic_entity.render_app.name} Lighthouse Monitor"
+  type = "SCRIPT_API"
+  frequency = 30
+  status = "ENABLED"
+  locations = ["AWS_EU_WEST_2"]
+}
+
+resource "newrelic_synthetics_monitor_script" "lighthouse-script" {
+  monitor_id = newrelic_synthetics_monitor.lighthouse-monitor.id
+  text = "${var.environment}" == "prod" ? file("${path.module}/lighthouse-script-prod.js") : file("${path.module}/lighthouse-script.js")
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@newskit-render/core",
-  "version": "1.9.0",
+  "version": "1.9.3",
   "description": "Newskit Render - Core package",
   "author": "",
   "license": "UNLICENSED",
@@ -31,9 +31,9 @@
     "@newskit-render/api": "^0.5.0",
     "@newskit-render/auth": "^0.22.2",
     "@newskit-render/checkout": "^0.9.0",
-    "@newskit-render/my-account": "^0.116.1",
+    "@newskit-render/my-account": "^0.116.2",
     "@newskit-render/shared-components": "^0.20.0",
-    "@newskit-render/sitemap": "^0.25.2",
+    "@newskit-render/sitemap": "^0.25.3",
     "@newskit-render/validation": "^0.27.0",
     "cross-fetch": "^3.1.4",
     "graphql": "^15.6.0",

package/tsconfig.json

@@ -41,6 +41,6 @@
     "node_modules",
     "build",
     ".circleci",
-    "temp"
+    "temp",
   ]
 }