feat: add AnyAPI provider

Adds AnyAPI (https://anyapi.ai) as a new AI provider option.
AnyAPI is a unified AI platform that provides access to hundreds of
AI models from OpenAI, Anthropic, Google, Meta, DeepSeek and more
through a single OpenAI-compatible API endpoint.

Changes:
- app/constant.ts: add ANYAPI_BASE_URL, ApiPath, ServiceProvider,
  ModelProvider, AnyAPI config, model list and DEFAULT_MODELS entry
- app/api/anyapi.ts: new API proxy handler
- app/client/platforms/anyapi.ts: new client platform class
- app/api/[provider]/route.ts: register anyapiHandler
- app/api/auth.ts: add AnyAPI auth case
- app/client/api.ts: add AnyAPI to ClientApi, getHeaders, getClientApi
- app/components/settings.tsx: add AnyAPI config component in UI
- app/config/server.ts: add ANYAPI_URL/ANYAPI_API_KEY env vars
- app/store/access.ts: add anyapiUrl/anyapiApiKey store state
- app/locales/en.ts, app/locales/cn.ts: add AnyAPI translations
- README.md, README_CN.md: add env var documentation

Author: eva

README.md

@@ -375,6 +375,14 @@ SiliconFlow API URL.
 
 302.AI API URL.
 
+### `ANYAPI_API_KEY` (optional)
+
+AnyAPI API Key.
+
+### `ANYAPI_URL` (optional)
+
+AnyAPI API URL.
+
 ## Requirements
 
 NodeJS >= 18, Docker >= 20

README_CN.md

@@ -292,6 +292,14 @@ SiliconFlow API URL.
 
 302.AI API URL.
 
+### `ANYAPI_API_KEY` (optional)
+
+AnyAPI API Key.
+
+### `ANYAPI_URL` (optional)
+
+AnyAPI API URL.
+
 ## 开发
 
 点击下方按钮，开始二次开发：

app/api/[provider]/[...path]/route.ts

@@ -16,6 +16,7 @@ import { handle as xaiHandler } from "../../xai";
 import { handle as chatglmHandler } from "../../glm";
 import { handle as proxyHandler } from "../../proxy";
 import { handle as ai302Handler } from "../../302ai";
+import { handle as anyapiHandler } from "../../anyapi";
 
 async function handle(
   req: NextRequest,
@@ -55,6 +56,8 @@ async function handle(
       return openaiHandler(req, { params });
     case ApiPath["302.AI"]:
       return ai302Handler(req, { params });
+    case ApiPath.AnyAPI:
+      return anyapiHandler(req, { params });
     default:
       return proxyHandler(req, { params });
   }

app/api/anyapi.ts

@@ -0,0 +1,127 @@
+import { getServerSideConfig } from "@/app/config/server";
+import {
+  ANYAPI_BASE_URL,
+  ApiPath,
+  ModelProvider,
+  ServiceProvider,
+} from "@/app/constant";
+import { prettyObject } from "@/app/utils/format";
+import { NextRequest, NextResponse } from "next/server";
+import { auth } from "@/app/api/auth";
+import { isModelNotavailableInServer } from "@/app/utils/model";
+
+const serverConfig = getServerSideConfig();
+
+export async function handle(
+  req: NextRequest,
+  { params }: { params: { path: string[] } },
+) {
+  console.log("[AnyAPI Route] params ", params);
+
+  if (req.method === "OPTIONS") {
+    return NextResponse.json({ body: "OK" }, { status: 200 });
+  }
+
+  const authResult = auth(req, ModelProvider.AnyAPI);
+  if (authResult.error) {
+    return NextResponse.json(authResult, {
+      status: 401,
+    });
+  }
+
+  try {
+    const response = await request(req);
+    return response;
+  } catch (e) {
+    console.error("[AnyAPI] ", e);
+    return NextResponse.json(prettyObject(e));
+  }
+}
+
+async function request(req: NextRequest) {
+  const controller = new AbortController();
+
+  let path = `${req.nextUrl.pathname}`.replaceAll(ApiPath.AnyAPI, "");
+
+  let baseUrl = serverConfig.anyapiUrl || ANYAPI_BASE_URL;
+
+  if (!baseUrl.startsWith("http")) {
+    baseUrl = `https://${baseUrl}`;
+  }
+
+  if (baseUrl.endsWith("/")) {
+    baseUrl = baseUrl.slice(0, -1);
+  }
+
+  console.log("[Proxy] ", path);
+  console.log("[Base Url]", baseUrl);
+
+  const timeoutId = setTimeout(
+    () => {
+      controller.abort();
+    },
+    10 * 60 * 1000,
+  );
+
+  const fetchUrl = `${baseUrl}${path}`;
+  const fetchOptions: RequestInit = {
+    headers: {
+      "Content-Type": "application/json",
+      Authorization: req.headers.get("Authorization") ?? "",
+    },
+    method: req.method,
+    body: req.body,
+    redirect: "manual",
+    // @ts-ignore
+    duplex: "half",
+    signal: controller.signal,
+  };
+
+  // #1815 try to refuse some request to some models
+  if (serverConfig.customModels && req.body) {
+    try {
+      const clonedBody = await req.text();
+      fetchOptions.body = clonedBody;
+
+      const jsonBody = JSON.parse(clonedBody) as { model?: string };
+
+      // not undefined and is false
+      if (
+        isModelNotavailableInServer(
+          serverConfig.customModels,
+          jsonBody?.model as string,
+          ServiceProvider.AnyAPI as string,
+        )
+      ) {
+        return NextResponse.json(
+          {
+            error: true,
+            message: `you are not allowed to use ${jsonBody?.model} model`,
+          },
+          {
+            status: 403,
+          },
+        );
+      }
+    } catch (e) {
+      console.error(`[AnyAPI] filter`, e);
+    }
+  }
+  try {
+    const res = await fetch(fetchUrl, fetchOptions);
+
+    // to prevent browser prompt for credentials
+    const newHeaders = new Headers(res.headers);
+    newHeaders.delete("www-authenticate");
+    // to disable nginx buffering
+    newHeaders.set("X-Accel-Buffering", "no");
+
+    return new Response(res.body, {
+      status: res.status,
+      statusText: res.statusText,
+      headers: newHeaders,
+    });
+  } finally {
+    clearTimeout(timeoutId);
+  }
+}

app/api/auth.ts

@@ -104,6 +104,9 @@ export function auth(req: NextRequest, modelProvider: ModelProvider) {
       case ModelProvider.SiliconFlow:
         systemApiKey = serverConfig.siliconFlowApiKey;
         break;
+      case ModelProvider.AnyAPI:
+        systemApiKey = serverConfig.anyapiApiKey;
+        break;
       case ModelProvider.GPT:
       default:
         if (req.nextUrl.pathname.includes("azure/deployments")) {

app/client/api.ts

@@ -25,6 +25,7 @@ import { XAIApi } from "./platforms/xai";
 import { ChatGLMApi } from "./platforms/glm";
 import { SiliconflowApi } from "./platforms/siliconflow";
 import { Ai302Api } from "./platforms/ai302";
+import { AnyAPIApi } from "./platforms/anyapi";
 
 export const ROLES = ["system", "user", "assistant"] as const;
 export type MessageRole = (typeof ROLES)[number];
@@ -177,6 +178,9 @@ export class ClientApi {
       case ModelProvider["302.AI"]:
         this.llm = new Ai302Api();
         break;
+      case ModelProvider.AnyAPI:
+        this.llm = new AnyAPIApi();
+        break;
       default:
         this.llm = new ChatGPTApi();
     }
@@ -270,6 +274,8 @@ export function getHeaders(ignoreHeaders: boolean = false) {
     const isSiliconFlow =
       modelConfig.providerName === ServiceProvider.SiliconFlow;
     const isAI302 = modelConfig.providerName === ServiceProvider["302.AI"];
+    const isAnyAPI =
+      modelConfig.providerName === ServiceProvider.AnyAPI;
     const isEnabledAccessControl = accessStore.enabledAccessControl();
     const apiKey = isGoogle
       ? accessStore.googleApiKey
@@ -297,6 +303,8 @@ export function getHeaders(ignoreHeaders: boolean = false) {
         : ""
       : isAI302
       ? accessStore.ai302ApiKey
+      : isAnyAPI
+      ? accessStore.anyapiApiKey
       : accessStore.openaiApiKey;
     return {
       isGoogle,
@@ -312,6 +320,7 @@ export function getHeaders(ignoreHeaders: boolean = false) {
       isChatGLM,
       isSiliconFlow,
       isAI302,
+      isAnyAPI,
       apiKey,
       isEnabledAccessControl,
     };
@@ -341,6 +350,7 @@ export function getHeaders(ignoreHeaders: boolean = false) {
     isChatGLM,
     isSiliconFlow,
     isAI302,
+    isAnyAPI,
     apiKey,
     isEnabledAccessControl,
   } = getConfig();
@@ -393,6 +403,8 @@ export function getClientApi(provider: ServiceProvider): ClientApi {
       return new ClientApi(ModelProvider.SiliconFlow);
     case ServiceProvider["302.AI"]:
       return new ClientApi(ModelProvider["302.AI"]);
+    case ServiceProvider.AnyAPI:
+      return new ClientApi(ModelProvider.AnyAPI);
     default:
       return new ClientApi(ModelProvider.GPT);
   }