fix: toast error

components/Chat/Chat.tsx

@@ -29,10 +29,10 @@ import Spinner from '../Spinner';
 import { ChatInput } from './ChatInput';
 import { ChatLoader } from './ChatLoader';
 import { ErrorMessageDiv } from './ErrorMessageDiv';
+import { MemoizedChatMessage } from './MemoizedChatMessage';
 import { ModelSelect } from './ModelSelect';
 import { SystemPrompt } from './SystemPrompt';
 import { TemperatureSlider } from './Temperature';
-import { MemoizedChatMessage } from './MemoizedChatMessage';
 
 interface Props {
   stopConversationRef: MutableRefObject<boolean>;
@@ -127,6 +127,12 @@ export const Chat = memo(({ stopConversationRef }: Props) => {
         if (!response.ok) {
           homeDispatch({ field: 'loading', value: false });
           homeDispatch({ field: 'messageIsStreaming', value: false });
+          if (response.status === 429) {
+            toast.error(
+              '利用量上限に達しました。制限は月初にリセットされます。',
+            );
+            return;
+          }
           toast.error(response.statusText);
           return;
         }

middleware.ts

@@ -6,6 +6,10 @@ export const config = {
 
 // IP ホワイトリストで検証 → 不正であれば BASIC 認証
 export default async function middleware(req: NextRequest) {
+  if (process.env.NODE_ENV === 'development') {
+    return NextResponse.next();
+  }
+
   // IP ホワイトリスト検証
   const ipWhitelist = process.env.IP_WHITELIST?.split(',');
   const reqIps = req.headers.get('x-forwarded-for')?.split(', ');

pages/api/chat.ts

@@ -15,7 +15,8 @@ export const config = {
 
 const handler = async (req: Request): Promise<Response> => {
   try {
-    const { model, messages, key, prompt, temperature } = (await req.json()) as ChatBody;
+    const { model, messages, key, prompt, temperature } =
+      (await req.json()) as ChatBody;
 
     await init((imports) => WebAssembly.instantiate(wasm, imports));
     const encoding = new Tiktoken(
@@ -52,12 +53,20 @@ const handler = async (req: Request): Promise<Response> => {
 
     encoding.free();
 
-    const stream = await OpenAIStream(model, promptToSend, temperatureToUse, key, messagesToSend);
+    const stream = await OpenAIStream(
+      model,
+      promptToSend,
+      temperatureToUse,
+      key,
+      messagesToSend,
+    );
 
     return new Response(stream);
   } catch (error) {
-    console.error(error);
     if (error instanceof OpenAIError) {
+      if (error.code === 'insufficient_quota') {
+        return new Response('Error', { status: 429 });
+      }
       return new Response('Error', { status: 500, statusText: error.message });
     } else {
       return new Response('Error', { status: 500 });