Merge pull request #43 from iceljc/features/use-last-sent-message

Features/use last sent message

Author: Oceania2018

src/lib/common/PlainPagination.svelte

@@ -42,6 +42,9 @@
 		<div class="d-flex justify-content-center">
 			<nav aria-label="Page navigation example" id="pagination-element" class="mb-0">
 				<div class="pagination-block pagination pagination-rounded">
+					<Link class={`page-link outline-none ${disableBackward ? 'disabled' : ''}`} id="page-first" on:click={(e) => { handlePageTo(e, firstPage); }}>
+						<i class="bx bx-chevrons-left align-middle" />
+					</Link>
 					<Link class={`page-link outline-none ${disableBackward ? 'disabled' : ''}`} id="page-prev" on:click={(e) => { handlePageTo(e, pagination.page - 1); }}>
 						<i class="bx bx-chevron-left align-middle" />
 					</Link>
@@ -55,6 +58,9 @@
 					<Link class={`page-link outline-none ${disableForward ? 'disabled' : ''}`} id="page-next" on:click={(e) => { handlePageTo(e, pagination.page + 1); }}>
 						<i class="bx bx-chevron-right align-middle" />
 					</Link>
+					<Link class={`page-link outline-none ${disableForward ? 'disabled' : ''}`} id="page-last" on:click={(e) => { handlePageTo(e, totalPages); }}>
+						<i class="bx bx-chevrons-right align-middle" />
+					</Link>
 				</div>
 			</nav>
 		</div>

src/lib/helpers/enums.js

@@ -0,0 +1,8 @@
+const userRole = {
+    System: "system",
+    User: "user",
+    Function: "function",
+    Assistant: "assistant"
+};
+
+export const UserRole = Object.freeze(userRole);

src/routes/chat/[agentId]/[conversationId]/chat-box.svelte

@@ -28,6 +28,7 @@
 	import StateLog from './state-log.svelte';
 	import StateModal from './state-modal.svelte';
 	import DialogModal from '$lib/common/DialogModal.svelte';
+	import { UserRole } from '$lib/helpers/enums';
 
 	const options = {
 		scrollbars: {
@@ -46,6 +47,7 @@
 	let text = "";
 	let editText = "";
 	let truncateMsgId = "";
+	let prevSentMsg = "";
 	
 	/** @type {import('$types').AgentModel} */
 	export let agent;
@@ -74,6 +76,7 @@
 	
 	onMount(async () => {
 		dialogs = await GetDialogs(params.conversationId);
+		getLatestSentMessage(dialogs);
 
 		signalr.onMessageReceivedFromClient = onMessageReceivedFromClient;
 		signalr.onMessageReceivedFromCsr = onMessageReceivedFromCsr;
@@ -90,6 +93,13 @@
 		refresh();
 	});
 
+	/** @param {import('$types').ChatResponseModel[]} dialogs */
+	function getLatestSentMessage(dialogs) {
+		const latestDialog = dialogs.findLast(x => x.sender?.role !== UserRole.Assistant);
+		prevSentMsg = latestDialog?.text || "";
+	}
+
+
 	/** @param {import('$types').ChatResponseModel} message */
 	function onMessageReceivedFromClient(message) {
       dialogs.push(message);
@@ -165,7 +175,16 @@
 
 	/** @param {any} e */
 	async function onSendMessage(e) {
-		if ((e.key === 'Enter' && (!!e.shiftKey || !!e.ctrlKey)) || e.key !== 'Enter') return;
+		if (!!!text && e.key === 'ArrowUp') {
+			text = prevSentMsg;
+			return;
+		}
+
+		if ((e.key === 'Enter' && (!!e.shiftKey || !!e.ctrlKey)) || e.key !== 'Enter') {
+			return;
+		}
+
+		prevSentMsg = text;
 		await sendMessageToHub(params.agentId, params.conversationId, text);
 	}
 

vite.config.js

@@ -2,7 +2,8 @@ import { sveltekit } from '@sveltejs/kit/vite';
 import { defineConfig } from 'vite';
 
 export default defineConfig({
-	plugins: [sveltekit()],
+	// @ts-ignore
+	plugins: [sveltekit(), AutoRefreshHmr()],
 	ssr: {
 		noExternal: ['@popperjs/core']
 	},
@@ -20,3 +21,19 @@ export default defineConfig({
 		host: "0.0.0.0",
 	}
 });
+
+function AutoRefreshHmr() {
+	return {
+		name: 'auto-refresh',
+		enforce: 'post',
+		// @ts-ignore
+		handleHotUpdate({ file, server }) {
+			if (file.endsWith('.svelte') || file.endsWith('.js')) {
+				server.ws.send({
+					type: 'full-reload',
+					path: '*'
+				});
+			}
+		}
+	};
+}