# Implementation Guide: Bi-Directional Data Bridge ## Overview This document describes the implementation of the high-performance, bi-directional data bridge between Julia and JavaScript services using NATS (Core & JetStream), implementing the Claim-Check pattern for large payloads. ### Multi-Payload Support The implementation uses a **standardized list-of-tuples format** for all payload operations. **Even when sending a single payload, the user must wrap it in a list.** **API Standard:** ```julia # Input format for smartsend (always a list of tuples with type info) [(dataname1, data1, type1), (dataname2, data2, type2), ...] # Output format for smartreceive (always returns a list of tuples with type info) [(dataname1, data1, type1), (dataname2, data2, type2), ...] ``` Where `type` can be: `"text"`, `"dictionary"`, `"table"`, `"image"`, `"audio"`, `"video"`, `"binary"` **Examples:** ```julia # Single payload - still wrapped in a list (type is required as third element) smartsend("/test", [(dataname1, data1, "text")], ...) # Multiple payloads in one message (each payload has its own type) smartsend("/test", [(dataname1, data1, "dictionary"), (dataname2, data2, "table")], ...) # Receive always returns a list with type info payloads = smartreceive(msg, ...) # payloads = [(dataname1, data1, "text"), (dataname2, data2, "table"), ...] ``` ## Architecture The implementation follows the Claim-Check pattern: ``` ┌─────────────────────────────────────────────────────────────────────────┐ │ SmartSend Function │ └─────────────────────────────────────────────────────────────────────────┘ │ ▼ ┌─────────────────────────────────────────────────────────────────────────┐ │ Is payload size < 1MB? │ └─────────────────────────────────────────────────────────────────────────┘ │ ┌─────────────────┴─────────────────┐ ▼ ▼ ┌─────────────────┐ ┌─────────────────┐ │ Direct Path │ │ Link Path │ │ (< 1MB) │ │ (> 1MB) │ │ │ │ │ │ • Serialize to │ │ • Serialize to │ │ IOBuffer │ │ IOBuffer │ │ • Base64 encode │ │ • Upload to │ │ • Publish to │ │ HTTP Server │ │ NATS │ │ • Publish to │ │ │ │ NATS with URL │ └─────────────────┘ └─────────────────┘ ``` ## Files ### Julia Module: [`src/julia_bridge.jl`](../src/julia_bridge.jl) The Julia implementation provides: - **[`MessageEnvelope`](../src/julia_bridge.jl)**: Struct for the unified JSON envelope - **[`SmartSend()`](../src/julia_bridge.jl)**: Handles transport selection based on payload size - **[`SmartReceive()`](../src/julia_bridge.jl)**: Handles both direct and link transport ### JavaScript Module: [`src/js_bridge.js`](../src/js_bridge.js) The JavaScript implementation provides: - **`MessageEnvelope` class**: For the unified JSON envelope - **[`SmartSend()`](../src/js_bridge.js)**: Handles transport selection based on payload size - **[`SmartReceive()`](../src/js_bridge.js)**: Handles both direct and link transport ## Installation ### Julia Dependencies ```julia using Pkg Pkg.add("NATS") Pkg.add("Arrow") Pkg.add("JSON3") Pkg.add("HTTP") Pkg.add("UUIDs") Pkg.add("Dates") ``` ### JavaScript Dependencies ```bash npm install nats.js apache-arrow uuid base64-url ``` ## Usage Tutorial ### Step 1: Start NATS Server ```bash docker run -p 4222:4222 nats:latest ``` ### Step 2: Start HTTP File Server (optional) ```bash # Create a directory for file uploads mkdir -p /tmp/fileserver # Use any HTTP server that supports POST for file uploads # Example: Python's built-in server python3 -m http.server 8080 --directory /tmp/fileserver ``` ### Step 3: Run Test Scenarios ```bash # Scenario 1: Command & Control (JavaScript sender) node test/scenario1_command_control.js # Scenario 2: Large Arrow Table (JavaScript sender) node test/scenario2_large_table.js # Scenario 3: Julia-to-Julia communication # Run both Julia and JavaScript versions julia test/scenario3_julia_to_julia.jl node test/scenario3_julia_to_julia.js ``` ## Usage ### Scenario 0: Basic Multi-Payload Example #### Julia (Sender) ```julia using NATSBridge # Send multiple payloads in one message (type is required per payload) smartsend( "/test", [("dataname1", data1, "dictionary"), ("dataname2", data2, "table")], nats_url="nats://localhost:4222", fileserver_url="http://localhost:8080", metadata=Dict("custom_key" => "custom_value") ) # Even single payload must be wrapped in a list with type smartsend("/test", [("single_data", mydata, "dictionary")]) ``` #### Julia (Receiver) ```julia using NATSBridge # Receive returns a list of payloads with type info payloads = smartreceive(msg, "http://localhost:8080") # payloads = [(dataname1, data1, "dictionary"), (dataname2, data2, "table"), ...] ``` ### Scenario 1: Command & Control (Small JSON) #### JavaScript (Sender) ```javascript const { SmartSend } = require('./js_bridge'); // Single payload wrapped in a list const config = [{ dataname: "config", data: { step_size: 0.01, iterations: 1000 }, type: "json" }]; await SmartSend("control", config, "json", { correlationId: "unique-id" }); // Multiple payloads const configs = [ { dataname: "config1", data: { step_size: 0.01 }, type: "json" }, { dataname: "config2", data: { iterations: 1000 }, type: "json" } ]; await SmartSend("control", configs, "json"); ``` #### Julia (Receiver) ```julia using NATS using JSON3 # Subscribe to control subject subscribe(nats, "control") do msg env = MessageEnvelope(String(msg.data)) config = JSON3.read(env.payload) # Execute simulation with parameters step_size = config.step_size iterations = config.iterations # Send acknowledgment response = Dict("status" => "Running", "correlation_id" => env.correlation_id) publish(nats, "control_response", JSON3.stringify(response)) end ``` ### Scenario 2: Deep Dive Analysis (Large Arrow Table) #### Julia (Sender) ```julia using Arrow using DataFrames # Create large DataFrame df = DataFrame( id = 1:10_000_000, value = rand(10_000_000), category = rand(["A", "B", "C"], 10_000_000) ) # Send via SmartSend - wrapped in a list (type is part of each tuple) await SmartSend("analysis_results", [("table_data", df, "table")]); ``` #### JavaScript (Receiver) ```javascript const { SmartReceive } = require('./js_bridge'); const result = await SmartReceive(msg); // Use table data for visualization with Perspective.js or D3 const table = result.data; ``` ### Scenario 3: Live Binary Processing #### JavaScript (Sender) ```javascript const { SmartSend } = require('./js_bridge'); // Binary data wrapped in a list const binaryData = [{ dataname: "audio_chunk", data: binaryBuffer, type: "binary" }]; await SmartSend("binary_input", binaryData, "binary", { metadata: { sample_rate: 44100, channels: 1 } }); ``` #### Julia (Receiver) ```julia using WAV using DSP # Receive binary data function process_binary(data) # Perform FFT or AI transcription spectrum = fft(data) # Send results back (JSON + Arrow table) results = Dict("transcription" => "sample text", "spectrum" => spectrum) await SmartSend("binary_output", results, "json") end ``` ### Scenario 4: Catch-Up (JetStream) #### Julia (Producer) ```julia using NATSBridge function publish_health_status(nats_url) # Send status wrapped in a list (type is part of each tuple) status = Dict("cpu" => rand(), "memory" => rand()) smartsend("health", [("status", status, "dictionary")], nats_url=nats_url) sleep(5) # Every 5 seconds end ``` #### JavaScript (Consumer) ```javascript const { connect } = require('nats'); const nc = await connect({ servers: ['nats://localhost:4222'] }); const js = nc.jetstream(); // Request replay from last 10 minutes const consumer = await js.pullSubscribe("health", { durable_name: "catchup", max_batch: 100, max_ack_wait: 30000 }); // Process historical and real-time messages for await (const msg of consumer) { const result = await SmartReceive(msg); // result.data contains the list of payloads // result.envelope contains the message envelope msg.ack(); } ``` ### Scenario 5: Selection (Low Bandwidth) **Focus:** Small Arrow tables, Julia to JavaScript. The Action: Julia wants to send a small DataFrame to show on a JavaScript dashboard for the user to choose. **Julia (Sender):** ```julia using NATSBridge using DataFrames # Create small DataFrame (e.g., 50KB - 500KB) options_df = DataFrame( id = 1:10, name = ["Option A", "Option B", "Option C", "Option D", "Option E", "Option F", "Option G", "Option H", "Option I", "Option J"], description = ["Description A", "Description B", "Description C", "Description D", "Description E", "Description F", "Description G", "Description H", "Description I", "Description J"] ) # Convert to Arrow IPC stream # Check payload size (< 1MB threshold) # Publish directly to NATS with Base64-encoded payload # Include metadata for dashboard selection context smartsend( "dashboard.selection", [("options_table", options_df, "table")], nats_url="nats://localhost:4222", metadata=Dict("context" => "user_selection") ) ``` **JavaScript (Receiver):** ```javascript const { SmartReceive } = require('./js_bridge'); // Receive NATS message with direct transport const result = await SmartReceive(msg); // Decode Base64 payload // Parse Arrow IPC with zero-copy // Load into selection UI component (e.g., dropdown, table) const table = result[2]; // Get the DataFrame from the tuple // User makes selection const selection = uiComponent.getSelectedOption(); // Send selection back to Julia await SmartSend("dashboard.response", [ ("selected_option", selection, "dictionary") ]); ``` **Use Case:** Julia server generates a list of available options (e.g., file selections, configuration presets) as a small DataFrame and sends to JavaScript dashboard for user selection. The selection is then sent back to Julia for processing. ### Scenario 6: Chat System **Focus:** Every conversational message is composed of any number and any combination of components, spanning the full spectrum from small to large. This includes text, images, audio, video, tables, and files—specifically accommodating everything from brief snippets to high-resolution images, large audio files, extensive tables, and massive documents. Support for claim-check delivery and full bi-directional messaging. **Multi-Payload Support:** The system supports mixed-payload messages where a single message can contain multiple payloads with different transport strategies. The `smartreceive` function iterates through all payloads in the envelope and processes each according to its transport type. **Julia (Sender/Receiver):** ```julia using NATSBridge using DataFrames # Build chat message with mixed payloads: # - Text: direct transport (Base64) # - Small images: direct transport (Base64) # - Large images: link transport (HTTP URL) # - Audio/video: link transport (HTTP URL) # - Tables: direct or link depending on size # - Files: link transport (HTTP URL) # # Each payload uses appropriate transport strategy: # - Size < 1MB → direct (NATS + Base64) # - Size >= 1MB → link (HTTP upload + NATS URL) # # Include claim-check metadata for delivery tracking # Support bidirectional messaging with replyTo fields # Example: Chat with text, small image, and large file chat_message = [ ("message_text", "Hello, this is a test message!", "text"), ("user_avatar", image_bytes, "image"), # Small image, direct transport ("large_document", large_file_bytes, "binary") # Large file, link transport ] smartsend( "chat.room123", chat_message, nats_url="nats://localhost:4222", msg_purpose="chat", reply_to="chat.room123.responses" ) ``` **JavaScript (Sender/Receiver):** ```javascript const { SmartSend, SmartReceive } = require('./js_bridge'); // Build chat message with mixed content: // - User input text: direct transport // - Selected image: check size, use appropriate transport // - Audio recording: link transport for large files // - File attachment: link transport // // Parse received message: // - Direct payloads: decode Base64 // - Link payloads: fetch from HTTP with exponential backoff // - Deserialize all payloads appropriately // // Render mixed content in chat interface // Support bidirectional reply with claim-check delivery confirmation // Example: Send chat with mixed content const message = [ { dataname: "text", data: "Hello from JavaScript!", type: "text" }, { dataname: "image", data: selectedImageBuffer, // Small image type: "image" }, { dataname: "audio", data: audioUrl, // Large audio, link transport type: "audio" } ]; await SmartSend("chat.room123", message); ``` **Use Case:** Full-featured chat system supporting rich media. User can send text, small images directly, or upload large files that get uploaded to HTTP server and referenced via URLs. Claim-check pattern ensures reliable delivery tracking for all message components. **Implementation Note:** The `smartreceive` function iterates through all payloads in the envelope and processes each according to its transport type. See the standard API format in Section 1: `msgEnvelope_v1` supports `AbstractArray{msgPayload_v1}` for multiple payloads. ## Configuration ### Environment Variables | Variable | Default | Description | |----------|---------|-------------| | `NATS_URL` | `nats://localhost:4222` | NATS server URL | | `FILESERVER_URL` | `http://localhost:8080` | HTTP file server URL (base URL without `/upload` suffix) | | `SIZE_THRESHOLD` | `1_000_000` | Size threshold in bytes (1MB) | ### Message Envelope Schema ```json { "correlationId": "uuid-v4-string", "msgId": "uuid-v4-string", "timestamp": "2024-01-15T10:30:00Z", "sendTo": "topic/subject", "msgPurpose": "ACK | NACK | updateStatus | shutdown | chat", "senderName": "agent-wine-web-frontend", "senderId": "uuid4", "receiverName": "agent-backend", "receiverId": "uuid4", "replyTo": "topic", "replyToMsgId": "uuid4", "BrokerURL": "nats://localhost:4222", "metadata": { "content_type": "application/octet-stream", "content_length": 123456 }, "payloads": [ { "id": "uuid4", "dataname": "login_image", "type": "image", "transport": "direct", "encoding": "base64", "size": 15433, "data": "base64-encoded-string", "metadata": { "checksum": "sha256_hash" } } ] } ``` ## Performance Considerations ### Zero-Copy Reading - Use Arrow's memory-mapped file reading - Avoid unnecessary data copying during deserialization - Use Apache Arrow's native IPC reader ### Exponential Backoff - Maximum retry count: 5 - Base delay: 100ms, max delay: 5000ms - Implemented in both Julia and JavaScript implementations ### Correlation ID Logging - Log correlation_id at every stage - Include: send, receive, serialize, deserialize - Use structured logging format ## Testing Run the test scripts: ```bash # Scenario 1: Command & Control (JavaScript sender) node test/scenario1_command_control.js # Scenario 2: Large Arrow Table (JavaScript sender) node test/scenario2_large_table.js ``` ## Troubleshooting ### Common Issues 1. **NATS Connection Failed** - Ensure NATS server is running - Check NATS_URL configuration 2. **HTTP Upload Failed** - Ensure file server is running - Check FILESERVER_URL configuration - Verify upload permissions 3. **Arrow IPC Deserialization Error** - Ensure data is properly serialized to Arrow format - Check Arrow version compatibility ## License MIT