Skip to content

Visual Logic Editor

๐ŸŽฏ Overview

The Visual Logic Editor is a comprehensive node-based programming environment that enables users to create complex data processing workflows without traditional coding. It serves as the central orchestration system for connecting data sources with creative templates.

๐Ÿ—๏ธ System Architecture

Based on the Creative Production documentation, the Visual Logic Editor has:

โšก Execution Environments

  • Frontend Execution: Real-time preview and validation during diagram design
  • Backend Execution: Production execution via AWS Lambda functions for actual rendering workflows

๐Ÿ”ง Core Components

  • Visual Web Editor: Browser-based interface for creating and editing node diagrams
  • Interpreter: Real-time execution engine for frontend preview
  • Compiler: Transforms visual diagrams into executable code
  • Frontend Executor: Handles diagram execution for design-time feedback
  • Server Executor: AWS Lambda-based execution for production workflows

๐Ÿงฉ Node Categories

The Visual Logic Editor includes the following node types as documented:

๐Ÿงฎ Mathematics Nodes

  • AdvMathNode: Advanced mathematical calculations using MathJS with dynamic variable detection and LaTeX preview
  • MathNode: Basic arithmetic operations (addition, subtraction)
  • Value Mapping: Range-to-range transformations for animations (opacity, rotation, scaling)

๐Ÿ”„ Data Type Conversion Nodes

  • Integer/Float Converters: Bidirectional conversion with rounding options
  • Number Formatting: Decimal precision control and separator customization
  • Text Converters: Numeric to text conversion with formatting options

๐Ÿ“… Date and Time Nodes

  • Date Manipulator: Extraction of date components (day, week, month, year)
  • DateTime Decoder: Complete date/time breakdown with multiple format outputs
  • TimeZone Converter: Global timezone conversion support

๐Ÿ“ Text Processing Nodes

  • Text Breaker: Intelligent text segmentation using linear partition algorithms
  • Text Template: Dynamic template system with automatic variable detection
  • Conditional Text Replace: Pattern-based text replacement with regex support

๐ŸŽจ Color Management Nodes

  • SetColor: Multi-space color creation (RGB, HSV, LAB) with automatic conversion
  • Color Selector: Multi-color selection with index-based picking
  • Optimal Color Palette: Perceptual color optimization using Delta E algorithms

๐Ÿง  Logic and Comparison Nodes

  • CompareNode: Multi-type data comparison with type-specific operations
  • IfNode: Conditional flow control with dynamic output generation

๐Ÿ—„๏ธ Database Integration Nodes

  • Table Source: Dynamic database table access with automatic output generation
  • Expander Node: Nested object flattening with automatic type detection

๐ŸŽฌ Media Processing Nodes

  • Media Encoder: Multi-format encoding (MP4, GIF, JPG, PNG, MOV) with quality control
  • File To URL: S3 storage URL generation with clean naming and hashing
  • QR Encoder: QR code generation with multiple style options

๐Ÿ“‹ Template Integration Nodes

  • Composition Node: Complex element composition with dynamic I/O
  • HTML Template: HTML generation from templates with variable substitution

๐Ÿ”„ Workflow Capabilities

As documented in the Creative Production module:

  • Data Flow: Seamless data transmission between nodes with type safety
  • Dynamic Node Behavior: Nodes that adapt their inputs/outputs based on configuration
  • Scalable Execution: Support for complex workflows with thousands of scenarios
  • Real-time Preview: Immediate feedback during diagram construction

๐Ÿ“Š Development Status

According to the Creative Production documentation: - Status: โœ“ Production Ready

๐Ÿ“š Documentation Status

The following sections require additional information and are marked for future completion:

๐Ÿ”Œ API Specifications

Status: TODO - API endpoints and specifications not yet documented

๐Ÿ“Š Data Models

Status: TODO - Detailed data models not yet defined

โš™๏ธ Configuration

Status: TODO - Configuration parameters not yet specified

๐Ÿงช Testing

Status: TODO - Testing procedures not yet documented

๐Ÿ“ˆ Monitoring

Status: TODO - Monitoring and observability not yet defined

โšก Performance Optimization

Status: TODO - Performance tuning parameters not yet documented