package/mq
1
0
Fork 0
mirror of https://github.com/oarkflow/mq.git synced 2025-10-07 08:50:54 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
sujit
2025-08-05 06:47:51 +05:45
parent 3fe661f26a
commit 970db890eb
6 changed files with 588 additions and 466 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
examples/app/server.go
View File

@@ -5,6 +5,8 @@ import (
"fmt"
"net/http"
"os"
"github.com/oarkflow/mq/renderer"
)
func main() {
@@ -18,6 +20,7 @@ func main() {
fmt.Printf("Error parsing schema: %v\n", err)
return
}
http.Handle("/form.css", http.FileServer(http.Dir("templates")))
http.HandleFunc("/render", func(w http.ResponseWriter, r *http.Request) {
templateName := r.URL.Query().Get("template")
@@ -32,7 +35,7 @@ func main() {
return
}
renderer := NewJSONSchemaRenderer(schema, string(htmlLayout))
renderer := renderer.NewJSONSchemaRenderer(schema, string(htmlLayout))
// Set template data for dynamic interpolation
templateData := map[string]interface{}{

190
examples/email/contact-form.html Normal file
View File

@@ -0,0 +1,190 @@
<!DOCTYPE html>
<html>
<head>
<title>Contact Us - Email Notification System</title>
<style>
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
max-width: 700px;
margin: 50px auto;
padding: 20px;
background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
color: white;
min-height: 100vh;
}
.form-container {
background: rgba(255, 255, 255, 0.1);
padding: 40px;
border-radius: 20px;
backdrop-filter: blur(15px);
box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4);
border: 1px solid rgba(255, 255, 255, 0.2);
}
h1 {
text-align: center;
margin-bottom: 10px;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
font-size: 2.2em;
}
.subtitle {
text-align: center;
margin-bottom: 30px;
opacity: 0.9;
font-size: 1.1em;
}
.form-group {
margin-bottom: 25px;
}
label {
display: block;
margin-bottom: 8px;
font-weight: 600;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
font-size: 1.1em;
}
input,
textarea,
select {
width: 100%;
padding: 15px;
border: none;
border-radius: 10px;
font-size: 16px;
background: rgba(255, 255, 255, 0.2);
color: white;
backdrop-filter: blur(5px);
transition: all 0.3s ease;
border: 1px solid rgba(255, 255, 255, 0.3);
}
input:focus,
textarea:focus,
select:focus {
outline: none;
background: rgba(255, 255, 255, 0.3);
border: 1px solid rgba(255, 255, 255, 0.6);
transform: translateY(-2px);
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}
input::placeholder,
textarea::placeholder {
color: rgba(255, 255, 255, 0.7);
}
textarea {
height: 120px;
resize: vertical;
}
select {
cursor: pointer;
}
select option {
background: #2a5298;
color: white;
}
.form-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
@media (max-width: 600px) {
.form-row {
grid-template-columns: 1fr;
}
}
button {
background: linear-gradient(45deg, #FF6B6B, #4ECDC4);
color: white;
padding: 18px 40px;
border: none;
border-radius: 30px;
cursor: pointer;
font-size: 18px;
font-weight: bold;
width: 100%;
transition: all 0.3s ease;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
text-transform: uppercase;
letter-spacing: 1px;
}
button:hover {
transform: translateY(-3px);
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4);
}
.info-box {
background: rgba(255, 255, 255, 0.15);
padding: 20px;
border-radius: 12px;
margin-bottom: 25px;
text-align: center;
border-left: 4px solid #4ECDC4;
}
.feature-list {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 15px;
margin: 20px 0;
}
.feature-item {
background: rgba(255, 255, 255, 0.1);
padding: 15px;
border-radius: 8px;
text-align: center;
font-size: 14px;
}
</style>
</head>
<body>
<div class="form-container">
<h1>📧 Contact Us</h1>
<div class="subtitle">Advanced Email Notification System with DAG Workflow</div>
<div class="info-box">
<p><strong>🔄 Smart Routing:</strong> Our system automatically routes your message based on your user type
and preferences.</p>
</div>
<div class="feature-list">
<div class="feature-item">
<strong>📱 Instant Notifications</strong><br>
Real-time email delivery
</div>
<div class="feature-item">
<strong>🎯 Smart Targeting</strong><br>
User-specific content
</div>
<div class="feature-item">
<strong>🔒 Secure Processing</strong><br>
Enterprise-grade security
</div>
</div>
<form method="post" action="/process?task_id={{task_id}}&next=true">
<div class="form-row">
{{form_fields}}
</div>
<button type="submit">🚀 Send Message</button>
</form>
</div>
</body>
</html>

134
examples/email/error.html Normal file
View File

@@ -0,0 +1,134 @@
<!DOCTYPE html>
<html>
<head>
<title>Email Error</title>
<style>
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
max-width: 700px;
margin: 50px auto;
padding: 20px;
background: linear-gradient(135deg, #FF6B6B 0%, #FF5722 100%);
color: white;
}
.error-container {
background: rgba(255, 255, 255, 0.1);
padding: 40px;
border-radius: 20px;
backdrop-filter: blur(15px);
box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4);
text-align: center;
}
.error-icon {
font-size: 80px;
margin-bottom: 20px;
animation: shake 0.5s ease-in-out infinite alternate;
}
@keyframes shake {
0% {
transform: translateX(0);
}
100% {
transform: translateX(5px);
}
}
h1 {
margin-bottom: 30px;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
font-size: 2.5em;
}
.error-message {
background: rgba(255, 255, 255, 0.2);
padding: 25px;
border-radius: 12px;
margin: 25px 0;
font-size: 18px;
border-left: 6px solid #FFB6B6;
line-height: 1.6;
}
.error-details {
background: rgba(255, 255, 255, 0.15);
padding: 20px;
border-radius: 12px;
margin: 25px 0;
text-align: left;
}
.actions {
margin-top: 40px;
}
.btn {
background: linear-gradient(45deg, #4ECDC4, #44A08D);
color: white;
padding: 15px 30px;
border: none;
border-radius: 25px;
cursor: pointer;
font-size: 16px;
font-weight: bold;
margin: 0 15px;
text-decoration: none;
display: inline-block;
transition: all 0.3s ease;
text-transform: uppercase;
letter-spacing: 1px;
}
.btn:hover {
transform: translateY(-3px);
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
}
.retry-btn {
background: linear-gradient(45deg, #FFA726, #FF9800);
}
</style>
</head>
<body>
<div class="error-container">
<div class="error-icon">❌</div>
<h1>Email Processing Error</h1>
<div class="error-message">
{{error_message}}
</div>
{{if error_field}}
<div class="error-details">
<strong>🎯 Error Field:</strong> {{error_field}}<br>
<strong>⚡ Action Required:</strong> Please correct the highlighted field and try again.<br>
<strong>💡 Tip:</strong> Make sure all required fields are properly filled out.
</div>
{{end}}
{{if retry_suggested}}
<div class="error-details">
<strong>⚠️ Temporary Issue:</strong> This appears to be a temporary system issue.
Please try sending your message again in a few moments.<br>
<strong>🔄 Auto-Retry:</strong> Our system will automatically retry failed deliveries.
</div>
{{end}}
<div class="actions">
<a href="/" class="btn retry-btn">🔄 Try Again</a>
<a href="/api/status" class="btn">📊 Check Status</a>
</div>
<div style="margin-top: 30px; font-size: 14px; opacity: 0.8;">
🔄 DAG Error Handler | Email Notification Workflow Failed<br>
Our advanced routing system ensures reliable message delivery.
</div>
</div>
</body>
</html>

210
examples/email/success.html Normal file
View File

@@ -0,0 +1,210 @@
<!DOCTYPE html>
<html>
<head>
<title>Message Sent Successfully</title>
<style>
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
max-width: 700px;
margin: 50px auto;
padding: 20px;
background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%);
color: white;
}
.result-container {
background: rgba(255, 255, 255, 0.1);
padding: 40px;
border-radius: 20px;
backdrop-filter: blur(15px);
box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4);
text-align: center;
}
.success-icon {
font-size: 80px;
margin-bottom: 20px;
animation: bounce 2s infinite;
}
@keyframes bounce {
0%,
20%,
50%,
80%,
100% {
transform: translateY(0);
}
40% {
transform: translateY(-10px);
}
60% {
transform: translateY(-5px);
}
}
h1 {
margin-bottom: 30px;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
font-size: 2.5em;
}
.info-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 20px;
margin: 30px 0;
text-align: left;
}
.info-item {
background: rgba(255, 255, 255, 0.15);
padding: 20px;
border-radius: 12px;
border-left: 4px solid #4ECDC4;
}
.info-label {
font-weight: bold;
margin-bottom: 8px;
opacity: 0.9;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 1px;
}
.info-value {
font-size: 16px;
word-break: break-word;
}
.message-preview {
background: rgba(255, 255, 255, 0.1);
padding: 25px;
border-radius: 12px;
margin: 30px 0;
text-align: left;
border: 1px solid rgba(255, 255, 255, 0.2);
}
.actions {
margin-top: 40px;
}
.btn {
background: linear-gradient(45deg, #FF6B6B, #4ECDC4);
color: white;
padding: 15px 30px;
border: none;
border-radius: 25px;
cursor: pointer;
font-size: 16px;
font-weight: bold;
margin: 0 15px;
text-decoration: none;
display: inline-block;
transition: all 0.3s ease;
text-transform: uppercase;
letter-spacing: 1px;
}
.btn:hover {
transform: translateY(-3px);
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
}
.status-badge {
background: #4CAF50;
color: white;
padding: 8px 20px;
border-radius: 25px;
font-size: 14px;
font-weight: bold;
display: inline-block;
margin: 10px 0;
text-transform: uppercase;
letter-spacing: 1px;
}
.workflow-info {
background: rgba(255, 255, 255, 0.1);
padding: 20px;
border-radius: 12px;
margin-top: 30px;
font-size: 14px;
opacity: 0.9;
}
</style>
</head>
<body>
<div class="result-container">
<div class="success-icon">✅</div>
<h1>Message Sent Successfully!</h1>
<div class="status-badge">{{email_status}}</div>
<div class="info-grid">
<div class="info-item">
<div class="info-label">👤 Recipient</div>
<div class="info-value">{{full_name}}</div>
</div>
<div class="info-item">
<div class="info-label">📧 Email Address</div>
<div class="info-value">{{email}}</div>
</div>
<div class="info-item">
<div class="info-label">🆔 Email ID</div>
<div class="info-value">{{email_id}}</div>
</div>
<div class="info-item">
<div class="info-label">⏰ Sent At</div>
<div class="info-value">{{sent_at}}</div>
</div>
<div class="info-item">
<div class="info-label">📨 Email Type</div>
<div class="info-value">{{email_type}}</div>
</div>
<div class="info-item">
<div class="info-label">👥 User Type</div>
<div class="info-value">{{user_type}}</div>
</div>
<div class="info-item">
<div class="info-label">🚨 Priority</div>
<div class="info-value">{{priority}}</div>
</div>
<div class="info-item">
<div class="info-label">🚚 Delivery</div>
<div class="info-value">{{delivery_estimate}}</div>
</div>
</div>
<div class="message-preview">
<div class="info-label">📋 Subject:</div>
<div class="info-value" style="margin: 10px 0; font-weight: bold; font-size: 18px;">
{{subject}}
</div>
<div class="info-label">💬 Message ({{message_length}} chars):</div>
<div class="info-value" style="margin-top: 15px; font-style: italic; line-height: 1.6;">
"{{message}}"
</div>
</div>
<div class="actions">
<a href="/" class="btn">📧 Send Another Message</a>
<a href="/api/metrics" class="btn">📊 View Metrics</a>
</div>
<div class="workflow-info">
<strong>🔄 Workflow Details:</strong><br>
Gateway: {{gateway}} | Template: {{email_template}} | Processed: {{processed_at}}<br>
This message was processed through our advanced DAG workflow system with conditional routing.
</div>
</div>
</body>
</html>

457
examples/email_notification_dag.go
View File

@@ -3,6 +3,7 @@ package main
import (
"context"
"fmt"
"os"
"regexp"
"sort"
"strings"
@@ -20,145 +21,19 @@ import (
)
func main() {
contactFormSchema := map[string]any{
"properties": map[string]any{
"first_name": map[string]any{
"type": "string",
"title": "👤 First Name",
"order": 1,
"ui": map[string]any{
"control": "input",
"class": "form-group",
"name": "first_name",
},
},
"last_name": map[string]any{
"type": "string",
"title": "👤 Last Name",
"order": 2,
"ui": map[string]any{
"control": "input",
"class": "form-group",
"name": "last_name",
},
},
"email": map[string]any{
"type": "email",
"title": "📧 Email Address",
"order": 3,
"ui": map[string]any{
"control": "input",
"class": "form-group",
"name": "email",
},
},
"user_type": map[string]any{
"type": "string",
"title": "👥 User Type",
"order": 4,
"ui": map[string]any{
"control": "select",
"class": "form-group",
"name": "user_type",
"options": []any{"new", "premium", "standard"},
},
},
"priority": map[string]any{
"type": "string",
"title": "🚨 Priority Level",
"order": 5,
"ui": map[string]any{
"control": "select",
"class": "form-group",
"name": "priority",
"options": []any{"low", "medium", "high", "urgent"},
},
},
"subject": map[string]any{
"type": "string",
"title": "📋 Subject",
"order": 6,
"ui": map[string]any{
"control": "input",
"class": "form-group",
"name": "subject",
},
},
"message": map[string]any{
"type": "textarea",
"title": "💬 Message",
"order": 7,
"ui": map[string]any{
"control": "textarea",
"class": "form-group",
"name": "message",
},
},
},
"required": []any{"first_name", "last_name", "email", "user_type", "priority", "subject", "message"},
var contactFormSchema = map[string]any{}
content, err := os.ReadFile("app/schema.json")
if err != nil {
panic(err)
}
if err := json.Unmarshal(content, &contactFormSchema); err != nil {
panic(fmt.Errorf("failed to parse JSON schema: %w", err))
}
contactFormLayout := `
<!DOCTYPE html>
<html>
<head>
<title>Contact Us - Email Notification System</title>
<style>
body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; max-width: 700px; margin: 50px auto; padding: 20px; background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%); color: white; min-height: 100vh; }
.form-container { background: rgba(255, 255, 255, 0.1); padding: 40px; border-radius: 20px; backdrop-filter: blur(15px); box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4); border: 1px solid rgba(255, 255, 255, 0.2); }
h1 { text-align: center; margin-bottom: 10px; text-shadow: 2px 2px 4px rgba(0,0,0,0.3); font-size: 2.2em; }
.subtitle { text-align: center; margin-bottom: 30px; opacity: 0.9; font-size: 1.1em; }
.form-group { margin-bottom: 25px; }
label { display: block; margin-bottom: 8px; font-weight: 600; text-shadow: 1px 1px 2px rgba(0,0,0,0.3); font-size: 1.1em; }
input, textarea, select { width: 100%; padding: 15px; border: none; border-radius: 10px; font-size: 16px; background: rgba(255, 255, 255, 0.2); color: white; backdrop-filter: blur(5px); transition: all 0.3s ease; border: 1px solid rgba(255, 255, 255, 0.3); }
input:focus, textarea:focus, select:focus { outline: none; background: rgba(255, 255, 255, 0.3); border: 1px solid rgba(255, 255, 255, 0.6); transform: translateY(-2px); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); }
input::placeholder, textarea::placeholder { color: rgba(255, 255, 255, 0.7); }
textarea { height: 120px; resize: vertical; }
select { cursor: pointer; }
select option { background: #2a5298; color: white; }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
@media (max-width: 600px) { .form-row { grid-template-columns: 1fr; } }
button { background: linear-gradient(45deg, #FF6B6B, #4ECDC4); color: white; padding: 18px 40px; border: none; border-radius: 30px; cursor: pointer; font-size: 18px; font-weight: bold; width: 100%; transition: all 0.3s ease; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3); text-transform: uppercase; letter-spacing: 1px; }
button:hover { transform: translateY(-3px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4); }
.info-box { background: rgba(255, 255, 255, 0.15); padding: 20px; border-radius: 12px; margin-bottom: 25px; text-align: center; border-left: 4px solid #4ECDC4; }
.feature-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px; margin: 20px 0; }
.feature-item { background: rgba(255, 255, 255, 0.1); padding: 15px; border-radius: 8px; text-align: center; font-size: 14px; }
</style>
</head>
<body>
<div class="form-container">
<h1>📧 Contact Us</h1>
<div class="subtitle">Advanced Email Notification System with DAG Workflow</div>
<div class="info-box">
<p><strong>🔄 Smart Routing:</strong> Our system automatically routes your message based on your user type and preferences.</p>
</div>
<div class="feature-list">
<div class="feature-item">
<strong>📱 Instant Notifications</strong><br>
Real-time email delivery
</div>
<div class="feature-item">
<strong>🎯 Smart Targeting</strong><br>
User-specific content
</div>
<div class="feature-item">
<strong>🔒 Secure Processing</strong><br>
Enterprise-grade security
</div>
</div>
<form method="post" action="/process?task_id={{task_id}}&next=true">
<div class="form-row">
{{form_fields}}
</div>
<button type="submit">🚀 Send Message</button>
</form>
</div>
</body>
</html>`
contactFormLayout, err := os.ReadFile("email/contact-form.html")
if err != nil {
panic(err)
}
flow := dag.NewDAG("Email Notification System", "email-notification", func(taskID string, result mq.Result) {
fmt.Printf("Email notification workflow completed for task %s: %s\n", taskID, string(utils.RemoveRecursiveFromJSON(result.Payload, "html_content")))
@@ -166,7 +41,7 @@ func main() {
// Add workflow nodes
// Note: Page nodes have no timeout by default, allowing users unlimited time for form input
flow.AddNode(dag.Page, "Contact Form", "ContactForm", &ConfigurableFormNode{Schema: contactFormSchema, HTMLLayout: contactFormLayout}, true)
flow.AddNode(dag.Page, "Contact Form", "ContactForm", &ConfigurableFormNode{Schema: contactFormSchema, HTMLLayout: string(contactFormLayout)}, true)
flow.AddNode(dag.Function, "Validate Contact Data", "ValidateContact", &ValidateContactNode{})
flow.AddNode(dag.Function, "Check User Type", "CheckUserType", &CheckUserTypeNode{})
flow.AddNode(dag.Function, "Send Welcome Email", "SendWelcomeEmail", &SendWelcomeEmailNode{})
@@ -631,190 +506,13 @@ func (s *SuccessPageNode) ProcessTask(ctx context.Context, task *mq.Task) mq.Res
return mq.Result{Error: err, Ctx: ctx}
}
htmlTemplate := `
<!DOCTYPE html>
<html>
<head>
<title>Message Sent Successfully</title>
<style>
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
max-width: 700px;
margin: 50px auto;
padding: 20px;
background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%);
color: white;
htmlTemplate, err := os.ReadFile("email/success.html")
if err != nil {
return mq.Result{Error: fmt.Errorf("failed to read success template: %v", err)}
}
.result-container {
background: rgba(255, 255, 255, 0.1);
padding: 40px;
border-radius: 20px;
backdrop-filter: blur(15px);
box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4);
text-align: center;
}
.success-icon {
font-size: 80px;
margin-bottom: 20px;
animation: bounce 2s infinite;
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
40% { transform: translateY(-10px); }
60% { transform: translateY(-5px); }
}
h1 {
margin-bottom: 30px;
text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
font-size: 2.5em;
}
.info-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 20px;
margin: 30px 0;
text-align: left;
}
.info-item {
background: rgba(255, 255, 255, 0.15);
padding: 20px;
border-radius: 12px;
border-left: 4px solid #4ECDC4;
}
.info-label {
font-weight: bold;
margin-bottom: 8px;
opacity: 0.9;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 1px;
}
.info-value {
font-size: 16px;
word-break: break-word;
}
.message-preview {
background: rgba(255, 255, 255, 0.1);
padding: 25px;
border-radius: 12px;
margin: 30px 0;
text-align: left;
border: 1px solid rgba(255, 255, 255, 0.2);
}
.actions {
margin-top: 40px;
}
.btn {
background: linear-gradient(45deg, #FF6B6B, #4ECDC4);
color: white;
padding: 15px 30px;
border: none;
border-radius: 25px;
cursor: pointer;
font-size: 16px;
font-weight: bold;
margin: 0 15px;
text-decoration: none;
display: inline-block;
transition: all 0.3s ease;
text-transform: uppercase;
letter-spacing: 1px;
}
.btn:hover {
transform: translateY(-3px);
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
}
.status-badge {
background: #4CAF50;
color: white;
padding: 8px 20px;
border-radius: 25px;
font-size: 14px;
font-weight: bold;
display: inline-block;
margin: 10px 0;
text-transform: uppercase;
letter-spacing: 1px;
}
.workflow-info {
background: rgba(255, 255, 255, 0.1);
padding: 20px;
border-radius: 12px;
margin-top: 30px;
font-size: 14px;
opacity: 0.9;
}
</style>
</head>
<body>
<div class="result-container">
<div class="success-icon">✅</div>
<h1>Message Sent Successfully!</h1>
<div class="status-badge">{{email_status}}</div>
<div class="info-grid">
<div class="info-item">
<div class="info-label">👤 Recipient</div>
<div class="info-value">{{full_name}}</div>
</div>
<div class="info-item">
<div class="info-label">📧 Email Address</div>
<div class="info-value">{{email}}</div>
</div>
<div class="info-item">
<div class="info-label">🆔 Email ID</div>
<div class="info-value">{{email_id}}</div>
</div>
<div class="info-item">
<div class="info-label">⏰ Sent At</div>
<div class="info-value">{{sent_at}}</div>
</div>
<div class="info-item">
<div class="info-label">📨 Email Type</div>
<div class="info-value">{{email_type}}</div>
</div>
<div class="info-item">
<div class="info-label">👥 User Type</div>
<div class="info-value">{{user_type}}</div>
</div>
<div class="info-item">
<div class="info-label">🚨 Priority</div>
<div class="info-value">{{priority}}</div>
</div>
<div class="info-item">
<div class="info-label">🚚 Delivery</div>
<div class="info-value">{{delivery_estimate}}</div>
</div>
</div>
<div class="message-preview">
<div class="info-label">📋 Subject:</div>
<div class="info-value" style="margin: 10px 0; font-weight: bold; font-size: 18px;">
{{subject}}
</div>
<div class="info-label">💬 Message ({{message_length}} chars):</div>
<div class="info-value" style="margin-top: 15px; font-style: italic; line-height: 1.6;">
"{{message}}"
</div>
</div>
<div class="actions">
<a href="/" class="btn">📧 Send Another Message</a>
<a href="/api/metrics" class="btn">📊 View Metrics</a>
</div>
<div class="workflow-info">
<strong>🔄 Workflow Details:</strong><br>
Gateway: {{gateway}} | Template: {{email_template}} | Processed: {{processed_at}}<br>
This message was processed through our advanced DAG workflow system with conditional routing.
</div>
</div>
</body>
</html>`
parser := jet.NewWithMemory(jet.WithDelims("{{", "}}"))
rs, err := parser.ParseTemplate(htmlTemplate, inputData)
rs, err := parser.ParseTemplate(string(htmlTemplate), inputData)
if err != nil {
return mq.Result{Error: err, Ctx: ctx}
}
@@ -853,123 +551,10 @@ func (e *EmailErrorPageNode) ProcessTask(ctx context.Context, task *mq.Task) mq.
errorMessage = "An unknown error occurred"
}
htmlTemplate := `
<!DOCTYPE html>
<html>
<head>
<title>Email Error</title>
<style>
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
max-width: 700px;
margin: 50px auto;
padding: 20px;
background: linear-gradient(135deg, #FF6B6B 0%, #FF5722 100%);
color: white;
htmlTemplate, err := os.ReadFile("email/error.html")
if err != nil {
return mq.Result{Error: fmt.Errorf("failed to read error template: %v", err)}
}
.error-container {
background: rgba(255, 255, 255, 0.1);
padding: 40px;
border-radius: 20px;
backdrop-filter: blur(15px);
box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4);
text-align: center;
}
.error-icon {
font-size: 80px;
margin-bottom: 20px;
animation: shake 0.5s ease-in-out infinite alternate;
}
@keyframes shake {
0% { transform: translateX(0); }
100% { transform: translateX(5px); }
}
h1 {
margin-bottom: 30px;
text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
font-size: 2.5em;
}
.error-message {
background: rgba(255, 255, 255, 0.2);
padding: 25px;
border-radius: 12px;
margin: 25px 0;
font-size: 18px;
border-left: 6px solid #FFB6B6;
line-height: 1.6;
}
.error-details {
background: rgba(255, 255, 255, 0.15);
padding: 20px;
border-radius: 12px;
margin: 25px 0;
text-align: left;
}
.actions {
margin-top: 40px;
}
.btn {
background: linear-gradient(45deg, #4ECDC4, #44A08D);
color: white;
padding: 15px 30px;
border: none;
border-radius: 25px;
cursor: pointer;
font-size: 16px;
font-weight: bold;
margin: 0 15px;
text-decoration: none;
display: inline-block;
transition: all 0.3s ease;
text-transform: uppercase;
letter-spacing: 1px;
}
.btn:hover {
transform: translateY(-3px);
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
}
.retry-btn {
background: linear-gradient(45deg, #FFA726, #FF9800);
}
</style>
</head>
<body>
<div class="error-container">
<div class="error-icon">❌</div>
<h1>Email Processing Error</h1>
<div class="error-message">
{{error_message}}
</div>
{{if error_field}}
<div class="error-details">
<strong>🎯 Error Field:</strong> {{error_field}}<br>
<strong>⚡ Action Required:</strong> Please correct the highlighted field and try again.<br>
<strong>💡 Tip:</strong> Make sure all required fields are properly filled out.
</div>
{{end}}
{{if retry_suggested}}
<div class="error-details">
<strong>⚠️ Temporary Issue:</strong> This appears to be a temporary system issue.
Please try sending your message again in a few moments.<br>
<strong>🔄 Auto-Retry:</strong> Our system will automatically retry failed deliveries.
</div>
{{end}}
<div class="actions">
<a href="/" class="btn retry-btn">🔄 Try Again</a>
<a href="/api/status" class="btn">📊 Check Status</a>
</div>
<div style="margin-top: 30px; font-size: 14px; opacity: 0.8;">
🔄 DAG Error Handler | Email Notification Workflow Failed<br>
Our advanced routing system ensures reliable message delivery.
</div>
</div>
</body>
</html>`
parser := jet.NewWithMemory(jet.WithDelims("{{", "}}"))
templateData := map[string]any{
@@ -978,7 +563,7 @@ func (e *EmailErrorPageNode) ProcessTask(ctx context.Context, task *mq.Task) mq.
"retry_suggested": inputData["retry_suggested"],
}
rs, err := parser.ParseTemplate(htmlTemplate, templateData)
rs, err := parser.ParseTemplate(string(htmlTemplate), templateData)
if err != nil {
return mq.Result{Error: err, Ctx: ctx}
}

52
examples/app/jsonschema_renderer.go → renderer/schema.go
View File

@@ -1,4 +1,4 @@
package main
package renderer
import (
"bytes"
@@ -11,7 +11,7 @@ import (
type FieldInfo struct {
Name string
Order int
Definition map[string]interface{}
Definition map[string]any
}
// GroupInfo represents metadata for a group extracted from JSONSchema
@@ -29,23 +29,23 @@ type GroupTitle struct {
// JSONSchemaRenderer is responsible for rendering HTML fields based on JSONSchema
type JSONSchemaRenderer struct {
Schema map[string]interface{}
Schema map[string]any
HTMLLayout string
TemplateData map[string]interface{} // Data for template interpolation
TemplateData map[string]any // Data for template interpolation
cachedHTML string // Cached rendered HTML
}
// NewJSONSchemaRenderer creates a new instance of JSONSchemaRenderer
func NewJSONSchemaRenderer(schema map[string]interface{}, htmlLayout string) *JSONSchemaRenderer {
func NewJSONSchemaRenderer(schema map[string]any, htmlLayout string) *JSONSchemaRenderer {
return &JSONSchemaRenderer{
Schema: schema,
HTMLLayout: htmlLayout,
TemplateData: make(map[string]interface{}),
TemplateData: make(map[string]any),
}
}
// SetTemplateData sets the data used for template interpolation
func (r *JSONSchemaRenderer) SetTemplateData(data map[string]interface{}) {
func (r *JSONSchemaRenderer) SetTemplateData(data map[string]any) {
r.TemplateData = data
}
@@ -93,7 +93,7 @@ func (r *JSONSchemaRenderer) RenderFields() (string, error) {
groupHTML.WriteString(renderGroup(group))
}
formConfig := r.Schema["form"].(map[string]interface{})
formConfig := r.Schema["form"].(map[string]any)
formClass, _ := formConfig["class"].(string)
formAction, _ := formConfig["action"].(string)
formMethod, _ := formConfig["method"].(string)
@@ -128,20 +128,20 @@ func (r *JSONSchemaRenderer) RenderFields() (string, error) {
}
// parseGroupsFromSchema extracts and sorts groups and fields from schema
func parseGroupsFromSchema(schema map[string]interface{}) []GroupInfo {
formConfig, ok := schema["form"].(map[string]interface{})
func parseGroupsFromSchema(schema map[string]any) []GroupInfo {
formConfig, ok := schema["form"].(map[string]any)
if !ok {
return nil
}
properties, ok := schema["properties"].(map[string]interface{})
properties, ok := schema["properties"].(map[string]any)
if !ok {
return nil
}
// Get required fields from schema root
var requiredFields map[string]bool = make(map[string]bool)
if reqFields, ok := schema["required"].([]interface{}); ok {
if reqFields, ok := schema["required"].([]any); ok {
for _, field := range reqFields {
if fieldName, ok := field.(string); ok {
requiredFields[fieldName] = true
@@ -150,12 +150,12 @@ func parseGroupsFromSchema(schema map[string]interface{}) []GroupInfo {
}
var groups []GroupInfo
for _, group := range formConfig["groups"].([]interface{}) {
groupMap := group.(map[string]interface{})
for _, group := range formConfig["groups"].([]any) {
groupMap := group.(map[string]any)
// Parse group title
var groupTitle GroupTitle
if titleMap, ok := groupMap["title"].(map[string]interface{}); ok {
if titleMap, ok := groupMap["title"].(map[string]any); ok {
if text, ok := titleMap["text"].(string); ok {
groupTitle.Text = text
}
@@ -168,15 +168,15 @@ func parseGroupsFromSchema(schema map[string]interface{}) []GroupInfo {
groupClass, _ := groupMap["class"].(string)
var fields []FieldInfo
for _, fieldName := range groupMap["fields"].([]interface{}) {
fieldDef := properties[fieldName.(string)].(map[string]interface{})
for _, fieldName := range groupMap["fields"].([]any) {
fieldDef := properties[fieldName.(string)].(map[string]any)
order := 0
if ord, exists := fieldDef["order"].(int); exists {
order = ord
}
// Add required field info to field definition
fieldDefCopy := make(map[string]interface{})
fieldDefCopy := make(map[string]any)
for k, v := range fieldDef {
fieldDefCopy[k] = v
}
@@ -243,7 +243,7 @@ var fieldTemplates = map[string]string{
}
func renderField(field FieldInfo) string {
ui, ok := field.Definition["ui"].(map[string]interface{})
ui, ok := field.Definition["ui"].(map[string]any)
if !ok {
return ""
}
@@ -279,7 +279,7 @@ func renderField(field FieldInfo) string {
}
}
data := map[string]interface{}{
data := map[string]any{
"Class": class,
"Name": name,
"Title": template.HTML(titleHTML),
@@ -302,7 +302,7 @@ func renderField(field FieldInfo) string {
tmpl.Execute(&buf, data)
return buf.String()
case "select":
options, _ := ui["options"].([]interface{})
options, _ := ui["options"].([]any)
var optionsHTML bytes.Buffer
for _, option := range options {
optionsHTML.WriteString(fmt.Sprintf(`<option value="%v">%v</option>`, option, option))
@@ -338,10 +338,10 @@ func renderField(field FieldInfo) string {
// Template for buttons
var buttonTemplate = `<button type="{{.Type}}" class="{{.Class}}">{{.Label}}</button>`
func renderButtons(formConfig map[string]interface{}) string {
func renderButtons(formConfig map[string]any) string {
var buttonsHTML bytes.Buffer
if submitConfig, ok := formConfig["submit"].(map[string]interface{}); ok {
data := map[string]interface{}{
if submitConfig, ok := formConfig["submit"].(map[string]any); ok {
data := map[string]any{
"Type": submitConfig["type"],
"Class": submitConfig["class"],
"Label": submitConfig["label"],
@@ -349,8 +349,8 @@ func renderButtons(formConfig map[string]interface{}) string {
tmpl := template.Must(template.New("button").Parse(buttonTemplate))
tmpl.Execute(&buttonsHTML, data)
}
if resetConfig, ok := formConfig["reset"].(map[string]interface{}); ok {
data := map[string]interface{}{
if resetConfig, ok := formConfig["reset"].(map[string]any); ok {
data := map[string]any{
"Type": resetConfig["type"],
"Class": resetConfig["class"],
"Label": resetConfig["label"],