Merge pull request #258 from skip-mev/proxy-skip-api-url-and-set-header

proxy skip api url and set header authorization key

env.d.ts

@@ -13,6 +13,8 @@ declare namespace NodeJS {
     readonly WALLETCONNECT_VERIFY_KEY?: string;
     readonly WORD_PHRASE_KEY?: string;
     readonly NEXT_PUBLIC_IS_TESTNET?: boolean;
+
+    readonly SKIP_API_KEY?: string;
   }
 }
 

next.config.js

@@ -31,6 +31,10 @@ let nextConfig = {
       source: "/api/rpc/(.*)",
       destination: "/api/rpc/handler",
     },
+    {
+      source: "/api/skip/(.*)",
+      destination: "/api/skip/handler",
+    },
   ],
   transpilePackages:
     process.env.NODE_ENV === "test"

src/pages/api/skip/handler.ts

@@ -0,0 +1,34 @@
+// Next.js API route support: https://nextjs.org/docs/api-routes/introduction
+import type { NextApiRequest } from "next";
+import { PageConfig } from "next";
+
+import { API_URL } from "@/constants/api";
+
+export const config: PageConfig = {
+  api: {
+    externalResolver: true,
+    bodyParser: false,
+  },
+  runtime: "edge",
+};
+
+export default async function handler(req: NextApiRequest) {
+  try {
+    const splitter = "/api/skip/";
+
+    const [...args] = req.url!.split(splitter).pop()!.split("/");
+    const uri = [API_URL, ...args].join("/");
+    const headers = new Headers();
+    if (process.env.SKIP_API_KEY) {
+      headers.set("authorization", process.env.SKIP_API_KEY);
+    }
+    return fetch(uri, {
+      body: req.body,
+      method: req.method,
+      headers,
+    });
+  } catch (error) {
+    const data = JSON.stringify({ error });
+    return new Response(data, { status: 500 });
+  }
+}

src/solve/context.tsx

@@ -6,7 +6,7 @@ import { createContext, ReactNode } from "react";
 import { WalletClient } from "viem";
 
 import { chainIdToName } from "@/chains/types";
-import { API_URL, appUrl } from "@/constants/api";
+import { appUrl } from "@/constants/api";
 import { trackWallet } from "@/context/track-wallet";
 import { config } from "@/lib/wagmi";
 import { gracefullyConnect, isWalletClientUsingLedger } from "@/utils/wallet";
@@ -19,7 +19,7 @@ export function SkipProvider({ children }: { children: ReactNode }) {
 
   const skipClient = new SkipRouter({
     clientID: process.env.NEXT_PUBLIC_CLIENT_ID,
-    apiURL: API_URL,
+    apiURL: `${appUrl}/api/skip`,
     getCosmosSigner: async (chainID) => {
       const chainName = chainIdToName[chainID];
       if (!chainName) {