Files
one-api-workers/frontend
dreamhunter2333andClaude Opus 4.5 c75dade7df feat: 添加 Claude 到 OpenAI 协议转换支持
新增功能:
- 新增 claude-to-openai channel 类型,支持 Claude 协议请求转换为 OpenAI 协议
- 支持流式和非流式响应转换
- 完整的 SSE 事件转换 (message_start, content_block_*, message_delta, message_stop)
- 支持工具调用 (tool_use) 转换

优化:
- 统一在上层完成模型名映射,移除各 provider 重复逻辑
- 添加通配符匹配支持 (如 *claude*, claude-*)
- 简化代码,移除冗余变量

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-01-31 02:15:41 +08:00
..

AWSL One API Frontend

Modern React + Vite + TypeScript frontend for AWSL One API management platform.

Features

  • Modern React 19 with TypeScript
  • Vite for fast development and building
  • Tailwind CSS for styling
  • shadcn/ui components
  • TanStack Query for data fetching
  • Zustand for state management
  • React Router for routing
  • Full CRUD operations for channels, tokens, and pricing
  • Dark mode support

Development

# Install dependencies
pnpm install

# Start development server
pnpm dev

# Build for production
pnpm build

# Preview production build
pnpm preview

Project Structure

src/
├── api/              # API client
├── components/       # React components
│   ├── layout/       # Layout components
│   └── ui/           # UI components (shadcn/ui)
├── lib/              # Utility functions
├── pages/            # Page components
├── store/            # Zustand stores
├── types/            # TypeScript types
├── App.tsx           # Main app component
├── main.tsx          # Entry point
└── index.css         # Global styles

Environment Variables

No environment variables required. The frontend communicates with the backend API at the same domain.

Features

  • Dashboard: Overview and quick start guide
  • API Test: Test API endpoints with custom requests
  • Channels: Manage OpenAI, Azure OpenAI, and Claude channels
  • Tokens: Create and manage API tokens with quota limits
  • Pricing: Configure model pricing multipliers
  • Database: Initialize database tables

Building

pnpm build

The built files will be in the dist directory.