build: make monorepo consistent, clean up and upgrade dependencies, s…

…peed up CI

* upgradte typescript to 4.9.x
* switch to @swc/jest for esm support
* make build setup consistent across most packages
* prune unused dependencies
* fix typescript errors in related-table
* execute code mod transform-typed-imports to allow for usage of isolated modules
* make typescript config consistent across repos
* make eslint config consistent across repos
* make jest config consistent across repos
* fix typescript errors in VideoPlayer component

.github/workflows/run-e2e-tests.yml

@@ -17,7 +17,7 @@ jobs:
       - name: Run integration tests
         uses: cypress-io/github-action@v5
         with:
-          command: npx turbo run test:integration --filter=packages/components
+          command: npx turbo run test:integration --filter=components
       # after the test run completes
       # store videos and any screenshots
       - uses: actions/upload-artifact@v1

.github/workflows/run-tests.yml

@@ -17,10 +17,10 @@ jobs:
         run: npm ci --prefer-offline --no-audit --no-fund
 
       - name: Run unit tests
-        run: npx turbo run test
+        run: npm run test
 
       - name: Run lints
-        run: npx turbo run lint
+        run: npm run lint
 
       - name: Run style lint
         run: npm run test:stylelint

packages/eslint-config/package.json → configuration/eslint-config/package.json

@@ -4,14 +4,14 @@
   "private": true,
   "version": "3.0.0",
   "dependencies": {
-    "eslint-config-turbo": "latest",
-    "eslint-config-airbnb": "^18.2.1",
-    "eslint-config-airbnb-typescript": "^12.3.1",
-    "@typescript-eslint/eslint-plugin": "^5.30.6",
+    "@typescript-eslint/eslint-plugin": "^5.54.1",
     "@typescript-eslint/parser": "^5.23.0",
     "eslint": "^8.2.0",
+    "eslint-config-airbnb": "^18.2.1",
     "eslint-config-airbnb-base": "^15.0.0",
+    "eslint-config-airbnb-typescript": "^17.0.0",
     "eslint-config-prettier": "8.3.0",
+    "eslint-config-turbo": "latest",
     "eslint-plugin-chai-friendly": "0.7.2",
     "eslint-plugin-cypress": "2.12.1",
     "eslint-plugin-formatjs": "3.0.0",
@@ -22,5 +22,8 @@
     "eslint-plugin-prettier": "4.0.0",
     "eslint-plugin-react": "7.26.1",
     "eslint-plugin-react-hooks": "^4.2.0"
-  }
+  },
+  "files": [
+    "index.js"
+  ]
 }

configuration/jest-config/base.ts

@@ -0,0 +1,20 @@
+
+export default {
+  setupFilesAfterEnv: ['jest-extended/all'],
+  maxWorkers: '50%',
+  collectCoverageFrom: ["./src/**"],
+  collectCoverage: true,
+  moduleFileExtensions: ['js', 'ts'],
+  transform: {
+    '.*\\.(ts|js)$': [
+      '@swc/jest',
+    ],
+  },
+  transformIgnorePatterns: [],
+  roots: ['./src'],
+  "coverageThreshold": {
+    "global": {
+      "lines": 50
+    }
+  }
+};

configuration/jest-config/index.ts

@@ -0,0 +1,4 @@
+import reactConfig from './react';
+import baseConfig from './base';
+
+export { reactConfig, baseConfig };

configuration/jest-config/package.json

@@ -0,0 +1,9 @@
+{
+  "name": "@iot-app-kit/jest-config",
+  "version": "3.0.0",
+  "main": "index.ts",
+  "private": true,
+  "publishConfig": {
+    "access": "public"
+  }
+}

configuration/jest-config/react.ts

@@ -0,0 +1,25 @@
+export default {
+  setupFilesAfterEnv: ['jest-extended/all'],
+  maxWorkers: '50%',
+  moduleFileExtensions: ['js', 'ts', 'jsx', 'tsx'],
+  collectCoverage: true,
+  testEnvironment: 'jsdom',
+  transform: {
+    '.*\\.(tsx?|jsx?)$': [
+      '@swc/jest',
+      {
+        jsc: {
+          transform: {
+            react: {
+              runtime: 'automatic',
+            },
+          },
+        },
+      },
+    ],
+  },
+  transformIgnorePatterns: [],
+  moduleNameMapper: {
+    '\\.(css|scss)$': 'identity-obj-proxy',
+  },
+};

configuration/ts-config/README.md

@@ -0,0 +1,3 @@
+# `tsconfig`
+
+These are base shared `tsconfig.json`s from which all other `tsconfig.json`'s inherit from.

configuration/ts-config/base.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "https://json.schemastore.org/tsconfig",
+  "display": "Default",
+  "compilerOptions": {
+    "composite": false,
+    "declaration": true,
+    "declarationMap": true,
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "inlineSources": false,
+    "isolatedModules": true,
+    "moduleResolution": "node",
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "preserveWatchOutput": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "lib": ["ESNEXT"],
+    "module": "ESNext",
+    "target": "es2018"
+  },
+  "exclude": ["node_modules"]
+}

configuration/ts-config/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "@iot-app-kit/ts-config",
+  "version": "3.0.0",
+  "type": "module",
+  "private": true,
+  "files": [
+    "base.json",
+    "react-library.json"
+  ]
+}

configuration/ts-config/react-library.json

@@ -0,0 +1,11 @@
+{
+  "$schema": "https://json.schemastore.org/tsconfig",
+  "display": "React Library",
+  "extends": "./base.json",
+  "compilerOptions": {
+    "jsx": "react",
+    "lib": ["ESNEXT", "DOM"],
+    "module": "ESNext",
+    "target": "es2018"
+  }
+}