From 515fdb9e5a0bb4e331d599f59a73a0396417afa1 Mon Sep 17 00:00:00 2001
From: rcmerci <rcmerci@gmail.com>
Date: Fri, 30 May 2025 23:21:39 +0800
Subject: [PATCH] enhance(mobile): add ns frontend.mobile.flows

---
 package.json                        |  5 +++--
 src/main/frontend/mobile/core.cljs  |  7 ++++++-
 src/main/frontend/mobile/flows.cljs | 12 ++++++++++++
 yarn.lock                           |  5 +++++
 4 files changed, 26 insertions(+), 3 deletions(-)
 create mode 100644 src/main/frontend/mobile/flows.cljs

diff --git a/package.json b/package.json
index 3d38a112f4..c7920e625a 100644
--- a/package.json
+++ b/package.json
@@ -3,8 +3,8 @@
     "version": "0.0.1",
     "private": true,
     "main": "static/electron.js",
-    "engines" : {
-      "node" : ">=20.19.1"
+    "engines": {
+        "node": ">=20.19.1"
     },
     "devDependencies": {
         "@axe-core/playwright": "=4.4.4",
@@ -108,6 +108,7 @@
         "@capacitor/haptics": "7.0.1",
         "@capacitor/ios": "7.2.0",
         "@capacitor/keyboard": "7.0.1",
+        "@capacitor/network": "^7.0.1",
         "@capacitor/share": "7.0.1",
         "@capacitor/splash-screen": "7.0.1",
         "@capacitor/status-bar": "7.0.1",
diff --git a/src/main/frontend/mobile/core.cljs b/src/main/frontend/mobile/core.cljs
index bbe9fd9526..1957db9511 100644
--- a/src/main/frontend/mobile/core.cljs
+++ b/src/main/frontend/mobile/core.cljs
@@ -2,8 +2,10 @@
   "Main ns for handling mobile start"
   (:require ["@capacitor/app" :refer [^js App]]
             ["@capacitor/keyboard" :refer [^js Keyboard]]
+            ["@capacitor/network" :refer [^js Network]]
             [frontend.handler.editor :as editor-handler]
             [frontend.mobile.deeplink :as deeplink]
+            [frontend.mobile.flows :as mobile-flows]
             [frontend.mobile.intent :as intent]
             [frontend.mobile.util :as mobile-util]
             [frontend.state :as state]
@@ -36,8 +38,10 @@
                      #(intent/handle-received)))
 
 (defn- app-state-change-handler
+  "NOTE: don't add more logic in this listener, use mobile-flows instead"
   [^js state]
   (println :debug :app-state-change-handler state (js/Date.))
+  (reset! mobile-flows/*mobile-app-state (.-isActive state))
   (when (state/get-current-repo)
     (let [is-active? (.-isActive state)]
       (when-not is-active?
@@ -69,7 +73,8 @@
   (.addEventListener js/window "statusTap"
                      #(util/scroll-to-top true))
 
-  (.addListener App "appStateChange" app-state-change-handler))
+  (.addListener App "appStateChange" app-state-change-handler)
+  (.addListener Network "networkStatusChange" #(reset! mobile-flows/*mobile-network-status %)))
 
 (defn init! []
   (when (mobile-util/native-android?)
diff --git a/src/main/frontend/mobile/flows.cljs b/src/main/frontend/mobile/flows.cljs
new file mode 100644
index 0000000000..e7160f28ef
--- /dev/null
+++ b/src/main/frontend/mobile/flows.cljs
@@ -0,0 +1,12 @@
+(ns frontend.mobile.flows
+  "common flows for mobile"
+  (:require [missionary.core :as m]))
+
+(def *mobile-network-status (atom nil))
+(def *mobile-app-state (atom nil))
+
+(def mobile-network-status-flow
+  (m/watch *mobile-network-status))
+
+(def mobile-app-state
+  (m/watch *mobile-app-state))
diff --git a/yarn.lock b/yarn.lock
index 8afe36ee2e..b8b313b2d5 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -274,6 +274,11 @@
   resolved "https://registry.yarnpkg.com/@capacitor/keyboard/-/keyboard-7.0.1.tgz#edf212528cd1587494ceb1d260868c1a9540aed1"
   integrity sha512-Gi064vOARMac+x9/DmEFeywN9oAETMf3OYsMuYm9gA8SvdsDJ3QJqMoFnSEIORYXe21Jzt2SIEdLlpT65P/b2g==
 
+"@capacitor/network@^7.0.1":
+  version "7.0.1"
+  resolved "https://registry.yarnpkg.com/@capacitor/network/-/network-7.0.1.tgz#8241ce6b6b5bbddc3157e218f31dd4ec04f1c4f0"
+  integrity sha512-jKyhTUqegKHjHKkK8e3t0TgwAYpKb3ocYpZkJrB3uXL5figkG06UEhQE4Cp25Dfb4LIjDxTSDLLsDEteKarmyg==
+
 "@capacitor/share@7.0.1":
   version "7.0.1"
   resolved "https://registry.yarnpkg.com/@capacitor/share/-/share-7.0.1.tgz#1d1e6d312504703c1f34fa0de94bed14af4bcbf8"