Next v12 upgrade (#34)

* upgrade to next v12
* removed babel for swc
* npm updates including msw and lint
* azure pipeline now builds with node v16

* swc/jest is not reporting coverage correctly https://github.com/swc-project/jest/issues/21

.gitignore

@@ -37,3 +37,6 @@ yarn-error.log*
 #story-book
 /storybook-static
 /docs-build
+
+# jetbrains
+.idea/sonarlint

azure-pipelines.yml

@@ -37,7 +37,7 @@ stages:
     steps:
     - task: NodeTool@0
       inputs:
-        versionSpec: '10.x'
+        versionSpec: '16.x'
       displayName: 'Install Node.js'
 
     - script: |

jest.config.js

@@ -1,15 +1,17 @@
 // eslint-disable-next-line @typescript-eslint/no-var-requires
+const nextJest = require('next/jest');
+// eslint-disable-next-line @typescript-eslint/no-var-requires
 const packageJson = require('./package.json');
 
-module.exports = {
+// Providing the path to your Next.js app which will enable loading next.config.js and .env files
+const createJestConfig = nextJest({ dir: '.' });
+
+// Any custom config you want to pass to Jest
+const customJestConfig = {
   testEnvironment: 'jsdom',
-  testPathIgnorePatterns: ['<rootDir>/.next/', '<rootDir>/node_modules/'],
-  setupFilesAfterEnv: ['./jest.setup.js'],
-  moduleNameMapper: {
-    // Resolve .css and similar files to identity-obj-proxy instead.
-    '.+\\.(css|styl|less|sass|scss)$': `identity-obj-proxy`,
-    // Resolve .jpg and similar files to __mocks__/file-mock.js
-    '.+\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$': `<rootDir>/__mocks__/file-mock.js`,
+  setupFilesAfterEnv: ['<rootDir>/jest.setup.js'],
+  transform: {
+    '^.+\\.(js|jsx|ts|tsx)$': ['babel-jest', { presets: ['next/babel'] }],
   },
   coveragePathIgnorePatterns: ['src/core/mocks'],
   coverageThreshold: {
@@ -35,3 +37,6 @@ module.exports = {
   ],
   coverageReporters: ['text', 'cobertura', 'lcov'],
 };
+
+// createJestConfig is exported in this way to ensure that next/jest can load the Next.js configuration, which is async
+module.exports = createJestConfig(customJestConfig);

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

next.config.js

@@ -7,4 +7,5 @@ module.exports = withBundleAnalyzer({
   publicRuntimeConfig: {
     appInsightsConnectionString: process.env.APPLICATIONINSIGHTS_CONNECTION_STRING,
   },
+  swcMinify: true,
 });