feat(templs): svgattrs and seecompattable

Author: fiji-flo

Diff for: crates/rari-doc/src/templ/templs/links/mod.rs

@@ -6,5 +6,6 @@ pub mod http_header;
 pub mod jsxref;
 pub mod link;
 pub mod rfc;
+pub mod svgattr;
 pub mod svgxref;
 pub mod webextapixref;

Diff for: crates/rari-doc/src/templ/templs/links/svgattr.rs

@@ -0,0 +1,15 @@
+use rari_templ_func::rari_f;
+
+use crate::error::DocError;
+use crate::templ::api::RariApi;
+
+#[rari_f]
+pub fn svgattr(name: String) -> Result<String, DocError> {
+    let url = format!(
+        "/{}/docs/Web/SVG/Atrribute/{}",
+        env.locale.as_url_str(),
+        name,
+    );
+
+    RariApi::link(&url, None, Some(&name), true, None, false)
+}

Diff for: crates/rari-doc/src/templ/templs/mod.rs

@@ -9,6 +9,7 @@ pub mod links;
 pub mod listsubpages;
 pub mod livesample;
 pub mod quick_links_with_subpages;
+pub mod seecompattable;
 pub mod specification;
 
 use rari_types::globals::deny_warnings;
@@ -42,6 +43,7 @@ pub fn invoke(
         "deprecated_inline" => badges::deprecated_any,
         "optional_inline" => badges::optional_any,
         "readonlyinline" => badges::readonly_any,
+        "seecompattable" => seecompattable::see_compat_table_any,
 
         // links
         "csp" => links::csp::csp_any,
@@ -52,6 +54,7 @@ pub fn invoke(
         "domxref" => links::domxref::domxref_any,
         "htmlelement" => links::htmlxref::htmlxref_any,
         "svgelement" => links::svgxref::svgxref_any,
+        "svgattr" => links::svgattr::svgattr_any,
         "webextapiref" => links::webextapixref::webextapixref_any,
 
         // sidebars

Diff for: crates/rari-doc/src/templ/templs/seecompattable.rs

@@ -0,0 +1,19 @@
+use rari_templ_func::rari_f;
+
+use crate::error::DocError;
+
+#[rari_f]
+pub fn see_compat_table() -> Result<String, DocError> {
+    let title =
+        rari_l10n::l10n_json_data("Template", "experimental_badge_abbreviation", env.locale)?;
+    let copy = rari_l10n::l10n_json_data("Template", "see_compat_table_copy", env.locale)?;
+
+    Ok([
+        r#"<div class="notecard experimental"><strong>"#,
+        title,
+        ":</strong> ",
+        copy,
+        "</div>",
+    ]
+    .join(""))
+}