skima 0.1.0

Rust structural UI library for web
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
114
115
116
117
118
119
120
121
122
123
124
125
126
127

use std::borrow::Cow;

use bumpalo::Bump;

use crate::tree::Tree;
use crate::web::event::on;
use crate::web::reactive::reactive;
use crate::web::tag::html::*;
use crate::web::{attr, classname, Backend, Counter, Markup, Target, WebSys};
use crate::Context;

struct LinkProps {
	title: String,
	href: String,
}

fn test(props: LinkProps) -> impl Markup {
	a((
		classname("link"),
		attr("href", props.href),
		span(props.title),
		div(()),
		div(()),
	))
}

fn list<'a, L: Iterator<Item = I> + 'a, I, M: Markup<B>, F: Fn(I) -> M, B: Backend>(
	items: L,
	f: F,
) -> impl Markup<B> {
	todo!()
}

fn items<'a>(items: &'a [u64]) -> impl Markup + 'a {
	div(list(items.iter(), |item| {}))
}

fn test2() -> impl Markup {
	(
		test(LinkProps {
			title: "Test".into(),
			href: "test".into(),
		}),
		classname("asdfasdf"),
		attr("10", "23141234"),
	)
}

// h::div()
// 			.attr("class", "filetree-actions__icon")
// 			.attr("title", "Create document")
// 			.child(&h::span().attr("class", "typcn typcn-document-add"))
// 			.on(
// 				"click",
// 				cx.use_listener(|cx, _ev| {
// 					cx.state
// 						.props
// 						.dispatcher
// 						.dispatch(CreateDialogOperation::Open(
// 							CreateDialogMode::CreateDocument,
// 						))
// 				}),
// 			)
// 			.finish()

fn memo<F: Fn(Context<M, B>) -> M, M: Markup<B>, B: Backend>(func: F) -> impl Markup<B> {
	todo!()
}

fn state<T, F>() {}

fn create_document() -> impl Markup {
	reactive(|cx| {
		cx.with::<Counter>(Counter(0));

		let active: &Counter = cx.get();

		(div((
			classname("filetree-actions__icon"),
			attr("title", "Create document"),
			(
				span(classname("typcn tlo1aww1;;.....,,,ypcn-document-add")),
				on("click", cx.wrap(move |cx, _| cx.set(false))),
				title(None),
				(if true {
					("test", "test", Some(""))
				} else {
					("test", "test", None)
				}),
			),
		)),)
	})
}

fn title(title: Option<String>) -> impl Markup<Target> {
	reactive(move |cx| {
		div((
			if title.is_some() {
				Cow::Owned(title.clone().unwrap())
			} else {
				Cow::Borrowed("asdfasdf")
			},
			on("click", |click| {}),
		))
	})
}

fn root(name: &'static str) -> impl Markup {
	(
		div(div(("Hello ", name))),
		div(div(("Hello ", name))),
		div(div(("Hello ", name))),
	)
}

thread_local! {
	pub static BUMP: Bump = Bump::new();
}

fn root_bump<'a>(bump: &'a Bump, n: usize) -> impl Markup + 'a {
	let text = bumpalo::format!(in bump, "Hello {}", n).into_bump_str();
	(div(div(text)), span(span(text)), a(a(text)))
}

fn button<'a>(name: &'a str) -> impl Markup + 'a {
	reactive(|cx| div(()))
}