From 3981a7b0e9f877696e12b2e71b46491845cf7bf3 Mon Sep 17 00:00:00 2001
From: TKHR-Shiu <math-science1357@ymail.ne.jp>
Date: Thu, 30 Oct 2025 21:46:01 +0900
Subject: [PATCH 1/3] Overwrite-event

---
 src/life-game/event.js     | 10 ++++++++++
 src/life-game/life-game.js | 20 ++++++++++++++++++++
 src/routes/+page.svelte    | 11 ++++++++---
 3 files changed, 38 insertions(+), 3 deletions(-)
 create mode 100644 src/life-game/event.js

diff --git a/src/life-game/event.js b/src/life-game/event.js
new file mode 100644
index 0000000..87832a6
--- /dev/null
+++ b/src/life-game/event.js
@@ -0,0 +1,10 @@
+const on = {};
+
+let timerId = 0;
+
+window.addEventListener("message", (event) => {
+  const handler = on[event.data.type];
+  if (handler) {
+    handler(event.data);
+  }
+});
diff --git a/src/life-game/life-game.js b/src/life-game/life-game.js
index 0254ebd..af40928 100644
--- a/src/life-game/life-game.js
+++ b/src/life-game/life-game.js
@@ -159,6 +159,26 @@ function progressBoard() {
   renderBoard();
 }
 
+//イベント
+
+on.play = () => {
+  timer = "start";
+  timerId = setInterval(progressBoard, 1000);
+};
+
+on.pause = () => {
+  timer = "stop";
+  clearInterval(timerId);
+};
+
+on.load_board = (boardTemplate) => {
+  board = boardTemplate;
+};
+
+on.resize = (newBoardSize) => {
+  boardSize = newBoardSize;
+};
+
 //以下パターンデータ
 //(注)minBoardSizeは、パターンが余裕をもって変形できるために必要なボードのサイズを表し、パターン自体より大きい。
 
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 4db6088..7e3515a 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -2,7 +2,7 @@
   import * as icons from "$lib/icons/index.ts";
   import lghtml from "../life-game/life-game.html?raw";
   import lgjs from "../life-game/life-game.js?raw";
-  import PlayandPause from "../life-game/play-pause.js?raw";
+  import Event from "../life-game/event.js?raw";
 
   let code = $state(lgjs);
 
@@ -10,8 +10,8 @@
     lghtml.replace(
       /<script src="\.\/life-game\.js"><\/script>/,
       `<script>
+      \n${Event}\n
       \n${lgjs}\n
-      \n${PlayandPause}\n
       <\/script>`,
     ),
   );
@@ -19,6 +19,10 @@
   let showEditor = $state(true);
   let preview_iframe: HTMLIFrameElement | undefined = $state();
   let isProgress = $state(false);
+
+  function sendEvent(event: any, message?: any) {
+    preview_iframe?.contentWindow?.postMessage({ type: event }, message ? message : "*");
+  }
 </script>
 
 <div class="navbar bg-[#E0E0E0] shadow-sm">
@@ -35,7 +39,8 @@
   <button
     class="btn btn-ghost btn-circle hover:bg-[rgb(220,220,220)] swap ml-5"
     onclick={() => {
-      preview_iframe?.contentWindow?.postMessage({ type: isProgress ? "pause" : "play" }, "*");
+      const eventName = isProgress ? "pause" : "play";
+      sendEvent(eventName);
       isProgress = !isProgress;
     }}
   >

From b39b4a453d7d2346c23fb3dfabb60e43c7899f70 Mon Sep 17 00:00:00 2001
From: TKHR-Shiu <math-science1357@ymail.ne.jp>
Date: Thu, 30 Oct 2025 22:38:55 +0900
Subject: [PATCH 2/3] =?UTF-8?q?=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/life-game/event.js     | 2 --
 src/life-game/life-game.js | 1 +
 src/routes/+page.svelte    | 8 ++++----
 3 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/life-game/event.js b/src/life-game/event.js
index 87832a6..7414995 100644
--- a/src/life-game/event.js
+++ b/src/life-game/event.js
@@ -1,7 +1,5 @@
 const on = {};
 
-let timerId = 0;
-
 window.addEventListener("message", (event) => {
   const handler = on[event.data.type];
   if (handler) {
diff --git a/src/life-game/life-game.js b/src/life-game/life-game.js
index af40928..ecab855 100644
--- a/src/life-game/life-game.js
+++ b/src/life-game/life-game.js
@@ -1,6 +1,7 @@
 "use strict";
 
 let timer = "stop";
+let timerId = 0;
 let generationFigure = 0;
 
 //定数
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 7e3515a..85c5a65 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -2,7 +2,7 @@
   import * as icons from "$lib/icons/index.ts";
   import lghtml from "../life-game/life-game.html?raw";
   import lgjs from "../life-game/life-game.js?raw";
-  import Event from "../life-game/event.js?raw";
+  import event from "../life-game/event.js?raw";
 
   let code = $state(lgjs);
 
@@ -10,7 +10,7 @@
     lghtml.replace(
       /<script src="\.\/life-game\.js"><\/script>/,
       `<script>
-      \n${Event}\n
+      \n${event}\n
       \n${lgjs}\n
       <\/script>`,
     ),
@@ -20,8 +20,8 @@
   let preview_iframe: HTMLIFrameElement | undefined = $state();
   let isProgress = $state(false);
 
-  function sendEvent(event: any, message?: any) {
-    preview_iframe?.contentWindow?.postMessage({ type: event }, message ? message : "*");
+  function sendEvent(event: unknown, message?: unknown) {
+    preview_iframe?.contentWindow?.postMessage({ type: event, date: message ? message : "*" });
   }
 </script>
 

From 55bbdeeb73e86f19c28fe4d9ea6be6f2e114b4de Mon Sep 17 00:00:00 2001
From: TKHR-Shiu <math-science1357@ymail.ne.jp>
Date: Thu, 30 Oct 2025 22:59:45 +0900
Subject: [PATCH 3/3] =?UTF-8?q?=E3=81=95=E3=82=89=E3=81=AB=E4=BF=AE?=
 =?UTF-8?q?=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/life-game/event.js  | 2 +-
 src/routes/+page.svelte | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/life-game/event.js b/src/life-game/event.js
index 7414995..9a1d85f 100644
--- a/src/life-game/event.js
+++ b/src/life-game/event.js
@@ -3,6 +3,6 @@ const on = {};
 window.addEventListener("message", (event) => {
   const handler = on[event.data.type];
   if (handler) {
-    handler(event.data);
+    handler(event.data.data);
   }
 });
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 85c5a65..ee92c09 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -20,8 +20,8 @@
   let preview_iframe: HTMLIFrameElement | undefined = $state();
   let isProgress = $state(false);
 
-  function sendEvent(event: unknown, message?: unknown) {
-    preview_iframe?.contentWindow?.postMessage({ type: event, date: message ? message : "*" });
+  function sendEvent(event: string, message?: unknown) {
+    preview_iframe?.contentWindow?.postMessage({ type: event, date: message }, "*");
   }
 </script>