Master release: support for veramo library, yarn 4.3

.github/workflows/check-sdk-version.yaml

@@ -1,6 +1,11 @@
 name: Test - Check SDK version
 
-on: pull_request
+on:
+  pull_request:
+    branches:
+      - master
+      - testnet
+      - development
 
 jobs:
   check-sdk-version:
@@ -9,11 +14,13 @@ jobs:
     steps:
       - name: 🏗 Setup repo
         uses: actions/checkout@v4
+
+      - name: Enable Corepack before setting up Node
+        run: corepack enable
 
       - name: 📦 Check it is using the latest version of the SDK
         uses: actions/setup-node@v4
         with:
-          node-version: 18.12.1
-      - run: corepack enable
+          node-version: 22.3.0
       - run: yarn install --immutable
       - run: yarn run updateSdkVersion $GITHUB_BASE_REF check

.github/workflows/security-scan.yaml

@@ -1,6 +1,6 @@
 name: Run Security Scan with Dastardly and ZAP Full Scan
 
-on: pull_request
+on: push
 
 jobs:
   security-scan:
@@ -9,21 +9,22 @@ jobs:
     steps:
       - name: Checkout code
         uses: actions/checkout@v4
+
+      - name: Enable Corepack before setting up Node
+        run: corepack enable
 
       - name: 🚀 Build app
         uses: actions/setup-node@v4
         with:
-          node-version: 18.12.1
-      - run: corepack enable
+          node-version: 22.3.0
       - run: yarn install --immutable
       - run: yarn run build
       - run: echo $(id -u) $(id -g) $(whoami)
 
       - name: 🚀 Run accounts website
         uses: actions/setup-node@v4
         with:
-          node-version: 18.12.1
-      - run: corepack enable
+          node-version: 22.3.0
       - run: node generate-sitemap.js accounts
       - run: yarn run start:prod:accounts &
       - run: sleep 8
@@ -65,8 +66,7 @@ jobs:
       - name: 🚀 Run demo website
         uses: actions/setup-node@v4
         with:
-          node-version: 18.12.1
-      - run: corepack enable
+          node-version: 22.3.0
       - run: node generate-sitemap.js demo
       - run: yarn run start:prod:demo &
       - run: sleep 8

.github/workflows/test.yaml

@@ -0,0 +1,24 @@
+name: Test - build, test and lint
+
+on: push
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - name: Enable Corepack before setting up Node
+        run: corepack enable
+
+      - name: 🚀 Build app
+        uses: actions/setup-node@v4
+        with:
+          node-version: 22.3.0
+      - run: yarn install --immutable
+      - run: yarn run build
+      # TODO: fix linting
+      # - run: yarn run lint
+

.vscode/settings.json

@@ -9,5 +9,11 @@
     "cSpell.words": [
         "Tonomy",
         "tonomy"
-    ]
+    ],
+    "git.branchPrefix": "feature/",
+    "git.branchProtection": [
+        "master",
+        "main",
+        "development"
+    ],
 }

.yarnrc.yml

@@ -1,3 +1 @@
 nodeLinker: node-modules
-
-yarnPath: .yarn/releases/yarn-3.1.1.cjs

README.md

@@ -61,6 +61,10 @@ Other environment variables override the values in the config file:
 
 ## Errors
 
+### Debugging
+
+Uses [debug](https://www.npmjs.com/package/debug) package. Use `export VITE_DEBUG="tonomy*"` to see all debug logs.
+
 ### Common errors and how to fix
 
 `Origin not found`

eslint.config.js

@@ -0,0 +1,57 @@
+import eslint from "@eslint/js";
+import tseslint from "typescript-eslint";
+import prettier from "eslint-plugin-prettier/recommended";
+import globals from "globals";
+import rheslint from "eslint-plugin-react-hooks";
+
+export default [
+    eslint.configs.recommended,
+    ...tseslint.configs.recommended,
+    prettier,
+    {
+        plugins: {
+            "react-hooks": rheslint,
+        },
+        rules: {
+            eqeqeq: "error",
+            "no-console": "warn",
+            "prettier/prettier": "error",
+            "@typescript-eslint/ban-ts-comment": "warn",
+            "react/display-name": "off",
+            "react/no-children-prop": "off",
+            "react/react-in-jsx-scope": "off",
+            "react-hooks/rules-of-hooks": "error",
+            "react-hooks/exhaustive-deps": "warn",
+            "padding-line-between-statements": [
+                "warn",
+                { blankLine: "always", prev: "block-like", next: "*" },
+                { blankLine: "always", prev: "block", next: "*" },
+                { blankLine: "always", prev: "*", next: ["block", "block-like"] },
+                { blankLine: "always", prev: ["const", "let", "var"], next: "*" },
+                {
+                    blankLine: "any",
+                    prev: ["const", "let", "var"],
+                    next: ["const", "let", "var"],
+                },
+                { blankLine: "always", prev: ["export", "import"], next: "*" },
+                { blankLine: "any", prev: "import", next: "import" },
+                { blankLine: "any", prev: "export", next: "export" },
+            ],
+        },
+        languageOptions: {
+            ecmaVersion: 6,
+            sourceType: "module",
+            parserOptions: {
+                ecmaFeatures: {
+                    jsx: true,
+                },
+            },
+            globals: {
+                ...globals.browser,
+                ...globals.jest,
+            },
+        },
+        files: ["**/*.js", "**/*.ts"],
+        ignores: ["build/**"],
+    },
+];

package.json

@@ -7,7 +7,7 @@
     "dev": "vite",
     "build": "tsc && vite build",
     "preview": "vite preview",
-    "lint:ts": "eslint src --ext '[.ts, .tsx]' --resolve-plugins-relative-to .",
+    "lint:ts": "eslint src",
     "lint:styles": "stylelint \"src/**/*.css\"",
     "lint": "yarn run lint:ts && yarn run lint:styles",
     "lint:fix": "yarn lint --fix",
@@ -17,50 +17,53 @@
     "updateSdkVersion": "./update_sdk_version.sh"
   },
   "dependencies": {
-    "@emotion/react": "^11.10.6",
-    "@emotion/styled": "^11.10.6",
-    "@mui/icons-material": "^5.11.11",
+    "@emotion/react": "^11.12.0",
+    "@emotion/styled": "^11.12.0",
+    "@mui/icons-material": "^5.16.4",
     "@mui/lab": "^5.0.0-alpha.151",
-    "@mui/material": "^5.14.16",
-    "@tonomy/tonomy-id-sdk": "0.20.0",
-    "@wharfkit/antelope": "^0.7.1",
+    "@mui/material": "^5.16.4",
+    "@tonomy/tonomy-id-sdk": "0.22.0",
+    "@wharfkit/antelope": "^1.0.8",
     "rc-highlight": "^2.5.6",
     "react": "^18.2.0",
     "react-bootstrap": "^2.7.4",
     "react-dom": "^18.2.0",
     "react-prism": "^4.3.2",
     "react-pro-sidebar": "^1.0.0",
     "react-qr-code": "^2.0.11",
-    "react-router-dom": "^6.8.1",
-    "styled-components": "^6.0.0-rc.1",
-    "web-vitals": "^3.1.1",
+    "react-router-dom": "^6.25.1",
+    "sql.js": "^1.10.3",
+    "styled-components": "^6.1.12",
+    "web-vitals": "^4.2.2",
     "zustand": "^4.3.6"
   },
   "devDependencies": {
-    "@rollup/plugin-alias": "^4.0.3",
+    "@eslint/js": "^9.7.0",
+    "@rollup/plugin-alias": "^5.1.0",
     "@rollup/plugin-node-resolve": "^15.0.1",
-    "@types/node": "^18.14.2",
+    "@types/node": "^20.14.11",
     "@types/react": "^18.0.27",
     "@types/react-dom": "^18.0.10",
-    "@typescript-eslint/eslint-plugin": "^5.0.0",
-    "@vitejs/plugin-react": "^3.1.0",
-    "eslint": "^8.0.1",
-    "eslint-config-prettier": "^8.6.0",
-    "eslint-config-standard-with-typescript": "^34.0.0",
-    "eslint-plugin-import": "^2.25.2",
-    "eslint-plugin-n": "^15.0.0",
-    "eslint-plugin-prettier": "^4.2.1",
-    "eslint-plugin-promise": "^6.0.0",
-    "eslint-plugin-react": "^7.32.2",
+    "@typescript-eslint/eslint-plugin": "^7.16.1",
+    "@vitejs/plugin-react": "^4.3.1",
+    "eslint": "^9.7.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-prettier": "^5.2.1",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "prettier": "^2.8.4",
+    "globals": "^15.8.0",
+    "prettier": "^3.3.3",
     "serve": "^14.2.0",
-    "stylelint": "^15.11.0",
+    "stylelint": "^16.7.0",
     "typescript": "*",
-    "vite": "^4.1.0"
+    "typescript-eslint": "^7.16.1",
+    "vite": "^5.3.4"
   },
-  "packageManager": "[email protected]",
   "resolutions": {
-    "@wharfkit/antelope": "0.7.1"
+    "jsonld": "link:./node_modules/@digitalcredentials/jsonld"
+  },
+  "packageManager": "[email protected]",
+  "engines": {
+    "node": ">=20.0.0",
+    "yarn": "^4.3.1"
   }
 }

src/accounts/pages/CallBack.tsx

@@ -1,7 +1,7 @@
 import React, { useEffect } from "react";
 import TProgressCircle from "../../common/atoms/TProgressCircle";
 import {
-  api,
+  ExternalUser,
   terminateLoginRequest,
   SdkError,
   SdkErrors,
@@ -19,7 +19,7 @@ export default function CallBackPage() {
 
   async function verifyLoginCallback() {
     try {
-      await api.ExternalUser.verifyLoginRequest();
+      await ExternalUser.verifyLoginRequest();
 
       const { success, error, response } = getLoginRequestResponseFromUrl();