Merge branch 'staging' into entry-page

Author: mvadari

.env.example

@@ -16,18 +16,18 @@ VITE_XAHAU_TESTNET_LINK=
 VITE_CUSTOMNETWORK_LINK=
 VITE_VALIDATOR=vl.ripple.com
 
+#XRPL Environment: mainnet, testnet, devnet, amm, hooks_testnet, custom
+VITE_ENVIRONMENT=mainnet
+
 #External data source - XRPLMeta node for token search results
 XRPL_META_URL=s1.xrplmeta.org
 
-#XRPL Environment: mainnet, testnet, devnet, amm, hooks_testnet, custom
-VITE_ENVIRONMENT=mainnet
+#LOS enpoint url
+VITE_LOS_URL=https://los.dev.ripplex.io
 
 #VHS endpoint url
 VITE_DATA_URL=https://data.xrpl.org/v1/network
 
 # Whether to use ws instead of wss (boolean)
 # Only used locally (the deployed Explorer requires wss)
 VITE_INSECURE_WS=0
-
-# LOS Endpoint URL
-VITE_LOS_URL=https://los.dev.ripplex.io

.eslintrc.js

@@ -7,6 +7,17 @@ module.exports = {
     'prettier',
   ],
   plugins: ['jsx-a11y', 'prettier', 'import'],
+  settings: {
+    'import/resolver': {
+      typescript: {
+        alwaysTryTypes: true,
+        project: './tsconfig.json',
+      },
+      node: {
+        extensions: ['.js', '.jsx', '.ts', '.tsx'],
+      },
+    },
+  },
   env: {
     browser: true,
     node: true,

.github/dependabot.yml

@@ -1,8 +1,8 @@
 version: 2
 updates:
-- package-ecosystem: npm
-  directory: "/"
-  schedule:
-    interval: monthly
-    time: "15:00"
-  open-pull-requests-limit: 10
+  - package-ecosystem: npm
+    directory: '/'
+    schedule:
+      interval: monthly
+      time: '15:00'
+    open-pull-requests-limit: 10

.github/workflows/copilot-setup-steps.yml

@@ -0,0 +1,46 @@
+name: Copilot Setup Steps
+
+env:
+  NODE_VERSION: 22.x
+  VITE_VALIDATOR: vl.ripple.com
+  VITE_RIPPLED_WS_PORT: 51233
+  VITE_RIPPLED_HOST: fake.rippled.example.com
+  VITE_MAINNET_LINK: mainnet.example.com
+  VITE_TESTNET_LINK: testnet.example.com
+  VITE_CUSTOMNETWORK_LINK: custom.example.com
+  VITE_DATA_URL: https://data.xrpl.org/v1/network
+
+on:
+  workflow_dispatch:
+  push:
+    branches: [main]
+  pull_request:
+    branches: [main]
+
+jobs:
+  copilot-setup:
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v4
+      - name: Use Node.js ${{ env.NODE_VERSION }}
+        uses: actions/setup-node@v4
+        with:
+          node-version: ${{ env.NODE_VERSION }}
+
+      - name: Cache node modules
+        id: cache-nodemodules
+        uses: actions/cache@v4
+        env:
+          cache-name: cache-node-modules
+        with:
+          # caching node_modules
+          path: node_modules
+          key: ${{ env.NODE_VERSION }}-build-${{ env.cache-name }}-${{ hashFiles('**/package-lock.json') }}
+          restore-keys: |
+            ${{ env.NODE_VERSION }}-build-${{ env.cache-name }}-
+            ${{ env.NODE_VERSION }}-build-
+
+      - name: Install Dependencies
+        if: steps.cache-nodemodules.outputs.cache-hit != 'true'
+        run: npm ci

.github/workflows/nodejs.yml

@@ -14,7 +14,7 @@ jobs:
     runs-on: ubuntu-latest
 
     steps:
-      - uses: actions/checkout@v4
+      - uses: actions/checkout@v5
       - name: Use Node.js ${{ env.NODE_VERSION }}
         uses: actions/setup-node@v4
         with:
@@ -37,13 +37,17 @@ jobs:
         if: steps.cache-nodemodules.outputs.cache-hit != 'true'
         run: npm ci
 
-      - run: npm run lint:ci
+      - run: |
+          npm run lint:ci
+
+      # This runs the pre-commit hooks defined in .pre-commit-config.yaml
+      - uses: pre-commit/action@v3.0.1
 
   test:
     runs-on: ubuntu-latest
 
     steps:
-      - uses: actions/checkout@v4
+      - uses: actions/checkout@v5
       - name: Use Node.js ${{ env.NODE_VERSION }}
         uses: actions/setup-node@v4
         with:
@@ -80,7 +84,7 @@ jobs:
     runs-on: ubuntu-latest
 
     steps:
-      - uses: actions/checkout@v4
+      - uses: actions/checkout@v5
       - name: Use Node.js ${{ env.NODE_VERSION }}
         uses: actions/setup-node@v4
         with:
@@ -109,7 +113,7 @@ jobs:
     runs-on: ubuntu-latest
 
     steps:
-      - uses: actions/checkout@v4
+      - uses: actions/checkout@v5
       - name: Use Node.js ${{ env.NODE_VERSION }}
         uses: actions/setup-node@v4
         with:

.pre-commit-config.yaml

@@ -0,0 +1,23 @@
+# .pre-commit-config.yaml
+repos:
+  - repo: https://github.com/pre-commit/pre-commit-hooks
+    rev: v5.0.0
+    hooks:
+      - id: check-case-conflict
+      - id: check-illegal-windows-names
+      - id: check-json
+      - id: check-merge-conflict
+      - id: check-symlinks
+      - id: check-yaml
+      - id: detect-private-key
+      - id: end-of-file-fixer
+      - id: fix-byte-order-marker
+      - id: forbid-submodules
+      - id: mixed-line-ending
+      - id: trailing-whitespace
+
+  - repo: https://github.com/rbubley/mirrors-prettier
+    rev: 5ba47274f9b181bce26a5150a725577f3c336011 # frozen: v3.6.2
+    hooks:
+      - id: prettier
+        args: [--no-semi]

.prettierignore

@@ -1,4 +1,3 @@
 build/
 coverage/
 node_modules/
-src/**/*.{css}

.vscode/extensions.json

@@ -1,8 +1,8 @@
 {
-    "recommendations": [
-      "dbaeumer.vscode-eslint",
-      "esbenp.prettier-vscode",
-      "stylelint.vscode-stylelint",
-      "vespa-dev-works.jestrunit",
-    ]
-  }
+  "recommendations": [
+    "dbaeumer.vscode-eslint",
+    "esbenp.prettier-vscode",
+    "stylelint.vscode-stylelint",
+    "vespa-dev-works.jestrunit"
+  ]
+}

CODE_OF_CONDUCT.md

@@ -8,19 +8,19 @@ In the interest of fostering an open and welcoming environment, we as contributo
 
 Examples of behavior that contributes to creating a positive environment include:
 
-* Using welcoming and inclusive language
-* Being respectful of differing viewpoints and experiences
-* Gracefully accepting constructive criticism
-* Focusing on what is best for the community
-* Showing empathy towards other community members
+- Using welcoming and inclusive language
+- Being respectful of differing viewpoints and experiences
+- Gracefully accepting constructive criticism
+- Focusing on what is best for the community
+- Showing empathy towards other community members
 
 Examples of behavior that does not contribute to creating a positive environment include:
 
-* Using sexualized language or imagery and unwelcome sexual attention or advances
-* Trolling, insulting/derogatory comments, and personal or political attacks
-* Public or private harassment
-* Publishing others' private information, such as a physical or electronic address, without explicit permission
-* Other conduct which could reasonably be considered inappropriate in a professional setting
+- Using sexualized language or imagery and unwelcome sexual attention or advances
+- Trolling, insulting/derogatory comments, and personal or political attacks
+- Public or private harassment
+- Publishing others' private information, such as a physical or electronic address, without explicit permission
+- Other conduct which could reasonably be considered inappropriate in a professional setting
 
 ## Our Responsibilities
 

docs/routing.md

@@ -9,6 +9,7 @@ The explorer uses some enhancements to `react-router` to provide type checking t
 In the future these objects can provide a common way to support legacy routes.
 
 ex.
+
 ```
 export const ACCOUNT_ROUTE: RouteDefinition<{
     id?: string
@@ -21,7 +22,7 @@ export const ACCOUNT_ROUTE: RouteDefinition<{
 
 ### `useRouteParams`
 
-A new hook which takes a `RouteDefinition` and wraps `react-router`'s `useRouteParams`.  This will derive the type of the params from the definition.
+A new hook which takes a `RouteDefinition` and wraps `react-router`'s `useRouteParams`. This will derive the type of the params from the definition.
 
 ex. `const { id = '', assetType = 'issued' } = useRouteParams(ACCOUNT_ROUTE)`