From 9b0a71cccc201c4c7072bd1d6f8bbef014209619 Mon Sep 17 00:00:00 2001
From: Sakamoto Shiina <68018796+ShiinaSakamoto@users.noreply.github.com>
Date: Sat, 14 Dec 2024 18:20:56 +0900
Subject: [PATCH] [Update] Prepare to the beta test. Disable the window refresh
 function(f5 key) and i18n debug mode.

---
 locales/config.js                             |  2 +-
 src-ui/app/App.jsx                            |  2 ++
 .../_app_controllers/KeyEventController.jsx   | 26 +++++++++++++++++++
 src-ui/app/_app_controllers/index.js          |  1 +
 4 files changed, 30 insertions(+), 1 deletion(-)
 create mode 100644 src-ui/app/_app_controllers/KeyEventController.jsx

diff --git a/locales/config.js b/locales/config.js
index 06eff572..f7c1b084 100644
--- a/locales/config.js
+++ b/locales/config.js
@@ -29,7 +29,7 @@ i18n
         resources,
         lng: "en",
         fallbackLng: "en",
-        debug: true,
+        // debug: true,
         interpolation: {
         escapeValue: false, // react already safes from xss
     },
diff --git a/src-ui/app/App.jsx b/src-ui/app/App.jsx
index 4374f7a9..051855e2 100644
--- a/src-ui/app/App.jsx
+++ b/src-ui/app/App.jsx
@@ -7,6 +7,7 @@ import {
 // import React from "react";
 
 import {
+    KeyEventController,
     StartPythonController,
     UiLanguageController,
     ConfigPageCloseTriggerController,
@@ -32,6 +33,7 @@ export const App = () => {
 
     return (
         <div className={styles.container}>
+            <KeyEventController />
             <StartPythonController />
             <UiLanguageController />
             <ConfigPageCloseTriggerController />
diff --git a/src-ui/app/_app_controllers/KeyEventController.jsx b/src-ui/app/_app_controllers/KeyEventController.jsx
new file mode 100644
index 00000000..9e8c43a6
--- /dev/null
+++ b/src-ui/app/_app_controllers/KeyEventController.jsx
@@ -0,0 +1,26 @@
+import { useEffect } from "react";
+
+export const KeyEventController = () => {
+    useEffect(() => {
+    const handleKeydown = (event) => {
+        if (event.key === "F5"  || (event.ctrlKey && event.key === "r") ||
+        (event.metaKey && event.key === "r")) {
+            event.preventDefault();
+        }
+    };
+
+    const handleContextmenu = (event) => {
+        event.preventDefault();
+    };
+
+    document.addEventListener("keydown", handleKeydown);
+    document.addEventListener("contextmenu", handleContextmenu);
+
+    return () => {
+        document.removeEventListener("keydown", handleKeydown);
+        document.removeEventListener("contextmenu", handleContextmenu);
+    };
+    }, []);
+
+    return null;
+};
diff --git a/src-ui/app/_app_controllers/index.js b/src-ui/app/_app_controllers/index.js
index f91d40ac..abe6f018 100644
--- a/src-ui/app/_app_controllers/index.js
+++ b/src-ui/app/_app_controllers/index.js
@@ -1,3 +1,4 @@
+export { KeyEventController } from "./KeyEventController";
 export { StartPythonController } from "./StartPythonController";
 export { UiLanguageController } from "./UiLanguageController";
 export { ConfigPageCloseTriggerController } from "./ConfigPageCloseTriggerController";