feat: add support gpt-4o-mini

package.json

@@ -51,7 +51,7 @@
     "eslint-plugin-prettier": "4.2.1",
     "eslint-plugin-react": "7.31.8",
     "fs-extra": "10.1.0",
-    "openai": "4.52.3",
+    "openai": "4.55.4",
     "jest": "29.0.3",
     "jest-environment-jsdom": "29.0.3",
     "npm-run-all": "^4.1.5",

src/global.d.ts

@@ -41,8 +41,10 @@ declare module "*.json" {
 }
 
 declare global {
+  type Model = "gpt-4-turbo" | "gpt-4o" | "gpt-3.5-turbo" | "gpt-4o-mini";
+
   type ChatGPTSlot = {
-    type: "gpt-4-turbo" | "gpt-4o" | "gpt-3.5-turbo";
+    type: Model;
     system?: string;
     /** config */
     maxTokens?: number; // max 4000
@@ -108,7 +110,7 @@ declare global {
     type: "RequestQuickChatGPTStream";
     input?: {
       messages: Chat[];
-      model: "gpt-4-turbo" | "gpt-4o" | "gpt-3.5-turbo";
+      model: Model;
     };
     data?: { result: string; chunk?: string; isDone?: boolean };
   };

src/pages/background/lib/infra/chatGPT.ts

@@ -1,6 +1,5 @@
 import { OpenAI } from "openai";
 import { ChatCompletionMessageParam } from "openai/resources";
-import { ChatModel } from "openai/src/resources/chat/chat";
 
 export async function chatGPT({
   input,

src/pages/popup/components/SlotDetail.tsx

@@ -108,6 +108,9 @@ export default function SlotDetail({
             <MenuItem onClick={() => updateSlot("type", "gpt-3.5-turbo")}>
               gpt-3.5-turbo
             </MenuItem>
+            <MenuItem onClick={() => updateSlot("type", "gpt-4o-mini")}>
+              gpt-4o-mini
+            </MenuItem>
             <MenuItem onClick={() => updateSlot("type", "gpt-4o")}>
               gpt-4o
             </MenuItem>

src/pages/popup/pages/QuickChattingPage.tsx

@@ -51,7 +51,7 @@ export default function QuickChattingPage({
       inputText: "",
       chats: [],
       tempResponse: "",
-      model: (localStorage.getItem("model") as any) ?? "gpt-3.5-turbo",
+      model: (localStorage.getItem("model") as Model) ?? "gpt-3.5-turbo",
     },
     services: {
       getChatHistoryFromBackground: () => {
@@ -114,7 +114,7 @@ export default function QuickChattingPage({
     send("RECEIVE_CANCEL");
   };
 
-  const onSelectModel = (model: "gpt-4-turbo" | "gpt-4o" | "gpt-3.5-turbo") => {
+  const onSelectModel = (model: Model) => {
     send("SELECT_GPT_MODEL", { data: model });
     localStorage.setItem("model", model);
   };

src/shared/services/getGPTResponseAsStream.ts

@@ -7,7 +7,7 @@ export async function getQuickGPTResponseAsStream({
   onFinish,
 }: {
   messages: Chat[];
-  model: "gpt-4-turbo" | "gpt-4o" | "gpt-3.5-turbo";
+  model: Model;
   onDelta: (chunk: string) => unknown;
   onFinish: (result: string) => unknown;
 }) {

src/shared/xState/streamChatStateMachine.ts

@@ -6,7 +6,7 @@ type Events =
     }
   | {
       type: "SELECT_GPT_MODEL";
-      data: "gpt-4-turbo" | "gpt-4o" | "gpt-3.5-turbo";
+      data: Model;
     }
   | { type: "CHANGE_TEXT"; data: string }
   | { type: "RECEIVE_ING"; data: string }
@@ -16,7 +16,7 @@ interface Context {
   inputText: string;
   chats: Chat[];
   tempResponse: string;
-  model: "gpt-4-turbo" | "gpt-4o" | "gpt-3.5-turbo";
+  model: Model;
   error?: Error;
   cancelReceive?: () => unknown;
 }