Merge branch 'main' into fix/search-debounce

.env.development

@@ -1,2 +1,3 @@
 VITE_API_BASE_URL=http://localhost:3000
+VITE_CLERK_PUBLISHABLE_KEY=pk_test_b3B0aW1hbC1jaGlja2VuLTU3LmNsZXJrLmFjY291bnRzLmRldiQ
 VITE_LOG_LEVEL=debug

.env.staging

@@ -0,0 +1,3 @@
+VITE_API_BASE_URL=https://api-stage.restaking.info
+VITE_CLERK_PUBLISHABLE_KEY=pk_test_b3B0aW1hbC1jaGlja2VuLTU3LmNsZXJrLmFjY291bnRzLmRldiQ
+VITE_LOG_LEVEL=info

amplify.yml

@@ -0,0 +1,16 @@
+version: 1
+frontend:
+    phases:
+        preBuild:
+            commands:
+                - 'npm ci --cache .npm --prefer-offline'
+        build:
+            commands:
+              - '[[ "$AWS_BRANCH" == release* ]] && npm run build || npm run build:stage'
+    artifacts:
+        baseDirectory: dist
+        files:
+            - '**/*'
+    cache:
+        paths:
+            - '.npm/**/*'

package.json

@@ -6,14 +6,16 @@
   "scripts": {
     "dev": "vite --host",
     "build": "vite build",
-    "lint": "eslint . --report-unused-disable-directives --max-warnings 0",
+    "build:stage": "vite build --mode staging",
     "preview": "vite preview"
   },
   "dependencies": {
+    "@clerk/clerk-react": "^5.4.5",
     "@nextui-org/react": "^2.4.6",
     "@visx/axis": "^3.10.1",
     "@visx/curve": "^3.3.0",
     "@visx/event": "^3.3.0",
+    "@visx/gradient": "^3.3.0",
     "@visx/grid": "^3.5.0",
     "@visx/group": "^3.3.0",
     "@visx/hierarchy": "^3.3.0",

src/@services/AVSService.js

@@ -1,9 +1,13 @@
 import BaseService from './BaseService';
 
 export default class AVSService extends BaseService {
+  constructor(context) {
+    super(context);
+  }
+
   async getAll(pageNumber, pageSize = 10, search, sort, signal) {
     const pageIndex = Math.max(0, pageNumber - 1);
-    const response = await BaseService._get('/avs', {
+    const response = await this._get('/avs', {
       query: { 'page-index': pageIndex, 'page-size': pageSize, search, sort },
       signal
     });
@@ -16,7 +20,7 @@ export default class AVSService extends BaseService {
   }
 
   async getAVSDetails(address) {
-    const response = await BaseService._get(`/avs/${address}`);
+    const response = await this._get(`/avs/${address}`);
 
     if (response.ok) {
       return await response.json();
@@ -27,7 +31,7 @@ export default class AVSService extends BaseService {
 
   async getAVSOperators(address, pageNumber, search, sort, signal) {
     const pageIndex = Math.max(0, pageNumber - 1);
-    const response = await BaseService._get(`/avs/${address}/operators`, {
+    const response = await this._get(`/avs/${address}/operators`, {
       query: {
         'page-index': pageIndex,
         search,
@@ -44,7 +48,7 @@ export default class AVSService extends BaseService {
   }
 
   async getAVSTotalValue(address) {
-    const response = await BaseService._get(`/avs/${address}/tvl`);
+    const response = await this._get(`/avs/${address}/tvl`);
 
     if (response.ok) {
       return await response.json();
@@ -54,9 +58,7 @@ export default class AVSService extends BaseService {
   }
 
   async getAVSOperatorsOvertime(address) {
-    const response = await BaseService._get(
-      `/avs/${address}/operators/over-time`
-    );
+    const response = await this._get(`/avs/${address}/operators/over-time`);
 
     if (response.ok) {
       return await response.json();

src/@services/BaseService.js

@@ -1,5 +1,15 @@
 export default class BaseService {
-  static async #call(endpoint, options) {
+  #context;
+
+  constructor(context) {
+    if (!context) {
+      throw new Error('`context` is required');
+    }
+
+    this.#context = context;
+  }
+
+  async #call(endpoint, options) {
     const url = new URL(
       `${endpoint.startsWith('/') ? '' : '/'}${endpoint}`,
       import.meta.env.VITE_API_BASE_URL
@@ -22,7 +32,7 @@ export default class BaseService {
     const request = {
       credentials: 'include',
       headers: {
-        Accept: 'application/json',
+        accept: 'application/json',
         'accept-language': 'en-us',
         'content-type': `application/json; charset=utf-8`,
         ...options?.headers
@@ -31,6 +41,14 @@ export default class BaseService {
       signal: options?.signal
     };
 
+    if (this.#context.session) {
+      const token = await this.#context.session.getToken();
+
+      if (token) {
+        request.headers.authorization = `Bearer ${token}`;
+      }
+    }
+
     if (options?.body != null) {
       const isFormData = options.body instanceof FormData;
 
@@ -62,7 +80,7 @@ export default class BaseService {
    * @param {{body: object, headers: object, query: object}?} options
    * @returns {Promise<Response>}
    */
-  static _delete(endpoint, options) {
+  _delete(endpoint, options) {
     return this.#call(endpoint, { ...options, method: 'delete' });
   }
 
@@ -72,7 +90,7 @@ export default class BaseService {
    * @param {{body: object, headers: object, query: object}?} options
    * @returns {Promise<Response>}
    */
-  static _get(endpoint, options) {
+  _get(endpoint, options) {
     return this.#call(endpoint, { ...options, method: 'get' });
   }
 
@@ -82,7 +100,7 @@ export default class BaseService {
    * @param {{body: object, headers: object, query: object}?} options
    * @returns {Promise<Response>}
    */
-  static _patch(endpoint, options) {
+  _patch(endpoint, options) {
     return this.#call(endpoint, { ...options, method: 'patch' });
   }
 
@@ -92,7 +110,7 @@ export default class BaseService {
    * @param {{body: object, headers: object, query: object}?} options
    * @returns {Promise<Response>}
    */
-  static _post(endpoint, options) {
+  _post(endpoint, options) {
     return this.#call(endpoint, { ...options, method: 'post' });
   }
 
@@ -102,7 +120,7 @@ export default class BaseService {
    * @param {{body: object, headers: object, query: object}?} options
    * @returns {Promise<Response>}
    */
-  static _put(endpoint, options) {
+  _put(endpoint, options) {
     return this.#call(endpoint, { ...options, method: 'put' });
   }