[Bridge] Frontend Development

tools/bridge-frontend/.nvmrc

@@ -0,0 +1 @@
+v20.11.0

tools/bridge-frontend/Dockerfile

@@ -11,11 +11,13 @@ WORKDIR /home/obscuro/go-obscuro/tools/bridge-frontend
 ARG API_HOST
 ARG API_HOST_ENVIRONMENT
 ARG GOOGLE_ANALYTICS_ID
+ARG INFURA_KEY
 
 # ENV for URL to be used in the app
 ENV NEXT_PUBLIC_BRIDGE_API_HOST=${API_HOST}
 ENV NEXT_PUBLIC_BRIDGE_API_HOST_ENVIRONMENT=${API_HOST_ENVIRONMENT}
 ENV NEXT_PUBLIC_BRIDGE_GOOGLE_ANALYTICS_ID=${GOOGLE_ANALYTICS_ID}
+ENV NEXT_PUBLIC_BRIDGE_INFURA_KEY=${INFURA_KEY}
 
 RUN npm install
 

tools/bridge-frontend/api/general.ts

@@ -0,0 +1,20 @@
+import { INetworkConfig, ResponseDataInterface } from "@/src/types";
+import { httpRequest } from "@/api";
+import { pathToUrl } from "@/src/routes/router";
+import { apiRoutes } from "@/src/routes";
+
+export const fetchTestnetStatus = async (): Promise<
+  ResponseDataInterface<boolean>
+> => {
+  return await httpRequest<ResponseDataInterface<boolean>>({
+    method: "get",
+    url: pathToUrl(apiRoutes.getHealthStatus),
+  });
+};
+
+export const fetchNetworkConfig = async (): Promise<INetworkConfig> => {
+  return await httpRequest<INetworkConfig>({
+    method: "get",
+    url: apiRoutes.getNetworkConfig,
+  });
+};

tools/bridge-frontend/api/index.ts

@@ -0,0 +1,90 @@
+import { apiHost } from "@/src/lib/constants";
+import axios, { AxiosInstance, AxiosRequestConfig } from "axios";
+
+type HttpMethod = "get" | "post" | "put" | "patch" | "delete";
+
+interface HttpOptions {
+  method?: HttpMethod;
+  url: string;
+  data?: Record<string, any>;
+  params?: Record<string, any>;
+  headers?: Record<string, any>;
+  timeout?: number;
+  responseType?:
+    | "json"
+    | "arraybuffer"
+    | "blob"
+    | "document"
+    | "text"
+    | undefined;
+  download?: boolean;
+  searchParams?: Record<string, any>;
+}
+
+const baseConfig: AxiosRequestConfig = {
+  baseURL: apiHost,
+  timeout: 10000,
+};
+
+const https: AxiosInstance = axios.create(baseConfig);
+
+export const httpRequest = async <ResponseData>(
+  options: HttpOptions,
+  config: AxiosRequestConfig = {}
+): Promise<ResponseData> => {
+  const {
+    method = "get",
+    url,
+    data,
+    params,
+    headers,
+    timeout,
+    responseType,
+    searchParams,
+  } = options;
+  let query = "";
+  if (searchParams) {
+    const filteredParams = Object.fromEntries(
+      Object.entries(searchParams).filter(
+        ([, value]) => value !== undefined && value !== null && value !== ""
+      )
+    );
+    if (Object.keys(filteredParams).length) {
+      query = new URLSearchParams(filteredParams).toString();
+    }
+  }
+
+  const httpConfig: AxiosRequestConfig = {
+    method,
+    url: query ? `${url}?${query}` : url,
+    data,
+    params,
+    headers: { ...(headers || {}) },
+    timeout,
+    responseType: responseType,
+    ...config,
+  };
+  try {
+    const response = await https(httpConfig);
+    return response.data as ResponseData;
+  } catch (error) {
+    handleHttpError(error);
+    throw error;
+  }
+};
+
+// Centralized error handling function
+const handleHttpError = (error: any) => {
+  // if the error is a server error (status code 5xx) before handling
+  if (isAxiosError(error) && error.response && error.response.status >= 500) {
+    console.error("Server error:", error);
+  } else {
+    // other errors
+    console.error("An error occurred:", error);
+  }
+};
+
+// Type guard to check if the error is an AxiosError
+const isAxiosError = (error: any): error is import("axios").AxiosError => {
+  return error.isAxiosError === true;
+};

tools/bridge-frontend/artifacts/IBridge.sol/IBridge.dbg.json

@@ -0,0 +1,4 @@
+{
+  "_format": "hh-sol-dbg-1",
+  "buildInfo": "../../../build-info/a4921f6681a364e2d509435b886be59f.json"
+}

tools/bridge-frontend/artifacts/IBridge.sol/IBridge.json

@@ -0,0 +1,70 @@
+{
+  "_format": "hh-sol-artifact-1",
+  "contractName": "IBridge",
+  "sourceName": "src/bridge/IBridge.sol",
+  "abi": [
+    {
+      "inputs": [
+        {
+          "internalType": "address",
+          "name": "asset",
+          "type": "address"
+        },
+        {
+          "internalType": "uint256",
+          "name": "amount",
+          "type": "uint256"
+        },
+        {
+          "internalType": "address",
+          "name": "receiver",
+          "type": "address"
+        }
+      ],
+      "name": "receiveAssets",
+      "outputs": [],
+      "stateMutability": "nonpayable",
+      "type": "function"
+    },
+    {
+      "inputs": [
+        {
+          "internalType": "address",
+          "name": "asset",
+          "type": "address"
+        },
+        {
+          "internalType": "uint256",
+          "name": "amount",
+          "type": "uint256"
+        },
+        {
+          "internalType": "address",
+          "name": "receiver",
+          "type": "address"
+        }
+      ],
+      "name": "sendERC20",
+      "outputs": [],
+      "stateMutability": "nonpayable",
+      "type": "function"
+    },
+    {
+      "inputs": [
+        {
+          "internalType": "address",
+          "name": "receiver",
+          "type": "address"
+        }
+      ],
+      "name": "sendNative",
+      "outputs": [],
+      "stateMutability": "payable",
+      "type": "function"
+    }
+  ],
+  "bytecode": "0x",
+  "deployedBytecode": "0x",
+  "linkReferences": {},
+  "deployedLinkReferences": {}
+}