From e70cfc968302679f5ae7a841c1110835415e485b Mon Sep 17 00:00:00 2001 From: TKHR-Shiu Date: Mon, 10 Nov 2025 14:58:50 +0900 Subject: [PATCH 1/3] =?UTF-8?q?=E7=BF=BB=E8=A8=B3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/routes/+page.svelte | 77 ++++++++++++++++++++++++++++------------- src/routes/api.ts | 46 ++++++++++++++++++------ 2 files changed, 88 insertions(+), 35 deletions(-) diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 9450b5e..ab68e4b 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -24,6 +24,7 @@ let showEditor = $state(true); let preview_iframe: HTMLIFrameElement | undefined = $state(); let isProgress = $state(false); + let japanese = $state(true); let resetModalOpen = $state(false); let bottomDrawerOpen = $state(false); @@ -78,14 +79,14 @@ const name = boardNameInput.trim() === "" ? "Unnamed Board" : boardNameInput.trim(); - await saveBoard({ board: saveState.boardData, name: name }); + await saveBoard({ board: saveState.boardData, name: name, japanese: japanese }); saveState = { saving: false }; boardNameInput = ""; } async function handleLoad() { - const board = await loadBoard(); + const board = await loadBoard(japanese); if (board) { sendEvent("apply_board", board); } @@ -116,9 +117,14 @@ -
+
+
-

盤面を保存

-

保存する盤面に名前を付けてください（任意）。

+

{japanese ? "盤面を保存" : "Save board"}

+

+ {japanese + ? "保存する盤面に名前を付けてください（任意）。" + : "Please name the board you wish to save (optional)."} +

- +
@@ -200,10 +219,16 @@
-

リセット確認

-

本当にコードをリセットしますか？この操作は取り消せません。

+

{japanese ? "リセット確認" : "Reset confirmation"}

+

+ {japanese + ? "本当にコードをリセットしますか？この操作は取り消せません。" + : "Are you sure you want to reset the code? This action cannot be undone."} +

- + {japanese ? "リセット" : "Reset"}
@@ -257,11 +282,13 @@ class="btn rounded-none h-12 justify-start" onclick={() => (bottomDrawerOpen = !bottomDrawerOpen)} > - {bottomDrawerOpen ? "▼" : "▲ テンプレート"} + {bottomDrawerOpen ? "▼" : japanese ? "▲ テンプレート" : "▲ Template"}
- 第 {generationFigure} 世代 + {japanese ? "第" : "Generation"} + {generationFigure} + {japanese ? "世代" : ""}
diff --git a/src/routes/api.ts b/src/routes/api.ts index 167e0aa..9002029 100644 --- a/src/routes/api.ts +++ b/src/routes/api.ts @@ -1,4 +1,4 @@ -export async function saveBoard(data: { board: boolean[][]; name: string }) { +export async function saveBoard(data: { board: boolean[][]; name: string; japanese: boolean }) { try { const response = await fetch("/api/board", { method: "POST", @@ -9,25 +9,46 @@ export async function saveBoard(data: { board: boolean[][]; name: string }) { }); if (!response.ok) { - throw new Error("サーバーとの通信に失敗しました。"); + if (data.japanese) { + throw new Error("サーバーとの通信に失敗しました。"); + } else { + throw new Error("Failed to communicate with the server."); + } } - alert("盤面を保存しました！"); + if (data.japanese) { + alert("盤面を保存しました！"); + } else { + alert("Board saved!"); + } } catch (err) { - console.error("保存エラー:", err); - alert("保存に失敗しました。"); + if (data.japanese) { + console.error("保存エラー:", err); + alert("保存に失敗しました。"); + } else { + console.error("Save Error:", err); + alert("Failed to save."); + } } } -export async function loadBoard(): Promise { +export async function loadBoard(japanese: boolean): Promise { try { const response = await fetch("/api/board"); if (!response.ok) { if (response.status === 404) { - throw new Error("保存されているデータがありません。"); + if (japanese) { + throw new Error("保存されているデータがありません。"); + } else { + throw new Error("There is no saved data."); + } } else { - throw new Error("サーバーとの通信に失敗しました。"); + if (japanese) { + throw new Error("サーバーとの通信に失敗しました。"); + } else { + throw new Error("Failed to communicate with the server."); + } } } @@ -35,7 +56,12 @@ export async function loadBoard(): Promise { return loadedBoard as boolean[][]; // TODO: add proper types } catch (err) { - console.error("読込エラー:", err); - alert("読み込みに失敗しました。"); + if (japanese) { + console.error("読込エラー:", err); + alert("読み込みに失敗しました。"); + } else { + console.error("Load error", err); + alert("Failed to load."); + } } } From 46ae2ff087c69565290644cef0263f2f8a73633a Mon Sep 17 00:00:00 2001 From: TKHR-Shiu Date: Mon, 10 Nov 2025 16:54:05 +0900 Subject: [PATCH 2/3] =?UTF-8?q?=E8=BF=BD=E5=8A=A0=E7=BF=BB=E8=A8=B3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/routes/+page.svelte | 244 +++++++++++++++++++++------------------- 1 file changed, 129 insertions(+), 115 deletions(-) diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index ab68e4b..b0faae4 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -136,7 +136,9 @@
{#each Object.keys(patterns) as (keyof typeof patterns)[] as patternName (patternName)}
-

{patterns[patternName].names.ja}

+

+ {japanese ? patterns[patternName].names.ja : patterns[patternName].names.en} +

-
- - -
- {japanese ? "第" : "Generation"} - {generationFigure} - {japanese ? "世代" : ""} +
+ +
+ + +
+ {japanese ? "第" : "Generation"} + {generationFigure} + {japanese ? "世代" : ""} +
- - - - - + +
+ + + + + -
- {japanese ? "現在の速度" : "Current speed"}: x{1000 / intervalMs} -
+
+ {japanese ? "現在の速度" : "Current speed"}: x{1000 / intervalMs} +
-
- Left Arrow -
+
+ - + -
- Right Arrow + + +
-
{japanese ? "盤面" : "Board"}:
- - - - - - + +
+
{japanese ? "盤面" : "Board"}:
+ + + + + + + - +
+ - + +
From 1f7cc8f31363c60ad793cb0c2a1ff9e13516757f Mon Sep 17 00:00:00 2001 From: TKHR-Shiu Date: Mon, 10 Nov 2025 18:44:18 +0900 Subject: [PATCH 3/3] =?UTF-8?q?=E5=A4=89=E6=95=B0=E5=90=8D=E5=A4=89?= =?UTF-8?q?=E6=9B=B4=E3=81=AA=E3=81=A9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/routes/+page.svelte | 56 ++++++++++++++++++++++------------------- src/routes/api.ts | 16 ++++++------ 2 files changed, 38 insertions(+), 34 deletions(-) diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index b0faae4..9f2b9a4 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -24,7 +24,7 @@ let showEditor = $state(true); let preview_iframe: HTMLIFrameElement | undefined = $state(); let isProgress = $state(false); - let japanese = $state(true); + let isJapanese = $state(true); let resetModalOpen = $state(false); let bottomDrawerOpen = $state(false); @@ -79,14 +79,14 @@ const name = boardNameInput.trim() === "" ? "Unnamed Board" : boardNameInput.trim(); - await saveBoard({ board: saveState.boardData, name: name, japanese: japanese }); + await saveBoard({ board: saveState.boardData, name: name }, isJapanese); saveState = { saving: false }; boardNameInput = ""; } async function handleLoad() { - const board = await loadBoard(japanese); + const board = await loadBoard(isJapanese); if (board) { sendEvent("apply_board", board); } @@ -120,7 +120,7 @@ {isJapanese ? "キャンセル" : "Cancel"}
@@ -221,15 +221,15 @@
-

{japanese ? "リセット確認" : "Reset confirmation"}

+

{isJapanese ? "リセット確認" : "Reset confirmation"}

- {japanese + {isJapanese ? "本当にコードをリセットしますか？この操作は取り消せません。" : "Are you sure you want to reset the code? This action cannot be undone."}

{isJapanese ? "キャンセル" : "Cancel"} {isJapanese ? "リセット" : "Reset"}
@@ -288,13 +288,17 @@ class="btn rounded-none h-12 justify-start" onclick={() => (bottomDrawerOpen = !bottomDrawerOpen)} > - {bottomDrawerOpen ? "▼" : japanese ? "▲ テンプレート" : "▲ Template"} + {#if bottomDrawerOpen} + ▼ + {:else if isJapanese} + ▲ テンプレート + {:else} + ▲ Template + {/if}
- {japanese ? "第" : "Generation"} - {generationFigure} - {japanese ? "世代" : ""} + {isJapanese ? "第" + generationFigure + "世代" : "Generation" + generationFigure}
@@ -331,7 +335,7 @@
- {japanese ? "現在の速度" : "Current speed"}: x{1000 / intervalMs} + {isJapanese ? "現在の速度" : "Current speed"}: x{1000 / intervalMs}
@@ -361,7 +365,7 @@
-
{japanese ? "盤面" : "Board"}:
+
{isJapanese ? "盤面" : "Board"}:
@@ -412,7 +416,7 @@ appliedCode = editingcode; }} > - {japanese ? "コードを適用" : "Apply Code"} + {isJapanese ? "コードを適用" : "Apply Code"}
diff --git a/src/routes/api.ts b/src/routes/api.ts index 9002029..711c995 100644 --- a/src/routes/api.ts +++ b/src/routes/api.ts @@ -1,4 +1,4 @@ -export async function saveBoard(data: { board: boolean[][]; name: string; japanese: boolean }) { +export async function saveBoard(data: { board: boolean[][]; name: string }, isJapanese: boolean) { try { const response = await fetch("/api/board", { method: "POST", @@ -9,20 +9,20 @@ export async function saveBoard(data: { board: boolean[][]; name: string; japane }); if (!response.ok) { - if (data.japanese) { + if (isJapanese) { throw new Error("サーバーとの通信に失敗しました。"); } else { throw new Error("Failed to communicate with the server."); } } - if (data.japanese) { + if (isJapanese) { alert("盤面を保存しました！"); } else { alert("Board saved!"); } } catch (err) { - if (data.japanese) { + if (isJapanese) { console.error("保存エラー:", err); alert("保存に失敗しました。"); } else { @@ -32,19 +32,19 @@ export async function saveBoard(data: { board: boolean[][]; name: string; japane } } -export async function loadBoard(japanese: boolean): Promise { +export async function loadBoard(isJapanese: boolean): Promise { try { const response = await fetch("/api/board"); if (!response.ok) { if (response.status === 404) { - if (japanese) { + if (isJapanese) { throw new Error("保存されているデータがありません。"); } else { throw new Error("There is no saved data."); } } else { - if (japanese) { + if (isJapanese) { throw new Error("サーバーとの通信に失敗しました。"); } else { throw new Error("Failed to communicate with the server."); @@ -56,7 +56,7 @@ export async function loadBoard(japanese: boolean): Promise