fix(frontend): use viewport coordinates for click & socket.io last version

frontend/app/player/MessageDistributor/managers/AssistManager.ts

@@ -199,7 +199,7 @@ export default class AssistManager {
 
   private onMouseClick = (e: MouseEvent): void => {
     if (!this.socket) { return; }
-    const data = this.md.getInternalCoordinates(e);
+    const data = this.md.getInternalViewportCoordinates(e);
     // const el = this.md.getElementFromPoint(e); // requires requestiong node_id from domManager
     const el = this.md.getElementFromInternalPoint(data)
     if (el instanceof HTMLElement) {

frontend/package.json

@@ -56,7 +56,7 @@
     "redux-immutable": "^4.0.0",
     "redux-thunk": "^2.3.0",
     "semantic-ui-react": "^0.87.3",
-    "socket.io-client": "^3.1.3",
+    "socket.io-client": "^4.4.1",
     "source-map": "^0.7.3",
     "syncod": "^0.0.1",
     "tailwindcss": "^1.5.2"

tracker/tracker/src/main/app/logger.ts

@@ -0,0 +1,61 @@
+
+
+
+export const LogLevel = {
+  Verbose: 4,
+  Errors: 4,
+  Warnings: 3,
+  Log: 2,
+  Silent: 0,
+} as const;
+type LogLevel = typeof LogLevel[keyof typeof LogLevel]
+
+
+type CustomLevel = {
+  error: boolean
+  warn: boolean
+  log: boolean
+}
+
+function IsCustomLevel(l: LogLevel | CustomLevel): l is CustomLevel {
+  return typeof l === 'object'
+}
+
+
+interface _Options {
+  level: LogLevel | CustomLevel,
+  messages?: number[],
+}
+
+
+export type Options = true | _Options | LogLevel
+
+export default class Logger {
+  private readonly opts: _Options;
+  constructor(private readonly options: Options = LogLevel.Silent) {
+    this.opts = options === true 
+      ? { level: LogLevel.Verbose } 
+      : typeof options === "number" ? { level: options } : options;
+  }
+  log(...args: any) {
+    if (IsCustomLevel(this.opts.level) 
+      ? this.opts.level.log
+      : this.opts.level >= LogLevel.Log) {
+      console.log(...args)
+    }
+  }
+  warn(...args: any) {
+    if (IsCustomLevel(this.opts.level) 
+      ? this.opts.level.warn
+      : this.opts.level >= LogLevel.Warnings) {
+      console.warn(...args)
+    }
+  }
+  error(...args: any) {
+    if (IsCustomLevel(this.opts.level) 
+      ? this.opts.level.error
+      : this.opts.level >= LogLevel.Errors) {
+      console.error(...args)
+    }
+  }
+}