✨ [hljs] Añade soporte a HighlightJS en PageTop

packages/pagetop-hljs/src/snippet.rs

@@ -0,0 +1,63 @@
+//! Add a new component to put code snippets on web pages.
+
+use pagetop::prelude::*;
+
+use crate::hljs_context::HljsContext;
+use crate::hljs_lang::HljsLang;
+
+#[derive(AutoDefault)]
+/// Component to put code snippets on web pages.
+pub struct Snippet {
+    language: HljsLang,
+    snippet: String,
+}
+
+impl ComponentTrait for Snippet {
+    fn new() -> Self {
+        Snippet::default()
+    }
+
+    fn setup_before_prepare(&mut self, cx: &mut Context) {
+        cx.add_hljs_language(self.language());
+    }
+
+    fn prepare_component(&self, _cx: &mut Context) -> PrepareMarkup {
+        PrepareMarkup::With(html! {
+            pre {
+                code class=(join_string!("language-", self.language().to_string())) {
+                    (self.snippet())
+                }
+            }
+        })
+    }
+}
+
+impl Snippet {
+    pub fn with(language: HljsLang, code: impl Into<String>) -> Self {
+        Snippet::new().with_language(language).with_snippet(code)
+    }
+
+    // Hljs BUILDER.
+
+    #[fn_builder]
+    pub fn alter_language(&mut self, language: HljsLang) -> &mut Self {
+        self.language = language;
+        self
+    }
+
+    #[fn_builder]
+    pub fn alter_snippet(&mut self, snippet: impl Into<String>) -> &mut Self {
+        self.snippet = snippet.into().trim().to_string();
+        self
+    }
+
+    // Hljs GETTERS.
+
+    pub fn language(&self) -> &HljsLang {
+        &self.language
+    }
+
+    pub fn snippet(&self) -> &String {
+        &self.snippet
+    }
+}