@flowuent-org/diagramming-core 1.3.10 → 1.4.0

package/packages/diagrams/src/lib/services/SlackService.ts

@@ -1,134 +0,0 @@
-import { SlackOutputOptions } from '../types/automation-node-data-types';
-
-export interface SlackSendParams {
-  webhookUrl: string;
-  payload: any;
-}
-
-export class SlackService {
-  private isBrowserEnvironment: boolean;
-
-  constructor() {
-    this.isBrowserEnvironment = typeof window !== 'undefined';
-  }
-
-  validateConfig(opts?: SlackOutputOptions): {
-    valid: boolean;
-    errors: string[];
-  } {
-    const errors: string[] = [];
-    if (!opts) {
-      return { valid: false, errors: ['Slack options not provided'] };
-    }
-    if (!opts.enabled) {
-      return { valid: false, errors: ['Slack is disabled'] };
-    }
-    if (!opts.webhookUrl || !/^https:\/\//.test(opts.webhookUrl)) {
-      errors.push('Valid Slack webhook URL is required');
-    }
-    if (!opts.channel) {
-      errors.push('Channel name is required');
-    }
-    return { valid: errors.length === 0, errors };
-  }
-
-  buildPayload(
-    opts: SlackOutputOptions,
-    messageText: string,
-    data: any,
-    spreadsheetUrl?: string,
-  ): any {
-    const blocks: any[] = [];
-
-    // Title/message
-    const textParts: string[] = [];
-    if (messageText) textParts.push(messageText);
-    if (opts.includeSpreadsheetLink && spreadsheetUrl) {
-      textParts.push(`Spreadsheet: ${spreadsheetUrl}`);
-    }
-
-    const headerText = textParts.join('\n\n').trim() || 'Automation update';
-    blocks.push({
-      type: 'section',
-      text: { type: 'mrkdwn', text: headerText },
-    });
-
-    // Data inclusion strategies
-    if (data !== undefined && data !== null) {
-      if (opts.includeDataMode === 'inline') {
-        const compact = this.compactString(data, 2500);
-        blocks.push({
-          type: 'section',
-          text: { type: 'mrkdwn', text: '```' + compact + '```' },
-        });
-      } else if (opts.includeDataMode === 'json') {
-        const json = this.compactString(JSON.stringify(data, null, 2), 2500);
-        blocks.push({
-          type: 'section',
-          text: { type: 'mrkdwn', text: '```' + json + '```' },
-        });
-      } else if (opts.includeDataMode === 'attachment') {
-        const json = this.compactString(JSON.stringify(data, null, 2), 2500);
-        blocks.push({
-          type: 'section',
-          text: { type: 'mrkdwn', text: '*Data (truncated):*' },
-        });
-        blocks.push({
-          type: 'section',
-          text: { type: 'mrkdwn', text: '```' + json + '```' },
-        });
-      }
-    }
-
-    return {
-      text: headerText,
-      blocks,
-    };
-  }
-
-  private compactString(value: any, maxLen: number): string {
-    const str = typeof value === 'string' ? value : String(value);
-    if (str.length <= maxLen) return str;
-    return str.slice(0, maxLen - 10) + '\n...(truncated)';
-  }
-
-  async sendMessage({
-    webhookUrl,
-    payload,
-  }: SlackSendParams): Promise<boolean> {
-    // Try normal POST first (will fail in browser due to CORS)
-    try {
-      const res = await fetch(webhookUrl, {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify(payload),
-        signal: AbortSignal.timeout(15000),
-      });
-      if (!res.ok) {
-        const text = await res.text();
-        throw new Error(
-          `Slack webhook error ${res.status}: ${res.statusText} - ${text}`,
-        );
-      }
-      return true;
-    } catch (err) {
-      // Likely CORS/network error in browser. Fallback to no-cors best-effort send.
-      try {
-        await fetch(webhookUrl, {
-          method: 'POST',
-          // No headers to avoid preflight; body remains JSON string
-          body: JSON.stringify(payload),
-          mode: 'no-cors',
-          // Timeout guard (AbortSignal not honored in no-cors consistently, but set anyway)
-          signal: AbortSignal.timeout(10000),
-        });
-        // Response is opaque; assume success if no exception thrown
-        return true;
-      } catch (fallbackErr) {
-        throw new Error(
-          `Slack send failed (possibly CORS). ${fallbackErr instanceof Error ? fallbackErr.message : String(fallbackErr)}`,
-        );
-      }
-    }
-  }
-}

package/packages/diagrams/src/lib/services/TwilioWhatsAppService.ts

@@ -1,273 +0,0 @@
-export interface TwilioConfig {
-  accountSid: string;
-  authToken: string;
-  fromNumber: string; // WhatsApp number from Twilio (e.g., whatsapp:+14155238886)
-  isSandbox: boolean; // true for sandbox, false for production
-}
-
-export interface TwilioMessageOptions {
-  to: string; // Recipient's WhatsApp number (e.g., whatsapp:+1234567890)
-  message?: string; // Optional for template messages
-  templateSid?: string; // For template messages (required for production)
-  templateVariables?: Record<string, string>; // Variables for template
-}
-
-export interface TwilioMessageResult {
-  success: boolean;
-  messageSid?: string;
-  error?: string;
-  status?: string;
-}
-
-export interface TwilioValidationResult {
-  valid: boolean;
-  errors: string[];
-}
-
-export class TwilioWhatsAppService {
-  private config: TwilioConfig;
-
-  constructor(config: TwilioConfig) {
-    this.config = config;
-  }
-
-  /**
-   * Validates the Twilio configuration
-   */
-  public validateConfig(config?: TwilioConfig): TwilioValidationResult {
-    const configToValidate = config || this.config;
-    const errors: string[] = [];
-
-    if (!configToValidate.accountSid) {
-      errors.push('Account SID is required');
-    } else if (!configToValidate.accountSid.startsWith('AC')) {
-      errors.push('Account SID must start with "AC"');
-    }
-
-    if (!configToValidate.authToken) {
-      errors.push('Auth Token is required');
-    } else if (configToValidate.authToken.length < 32) {
-      errors.push('Auth Token appears to be invalid (too short)');
-    }
-
-    if (!configToValidate.fromNumber) {
-      errors.push('From number is required');
-    } else if (!configToValidate.fromNumber.startsWith('whatsapp:')) {
-      errors.push('From number must start with "whatsapp:"');
-    }
-
-    return {
-      valid: errors.length === 0,
-      errors,
-    };
-  }
-
-  /**
-   * Sends a WhatsApp message using Twilio API
-   */
-  public async sendMessage(
-    options: TwilioMessageOptions,
-  ): Promise<TwilioMessageResult> {
-    try {
-      // Validate configuration
-      const validation = this.validateConfig();
-      if (!validation.valid) {
-        return {
-          success: false,
-          error: `Configuration validation failed: ${validation.errors.join(', ')}`,
-        };
-      }
-
-      // Validate message options
-
-      if (!options.to) {
-        return {
-          success: false,
-          error: 'Recipient number is required',
-        };
-      }
-
-      if (!options.message && !options.templateSid) {
-        return {
-          success: false,
-          error: 'Message content or template SID is required',
-        };
-      }
-
-      // Format recipient number
-      const formattedTo = this.formatPhoneNumber(options.to);
-
-      // Prepare message payload
-      const messagePayload: any = {
-        from: this.config.fromNumber,
-        to: formattedTo,
-      };
-
-      // Use template if provided, otherwise use regular message
-      if (options.templateSid) {
-        messagePayload.contentSid = options.templateSid;
-        if (options.templateVariables) {
-          messagePayload.contentVariables = JSON.stringify(
-            options.templateVariables,
-          );
-        }
-      } else {
-        messagePayload.body = options.message;
-      }
-
-      // Make API call to Twilio
-      const response = await this.makeTwilioApiCall(messagePayload);
-
-      if (response.success) {
-        return {
-          success: true,
-          messageSid: response.messageSid,
-          status: response.status,
-        };
-      } else {
-        return {
-          success: false,
-          error: response.error,
-        };
-      }
-    } catch (error) {
-      return {
-        success: false,
-        error:
-          error instanceof Error ? error.message : 'Unknown error occurred',
-      };
-    }
-  }
-
-  /**
-   * Formats phone number to WhatsApp format
-   */
-  private formatPhoneNumber(phoneNumber: string): string {
-    // Remove all non-digit characters
-    const cleaned = phoneNumber.replace(/[^\d]/g, '');
-
-    // Add whatsapp: prefix if not present
-    if (!phoneNumber.startsWith('whatsapp:')) {
-      return `whatsapp:+${cleaned}`;
-    }
-
-    return phoneNumber;
-  }
-
-  /**
-   * Makes the actual API call to Twilio
-   */
-  private async makeTwilioApiCall(payload: any): Promise<{
-    success: boolean;
-    messageSid?: string;
-    status?: string;
-    error?: string;
-  }> {
-    try {
-      // Create basic auth header
-      const credentials = btoa(
-        `${this.config.accountSid}:${this.config.authToken}`,
-      );
-
-      // Prepare request
-      const requestBody = new URLSearchParams();
-      Object.keys(payload).forEach((key) => {
-        // Twilio expects capitalized field names for template messages
-        const fieldName =
-          key === 'from'
-            ? 'From'
-            : key === 'to'
-              ? 'To'
-              : key === 'contentSid'
-                ? 'ContentSid'
-                : key === 'contentVariables'
-                  ? 'ContentVariables'
-                  : key === 'body'
-                    ? 'Body'
-                    : key;
-        requestBody.append(fieldName, payload[key]);
-      });
-
-      const response = await fetch(
-        `https://api.twilio.com/2010-04-01/Accounts/${this.config.accountSid}/Messages.json`,
-        {
-          method: 'POST',
-          headers: {
-            Authorization: `Basic ${credentials}`,
-            'Content-Type': 'application/x-www-form-urlencoded',
-          },
-          body: requestBody.toString(),
-        },
-      );
-
-      const responseData = await response.json();
-
-      if (response.ok) {
-        return {
-          success: true,
-          messageSid: responseData.sid,
-          status: responseData.status,
-        };
-      } else {
-        return {
-          success: false,
-          error:
-            responseData.message ||
-            `HTTP ${response.status}: ${response.statusText}`,
-        };
-      }
-    } catch (error) {
-      return {
-        success: false,
-        error: error instanceof Error ? error.message : 'Network error',
-      };
-    }
-  }
-
-  /**
-   * Sends a template message (for production use)
-   */
-  public async sendTemplateMessage(
-    to: string,
-    templateSid: string,
-    templateVariables: Record<string, string>,
-  ): Promise<TwilioMessageResult> {
-    return this.sendMessage({
-      to,
-      templateSid,
-      templateVariables,
-    });
-  }
-
-  /**
-   * Checks if the service is configured for sandbox mode
-   */
-  public isSandboxMode(): boolean {
-    return this.config.isSandbox;
-  }
-
-  /**
-   * Gets the configured from number
-   */
-  public getFromNumber(): string {
-    return this.config.fromNumber;
-  }
-
-  /**
-   * Updates the configuration
-   */
-  public updateConfig(newConfig: Partial<TwilioConfig>): void {
-    this.config = { ...this.config, ...newConfig };
-  }
-
-  /**
-   * Gets the current configuration (without sensitive data)
-   */
-  public getConfig(): Omit<TwilioConfig, 'authToken'> {
-    return {
-      accountSid: this.config.accountSid,
-      fromNumber: this.config.fromNumber,
-      isSandbox: this.config.isSandbox,
-    };
-  }
-}

package/packages/diagrams/src/lib/styles.css

@@ -1,56 +0,0 @@
-.react-flow__edges {
-  z-index: 20 !important;
-}
-
-/* Connection Handle Styles */
-.react-flow__handle {
-  transition: all 0.2s ease-in-out;
-}
-
-.react-flow__handle.connection-handle {
-  width: 14px;
-  height: 14px;
-  border-radius: 50%;
-  border: 3px solid #10B981;
-  background-color: #1a1a2e;
-  cursor: crosshair;
-  z-index: 10;
-}
-
-.react-flow__handle.connection-handle:hover {
-  transform: scale(1.3);
-  background-color: #10B981;
-  box-shadow: 0 0 12px rgba(16, 185, 129, 0.6);
-}
-
-.react-flow__handle.connection-handle:active,
-.react-flow__handle.connection-handle.connecting {
-  transform: scale(1.1);
-  background-color: #059669;
-}
-
-/* Pulse animation for selected node handles */
-@keyframes handle-pulse {
-  0%, 100% {
-    box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.4);
-  }
-  50% {
-    box-shadow: 0 0 0 6px rgba(16, 185, 129, 0);
-  }
-}
-
-.react-flow__node.selected .connection-handle {
-  animation: handle-pulse 1.5s ease-in-out infinite;
-}
-
-/* Connection line styles when drawing */
-.react-flow__connectionline {
-  stroke: #10B981;
-  stroke-width: 2;
-}
-
-/* Valid connection target highlight */
-.react-flow__handle.connectionindicator {
-  background-color: #10B981;
-  border-color: #fff;
-}

package/packages/diagrams/src/lib/templates/DiagramContainer.tsx

@@ -1,79 +0,0 @@
-import React from 'react';
-import { ReactFlowProps, ReactFlowProvider } from '@xyflow/react';
-import '@xyflow/react/dist/style.css';
-import { DiagramContent } from './DiagramContent';
-import { SearchProvider } from '../contexts/SearchContext';
-
-interface DiagramContainerProps
-  extends Omit<ReactFlowProps, 'nodes' | 'edges' | 'onChange'> {
-  showAutomationExecutionPanel?: boolean;
-}
-
-// Default arrow marker definitions for edges
-const EdgeMarkerDefinitions = () => (
-  <svg style={{ position: 'absolute', width: 0, height: 0 }}>
-    <defs>
-      {/* Arrow marker - Green */}
-      <marker
-        id="arrow"
-        viewBox="0 0 10 10"
-        refX="8"
-        refY="5"
-        markerWidth="6"
-        markerHeight="6"
-        orient="auto-start-reverse"
-      >
-        <path d="M 0 0 L 10 5 L 0 10 z" fill="#10B981" />
-      </marker>
-      
-      {/* Arrow marker - Blue */}
-      <marker
-        id="arrow-blue"
-        viewBox="0 0 10 10"
-        refX="8"
-        refY="5"
-        markerWidth="6"
-        markerHeight="6"
-        orient="auto-start-reverse"
-      >
-        <path d="M 0 0 L 10 5 L 0 10 z" fill="#4858E9" />
-      </marker>
-      
-      {/* Arrow marker - White */}
-      <marker
-        id="arrow-white"
-        viewBox="0 0 10 10"
-        refX="8"
-        refY="5"
-        markerWidth="6"
-        markerHeight="6"
-        orient="auto-start-reverse"
-      >
-        <path d="M 0 0 L 10 5 L 0 10 z" fill="#ffffff" />
-      </marker>
-      
-      {/* Circle marker */}
-      <marker
-        id="circle"
-        viewBox="0 0 10 10"
-        refX="5"
-        refY="5"
-        markerWidth="5"
-        markerHeight="5"
-      >
-        <circle cx="5" cy="5" r="4" fill="#10B981" />
-      </marker>
-    </defs>
-  </svg>
-);
-
-export const DiagramContainer: React.FC<DiagramContainerProps> = (props) => {
-  return (
-    <ReactFlowProvider>
-      <SearchProvider>
-        <EdgeMarkerDefinitions />
-        <DiagramContent {...props} />
-      </SearchProvider>
-    </ReactFlowProvider>
-  );
-};