ts fixes (some need more improvements but will do later)

Author: devhelpr

apps/vps-web/src/app/custom-nodes/classes/oval-node-class.tsx

@@ -5,12 +5,13 @@ import {
 } from '@devhelpr/visual-programming-system';
 import { NodeInfo } from '@devhelpr/web-flow-executor';
 
+// @ts-expect-error:will-fix-later
 import TestWorker from './workers/test-worker?worker';
 import { BaseRectNode } from './base-rect-node-class';
 
 const testWorker = new TestWorker();
 
-testWorker.addEventListener('message', (event) => {
+testWorker.addEventListener('message', (event: any) => {
   console.log('Worker response:', event.data);
 });
 
@@ -27,7 +28,7 @@ export class OvalNode extends BaseRectNode {
   ): Promise<IComputeResult> => {
     return new Promise<IComputeResult>((resolve) => {
       testWorker.postMessage(input);
-      testWorker.onmessage = (event) => {
+      testWorker.onmessage = (event: any) => {
         resolve({
           result: event.data.payload.processedData,
           output: event.data.payload.processedData,

apps/vps-web/src/app/custom-nodes/classes/webcam-node.tsx

@@ -17,7 +17,7 @@ interface WebcamViewerSettings {
 }
 
 class WebcamViewer {
-  private rectNode: BaseRectNode;
+  //private rectNode: BaseRectNode;
   private videoElement: HTMLVideoElement | null = null;
   private stream: MediaStream | null = null;
   private isStreaming = false;
@@ -28,10 +28,10 @@ class WebcamViewer {
 
   constructor(
     gridContainer: HTMLDivElement,
-    rectNode: BaseRectNode,
-    settings: WebcamViewerSettings
+    _rectNode: BaseRectNode,
+    _settings: WebcamViewerSettings
   ) {
-    this.rectNode = rectNode;
+    //this.rectNode = rectNode;
     this.initializeWebcam(gridContainer);
   }
 
@@ -210,7 +210,7 @@ export class WebcamViewerNode extends BaseRectNode {
   };
 
   compute = (
-    input: string,
+    _input: string,
     _loopIndex?: number,
     _payload?: any
   ): Promise<IComputeResult> => {

apps/vps-web/src/app/pages/example.tsx

@@ -17,6 +17,9 @@ export function examplePage() {
       saveFlow: async (_flowId: string, _flow: any) => {
         return Promise.resolve();
       },
+      getCurrentFlow: () => {
+        return flowData as Flow<NodeInfo>;
+      },
     };
     appElement.classList.add('hidden');
     pageElement.classList.remove('hidden');

apps/vps-web/src/app/run-flow.tsx

@@ -19,7 +19,7 @@ export const runFlow = () => {
   flowEngine.initialize(flow.flows.flow.nodes);
 
   const rootElement = document.getElementById('run-flow-container')!;
-  let resultElement: HTMLDivElement | undefined = undefined;
+  //let resultElement: HTMLDivElement | undefined = undefined;
   let celciusElement: HTMLInputElement | undefined = undefined;
   let fahrenheitElement: HTMLInputElement | undefined = undefined;
 
@@ -40,7 +40,7 @@ export const runFlow = () => {
   renderElement(
     <div class="w-[clamp(240px,100%,1024px)] mx-auto">
       <div
-        getElement={(element: HTMLDivElement) => (resultElement = element)}
+      // getElement={(element: HTMLDivElement) => (resultElement = element)}
       ></div>
       <div class="flex flex-col">
         <label>Celcius</label>

apps/vps-web/src/main.tsx

@@ -22,13 +22,15 @@ import {
   RunCounter,
   llmApiKeys,
 } from '@devhelpr/web-flow-executor';
+/* @ts-expect-error:will-fix-later */
 import AIFlowEngineWorker from './app/ai-flow-engine-worker/ai-flow-engine-worker?worker';
 import {
   AIWorkerWorker,
   OffscreenCanvasNodes,
 } from './app/ai-flow-engine-worker/ai-flow-engine-worker-message';
 import { CanvasNode } from './app/custom-nodes/classes/canvas-node-class';
 
+/* @ts-expect-error:will-fix-later */
 const API_URL_ROOT = import.meta.env.VITE_API_URL;
 
 setupCustomEditor(() => {
@@ -132,7 +134,7 @@ if (url.pathname === '/run-flow') {
   const startWorker = (
     flow: Flow<BaseNodeInfo> | undefined,
     nodes: ElementNodeMap<NodeInfo>,
-    input?: string,
+    _input?: string,
     runCounter?: RunCounter,
     onFinishRun?: (input: string | any[]) => void
   ) => {
@@ -204,14 +206,14 @@ if (url.pathname === '/run-flow') {
         run: (
           flow: Flow<BaseNodeInfo> | undefined,
           nodes: ElementNodeMap<NodeInfo>,
-          canvasApp: IFlowCanvasBase<NodeInfo>,
+          _canvasApp: IFlowCanvasBase<NodeInfo>,
           onFinishRun?: (input: string | any[]) => void,
           input?: string,
-          offsetX?: number,
-          offsetY?: number,
+          _offsetX?: number,
+          _offsetY?: number,
           runCounter?: RunCounter,
-          shouldResetConnectionSlider?: boolean,
-          computeAsync?: ComputeAsync
+          _shouldResetConnectionSlider?: boolean,
+          _computeAsync?: ComputeAsync
         ) => {
           console.log('run flow startWorker', flow, nodes);
           startWorker(flow, nodes, input, runCounter, onFinishRun);
@@ -223,16 +225,16 @@ if (url.pathname === '/run-flow') {
         runNode: (
           flow: Flow<BaseNodeInfo> | undefined,
           node: IRectNodeComponent<NodeInfo>,
-          canvasApp: IFlowCanvasBase<NodeInfo>,
-          onStopped?: (input: string | any[], scopeId?: string) => void,
+          _canvasApp: IFlowCanvasBase<NodeInfo>,
+          _onStopped?: (input: string | any[], scopeId?: string) => void,
           input?: string,
-          offsetX?: number,
-          offsetY?: number,
-          loopIndex?: number,
-          connection?: IConnectionNodeComponent<NodeInfo>,
-          scopeId?: string,
+          _offsetX?: number,
+          _offsetY?: number,
+          _loopIndex?: number,
+          _connection?: IConnectionNodeComponent<NodeInfo>,
+          _scopeId?: string,
           runCounter?: RunCounter,
-          shouldResetConnectionSlider?: boolean,
+          _shouldResetConnectionSlider?: boolean,
           inputPayload?: any
         ) => {
           if (!flowApp?.canvas?.elements) {

apps/vps-web/tsconfig.app.json

@@ -5,5 +5,5 @@
     "types": ["node"]
   },
   "exclude": ["src/**/*.spec.ts", "src/**/*.test.ts"],
-  "include": ["src/**/*.ts"]
+  "include": ["src/**/*.ts", "src/**/*.tsx"]
 }