wip

Author: Ekhorn

srcs/leptos_app/src/components/app.rs

@@ -22,24 +22,24 @@ pub fn App() -> impl IntoView {
   let (items, set_items) = signal(vec![
     Item {
       id: 1,
-      x: 30,
-      y: 90,
-      w: 30,
-      h: 30,
-      editor: "".to_string(),
-      schema: Some("".to_string()),
-      shared: Some("".to_string()),
-    },
-    Item {
-      id: 2,
-      x: 30,
-      y: 30,
+      x: 800,
+      y: -400,
       w: 30,
       h: 30,
       editor: "".to_string(),
       schema: Some("".to_string()),
       shared: Some("".to_string()),
     },
+    // Item {
+    //   id: 2,
+    //   x: 30,
+    //   y: 30,
+    //   w: 30,
+    //   h: 30,
+    //   editor: "".to_string(),
+    //   schema: Some("".to_string()),
+    //   shared: Some("".to_string()),
+    // },
   ]);
 
   view! {

srcs/leptos_app/src/components/container.rs

@@ -13,6 +13,7 @@ use crate::lib::{
 };
 
 use super::app::Item;
+use super::editor::Editor;
 
 #[component]
 pub fn Container(props: Item) -> impl IntoView {
@@ -111,8 +112,9 @@ pub fn Container(props: Item) -> impl IntoView {
       node_ref=node_ref
     >
       <div class="pointer-events-none">
-        <div class="pointer-events-auto h-7" contenteditable=move || format!("{}", selected())>
-        </div>
+        <Editor></Editor>
+        // <div class="pointer-events-auto h-7" contenteditable=move || format!("{}", selected())>
+        // </div>
       </div>
       // <ErrorBoundary fallback=|| view! { <RenderFallback {...props} /> }>
       //   // <Render initialValue={schema()} {...renderProps} />

srcs/leptos_app/src/components/editor.rs

@@ -0,0 +1,37 @@
+use leptos::prelude::*;
+
+#[component]
+pub fn Editor(
+  value: String,
+  decorate: bool,
+  readonly: bool,
+  render_element: bool,
+  render_leaf: bool,
+  // #[prop(default = "currentColor")] color: &'static str,
+  #[prop(optional)] placeholder: &'static str,
+  #[prop(optional)] style: &'static str,
+  #[prop(optional)] on_value_changed: &'static str,
+  #[prop(optional)] on_key_down: &'static str,
+  children: ChildrenFn,
+) -> impl IntoView {
+  view! {
+    <div contenteditable=true>test</div>
+  }
+}
+
+// style={{
+//   padding: '4px',
+//   'background-color': 'white',
+//   'border-radius': '4px',
+//   'padding-bottom': '12px',
+//   'pointer-events': 'auto',
+// }}
+// onKeyDown={(event: KeyboardEvent) => {
+//   for (const hotkey in HOTKEYS) {
+//     if (isHotkey(hotkey, event)) {
+//       event.preventDefault();
+//       const mark = HOTKEYS[hotkey as keyof typeof HOTKEYS];
+//       toggleMark(editor, mark);
+//     }
+//   }
+// }}

srcs/leptos_app/src/components/mod.rs

@@ -2,5 +2,6 @@ pub mod app;
 mod background;
 mod container;
 mod controls;
+mod editor;
 mod icon;
 mod viewport;

srcs/slate_leptos/src/lib.rs

@@ -1,37 +1,63 @@
-use leptos::logging;
-use wasm_bindgen::prelude::*;
+use leptos::prelude::*;
 
-#[wasm_bindgen(module = "/slate.js")]
-extern "C" {
-  fn createEditor() -> String;
+#[component]
+pub fn Editable() -> impl IntoView {
+  view! {
+    <div contenteditable=true
+      on:beforeinput=|_| {}
+      on:input=|_| {}
+      on:blur=|_| {}
+      on:click=|_| {}
+      on:compositionend=|_| {}
+      on:compositionupdate=|_| {}
+      on:compositionstart=|_| {}
+      on:copy=|_| {}
+      on:cut=|_| {}
+      on:dragover=|_| {}
+      on:dragstart=|_| {}
+      on:drop=|_| {}
+      on:dragend=|_| {}
+      on:focus=|_| {}
+      on:keydown=|_| {}
+      on:paste=|_| {}
+      >test</div>
+  }
+}
 
-  // type MyClass;
+// use leptos::logging;
+// use wasm_bindgen::prelude::*;
 
-  // #[wasm_bindgen(constructor)]
-  // fn new() -> MyClass;
+// #[wasm_bindgen(module = "/slate.js")]
+// extern "C" {
+//   fn createEditor() -> String;
 
-  // #[wasm_bindgen(method, getter)]
-  // fn number(this: &MyClass) -> u32;
-  // #[wasm_bindgen(method, setter)]
-  // fn set_number(this: &MyClass, number: u32) -> MyClass;
-  // #[wasm_bindgen(method)]
-  // fn render(this: &MyClass) -> String;
-}
+//   // type MyClass;
 
-// // lifted from the `console_log` example
-// #[wasm_bindgen]
-// extern "C" {
-//   #[wasm_bindgen(js_namespace = console)]
-//   fn log(s: &str);
+//   // #[wasm_bindgen(constructor)]
+//   // fn new() -> MyClass;
+
+//   // #[wasm_bindgen(method, getter)]
+//   // fn number(this: &MyClass) -> u32;
+//   // #[wasm_bindgen(method, setter)]
+//   // fn set_number(this: &MyClass, number: u32) -> MyClass;
+//   // #[wasm_bindgen(method)]
+//   // fn render(this: &MyClass) -> String;
 // }
 
-#[wasm_bindgen(start)]
-pub fn create_editor() {
-  logging::log!("{:?}", createEditor());
-  // log(&format!("Hello from {}!", name())); // should output "Hello from Rust!"
+// // // lifted from the `console_log` example
+// // #[wasm_bindgen]
+// // extern "C" {
+// //   #[wasm_bindgen(js_namespace = console)]
+// //   fn log(s: &str);
+// // }
 
-  // let x = MyClass::new();
-  // assert_eq!(x.number(), 42);
-  // x.set_number(10);
-  // log(&x.render());
-}
+// #[wasm_bindgen(start)]
+// pub fn create_editor() {
+//   logging::log!("{:?}", createEditor());
+//   // log(&format!("Hello from {}!", name())); // should output "Hello from Rust!"
+
+//   // let x = MyClass::new();
+//   // assert_eq!(x.number(), 42);
+//   // x.set_number(10);
+//   // log(&x.render());
+// }