upd

rustfmt.toml

@@ -0,0 +1,3 @@
+max_width = 80
+tab_spaces = 2
+wrap_comments = true

src-tauri/.gitignore

@@ -2,3 +2,5 @@
 # will have compiled files and executables
 /target/
 
+*-shm
+*-wal

src-tauri/Cargo.lock

@@ -1367,11 +1367,15 @@ checksum = "7f24254aa9a54b5c858eaee2f5bccdb46aaf0e486a595ed5fd8f86ba55232a70"
 name = "houhou"
 version = "0.0.0"
 dependencies = [
+ "anyhow",
+ "clap",
  "dirs",
  "serde",
  "serde_json",
+ "sqlx",
  "tauri",
  "tauri-build",
+ "tokio",
 ]
 
 [[package]]

src-tauri/Cargo.toml

@@ -20,6 +20,11 @@ tauri = { version = "1.3", features = ["shell-open"] }
 serde = { version = "1.0", features = ["derive"] }
 serde_json = "1.0"
 dirs = "5.0.1"
+anyhow = "1.0.71"
+clap = { version = "4.3.2", features = ["derive"] }
+sqlx = { version = "0.6.3", features = ["runtime-tokio-rustls", "sqlite"] }
+tokio = { version = "1.28.2", features = ["full"] }
+
 
 [features]
 # this feature is used for production builds or when `devPath` points to the filesystem

src-tauri/src/kanji.rs

@@ -0,0 +1,16 @@
+use sqlx::{Row, SqlitePool};
+use tauri::State;
+
+pub struct KanjiDb(pub SqlitePool);
+
+#[tauri::command]
+pub async fn get_kanji(state: State<'_, KanjiDb>) -> Result<Vec<String>, ()> {
+  let result = sqlx::query("SELECT * FROM KanjiSet LIMIT 5")
+    .fetch_all(&state.0)
+    .await
+    .map_err(|_| ())?;
+
+  let result = result.into_iter().map(|row| row.get("Character")).collect();
+
+  Ok(result)
+}

src-tauri/src/main.rs

@@ -1,15 +1,28 @@
 // Prevents additional console window on Windows in release, DO NOT REMOVE!!
 #![cfg_attr(not(debug_assertions), windows_subsystem = "windows")]
 
+mod kanji;
+
+use anyhow::{Context, Result};
+use sqlx::SqlitePool;
+
+use crate::kanji::KanjiDb;
+
 // Learn more about Tauri commands at https://tauri.app/v1/guides/features/command
 #[tauri::command]
 fn greet(name: &str) -> String {
   format!("Hello, {}! You've been greeted from Rust!", name)
 }
 
-fn main() {
+#[tokio::main]
+async fn main() -> Result<()> {
+  let kanji_pool = SqlitePool::connect("./KanjiDatabase.sqlite").await?;
+
   tauri::Builder::default()
-        .invoke_handler(tauri::generate_handler![greet])
+    .manage(KanjiDb(kanji_pool))
+    .invoke_handler(tauri::generate_handler![greet, kanji::get_kanji])
     .run(tauri::generate_context!())
-        .expect("error while running tauri application");
+    .context("error while running tauri application")?;
+
+  Ok(())
 }

src/panes/KanjiPane.tsx

@@ -1,13 +1,23 @@
 import { useState } from "react"
 import { Kanji } from "../types/Kanji"
+import { invoke } from '@tauri-apps/api/tauri'
 import styles from "./KanjiPane.module.scss"
 
 export default function KanjiPane() {
   const [selectedKanji, setSelectedKanji] = useState(null);
 
+  const fetchKanji = async () => {
+    const result = await invoke('get_kanji');
+    setSelectedKanji(result);
+  };
+
   return <>
     {JSON.stringify(selectedKanji)}
 
-    <div className={styles.kanjiDisplay}></div>
+    <div className={styles.kanjiDisplay}>
+
+    </div>
+
+    <button onClick={fetchKanji}>Fetch</button>
   </>
 }