basic, unformatted css

Author: Conner-PYS

html-node-macro/src/lib.rs

@@ -7,24 +7,32 @@
 
 mod node_handlers;
 
-use std::collections::{HashMap, HashSet};
+use std::{
+    collections::{HashMap, HashSet},
+    os::linux::raw,
+};
 
 use node_handlers::{
     handle_block, handle_comment, handle_doctype, handle_element, handle_fragment, handle_raw_text,
     handle_text,
 };
 use proc_macro::TokenStream;
-use proc_macro2::{Ident, TokenStream as TokenStream2};
+use proc_macro2::{Ident, Span, TokenStream as TokenStream2};
 use proc_macro2_diagnostics::Diagnostic;
-use quote::quote;
+use quote::{quote, quote_spanned};
 use rstml::{node::Node, Parser, ParserConfig};
-use syn::Type;
+use syn::{spanned::Spanned, Type};
 
 #[proc_macro]
 pub fn html(tokens: TokenStream) -> TokenStream {
     html_inner(tokens.into(), None)
 }
 
+#[proc_macro]
+pub fn style(tokens: TokenStream) -> TokenStream {
+    style_inner(tokens.into())
+}
+
 #[cfg(feature = "typed")]
 #[proc_macro]
 pub fn typed_html(tokens: TokenStream) -> TokenStream {
@@ -169,3 +177,26 @@ fn tokenize_nodes(
 
     (token_streams, diagnostics)
 }
+
+fn style_inner(tokens: TokenStream2) -> TokenStream {
+    let span = tokens.span();
+    let raw_css = tokens
+        .into_iter()
+        .map(|t| t.to_string().split_whitespace().collect::<String>())
+        .collect::<String>();
+
+    quote_spanned! { span=>
+        ::html_node::Node::Element(
+            ::html_node::Element {
+                name: ::std::convert::Into::<::std::string::String>::into("style"),
+                attributes: ::std::vec::Vec::new(),
+                children: ::std::option::Option::Some(
+                    ::std::vec![
+                        ::html_node::Node::UnsafeText(#raw_css.into())
+                    ]
+                )
+            }
+        )
+    }
+    .into()
+}

html-node-macro/src/node_handlers/mod.rs

@@ -5,7 +5,7 @@ use std::collections::{HashMap, HashSet};
 
 use proc_macro2::{Ident, Literal, TokenStream as TokenStream2};
 use proc_macro2_diagnostics::{Diagnostic, SpanDiagnosticExt};
-use quote::{quote, ToTokens};
+use quote::{quote, quote_spanned, ToTokens};
 use rstml::node::{
     KeyedAttribute, NodeAttribute, NodeBlock, NodeComment, NodeDoctype, NodeElement, NodeFragment,
     NodeName, NodeText, RawText,

html-node/examples/axum.rs

@@ -4,7 +4,7 @@ use std::{
 };
 
 use axum::{extract::Query, routing::get, Router, Server};
-use html_node::{html, text, Node};
+use html_node::{html, style, text, Node};
 use html_node_core::pretty::Pretty;
 
 #[tokio::main]
@@ -100,3 +100,18 @@ async fn pretty() -> Pretty {
         </div>
     }))
 }
+
+async fn css() -> Pretty {
+    Pretty(layout(html! {
+        { style! {
+            html {
+                margin: 0;
+                padding: 0;
+                height: 100vh;
+            }
+        } }
+        <div>
+            <h1>Pretty</h1>
+        </div>
+    }))
+}

html-node/src/lib.rs

@@ -125,5 +125,7 @@ pub use html_node_core::{Comment, Doctype, Element, Fragment, Node, Text, Unsafe
 ///
 /// See the [crate-level documentation](crate) for more information.
 pub use html_node_macro::html;
+/// CSS to [`Node`] macro.
+pub use html_node_macro::style;
 
 pub use self::macros::*;