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,17 @@
+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
+      }
+    },
+    rules: {
+      '@typescript-eslint/no-invalid-void-type': 'off',
+    }
+  }
+)

package.json

@@ -24,9 +24,10 @@
   },
   "devDependencies": {
     "elkjs": "^0.8.2",
+    "globals": "^15.9.0",
     "rete": "^2.0.1",
     "rete-area-plugin": "^2.0.0",
-    "rete-cli": "^1.0.2"
+    "rete-cli": "~2.0.0"
   },
   "peerDependencies": {
     "elkjs": "^0.8.2",

src/appliers/list/transition/animation.ts

@@ -1,9 +1,9 @@
 
 type AnimationRecord = {
-    startTime: number
-    duration: number
-    cb: (t: number) => void
-    done: (success: boolean) => void
+  startTime: number
+  duration: number
+  cb: (t: number) => void
+  done: (success: boolean) => void
 }
 
 export class AnimationSystem {
@@ -28,14 +28,16 @@ export class AnimationSystem {
       }
       cb(t)
     })
-    this.frameId = requestAnimationFrame(() => this.start())
+    this.frameId = requestAnimationFrame(() => {
+      this.start()
+    })
   }
 
   async add<R>(duration: number, id: string, tick: (t: number) => Promise<R>) {
     const startTime = Date.now()
 
     return new Promise<boolean>(done => {
-      this.activeAnimations.set(id, { startTime, duration, cb: tick, done })
+      this.activeAnimations.set(id, { startTime, duration, cb: t => void tick(t), done })
     })
   }
 

src/appliers/list/transition/index.ts

@@ -32,8 +32,12 @@ export class TransitionApplier<S extends ExpectedSchemes, K> extends StandardApp
    */
   constructor(private props?: Props) {
     super()
-    this.duration = typeof props?.duration !== 'undefined' ? props.duration : 2000
-    this.timingFunction = typeof props?.timingFunction !== 'undefined' ? props.timingFunction : t => t
+    this.duration = typeof props?.duration !== 'undefined'
+      ? props.duration
+      : 2000
+    this.timingFunction = typeof props?.timingFunction !== 'undefined'
+      ? props.timingFunction
+      : t => t
 
     this.animation.start()
   }
@@ -54,7 +58,9 @@ export class TransitionApplier<S extends ExpectedSchemes, K> extends StandardApp
       const currentWidth = this.applyTiming(previous.width, width, t)
       const currentHeight = this.applyTiming(previous.height, height, t)
 
-      this.props?.onTick && this.props.onTick(t)
+      if (this.props?.onTick) {
+        this.props.onTick(t)
+      }
       return super.resizeNode(id, currentWidth, currentHeight)
     })
   }
@@ -69,7 +75,9 @@ export class TransitionApplier<S extends ExpectedSchemes, K> extends StandardApp
       const currentX = this.applyTiming(previous.x, x, t)
       const currentY = this.applyTiming(previous.y, y, t)
 
-      this.props?.onTick && this.props.onTick(t)
+      if (this.props?.onTick) {
+        this.props.onTick(t)
+      }
       return super.translateNode(id, currentX, currentY)
     })
   }
@@ -83,8 +91,10 @@ export class TransitionApplier<S extends ExpectedSchemes, K> extends StandardApp
     const correctNodes = this.getValidShapes(nodes)
 
     await Promise.all(correctNodes.map(({ id, x, y, width, height, children }) => {
-      const hasChilden = children && children.length
-      const needsLayout = this.props?.needsLayout ? this.props.needsLayout(id) : true
+      const hasChilden = children?.length
+      const needsLayout = this.props?.needsLayout
+        ? this.props.needsLayout(id)
+        : true
       const forceSelf = !hasChilden || needsLayout
 
       return Promise.all([

src/index.ts

@@ -70,19 +70,21 @@ export class AutoArrangePlugin<Schemes extends ExpectedSchemes, T = never> exten
       : []
     const preset = this.findPreset(id)
 
-    return <ElkNode>{
+    return {
       id,
       width,
       height,
       labels: [
         {
-          text: 'label' in node ? node.label : ''
+          text: 'label' in node
+            ? node.label
+            : ''
         }
       ],
       ...this.graphToElk(context, id),
       ports: [
         ...inputs
-          .sort((a, b) => (a.input?.index || 0) - (b.input?.index || 0))
+          .sort((a, b) => (a.input?.index ?? 0) - (b.input?.index ?? 0))
           .map(({ key }, index) => {
             const { side, width: portWidth, height: portHeight, x, y } = preset.port({
               nodeId: id,
@@ -94,7 +96,7 @@ export class AutoArrangePlugin<Schemes extends ExpectedSchemes, T = never> exten
               ports: inputs.length
             })
 
-            return <ElkPort>{
+            return {
               id: this.getPortId(id, key, 'input'),
               width: portWidth,
               height: portHeight,
@@ -103,10 +105,10 @@ export class AutoArrangePlugin<Schemes extends ExpectedSchemes, T = never> exten
               properties: {
                 side
               }
-            }
+            } as ElkPort
           }),
         ...outputs
-          .sort((a, b) => (a.output?.index || 0) - (b.output?.index || 0))
+          .sort((a, b) => (a.output?.index ?? 0) - (b.output?.index ?? 0))
           .map(({ key }, index) => {
             const { side, width: portWidth, height: portHeight, x, y } = preset.port({
               nodeId: id,
@@ -118,7 +120,7 @@ export class AutoArrangePlugin<Schemes extends ExpectedSchemes, T = never> exten
               ports: outputs.length
             })
 
-            return <ElkPort>{
+            return {
               id: this.getPortId(id, key, 'output'),
               width: portWidth,
               height: portHeight,
@@ -127,15 +129,15 @@ export class AutoArrangePlugin<Schemes extends ExpectedSchemes, T = never> exten
               properties: {
                 side
               }
-            }
+            } as ElkPort
           })
       ],
       layoutOptions: {
         ...preset.options?.(id) || {},
-        // eslint-disable-next-line @typescript-eslint/naming-convention
+
         portConstraints: 'FIXED_POS'
       }
-    }
+    } as ElkNode
   }
 
   private connectionToLayoutEdge(connection: Schemes['Connection']) {
@@ -176,23 +178,23 @@ export class AutoArrangePlugin<Schemes extends ExpectedSchemes, T = never> exten
    * @param props.applier Layout applier. Responsible for applying node positions to the graph
    * @returns Debug information about the layout
    */
-  // eslint-disable-next-line max-statements, max-len
+  // eslint-disable-next-line max-statements, complexity
   async layout(props?: { options?: LayoutOptions, applier?: Applier<Schemes, T> } & Partial<Context<Schemes>>) {
-    const nodes = props?.nodes || this.getEditor().getNodes()
-    const connections = props?.connections || this.getEditor().getConnections()
+    const nodes = props?.nodes ?? this.getEditor().getNodes()
+    const connections = props?.connections ?? this.getEditor().getConnections()
     const graph: ElkNode = {
       id: 'root',
       layoutOptions: {
         /* eslint-disable @typescript-eslint/naming-convention */
         'elk.algorithm': 'layered',
         'elk.hierarchyHandling': 'INCLUDE_CHILDREN',
         'elk.edgeRouting': 'POLYLINE',
-        ...(props?.options || {} as LayoutOptions)
+        ...props?.options ?? {} as LayoutOptions
         /* eslint-enable @typescript-eslint/naming-convention */
       },
       ...this.graphToElk({ nodes, connections })
     }
-    const applier = props?.applier || new StandardApplier()
+    const applier = props?.applier ?? new StandardApplier()
     const source = JSON.stringify(graph, null, '\t')
 
     applier.setEditor(this.getEditor())

src/presets/classic/index.ts

@@ -8,9 +8,15 @@ export const setup = (props?: { spacing?: number, top?: number, bottom?: number
   return () => ({
     port(data): PortData {
       const { spacing, top, bottom } = {
-        spacing: props && typeof props.spacing !== 'undefined' ? props.spacing : 35,
-        top: props && typeof props.top !== 'undefined' ? props.top : 35,
-        bottom: props && typeof props.bottom !== 'undefined' ? props.bottom : 15
+        spacing: typeof props?.spacing !== 'undefined'
+          ? props.spacing
+          : 35,
+        top: typeof props?.top !== 'undefined'
+          ? props.top
+          : 35,
+        bottom: typeof props?.bottom !== 'undefined'
+          ? props.bottom
+          : 15
       }
 
       if (data.side === 'output') {

src/presets/types.ts

@@ -3,8 +3,8 @@ import { Size } from '../types'
 type NodeSide = 'NORTH' | 'SOUTH' | 'EAST' | 'WEST'
 
 export type PortData = {
-  y: number,
-  x: number,
+  y: number
+  x: number
   side: NodeSide
 } & Size
 export type Preset = (nodeId: string) => (null | {

src/types.ts

@@ -15,6 +15,6 @@ type ConnectionScheme = ConnectionBase & {
 export type ExpectedSchemes = GetSchemes<NodeScheme, ConnectionScheme>
 
 export type Size = {
-  width: number,
+  width: number
   height: number
 }

tsconfig.json

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