[][src]Crate sauron

Sauron is an html web framework for building web-apps. It is heavily inspired by elm.

Example

use sauron::html::attributes::*;
use sauron::html::events::*;
use sauron::html::*;
use sauron::Node;

use sauron::Component;

#[derive(Debug, Clone)]
pub enum Msg {
    Click,
}

pub struct App {
    click_count: u32,
}

impl App {
    pub fn new() -> Self {
        App { click_count: 0 }
    }
}

impl Component<Msg> for App {
    fn create() -> App {
        App::new()
    }

    fn view(&self) -> Node<Msg> {
        div(
            [class("some-class"), id("some-id"), attr("data-id", 1)],
            [
                input(
                    [
                        class("client"),
                        r#type("button"),
                        value("Click me!"),
                        onclick(move |_| {
                            sauron::log("Button is clicked");
                            Msg::Click
                        }),
                    ],
                    [],
                ),
                text(format!("Clicked: {}", self.click_count)),
            ],
        )
    }

    fn update(&mut self, msg: Msg) {
        sauron::log!("App is updating from msg: {:?}", msg);
        match msg {
            Msg::Click => self.click_count += 1,
        }
    }

    fn subscribe(&self) {}
}

Re-exports

pub use dom::DomUpdater;

Modules

dom
html
svg
test_fixtures

Macros

log

Structs

Program

Holds the app and the dom updater This is passed into the event listener and the dispatch program will be called after the event is triggered.

Text

Enums

Event

A container for generic event and the common values needed for the user. This events are derived from their corresponding backend source ie: html events from mouse, keypresses and input changes. This events should also be recreatable from gtk-rs, libui-rs, orbtk, ncurses, etc.

Traits

Component

Functions

body
diff

Given two Node's generate Patch's that would turn the old virtual node's real DOM node equivalent into the new Node's real DOM node equivalent.

document
log
performance
request_animation_frame
window

Type Definitions

Attribute
Element
Node
Patch