Commit f5460683 by archer

app template

parent ed42bb6c

1.44 KB | W: | H:

1.46 KB | W: | H:

client/public/imgs/module/db.png
client/public/imgs/module/db.png
client/public/imgs/module/db.png
client/public/imgs/module/db.png
  • 2-up
  • Swipe
  • Onion skin
[ZoneTransfer]
ZoneId=3
HostUrl=about:internet
......@@ -89,6 +89,7 @@ const ChatBox = (
const TextareaDom = useRef<HTMLTextAreaElement>(null);
const controller = useRef(new AbortController());
const [refresh, setRefresh] = useState(false);
const [variables, setVariables] = useState<Record<string, any>>({});
const [chatHistory, setChatHistory] = useState<ChatSiteItemType[]>([]);
......@@ -111,7 +112,7 @@ const ChatBox = (
const isLargeWidth = ChatBoxRef?.current?.clientWidth && ChatBoxRef?.current?.clientWidth >= 900;
const { register, reset, setValue, handleSubmit } = useForm<Record<string, any>>({
const { register, reset, getValues, setValue, handleSubmit } = useForm<Record<string, any>>({
defaultValues: variables
});
......@@ -370,12 +371,10 @@ const ChatBox = (
label: item.value,
value: item.value
}))}
{...register(item.key, {
required: item.required
})}
value={getValues(item.key)}
onchange={(e) => {
setValue(item.key, e);
// setRefresh((state) => !state);
setRefresh(!refresh);
}}
/>
)}
......@@ -401,7 +400,6 @@ const ChatBox = (
</Flex>
</Flex>
)}
{/* empty guide */}
{/* chat history */}
<Box id={'history'} pb={[8, 2]}>
......
import React, { useRef } from 'react';
import React, { useRef, forwardRef } from 'react';
import {
Menu,
Box,
......@@ -20,9 +20,12 @@ interface Props extends ButtonProps {
onchange?: (val: string) => void;
}
const MySelect = ({ placeholder, value, width = 'auto', list, onchange, ...props }: Props) => {
const ref = useRef<HTMLDivElement>(null);
const SelectRef = useRef(null);
const MySelect = (
{ placeholder, value, width = 'auto', list, onchange, ...props }: Props,
selectRef: any
) => {
const ref = useRef<HTMLButtonElement>(null);
const SelectRef = useRef<HTMLDivElement>(null);
const menuItemStyles = {
borderRadius: 'sm',
py: 2,
......@@ -116,4 +119,4 @@ const MySelect = ({ placeholder, value, width = 'auto', list, onchange, ...props
);
};
export default React.memo(MySelect);
export default React.memo(forwardRef(MySelect));
......@@ -88,7 +88,7 @@ const defaultModel = chatModelList[0];
export const ChatModule: AppModuleTemplateItemType = {
logo: '/imgs/module/AI.png',
name: 'AI 对话',
intro: 'OpenAI GPT 大模型对话。',
intro: 'AI 大模型对话',
flowType: FlowModuleTypeEnum.chatNode,
type: AppModuleItemTypeEnum.http,
url: '/openapi/modules/chat/gpt',
......@@ -308,24 +308,24 @@ export const RecognizeIntentionModule: AppModuleTemplateItemType = {
value: [
{
value: '',
key: 'a'
key: 'fasw'
},
{
value: '',
key: 'b'
key: 'fqsw'
}
]
}
],
outputs: [
{
key: 'a',
key: 'fasw',
label: '',
type: FlowOutputItemTypeEnum.hidden,
targets: []
},
{
key: 'b',
key: 'fqsw',
label: '',
type: FlowOutputItemTypeEnum.hidden,
targets: []
......
// Next.js API route support: https://nextjs.org/docs/api-routes/introduction
import type { NextApiRequest, NextApiResponse } from 'next';
import { jsonRes } from '@/service/response';
import { authUser } from '@/service/utils/auth';
import { connectToDatabase, TrainingData, User, promotionRecord } from '@/service/mongo';
import { TrainingModeEnum } from '@/constants/plugin';
import mongoose from 'mongoose';
export default async function handler(req: NextApiRequest, res: NextApiResponse) {
try {
await authUser({ req, authRoot: true });
const { amount, userId, type } = req.body as {
amount: number;
userId: number;
type: 'withdraw';
};
await connectToDatabase();
jsonRes(res, {
data: ''
});
} catch (error) {
jsonRes(res, {
code: 500,
error
});
}
}
......@@ -18,7 +18,7 @@ export type Props = {
};
export type Response = { history: ChatItemType[] };
const agentModel = 'gpt-3.5-turbo';
const agentModel = 'gpt-3.5-turbo-16k';
const agentFunName = 'agent_user_question';
export default async function handler(req: NextApiRequest, res: NextApiResponse) {
......@@ -75,13 +75,13 @@ export async function classifyQuestion({
// function body
const agentFunction = {
name: agentFunName,
description: '严格判断用户问题的类型',
description: '判断用户问题的类型,并返回不同的值',
parameters: {
type: 'object',
properties: {
type: {
type: 'string',
description: agents.map((item) => `${item.value},返回: '${item.key}'`).join('; '),
description: agents.map((item) => `${item.value},返回: '${item.key}'`).join('\n'),
enum: agents.map((item) => item.key)
}
},
......
......@@ -73,11 +73,11 @@ const Settings = ({ appId }: { appId: string }) => {
概览
</Box>
<Box
border={theme.borders.sm}
border={theme.borders.base}
borderRadius={'lg'}
px={5}
py={4}
bg={'rgba(235,245,255,0.4)'}
bg={'myBlue.100'}
position={'relative'}
>
<Flex alignItems={'center'} py={2}>
......
......@@ -227,6 +227,8 @@ const AppEdit = ({ app, fullScreen, onFullScreen }: Props) => {
const { mutate: onclickSave, isLoading } = useRequest({
mutationFn: () => {
console.log(flow2Modules());
return putAppById(app._id, {
modules: flow2Modules()
});
......@@ -240,8 +242,6 @@ const AppEdit = ({ app, fullScreen, onFullScreen }: Props) => {
const initData = useCallback(
(app: AppSchema) => {
console.log('init');
const edges = appModule2FlowEdge({
modules: app.modules,
onDelete: onDelConnect
......
......@@ -105,7 +105,9 @@ const CreateModal = ({ onClose, onSuccess }: { onClose: () => void; onSuccess: (
<ModalContent w={'700px'} maxW={'90vw'}>
<ModalHeader fontSize={'2xl'}>开始创建你的 AI 应用</ModalHeader>
<ModalBody>
<Box color={'myGray.800'}>取个响亮的名字</Box>
<Box color={'myGray.800'} fontWeight={'bold'}>
取个响亮的名字
</Box>
<Flex mt={3} alignItems={'center'}>
<Avatar
src={getValues('avatar')}
......@@ -124,7 +126,7 @@ const CreateModal = ({ onClose, onSuccess }: { onClose: () => void; onSuccess: (
})}
/>
</Flex>
<Box mt={7} mb={3} color={'myGray.800'}>
<Box mt={7} mb={3} color={'myGray.800'} fontWeight={'bold'}>
从模板中选择
</Box>
<Grid
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment