fix: update cli and fix linting errors

.gitignore

@@ -4,3 +4,6 @@ node_modules
 npm-debug.log
 dist
 docs
+/coverage
+.rete-cli
+.sonar

eslint.config.mjs

@@ -0,0 +1,14 @@
+import tseslint from 'typescript-eslint';
+import configs from 'rete-cli/configs/eslint.mjs';
+import gloals from 'globals'
+
+export default tseslint.config(
+  ...configs,
+  {
+    languageOptions: {
+      globals: {
+        ...gloals.browser
+      }
+    }
+  }
+)

package.json

@@ -27,9 +27,10 @@
     "rete-area-plugin": "^2.0.0"
   },
   "devDependencies": {
+    "globals": "^15.9.0",
     "rete": "^2.0.0",
     "rete-area-plugin": "^2.0.0",
-    "rete-cli": "^1.0.2",
+    "rete-cli": "~2.0.1",
     "typescript": "4.8.4"
   },
   "dependencies": {

src/connection.ts

@@ -22,7 +22,9 @@ export function classicConnectionPath(points: [Position, Position], curvature: n
  */
 export function loopConnectionPath(points: [Position, Position], curvature: number, size: number) {
   const [{ x: x1, y: y1 }, { x: x2, y: y2 }] = points
-  const k = y2 > y1 ? 1 : -1
+  const k = y2 > y1
+    ? 1
+    : -1
   const scale = size + Math.abs(x1 - x2) / (size / 2)
   const middleX = (x1 + x2) / 2
   const middleY = y1 - k * scale

src/sockets-position/base-socket-position.ts

@@ -21,7 +21,7 @@
  * @listens nodetranslated
  * @listens noderesized
  */
 export abstract class BaseSocketPosition<Schemes extends BaseSchemes, K> implements SocketPositionWatcher<Scope<never, [K]>> {
   sockets = new SocketsPositionsStorage()
   emitter = new EventEmitter<ListenerData>()
   area: BaseAreaPlugin<Schemes, ExpectArea2DExtra<Schemes>> | null = null
@@ -44,7 +44,7 @@
     if (!scope.hasParent()) return
     this.area = scope.parentScope<BaseAreaPlugin<Schemes, ExpectArea2DExtra<Schemes>>>(BaseAreaPlugin)
 
-    // eslint-disable-next-line max-statements, complexity
+    // eslint-disable-next-line max-statements
     this.area.addPipe(async context => {
       if (context.type === 'rendered' && context.data.type === 'socket') {
         const { nodeId, key, side, element } = context.data

src/sockets-position/dom-socket-position.ts

@@ -33,10 +33,12 @@ export class DOMSocketPosition<Schemes extends BaseSchemes, K> extends BaseSocke
     if (!view?.element) return null
     const position = await getElementCenter(element, view.element)
 
-    if (this.props?.offset) return this.props?.offset(position, nodeId, side, key)
+    if (this.props?.offset) return this.props.offset(position, nodeId, side, key)
 
     return {
-      x: position.x + 12 * (side === 'input' ? -1 : 1),
+      x: position.x + 12 * (side === 'input'
+        ? -1
+        : 1),
       y: position.y
     }
   }

src/sockets-position/storage.ts

@@ -23,15 +23,17 @@ export class SocketsPositionsStorage {
       'Probably it was not unmounted correctly'
     ].join(' '), data)
 
-    return found.pop()?.position || null
+    return found.pop()?.position ?? null
   }
 
   add(data: SocketPayload) {
     const existing = this.elements.get(data.element)
 
-    this.elements.set(data.element, existing ? [
-      ...existing.filter(n => !(n.nodeId === data.nodeId && n.key === data.key && n.side === data.side)), data
-    ] : [data])
+    this.elements.set(data.element, existing
+      ? [
+        ...existing.filter(n => !(n.nodeId === data.nodeId && n.key === data.key && n.side === data.side)), data
+      ]
+      : [data])
   }
 
   remove(element: SocketPayload['element']) {

src/utils.ts

@@ -1,42 +1,44 @@
 /* eslint-disable max-statements */
 
 /**
-* Calculates the center coordinates of a child element relative to a parent element.
-* @async
-* @param child The child element whose center coordinates need to be calculated.
-* @param parent The parent element relative to which the child element's center is calculated.
-* @returns Position of the child element's center
-* @throws Error if the child element has a null offsetParent.
-*/
+ * Calculates the center coordinates of a child element relative to a parent element.
+ * @async
+ * @param child The child element whose center coordinates need to be calculated.
+ * @param parent The parent element relative to which the child element's center is calculated.
+ * @returns Position of the child element's center
+ * @throws Error if the child element has a null offsetParent.
+ */
 export async function getElementCenter(child: HTMLElement, parent: HTMLElement) {
   while (!child.offsetParent) {
-    await new Promise((res) => setTimeout(res, 0))
+    await new Promise(res => setTimeout(res, 0))
   }
 
   let x = child.offsetLeft
   let y = child.offsetTop
   let currentElement = child.offsetParent as HTMLElement | null
 
   if (!currentElement) throw new Error('child has null offsetParent')
 
   while (currentElement !== null && currentElement !== parent) {
     x += currentElement.offsetLeft + currentElement.clientLeft
     y += currentElement.offsetTop + currentElement.clientTop
     currentElement = currentElement.offsetParent as HTMLElement | null
   }
   const width = child.offsetWidth
   const height = child.offsetHeight
 
   return {
-    x: (x + width / 2),
-    y: (y + height / 2)
+    x: x + width / 2,
+    y: y + height / 2
   }
 }
 export class EventEmitter<T> {
   listeners = new Set<(data: T) => void>()
 
   emit(data: T) {
-    this.listeners.forEach(listener => listener(data))
+    this.listeners.forEach(listener => {
+      listener(data)
+    })
   }
 
   listen(handler: (data: T) => void) {

tsconfig.json

@@ -1,6 +1,6 @@
 {
+    "extends": "rete-cli/configs/tsconfig.json",
     "compilerOptions": {
-        "strict": true,
         "lib": [
             "DOM"
         ]