@newskit-render/core 1.9.0 → 1.13.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,152 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.13.3](https://github.com/newscorp-ghfb/ncu-newskit-render/compare/@newskit-render/core@1.13.2...@newskit-render/core@1.13.3) (2022-01-19)
+
+**Note:** Version bump only for package @newskit-render/core
+
+
+
+
+
+## [1.13.2](https://github.com/newscorp-ghfb/ncu-newskit-render/compare/@newskit-render/core@1.13.1...@newskit-render/core@1.13.2) (2022-01-18)
+
+**Note:** Version bump only for package @newskit-render/core
+
+
+
+
+
+## [1.13.1](https://github.com/newscorp-ghfb/ncu-newskit-render/compare/@newskit-render/core@1.13.0...@newskit-render/core@1.13.1) (2022-01-18)
+
+**Note:** Version bump only for package @newskit-render/core
+
+
+
+
+
+# [1.13.0](https://github.com/newscorp-ghfb/ncu-newskit-render/compare/@newskit-render/core@1.12.1...@newskit-render/core@1.13.0) (2022-01-14)
+
+
+### Features
+
+* **PPDSR-604:** Add husky & commitlint ([#558](https://github.com/newscorp-ghfb/ncu-newskit-render/issues/558)) ([c67fc76](https://github.com/newscorp-ghfb/ncu-newskit-render/commit/c67fc76276c8607f7604ae6ac0d0cae1ecb5b4f0))
+
+
+
+
+
+## [1.12.1](https://github.com/newscorp-ghfb/ncu-newskit-render/compare/@newskit-render/core@1.12.0...@newskit-render/core@1.12.1) (2022-01-13)
+
+**Note:** Version bump only for package @newskit-render/core
+
+
+
+
+
+# [1.12.0](https://github.com/newscorp-ghfb/ncu-newskit-render/compare/@newskit-render/core@1.11.4...@newskit-render/core@1.12.0) (2022-01-13)
+
+
+### Features
+
+* **PPDSR-632:** Fix newsletter query ([#559](https://github.com/newscorp-ghfb/ncu-newskit-render/issues/559)) ([38085d1](https://github.com/newscorp-ghfb/ncu-newskit-render/commit/38085d1418bb42237a41b4bad0394fc8cabdf2a4))
+
+
+
+
+
+## [1.11.4](https://github.com/newscorp-ghfb/ncu-newskit-render/compare/@newskit-render/core@1.11.3...@newskit-render/core@1.11.4) (2022-01-13)
+
+**Note:** Version bump only for package @newskit-render/core
+
+
+
+
+
+## [1.11.3](https://github.com/newscorp-ghfb/ncu-newskit-render/compare/@newskit-render/core@1.11.2...@newskit-render/core@1.11.3) (2022-01-11)
+
+
+### Bug Fixes
+
+* update release cli version ([#556](https://github.com/newscorp-ghfb/ncu-newskit-render/issues/556)) ([d613fe1](https://github.com/newscorp-ghfb/ncu-newskit-render/commit/d613fe1f5b96fc3f66547f2310a12c0b3810e940))
+
+
+
+
+
+## [1.11.2](https://github.com/newscorp-ghfb/ncu-newskit-render/compare/@newskit-render/core@1.11.1...@newskit-render/core@1.11.2) (2022-01-11)
+
+
+### Bug Fixes
+
+* bump release-cli to latest to fix pipeline ([#554](https://github.com/newscorp-ghfb/ncu-newskit-render/issues/554)) ([46a0c13](https://github.com/newscorp-ghfb/ncu-newskit-render/commit/46a0c13231f89445360126bc596476ca13716b37))
+
+
+
+
+
+## [1.11.1](https://github.com/newscorp-ghfb/ncu-newskit-render/compare/@newskit-render/core@1.11.0...@newskit-render/core@1.11.1) (2022-01-07)
+
+**Note:** Version bump only for package @newskit-render/core
+
+
+
+
+
+# [1.11.0](https://github.com/newscorp-ghfb/ncu-newskit-render/compare/@newskit-render/core@1.10.1...@newskit-render/core@1.11.0) (2022-01-06)
+
+
+### Features
+
+* **PPDSR-605:** Move PrimaryNavigation to Shared Components ([#550](https://github.com/newscorp-ghfb/ncu-newskit-render/issues/550)) ([fcc1cda](https://github.com/newscorp-ghfb/ncu-newskit-render/commit/fcc1cda59d4cfcc42b1487ee8ba782c7d5f83bb7))
+
+
+
+
+
+## [1.10.1](https://github.com/newscorp-ghfb/ncu-newskit-render/compare/@newskit-render/core@1.10.0...@newskit-render/core@1.10.1) (2022-01-05)
+
+**Note:** Version bump only for package @newskit-render/core
+
+
+
+
+
+# [1.10.0](https://github.com/newscorp-ghfb/ncu-newskit-render/compare/@newskit-render/core@1.9.3...@newskit-render/core@1.10.0) (2022-01-05)
+
+
+### Features
+
+* **PPDSR-594:** Add themes to account package ([#538](https://github.com/newscorp-ghfb/ncu-newskit-render/issues/538)) ([e34a53a](https://github.com/newscorp-ghfb/ncu-newskit-render/commit/e34a53a944ae8d1420c27459f1ef5ca3ba4160d0))
+
+
+
+
+
+## [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/README.md

@@ -1,6 +1,6 @@
 # @newskit-render/core
 
-А website blueprint built with Next.js.
+А template website built using Next.js.
 
 This package is used by [@newskit-render/create-render-app](https://www.npmjs.com/package/@newskit-render/create-render-app) as a template structure to scaffold the newly created projects which the users of @newskit-render/create-render-app can use and modify for their purposes.
 

package/{context → app-context}/AppContext.test.tsx

@@ -1,7 +1,8 @@
 import React from 'react'
 import { render } from 'react-dom'
 import { act } from 'react-dom/test-utils'
-import { renderCustomLightTheme, renderCustomDarkTheme } from '../theme'
+import { sharedTheme } from '@newskit-render/shared-components'
+import { renderCustomDarkTheme } from '../theme'
 import { AppContextProvider, AppContext } from './AppContext'
 
 const container = document.createElement('div')
@@ -30,7 +31,7 @@ describe('AppContext tests', () => {
       container
     )
 
-    expect(container.textContent).toBe(JSON.stringify(renderCustomLightTheme))
+    expect(container.textContent).toBe(JSON.stringify(sharedTheme))
   })
 
   it('setTheme should switch the theme', () => {

package/{context → app-context}/AppContext.tsx

@@ -1,6 +1,6 @@
 import React, { useState } from 'react'
 import { UncompiledTheme } from 'newskit'
-import { renderCustomLightTheme } from '../theme'
+import { sharedTheme } from '@newskit-render/shared-components'
 
 type AppContextType = {
   theme: UncompiledTheme
@@ -8,11 +8,11 @@ type AppContextType = {
 }
 
 const AppContext = React.createContext({
-  theme: renderCustomLightTheme,
+  theme: sharedTheme,
 } as AppContextType)
 
 const AppContextProvider = ({ children }: { children: JSX.Element }) => {
-  const [theme, setTheme] = useState(renderCustomLightTheme)
+  const [theme, setTheme] = useState(sharedTheme)
 
   return (
     <AppContext.Provider value={{ theme, setTheme }}>

package/components/header/index.tsx

@@ -21,7 +21,7 @@ import { MainGrid } from '../layout/MainGrid'
 import NewsKitLogoFull from '../common/NewskitLogo'
 import NewsKitLogoShort from '../common/NewskitLogoShort'
 import NavLink from '../common/NavLink'
-import { AppContext } from '../../context/AppContext'
+import { AppContext } from '../../app-context/AppContext'
 import { getKey } from '../../helpers/articleUtil'
 import { handleEnterKeyPress } from '../../helpers/a11y'
 import { UserData, VxInstance } from '../../helpers/global-types'

package/infrastructure/.circleci/config.yml

@@ -239,6 +239,7 @@ orbs:
                 echo 'export HELM_OPT_SET="$HELM_OPT_SET --set envs.TEALIUM_ENV=${TEALIUM_ENV}"' >> $BASH_ENV
                 echo 'export HELM_OPT_SET="$HELM_OPT_SET --set secret.items.NEW_RELIC_LICENSE_KEY=${NEW_RELIC_LICENSE_KEY}"' >> $BASH_ENV
                 echo 'export HELM_OPT_SET="$HELM_OPT_SET --set secret.items.MAIN_GRAPHQL_URL=${MAIN_GRAPHQL_URL}"' >> $BASH_ENV
+                echo 'export HELM_OPT_SET="$HELM_OPT_SET --set secret.items.MAIN_COOKIE_NAME=${MAIN_COOKIE_NAME}"' >> $BASH_ENV
                 echo 'export HELM_OPT_SET="$HELM_OPT_SET --set secret.items.MAIN_USER_ID=${MAIN_USER_ID}"' >> $BASH_ENV
                 echo 'export HELM_OPT_SET="$HELM_OPT_SET --set secret.items.MAIN_AUDIENCE=${MAIN_AUDIENCE}"' >> $BASH_ENV
                 echo 'export HELM_OPT_SET="$HELM_OPT_SET --set secret.items.MAIN_OAUTH_TOKEN=${MAIN_OAUTH_TOKEN}"' >> $BASH_ENV

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/next-env.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="next" />
-/// <reference types="next/types/global" />
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited

package/next.config.js

@@ -5,38 +5,43 @@ const withTM = require('next-transpile-modules')([
   '@newskit-render/my-account',
   '@newskit-render/validation',
 ])
+const withBundleAnalyzer = require('@next/bundle-analyzer')({
+  enabled: process.env.ANALYZE === 'true',
+})
 
-module.exports = withTM({
-  webpack: (config, options) => {
-    if (options.isServer) {
-      config.externals = ['react', ...config.externals]
-    }
+module.exports = withBundleAnalyzer(
+  withTM({
+    webpack: (config, options) => {
+      if (options.isServer) {
+        config.externals = ['react', ...config.externals]
+      }
 
-    config.resolve.alias.newskit = path.resolve(
-      __dirname,
-      '.',
-      'node_modules',
-      'newskit'
-    )
-    config.resolve.alias.react = path.resolve(
-      __dirname,
-      '.',
-      'node_modules',
-      'react'
-    )
+      config.resolve.alias.newskit = path.resolve(
+        __dirname,
+        '.',
+        'node_modules',
+        'newskit'
+      )
+      config.resolve.alias.react = path.resolve(
+        __dirname,
+        '.',
+        'node_modules',
+        'react'
+      )
 
-    return config
-  },
-  async rewrites() {
-    return [
-      {
-        source: '/sitemap.xml',
-        destination: '/api/sitemap',
-      },
-      {
-        source: '/news-sitemap.xml',
-        destination: '/api/news-sitemap',
-      },
-    ]
-  },
-})
+      return config
+    },
+    async rewrites() {
+      return [
+        {
+          source: '/sitemap.xml',
+          destination: '/api/sitemap',
+        },
+        {
+          source: '/news-sitemap.xml',
+          destination: '/api/news-sitemap',
+        },
+      ]
+    },
+  })
+)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@newskit-render/core",
-  "version": "1.9.0",
+  "version": "1.13.3",
   "description": "Newskit Render - Core package",
   "author": "",
   "license": "UNLICENSED",
@@ -24,17 +24,20 @@
     "pact:test": "NEWSKIT_API_ENV_URL='http://localhost:4343' jest --config=jest.config.pact.js",
     "pact:publish": "pact-broker publish ./__pacts__/pacts --consumer-app-version=$(git describe --match '*core*' --abbrev=0) --tag='dev' --broker-base-url=$PACT_BROKER_URL --broker-token=$PACT_BROKER_TOKEN",
     "lint": "eslint --ext .js,.jsx,.ts,.tsx . --color && prettier --check './**/*.{js,jsx,ts,tsx,json}'",
-    "lint:fix": "eslint --ext .js,.jsx,.ts,.tsx . --color --fix && prettier --write './**/*.{js,jsx,ts,tsx,json}'"
+    "lint:fix": "eslint --ext .js,.jsx,.ts,.tsx . --color --fix && prettier --write './**/*.{js,jsx,ts,tsx,json}'",
+    "precommit:lint": "eslint",
+    "precommit": "lint-staged",
+    "analyze": "ANALYZE=true next build"
   },
   "dependencies": {
     "@apollo/client": "^3.4.16",
-    "@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/shared-components": "^0.20.0",
-    "@newskit-render/sitemap": "^0.25.2",
-    "@newskit-render/validation": "^0.27.0",
+    "@newskit-render/api": "^0.8.0",
+    "@newskit-render/auth": "^0.25.0",
+    "@newskit-render/checkout": "^0.15.0",
+    "@newskit-render/my-account": "^0.123.0",
+    "@newskit-render/shared-components": "^0.25.0",
+    "@newskit-render/sitemap": "^0.28.0",
+    "@newskit-render/validation": "^0.30.0",
     "cross-fetch": "^3.1.4",
     "graphql": "^15.6.0",
     "newrelic": "^7.1.0",
@@ -48,6 +51,7 @@
   "devDependencies": {
     "@apollo/react-testing": "^4.0.0",
     "@emotion/jest": "^11.3.0",
+    "@next/bundle-analyzer": "^12.0.8",
     "@pact-foundation/pact": "^9.12.1",
     "@testing-library/jest-dom": "^5.11.4",
     "@testing-library/react": "^11.0.2",
@@ -75,6 +79,7 @@
     "jest": "^27.2.4",
     "jest-junit": "^12.0.0",
     "jest-watch-typeahead": "^0.6.3",
+    "lint-staged": "^12.1.7",
     "next-transpile-modules": "^8.0.0",
     "prettier": "^2.0.5",
     "prettier-eslint": "^11.0.0",
@@ -83,6 +88,14 @@
     "typescript": "^4.4.3",
     "wait-on": "^5.3.0"
   },
+  "precommit": [
+    "precommit"
+  ],
+  "lint-staged": {
+    "**/*.(ts|tsx)": [
+      "yarn run precommit:lint"
+    ]
+  },
   "publishConfig": {
     "access": "public"
   },