From 115478b947905838d96ff42e184c05dd35659a66 Mon Sep 17 00:00:00 2001
From: Googlefan256 <googlefan@neody.dev>
Date: Wed, 11 Sep 2024 20:56:53 +0900
Subject: [PATCH] feat: sbv2file

---
 src/App.tsx   | 12 ++++++++++--
 src/typing.ts |  4 ++++
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index d046215..0c7e346 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,5 +1,5 @@
 import { useEffect, useState } from "react";
-import { reloadModels, getModels, synthesize } from "./typing";
+import { reloadModels, getModels, synthesize, open } from "./typing";
 import { Button } from "./components/ui/button";
 import {
 	Select,
@@ -40,13 +40,21 @@ function App() {
 		return (
 			<div className="flex min-h-[100vh] justify-center items-center">
 				<p className="text-lg">
-					モデルを~/AppData/Local/sbv2-gui/modelsに配置してください。
+					モデルを
+					<a className="text-slate-600" onClick={() => open()}>
+						~/AppData/Local/sbv2-gui/models
+					</a>
+					に配置してください。
 				</p>
 			</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">
diff --git a/src/typing.ts b/src/typing.ts
index 6e9b4f6..d27dca3 100644
--- a/src/typing.ts
+++ b/src/typing.ts
@@ -16,3 +16,7 @@ export async function synthesize(
 ): Promise<number[]> {
 	return invoke("synthesize", { ident, text, sdpRatio, lengthScale });
 }
+
+export async function open(): Promise<string> {
+	return invoke("open");
+}