fix: eslint

examples/sample-angular-app/.eslintrc.js → examples/sample-angular-app/eslint.config.mjs

@@ -1,7 +1,6 @@
-const Config = require('@vechain/repo-config');
+export default {
+    extends: ['plugin:angular/recommended'],
 
-module.exports = {
-    ...Config.EslintLibrary,
     rules: {
         'no-constant-binary-expression': 'off',
         'eslint-comments/disable-enable-pair': 'off',

examples/sample-angular-app/package.json

@@ -8,7 +8,7 @@
         "clean": "rm -rf dist .turbo .angular",
         "dev": "ng serve --port 5004",
         "gh-pages-build": "ng build --configuration development --base-href '/vechain-dapp-kit/angular/'",
-        "lint": "eslint src --ext .js,.jsx,.ts,.tsx",
+        "lint": "eslint",
         "preview": "ng serve --port 5004",
         "purge": "yarn clean; rm -rf node_modules",
         "watch": "ng build --watch --configuration development"

examples/sample-react-app/eslint.config.mjs

@@ -1,4 +1,4 @@
-module.exports = {
+export default {
     root: true,
     env: { browser: true, es2020: true },
     extends: [

examples/sample-react-app/package.json

@@ -8,7 +8,7 @@
         "clean": "rm -rf dist .turbo",
         "dev": "vite",
         "gh-pages-build": "tsc && vite build",
-        "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+        "lint": "eslint",
         "preview": "vite preview --mode=development",
         "purge": "yarn clean; rm -rf node_modules",
         "test": "vitest"

examples/sample-remix-app/eslint.config.mjs

@@ -0,0 +1,77 @@
+export default {
+    root: true,
+    parserOptions: {
+        ecmaVersion: 'latest',
+        sourceType: 'module',
+        ecmaFeatures: {
+            jsx: true,
+        },
+    },
+    env: {
+        browser: true,
+        commonjs: true,
+        es6: true,
+    },
+    ignorePatterns: ['!**/.server', '!**/.client'],
+
+    // Base config
+    extends: ['eslint:recommended'],
+
+    overrides: [
+        // React
+        {
+            files: ['**/*.{js,jsx,ts,tsx}'],
+            plugins: ['react', 'jsx-a11y'],
+            extends: [
+                'plugin:react/recommended',
+                'plugin:react/jsx-runtime',
+                'plugin:react-hooks/recommended',
+                'plugin:jsx-a11y/recommended',
+            ],
+            settings: {
+                react: {
+                    version: 'detect',
+                },
+                formComponents: ['Form'],
+                linkComponents: [
+                    { name: 'Link', linkAttribute: 'to' },
+                    { name: 'NavLink', linkAttribute: 'to' },
+                ],
+                'import/resolver': {
+                    typescript: {},
+                },
+            },
+        },
+
+        // Typescript
+        {
+            files: ['**/*.{ts,tsx}'],
+            plugins: ['@typescript-eslint', 'import'],
+            parser: '@typescript-eslint/parser',
+            settings: {
+                'import/internal-regex': '^~/',
+                'import/resolver': {
+                    node: {
+                        extensions: ['.ts', '.tsx'],
+                    },
+                    typescript: {
+                        alwaysTryTypes: true,
+                    },
+                },
+            },
+            extends: [
+                'plugin:@typescript-eslint/recommended',
+                'plugin:import/recommended',
+                'plugin:import/typescript',
+            ],
+        },
+
+        // Node
+        {
+            files: ['.eslintrc.cjs'],
+            env: {
+                node: true,
+            },
+        },
+    ],
+};

examples/sample-remix-app/package.json

@@ -8,7 +8,7 @@
         "build": "remix vite:build --mode=development",
         "dev": "remix vite:dev",
         "gh-pages-build": "remix vite:build",
-        "lint": "eslint --ignore-path .gitignore --cache --cache-location ./node_modules/.cache/eslint .",
+        "lint": "eslint",
         "preview": "PORT=5007 remix-serve ./build/server/index.js",
         "typecheck": "tsc"
     },

examples/sample-svelte-app/eslint.config.mjs

@@ -0,0 +1,5 @@
+export default {
+    rules: {
+        'no-constant-binary-expression': 'off',
+    },
+};

examples/sample-svelte-app/package.json

@@ -8,7 +8,7 @@
         "clean": "rm -rf .svelte-kit dist .turbo",
         "dev": "vite dev",
         "gh-pages-build": "BASE_PATH='/vechain-dapp-kit/svelte' vite build",
-        "lint": "eslint src --ext .js,.jsx,.ts,.tsx",
+        "lint": "eslint",
         "preview": "vite preview",
         "purge": "yarn clean; rm -rf node_modules"
     },

packages/dapp-kit-react/eslint.config.mjs

@@ -7,7 +7,7 @@ export default {
         '@vercel/style-guide/eslint/browser',
         '@vercel/style-guide/eslint/typescript',
         '@vercel/style-guide/eslint/react',
-    ].map(resolve),
+    ],
     parserOptions: {
         project,
         ecmaVersion: 'latest',

packages/dapp-kit-react/package.json

@@ -18,7 +18,7 @@
     "scripts": {
         "build": "tsup",
         "clean": "rm -rf dist .turbo",
-        "lint": "tsc --noEmit && eslint src --ext .js,.jsx,.ts,.tsx",
+        "lint": "eslint",
         "purge": "yarn clean && rm -rf node_modules",
         "test": "vitest run --coverage",
         "watch": "yarn build --watch"

packages/dapp-kit-ui/eslint.config.mjs

@@ -7,7 +7,7 @@ export default {
     extends: [
         '@vercel/style-guide/eslint/node',
         '@vercel/style-guide/eslint/typescript',
-    ].map(require.resolve),
+    ],
     parserOptions: {
         project,
     },

packages/dapp-kit-ui/package.json

@@ -27,7 +27,7 @@
         "clean": "rm -rf dist .turbo",
         "dev": "rm -rf ../../.parcel-cache; parcel --no-cache index.html",
         "format": "prettier \"**/*.{cjs,html,js,json,md,ts}\" --ignore-path ./.eslintignore --write",
-        "lint": "tsc --noEmit &&  eslint src --ext .js,.jsx,.ts,.tsx",
+        "lint": "eslint",
         "purge": "yarn clean && rm -rf node_modules",
         "test": "vitest run --coverage",
         "test:dev": "vitest run ",

packages/dapp-kit-ui/src/components/buttons/address-button.ts

@@ -4,6 +4,7 @@ import { Font, type ThemeMode } from '../../constants';
 import { friendlyAddress, getPicassoImage } from '../../utils/account';
 import { buttonStyle } from '../../assets/styles';
 import { DAppKitUI } from '../../client';
+import { shortenedDomain } from '@vechain/dapp-kit';
 
 @customElement('vdk-address-button')
 export class AddressButton extends LitElement {
@@ -86,7 +87,7 @@ export class AddressButton extends LitElement {
 
         const addressOrDomain =
             this.accountDomain && !this.isAccountDomainLoading
-                ? this.accountDomain
+                ? shortenedDomain(this.accountDomain, 7)
                 : friendlyAddress(this.address ?? '');
         return html` <vdk-fonts></vdk-fonts>
             <button