Andreas/LibreChat
1
0
Fork 0
mirror of https://github.com/danny-avila/LibreChat.git synced 2025-12-22 03:10:15 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

Added functionality to allow users to set custom api keys (#276)

Browse source 
* Added functionality to allow users to set custom api keys

* Added error handling

* Changed token to apiKey

* Changed apiKey to oaiApiKey

* added azure openai ui

* Removed logging

* Changed configure to Use

* Made checked position more rounded

* Made setting api key optional if it is openai

* Modified error handling

* Add support for insufficient_quota errors

* Fixed faulty error detection

* removed logging
This commit is contained in:
Anirudh 2023-05-18 04:51:30 +05:30 • committed by GitHub
parent 08f3a77d58
commit 14104b276f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
11 changed files with 207 additions and 32 deletions
Download patch file Download diff file Expand all files Collapse all files

30
client/src/components/Messages/Message.jsx
View file

@ -12,6 +12,15 @@ import { useGetConversationByIdQuery } from '~/data-provider';
import { cn } from '~/utils/';
import store from '~/store';
function isJson(str) {
try {
JSON.parse(str);
} catch (e) {
return false;
}
return true;
}
export default function Message({
conversation,
message,
@ -62,6 +71,23 @@ export default function Message({
}
};
const getError = text => {
const match = text.match(/\{[^{}]*\}/);
var json = match ? match[0] : ''
if (isJson(json)) {
json = JSON.parse(json);
if (json.code === 'invalid_api_key') {
return 'Invalid API key. Please check your API key and try again. You can access your API key by clicking on the model logo in the top-left corner of the textbox.';
} else if (json.type === 'insufficient_quota') {
return "We're sorry, but the default API key has reached its limit. To continue using this service, please set up your own API key. You can do this by clicking on the model logo in the top-left corner of the textbox.";
} else {
return `Oops! Something went wrong. Please try again in a few moments. Here's the specific error message we encountered: ${text}`;
}
} else {
return `Oops! Something went wrong. Please try again in a few moments. Here's the specific error message we encountered: ${text}`;
}
};
const props = {
className:
'w-full border-b border-black/10 dark:border-gray-900/50 text-gray-800 bg-white dark:text-gray-100 group dark:bg-gray-800'
@ -98,7 +124,7 @@ export default function Message({
if (!isSubmitting && !message?.isCreatedByUser) regenerate(message);
};
const copyToClipboard = (setIsCopied) => {
const copyToClipboard = setIsCopied => {
setIsCopied(true);
copy(message?.text);
@ -149,7 +175,7 @@ export default function Message({
{error ? (
<div className="flex flex min-h-[20px] flex-grow flex-col items-start gap-2 gap-4 text-red-500">
<div className="rounded-md border border-red-500 bg-red-500/10 px-3 py-2 text-sm text-gray-600 dark:text-gray-100">
{`An error occurred. Please try again in a few moments.\n\nError message: ${text}`}
{getError(text)}
</div>
</div>
) : edit ? (