@revolut/web-cli - npm Package Compare versions

Comparing version 1.5.3 to 1.6.0

bin/package.json

 {
     "name": "@revolut/web-cli",
-    "version": "1.5.3",
+    "version": "1.6.0",
     "license": "Apache-2.0",
@@ -48,3 +48,3 @@ "description": "Interactive CLI tool for web projects to provide automation for various tasks",
     "devDependencies": {
-        "@microsoft/rush-lib": "5.40.5",
+        "@microsoft/rush-lib": "5.83.2",
         "@revolut/eslint-config-react": "2.0.0",
@@ -51,0 +51,0 @@ "@types/jest": "^27.0.3",

bin/src/actions/scaffold-web-app-action.js

@@ -154,2 +154,4 @@ "use strict";
             .split(`${rushConfig.rushJsonFolder}/`)[1];
+        // @ts-expect-error `decoupledLocalDependencies` in the interface is required, however it is not supported by rush < 5.76.1
+        // Assuming that this field is options >.<
         const project = {
@@ -159,5 +161,4 @@ packageName,
             shouldPublish: false,
-            cyclicDependencyProjects: [],
+            versionPolicyName: template === 'backoffice-library' ? 'library' : undefined,
         };
-        template === 'backoffice-library' && (project.versionPolicyName = 'library');
         rushConfigEditor.addProject(project);
@@ -164,0 +165,0 @@ rushConfigEditor.saveIfModified();

bin/templates/web-app/app/package.json

@@ -24,38 +24,41 @@ {
   "dependencies": {
-    "@revolut/ui-kit": "12.1.0",
-    "@revolut/icons": "1.41.0",
-    "history": "4.7.2",
-    "lodash": "4.17.20",
+    "@revolut/icons": "1.57.0",
+    "@revolut/ui-kit": "12.7.7",
+    "@sentry/integrations": "7.19.0",
+    "@sentry/react": "7.19.0",
+    "@sentry/tracing": "7.19.0",
+    "lodash": "4.17.21",
     "normalize.css": "8.0.1",
-    "react": "16.14.0",
-    "react-dom": "16.14.0",
-    "react-router": "5.2.1",
-    "react-router-dom": "5.2.1",
-    "react-query": "3.34.12",
+    "react": "17.0.1",
+    "react-dom": "17.0.1",
+    "react-query": "3.5.5",
+    "react-router": "5.3.3",
+    "react-router-dom": "5.3.3",
     "styled-components": "5.2.1"
   },
   "devDependencies": {
-    "@babel/core": "7.16.7",
-    "@revolut/cra-overrides": "3.1.0",
-    "@revolut/eslint-config-react": "1.0.0",
-    "@sentry/browser": "5.29.2",
-    "@sentry/integrations": "5.29.2",
-    "@sentry/types": "5.29.2",
-    "@testing-library/jest-dom": "5.16.1",
-    "@testing-library/react": "12.1.2",
-    "@types/jest": "27.4.0",
-    "@types/lodash": "4.14.166",
-    "@types/node": "14.14.16",
-    "@types/react": "16.14.8",
-    "@types/react-dom": "16.9.13",
+    "@babel/cli": "7.18.10",
+    "@babel/core": "7.19.0",
+    "@babel/runtime": "7.19.0",
+    "@revolut/cra-overrides": "4.0.1",
+    "@revolut/eslint-config-react": "2.0.0",
+    "@testing-library/dom": "8.17.1",
+    "@testing-library/jest-dom": "5.16.5",
+    "@testing-library/react": "12.1.5",
+    "@types/jest": "27.5.2",
+    "@types/lodash": "4.14.188",
+    "@types/node": "16.11.57",
+    "@types/react": "17.0.0",
+    "@types/react-dom": "17.0.0",
     "@types/react-router": "5.1.18",
     "@types/react-router-dom": "5.3.3",
-    "@types/styled-components": "5.1.7",
-    "@types/testing-library__jest-dom": "5.14.2",
+    "@types/styled-components": "5.1.26",
+    "@types/testing-library__jest-dom": "5.14.5",
+    "@typescript-eslint/parser": "5.40.0",
+    "@typescript-eslint/typescript-estree": "5.40.0",
     "customize-cra": "1.0.0",
-    "eslint": "8.7.0",
+    "eslint": "8.23.0",
     "http-proxy-middleware": "2.0.1",
-    "jest-canvas-mock": "2.3.0",
+    "jest-canvas-mock": "2.4.0",
     "jest-date-mock": "1.0.8",
-    "jest-localstorage-mock": "2.4.6",
     "jest-simple-dot-reporter": "1.0.5",
@@ -66,6 +69,6 @@ "lint-staged": "12.3.1",
     "prettier": "2.5.1",
-    "react-app-rewired": "2.1.11",
+    "react-app-rewired": "2.2.1",
     "react-scripts": "5.0.0",
     "resize-observer-polyfill": "1.5.1",
-    "typescript": "4.6.4"
+    "typescript": "4.8.4"
   },
@@ -72,0 +75,0 @@ "jest": {

bin/templates/web-app/app/src/setupSentry.ts

@@ -1,9 +0,18 @@
-import * as Sentry from '@sentry/browser'
-import { Scope } from '@sentry/types'
-import { Dedupe, ExtraErrorData } from '@sentry/integrations'
+import { ExtraErrorData } from '@sentry/integrations'
+import * as Sentry from '@sentry/react'
+import { Dedupe, Scope } from '@sentry/react'
+import { BrowserTracing } from '@sentry/tracing'
+import { matchPath } from 'react-router'
 
+import { ROUTES } from 'constants/routes'
+
+const SENTRY_ROUTES = Object.values(ROUTES)
+  // Put more specific paths first
+  .sort((a, b) => b.localeCompare(a))
+  .map(path => ({ path }))
+
 const SentryConfig = {
   dsn: '',
   release: process.env.REACT_APP_RELEASE_TAG,
-  environment: 'production',
+  environment: window.location.origin.endsWith('.com') ? 'production' : 'development',
   ignoreErrors: [
@@ -48,3 +57,17 @@ // Random plugins/extensions
   ],
-  integrations: [new Dedupe(), new ExtraErrorData({ depth: 6 })],
+  tracesSampleRate: 1,
+  integrations: [
+    new BrowserTracing({
+      routingInstrumentation: Sentry.reactRouterV5Instrumentation(
+        window.history,
+        SENTRY_ROUTES,
+        matchPath,
+      ),
+      _metricOptions: {
+        _reportAllChanges: true,
+      },
+    }),
+    new Dedupe(),
+    new ExtraErrorData({ depth: 6 }),
+  ],
 }
@@ -51,0 +74,0 @@

bin/templates/web-app/app/src/setupTests.ts

@@ -1,2 +0,1 @@
-import 'jest-localstorage-mock'
 import 'jest-styled-components'
@@ -3,0 +2,0 @@ import 'jest-canvas-mock'

bin/templates/web-app/backoffice-app/package.json

@@ -32,8 +32,10 @@ {
     "@revolut/backoffice-service-security": "0.0.1",
-    "@revolut/icons": "1.39.0",
+    "@revolut/icons": "1.57.0",
     "@revolut/ui-hooks": "0.0.1",
-    "@revolut/ui-kit": "11.6.0",
+    "@revolut/ui-kit": "12.7.7",
+    "@sentry/integrations": "7.19.0",
+    "@sentry/react": "7.19.0",
+    "@sentry/tracing": "7.19.0",
     "axios": "0.21.1",
-    "history": "4.7.2",
-    "lodash": "4.17.20",
+    "lodash": "4.17.21",
     "normalize.css": "8.0.1",
@@ -44,39 +46,38 @@ "polished": "4.0.5",
     "react-query": "3.5.5",
-    "react-router": "5.2.0",
-    "react-router-dom": "5.2.0"
+    "react-router": "5.3.3",
+    "react-router-dom": "5.3.3"
   },
   "devDependencies": {
-    "@revolut/cra-overrides": "2.0.1",
+    "@revolut/cra-overrides": "4.0.1",
     "@revolut/eslint-config-backoffice": "0.0.1",
     "@revolut/monorepo-overrides": "0.0.1",
     "@revolut/backoffice-ui-testing-utils": "0.0.1",
-    "@sentry/browser": "5.29.2",
-    "@sentry/integrations": "5.29.2",
-    "@sentry/types": "5.29.2",
-    "@testing-library/jest-dom": "5.11.8",
-    "@testing-library/react": "11.2.2",
-    "@types/jest": "26.0.19",
-    "@types/lodash": "4.14.166",
-    "@types/node": "14.14.16",
+    "@testing-library/dom": "8.17.1",
+    "@testing-library/jest-dom": "5.16.5",
+    "@testing-library/react": "12.1.5",
+    "@types/jest": "27.5.2",
+    "@types/lodash": "4.14.188",
+    "@types/node": "16.11.57",
     "@types/react": "17.0.0",
     "@types/react-dom": "17.0.0",
-    "@types/react-router": "5.1.9",
-    "@types/react-router-dom": "5.1.6",
-    "@types/testing-library__jest-dom": "5.9.5",
-    "@types/uuid": "8.3.0",
+    "@types/react-router": "5.1.18",
+    "@types/react-router-dom": "5.3.3",
+    "@types/styled-components": "5.1.26",
+    "@types/testing-library__jest-dom": "5.14.5",
+    "@typescript-eslint/parser": "5.40.0",
+    "@typescript-eslint/typescript-estree": "5.40.0",
     "customize-cra": "1.0.0",
-    "eslint": "7.16.0",
+    "eslint": "8.23.0",
     "http-proxy-middleware": "0.20.0",
-    "jest-canvas-mock": "2.3.0",
+    "jest-canvas-mock": "2.4.0",
     "jest-date-mock": "1.0.8",
-    "jest-localstorage-mock": "2.4.6",
     "jest-simple-dot-reporter": "1.0.5",
-    "jest-styled-components": "7.0.3",
+    "jest-styled-components": "7.0.8",
     "npm-run-all": "4.1.5",
-    "prettier": "2.2.1",
-    "react-app-rewired": "2.1.8",
+    "prettier": "2.5.1",
+    "react-app-rewired": "2.2.1",
     "react-refresh": "0.9.0",
-    "react-scripts": "4.0.1",
+    "react-scripts": "5.0.0",
     "resize-observer-polyfill": "1.5.1",
-    "typescript": "4.1.3"
+    "typescript": "4.8.4"
   },
@@ -83,0 +84,0 @@ "jest": {

bin/templates/web-app/backoffice-app/src/setupSentry.ts

@@ -1,11 +0,20 @@
-import * as Sentry from '@sentry/browser'
-import { Scope } from '@sentry/types'
-import { get } from 'lodash'
-import { Dedupe, ExtraErrorData } from '@sentry/integrations'
+import { ExtraErrorData } from '@sentry/integrations'
+import * as Sentry from '@sentry/react'
+import { Dedupe, Scope } from '@sentry/react'
+import { BrowserTracing } from '@sentry/tracing'
+import { matchPath } from 'react-router'
+
 import { getAgentRoles, getCurrentAgent } from '@revolut/backoffice-service-local-storage'
 
+import { ROUTES } from 'consts/routes'
+
+const SENTRY_ROUTES = Object.values(ROUTES)
+  // Put more specific paths first
+  .sort((a, b) => b.localeCompare(a))
+  .map((path) => ({ path }))
+
 const SentryConfig = {
   dsn: '',
   release: process.env.REACT_APP_RELEASE_TAG,
-  environment: 'production',
+  environment: window.location.origin.endsWith('.com') ? 'production' : 'development',
   ignoreErrors: [
@@ -33,3 +42,2 @@ // Random plugins/extensions
     'conduitPage',
-    'ResizeObserver loop limit exceeded',
   ],
@@ -52,3 +60,17 @@ blacklistUrls: [
   ],
-  integrations: [new Dedupe(), new ExtraErrorData({ depth: 6 })],
+  tracesSampleRate: 1,
+  integrations: [
+    new BrowserTracing({
+      routingInstrumentation: Sentry.reactRouterV5Instrumentation(
+        window.history,
+        SENTRY_ROUTES,
+        matchPath,
+      ),
+      _metricOptions: {
+        _reportAllChanges: true,
+      },
+    }),
+    new Dedupe(),
+    new ExtraErrorData({ depth: 6 }),
+  ],
 }
@@ -68,4 +90,4 @@
     scope.setUser({
-      email: get(user, 'email', ''),
-      username: get(user, 'username', ''),
+      email: user?.email ?? '',
+      username: user?.username ?? '',
       roles,
@@ -72,0 +94,0 @@ })

bin/templates/web-app/backoffice-app/src/setupTests.ts

@@ -1,2 +0,1 @@
-import 'jest-localstorage-mock'
 import 'jest-styled-components'
@@ -3,0 +2,0 @@ import 'jest-canvas-mock'

bin/templates/web-app/backoffice-microfrontend/package.json

@@ -29,60 +29,49 @@ {
     "@revolut/backoffice-helpers": "0.0.1",
-    "@revolut/backoffice-schema": "0.0.1",
-    "@revolut/backoffice-service-api": "0.0.1",
     "@revolut/backoffice-service-auth": "0.0.1",
     "@revolut/backoffice-service-local-storage": "0.0.1",
     "@revolut/backoffice-service-security": "0.0.1",
-    "@revolut/backoffice-theme": "0.0.1",
-    "@revolut/backoffice-ui-components": "0.0.1",
-    "@revolut/backoffice-utility-types": "0.0.1",
+    "@revolut/icons": "1.57.0",
     "@revolut/ui-hooks": "0.0.1",
-    "@revolut/ui-kit": "11.2.0",
-    "apollo-client": "2.6.10",
-    "apollo-link-error": "1.1.13",
-    "graphql": "14.7.0",
-    "graphql-tag": "2.11.0",
-    "http-proxy-middleware": "0.20.0",
-    "lodash": "4.17.20",
+    "@revolut/ui-kit": "12.7.7",
+    "lodash": "4.17.21",
     "polished": "4.0.5",
     "react": "17.0.1",
     "react-dom": "17.0.1",
-    "react-router-dom": "5.2.0",
-    "styled-components": "5.2.1",
-    "styled-tools": "1.7.2",
-    "uuid": "3.4.0"
+    "react-query": "3.5.5",
+    "react-router": "5.3.3",
+    "react-router-dom": "5.3.3"
   },
   "devDependencies": {
-    "@revolut/cra-overrides": "2.0.1",
+    "@revolut/cra-overrides": "4.0.1",
     "@revolut/eslint-config-backoffice": "0.0.1",
-    "@revolut/microfrontend-overrides": "0.0.1",
     "@revolut/monorepo-overrides": "0.0.1",
-    "@sentry/browser": "5.29.2",
-    "@sentry/integrations": "5.29.2",
-    "@sentry/types": "5.29.2",
-    "@testing-library/jest-dom": "5.11.8",
-    "@testing-library/react": "11.2.2",
-    "@types/jest": "26.0.15",
-    "@types/lodash": "4.14.166",
-    "@types/node": "14.14.16",
-    "@types/reach__router": "1.3.6",
+    "@revolut/backoffice-ui-testing-utils": "0.0.1",
+    "@testing-library/dom": "8.17.1",
+    "@testing-library/jest-dom": "5.16.5",
+    "@testing-library/react": "12.1.5",
+    "@types/jest": "27.5.2",
+    "@types/lodash": "4.14.188",
+    "@types/node": "16.11.57",
     "@types/react": "17.0.0",
     "@types/react-dom": "17.0.0",
-    "@types/styled-components": "5.1.7",
-    "@types/testing-library__jest-dom": "5.9.5",
-    "@types/testing-library__react": "10.2.0",
-    "@types/uuid": "8.3.0",
-    "cors": "2.8.5",
+    "@types/react-router": "5.1.18",
+    "@types/react-router-dom": "5.3.3",
+    "@types/styled-components": "5.1.26",
+    "@types/testing-library__jest-dom": "5.14.5",
+    "@typescript-eslint/parser": "5.40.0",
+    "@typescript-eslint/typescript-estree": "5.40.0",
     "customize-cra": "1.0.0",
-    "eslint": "7.16.0",
-    "jest-canvas-mock": "2.3.0",
+    "eslint": "8.23.0",
+    "http-proxy-middleware": "0.20.0",
+    "jest-canvas-mock": "2.4.0",
     "jest-date-mock": "1.0.8",
-    "jest-localstorage-mock": "2.4.6",
     "jest-simple-dot-reporter": "1.0.5",
-    "jest-styled-components": "7.0.3",
+    "jest-styled-components": "7.0.8",
     "npm-run-all": "4.1.5",
-    "prettier": "2.2.1",
-    "react-app-rewired": "2.1.8",
-    "react-scripts": "4.0.1",
+    "prettier": "2.5.1",
+    "react-app-rewired": "2.2.1",
+    "react-refresh": "0.9.0",
+    "react-scripts": "5.0.0",
     "resize-observer-polyfill": "1.5.1",
-    "typescript": "4.1.3"
+    "typescript": "4.8.4"
   },
@@ -89,0 +78,0 @@ "jest": {

bin/templates/web-app/backoffice-microfrontend/src/setupTests.ts

@@ -1,2 +0,1 @@
-import 'jest-localstorage-mock'
 import 'jest-styled-components'
@@ -3,0 +2,0 @@ import 'jest-canvas-mock'

package.json

 {
 	"name": "@revolut/web-cli",
-	"version": "1.5.3",
+	"version": "1.6.0",
 	"license": "Apache-2.0",
@@ -48,3 +48,3 @@ "description": "Interactive CLI tool for web projects to provide automation for various tasks",
 	"devDependencies": {
-		"@microsoft/rush-lib": "5.40.5",
+		"@microsoft/rush-lib": "5.83.2",
 		"@revolut/eslint-config-react": "2.0.0",
@@ -51,0 +51,0 @@ "@types/jest": "^27.0.3",

src/actions/scaffold-web-app-action.ts

@@ -178,2 +178,5 @@ import { Command } from 'commander'
       .split(`${rushConfig.rushJsonFolder}/`)[1]
+
+    // @ts-expect-error `decoupledLocalDependencies` in the interface is required, however it is not supported by rush < 5.76.1
+    // Assuming that this field is options >.<
     const project: IRushConfigurationProjectJson = {
@@ -183,5 +186,5 @@ packageName,
       shouldPublish: false,
-      cyclicDependencyProjects: [],
+      versionPolicyName: template === 'backoffice-library' ? 'library' : undefined,
     }
-    template === 'backoffice-library' && (project.versionPolicyName = 'library')
+
     rushConfigEditor.addProject(project)
@@ -188,0 +191,0 @@ rushConfigEditor.saveIfModified()

templates/web-app/app/package.json

@@ -24,38 +24,41 @@ {
   "dependencies": {
-    "@revolut/ui-kit": "12.1.0",
-    "@revolut/icons": "1.41.0",
-    "history": "4.7.2",
-    "lodash": "4.17.20",
+    "@revolut/icons": "1.57.0",
+    "@revolut/ui-kit": "12.7.7",
+    "@sentry/integrations": "7.19.0",
+    "@sentry/react": "7.19.0",
+    "@sentry/tracing": "7.19.0",
+    "lodash": "4.17.21",
     "normalize.css": "8.0.1",
-    "react": "16.14.0",
-    "react-dom": "16.14.0",
-    "react-router": "5.2.1",
-    "react-router-dom": "5.2.1",
-    "react-query": "3.34.12",
+    "react": "17.0.1",
+    "react-dom": "17.0.1",
+    "react-query": "3.5.5",
+    "react-router": "5.3.3",
+    "react-router-dom": "5.3.3",
     "styled-components": "5.2.1"
   },
   "devDependencies": {
-    "@babel/core": "7.16.7",
-    "@revolut/cra-overrides": "3.1.0",
-    "@revolut/eslint-config-react": "1.0.0",
-    "@sentry/browser": "5.29.2",
-    "@sentry/integrations": "5.29.2",
-    "@sentry/types": "5.29.2",
-    "@testing-library/jest-dom": "5.16.1",
-    "@testing-library/react": "12.1.2",
-    "@types/jest": "27.4.0",
-    "@types/lodash": "4.14.166",
-    "@types/node": "14.14.16",
-    "@types/react": "16.14.8",
-    "@types/react-dom": "16.9.13",
+    "@babel/cli": "7.18.10",
+    "@babel/core": "7.19.0",
+    "@babel/runtime": "7.19.0",
+    "@revolut/cra-overrides": "4.0.1",
+    "@revolut/eslint-config-react": "2.0.0",
+    "@testing-library/dom": "8.17.1",
+    "@testing-library/jest-dom": "5.16.5",
+    "@testing-library/react": "12.1.5",
+    "@types/jest": "27.5.2",
+    "@types/lodash": "4.14.188",
+    "@types/node": "16.11.57",
+    "@types/react": "17.0.0",
+    "@types/react-dom": "17.0.0",
     "@types/react-router": "5.1.18",
     "@types/react-router-dom": "5.3.3",
-    "@types/styled-components": "5.1.7",
-    "@types/testing-library__jest-dom": "5.14.2",
+    "@types/styled-components": "5.1.26",
+    "@types/testing-library__jest-dom": "5.14.5",
+    "@typescript-eslint/parser": "5.40.0",
+    "@typescript-eslint/typescript-estree": "5.40.0",
     "customize-cra": "1.0.0",
-    "eslint": "8.7.0",
+    "eslint": "8.23.0",
     "http-proxy-middleware": "2.0.1",
-    "jest-canvas-mock": "2.3.0",
+    "jest-canvas-mock": "2.4.0",
     "jest-date-mock": "1.0.8",
-    "jest-localstorage-mock": "2.4.6",
     "jest-simple-dot-reporter": "1.0.5",
@@ -66,6 +69,6 @@ "lint-staged": "12.3.1",
     "prettier": "2.5.1",
-    "react-app-rewired": "2.1.11",
+    "react-app-rewired": "2.2.1",
     "react-scripts": "5.0.0",
     "resize-observer-polyfill": "1.5.1",
-    "typescript": "4.6.4"
+    "typescript": "4.8.4"
   },
@@ -72,0 +75,0 @@ "jest": {

templates/web-app/app/src/setupSentry.ts

@@ -1,9 +0,18 @@
-import * as Sentry from '@sentry/browser'
-import { Scope } from '@sentry/types'
-import { Dedupe, ExtraErrorData } from '@sentry/integrations'
+import { ExtraErrorData } from '@sentry/integrations'
+import * as Sentry from '@sentry/react'
+import { Dedupe, Scope } from '@sentry/react'
+import { BrowserTracing } from '@sentry/tracing'
+import { matchPath } from 'react-router'
 
+import { ROUTES } from 'constants/routes'
+
+const SENTRY_ROUTES = Object.values(ROUTES)
+  // Put more specific paths first
+  .sort((a, b) => b.localeCompare(a))
+  .map(path => ({ path }))
+
 const SentryConfig = {
   dsn: '',
   release: process.env.REACT_APP_RELEASE_TAG,
-  environment: 'production',
+  environment: window.location.origin.endsWith('.com') ? 'production' : 'development',
   ignoreErrors: [
@@ -48,3 +57,17 @@ // Random plugins/extensions
   ],
-  integrations: [new Dedupe(), new ExtraErrorData({ depth: 6 })],
+  tracesSampleRate: 1,
+  integrations: [
+    new BrowserTracing({
+      routingInstrumentation: Sentry.reactRouterV5Instrumentation(
+        window.history,
+        SENTRY_ROUTES,
+        matchPath,
+      ),
+      _metricOptions: {
+        _reportAllChanges: true,
+      },
+    }),
+    new Dedupe(),
+    new ExtraErrorData({ depth: 6 }),
+  ],
 }
@@ -51,0 +74,0 @@

templates/web-app/app/src/setupTests.ts

@@ -1,2 +0,1 @@
-import 'jest-localstorage-mock'
 import 'jest-styled-components'
@@ -3,0 +2,0 @@ import 'jest-canvas-mock'

templates/web-app/backoffice-app/package.json

@@ -32,8 +32,10 @@ {
     "@revolut/backoffice-service-security": "0.0.1",
-    "@revolut/icons": "1.39.0",
+    "@revolut/icons": "1.57.0",
     "@revolut/ui-hooks": "0.0.1",
-    "@revolut/ui-kit": "11.6.0",
+    "@revolut/ui-kit": "12.7.7",
+    "@sentry/integrations": "7.19.0",
+    "@sentry/react": "7.19.0",
+    "@sentry/tracing": "7.19.0",
     "axios": "0.21.1",
-    "history": "4.7.2",
-    "lodash": "4.17.20",
+    "lodash": "4.17.21",
     "normalize.css": "8.0.1",
@@ -44,39 +46,38 @@ "polished": "4.0.5",
     "react-query": "3.5.5",
-    "react-router": "5.2.0",
-    "react-router-dom": "5.2.0"
+    "react-router": "5.3.3",
+    "react-router-dom": "5.3.3"
   },
   "devDependencies": {
-    "@revolut/cra-overrides": "2.0.1",
+    "@revolut/cra-overrides": "4.0.1",
     "@revolut/eslint-config-backoffice": "0.0.1",
     "@revolut/monorepo-overrides": "0.0.1",
     "@revolut/backoffice-ui-testing-utils": "0.0.1",
-    "@sentry/browser": "5.29.2",
-    "@sentry/integrations": "5.29.2",
-    "@sentry/types": "5.29.2",
-    "@testing-library/jest-dom": "5.11.8",
-    "@testing-library/react": "11.2.2",
-    "@types/jest": "26.0.19",
-    "@types/lodash": "4.14.166",
-    "@types/node": "14.14.16",
+    "@testing-library/dom": "8.17.1",
+    "@testing-library/jest-dom": "5.16.5",
+    "@testing-library/react": "12.1.5",
+    "@types/jest": "27.5.2",
+    "@types/lodash": "4.14.188",
+    "@types/node": "16.11.57",
     "@types/react": "17.0.0",
     "@types/react-dom": "17.0.0",
-    "@types/react-router": "5.1.9",
-    "@types/react-router-dom": "5.1.6",
-    "@types/testing-library__jest-dom": "5.9.5",
-    "@types/uuid": "8.3.0",
+    "@types/react-router": "5.1.18",
+    "@types/react-router-dom": "5.3.3",
+    "@types/styled-components": "5.1.26",
+    "@types/testing-library__jest-dom": "5.14.5",
+    "@typescript-eslint/parser": "5.40.0",
+    "@typescript-eslint/typescript-estree": "5.40.0",
     "customize-cra": "1.0.0",
-    "eslint": "7.16.0",
+    "eslint": "8.23.0",
     "http-proxy-middleware": "0.20.0",
-    "jest-canvas-mock": "2.3.0",
+    "jest-canvas-mock": "2.4.0",
     "jest-date-mock": "1.0.8",
-    "jest-localstorage-mock": "2.4.6",
     "jest-simple-dot-reporter": "1.0.5",
-    "jest-styled-components": "7.0.3",
+    "jest-styled-components": "7.0.8",
     "npm-run-all": "4.1.5",
-    "prettier": "2.2.1",
-    "react-app-rewired": "2.1.8",
+    "prettier": "2.5.1",
+    "react-app-rewired": "2.2.1",
     "react-refresh": "0.9.0",
-    "react-scripts": "4.0.1",
+    "react-scripts": "5.0.0",
     "resize-observer-polyfill": "1.5.1",
-    "typescript": "4.1.3"
+    "typescript": "4.8.4"
   },
@@ -83,0 +84,0 @@ "jest": {

templates/web-app/backoffice-app/src/setupSentry.ts

@@ -1,11 +0,20 @@
-import * as Sentry from '@sentry/browser'
-import { Scope } from '@sentry/types'
-import { get } from 'lodash'
-import { Dedupe, ExtraErrorData } from '@sentry/integrations'
+import { ExtraErrorData } from '@sentry/integrations'
+import * as Sentry from '@sentry/react'
+import { Dedupe, Scope } from '@sentry/react'
+import { BrowserTracing } from '@sentry/tracing'
+import { matchPath } from 'react-router'
+
 import { getAgentRoles, getCurrentAgent } from '@revolut/backoffice-service-local-storage'
 
+import { ROUTES } from 'consts/routes'
+
+const SENTRY_ROUTES = Object.values(ROUTES)
+  // Put more specific paths first
+  .sort((a, b) => b.localeCompare(a))
+  .map((path) => ({ path }))
+
 const SentryConfig = {
   dsn: '',
   release: process.env.REACT_APP_RELEASE_TAG,
-  environment: 'production',
+  environment: window.location.origin.endsWith('.com') ? 'production' : 'development',
   ignoreErrors: [
@@ -33,3 +42,2 @@ // Random plugins/extensions
     'conduitPage',
-    'ResizeObserver loop limit exceeded',
   ],
@@ -52,3 +60,17 @@ blacklistUrls: [
   ],
-  integrations: [new Dedupe(), new ExtraErrorData({ depth: 6 })],
+  tracesSampleRate: 1,
+  integrations: [
+    new BrowserTracing({
+      routingInstrumentation: Sentry.reactRouterV5Instrumentation(
+        window.history,
+        SENTRY_ROUTES,
+        matchPath,
+      ),
+      _metricOptions: {
+        _reportAllChanges: true,
+      },
+    }),
+    new Dedupe(),
+    new ExtraErrorData({ depth: 6 }),
+  ],
 }
@@ -68,4 +90,4 @@
     scope.setUser({
-      email: get(user, 'email', ''),
-      username: get(user, 'username', ''),
+      email: user?.email ?? '',
+      username: user?.username ?? '',
       roles,
@@ -72,0 +94,0 @@ })

templates/web-app/backoffice-app/src/setupTests.ts

@@ -1,2 +0,1 @@
-import 'jest-localstorage-mock'
 import 'jest-styled-components'
@@ -3,0 +2,0 @@ import 'jest-canvas-mock'

templates/web-app/backoffice-microfrontend/package.json

@@ -29,60 +29,49 @@ {
     "@revolut/backoffice-helpers": "0.0.1",
-    "@revolut/backoffice-schema": "0.0.1",
-    "@revolut/backoffice-service-api": "0.0.1",
     "@revolut/backoffice-service-auth": "0.0.1",
     "@revolut/backoffice-service-local-storage": "0.0.1",
     "@revolut/backoffice-service-security": "0.0.1",
-    "@revolut/backoffice-theme": "0.0.1",
-    "@revolut/backoffice-ui-components": "0.0.1",
-    "@revolut/backoffice-utility-types": "0.0.1",
+    "@revolut/icons": "1.57.0",
     "@revolut/ui-hooks": "0.0.1",
-    "@revolut/ui-kit": "11.2.0",
-    "apollo-client": "2.6.10",
-    "apollo-link-error": "1.1.13",
-    "graphql": "14.7.0",
-    "graphql-tag": "2.11.0",
-    "http-proxy-middleware": "0.20.0",
-    "lodash": "4.17.20",
+    "@revolut/ui-kit": "12.7.7",
+    "lodash": "4.17.21",
     "polished": "4.0.5",
     "react": "17.0.1",
     "react-dom": "17.0.1",
-    "react-router-dom": "5.2.0",
-    "styled-components": "5.2.1",
-    "styled-tools": "1.7.2",
-    "uuid": "3.4.0"
+    "react-query": "3.5.5",
+    "react-router": "5.3.3",
+    "react-router-dom": "5.3.3"
   },
   "devDependencies": {
-    "@revolut/cra-overrides": "2.0.1",
+    "@revolut/cra-overrides": "4.0.1",
     "@revolut/eslint-config-backoffice": "0.0.1",
-    "@revolut/microfrontend-overrides": "0.0.1",
     "@revolut/monorepo-overrides": "0.0.1",
-    "@sentry/browser": "5.29.2",
-    "@sentry/integrations": "5.29.2",
-    "@sentry/types": "5.29.2",
-    "@testing-library/jest-dom": "5.11.8",
-    "@testing-library/react": "11.2.2",
-    "@types/jest": "26.0.15",
-    "@types/lodash": "4.14.166",
-    "@types/node": "14.14.16",
-    "@types/reach__router": "1.3.6",
+    "@revolut/backoffice-ui-testing-utils": "0.0.1",
+    "@testing-library/dom": "8.17.1",
+    "@testing-library/jest-dom": "5.16.5",
+    "@testing-library/react": "12.1.5",
+    "@types/jest": "27.5.2",
+    "@types/lodash": "4.14.188",
+    "@types/node": "16.11.57",
     "@types/react": "17.0.0",
     "@types/react-dom": "17.0.0",
-    "@types/styled-components": "5.1.7",
-    "@types/testing-library__jest-dom": "5.9.5",
-    "@types/testing-library__react": "10.2.0",
-    "@types/uuid": "8.3.0",
-    "cors": "2.8.5",
+    "@types/react-router": "5.1.18",
+    "@types/react-router-dom": "5.3.3",
+    "@types/styled-components": "5.1.26",
+    "@types/testing-library__jest-dom": "5.14.5",
+    "@typescript-eslint/parser": "5.40.0",
+    "@typescript-eslint/typescript-estree": "5.40.0",
     "customize-cra": "1.0.0",
-    "eslint": "7.16.0",
-    "jest-canvas-mock": "2.3.0",
+    "eslint": "8.23.0",
+    "http-proxy-middleware": "0.20.0",
+    "jest-canvas-mock": "2.4.0",
     "jest-date-mock": "1.0.8",
-    "jest-localstorage-mock": "2.4.6",
     "jest-simple-dot-reporter": "1.0.5",
-    "jest-styled-components": "7.0.3",
+    "jest-styled-components": "7.0.8",
     "npm-run-all": "4.1.5",
-    "prettier": "2.2.1",
-    "react-app-rewired": "2.1.8",
-    "react-scripts": "4.0.1",
+    "prettier": "2.5.1",
+    "react-app-rewired": "2.2.1",
+    "react-refresh": "0.9.0",
+    "react-scripts": "5.0.0",
     "resize-observer-polyfill": "1.5.1",
-    "typescript": "4.1.3"
+    "typescript": "4.8.4"
   },
@@ -89,0 +78,0 @@ "jest": {

templates/web-app/backoffice-microfrontend/src/setupTests.ts

@@ -1,2 +0,1 @@
-import 'jest-localstorage-mock'
 import 'jest-styled-components'
@@ -3,0 +2,0 @@ import 'jest-canvas-mock'

New alerts

URL strings

Supply chain risk

Package contains fragments of external URLs or IP addresses, which the package may be accessing at runtime.

Found 1 instance in 1 package

Fixed alerts

URL strings

Supply chain risk

Package contains fragments of external URLs or IP addresses, which the package may be accessing at runtime.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

864660

0.57%

Lines of code

3562

2.12%

No dependency changes