systemprompt-content 0.1.21

Content module for systemprompt.io with content management, analytics, and event tracking
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113

use std::sync::Arc;

use anyhow::Result;
use async_trait::async_trait;
use serde_json::Value;
use systemprompt_provider_contracts::{ComponentContext, ComponentRenderer, RenderedComponent};

const PLACEHOLDER_IMAGE_SVG: &str = r#"<div class="card-image card-image--placeholder">
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
      <rect x="3" y="3" width="18" height="18" rx="2" ry="2"/>
      <circle cx="8.5" cy="8.5" r="1.5"/>
      <polyline points="21 15 16 10 5 21"/>
    </svg>
  </div>"#;

#[derive(Debug, Clone, Copy, Default)]
pub struct ListItemsCardRenderer;

#[async_trait]
impl ComponentRenderer for ListItemsCardRenderer {
    fn component_id(&self) -> &'static str {
        "list-items-cards"
    }

    fn variable_name(&self) -> &'static str {
        "ITEMS"
    }

    fn applies_to(&self) -> Vec<String> {
        vec!["blog-list".into(), "news-list".into(), "pages-list".into()]
    }

    async fn render(&self, ctx: &ComponentContext<'_>) -> Result<RenderedComponent> {
        let items = ctx.all_items.unwrap_or(&[]);
        let url_prefix = extract_url_prefix(ctx);

        let cards_html: Vec<String> = items
            .iter()
            .filter_map(|item| render_card_html(item, &url_prefix))
            .collect();

        Ok(RenderedComponent::new(
            self.variable_name(),
            cards_html.join("\n"),
        ))
    }

    fn priority(&self) -> u32 {
        100
    }
}

fn extract_url_prefix(ctx: &ComponentContext<'_>) -> String {
    ctx.all_items
        .and_then(|items| items.first())
        .and_then(|item| item.get("content_type"))
        .and_then(Value::as_str)
        .map_or_else(String::new, |ct| {
            format!("/{}", ct.strip_suffix("-list").unwrap_or(ct))
        })
}

fn render_card_html(item: &Value, url_prefix: &str) -> Option<String> {
    let title = item.get("title")?.as_str()?;
    let slug = item.get("slug")?.as_str()?;
    let description = item
        .get("description")
        .and_then(Value::as_str)
        .unwrap_or("");
    let image = item.get("image").and_then(Value::as_str);
    let date = format_published_date(item);

    let image_html = render_image_html(image, title);

    Some(format!(
        r#"<a href="{url_prefix}/{slug}" class="content-card-link">
  <article class="content-card">
    {image_html}
    <div class="card-content">
      <h2 class="card-title">{title}</h2>
      <p class="card-excerpt">{description}</p>
      <div class="card-meta">
        <time class="card-date">{date}</time>
      </div>
    </div>
  </article>
</a>"#
    ))
}

fn format_published_date(item: &Value) -> String {
    item.get("published_at")
        .and_then(Value::as_str)
        .and_then(|d| chrono::DateTime::parse_from_rfc3339(d).ok())
        .map_or_else(String::new, |dt| dt.format("%B %d, %Y").to_string())
}

fn render_image_html(image: Option<&str>, alt: &str) -> String {
    image.filter(|s| !s.is_empty()).map_or_else(
        || PLACEHOLDER_IMAGE_SVG.to_string(),
        |img| {
            format!(
                r#"<div class="card-image">
    <img src="{img}" alt="{alt}" loading="lazy" />
  </div>"#
            )
        },
    )
}

pub fn default_list_items_renderer() -> Arc<dyn ComponentRenderer> {
    Arc::new(ListItemsCardRenderer)
}