@quidgest/chatbot 0.3.0 → 0.4.0

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@quidgest/chatbot",
     "private": false,
-    "version": "0.3.0",
+    "version": "0.4.0",
     "type": "module",
     "license": "UNLICENSED",
     "main": "dist/index.cjs",
@@ -51,7 +51,7 @@
         "vue-tsc": "^1.8.27"
     },
     "peerDependencies": {
-        "@quidgest/ui": "^0.15.9",
+        "@quidgest/ui": "^0.16.0",
         "vue": "^3.5.13"
     }
 }

package/src/components/ChatBot.vue

@@ -191,49 +191,36 @@
 	}
 	
 	async function initChat() {
-		const response = await axios.post(props.apiEndpoint + '/auth/login', {
-			username: props.username,
-			password: 'test'
-		})
-
-		if(!response.data) {
-			addChatMessage(props.texts.loginError)
-			setDisabledState(true)
-			isLoading.value = false
-			return
-		}
+		try {
+			await axios.post(props.apiEndpoint + '/auth/login', {
+				username: props.username,
+				password: 'test'
+			})
 
-		if (response.status !== 200 || !response.data.success) {
+			loadChatData()
+		} catch (error) {
 			setDisabledState(true)
 			addChatMessage(props.texts.loginError)
-			console.log(`Unsuccessful login, endpoint gave status ${response.status}`)
-			return
+			console.log('Error logging in: ' + error)
 		}
-
-		loadChatData()
 	};
 	
 	async function loadChatData() {
-		const response = await axios.post(props.apiEndpoint + '/prompt/load', {
-			username: props.username,
-			project: props.projectPath
-		})
+		try {
+			const response = await axios.post(props.apiEndpoint + '/prompt/load', {
+				username: props.username,
+				project: props.projectPath
+			});
 
-		if(!response.data) {
-			setDisabledState(true)
-			addChatMessage(props.texts.loginError)
-			setDisabledState(true)
-			isLoading.value = false
-			return
-		}	
-
-		if (response.status !== 200 || !response.data.success) {
-			setDisabledState(true)
-			addChatMessage(props.texts.loginError)
-			console.log(`Unsuccessful load, endpoint gave status ${response.status}`)
-			return
+			if(!response) return console.error('No response from server');
+	
+			if (response.status !== 200 || !response.data.success) {
+				setDisabledState(true)
+				addChatMessage(props.texts.botIsSick)
+				console.log(`Unsuccessful load, endpoint gave status ${response.status}`)
+				return
 			}
-
+	
 			sendInitialMessage()
 			response.data.history.forEach((message: ChatBotMessageContent) => {
 				const imgUrl = message.imageUrl ? props.controllerEndpoint + message.imageUrl : undefined
@@ -241,9 +228,15 @@
 					message.content,
 					message.type === 'ai' ? 'bot' : 'user',
 					imgUrl,
-				message.sessionID
-			)
-		})
+				message.sessionID)
+			})
+			
+		} catch(error) {
+			setDisabledState(true)
+			addChatMessage(props.texts.botIsSick)
+			console.log('Error loading: ' + error)
+		}
+
 	}
 	
 	// Modified addChatMessage to add isStreaming flag for empty bot messages
@@ -376,47 +369,50 @@
 
 		isLoading.value = true
 		
-		const response = await axios.post(props.apiEndpoint + '/prompt/submit', formData, {
-			headers: {
-				'Content-Type': 'text/event-stream',
-				'Accept': 'text/event-stream',
-			},
-			responseType: 'stream',
-			adapter: 'fetch',
-		})
+		try {
+			const response = await axios.post(props.apiEndpoint + '/prompt/submit', formData, {
+				headers: {
+					'Content-Type': 'text/event-stream',
+					'Accept': 'text/event-stream',
+				},
+				responseType: 'stream',
+				adapter: 'fetch',
+			})
 		
-		if(!response.data) {
-			addChatMessage(props.texts.botIsSick)
-			setDisabledState(true)
-			isLoading.value = false
-			return
-		}
+			if(!response) return console.error('No response from server')
 
-		const reader = response.data.getReader()
-		const decoder = new TextDecoder("utf-8")
+			const reader = response.data.getReader()
+			const decoder = new TextDecoder("utf-8")
 
-		while(true) {
-			const { done, value } = await reader.read()
-			if(done) break
-			
-			const chunk = decoder.decode(value, { stream: true })
-			const eventList = chunk.match(/data:\s*({.*?})/g)
-			if(!eventList) continue
+			while(true) {
+				const { done, value } = await reader.read()
+				if(done) break
+				
+				const chunk = decoder.decode(value, { stream: true })
+				const eventList = chunk.match(/data:\s*({.*?})/g)
+				if(!eventList) continue
 
-			for(const event of eventList) {
-				try {
-					const rawData = event.split('data:')[1].trim()
-					const data = JSON.parse(rawData)
-					if(msg) {
-						msg.message += data.value
+				for(const event of eventList) {
+					try {
+						const rawData = event.split('data:')[1].trim()
+						const data = JSON.parse(rawData)
+						if(msg) {
+							msg.message += data.value
+						}
+					} catch (error) {
+						console.error('Error parsing match:', error)
 					}
-				} catch (error) {
-					console.error('Error parsing match:', error)
 				}
+				if(autoScrollEnabled.value) scrollToBottom()
 			}
-			if(autoScrollEnabled.value) scrollToBottom()
+
+			isLoading.value = false
+		} catch (error) {
+			setDisabledState(true)
+			addChatMessage(props.texts.botIsSick)
+			console.log('Error setting chat prompt: ' + error)
+			return
 		}
-		isLoading.value = false
 	}
 	
 	function clearChat() {
@@ -424,21 +420,21 @@
 			username: props.username,
 			project: props.projectPath
 		})
-			.then((response: AxiosResponse) => {
-				if (response.status !== 200 || !response.data.success) {
-					setDisabledState(true)
-					addChatMessage(props.texts.loginError)
-					console.log(`Unsuccessful clear, endpoint gave status ${response.status}`)
-					return
-				}
-				resetChat()
-				sendInitialMessage()
-			})
-			.catch((error: Error) => {
+		.then((response: AxiosResponse) => {
+			if (response.status !== 200 || !response.data.success) {
 				setDisabledState(true)
 				addChatMessage(props.texts.loginError)
-				console.log('Error clearing chat: ' + error)
-			})
+				console.log(`Unsuccessful clear, endpoint gave status ${response.status}`)
+				return
+			}
+			resetChat()
+			sendInitialMessage()
+		})
+		.catch((error: Error) => {
+			setDisabledState(true)
+			addChatMessage(props.texts.loginError)
+			console.log('Error clearing chat: ' + error)
+		})
 	}
 	
 	function getMessageClasses(sender: ChatBotMessageSender) {