Docs/llm proxy (#903)

* docs: add llm proxy to site demo

* docs: add llm proxy in playground

---------

Co-authored-by: yanzhi.yan <yanzhi.yan@antgroup.com>

Author: Yzing

playground/package.json

@@ -19,15 +19,17 @@
     "axios": "^1.12.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-router-dom": "^6.30.1",
-    "react-json-view-lite": "^2.5.0"
+    "react-json-view-lite": "^2.5.0",
+    "react-router-dom": "^6.30.1"
   },
   "devDependencies": {
     "@types/react": "^18.2.0",
     "@types/react-dom": "^18.2.0",
     "@vitejs/plugin-react": "^4.2.0",
+    "axios": "^1.12.2",
     "typescript": "^5.3.0",
-    "vite": "^5.0.0"
+    "vite": "^5.0.0",
+    "vite-plugin-html": "^3.2.2"
   },
   "repository": "git@github.com:antvis/AVA.git"
 }

playground/src/main.tsx

@@ -2,10 +2,51 @@ import React from 'react';
 
 import ReactDOM from 'react-dom/client';
 
+import axios from 'axios';
+
 import App from './App';
 
 import './index.css';
 
+axios.interceptors.request.use(
+  (config) => {
+    if (config.url && config.url.includes('https://api.tbox.cn/api/completion')) {
+      const originData = JSON.parse(config.data);
+      config.headers['x-webgw-version'] = '2.0';
+      config.headers['x-webgw-appid'] = '180020010001266875';
+      config.headers['content-type'] = 'application/json';
+      config.url = 'https://webgw-internet.alipay.com/antvservice/api/dsl';
+      config.data = JSON.stringify({
+        sceneName: 'tbox_agent',
+        data: {
+          appId: '202511APbBtP00568478',
+          input: originData.inputs.input,
+        },
+      });
+    }
+    return config;
+  },
+  (error) => {
+    return Promise.reject(error);
+  }
+);
+
+axios.interceptors.response.use((response) => {
+  if (
+    response.request.responseURL &&
+    response.request.responseURL.includes('https://webgw-internet.alipay.com/antvservice/api/dsl')
+  ) {
+    response.data.data = {
+      result: [
+        {
+          chunk: response.data.data,
+        },
+      ],
+    };
+  }
+  return response;
+});
+
 ReactDOM.createRoot(document.getElementById('root')!).render(
   <React.StrictMode>
     <App />

playground/vite.config.ts

@@ -1,9 +1,23 @@
 import { defineConfig } from 'vite';
 import react from '@vitejs/plugin-react';
+import { createHtmlPlugin } from 'vite-plugin-html';
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [react()],
+  plugins: [
+    react(),
+    createHtmlPlugin({
+      inject: {
+        tags: [
+          {
+            tag: 'script',
+            attrs: { src: 'https://gw.alipayobjects.com/os/lib/axios/1.12.2/dist/axios.min.js' },
+            injectTo: 'head',
+          },
+        ],
+      },
+    }),
+  ],
   server: {
     port: 3001,
     open: true,
@@ -13,4 +27,9 @@ export default defineConfig({
     exclude: ['@antv/ava'],
     include: ['color-blind', 'quantize'],
   },
+  build: {
+    rollupOptions: {
+      external: ['axios'],
+    },
+  },
 });

site/.dumi/global.ts

@@ -7,10 +7,8 @@ if (window) {
   (window as any).reactJsonViewLite = require('react-json-view-lite');
   const axios = require('axios');
 
-  /** 代理百宝箱请求 */
   axios.interceptors.request.use(
     (config) => {
-      // 检查请求URL是否匹配目标域名
       if (config.url && config.url.includes('https://api.tbox.cn/api/completion')) {
         const originData = JSON.parse(config.data);
         config.headers['x-webgw-version'] = '2.0';