From 6eb7252141e103fbb92f607b1a5529e01f3df25b Mon Sep 17 00:00:00 2001
From: coelacanth657 <210202793+coelacanth657@users.noreply.github.com>
Date: Sat, 8 Nov 2025 00:25:01 +0900
Subject: [PATCH 1/2] =?UTF-8?q?Save,Load=E3=83=9C=E3=82=BF=E3=83=B3?=
 =?UTF-8?q?=E3=82=92svelt=E3=81=AB=E7=A7=BB=E3=81=97=E3=81=BE=E3=81=97?=
 =?UTF-8?q?=E3=81=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/iframe/life-game.html |  4 ----
 src/iframe/life-game.js   | 15 +++++----------
 src/routes/+page.svelte   | 27 ++++++++++++++++++++++-----
 src/routes/api.ts         |  1 -
 4 files changed, 27 insertions(+), 20 deletions(-)

diff --git a/src/iframe/life-game.html b/src/iframe/life-game.html
index 9608c87..f9c5624 100644
--- a/src/iframe/life-game.html
+++ b/src/iframe/life-game.html
@@ -13,10 +13,6 @@
     "
   >
     <table id="game-board" style="border-collapse: collapse"></table>
-
-    <button id="saveButton">SAVE</button>
-    <button id="loadButton">LOAD</button>
-
     <script src="./life-game.js"></script>
   </body>
 </html>
diff --git a/src/iframe/life-game.js b/src/iframe/life-game.js
index 1250aec..2875fc6 100644
--- a/src/iframe/life-game.js
+++ b/src/iframe/life-game.js
@@ -131,10 +131,6 @@ on.pause = () => {
   clearInterval(timerId);
 };
 
-on.load_board = (boardTemplate) => {
-  board = boardTemplate;
-};
-
 on.resize = (newBoardSize) => {
   boardSize = newBoardSize;
 };
@@ -191,18 +187,17 @@ on.stateupdate = () => {
 
 on.sizechange(boardSize);
 
-saveButton.onclick = async () => {
+on.save_board = async () => {
   window.parent.postMessage({ type: "save_board", data: board }, "*");
 };
 
-loadButton.onclick = async () => {
+on.load_board = async () => {
   window.parent.postMessage({ type: "request:load_board" }, "*");
 };
 
-on.load_board = (loadedBoard) => {
-  console.log("on.load_board");
-  board = loadedBoard;
+on.apply_board = (newBoard) => {
+  board = newBoard;
   renderBoard();
   generationChange(0);
-  stop();
+  on.pause();
 };
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 574deed..e71e599 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -60,22 +60,19 @@
 
   onMount(() => {
     const handler = async (event: MessageEvent<unknown>) => {
-      console.log("handler call");
       const data = event.data as
         | { type: "unknown event" }
         | { type: "save_board"; data: boolean[][] }
         | { type: "request:load_board" };
       if (data.type === "save_board") {
-        console.log("board saved!");
         await saveBoard(data.data);
         return;
       }
 
       if (data.type === "request:load_board") {
-        console.log("loaded board");
         const board = await loadBoard();
         if (board) {
-          sendEvent("load_board", board);
+          sendEvent("apply_board", board);
         }
         return;
       }
@@ -255,7 +252,7 @@
   </div>
 
   <button
-    class="btn btn-ghost hover:bg-[rgb(220,220,220)] ml-100 text-black"
+    class="btn btn-ghost hover:bg-[rgb(220,220,220)] ml-50 text-black"
     onclick={() => {
       isProgress = false;
       sendEvent("boardreset");
@@ -274,6 +271,26 @@
     Random
   </button>
 
+  <button
+    class="btn btn-ghost hover:bg-[rgb(220,220,220)] text-black"
+    onclick={() => {
+      isProgress = false;
+      sendEvent("save_board");
+    }}
+  >
+    Save
+  </button>
+
+  <button
+    class="btn btn-ghost hover:bg-[rgb(220,220,220)] text-black"
+    onclick={() => {
+      isProgress = false;
+      sendEvent("load_board");
+    }}
+  >
+    Load
+  </button>
+
   <button
     class="btn btn-ghost hover:bg-[rgb(220,220,220)] ml-5 text-black"
     onclick={() => {
diff --git a/src/routes/api.ts b/src/routes/api.ts
index 83e604e..fbc69a5 100644
--- a/src/routes/api.ts
+++ b/src/routes/api.ts
@@ -33,7 +33,6 @@ export async function loadBoard(): Promise<boolean[][] | undefined> {
 
     const loadedBoard = await response.json();
 
-    console.log("fetched board:", loadedBoard);
     return loadedBoard as boolean[][]; // TODO: add proper types
   } catch (err) {
     console.error("読込エラー:", err);

From 71083c7843e6741943777e57b19d5629491a87a5 Mon Sep 17 00:00:00 2001
From: coelacanth657 <210202793+coelacanth657@users.noreply.github.com>
Date: Sun, 9 Nov 2025 15:02:15 +0900
Subject: [PATCH 2/2] =?UTF-8?q?=E7=9B=A4=E9=9D=A2=E3=81=AB=E5=90=8D?=
 =?UTF-8?q?=E5=89=8D=E3=82=92=E4=BB=98=E3=81=91=E3=82=8B=E6=A9=9F=E8=83=BD?=
 =?UTF-8?q?=E3=82=92=E8=BF=BD=E5=8A=A0=E3=81=97=E3=81=BE=E3=81=97=E3=81=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../migration.sql                             |  9 +++++
 prisma/schema.prisma                          |  1 +
 src/routes/+page.svelte                       | 37 ++++++++++++++++++-
 src/routes/api.ts                             |  4 +-
 src/routes/api/board/+server.ts               |  5 ++-
 5 files changed, 51 insertions(+), 5 deletions(-)
 create mode 100644 prisma/migrations/20251109055509_add_board_name/migration.sql

diff --git a/prisma/migrations/20251109055509_add_board_name/migration.sql b/prisma/migrations/20251109055509_add_board_name/migration.sql
new file mode 100644
index 0000000..5ec5c34
--- /dev/null
+++ b/prisma/migrations/20251109055509_add_board_name/migration.sql
@@ -0,0 +1,9 @@
+-- CreateTable
+CREATE TABLE "BoardState" (
+    "id" SERIAL NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "boardData" JSONB NOT NULL,
+    "boardName" TEXT NOT NULL,
+
+    CONSTRAINT "BoardState_pkey" PRIMARY KEY ("id")
+);
diff --git a/prisma/schema.prisma b/prisma/schema.prisma
index 961ea04..ff842dc 100644
--- a/prisma/schema.prisma
+++ b/prisma/schema.prisma
@@ -19,4 +19,5 @@ model BoardState {
   id        Int      @id @default(autoincrement())
   createdAt DateTime @default(now())
   boardData Json
+  boardName String
 }
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index e71e599..5f24510 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -33,6 +33,10 @@
   let generationFigure = $state(0);
   let sizeInputValue = $state(20);
 
+  let saveModalOpen = $state(false);
+  let boardNameInput = $state("");
+  let boardToSave: boolean[][] | undefined = $state(undefined);
+
   onMount(() => {
     const handleMessage = (event: MessageEvent) => {
       if (event.data.type === "patternError") {
@@ -65,7 +69,8 @@
         | { type: "save_board"; data: boolean[][] }
         | { type: "request:load_board" };
       if (data.type === "save_board") {
-        await saveBoard(data.data);
+        boardToSave = data.data;
+        saveModalOpen = true;
         return;
       }
 
@@ -81,6 +86,18 @@
     window.addEventListener("message", handler);
     return () => window.removeEventListener("message", handler);
   });
+
+  async function handleSave() {
+    if (!boardToSave) return;
+
+    const name = boardNameInput.trim() === "" ? "Unnamed Board" : boardNameInput.trim();
+
+    await saveBoard({ board: boardToSave, name: name });
+
+    saveModalOpen = false;
+    boardNameInput = "";
+    boardToSave = undefined;
+  }
 </script>
 
 <div class="navbar bg-[#E0E0E0] shadow-sm">
@@ -143,6 +160,24 @@
   </div>
 </div>
 
+<input type="checkbox" class="modal-toggle" bind:checked={saveModalOpen} />
+<div class="modal" class:modal-open={saveModalOpen}>
+  <div class="modal-box">
+    <h3 class="font-bold text-lg">盤面を保存</h3>
+    <p class="py-4">保存する盤面に名前を付けてください（任意）。</p>
+    <input
+      type="text"
+      placeholder="盤面名を入力"
+      class="input input-bordered w-full max-w-xs"
+      bind:value={boardNameInput}
+    />
+    <div class="modal-action">
+      <button class="btn" onclick={() => (saveModalOpen = false)}>キャンセル</button>
+      <button class="btn btn-primary" onclick={handleSave} disabled={!boardToSave}> 保存 </button>
+    </div>
+  </div>
+</div>
+
 <input type="checkbox" class="modal-toggle" bind:checked={resetModalOpen} />
 <div class="modal" class:modal-open={resetModalOpen}>
   <div class="modal-box">
diff --git a/src/routes/api.ts b/src/routes/api.ts
index fbc69a5..167e0aa 100644
--- a/src/routes/api.ts
+++ b/src/routes/api.ts
@@ -1,11 +1,11 @@
-export async function saveBoard(board: boolean[][]) {
+export async function saveBoard(data: { board: boolean[][]; name: string }) {
   try {
     const response = await fetch("/api/board", {
       method: "POST",
       headers: {
         "Content-Type": "application/json",
       },
-      body: JSON.stringify(board),
+      body: JSON.stringify(data),
     });
 
     if (!response.ok) {
diff --git a/src/routes/api/board/+server.ts b/src/routes/api/board/+server.ts
index a9fe3a0..c6ee212 100644
--- a/src/routes/api/board/+server.ts
+++ b/src/routes/api/board/+server.ts
@@ -2,11 +2,12 @@ import { json } from "@sveltejs/kit";
 import { prisma } from "@/lib/prisma.server.ts";
 
 export async function POST({ request }) {
-  const boardData = await request.json();
+  const { board, name } = await request.json();
 
   const newState = await prisma.boardState.create({
     data: {
-      boardData: boardData,
+      boardData: board,
+      boardName: name,
     },
   });