new tests on chat

tests_hugo/chat_nest/chat_client/chat.html

@@ -25,6 +25,10 @@
 			</div>
 
 			<div class="chat_item msg_write">
+				<!--
+				<textarea class="text_area" id="msg_write">
+				</textarea>
+				-->
 				<div class="text_area" id="msg_write" contenteditable>
 				</div>
 			</div>
@@ -37,19 +41,9 @@
 
 
 		<!-- https://socket.io/docs/v4/client-installation/ -->
-<!--
+		<!-- https://socket.io/docs/v4/client-api/ -->
 		<script src="https://cdn.socket.io/4.5.3/socket.io.min.js" integrity="sha384-WPFUvHkB1aHA5TDSZi6xtDgkF0wXJcIIxXhC6h8OT8EH3fC5PWro5pWJ1THjcfEi" crossorigin="anonymous"></script>
-
+		<script>
-		<script src="https://cdn.socket.io/4.5.3/socket.io.min.js"></script>
-
-		<script src="/socket.io/socket.io.js"></script>
-
-			integrity="sha384-WPFUvHkB1aHA5TDSZi6xtDgkF0wXJcIIxXhC6h8OT8EH3fC5PWro5pWJ1THjcfEi"
-			crossorigin="anonymous"
-			import { io } from "https://cdn.socket.io/4.5.3/socket.io.min.js";
--->
-		<script type="module">
-			import { io } from "https://cdn.socket.io/4.4.1/socket.io.esm.min.js";
 			const socket = io("http://localhost:3000");
 		</script>
 

tests_hugo/chat_nest/chat_client/chat_receive_msg.js

@@ -0,0 +1,21 @@
+
+socket.on('message', ({ data }) => {
+	handle_new_message(data);
+});
+
+const handle_new_message = (message) => {
+	const div_thread = document.getElementById('msg_thread');
+
+	console.log("received message:");
+	console.log(`[${message}]`);
+
+	div_thread.appendChild(build_new_message(message));
+}
+
+const build_new_message = (message) => {
+	const p = document.createElement("p");
+	p.appendChild(document.createTextNode(message));
+	return p;
+}
+
+

tests_hugo/chat_nest/chat_client/chat_socket.js

@@ -1,23 +0,0 @@
-
-const div_msg = document.getElementById('msg_write');
-const div_thread = document.getElementById('msg_thread');
-
-const submit_new_message = () => {
-	if (is_valid_msg)
-		socket.emit('message', { data: div_msg.value });
-}
-
-socket.on('message', ({ data }) => {
-	handle_new_message(data);
-});
-
-const handle_new_message = (message) => {
-	div_thread.appendChild(build_new_message(message));
-}
-
-const build_new_message = (message) => {
-	const p = document.createElement("p");
-	p.appendChild(document.createTextNode(message));
-	return p;
-}
-

tests_hugo/chat_nest/chat_client/chat_submit_msg.js

@@ -1,24 +1,18 @@
 
-const div_msg = document.getElementById('msg_write');
-const div_thread = document.getElementById('msg_thread');
 
 const submit_new_message = () => {
-	if (is_valid_msg)
+	const div_msg = document.getElementById('msg_write');
-		socket.emit('message', { data: div_msg.value });
+	/*
+	const msg = div_msg.value;
+	const msg = div_msg.innerText;
+	*/
+	const msg = div_msg.innerText.trim();
+
+	console.log("msg:");
+	console.log(`[${msg}]`);
+	console.log(msg.length);
+
+	if (msg.length > 0)
+		socket.emit('message', { data: msg });
 }
 
-socket.on('message', ({ data }) => {
-	handle_new_message(data);
-});
-
-const handle_new_message = (message) => {
-	div_thread.appendChild(build_new_message(message));
-}
-
-const build_new_message = (message) => {
-	const p = document.createElement("p");
-	p.appendChild(document.createTextNode(message));
-	return p;
-}
-
-

tests_hugo/chat_nest/chat_client/style/msg_write.css

@@ -5,6 +5,12 @@
 	width: 100%;
 	height: auto;
 	min-height: 100%;
+	max-height: 300px;
+	/*
+	resize: none;
+	*/
+	overflow-x: hidden;
+	overflow-y: scroll;
 	background-color: white;
 	border: 1px solid red;
 }

tests_hugo/chat_nest/chat_server/dist/chat.gateway.js

@@ -16,6 +16,8 @@ exports.ChatGateway = void 0;
 const websockets_1 = require("@nestjs/websockets");
 let ChatGateway = class ChatGateway {
     handleMessage(message) {
+        console.log("message received:");
+        console.log(`[${message}]`);
         this.server.emit('message', message);
     }
 };

tests_hugo/chat_nest/chat_server/dist/chat.gateway.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat.gateway.js","sourceRoot":"","sources":["../src/chat.gateway.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,mDAK4B;AAOrB,IAAM,WAAW,GAAjB,MAAM,WAAW;IAKvB,aAAa,CAAgB,OAAe;QAC3C,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;IACtC,CAAC;CACD,CAAA;AAPA;IAAC,IAAA,4BAAe,GAAE;;2CACX;AAEP;IAAC,IAAA,6BAAgB,EAAC,SAAS,CAAC;IACb,WAAA,IAAA,wBAAW,GAAE,CAAA;;;;gDAE3B;AAPW,WAAW;IALvB,IAAA,6BAAgB,EAAC;QACjB,IAAI,EAAE;YACL,MAAM,EAAE,GAAG;SACX;KACD,CAAC;GACW,WAAW,CAQvB;AARY,kCAAW"}
+{"version":3,"file":"chat.gateway.js","sourceRoot":"","sources":["../src/chat.gateway.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,mDAK4B;AAOrB,IAAM,WAAW,GAAjB,MAAM,WAAW;IAKvB,aAAa,CAAgB,OAAe;QAC3C,OAAO,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;QACjC,OAAO,CAAC,GAAG,CAAC,IAAI,OAAO,GAAG,CAAC,CAAC;QAC5B,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;IACtC,CAAC;CACD,CAAA;AATA;IAAC,IAAA,4BAAe,GAAE;;2CACX;AAEP;IAAC,IAAA,6BAAgB,EAAC,SAAS,CAAC;IACb,WAAA,IAAA,wBAAW,GAAE,CAAA;;;;gDAI3B;AATW,WAAW;IALvB,IAAA,6BAAgB,EAAC;QACjB,IAAI,EAAE;YACL,MAAM,EAAE,GAAG;SACX;KACD,CAAC;GACW,WAAW,CAUvB;AAVY,kCAAW"}

tests_hugo/chat_nest/chat_server/src/chat.gateway.ts

@@ -16,6 +16,8 @@ export class ChatGateway {
 
 	@SubscribeMessage('message')
 	handleMessage(@MessageBody() message: string): void {
+		console.log("message received:");
+		console.log(`[${message}]`);
 		this.server.emit('message', message);
 	}
 }