feat: system config settings

adapter/midjourney/api.go

@@ -19,8 +19,11 @@ func (c *ChatInstance) CreateImagineRequest(prompt string) (*ImagineResponse, er
 			"mj-api-secret": c.GetApiSecret(),
 		},
 		ImagineRequest{
-			NotifyHook: fmt.Sprintf("%s/mj/notify", viper.GetString("system.domain")),
-			Prompt:     prompt,
+			NotifyHook: fmt.Sprintf(
+				"%s/mj/notify",
+				viper.GetString("system.general.backend"),
+			),
+			Prompt: prompt,
 		},
 	)
 

addition/web/duckduckgo.go

@@ -1,9 +1,9 @@
 package web
 
 import (
+	"chat/channel"
 	"chat/utils"
 	"fmt"
-	"github.com/spf13/viper"
 	"net/url"
 	"strings"
 )
@@ -30,8 +30,13 @@ func formatResponse(data *DDGResponse) string {
 }
 
 func CallDuckDuckGoAPI(query string) *DDGResponse {
-	query = url.QueryEscape(query)
-	data, err := utils.Get(fmt.Sprintf("%s/search?q=%s&max_results=%d", viper.GetString("system.ddg"), query, viper.GetInt("system.ddg_max_results")), nil)
+	data, err := utils.Get(fmt.Sprintf(
+		"%s/search?q=%s&max_results=%d",
+		channel.SystemInstance.GetSearchEndpoint(),
+		url.QueryEscape(query),
+		channel.SystemInstance.GetSearchQuery(),
+	), nil)
+
 	if err != nil {
 		return nil
 	}

admin/analysis.go

@@ -43,7 +43,7 @@ func GetModelData(cache *redis.Client) ModelChartForm {
 
 	return ModelChartForm{
 		Date: getDates(dates),
-		Value: utils.EachNotNil[string, ModelData](channel.ManagerInstance.GetModels(), func(model string) *ModelData {
+		Value: utils.EachNotNil[string, ModelData](channel.ConduitInstance.GetModels(), func(model string) *ModelData {
 			data := ModelData{
 				Model: model,
 				Data: utils.Each[time.Time, int64](dates, func(date time.Time) int64 {

app/src/admin/api/system.ts

@@ -0,0 +1,65 @@
+import { CommonResponse } from "@/admin/utils.ts";
+import { getErrorMessage } from "@/utils/base.ts";
+import axios from "axios";
+
+export type GeneralState = {
+  backend: string;
+};
+
+export type MailState = {
+  host: string;
+  port: number;
+  username: string;
+  password: string;
+  from: string;
+};
+
+export type SearchState = {
+  endpoint: string;
+  query: number;
+};
+
+export type SystemProps = {
+  general: GeneralState;
+  mail: MailState;
+  search: SearchState;
+};
+
+export type SystemResponse = CommonResponse & {
+  data?: SystemProps;
+};
+
+export async function getConfig(): Promise<SystemResponse> {
+  try {
+    const response = await axios.get("/admin/config/view");
+    return response.data as SystemResponse;
+  } catch (e) {
+    return { status: false, error: getErrorMessage(e) };
+  }
+}
+
+export async function setConfig(config: SystemProps): Promise<CommonResponse> {
+  try {
+    const response = await axios.post(`/admin/config/update`, config);
+    return response.data as CommonResponse;
+  } catch (e) {
+    return { status: false, error: getErrorMessage(e) };
+  }
+}
+
+export const initialSystemState: SystemProps = {
+  general: {
+    backend: "",
+  },
+  mail: {
+    host: "",
+    port: 465,
+    username: "",
+    password: "",
+    from: "",
+  },
+  search: {
+    endpoint: "https://duckduckgo-api.vercel.app",
+    query: 5,
+  },
+};

app/src/conf.ts

@@ -39,13 +39,6 @@ export const supportModels: Model[] = [
     auth: true,
     tag: ["free", "official"],
   },
-  {
-    id: "gpt-4-free",
-    name: "GPT-4 Free",
-    free: true,
-    auth: true,
-    tag: ["free", "unstable", "high-quality"],
-  },
   {
     id: "gpt-4-0613",
     name: "GPT-4",
@@ -321,7 +314,6 @@ export const supportModels: Model[] = [
 export const defaultModels = [
   "gpt-3.5-turbo-0613",
   "gpt-3.5-turbo-16k-0613",
-  "gpt-4-free",
   "gpt-4-0613",
   "gpt-4-1106-preview",
 
@@ -380,7 +372,6 @@ export const modelAvatars: Record<string, string> = {
   "gpt-3.5-turbo-16k-0613": "gpt35turbo16k.webp",
   "gpt-3.5-turbo-1106": "gpt35turbo16k.webp",
   "gpt-4-0613": "gpt4.png",
-  "gpt-4-free": "gpt4.png",
   "gpt-4-1106-preview": "gpt432k.webp",
   "gpt-4-vision-preview": "gpt4v.png",
   "gpt-4-all": "gpt4.png",

app/src/routes/admin/System.tsx

@@ -16,16 +16,27 @@ import { Input } from "@/components/ui/input.tsx";
 import { useReducer } from "react";
 import { formReducer } from "@/utils/form.ts";
 import { NumberInput } from "@/components/ui/number-input.tsx";
+import {
+  GeneralState,
+  getConfig,
+  initialSystemState,
+  MailState,
+  SearchState,
+  setConfig,
+  SystemProps,
+} from "@/admin/api/system.ts";
+import { useEffectAsync } from "@/utils/hook.ts";
+import { toastState } from "@/admin/utils.ts";
+import { useToast } from "@/components/ui/use-toast.ts";
 
-type GeneralState = {
-  backend: string;
+type CompProps<T> = {
+  data: T;
+  dispatch: (action: any) => void;
+  onChange: () => void;
 };
 
-function General() {
+function General({ data, dispatch, onChange }: CompProps<GeneralState>) {
   const { t } = useTranslation();
-  const [general, generalDispatch] = useReducer(formReducer<GeneralState>(), {
-    backend: "",
-  } as GeneralState);
 
   return (
     <Paragraph
@@ -36,10 +47,10 @@ function General() {
       <ParagraphItem>
         <Label>{t("admin.system.backend")}</Label>
         <Input
-          value={general.backend}
+          value={data.backend}
           onChange={(e) =>
-            generalDispatch({
-              type: "update:backend",
+            dispatch({
+              type: "update:general.backend",
               value: e.target.value,
             })
           }
@@ -51,29 +62,16 @@ function General() {
       </ParagraphDescription>
       <ParagraphFooter>
         <div className={`grow`} />
-        <Button size={`sm`} loading={true}>
+        <Button size={`sm`} loading={true} onClick={onChange}>
           {t("admin.system.save")}
         </Button>
       </ParagraphFooter>
     </Paragraph>
   );
 }
 
-type MailState = {
-  host: string;
-  port: number;
-  username: string;
-  password: string;
-};
-
-function Mail() {
+function Mail({ data, dispatch, onChange }: CompProps<MailState>) {
   const { t } = useTranslation();
-  const [mail, mailDispatch] = useReducer(formReducer<MailState>(), {
-    host: "",
-    port: 465,
-    username: "",
-    password: "",
-  } as MailState);
 
   return (
     <Paragraph
@@ -84,10 +82,10 @@ function Mail() {
       <ParagraphItem>
         <Label>{t("admin.system.mailHost")}</Label>
         <Input
-          value={mail.host}
+          value={data.host}
           onChange={(e) =>
-            mailDispatch({
-              type: "update:host",
+            dispatch({
+              type: "update:mail.host",
               value: e.target.value,
             })
           }
@@ -97,9 +95,9 @@ function Mail() {
       <ParagraphItem>
         <Label>{t("admin.system.mailPort")}</Label>
         <NumberInput
-          value={mail.port}
+          value={data.port}
           onValueChange={(value) =>
-            mailDispatch({ type: "update:port", value })
+            dispatch({ type: "update:mail.port", value })
           }
           placeholder={`465`}
           min={0}
@@ -109,10 +107,10 @@ function Mail() {
       <ParagraphItem>
         <Label>{t("admin.system.mailUser")}</Label>
         <Input
-          value={mail.username}
+          value={data.username}
           onChange={(e) =>
-            mailDispatch({
-              type: "update:username",
+            dispatch({
+              type: "update:mail.username",
               value: e.target.value,
             })
           }
@@ -122,10 +120,10 @@ function Mail() {
       <ParagraphItem>
         <Label>{t("admin.system.mailPass")}</Label>
         <Input
-          value={mail.password}
+          value={data.password}
           onChange={(e) =>
-            mailDispatch({
-              type: "update:password",
+            dispatch({
+              type: "update:mail.password",
               value: e.target.value,
             })
           }
@@ -134,25 +132,16 @@ function Mail() {
       </ParagraphItem>
       <ParagraphFooter>
         <div className={`grow`} />
-        <Button size={`sm`} loading={true}>
+        <Button size={`sm`} loading={true} onClick={onChange}>
           {t("admin.system.save")}
         </Button>
       </ParagraphFooter>
     </Paragraph>
   );
 }
 
-type SearchState = {
-  endpoint: string;
-  query: number;
-};
-
-function Search() {
+function Search({ data, dispatch, onChange }: CompProps<SearchState>) {
   const { t } = useTranslation();
-  const [search, searchDispatch] = useReducer(formReducer<SearchState>(), {
-    endpoint: "https://duckduckgo-api.vercel.app",
-    query: 5,
-  } as SearchState);
 
   return (
     <Paragraph
@@ -163,10 +152,10 @@ function Search() {
       <ParagraphItem>
         <Label>{t("admin.system.searchEndpoint")}</Label>
         <Input
-          value={search.endpoint}
+          value={data.endpoint}
           onChange={(e) =>
-            searchDispatch({
-              type: "update:endpoint",
+            dispatch({
+              type: "update:search.endpoint",
               value: e.target.value,
             })
           }
@@ -176,9 +165,9 @@ function Search() {
       <ParagraphItem>
         <Label>{t("admin.system.searchQuery")}</Label>
         <NumberInput
-          value={search.query}
+          value={data.query}
           onValueChange={(value) =>
-            searchDispatch({ type: "update:query", value })
+            dispatch({ type: "update:search.query", value })
           }
           placeholder={`5`}
           min={0}
@@ -188,7 +177,7 @@ function Search() {
       <ParagraphDescription>{t("admin.system.searchTip")}</ParagraphDescription>
       <ParagraphFooter>
         <div className={`grow`} />
-        <Button size={`sm`} loading={true}>
+        <Button size={`sm`} loading={true} onClick={onChange}>
           {t("admin.system.save")}
         </Button>
       </ParagraphFooter>
@@ -198,6 +187,24 @@ function Search() {
 
 function System() {
   const { t } = useTranslation();
+  const { toast } = useToast();
+  const [data, setData] = useReducer(
+    formReducer<SystemProps>(),
+    initialSystemState,
+  );
+
+  const save = async () => {
+    const res = await setConfig(data);
+    toastState(toast, t, res, true);
+  };
+
+  useEffectAsync(async () => {
+    const res = await getConfig();
+    toastState(toast, t, res);
+    if (res.status) {
+      setData({ type: "set", value: res.data });
+    }
+  }, []);
 
   return (
     <div className={`system`}>
@@ -206,9 +213,9 @@ function System() {
           <CardTitle>{t("admin.settings")}</CardTitle>
         </CardHeader>
         <CardContent className={`flex flex-col gap-1`}>
-          <General />
-          <Mail />
-          <Search />
+          <General data={data.general} dispatch={setData} onChange={save} />
+          <Mail data={data.mail} dispatch={setData} onChange={save} />
+          <Search data={data.search} dispatch={setData} onChange={save} />
         </CardContent>
       </Card>
     </div>

app/src/utils/dev.ts

@@ -0,0 +1,7 @@
+export function inWaiting(duration: number): Promise<void> {
+  return new Promise((resolve) => {
+    setTimeout(() => {
+      resolve();
+    }, duration);
+  });
+}