chat View

Author: michaljaz

coffee/client/module/index.coffee

@@ -75,6 +75,8 @@ init = ()->
 		inv_bar.setHp(points)
 	socket.on "food",(points)->
 		inv_bar.setFood(points)
+	socket.on "msg",(msg)->
+		$(".chat").append(msg+"<br>")
 	socket.on "xp",(xp)->
 		$(".player_xp").text(xp.level)
 		$(".progress-bar").css("width",xp.progress*100+"%")

coffee/server.coffee

@@ -8,6 +8,8 @@ module.exports=(config)->
 	mineflayer = require 'mineflayer'
 	Chunk = require("prismarine-chunk")("1.16.1")
 	vec3=require "vec3"
+	Convert = require 'ansi-to-html'
+	convert = new Convert()
 
 	sf={}
 	port=config["express-port"]
@@ -48,7 +50,6 @@ module.exports=(config)->
 			socketInfo[socket.id].bot.on 'chat',(username, message)->
 				if username is socketInfo[socket.id].bot.username
 					return
-				socketInfo[socket.id].bot.chat message
 				return
 
 			socketInfo[socket.id].bot.on 'move',()->
@@ -60,6 +61,10 @@ module.exports=(config)->
 					io.to(socket.id).emit "hp",socketInfo[socket.id].bot.health
 					io.to(socket.id).emit "food",socketInfo[socket.id].bot.food
 				return
+			socketInfo[socket.id].bot.on 'message',(msg)->
+				try
+					io.to(socket.id).emit "msg",convert.toHtml(msg.toAnsi());
+				return
 			socketInfo[socket.id].bot.on 'experience',()->
 				try
 					io.to(socket.id).emit "xp",socketInfo[socket.id].bot.experience

package-lock.json

@@ -7,6 +7,7 @@
     "atlas": "node src/atlas.js"
   },
   "dependencies": {
+    "ansi-to-html": "^0.6.14",
     "canvas": "^2.6.1",
     "child_process": "^1.0.2",
     "express": "^4.17.1",

package.json

@@ -111,3 +111,25 @@ canvas {
   font-size:20px;
   font-weight:bold;
 }
+.console{
+  overflow:auto;
+  display:flex; flex-direction:column-reverse;
+  position:fixed;
+  bottom:110px;
+  left:0px;
+  width:60%;
+  -webkit-text-stroke: 1px black;
+   color: white;
+   text-shadow:
+       1px 1px 0 #000,
+     -1px -1px 0 #000,
+      1px -1px 0 #000,
+      -1px 1px 0 #000,
+       1px 1px 0 #000;
+  height:30%;
+  font-weight:bold;
+  font-size:20px;
+}
+.console::-webkit-scrollbar {
+    display: none;
+}

src/client/cdn/css/main.css

@@ -38,6 +38,13 @@ <h1 class="loadingText">Ładowanie zasobów...</h1>
         <img src="assets/images/loadingx.gif">
       </div>
     </div>
+    <!-- CONSOLE -->
+    <div class="console">
+
+      <!-- CHAT -->
+      <div class="chat"></div>
+      
+    </div>
 
     <!-- GUI -->
     <div class="gui">
@@ -64,7 +71,7 @@ <h1 class="loadingText">Ładowanie zasobów...</h1>
 
           <!-- PLAYER XP -->
           <span class="player_xp">
-            1
+            Łączenie...
           </span>
 
           <!-- PLAYER FOOD -->