@flowuent-org/diagramming-core 1.0.5

package/apps/diagramming/src/AutomationDiagramData.ts

@@ -0,0 +1,541 @@
+import { MarkerType } from '@xyflow/react';
+
+// Default nodes for the automation diagram
+export const automationDefaultNodes = [
+  {
+    id: 'start-node',
+    type: 'AutomationStartNode',
+    position: { x: 50, y: 200 },
+    data: {
+      // Display data for the node UI
+      label: 'Workflow Trigger',
+      description: 'Workflow entry point. Triggered manually or on schedule.',
+      status: 'Ready',
+      lastRun: 'Never',
+      duration: '0.0s',
+      // iconName: 'PlayArrow', // Users must define their own icons
+
+      // Form data for configuration (keeping existing structure for compatibility)
+      formData: {
+        nodeId: 'start-node',
+        title: 'Workflow Trigger',
+        type: 'start',
+        triggerType: 'manual',
+        scheduleConfig: {
+          frequency: 'daily',
+          time: '09:00',
+          timezone: 'UTC',
+        },
+        eventConfig: {
+          webhookUrl: '',
+          eventType: 'webhook',
+          filters: [],
+        },
+        initialVariables: [
+          {
+            name: 'runId',
+            value: '{{timestamp}}',
+            type: 'string',
+          },
+          {
+            name: 'startTime',
+            value: '{{now}}',
+            type: 'string',
+          },
+        ],
+        outputVariable: 'workflowContext',
+        isPinned: false,
+        isBlock: false,
+        blocks: [],
+        parallelChildrenCount: 0,
+        conditions: {
+          combinator: 'and',
+          rules: [],
+        },
+      },
+    },
+    width: 336,
+    height: 150,
+    measured: { width: 336, height: 150 },
+  },
+  {
+    id: 'api-call-node',
+    type: 'AutomationApiNode',
+    position: { x: 400, y: 200 },
+    data: {
+      // Display data for the node UI
+      label: 'Discover Headlines',
+      description:
+        "This node extracts all news headlines from CNN's homepage using web scraping techniques.",
+      status: 'Ready',
+      lastRun: 'Never',
+      duration: '0.8s',
+      iconName: 'Api', // Users must define their own icons
+
+      // Form data for configuration
+      formData: {
+        nodeId: 'api-call-node',
+        title: 'Discover Headlines',
+        type: 'api',
+        method: 'GET',
+        url: 'https://jsonplaceholder.typicode.com/posts',
+        headers: [
+          { key: 'Content-Type', value: 'application/json', enabled: true },
+          { key: 'Accept', value: 'application/json', enabled: true },
+          { key: 'User-Agent', value: 'AutomationBot/1.0', enabled: true },
+        ],
+        queryParams: [
+          { key: '_limit', value: '15', enabled: true },
+          { key: 'userId', value: '1', enabled: true },
+        ],
+        body: '',
+        bodyType: 'json',
+        timeout: 30000,
+        retryCount: 3,
+        retryDelay: 1000,
+        responseVariable: 'postsResponse',
+        responseDataType: 'Object',
+        errorHandling: {
+          onError: 'retry',
+          maxRetries: 3,
+          fallbackValue: '{"error": "Failed to fetch posts data"}',
+        },
+        // Schema matching data for the three boxes
+        schemaMatch: {
+          matched: 5,
+          partial: 0,
+          ignored: 1,
+        },
+        // Configuration cards for dynamic display
+        configurationCards: [
+          {
+            icon: '⚙️',
+            label: 'GPT-5 Thinking mini · v1',
+            iconColor: '#ffffff',
+          },
+          {
+            icon: '🗄️',
+            label: 'KB: CNN_Homepage_Titles (18 items)',
+            iconColor: '#10b981',
+          },
+        ],
+        isPinned: false,
+        isBlock: false,
+        blocks: [],
+        parallelChildrenCount: 0,
+        conditions: {
+          combinator: 'and',
+          rules: [],
+        },
+      },
+    },
+    width: 336,
+    height: 150,
+    measured: { width: 336, height: 150 },
+  },
+  {
+    id: 'ai-suggestion-node',
+    type: 'AutomationAISuggestionNode',
+    position: { x: 400, y: 360 },
+    data: {
+      label: 'Citation Extractor',
+      description: 'Extract and format citation from article text.',
+      iconName: 'Lightbulb',
+      formData: {
+        badgeText: 'Suggested Node',
+        mapping: { from: 'references', to: 'source_text' },
+        pointers: [
+          'Ensures proper attribution',
+          'Creates standardized reference format',
+          'Enables source verification',
+        ],
+      },
+    },
+    width: 336,
+    height: 150,
+    measured: { width: 336, height: 150 },
+  },
+  {
+    id: 'data-formatting-node',
+    type: 'AutomationFormattingNode',
+    position: { x: 750, y: 200 },
+    data: {
+      // Display data for the node UI
+      label: 'Article Analyzer',
+      description:
+        'Extract and analyze article content, generate summaries and topic classifications.',
+      status: 'Ready',
+      lastRun: '2 minutes ago',
+      duration: '1.2s',
+      // iconName: 'Article', // Users must define their own icons
+
+      // Form data for configuration (keeping existing structure for compatibility)
+      formData: {
+        nodeId: 'data-formatting-node',
+        title: 'Article Analyzer',
+        type: 'formatting',
+        inputVariable: 'postsResponse',
+        formattingType: 'ai-powered',
+        aiFormatting: {
+          apiUrl:
+            'https://generativelanguage.googleapis.com/v1beta/models/gemini-2.0-flash:generateContent',
+          apiKey: 'PUT_GEMINI_API_KEY_HERE',
+          model: 'GPT-5 Thinking mini',
+          instruction:
+            'Extract and analyze article content, generate summaries and topic classifications. Return structured JSON with title, url, author, published_date, summary, topics, and confidence.',
+          temperature: 0.1,
+          maxTokens: 2048,
+          topP: 0.95,
+          systemPrompt:
+            'You are an article analysis assistant. Extract key information and provide structured analysis. Always return valid JSON format.',
+        },
+        outputVariable: 'analyzedArticle',
+        outputDataType: 'Object',
+        // Schema matching data for the three boxes
+        schemaMatch: {
+          matched: 4,
+          partial: 1,
+          ignored: 0,
+        },
+        // AI Reasoning data
+        aiReasoning: {
+          text: 'Analyzed the selected headline for key components and promises',
+        },
+        // Configuration cards for dynamic display
+        configurationCards: [
+          {
+            icon: '🧠',
+            label: 'GPT-5 Thinking mini · v1',
+            iconColor: '#ffffff',
+          },
+          {
+            icon: '📚',
+            label: 'KB: CNN_Articles (18 items)',
+            iconColor: '#10b981',
+          },
+        ],
+        isPinned: false,
+        isBlock: false,
+        blocks: [],
+        parallelChildrenCount: 0,
+        conditions: {
+          combinator: 'and',
+          rules: [],
+        },
+      },
+    },
+    width: 336,
+    height: 150,
+    measured: { width: 336, height: 150 },
+  },
+  {
+    id: 'google-sheets-node',
+    type: 'AutomationSheetsNode',
+    position: { x: 925, y: 200 },
+    data: {
+      // Display data for the node UI
+      label: 'Data Sync Node',
+      description:
+        'Export formatted data to Google Sheets for analysis and reporting.',
+      status: 'Ready',
+      lastRun: '2m ago',
+      duration: '2.1s',
+      iconName: 'TableChart', // Users must define their own icons
+
+      // Form data for configuration (keeping existing structure for compatibility)
+      formData: {
+        nodeId: 'google-sheets-node',
+        title: 'Google Sheets Export',
+        type: 'sheets',
+        inputVariable: 'analyzedArticle',
+        sheetsConfig: {
+          spreadsheetId: '',
+          sheetName: 'News Analysis2',
+          range: 'A1:F16',
+          credentials: {
+            type: 'oauth',
+            clientId: 'PUT_GOOGLE_OAUTH_CLIENT_ID_HERE',
+            scopes: ['https://www.googleapis.com/auth/spreadsheets'],
+          },
+        },
+        dataMapping: {
+          headers: [
+            { column: 'A', sourceField: 'title', dataType: 'string' },
+            { column: 'B', sourceField: 'author', dataType: 'string' },
+            { column: 'C', sourceField: 'published_date', dataType: 'date' },
+            { column: 'D', sourceField: 'summary', dataType: 'string' },
+            { column: 'E', sourceField: 'topics', dataType: 'string' },
+            { column: 'F', sourceField: 'confidence', dataType: 'number' },
+          ],
+          appendMode: true,
+          clearSheet: false,
+        },
+        exportOptions: {
+          exportFormat: 'sheets',
+          emailRecipients: ['recipient@example.com'],
+          fileName: 'news_analysis_report',
+          includeHeaders: true,
+          sendEmailNotification: false,
+          emailSendEnabled: true,
+          emailSender: 'sender@example.com',
+          emailSubject: 'News Analysis Results',
+          emailMessage: 'Please find the latest news analysis output.',
+          includeSpreadsheetLink: false,
+          attachExcel: false,
+          // Slack output disabled
+          slack: {
+            enabled: true,
+            webhookUrl: 'https://hooks.slack.com/services/PUT/WEBHOOK/URL',
+            channel: 'your-slack-channel',
+            messageTemplate:
+              'New analysis ready: {{fileName}}. Rows added: {{rowsAdded}}.',
+            includeDataMode: 'json',
+            includeSpreadsheetLink: false,
+          },
+          // WhatsApp output disabled
+          whatsapp: {
+            enabled: true,
+            phoneNumber: '+94716999591',
+            messageTemplate:
+              'Automation Result: {{fileName}} completed successfully. Rows processed: {{rowsAdded}}.',
+            includeDataMode: 'summary',
+            // Twilio configuration (optional)
+            twilio: {
+              enabled: true,
+              accountSid: 'PUT_TWILIO_ACCOUNT_SID_HERE',
+              authToken: 'PUT_TWILIO_AUTH_TOKEN_HERE',
+              fromNumber: 'whatsapp:+14155238886', // Twilio sandbox number
+              isSandbox: true,
+              templateSid: 'PUT_TWILIO_TEMPLATE_SID_HERE', // Optional for template messages
+              templateVariables: {
+                fileName: '{{fileName}}',
+                rowsAdded: '{{rowsAdded}}',
+              },
+            },
+          },
+        },
+        outputVariable: 'sheetsResponse',
+        errorHandling: {
+          onError: 'retry',
+          maxRetries: 3,
+          fallbackAction: 'log',
+        },
+        isPinned: false,
+        isBlock: false,
+        blocks: [],
+        parallelChildrenCount: 0,
+        conditions: {
+          combinator: 'and',
+          rules: [],
+        },
+      },
+    },
+    width: 380,
+    height: 280,
+    measured: { width: 380, height: 280 },
+  },
+  {
+    id: 'note-node-1',
+    type: 'AutomationNoteNode',
+    position: { x: 400, y: 50 },
+    data: {
+      label: 'Article Analyzer',
+      description:
+        'This node performs a final review of all processed data, ensuring quality and consistency across outputs.',
+      iconName: 'Description',
+      noteType: 'purpose',
+      formData: {
+        nodeId: 'note-node-1',
+        title: 'Article Analyzer',
+        type: 'note',
+        noteType: 'purpose',
+        description:
+          'This node performs a final review of all processed data, ensuring quality and consistency across outputs.',
+        isPinned: false,
+        isBlock: false,
+        blocks: [],
+        parallelChildrenCount: 0,
+        conditions: {
+          combinator: 'and',
+          rules: [],
+        },
+      },
+    },
+    width: 336,
+    height: 150,
+    measured: { width: 336, height: 150 },
+  },
+  {
+    id: 'note-node-2',
+    type: 'AutomationNoteNode',
+    position: { x: 50, y: 400 },
+    data: {
+      label: 'Discover Headlines',
+      description:
+        'This node performs a final review of all processed data, ensuring quality and consistency across outputs.',
+      iconName: 'Description',
+      noteType: 'info',
+      formData: {
+        nodeId: 'note-node-2',
+        title: 'Discover Headlines',
+        type: 'note',
+        noteType: 'info',
+        description:
+          'This node performs a final review of all processed data, ensuring quality and consistency across outputs.',
+        isPinned: false,
+        isBlock: false,
+        blocks: [],
+        parallelChildrenCount: 0,
+        conditions: {
+          combinator: 'and',
+          rules: [],
+        },
+      },
+    },
+    width: 336,
+    height: 150,
+    measured: { width: 336, height: 150 },
+  },
+  {
+    id: 'end-node',
+    type: 'AutomationEndNode',
+    position: { x: 1275, y: 200 },
+    data: {
+      // Display data for the node UI
+      label: 'Results Display',
+      description: 'Display analyzed article results to the user.',
+      status: 'Ready',
+      lastRun: '1 minute ago',
+      duration: '0.3s',
+      // iconName: 'Stop', // Users must define their own icons
+
+      // Form data for configuration (keeping existing structure for compatibility)
+      formData: {
+        nodeId: 'end-node',
+        title: 'Results Display',
+        type: 'end',
+        outputType: 'display',
+        displayConfig: {
+          format: 'table',
+          showInConsole: true,
+          showInUI: true,
+          maxRows: 100,
+        },
+        storeConfig: {
+          destination: 'database',
+          connectionString: '',
+          tableName: 'automation_results',
+          fileName: 'automation_output.json',
+          format: 'json',
+        },
+        sendConfig: {
+          method: 'email',
+          recipients: ['admin@example.com'],
+          subject: 'Automation Results',
+          template: 'The automation workflow has completed successfully.',
+          webhookUrl: '',
+        },
+        webhookConfig: {
+          url: '',
+          method: 'POST',
+          headers: [
+            { key: 'Content-Type', value: 'application/json' },
+            { key: 'Authorization', value: 'Bearer {{webhookToken}}' },
+          ],
+          payloadTemplate: '{{analyzedArticle}}',
+        },
+        isPinned: false,
+        isBlock: false,
+        blocks: [],
+        parallelChildrenCount: 0,
+        conditions: {
+          combinator: 'and',
+          rules: [],
+        },
+      },
+    },
+    width: 336,
+    height: 150,
+    measured: { width: 336, height: 150 },
+  },
+];
+
+// Default edges for the automation diagram
+export const automationDefaultEdges = [
+  {
+    id: 'edge-start-to-api',
+    source: 'start-node',
+    target: 'api-call-node',
+    sourceHandle: 'right',
+    targetHandle: 'left',
+    data: {
+      label: '',
+      type: 'flow',
+    },
+    style: {
+      stroke: '#ffffff',
+      strokeWidth: 2,
+    },
+    markerEnd: {
+      type: MarkerType.ArrowClosed,
+      color: '#ffffff',
+    },
+  },
+  {
+    id: 'edge-api-to-formatting',
+    source: 'api-call-node',
+    target: 'data-formatting-node',
+    sourceHandle: 'right',
+    targetHandle: 'left',
+    data: {
+      label: '',
+      type: 'flow',
+    },
+    style: {
+      stroke: '#ffffff',
+      strokeWidth: 2,
+    },
+    markerEnd: {
+      type: MarkerType.ArrowClosed,
+      color: '#ffffff',
+    },
+  },
+  {
+    id: 'edge-formatting-to-sheets',
+    source: 'data-formatting-node',
+    target: 'google-sheets-node',
+    sourceHandle: 'right',
+    targetHandle: 'left',
+    data: {
+      label: '',
+      type: 'flow',
+    },
+    style: {
+      stroke: '#ffffff',
+      strokeWidth: 2,
+    },
+    markerEnd: {
+      type: MarkerType.ArrowClosed,
+      color: '#ffffff',
+    },
+  },
+  {
+    id: 'edge-sheets-to-end',
+    source: 'google-sheets-node',
+    target: 'end-node',
+    sourceHandle: 'right',
+    targetHandle: 'left',
+    data: {
+      label: '',
+      type: 'flow',
+    },
+    style: {
+      stroke: '#ffffff',
+      strokeWidth: 2,
+    },
+    markerEnd: {
+      type: MarkerType.ArrowClosed,
+      color: '#ffffff',
+    },
+  },
+];

package/apps/diagramming/src/CollaborationDiagramData.ts

@@ -0,0 +1,127 @@
+// Default nodes for the collaboration diagram
+export const collaborationNodes = [
+  {
+    id: 'actor-1',
+    type: 'actor',
+    position: { x: 60, y: 60 },
+    data: { label: 'User' },
+    measured: { width: 0, height: 0 },
+  },
+  {
+    id: 'signin',
+    type: 'collabObject',
+    position: { x: 220, y: 40 },
+    data: { label: 'SignInProcess', variant: 'normal', color: '#2196f3' },
+    measured: { width: 0, height: 0 },
+  },
+  {
+    id: 'admin',
+    type: 'collabObject',
+    position: { x: 420, y: 120 },
+    data: { label: 'AdminPanel', variant: 'normal', color: '#ffe066' },
+    measured: { width: 0, height: 0 },
+  },
+  {
+    id: 'addsubcat',
+    type: 'collabObject',
+    position: { x: 80, y: 220 },
+    data: { label: 'AddingSubCategory', variant: 'normal' },
+    measured: { width: 0, height: 0 },
+  },
+  {
+    id: 'addproducts',
+    type: 'collabObject',
+    position: { x: 220, y: 320 },
+    data: { label: 'AddProducts', variant: 'normal' },
+    measured: { width: 0, height: 0 },
+  },
+  {
+    id: 'logout',
+    type: 'collabObject',
+    position: { x: 420, y: 320 },
+    data: { label: 'Logout()', variant: 'normal' },
+    measured: { width: 0, height: 0 },
+  },
+  {
+    id: 'profile',
+    type: 'collabObject',
+    position: { x: 600, y: 320 },
+    data: { label: 'ProfileManagement', variant: 'normal' },
+    measured: { width: 0, height: 0 },
+  },
+  {
+    id: 'catmgmt',
+    type: 'collabObject',
+    position: { x: 600, y: 220 },
+    data: { label: 'CategoryManagement', variant: 'normal' },
+    measured: { width: 0, height: 0 },
+  },
+];
+
+// Default edges for the collaboration diagram
+export const collaborationEdges = [
+  // Actor to SignInProcess
+  {
+    id: 'e1',
+    source: 'actor-1',
+    target: 'signin',
+    type: 'collabEdge',
+    data: { variant: 'message', label: '1 : UniqueID()' },
+  },
+  {
+    id: 'e2',
+    source: 'actor-1',
+    target: 'signin',
+    type: 'collabEdge',
+    data: { variant: 'message', label: '2 : SecretPasscode()' },
+  },
+  {
+    id: 'e3',
+    source: 'signin',
+    target: 'admin',
+    type: 'collabEdge',
+    data: { variant: 'message', label: '3 : IsPassedAuthentication' },
+  },
+  {
+    id: 'e4',
+    source: 'signin',
+    target: 'actor-1',
+    type: 'collabEdge',
+    data: { variant: 'message', label: '4 : IfInvalid()' },
+  },
+  {
+    id: 'e5',
+    source: 'admin',
+    target: 'catmgmt',
+    type: 'collabEdge',
+    data: { variant: 'message', label: '5 : CategoryManagement()' },
+  },
+  {
+    id: 'e6',
+    source: 'admin',
+    target: 'addsubcat',
+    type: 'collabEdge',
+    data: { variant: 'message', label: '6 : AddSubCategory()' },
+  },
+  {
+    id: 'e7',
+    source: 'admin',
+    target: 'addproducts',
+    type: 'collabEdge',
+    data: { variant: 'message', label: '7 : AddProduct()' },
+  },
+  {
+    id: 'e8',
+    source: 'admin',
+    target: 'profile',
+    type: 'collabEdge',
+    data: { variant: 'message', label: '8 : ProfileManagement()' },
+  },
+  {
+    id: 'e9',
+    source: 'admin',
+    target: 'logout',
+    type: 'collabEdge',
+    data: { variant: 'message', label: '9 : LogoutProcess()' },
+  },
+];