wip adding web socket

srcs/requirements/svelte/api_front/src/pieces/chat/Chat.svelte

@@ -13,6 +13,9 @@
 	import MuteLayout      from './Layout_mute.svelte';
 	import UserLayout      from './Layout_user.svelte';
 
+	import { onMount } from 'svelte';
+	import io from 'socket.io-client';
+
 	export let color = "transparent";
 
 	let room = "";
@@ -119,7 +122,7 @@
 
 	/* style if chat_box is closed
 	*/
-	.chat_box .chat {grid-area: chat;}
+	.chat {grid-area: chat;}
 	.chat_box.close .grid_box {
 		gap: 0px;
 		grid:
@@ -139,30 +142,6 @@
 		GLOBAL STYLES
 	*/
 
-	/* all grid elements names
-
-			:global(#chat_box #chat            ){grid-area: chat;}
-			:global(#chat_box #close           ){grid-area: close;}
-			:global(#chat_box #new             ){grid-area: new;}
-			:global(#chat_box #settings        ){grid-area: settings;}
-			:global(#chat_box #room_name       ){grid-area: room_name;}
-			:global(#chat_box #send            ){grid-area: send;}
-			:global(#chat_box #create          ){grid-area: create;}
-		:global(#chat_box #user            ){grid-area: user;}
-			:global(#chat_box #back            ){grid-area: back;}
-			:global(#chat_box #panel_home      ){grid-area: panel_home;}
-			:global(#chat_box #panel_new       ){grid-area: panel_new;}
-			:global(#chat_box #panel_msg       ){grid-area: panel_msg;}
-			:global(#chat_box #panel_write     ){grid-area: panel_write;}
-			:global(#chat_box #panel_settings  ){grid-area: panel_settings;}
-			:global(#chat_box #panel_room_set  ){grid-area: panel_room_set;}
-			:global(#chat_box #panel_protected ){grid-area: panel_protected;}
-			:global(#chat_box #panel_create    ){grid-area: panel_create;}
-		:global(#chat_box #panel_user      ){grid-area: panel_user;}
-		:global(#chat_box #panel_mute      ){grid-area: panel_mute;}
-
-	*/
-
 
 	/* Hide scrollbar
 	*/

srcs/requirements/svelte/api_front/src/pieces/chat/Layout_new.svelte

@@ -85,11 +85,5 @@
 	}
 
 
-	/* button "create" appearance
-	*/
-	button.create {
-		margin: 10px 0px;
-	}
-
 </style>
 

srcs/requirements/svelte/api_front/src/pieces/chat/Layout_room.svelte

@@ -3,6 +3,7 @@
 
 	import Button from './Chat_button.svelte';
 	import Msg from './Chat_msg.svelte';
+	import io from 'socket.io-client';
 
 	export let layout = "";
 	export let back = "";
@@ -71,17 +72,13 @@
 
 	<!-- write -->
 	<div class="panel_write">
-		<!--
-			bind:textContent={msg}
-		-->
 		<div
 			class="text_area"
 			bind:innerHTML={msg}
 			bind:this={text_area}
 			on:keypress={send_msg_if}
 			contenteditable="true"
-		>
-		</div>
+		></div>
 	</div>
 
 	<!-- send -->