From 7131606121a7d872467106296f04bf0ac2e6abe6 Mon Sep 17 00:00:00 2001
From: Googlefan256 <googlefan@neody.dev>
Date: Thu, 12 Sep 2024 13:08:26 +0900
Subject: [PATCH] feat: better ui

---
 .gitignore           |  3 +--
 src-tauri/Cargo.lock | 16 ++++++++--------
 src/App.tsx          | 31 +++++++++++++++++++++++--------
 3 files changed, 32 insertions(+), 18 deletions(-)

diff --git a/.gitignore b/.gitignore
index fbde87b..a8c70b8 100644
--- a/.gitignore
+++ b/.gitignore
@@ -22,5 +22,4 @@ dist-ssr
 *.njsproj
 *.sln
 *.sw?
-model_*.onnx
-style_vectors_*.json
\ No newline at end of file
+*.sbv2
\ No newline at end of file
diff --git a/src-tauri/Cargo.lock b/src-tauri/Cargo.lock
index d920728..0c69c53 100644
--- a/src-tauri/Cargo.lock
+++ b/src-tauri/Cargo.lock
@@ -64,9 +64,9 @@ dependencies = [
 
 [[package]]
 name = "anyhow"
-version = "1.0.87"
+version = "1.0.88"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "10f00e1f6e58a40e807377c75c6a7f97bf9044fab57816f2414e6f5f4499d7b8"
+checksum = "4e1496f8fb1fbf272686b8d37f523dab3e4a7443300055e74cdaa449f3114356"
 
 [[package]]
 name = "atk"
@@ -2988,9 +2988,9 @@ dependencies = [
 
 [[package]]
 name = "redox_syscall"
-version = "0.5.3"
+version = "0.5.4"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "2a908a6e00f1fdd0dfd9c0eb08ce85126f6d8bbda50017e74bc4a4b7d4a926a4"
+checksum = "0884ad60e090bf1345b93da0a5de8923c93884cd03f40dfcfddd3b4bee661853"
 dependencies = [
  "bitflags 2.6.0",
 ]
@@ -3082,9 +3082,9 @@ dependencies = [
 
 [[package]]
 name = "rustix"
-version = "0.38.36"
+version = "0.38.37"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "3f55e80d50763938498dd5ebb18647174e0c76dc38c5505294bb224624f30f36"
+checksum = "8acb788b847c24f28525660c4d7758620a7210875711f79e7f663cc152726811"
 dependencies = [
  "bitflags 2.6.0",
  "errno",
@@ -3148,8 +3148,8 @@ dependencies = [
 
 [[package]]
 name = "sbv2_core"
-version = "0.1.0"
-source = "git+https://github.com/tuna2134/sbv2-api#9ebf21561736a3eeb31af169c38ada0a00edf5c4"
+version = "0.1.1"
+source = "git+https://github.com/tuna2134/sbv2-api#0f29d2f5fea9a977178482243d5d9343edd169f5"
 dependencies = [
  "anyhow",
  "dotenvy",
diff --git a/src/App.tsx b/src/App.tsx
index 0c7e346..37f8010 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -17,7 +17,7 @@ function App() {
 	const [model, setModel] = useState<string | null>(null);
 	const [text, setText] = useState<string>("こんにちは。");
 	const [speed, setSpeed] = useState(1);
-	const [sdpRatio, setSdpRatio] = useState(0);
+	const [sdpRatio, setSdpRatio] = useState(0.4);
 	const [reloading, setReloading] = useState(false);
 	const [inSynthesize, setInSynthesize] = useState(false);
 	const [audio, setAudio] = useState<string | null>(null);
@@ -32,13 +32,17 @@ function App() {
 	if (reloading) {
 		return (
 			<div className="flex min-h-[100vh] justify-center items-center">
-				<p className="text-lg">読み込み中</p>
+				<div>
+					<p className="text-lg">読み込み中</p>
+					<br />
+					<p>初回は1GBほどのダウンロードが発生します</p>
+				</div>
 			</div>
 		);
 	}
 	if (models.length == 0) {
 		return (
-			<div className="flex min-h-[100vh] justify-center items-center">
+			<div className="flex min-h-[100vh] justify-center items-center flex-col">
 				<p className="text-lg">
 					モデルを
 					<a className="text-slate-600" onClick={() => open()}>
@@ -46,15 +50,25 @@ function App() {
 					</a>
 					に配置してください。
 				</p>
+				<div className="flex mt-2 gap-2">
+					<Button
+						onClick={async () => {
+							setReloading(true);
+							await reloadModels();
+							setModels(await getModels());
+							setModel(null);
+							setReloading(false);
+						}}
+					>
+						再読み込み
+					</Button>
+					<Button onClick={() => open()}>モデルファイルを開く</Button>
+				</div>
 			</div>
 		);
 	}
 	return (
 		<div className="min-h-[100vh] p-20">
-			<a className="text-slate-600" onClick={() => open()}>
-				クリックしてモデルファイルを開く
-			</a>
-			<br />
 			<Label htmlFor="model">使用するモデル</Label>
 			<Select name="model" onValueChange={(value) => setModel(value)}>
 				<SelectTrigger className="w-1/3 md:w-1/4">
@@ -96,7 +110,7 @@ function App() {
 				{")"}
 			</Label>
 			<Slider
-				defaultValue={[0.0]}
+				defaultValue={[0.4]}
 				max={1.0}
 				min={0.0}
 				step={0.05}
@@ -147,6 +161,7 @@ function App() {
 				>
 					合成
 				</Button>
+				<Button onClick={() => open()}>モデルファイルを開く</Button>
 			</div>
 		</div>
 	);