update working ssh shell

2026-09-15 17:03:30 +07:00 · 2024-11-06 06:24:14 +00:00
parent acd843d31c
commit 86eb5eb4e6
12 changed files with 1789 additions and 2183 deletions
@@ -1,42 +0,0 @@
-import { ScrollViewStyleReset } from "expo-router/html";
-import { type PropsWithChildren } from "react";
-
-/**
- * This file is web-only and used to configure the root HTML for every web page during static rendering.
- * The contents of this function only run in Node.js environments and do not have access to the DOM or browser APIs.
- */
-export default function Root({ children }: PropsWithChildren) {
-  return (
-    <html lang="en">
-      <head>
-        <meta charSet="utf-8" />
-        <meta httpEquiv="X-UA-Compatible" content="IE=edge" />
-        <meta
-          name="viewport"
-          content="width=device-width, initial-scale=1, shrink-to-fit=no"
-        />
-
-        {/*
-          Disable body scrolling on web. This makes ScrollView components work closer to how they do on native.
-          However, body scrolling is often nice to have for mobile web. If you want to enable it, remove this line.
-        */}
-        <ScrollViewStyleReset />
-
-        {/* Using raw CSS styles as an escape-hatch to ensure the background color never flickers in dark-mode. */}
-        <style dangerouslySetInnerHTML={{ __html: responsiveBackground }} />
-        {/* Add any additional <head> elements that you want globally available on web... */}
-      </head>
-      <body>{children}</body>
-    </html>
-  );
-}
-
-const responsiveBackground = `
-body {
-  background-color: #fff;
-}
-@media (prefers-color-scheme: dark) {
-  body {
-    background-color: #000;
-  }
-}`;
@@ -6,6 +6,7 @@ import {
 import { useFonts } from "expo-font";
 import { Stack } from "expo-router";
 import * as SplashScreen from "expo-splash-screen";
+import { StatusBar } from "expo-status-bar";
 import { useEffect } from "react";
 import "react-native-reanimated";

@@ -13,7 +14,7 @@ import "react-native-reanimated";
 SplashScreen.preventAutoHideAsync();

 export default function RootLayout() {
-  const colorScheme = "dark";
+  const colorScheme: string = "light";
  const [loaded] = useFonts({
    SpaceMono: require("../assets/fonts/SpaceMono-Regular.ttf"),
  });
@@ -33,6 +34,7 @@ export default function RootLayout() {
      <Stack>
        <Stack.Screen name="+not-found" />
      </Stack>
+      <StatusBar style="auto" />
    </ThemeProvider>
  );
 }
@@ -1,12 +1,14 @@
 import { View, Text } from "react-native";
 import React from "react";
 import { Stack } from "expo-router";
+import Terminal from "@/components/containers/terminal";

 const HomePage = () => {
  return (
-    <View>
+    <View style={{ flex: 1 }}>
      <Stack.Screen options={{ title: "Home" }} />
-      <Text>HomePage</Text>
+
+      <Terminal wsUrl="ws://10.0.0.100:3000/ws" />
    </View>
  );
 };