Compare commits
7 Commits
6aca74a7b4
...
626f406711
| Author | SHA1 | Date | |
|---|---|---|---|
|
626f406711
|
|||
|
9dd4d99e54
|
|||
|
5039bdfca8
|
|||
|
64f1e3d70e
|
|||
|
b98900873c
|
|||
|
400ebafc37
|
|||
|
e7c26560bb
|
@@ -55,7 +55,7 @@ ChatGPT API WEB 是为 ChatGPT 的日常用户和 Prompt 工程师设计的项
|
||||
- `api`: API Endpoint 默认为 `https://api.openai.com/v1/chat/completions`
|
||||
- `mode`: `fetch` 或 `stream` 模式,stream 模式下可以动态看到 api 返回的数据,但无法得知 token 数量,只能进行估算,在 token 数量过多时可能会裁切过多或过少历史消息
|
||||
- `dev`: true / false 开发模式,这个模式下可以看到并调整更多参数
|
||||
- `temp`: 温度,默认 0.7
|
||||
- `temp`: 温度,默认 1
|
||||
- `whisper-api`: Whisper 语音转文字服务 API, 只有设置了此值后才会显示语音转文字按钮
|
||||
- `whisper-key`: 用于 Whisper 服务的 key,如果留空则默认使用上方的 OPENAI API KEY
|
||||
|
||||
|
||||
@@ -263,6 +263,7 @@ export function AddImage({
|
||||
example: false,
|
||||
audio: null,
|
||||
logprobs: null,
|
||||
response_model_name: imageGenModel,
|
||||
});
|
||||
|
||||
setChatStore({ ...chatStore });
|
||||
|
||||
@@ -158,7 +158,7 @@ class Chat {
|
||||
tokens_margin = 1024,
|
||||
apiEndPoint = "https://api.openai.com/v1/chat/completions",
|
||||
model = DefaultModel,
|
||||
temperature = 0.7,
|
||||
temperature = 1,
|
||||
enable_temperature = true,
|
||||
top_p = 1,
|
||||
enable_top_p = false,
|
||||
|
||||
@@ -181,6 +181,12 @@ export default function Message(props: Props) {
|
||||
/>
|
||||
)}
|
||||
<TTSPlay chat={chat} />
|
||||
{chat.response_model_name && (
|
||||
<>
|
||||
<span className="opacity-50">{chat.response_model_name}</span>
|
||||
<hr />
|
||||
</>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
{showEdit && (
|
||||
|
||||
@@ -74,6 +74,7 @@ const AddToolMsg = (props: {
|
||||
example: false,
|
||||
audio: null,
|
||||
logprobs: null,
|
||||
response_model_name: null,
|
||||
});
|
||||
setChatStore({ ...chatStore });
|
||||
setNewToolCallID("");
|
||||
|
||||
@@ -34,7 +34,6 @@ export function App() {
|
||||
if (ret.maxGenTokens === undefined) ret.maxGenTokens = 2048;
|
||||
if (ret.maxGenTokens_enabled === undefined) ret.maxGenTokens_enabled = true;
|
||||
if (ret.model === undefined) ret.model = DefaultModel;
|
||||
if (ret.responseModelName === undefined) ret.responseModelName = "";
|
||||
if (ret.toolsString === undefined) ret.toolsString = "";
|
||||
if (ret.chatgpt_api_web_version === undefined)
|
||||
// this is from old version becasue it is undefined,
|
||||
|
||||
@@ -87,8 +87,9 @@ export default function ChatBOX(props: {
|
||||
const logprobs: Logprobs = {
|
||||
content: [],
|
||||
};
|
||||
let response_model_name: string | null = null;
|
||||
for await (const i of client.processStreamResponse(response)) {
|
||||
chatStore.responseModelName = i.model;
|
||||
response_model_name = i.model;
|
||||
responseTokenCount += 1;
|
||||
|
||||
const c = i.choices[0];
|
||||
@@ -148,17 +149,17 @@ export default function ChatBOX(props: {
|
||||
|
||||
// estimate cost
|
||||
let cost = 0;
|
||||
if (chatStore.responseModelName) {
|
||||
if (response_model_name) {
|
||||
cost +=
|
||||
responseTokenCount *
|
||||
(models[chatStore.responseModelName]?.price?.completion ?? 0);
|
||||
(models[response_model_name]?.price?.completion ?? 0);
|
||||
let sum = 0;
|
||||
for (const msg of chatStore.history
|
||||
.filter(({ hide }) => !hide)
|
||||
.slice(chatStore.postBeginIndex)) {
|
||||
sum += msg.token;
|
||||
}
|
||||
cost += sum * (models[chatStore.responseModelName]?.price?.prompt ?? 0);
|
||||
cost += sum * (models[response_model_name]?.price?.prompt ?? 0);
|
||||
}
|
||||
|
||||
console.log("cost", cost);
|
||||
@@ -174,6 +175,7 @@ export default function ChatBOX(props: {
|
||||
example: false,
|
||||
audio: null,
|
||||
logprobs,
|
||||
response_model_name,
|
||||
};
|
||||
if (allChunkTool.length > 0) newMsg.tool_calls = allChunkTool;
|
||||
|
||||
@@ -188,7 +190,6 @@ export default function ChatBOX(props: {
|
||||
|
||||
const _completeWithFetchMode = async (response: Response) => {
|
||||
const data = (await response.json()) as FetchResponse;
|
||||
chatStore.responseModelName = data.model ?? "";
|
||||
if (data.model) {
|
||||
let cost = 0;
|
||||
cost +=
|
||||
@@ -228,6 +229,7 @@ export default function ChatBOX(props: {
|
||||
example: false,
|
||||
audio: null,
|
||||
logprobs: data.choices[0]?.logprobs,
|
||||
response_model_name: data.model,
|
||||
});
|
||||
setShowGenerating(false);
|
||||
};
|
||||
@@ -311,7 +313,6 @@ export default function ChatBOX(props: {
|
||||
console.log("empty message");
|
||||
return;
|
||||
}
|
||||
if (call_complete) chatStore.responseModelName = "";
|
||||
|
||||
let content: string | MessageDetail[] = inputMsg;
|
||||
if (images.length > 0) {
|
||||
@@ -328,6 +329,7 @@ export default function ChatBOX(props: {
|
||||
example: false,
|
||||
audio: null,
|
||||
logprobs: null,
|
||||
response_model_name: null,
|
||||
});
|
||||
|
||||
// manually calculate token length
|
||||
@@ -619,11 +621,6 @@ export default function ChatBOX(props: {
|
||||
)}
|
||||
</p>
|
||||
<p className="p-2 my-2 text-center opacity-50 dark:text-white">
|
||||
{chatStore.responseModelName && (
|
||||
<>
|
||||
{Tr("Generated by")} {chatStore.responseModelName}
|
||||
</>
|
||||
)}
|
||||
{chatStore.postBeginIndex !== 0 && (
|
||||
<>
|
||||
<br />
|
||||
@@ -754,6 +751,7 @@ export default function ChatBOX(props: {
|
||||
example: false,
|
||||
audio: null,
|
||||
logprobs: null,
|
||||
response_model_name: null,
|
||||
});
|
||||
setInputMsg("");
|
||||
setChatStore({ ...chatStore });
|
||||
|
||||
@@ -20,7 +20,6 @@ export interface ChatStore {
|
||||
apiEndpoint: string;
|
||||
streamMode: boolean;
|
||||
model: string;
|
||||
responseModelName: string;
|
||||
cost: number;
|
||||
temperature: number;
|
||||
temperature_enabled: boolean;
|
||||
@@ -69,4 +68,5 @@ export interface ChatStoreMessage extends Message {
|
||||
example: boolean;
|
||||
audio: Blob | null;
|
||||
logprobs: Logprobs | null;
|
||||
response_model_name: string | null;
|
||||
}
|
||||
|
||||
@@ -11,6 +11,10 @@ export const models: Record<string, Model> = {
|
||||
maxToken: 128000,
|
||||
price: { prompt: 0.005 / 1000, completion: 0.015 / 1000 },
|
||||
},
|
||||
"gpt-4o-2024-11-20": {
|
||||
maxToken: 128000,
|
||||
price: { prompt: 0.0025 / 1000, completion: 0.01 / 1000 },
|
||||
},
|
||||
"gpt-4o-2024-08-06": {
|
||||
maxToken: 128000,
|
||||
price: { prompt: 0.0025 / 1000, completion: 0.01 / 1000 },
|
||||
@@ -27,21 +31,25 @@ export const models: Record<string, Model> = {
|
||||
maxToken: 128000,
|
||||
price: { prompt: 0.15 / 1000 / 1000, completion: 0.6 / 1000 / 1000 },
|
||||
},
|
||||
"gpt-3.5-turbo-0125": {
|
||||
maxToken: 16385,
|
||||
price: { prompt: 0.0005 / 1000, completion: 0.0015 / 1000 },
|
||||
"o1-preview": {
|
||||
maxToken: 128000,
|
||||
price: { prompt: 15 / 1000 / 1000, completion: 60 / 1000 / 1000 },
|
||||
},
|
||||
"gpt-3.5-turbo-1106": {
|
||||
maxToken: 16385,
|
||||
price: { prompt: 0.001 / 1000, completion: 0.002 / 1000 },
|
||||
"o1-preview-2024-09-12": {
|
||||
maxToken: 128000,
|
||||
price: { prompt: 15 / 1000 / 1000, completion: 60 / 1000 / 1000 },
|
||||
},
|
||||
"gpt-3.5-turbo": {
|
||||
maxToken: 4096,
|
||||
price: { prompt: 0.0015 / 1000, completion: 0.002 / 1000 },
|
||||
"o1-mini": {
|
||||
maxToken: 128000,
|
||||
price: { prompt: 3 / 1000 / 1000, completion: 12 / 1000 / 1000 },
|
||||
},
|
||||
"gpt-3.5-turbo-16k": {
|
||||
maxToken: 16385,
|
||||
price: { prompt: 0.003 / 1000, completion: 0.004 / 1000 },
|
||||
"o1-mini-2024-09-12": {
|
||||
maxToken: 128000,
|
||||
price: { prompt: 3 / 1000 / 1000, completion: 12 / 1000 / 1000 },
|
||||
},
|
||||
"chatgpt-4o-latest": {
|
||||
maxToken: 128000,
|
||||
price: { prompt: 0.005 / 1000, completion: 0.015 / 1000 },
|
||||
},
|
||||
"gpt-4-turbo": {
|
||||
maxToken: 128000,
|
||||
@@ -51,9 +59,13 @@ export const models: Record<string, Model> = {
|
||||
maxToken: 128000,
|
||||
price: { prompt: 0.01 / 1000, completion: 0.03 / 1000 },
|
||||
},
|
||||
"gpt-4-turbo-preview": {
|
||||
maxToken: 128000,
|
||||
price: { prompt: 0.01 / 1000, completion: 0.03 / 1000 },
|
||||
"gpt-4": {
|
||||
maxToken: 8192,
|
||||
price: { prompt: 0.03 / 1000, completion: 0.06 / 1000 },
|
||||
},
|
||||
"gpt-4-32k": {
|
||||
maxToken: 8192,
|
||||
price: { prompt: 0.06 / 1000, completion: 0.12 / 1000 },
|
||||
},
|
||||
"gpt-4-0125-preview": {
|
||||
maxToken: 128000,
|
||||
@@ -71,12 +83,32 @@ export const models: Record<string, Model> = {
|
||||
maxToken: 128000,
|
||||
price: { prompt: 0.01 / 1000, completion: 0.03 / 1000 },
|
||||
},
|
||||
"gpt-4": {
|
||||
maxToken: 8192,
|
||||
price: { prompt: 0.03 / 1000, completion: 0.06 / 1000 },
|
||||
"gpt-3.5-turbo": {
|
||||
maxToken: 4096,
|
||||
price: { prompt: 0.0015 / 1000, completion: 0.002 / 1000 },
|
||||
},
|
||||
"gpt-4-32k": {
|
||||
maxToken: 8192,
|
||||
price: { prompt: 0.06 / 1000, completion: 0.12 / 1000 },
|
||||
"gpt-3.5-turbo-0125": {
|
||||
maxToken: 16385,
|
||||
price: { prompt: 0.0005 / 1000, completion: 0.0015 / 1000 },
|
||||
},
|
||||
"gpt-3.5-turbo-instruct": {
|
||||
maxToken: 16385,
|
||||
price: { prompt: 0.5 / 1000 / 1000, completion: 2 / 1000 / 1000 },
|
||||
},
|
||||
"gpt-3.5-turbo-1106": {
|
||||
maxToken: 16385,
|
||||
price: { prompt: 0.001 / 1000, completion: 0.002 / 1000 },
|
||||
},
|
||||
"gpt-3.5-turbo-0613": {
|
||||
maxToken: 16385,
|
||||
price: { prompt: 1.5 / 1000 / 1000, completion: 2 / 1000 / 1000 },
|
||||
},
|
||||
"gpt-3.5-turbo-16k-0613": {
|
||||
maxToken: 16385,
|
||||
price: { prompt: 0.003 / 1000, completion: 0.004 / 1000 },
|
||||
},
|
||||
"gpt-3.5-turbo-0301": {
|
||||
maxToken: 16385,
|
||||
price: { prompt: 1.5 / 1000 / 1000, completion: 2 / 1000 / 1000 },
|
||||
},
|
||||
};
|
||||
|
||||
@@ -14,11 +14,17 @@ interface NewChatStoreOptions {
|
||||
streamMode?: boolean;
|
||||
model?: string;
|
||||
temperature?: number;
|
||||
temperature_enabled?: boolean;
|
||||
top_p?: number;
|
||||
top_p_enabled?: boolean;
|
||||
presence_penalty?: number;
|
||||
frequency_penalty?: number;
|
||||
dev?: boolean;
|
||||
whisper_api?: string;
|
||||
whisper_key?: string;
|
||||
tts_api?: string;
|
||||
tts_key?: string;
|
||||
tts_voice?: string;
|
||||
tts_speed?: number;
|
||||
tts_speed_enabled?: boolean;
|
||||
tts_format?: string;
|
||||
@@ -34,7 +40,7 @@ export const newChatStore = (options: NewChatStoreOptions): ChatStore => {
|
||||
chatgpt_api_web_version: CHATGPT_API_WEB_VERSION,
|
||||
systemMessageContent: getDefaultParams(
|
||||
"sys",
|
||||
options.systemMessageContent ?? "",
|
||||
options.systemMessageContent ?? ""
|
||||
),
|
||||
toolsString: options.toolsString ?? "",
|
||||
history: [],
|
||||
@@ -44,37 +50,36 @@ export const newChatStore = (options: NewChatStoreOptions): ChatStore => {
|
||||
maxTokens: getDefaultParams(
|
||||
"max",
|
||||
models[getDefaultParams("model", options.model ?? DefaultModel)]
|
||||
?.maxToken ?? 2048,
|
||||
?.maxToken ?? 2048
|
||||
),
|
||||
maxGenTokens: 2048,
|
||||
maxGenTokens_enabled: false,
|
||||
apiKey: getDefaultParams("key", options.apiKey ?? ""),
|
||||
apiEndpoint: getDefaultParams(
|
||||
"api",
|
||||
options.apiEndpoint ?? DefaultAPIEndpoint,
|
||||
options.apiEndpoint ?? DefaultAPIEndpoint
|
||||
),
|
||||
streamMode: getDefaultParams("mode", options.streamMode ?? true),
|
||||
model: getDefaultParams("model", options.model ?? DefaultModel),
|
||||
responseModelName: "",
|
||||
cost: 0,
|
||||
temperature: getDefaultParams("temp", options.temperature ?? 0.7),
|
||||
temperature_enabled: true,
|
||||
top_p: 1,
|
||||
top_p_enabled: false,
|
||||
presence_penalty: 0,
|
||||
frequency_penalty: 0,
|
||||
temperature: getDefaultParams("temp", options.temperature ?? 1),
|
||||
temperature_enabled: options.temperature_enabled ?? true,
|
||||
top_p: options.top_p ?? 1,
|
||||
top_p_enabled: options.top_p_enabled ?? false,
|
||||
presence_penalty: options.presence_penalty ?? 0,
|
||||
frequency_penalty: options.frequency_penalty ?? 0,
|
||||
develop_mode: getDefaultParams("dev", options.dev ?? false),
|
||||
whisper_api: getDefaultParams(
|
||||
"whisper-api",
|
||||
options.whisper_api ?? "https://api.openai.com/v1/audio/transcriptions",
|
||||
options.whisper_api ?? "https://api.openai.com/v1/audio/transcriptions"
|
||||
),
|
||||
whisper_key: getDefaultParams("whisper-key", options.whisper_key ?? ""),
|
||||
tts_api: getDefaultParams(
|
||||
"tts-api",
|
||||
options.tts_api ?? "https://api.openai.com/v1/audio/speech",
|
||||
options.tts_api ?? "https://api.openai.com/v1/audio/speech"
|
||||
),
|
||||
tts_key: getDefaultParams("tts-key", options.tts_key ?? ""),
|
||||
tts_voice: "alloy",
|
||||
tts_voice: options.tts_voice ?? "alloy",
|
||||
tts_speed: options.tts_speed ?? 1.0,
|
||||
tts_speed_enabled: options.tts_speed_enabled ?? false,
|
||||
image_gen_api:
|
||||
|
||||
Reference in New Issue
Block a user