chore: xcode 싱크맞추기

apps/app/.eslintrc.js

@@ -0,0 +1,4 @@
+// https://docs.expo.dev/guides/using-eslint/
+module.exports = {
+  extends: 'expo',
+};

apps/app/.npmrccc

@@ -0,0 +1,3 @@
+shamefully-hoist=true
+node-linker=hoisted
+strict-peer-dependencies=false

apps/app/app.config.ts

@@ -9,12 +9,5 @@ export default ({ config }: ConfigContext): ConfigContext["config"] => ({
       usesNonExemptEncryption: false,
     },
   },
-  plugins: [
-    [
-      "expo-font",
-      {
-        fonts: ["@/assets/fonts/Helvetica.ttf"],
-      },
-    ],
-  ],
+  plugins: [],
 });

apps/app/_layout.tsx → apps/app/app/_layout.tsx

@@ -3,21 +3,20 @@ import {
   DefaultTheme,
   ThemeProvider,
 } from "@react-navigation/native";
-import { Stack } from "expo-router";
 
 import "react-native-reanimated";
 
 import { useColorScheme } from "@/hooks/useColorScheme";
 import { SplashScreen } from "@/components/splash";
-import { useFonts } from "expo-font";
+import { Stack } from "expo-router";
 
-export default function RootLayout() {
+export default function App() {
   const colorScheme = useColorScheme();
 
   return (
     <ThemeProvider value={colorScheme === "dark" ? DarkTheme : DefaultTheme}>
       <SplashScreen isLoaded={true}>
-        <Stack screenOptions={{ headerShown: false }}>
+        <Stack screenOptions={{ headerShown: false }} initialRouteName="index">
           <Stack.Screen name="index" />
         </Stack>
       </SplashScreen>

apps/app/app/screens/login/index.tsx → apps/app/app/index.tsx

@@ -1,19 +1,17 @@
-import {
-  SafeAreaView,
-  useSafeAreaInsets,
-} from "react-native-safe-area-context";
+import { SafeAreaView } from "react-native-safe-area-context";
 import { createWebView, postMessageSchema } from "@webview-bridge/react-native";
-import { useEffect } from "react";
-import { PermissionsAndroid, Platform } from "react-native";
+import { useEffect, useState } from "react";
+import { PermissionsAndroid, Platform, Text, View } from "react-native";
 import { PERMISSIONS } from "react-native-permissions";
 import { z } from "zod";
 import { appBridge } from "@layer/shared";
+import { getKeyHashAndroid } from "@react-native-kakao/core";
 
 const schema = postMessageSchema({
   getBackgroundColor: z.string(),
 });
 
-const { WebView, postMessage } = createWebView({
+const { WebView, linkWebMethod } = createWebView({
   bridge: appBridge,
   debug: true,
   postMessageSchema: schema,
@@ -22,6 +20,7 @@ const { WebView, postMessage } = createWebView({
 export interface BridgeEvent {
   body: Body;
   type: string;
+  data?: string;
 }
 
 export interface Body {
@@ -30,8 +29,9 @@ export interface Body {
   method: string;
 }
 
-export function LoginPage() {
-  const insets = useSafeAreaInsets();
+export default function LoginPage() {
+  const [color, setColor] = useState("white");
+  const [text, setText] = useState<string[]>(["FIRST"]);
 
   const customUserAgent = "customUserAgent";
   useEffect(() => {
@@ -58,8 +58,9 @@ export function LoginPage() {
       }
     }
   };
+
   return (
-    <SafeAreaView style={{ flex: 1, backgroundColor: "white" }}>
+    <SafeAreaView style={{ flex: 1, backgroundColor: color }}>
       <WebView
         userAgent={customUserAgent}
         originWhitelist={["*"]}
@@ -69,6 +70,8 @@ export function LoginPage() {
         contentInsetAdjustmentBehavior="never"
         scrollEnabled
         allowsInlineMediaPlayback
+        javaScriptEnabled
+        domStorageEnabled
         mediaCapturePermissionGrantType="grantIfSameHostElsePrompt"
         bounces={false}
         source={{
@@ -77,8 +80,12 @@ export function LoginPage() {
         onMessage={(event) => {
           const data = event.nativeEvent.data;
           if (data) {
+            setText((prev) => [...prev, data]);
             const param = JSON.parse(data) as BridgeEvent;
-            console.log(param, "<<<data");
+
+            if (param?.data) {
+              setColor(param?.data);
+            }
           }
         }}
       />