Use SDK on dapp-kit

.github/workflows/lint-build-test.yaml

@@ -1,38 +1,40 @@
 name: Lint, Build & Test
 
 on:
-    push:
-        branches: [main]
-    pull_request:
-        branches: [main]
+  push:
+    branches: [ main ]
+  pull_request:
+    branches: [ main ]
 
 concurrency:
-    group: ${{ github.head_ref || github.ref_name }}-build-test-scan
-    cancel-in-progress: true
+  group: ${{ github.head_ref || github.ref_name }}-build-test-scan
+  cancel-in-progress: true
 
 jobs:
-    build-and-test:
-        runs-on: ubuntu-latest
-        name: Lint, Build & Test
+  build-and-test:
+    runs-on: ubuntu-latest
+    name: Lint, Build & Test
 
-        steps:
-            - name: Checkout
-              uses: actions/checkout@v3
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
 
-            - name: Setup Node
-              uses: actions/setup-node@v3
-              with:
-                  node-version-file: .nvmrc
-                  cache: 'yarn'
+      - name: Setup Node
+        uses: actions/setup-node@v4
+        with:
+          node-version-file: .nvmrc
+          cache: 'yarn'
 
-            - name: Install
-              run: yarn install:all
+      - name: Install
+        run: |
+          yarn
+          yarn install:all
 
-            - name: Lint
-              run: yarn run lint
+      - name: Lint
+        run: yarn run lint
 
-            - name: Test
-              run: yarn run test
+      - name: Test
+        run: yarn run test
 
-            - name: Build
-              run: yarn run build
+      - name: Build
+        run: yarn run build

.github/workflows/test-e2e.yaml

@@ -1,42 +1,44 @@
 name: E2E Tests
 
 on:
-    push:
-        branches: [main]
-    pull_request:
-        branches: [main]
+  push:
+    branches: [ main ]
+  pull_request:
+    branches: [ main ]
 
 concurrency:
-    group: ${{ github.head_ref || github.ref_name }}-e2e-test
-    cancel-in-progress: true
+  group: ${{ github.head_ref || github.ref_name }}-e2e-test
+  cancel-in-progress: true
 
 jobs:
-    e2e-tests:
-        runs-on: ubuntu-latest
-        name: E2E Tests
-
-        steps:
-            - name: Install Stable Chrome
-              run: |
-                  wget -q -O - https://dl-ssl.google.com/linux/linux_signing_key.pub | sudo apt-key add -
-                  sudo sh -c 'echo "deb [arch=amd64] http://dl.google.com/linux/chrome/deb/ stable main" >> /etc/apt/sources.list.d/google.list'
-                  sudo apt-get update
-                  sudo apt-get install google-chrome-stable
-
-            - name: Install Stable chromedriver
-              uses: nanasess/setup-chromedriver@v2
-
-            - name: Checkout repository
-              uses: actions/checkout@v4
-
-            - name: Setup Node
-              uses: actions/setup-node@v3
-              with:
-                  node-version-file: .nvmrc
-                  cache: 'yarn'
-
-            - name: Install
-              run: yarn install:all
-
-            - name: Run E2E Tests
-              run: yarn test:e2e:ci
+  e2e-tests:
+    runs-on: ubuntu-latest
+    name: E2E Tests
+
+    steps:
+      - name: Install Stable Chrome
+        run: |
+          wget -q -O - https://dl-ssl.google.com/linux/linux_signing_key.pub | sudo apt-key add -
+          sudo sh -c 'echo "deb [arch=amd64] https://dl.google.com/linux/chrome/deb/ stable main" >> /etc/apt/sources.list.d/google.list'
+          sudo apt-get update
+          sudo apt-get install google-chrome-stable
+
+      - name: Install Stable chromedriver
+        uses: nanasess/setup-chromedriver@v2
+
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      - name: Setup Node
+        uses: actions/setup-node@v4
+        with:
+          node-version-file: .nvmrc
+          cache: 'yarn'
+
+      - name: Install
+        run: |
+          yarn
+          yarn install:all
+
+      - name: Run E2E Tests
+        run: yarn test:e2e:ci

.gitignore

@@ -39,4 +39,4 @@ yarn-error.log*
 .parcel-cache
 
 veworld-dist
-.reports
+.reports

.nvmrc

@@ -1 +1 @@
-v18.20.0
+v20.17.0

.yarnrc.yml

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

examples/sample-angular-app/package.json

@@ -13,22 +13,22 @@
         "watch": "ng build --watch --configuration development"
     },
     "dependencies": {
-        "@angular/animations": "^16.1.0",
-        "@angular/common": "^16.1.0",
-        "@angular/compiler": "^16.1.0",
-        "@angular/core": "^16.1.0",
-        "@angular/forms": "^16.1.0",
-        "@angular/localize": "^16.1.0",
-        "@angular/platform-browser": "^16.1.0",
-        "@angular/platform-browser-dynamic": "^16.1.0",
-        "@angular/router": "^16.1.0",
+        "@angular/animations": "^18.2.2",
+        "@angular/common": "^18.2.2",
+        "@angular/compiler": "^18.2.2",
+        "@angular/core": "^18.2.2",
+        "@angular/forms": "^18.2.2",
+        "@angular/localize": "^18.2.2",
+        "@angular/platform-browser": "^18.2.2",
+        "@angular/platform-browser-dynamic": "^18.2.2",
+        "@angular/router": "^18.2.2",
         "@caliatys/array-typer": "^1.0.0",
         "@ng-bootstrap/ng-bootstrap": "^15.0.1",
         "@ngx-translate/core": "^15.0.0",
         "@ngx-translate/http-loader": "^8.0.0",
         "@popperjs/core": "^2.11.8",
-        "@vechain/dapp-kit": "*",
-        "@vechain/dapp-kit-ui": "*",
+        "@vechain/dapp-kit": "workspace:^",
+        "@vechain/dapp-kit-ui": "workspace:^",
         "angular-svg-icon": "^16.0.0",
         "assert": "2.1.0",
         "axios": "^1.7.4",
@@ -45,9 +45,9 @@
         "zone.js": "~0.13.1"
     },
     "devDependencies": {
-        "@angular-devkit/build-angular": "^16.1.0",
-        "@angular/cli": "^16.1.0",
-        "@angular/compiler-cli": "^16.1.0",
+        "@angular-devkit/build-angular": "^18.2.2",
+        "@angular/cli": "^18.2.2",
+        "@angular/compiler-cli": "^18.2.2",
         "@types/jasmine": "~3.10.0",
         "@types/node": "^12.11.1",
         "jasmine-core": "~4.0.0",
@@ -56,6 +56,6 @@
         "karma-coverage": "~2.1.0",
         "karma-jasmine": "~4.0.0",
         "karma-jasmine-html-reporter": "~1.7.0",
-        "typescript": "5.1.3"
+        "typescript": "5.4.2"
     }
 }

examples/sample-angular-app/src/app/app.component.ts

@@ -1,5 +1,5 @@
 // Angular modules
-import { CUSTOM_ELEMENTS_SCHEMA, Component, type OnInit } from '@angular/core';
+import { Component, CUSTOM_ELEMENTS_SCHEMA, type OnInit } from '@angular/core';
 import { DAppKitUI } from '@vechain/dapp-kit-ui';
 
 @Component({
@@ -24,12 +24,11 @@ export class AppComponent implements OnInit {
             },
         };
 
-        const vechainDAppKitOptions = {
+        DAppKitUI.configure({
             nodeUrl: 'https://testnet.vechain.org/',
             walletConnectOptions,
             usePersistence: true,
-        };
-        DAppKitUI.configure(vechainDAppKitOptions);
+        });
 
         // custom button configuration
         const customButton = document.getElementById('custom-button');

examples/sample-angular-app/tsconfig.json

@@ -21,6 +21,7 @@
         "target": "ES2022",
         "module": "es2020",
         "lib": ["es2020", "dom", "ES2021.String"],
+        "typeRoots": ["node_modules/@types", "../../node_modules/@types"],
         "paths": {
             "crypto": ["../../node_modules/crypto-browserify"],
             "buffer": ["../../node_modules/buffer"],

examples/sample-next-app/src/app/layout.tsx

@@ -46,7 +46,6 @@ export default function RootLayout({
             </head>
             <body className={inter.className}>
                 <DAppKitProvider
-                    genesis="test"
                     logLevel="DEBUG"
                     nodeUrl="https://testnet.vechain.org/"
                     usePersistence

examples/sample-next-app/tsconfig.json

@@ -21,7 +21,8 @@
         ],
         "paths": {
             "@/*": ["./src/*"]
-        }
+        },
+        "typeRoots": ["node_modules/@types"]
     },
     "include": [
         "next-env.d.ts",