machinaos 0.0.1 → 0.0.6

package/client/src/utils/formatters.ts

@@ -1,33 +1,33 @@
-// Common utility functions for formatting and clipboard operations
-import { message } from 'antd';
-
-/**
- * Copy text to clipboard with error handling
- */
-export const copyToClipboard = async (data: any, successMessage?: string): Promise<boolean> => {
-  try {
-    const text = typeof data === 'string' ? data : JSON.stringify(data, null, 2);
-    await navigator.clipboard.writeText(text);
-    if (successMessage) {
-      message.success(successMessage);
-    }
-    return true;
-  } catch (error) {
-    console.error('Failed to copy to clipboard:', error);
-    return false;
-  }
-};
-
-/**
- * Format object as JSON string
- */
-export const formatJson = (obj: any, compact: boolean = false): string => {
-  return JSON.stringify(obj, null, compact ? 0 : 2);
-};
-
-/**
- * Format timestamp to locale string
- */
-export const formatTimestamp = (timestamp: string | number | Date): string => {
-  return new Date(timestamp).toLocaleString();
+// Common utility functions for formatting and clipboard operations
+import { message } from 'antd';
+
+/**
+ * Copy text to clipboard with error handling
+ */
+export const copyToClipboard = async (data: any, successMessage?: string): Promise<boolean> => {
+  try {
+    const text = typeof data === 'string' ? data : JSON.stringify(data, null, 2);
+    await navigator.clipboard.writeText(text);
+    if (successMessage) {
+      message.success(successMessage);
+    }
+    return true;
+  } catch (error) {
+    console.error('Failed to copy to clipboard:', error);
+    return false;
+  }
+};
+
+/**
+ * Format object as JSON string
+ */
+export const formatJson = (obj: any, compact: boolean = false): string => {
+  return JSON.stringify(obj, null, compact ? 0 : 2);
+};
+
+/**
+ * Format timestamp to locale string
+ */
+export const formatTimestamp = (timestamp: string | number | Date): string => {
+  return new Date(timestamp).toLocaleString();
 };

package/client/src/utils/googleMapsLoader.ts

@@ -1,140 +1,140 @@
-// Google Maps API Loader - Singleton pattern to prevent multiple script loads
-// Ensures Google Maps JavaScript API is loaded only once per page
-
-interface GoogleMapsLoaderOptions {
-  apiKey: string;
-  libraries?: string[];
-  version?: string;
-}
-
-class GoogleMapsLoader {
-  private static instance: GoogleMapsLoader;
-  private loadPromise: Promise<void> | null = null;
-  private isLoaded = false;
-  private isLoading = false;
-
-  private constructor() {}
-
-  public static getInstance(): GoogleMapsLoader {
-    if (!GoogleMapsLoader.instance) {
-      GoogleMapsLoader.instance = new GoogleMapsLoader();
-    }
-    return GoogleMapsLoader.instance;
-  }
-
-  public async loadGoogleMaps(options: GoogleMapsLoaderOptions): Promise<void> {
-    // If already loaded, resolve immediately
-    if (this.isLoaded) {
-      return Promise.resolve();
-    }
-
-    // If currently loading, return the existing promise
-    if (this.isLoading && this.loadPromise) {
-      return this.loadPromise;
-    }
-
-    // Check if Google Maps is already available (loaded externally)
-    if (typeof window !== 'undefined' && window.google?.maps) {
-      this.isLoaded = true;
-      return Promise.resolve();
-    }
-
-    // Start loading
-    this.isLoading = true;
-    this.loadPromise = this.createLoadPromise(options);
-
-    try {
-      await this.loadPromise;
-      this.isLoaded = true;
-      this.isLoading = false;
-    } catch (error) {
-      this.isLoading = false;
-      this.loadPromise = null;
-      throw error;
-    }
-  }
-
-  private createLoadPromise(options: GoogleMapsLoaderOptions): Promise<void> {
-    return new Promise((resolve, reject) => {
-      // Check if script already exists
-      const existingScript = document.querySelector('script[src*="maps.googleapis.com"]');
-      if (existingScript) {
-        // Script exists, wait for it to load
-        if (window.google?.maps) {
-          resolve();
-        } else {
-          existingScript.addEventListener('load', () => resolve());
-          existingScript.addEventListener('error', (error) => reject(error));
-        }
-        return;
-      }
-
-      // Create new script element
-      const script = document.createElement('script');
-      script.type = 'text/javascript';
-      script.async = true;
-      script.defer = true;
-
-      // Build URL with parameters
-      const { apiKey, libraries = ['geometry'], version = 'weekly' } = options;
-      const params = new URLSearchParams({
-        key: apiKey,
-        libraries: libraries.join(','),
-        v: version,
-        callback: '__googleMapsCallback__'
-      });
-
-      script.src = `https://maps.googleapis.com/maps/api/js?${params.toString()}`;
-
-      // Set up callback
-      (window as any).__googleMapsCallback__ = () => {
-        delete (window as any).__googleMapsCallback__;
-        resolve();
-      };
-
-      // Handle errors
-      script.onerror = (error) => {
-        delete (window as any).__googleMapsCallback__;
-        reject(new Error(`Failed to load Google Maps API: ${error}`));
-      };
-
-      // Add script to document
-      document.head.appendChild(script);
-    });
-  }
-
-  public isGoogleMapsLoaded(): boolean {
-    return this.isLoaded || (typeof window !== 'undefined' && !!window.google?.maps);
-  }
-
-  public getGoogleMaps(): typeof google.maps | null {
-    if (typeof window !== 'undefined' && window.google?.maps) {
-      return window.google.maps;
-    }
-    return null;
-  }
-}
-
-// Export singleton instance and convenience functions
-export const googleMapsLoader = GoogleMapsLoader.getInstance();
-
-export const loadGoogleMaps = (options: GoogleMapsLoaderOptions): Promise<void> => {
-  return googleMapsLoader.loadGoogleMaps(options);
-};
-
-export const isGoogleMapsLoaded = (): boolean => {
-  return googleMapsLoader.isGoogleMapsLoaded();
-};
-
-export const getGoogleMaps = (): typeof google.maps | null => {
-  return googleMapsLoader.getGoogleMaps();
-};
-
-// Type declarations for Google Maps
-declare global {
-  interface Window {
-    google?: {
-      maps: typeof google.maps;
-    };
-  }
+// Google Maps API Loader - Singleton pattern to prevent multiple script loads
+// Ensures Google Maps JavaScript API is loaded only once per page
+
+interface GoogleMapsLoaderOptions {
+  apiKey: string;
+  libraries?: string[];
+  version?: string;
+}
+
+class GoogleMapsLoader {
+  private static instance: GoogleMapsLoader;
+  private loadPromise: Promise<void> | null = null;
+  private isLoaded = false;
+  private isLoading = false;
+
+  private constructor() {}
+
+  public static getInstance(): GoogleMapsLoader {
+    if (!GoogleMapsLoader.instance) {
+      GoogleMapsLoader.instance = new GoogleMapsLoader();
+    }
+    return GoogleMapsLoader.instance;
+  }
+
+  public async loadGoogleMaps(options: GoogleMapsLoaderOptions): Promise<void> {
+    // If already loaded, resolve immediately
+    if (this.isLoaded) {
+      return Promise.resolve();
+    }
+
+    // If currently loading, return the existing promise
+    if (this.isLoading && this.loadPromise) {
+      return this.loadPromise;
+    }
+
+    // Check if Google Maps is already available (loaded externally)
+    if (typeof window !== 'undefined' && window.google?.maps) {
+      this.isLoaded = true;
+      return Promise.resolve();
+    }
+
+    // Start loading
+    this.isLoading = true;
+    this.loadPromise = this.createLoadPromise(options);
+
+    try {
+      await this.loadPromise;
+      this.isLoaded = true;
+      this.isLoading = false;
+    } catch (error) {
+      this.isLoading = false;
+      this.loadPromise = null;
+      throw error;
+    }
+  }
+
+  private createLoadPromise(options: GoogleMapsLoaderOptions): Promise<void> {
+    return new Promise((resolve, reject) => {
+      // Check if script already exists
+      const existingScript = document.querySelector('script[src*="maps.googleapis.com"]');
+      if (existingScript) {
+        // Script exists, wait for it to load
+        if (window.google?.maps) {
+          resolve();
+        } else {
+          existingScript.addEventListener('load', () => resolve());
+          existingScript.addEventListener('error', (error) => reject(error));
+        }
+        return;
+      }
+
+      // Create new script element
+      const script = document.createElement('script');
+      script.type = 'text/javascript';
+      script.async = true;
+      script.defer = true;
+
+      // Build URL with parameters
+      const { apiKey, libraries = ['geometry'], version = 'weekly' } = options;
+      const params = new URLSearchParams({
+        key: apiKey,
+        libraries: libraries.join(','),
+        v: version,
+        callback: '__googleMapsCallback__'
+      });
+
+      script.src = `https://maps.googleapis.com/maps/api/js?${params.toString()}`;
+
+      // Set up callback
+      (window as any).__googleMapsCallback__ = () => {
+        delete (window as any).__googleMapsCallback__;
+        resolve();
+      };
+
+      // Handle errors
+      script.onerror = (error) => {
+        delete (window as any).__googleMapsCallback__;
+        reject(new Error(`Failed to load Google Maps API: ${error}`));
+      };
+
+      // Add script to document
+      document.head.appendChild(script);
+    });
+  }
+
+  public isGoogleMapsLoaded(): boolean {
+    return this.isLoaded || (typeof window !== 'undefined' && !!window.google?.maps);
+  }
+
+  public getGoogleMaps(): typeof google.maps | null {
+    if (typeof window !== 'undefined' && window.google?.maps) {
+      return window.google.maps;
+    }
+    return null;
+  }
+}
+
+// Export singleton instance and convenience functions
+export const googleMapsLoader = GoogleMapsLoader.getInstance();
+
+export const loadGoogleMaps = (options: GoogleMapsLoaderOptions): Promise<void> => {
+  return googleMapsLoader.loadGoogleMaps(options);
+};
+
+export const isGoogleMapsLoaded = (): boolean => {
+  return googleMapsLoader.isGoogleMapsLoaded();
+};
+
+export const getGoogleMaps = (): typeof google.maps | null => {
+  return googleMapsLoader.getGoogleMaps();
+};
+
+// Type declarations for Google Maps
+declare global {
+  interface Window {
+    google?: {
+      maps: typeof google.maps;
+    };
+  }
 }

package/client/src/utils/locationUtils.ts

@@ -1,85 +1,85 @@
-import { INodeTypeDescription, INodeProperties } from '../types/INodeProperties';
-
-// Location parameter utilities
-export interface LocationParams {
-  latParam: INodeProperties | null;
-  lngParam: INodeProperties | null;
-}
-
-// Find coordinate parameters in node definition
-export const getCoordinateParams = (nodeDefinition: INodeTypeDescription | null): LocationParams => {
-  if (!nodeDefinition) return { latParam: null, lngParam: null };
-
-  const latParam = nodeDefinition.properties?.find((p: any) => {
-    const name = p.name.toLowerCase();
-    return name.includes('lat') || name === 'latitude';
-  });
-
-  const lngParam = nodeDefinition.properties?.find((p: any) => {
-    const name = p.name.toLowerCase();
-    return name.includes('lng') || name.includes('lon') || name === 'longitude';
-  });
-
-  return { latParam: latParam || null, lngParam: lngParam || null };
-};
-
-// Get current coordinates from parameters
-export const getCurrentCoordinates = (
-  parameters: Record<string, any>,
-  locationParams: LocationParams
-) => {
-  const { latParam, lngParam } = locationParams;
-
-  const lat = (latParam && parameters[latParam.name]) || latParam?.default || 40.7128;
-  const lng = (lngParam && parameters[lngParam.name]) || lngParam?.default || -74.0060;
-
-  return { lat, lng };
-};
-
-// Get map display parameters
-export const getMapDisplayParams = (parameters: Record<string, any>) => {
-  const zoom = parameters.zoom || 13;
-  const mapTypeId = parameters.mapTypeId || 'ROADMAP';
-
-  return { zoom, mapTypeId };
-};
-
-// Get Google Maps API key with fallbacks
-export const getGoogleMapsApiKey = (): string | undefined => {
-  // Note: For stored API keys, use ApiKeyManagerService.getStoredApiKeyAsync('google_maps')
-  // This function now only returns the environment variable fallback
-  return (import.meta as any).env?.VITE_GOOGLE_MAPS_API_KEY || undefined;
-};
-
-// Create location update handler
-export const createLocationUpdateHandler = (
-  locationParams: LocationParams,
-  onParameterChange: (paramName: string, value: any) => void
-) => {
-  return (lat: number, lng: number) => {
-    const { latParam, lngParam } = locationParams;
-
-    if (latParam) {
-      onParameterChange(latParam.name, lat);
-    }
-    if (lngParam) {
-      onParameterChange(lngParam.name, lng);
-    }
-  };
-};
-
-// Check if a node is location-related
-export const isLocationNode = (nodeDefinition: INodeTypeDescription | null): boolean => {
-  if (!nodeDefinition) return false;
-
-  const isCreateMap = nodeDefinition.name === 'createMap';
-  const hasLocationGroup = nodeDefinition.group?.includes('location') ?? false;
-  const hasCoordinates = getCoordinateParams(nodeDefinition).latParam !== null;
-
-  return isCreateMap || hasLocationGroup || hasCoordinates;
-};
-
-// Check if node should show maps preview
-export const shouldShowMapsPreview = (nodeDefinition: INodeTypeDescription | null): boolean => {
-  return nodeDefinition?.name === 'createMap';
+import { INodeTypeDescription, INodeProperties } from '../types/INodeProperties';
+
+// Location parameter utilities
+export interface LocationParams {
+  latParam: INodeProperties | null;
+  lngParam: INodeProperties | null;
+}
+
+// Find coordinate parameters in node definition
+export const getCoordinateParams = (nodeDefinition: INodeTypeDescription | null): LocationParams => {
+  if (!nodeDefinition) return { latParam: null, lngParam: null };
+
+  const latParam = nodeDefinition.properties?.find((p: any) => {
+    const name = p.name.toLowerCase();
+    return name.includes('lat') || name === 'latitude';
+  });
+
+  const lngParam = nodeDefinition.properties?.find((p: any) => {
+    const name = p.name.toLowerCase();
+    return name.includes('lng') || name.includes('lon') || name === 'longitude';
+  });
+
+  return { latParam: latParam || null, lngParam: lngParam || null };
+};
+
+// Get current coordinates from parameters
+export const getCurrentCoordinates = (
+  parameters: Record<string, any>,
+  locationParams: LocationParams
+) => {
+  const { latParam, lngParam } = locationParams;
+
+  const lat = (latParam && parameters[latParam.name]) || latParam?.default || 40.7128;
+  const lng = (lngParam && parameters[lngParam.name]) || lngParam?.default || -74.0060;
+
+  return { lat, lng };
+};
+
+// Get map display parameters
+export const getMapDisplayParams = (parameters: Record<string, any>) => {
+  const zoom = parameters.zoom || 13;
+  const mapTypeId = parameters.mapTypeId || 'ROADMAP';
+
+  return { zoom, mapTypeId };
+};
+
+// Get Google Maps API key with fallbacks
+export const getGoogleMapsApiKey = (): string | undefined => {
+  // Note: For stored API keys, use ApiKeyManagerService.getStoredApiKeyAsync('google_maps')
+  // This function now only returns the environment variable fallback
+  return (import.meta as any).env?.VITE_GOOGLE_MAPS_API_KEY || undefined;
+};
+
+// Create location update handler
+export const createLocationUpdateHandler = (
+  locationParams: LocationParams,
+  onParameterChange: (paramName: string, value: any) => void
+) => {
+  return (lat: number, lng: number) => {
+    const { latParam, lngParam } = locationParams;
+
+    if (latParam) {
+      onParameterChange(latParam.name, lat);
+    }
+    if (lngParam) {
+      onParameterChange(lngParam.name, lng);
+    }
+  };
+};
+
+// Check if a node is location-related
+export const isLocationNode = (nodeDefinition: INodeTypeDescription | null): boolean => {
+  if (!nodeDefinition) return false;
+
+  const isCreateMap = nodeDefinition.name === 'createMap';
+  const hasLocationGroup = nodeDefinition.group?.includes('location') ?? false;
+  const hasCoordinates = getCoordinateParams(nodeDefinition).latParam !== null;
+
+  return isCreateMap || hasLocationGroup || hasCoordinates;
+};
+
+// Check if node should show maps preview
+export const shouldShowMapsPreview = (nodeDefinition: INodeTypeDescription | null): boolean => {
+  return nodeDefinition?.name === 'createMap';
 };

package/client/src/utils/nodeUtils.ts

@@ -1,31 +1,31 @@
-// Utility functions for node operations
-
-// Generate short node name from nodeType for parameter references
-export const getShortNodeName = (nodeType: string): string => {
-  const typeMap: { [key: string]: string } = {
-    // AI Chat Models
-    'openaiChatModel': 'openai',
-    'anthropicChatModel': 'claude',
-    'geminiChatModel': 'gemini',
-    // AI Agents
-    'aiAgent': 'ai',
-    // Location Services
-    'createMap': 'map',
-    'addLocations': 'location',
-    'showNearbyPlaces': 'places'
-  };
-  
-  // If we have a specific mapping, use it
-  if (typeMap[nodeType]) {
-    return typeMap[nodeType];
-  }
-  
-  // Otherwise, create a simplified version by removing capitals and common suffixes
-  let simplified = nodeType
-    .replace(/[A-Z]/g, '') // Remove capital letters
-    .replace(/(Get|Set|Stop|Play|Record|Control)$/i, '') // Remove common suffixes
-    .toLowerCase();
-    
-  // Return simplified name or fallback to 'node'
-  return simplified || 'node';
+// Utility functions for node operations
+
+// Generate short node name from nodeType for parameter references
+export const getShortNodeName = (nodeType: string): string => {
+  const typeMap: { [key: string]: string } = {
+    // AI Chat Models
+    'openaiChatModel': 'openai',
+    'anthropicChatModel': 'claude',
+    'geminiChatModel': 'gemini',
+    // AI Agents
+    'aiAgent': 'ai',
+    // Location Services
+    'createMap': 'map',
+    'addLocations': 'location',
+    'showNearbyPlaces': 'places'
+  };
+  
+  // If we have a specific mapping, use it
+  if (typeMap[nodeType]) {
+    return typeMap[nodeType];
+  }
+  
+  // Otherwise, create a simplified version by removing capitals and common suffixes
+  let simplified = nodeType
+    .replace(/[A-Z]/g, '') // Remove capital letters
+    .replace(/(Get|Set|Stop|Play|Record|Control)$/i, '') // Remove common suffixes
+    .toLowerCase();
+    
+  // Return simplified name or fallback to 'node'
+  return simplified || 'node';
 };

package/client/src/utils/workflow.ts

@@ -1,30 +1,30 @@
-import { Node, Edge } from 'reactflow';
-
-export const generateWorkflowId = (): string => 
-  `workflow-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
-
-export const sanitizeNodesForComparison = (nodes: Node[]): Node[] =>
-  nodes.map(n => ({ ...n, selected: undefined, dragging: undefined }));
-
-export const sanitizeEdgesForComparison = (edges: Edge[]): Edge[] =>
-  edges.map(e => ({ ...e, selected: undefined }));
-
-export const serializeDateFields = <T extends { createdAt: Date; lastModified: Date }>(obj: T) => ({
-  ...obj,
-  createdAt: obj.createdAt.toISOString(),
-  lastModified: obj.lastModified.toISOString(),
-});
-
-export const deserializeDateFields = <T extends { createdAt: string; lastModified: string }>(obj: T) => ({
-  ...obj,
-  createdAt: new Date(obj.createdAt),
-  lastModified: new Date(obj.lastModified),
-});
-
-export const snapToGrid = (position: { x: number; y: number }, gridSize = 20) => ({
-  x: Math.round(position.x / gridSize) * gridSize,
-  y: Math.round(position.y / gridSize) * gridSize,
-});
-
-export const getDefaultNodePosition = (nodeCount: number): { x: number; y: number } => 
+import { Node, Edge } from 'reactflow';
+
+export const generateWorkflowId = (): string => 
+  `workflow-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
+
+export const sanitizeNodesForComparison = (nodes: Node[]): Node[] =>
+  nodes.map(n => ({ ...n, selected: undefined, dragging: undefined }));
+
+export const sanitizeEdgesForComparison = (edges: Edge[]): Edge[] =>
+  edges.map(e => ({ ...e, selected: undefined }));
+
+export const serializeDateFields = <T extends { createdAt: Date; lastModified: Date }>(obj: T) => ({
+  ...obj,
+  createdAt: obj.createdAt.toISOString(),
+  lastModified: obj.lastModified.toISOString(),
+});
+
+export const deserializeDateFields = <T extends { createdAt: string; lastModified: string }>(obj: T) => ({
+  ...obj,
+  createdAt: new Date(obj.createdAt),
+  lastModified: new Date(obj.lastModified),
+});
+
+export const snapToGrid = (position: { x: number; y: number }, gridSize = 20) => ({
+  x: Math.round(position.x / gridSize) * gridSize,
+  y: Math.round(position.y / gridSize) * gridSize,
+});
+
+export const getDefaultNodePosition = (nodeCount: number): { x: number; y: number } => 
   nodeCount === 0 ? { x: 100, y: 200 } : { x: 0, y: 0 };

package/client/src/vite-env.d.ts

@@ -1,12 +1,12 @@
-/// <reference types="vite/client" />
-
-interface ImportMetaEnv {
-  readonly VITE_ANDROID_RELAY_URL: string;
-  readonly VITE_AUTH_ENABLED: string;
-  readonly VITE_CLIENT_PORT: string;
-  readonly VITE_PYTHON_BACKEND_URL: string;
-}
-
-interface ImportMeta {
-  readonly env: ImportMetaEnv;
-}
+/// <reference types="vite/client" />
+
+interface ImportMetaEnv {
+  readonly VITE_ANDROID_RELAY_URL: string;
+  readonly VITE_AUTH_ENABLED: string;
+  readonly VITE_CLIENT_PORT: string;
+  readonly VITE_PYTHON_BACKEND_URL: string;
+}
+
+interface ImportMeta {
+  readonly env: ImportMetaEnv;
+}