Bye sketch.js - Using wollok-game-web frontend

package.json

@@ -26,7 +26,7 @@
     "lint": "eslint . ",
     "lint:fix": "eslint . --fix",
     "test:unit": "mocha --parallel -r ts-node/register/transpile-only test/**/*.test.ts --timeout 7000",
-    "build": "shx rm -rf build && shx mkdir ./build && shx cp -r ./public ./build/public && tsc -p ./tsconfig.build.json",
+    "build": "shx rm -rf build && shx mkdir ./build && shx cp -r ./public ./build/public && cp ./node_modules/wollok-game-web/dist/web/index.js ./build/public/game/lib && tsc -p ./tsconfig.build.json",
     "watch": "npm run build -- -w",
     "pack": "pkg .",
     "prepublishOnly": "npm run build && npm run test"

public/game/index.html

@@ -4,13 +4,14 @@
     <meta charset="UTF-8" />
     <script src="./lib/p5.js"></script>
     <script src="./lib/p5.sound.js"></script>
+    <script src="./lib/index.js"></script>
     <title>Wollok Game</title>
 
-    <script
+    <!-- <script
       language="javascript"
       type="text/javascript"
       src="./sketch.js"
-    ></script>
+    ></script> -->
     <style>
         main {
             display: flex;
@@ -26,16 +27,26 @@
     <script>
       let socket = 1;
     </script>
+    <main>
+      <div id="game" class="game"></div>
+    </main>
     <script type="module">
       import { io } from "./lib/socket.io.esm.min.js";
 
       socket = io();
       socket.on("connect", function () {
-        console.log("conectado!");
-      });
+        console.log("conectado!")
+      })
       socket.on("disconnect", function () {
-        console.log("desconectado!");
-      });
+        console.log("desconectado!")
+      })
+
+      const parent = document.getElementById('game')
+      const game = new SocketGame(socket)
+
+      socket.on("start", function () {
+        game.start(parent)
+      })
     </script>
   </body>
 </html>