v1.2.0

README.md

@@ -19,17 +19,19 @@ If you would like, you can support the project here!\
 
 # Overview
 
-Termix Mobile is the official mobile companion app for Termix, providing remote SSH terminal control of your servers. You can connect to your existing Termix server configuration and manage all your SSH hosts with terminal capabilities optimized for mobile devices.
+Full remote SSH control of your servers with Termix, the ultimate SSH server management tool. It connects to your existing Termix server to provide you with SSH server access.
 
 # Planned Features
 
 See [Projects](https://github.com/orgs/Termix-SSH/projects/2) for all planned features. If you are looking to contribute, see [Contributing](https://github.com/Termix-SSH/Mobile/blob/main/CONTRIBUTING.md).
 
 # Features
 
-- **SSH Terminal** - SSH terminal with multi-session support
-- **Advanced Keyboard - Switch between two keyboard modes: the system keyboard and a custom terminal keyboard that is optimized for terminal use. The custom keyboard is completely configurable to your preferences.
-- **Server Configuration** - Easily connect to your existing Termix server via IP/Domain. It has support for reverse proxy access login pages, logging in with OIDC, and, of course, regular username/password logins.
+- **SSH Terminal** - SSH terminal with multi-session support. Switch between two keyboard modes: the system keyboard and a custom terminal keyboard that is optimized for terminal use. The custom keyboard is completely configurable to your preferences.
+- **SSH File Manager** - View, edit, modify, and move files and folders via SSH.
+- **SSH Server Stats** - Get information on a servers status such as CPU, RAM, HDD, etc. 
+- **SSH Tunnels** - Start, stop, and manage SSH tunnels.
+- **Server Configuration** - Easily connect to your existing Termix server via IP/domain. It has support for reverse proxy access login pages, logging in with OIDC, and, of course, regular username/password logins.
 
 # Installation
 

app.json

@@ -2,8 +2,8 @@
   "expo": {
     "name": "Termix",
     "slug": "termix",
-    "version": "1.1.0",
-    "orientation": "portrait",
+    "version": "1.2.0",
+    "orientation": "default",
     "icon": "./assets/images/icon.png",
     "scheme": "termix-mobile",
     "githubUrl": "https://github.com/Termix-SSH/Mobile",
@@ -57,12 +57,13 @@
             "usesCleartextTraffic": true
           },
           "ios": {
-            "newArchEnabled": true
+            "newArchEnabled": true,
+            "deploymentTarget": "15.1"
           }
         }
       ],
-      "./plugins/withNetworkSecurityConfig.js",
       "./plugins/withIOSNetworkSecurity.js",
+      "./plugins/withNetworkSecurityConfig.js",
       "expo-dev-client"
     ],
     "experiments": {

app/(tabs)/_layout.tsx

@@ -2,16 +2,21 @@ import { Tabs, usePathname } from "expo-router";
 import { Ionicons } from "@expo/vector-icons";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
 import { useTerminalSessions } from "../contexts/TerminalSessionsContext";
+import { useOrientation } from "../utils/orientation";
+import { getTabBarHeight } from "../utils/responsive";
 
 export default function TabLayout() {
   const insets = useSafeAreaInsets();
   const { sessions } = useTerminalSessions();
   const pathname = usePathname();
+  const { isLandscape } = useOrientation();
 
   const isSessionsTab = pathname === "/sessions";
   const hasActiveSessions = sessions.length > 0;
   const shouldHideMainTabBar = isSessionsTab && hasActiveSessions;
 
+  const tabBarHeight = getTabBarHeight(isLandscape);
+
   return (
     <Tabs
       screenOptions={{
@@ -24,8 +29,13 @@ export default function TabLayout() {
               borderTopWidth: 1.5,
               borderTopColor: "#303032",
               paddingBottom: insets.bottom,
+              height: tabBarHeight + insets.bottom,
             },
         headerShown: false,
+        tabBarLabelStyle: isLandscape
+          ? { fontSize: 11, marginTop: -2 }
+          : undefined,
+        tabBarIconStyle: isLandscape ? { marginBottom: -2 } : undefined,
       }}
     >
       <Tabs.Screen

app/(tabs)/hosts.tsx

@@ -1,4 +1,4 @@
-import Hosts from "@/app/Tabs/Hosts/Hosts";
+import Hosts from "@/app/tabs/hosts/Hosts";
 
 export default function HostsScreen() {
   return <Hosts />;

app/(tabs)/sessions.tsx

@@ -1,4 +1,4 @@
-import Sessions from "@/app/Tabs/Sessions/Sessions";
+import Sessions from "@/app/tabs/sessions/Sessions";
 
 export default function SessionsScreen() {
   return <Sessions />;

app/(tabs)/settings.tsx

@@ -1,4 +1,4 @@
-import Settings from "@/app/Tabs/Settings/Settings";
+import Settings from "@/app/tabs/settings/Settings";
 
 export default function SettingsScreen() {
   return <Settings />;

app/AppContext.tsx

@@ -4,7 +4,9 @@ import React, {
   useState,
   ReactNode,
   useEffect,
+  useRef,
 } from "react";
+import { AppState, AppStateStatus } from "react-native";
 import AsyncStorage from "@react-native-async-storage/async-storage";
 import {
   getVersionInfo,
@@ -176,6 +178,53 @@ export const AppProvider: React.FC<AppProviderProps> = ({ children }) => {
     });
   }, []);
 
+  const lastValidationTimeRef = useRef<number>(0);
+  const validationInProgressRef = useRef<boolean>(false);
+
+  useEffect(() => {
+    const handleAppStateChange = async (nextAppState: AppStateStatus) => {
+      if (
+        nextAppState === "active" &&
+        isAuthenticated &&
+        !validationInProgressRef.current
+      ) {
+        const now = Date.now();
+        const timeSinceLastValidation = now - lastValidationTimeRef.current;
+
+        if (timeSinceLastValidation < 2000) {
+          return;
+        }
+
+        validationInProgressRef.current = true;
+        lastValidationTimeRef.current = now;
+
+        try {
+          const { getUserInfo } = await import("./main-axios");
+          const userInfo = await getUserInfo();
+
+          if (
+            !userInfo ||
+            !userInfo.username ||
+            userInfo.data_unlocked === false
+          ) {
+          }
+        } catch (error) {
+        } finally {
+          validationInProgressRef.current = false;
+        }
+      }
+    };
+
+    const subscription = AppState.addEventListener(
+      "change",
+      handleAppStateChange,
+    );
+
+    return () => {
+      subscription.remove();
+    };
+  }, [isAuthenticated]);
+
   return (
     <AppContext.Provider
       value={{