feat: svgs working in webview

packages/webview/Cargo.toml

@@ -10,19 +10,22 @@ license = "MIT/Apache-2.0"
 
 [dependencies]
 # web-view = { git = "https://github.com/Boscop/web-view" }
-dioxus-core = { path="../core", version="0.1.2", features=["serialize"] }
+dioxus-core = { path = "../core", version = "0.1.2", features = ["serialize"] }
 anyhow = "1.0.38"
 argh = "0.1.4"
 serde = "1.0.120"
 serde_json = "1.0.61"
-async-std = { version="1.9.0", features=["attributes"] }
 thiserror = "1.0.23"
 log = "0.4.13"
-fern = { version="0.6.0", features=["colored"] }
+fern = { version = "0.6.0", features = ["colored"] }
+html-escape = "0.2.9"
+wry = "0.11.0"
 
+
+[dev-dependencies]
 tide = "0.15.0"
 tide-websockets = "0.3.0"
-html-escape = "0.2.9"
+async-std = { version = "1.9.0", features = ["attributes"] }
 
 # thiserror = "1.0.23"
 # log = "0.4.13"
@@ -30,10 +33,9 @@ html-escape = "0.2.9"
 # wasm-bindgen-cli-support = "0.2.71"
 # anyhow = "1.0.38"
 # argh = "0.1.4"
+# async-std = { version = "1.9.0", features = ["attributes"] }
 # serde = "1.0.120"
 # serde_json = "1.0.61"
-# async-std = { version = "1.9.0", features = ["attributes"] }
-wry = "0.10.3"
 
 
 [build-dependencies]

packages/webview/src/index.html

@@ -2,8 +2,6 @@
 <html>
 
 <head>
-    <!-- <link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet" /> -->
-
     <script>
         class Interpreter {
             constructor(root) {
@@ -110,20 +108,11 @@
             }
         }
 
-        function EditListReceived(rawEditList) {
-            let editList = JSON.parse(rawEditList);
-            console.warn("hnelllo");
-            editList.forEach(function (edit, index) {
-                console.log(edit);
-                op_table[edit.type](interpreter, edit);
-            });
-        }
-
         const op_table = new OPTABLE();
 
         async function initialize() {
             const reply = await rpc.call('initiate');
-            const interpreter = new Interpreter(window.document.getElementById("_dioxusroot").firstChild);
+            const interpreter = new Interpreter(window.document.getElementById("_dioxusroot"));
             console.log(reply);
 
             for (let x = 0; x < reply.length; x++) {
@@ -143,7 +132,9 @@
 
 <body>
     <div id="_dioxusroot">
-        _
+        <div>
+
+        </div>
     </div>
 </body>