feature/webgl-preview-update (#21)

Co-authored-by: itoshi <kkzemeow@gmail.com>
Reviewed-on: #21

src/shared/store/TestingModeStore/index.ts

@@ -0,0 +1,62 @@
+import { makeAutoObservable } from "mobx";
+import { mobxFetch } from "@shared";
+import {
+  TestingModeResponse,
+  getTestingModeApi,
+  setTestingModeApi,
+} from "./api";
+
+const POLLING_INTERVAL = 10_000;
+
+class TestingModeStore {
+  testingMode: TestingModeResponse | null = null;
+  testingModeLoading = false;
+  testingModeError: string | null = null;
+
+  setTestingModeResult: TestingModeResponse | null = null;
+  setTestingModeLoading = false;
+  setTestingModeError: string | null = null;
+
+  constructor() {
+    makeAutoObservable(this);
+  }
+
+  get isEnabled(): boolean {
+    return this.testingMode?.enabled ?? false;
+  }
+
+  fetchTestingModeAction = mobxFetch<TestingModeResponse, TestingModeStore>({
+    store: this,
+    value: "testingMode",
+    loading: "testingModeLoading",
+    error: "testingModeError",
+    fn: getTestingModeApi,
+    pollingInterval: POLLING_INTERVAL,
+  });
+
+  setTestingModeAction = mobxFetch<
+    { enabled: boolean },
+    TestingModeResponse,
+    TestingModeStore
+  >({
+    store: this,
+    value: "setTestingModeResult",
+    loading: "setTestingModeLoading",
+    error: "setTestingModeError",
+    fn: setTestingModeApi,
+    onSuccess: (result) => {
+      this.testingMode = result;
+    },
+  });
+
+  startPolling() {
+    this.fetchTestingModeAction();
+  }
+
+  stopPolling() {
+    this.fetchTestingModeAction.stopPolling?.();
+  }
+}
+
+export const testingModeStore = new TestingModeStore();
+export { TestingModeStore };