Update public/sketch.js

public/sketch.js

@@ -2,6 +2,18 @@
 // ERASER is binded to the frameGraphics, and all the drawings operations works on the drawGraphic
 // Each path is displayed on the frameGraphics before being deleted to make the eraser working properly
 //Systeme à reproduire pour les autres projet, c'est le plus efficace, et le plus maniable ;)
+let space_uri;
+let hf_tkn;
+const socket = io();
+  // client-side
+  socket.on("connect", () => {
+    console.log(socket.id); // x8WIv7-mJelg7on_ALbx
+    socket.on("hello", (arg) => {
+      //console.log(arg)
+      space_uri = arg[0];
+      hf_tkn = arg[1];
+    });
+  });
 
 let canvas;
 let Cursor;
@@ -11,8 +23,7 @@ let Pencil;
 let brushesPoints = [];
 let show_diffused = false; 
 
-let space_uri;
-let hf_tkn;
+
 //-----------------------------------------------------
 //-----------------------------------------------------
 
@@ -21,16 +32,7 @@ function preload() {
 }
 
 function setup() {
-  const socket = io();
-  // client-side
-  socket.on("connect", () => {
-    console.log(socket.id); // x8WIv7-mJelg7on_ALbx
-    socket.on("hello", (arg) => {
-      //console.log(arg)
-      space_uri = arg[0];
-      hf_tkn = arg[1];
-    });
-  });
+  
   
   canvas = createCanvas(512, 512);
   canvas.id('canvas');