Worked on search

src/filesearch.js

@@ -0,0 +1,22 @@
+const { convertFileSrc, invoke } = window.__TAURI__.core;
+
+var search_input = document.getElementById("file-search-dialog-input");
+search_input.addEventListener('input', () => {
+  search_files();
+});
+
+
+function search_files(){
+  var text = search_input.innerText;
+  invoke("search_files", { searchstring: text, basepath: "$HOME/Documents/Knowledgebase", filter: ["md"]}).then(
+    (ret) => {
+      var tag_id = document.getElementById('rendered_markdown');
+      var result_div =  "";
+      ret.array.forEach(element => {
+        result_div += element;
+      });
+      tag_id.innerHTML = "<pre>".concat("", result_div).concat("", "</pre>");
+      // tag_id.innerHTML = assetUrl.concat(" ", ' \n <img src="'.concat("", assetUrl).concat("", '" alt="Girl in a jacket" width="500" height="600">'))
+    }
+  );
+}

src/index.html

@@ -10,6 +10,7 @@
   <script type="module" src="./ui.js" defer></script>
   <script type="module" src="./filesystem.js" defer></script>
   <script type="module" src="./shortcuts.js" defer></script>
+  <script type="module" src="./filesearch.js" defer></script>
   <script type="text/javascript" src="./main.js"></script>
   <script type="text/javascript" src="./filesystem.js"></script>
   <script type="text/javascript" src="./shortcuts.js"></script>

src/styles.css

@@ -10,7 +10,7 @@
   --sidebar-width: 3em;
   --filetree-width: 10em;
   font-family: Avenir, Helvetica, Arial, sans-serif;
-  font-size: 16px;
+  font-size: 30px;
   line-height: 24px;
 
   color: #f6f6f6;