edita 0.2.1

edita is a simple block html-based editor built with rust
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

use edita_core::process_nodes;
use edita_core::Block;
use edita_core::Editor;
use hirola::dom::Html;
use hirola::dom::XEffect;
use hirola::prelude::*;
use hirola::signal::LocalBoxSignal;
use hirola::signal::SignalExt;
use serde::Serialize;
use wasm_bindgen::JsCast;
use web_sys::HtmlElement;

use crate::nodes::EditorNode;
use crate::state::EditorState;

pub struct HtmlBlock;

#[derive(Clone, Serialize, Debug)]
pub struct HtmlNode(String);

impl crate::nodes::Node for HtmlNode {
    fn render(&self) -> hirola::dom::Dom {
        html! { <div data-node-atom="true" contenteditable="false" x:html=self.0.as_str()></div> }
    }
}

impl Block for HtmlBlock {
    type Node = EditorNode;
    type Input = web_sys::Node;
    type State = EditorState;
    fn accepts(&self, _node: &web_sys::Node) -> bool {
        true
    }

    fn parse(
        &self,
        _editor: &Editor<Self::Node, EditorState, web_sys::Node>,
        node: &web_sys::Node,
    ) -> EditorNode {
        let element: &HtmlElement = node.dyn_ref().unwrap();
        EditorNode::Html(HtmlNode(element.outer_html()))
    }
}

pub trait EditorExt {
    fn export(&self) -> Vec<EditorNode>;
    fn signal(&self) -> LocalBoxSignal<Vec<EditorNode>>;
}

impl EditorExt for Editor<EditorNode, EditorState, web_sys::Node> {
    fn export(&self) -> Vec<EditorNode> {
        let element = self.node().get().inner_element();
        let child_nodes = element.child_nodes();
        let mut nodes = vec![];
        for i in 0..child_nodes.length() {
            nodes.push(child_nodes.get(i).unwrap());
        }
        process_nodes(self, nodes)
    }

    fn signal(&self) -> LocalBoxSignal<Vec<EditorNode>> {
        self.notify
            .signal()
            .map(move |_| self.export())
            .boxed_local()
    }
}