mirror of
https://github.com/PinkSheep27/SBU-Hackathon.git
synced 2026-10-11 00:30:26 -04:00
Fixed commented out programs
This commit is contained in:
PawelC4
+114
-114
@@ -1,135 +1,135 @@
|
||||
// "use client";
|
||||
"use client";
|
||||
|
||||
// import { useState, useEffect, useRef, useCallback } from "react";
|
||||
// import { useSearchParams } from "next/navigation";
|
||||
// import ChatInput from "../utils/component/ui/ChatInput";
|
||||
// import MessageWindow from "../utils/component/ui/MessageWindow";
|
||||
// import { ChatHistory, ChatSetting, Message , MessageRole } from "@/app/exportType/types";
|
||||
import { useState, useEffect, useRef, useCallback } from "react";
|
||||
import { useSearchParams } from "next/navigation";
|
||||
import ChatInput from "../utils/component/ui/ChatInput";
|
||||
import MessageWindow from "../utils/component/ui/MessageWindow";
|
||||
import { ChatHistory, ChatSetting, Message, MessageRole } from "@/app/exportType/types";
|
||||
|
||||
// export default function Home(){
|
||||
// const [history, setHistory] = useState<ChatHistory>([])
|
||||
// const historyRef = useRef<ChatHistory>([]); // Create a ref for history
|
||||
// const [settings] = useState<ChatSetting>({
|
||||
// temperature:1,
|
||||
// model:"gemini-2.5-pro",
|
||||
// sysTemInstructions:"you are a ai helper. Your goal is to expand the project idea and interact with the user on any problem or question they have with the project. You are not allow to code the project for them and stray away from your job"
|
||||
|
||||
// });
|
||||
// const searchParams = useSearchParams();
|
||||
// const initialMessageSent = useRef(false);
|
||||
export default function Home() {
|
||||
const [history, setHistory] = useState<ChatHistory>([])
|
||||
const historyRef = useRef<ChatHistory>([]); // Create a ref for history
|
||||
const [settings] = useState<ChatSetting>({
|
||||
temperature: 1,
|
||||
model: "gemini-2.5-pro",
|
||||
sysTemInstructions: "you are a ai helper. Your goal is to expand the project idea and interact with the user on any problem or question they have with the project. You are not allow to code the project for them and stray away from your job"
|
||||
|
||||
// useEffect(() => {
|
||||
// historyRef.current = history; // Keep the ref updated with the latest history
|
||||
// }, [history]);
|
||||
});
|
||||
const searchParams = useSearchParams();
|
||||
const initialMessageSent = useRef(false);
|
||||
|
||||
// const handleSend = useCallback(async(message:string)=>{
|
||||
// const newUserMessage:Message = {
|
||||
// role:"user",
|
||||
// parts:[{text:message}],
|
||||
// };
|
||||
useEffect(() => {
|
||||
historyRef.current = history; // Keep the ref updated with the latest history
|
||||
}, [history]);
|
||||
|
||||
// setHistory(prevHistory => {
|
||||
// const currentHistory = [...prevHistory, newUserMessage];
|
||||
|
||||
// const sendApiRequest = async () => {
|
||||
// try{
|
||||
// const response = await fetch("/api/chat", {
|
||||
// method: "POST",
|
||||
// headers: {
|
||||
// "Content-Type": "application/json",
|
||||
// },
|
||||
// body: JSON.stringify({
|
||||
// userMessage: message,
|
||||
// history: historyRef.current, // Use the ref for history
|
||||
// settings: settings,
|
||||
// }),
|
||||
// });
|
||||
const handleSend = useCallback(async (message: string) => {
|
||||
const newUserMessage: Message = {
|
||||
role: "user",
|
||||
parts: [{ text: message }],
|
||||
};
|
||||
|
||||
// const data = await response.json();
|
||||
setHistory(prevHistory => {
|
||||
const currentHistory = [...prevHistory, newUserMessage];
|
||||
|
||||
// if (data.error) {
|
||||
// console.error("AI Error:", data.error);
|
||||
// return;
|
||||
// }
|
||||
const sendApiRequest = async () => {
|
||||
try {
|
||||
const response = await fetch("/api/chat", {
|
||||
method: "POST",
|
||||
headers: {
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
body: JSON.stringify({
|
||||
userMessage: message,
|
||||
history: historyRef.current, // Use the ref for history
|
||||
settings: settings,
|
||||
}),
|
||||
});
|
||||
|
||||
// const aiMessage: Message = {
|
||||
// role: "model" as MessageRole,
|
||||
// parts: [{ text: data.response }],
|
||||
// };
|
||||
const data = await response.json();
|
||||
|
||||
// setHistory(prevHistory => [...prevHistory, aiMessage]);
|
||||
|
||||
// }
|
||||
// catch (error) {
|
||||
// console.error("Request Failed:", error);
|
||||
// }
|
||||
// };
|
||||
// sendApiRequest();
|
||||
if (data.error) {
|
||||
console.error("AI Error:", data.error);
|
||||
return;
|
||||
}
|
||||
|
||||
// return currentHistory;
|
||||
// });
|
||||
// }, [settings]); // Now handleSend only depends on settings
|
||||
const aiMessage: Message = {
|
||||
role: "model" as MessageRole,
|
||||
parts: [{ text: data.response }],
|
||||
};
|
||||
|
||||
// useEffect(() => {
|
||||
// if (!initialMessageSent.current) {
|
||||
// const title = searchParams.get('title');
|
||||
// const summary = searchParams.get('summary');
|
||||
setHistory(prevHistory => [...prevHistory, aiMessage]);
|
||||
|
||||
// if (title && summary) {
|
||||
// const message = `Explain the project titled '${title}' with the summary '${summary}' in detail, and suggest suitable roles for a team working on it.`;
|
||||
|
||||
// const newUserMessage: Message = {
|
||||
// role: "user",
|
||||
// parts: [{ text: message }],
|
||||
// };
|
||||
}
|
||||
catch (error) {
|
||||
console.error("Request Failed:", error);
|
||||
}
|
||||
};
|
||||
sendApiRequest();
|
||||
|
||||
// setTimeout(() => {
|
||||
// setHistory((prevHistory) => [...prevHistory, newUserMessage]); // Add user message to history
|
||||
// }, 0);
|
||||
return currentHistory;
|
||||
});
|
||||
}, [settings]); // Now handleSend only depends on settings
|
||||
|
||||
// const sendInitialApiRequest = async () => {
|
||||
// try {
|
||||
// const response = await fetch("/api/chat", {
|
||||
// method: "POST",
|
||||
// headers: {
|
||||
// "Content-Type": "application/json",
|
||||
// },
|
||||
// body: JSON.stringify({
|
||||
// userMessage: message,
|
||||
// history: [...historyRef.current, newUserMessage], // Use ref for history
|
||||
// settings: settings,
|
||||
// }),
|
||||
// });
|
||||
useEffect(() => {
|
||||
if (!initialMessageSent.current) {
|
||||
const title = searchParams.get('title');
|
||||
const summary = searchParams.get('summary');
|
||||
|
||||
// const data = await response.json();
|
||||
if (title && summary) {
|
||||
const message = `Explain the project titled '${title}' with the summary '${summary}' in detail, and suggest suitable roles for a team working on it.`;
|
||||
|
||||
// if (data.error) {
|
||||
// console.error("AI Error:", data.error);
|
||||
// return;
|
||||
// }
|
||||
const newUserMessage: Message = {
|
||||
role: "user",
|
||||
parts: [{ text: message }],
|
||||
};
|
||||
|
||||
// const aiMessage: Message = {
|
||||
// role: "model" as MessageRole,
|
||||
// parts: [{ text: data.response }],
|
||||
// };
|
||||
setTimeout(() => {
|
||||
setHistory((prevHistory) => [...prevHistory, newUserMessage]); // Add user message to history
|
||||
}, 0);
|
||||
|
||||
// setHistory((prevHistory) => [...prevHistory, aiMessage]);
|
||||
// } catch (error) {
|
||||
// console.error("Request Failed:", error);
|
||||
// }
|
||||
// };
|
||||
const sendInitialApiRequest = async () => {
|
||||
try {
|
||||
const response = await fetch("/api/chat", {
|
||||
method: "POST",
|
||||
headers: {
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
body: JSON.stringify({
|
||||
userMessage: message,
|
||||
history: [...historyRef.current, newUserMessage], // Use ref for history
|
||||
settings: settings,
|
||||
}),
|
||||
});
|
||||
|
||||
// sendInitialApiRequest();
|
||||
// initialMessageSent.current = true;
|
||||
// }
|
||||
// }
|
||||
// }, [searchParams, settings]); // Dependencies for this useEffect
|
||||
const data = await response.json();
|
||||
|
||||
if (data.error) {
|
||||
console.error("AI Error:", data.error);
|
||||
return;
|
||||
}
|
||||
|
||||
const aiMessage: Message = {
|
||||
role: "model" as MessageRole,
|
||||
parts: [{ text: data.response }],
|
||||
};
|
||||
|
||||
setHistory((prevHistory) => [...prevHistory, aiMessage]);
|
||||
} catch (error) {
|
||||
console.error("Request Failed:", error);
|
||||
}
|
||||
};
|
||||
|
||||
sendInitialApiRequest();
|
||||
initialMessageSent.current = true;
|
||||
}
|
||||
}
|
||||
}, [searchParams, settings]); // Dependencies for this useEffect
|
||||
|
||||
|
||||
// return (
|
||||
// <div className="flex flex-col py-32">
|
||||
// <MessageWindow history={history} />
|
||||
// <ChatInput onSend={handleSend} onOpenSettings={() => {}} />
|
||||
// </div>
|
||||
// );
|
||||
// }
|
||||
return (
|
||||
<div className="flex flex-col py-32">
|
||||
<MessageWindow history={history} />
|
||||
<ChatInput onSend={handleSend} onOpenSettings={() => { }} />
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user