Merge pull request 'main' (#38) from YasinOnm08/interstellar_ai:main into main

Reviewed-on: https://interstellardevelopment.org/code/code/React-Group/interstellar_ai/pulls/38
This commit is contained in:
Patrick 2024-09-24 14:19:12 +02:00
commit 6efa73ee42
3 changed files with 21 additions and 8 deletions

View file

@ -3,7 +3,9 @@ import React, { useEffect, useRef, useState } from "react";
import ConversationFrontend from "../components/ConversationFrontend"; import ConversationFrontend from "../components/ConversationFrontend";
import InputFrontend from "../components/InputFrontend"; import InputFrontend from "../components/InputFrontend";
import axios from "axios"; import axios from "axios";
import { log } from 'console';
let sendable = true
const InputOutputBackend: React.FC = () => { const InputOutputBackend: React.FC = () => {
type Message = { type Message = {
@ -37,8 +39,10 @@ const InputOutputBackend: React.FC = () => {
postWorkerRef.current.onmessage = (event) => { postWorkerRef.current.onmessage = (event) => {
const status = event.data.status const status = event.data.status
if (status == 200) { if (status == 200) {
sendable = true
endGetWorker() endGetWorker()
} else if (status == 500) { } else if (status == 500) {
sendable = true
if (getWorkerRef.current) { if (getWorkerRef.current) {
addMessage("assistant", "There was an Error with the AI response") addMessage("assistant", "There was an Error with the AI response")
getWorkerRef.current.postMessage("terminate") getWorkerRef.current.postMessage("terminate")
@ -86,11 +90,15 @@ const InputOutputBackend: React.FC = () => {
if (getWorkerRef.current) { if (getWorkerRef.current) {
getWorkerRef.current.postMessage({action:"terminate"}) getWorkerRef.current.postMessage({action:"terminate"})
getWorkerRef.current.terminate() getWorkerRef.current.terminate()
getWorkerRef.current = null
console.log(messages); console.log(messages);
} }
} }
const editLastMessage = (newContent: string) => { const editLastMessage = (newContent: string) => {
if (newContent == "") {
newContent = "Loading..."
}
setMessages((prevMessages) => { setMessages((prevMessages) => {
const updatedMessages = prevMessages.slice(); // Create a shallow copy of the current messages const updatedMessages = prevMessages.slice(); // Create a shallow copy of the current messages
if (updatedMessages.length > 0) { if (updatedMessages.length > 0) {
@ -109,11 +117,16 @@ const InputOutputBackend: React.FC = () => {
setMessages(previous => [...previous,{role,content}]) setMessages(previous => [...previous,{role,content}])
} }
const handleSendClick = (inputValue: string) => { const handleSendClick = (inputValue: string) => {
if (postWorkerRef.current) { if (inputValue != "") {
addMessage("user", inputValue) if (sendable) {
console.log("input:",inputValue); sendable=false
postWorkerRef.current.postMessage({messages:[...messages, { role: "user", content: inputValue }], ai_model:"phi3.5", access_token:accessToken}) if (postWorkerRef.current) {
startGetWorker() addMessage("user", inputValue)
console.log("input:",inputValue);
postWorkerRef.current.postMessage({messages:[...messages, { role: "user", content: inputValue }], ai_model:"phi3.5", access_token:accessToken})
startGetWorker()
}
}
} }
} }

View file

@ -29,6 +29,6 @@ const fetchData = () => {
.catch(error => { .catch(error => {
console.log('Error fetching data:', error); console.log('Error fetching data:', error);
postMessage({error:"failed fetching data"}) postMessage({error:"failed fetching data"})
setTimeout(() => fetchData(),1000)
}) })
} }

View file

@ -2,7 +2,7 @@ import axios from "axios";
onmessage = (e) => { onmessage = (e) => {
const { messages = [{ role: "assistant", content: "Hello! How can I help you?" }], ai_model = "phi3.5", access_token } = e.data const { messages = [{ role: "assistant", content: "Hello! How can I help you?" }], ai_model = "phi3.5", access_token } = e.data
messages.unshift({ role: "system", content: "You are a Helpful assistant" }) messages.unshift({ role: "system", content: "You are a Helpful assistant. you give short answers" })
const Message = { const Message = {
messages: messages, messages: messages,