feat: notification 연동 (#2)

* chore: image 관련 코드 제거 * fix: expo doctor fix * chore: add lefthook hook * chore: eas add * chore: add eas.json * feat: notification android setup * feat: notification setting
Central-MakeUs · Feb 2, 2025 · b916a4c · b916a4c
1 parent 2893dd9
commit b916a4c
Show file tree

Hide file tree

Showing 17 changed files with 383 additions and 234 deletions.
diff --git a/.easignore b/.easignore
@@ -0,0 +1,40 @@
+# Learn more https://docs.github.com/en/get-started/getting-started-with-git/ignoring-files
+
+# dependencies
+node_modules/
+
+# Expo
+.expo/
+dist/
+web-build/
+expo-env.d.ts
+
+# Native
+*.orig.*
+*.jks
+*.p8
+*.p12
+*.key
+*.mobileprovision
+
+# Metro
+.metro-health-check*
+
+# debug
+npm-debug.*
+yarn-debug.*
+yarn-error.*
+
+# macOS
+.DS_Store
+*.pem
+
+# local env files
+.env*.local
+
+# typescript
+*.tsbuildinfo
+firebase_adminsdk.json
+
+/ios
+/android
diff --git a/.gitignore b/.gitignore
@@ -34,3 +34,8 @@ yarn-error.*
 
 # typescript
 *.tsbuildinfo
+firebase_adminsdk.json
+google-services.json
+
+/ios
+/android
diff --git a/App.tsx b/App.tsx
@@ -1,11 +1,16 @@
+import * as Notifications from "expo-notifications";
 import { useRef } from "react";
 import type WebView from "react-native-webview";
 import { Providers } from "~/app/Providers";
 import { WebView as MercuryWebView } from "~/shared/bridge";
 import { MercuryStatusBar } from "~/shared/bridge/status-bar";
 import { RefreshProvider } from "~/shared/pull-to-refresh/RefreshProvider";
+import { NotificationProvider } from "~/shared/pushNotifications/NotificationContext";
+
+const BASE_URL = __DEV__
+  ? "https://www.mercuryplanet.co.kr"
+  : "https://www.mercuryplanet.co.kr";
 
-const BASE_URL = __DEV__ ? "http://localhost:5173" : "https://app.azito.kr";
 const DECELERATION_RATE = 0.999;
 const JAVASCRIPT_BEFORE_CONTENTLOADED = `window.__APP_DEV__="${
   __DEV__ ? "development" : "production"
@@ -14,26 +19,36 @@ const JAVASCRIPT_BEFORE_CONTENTLOADED = `window.__APP_DEV__="${
 export default function App() {
   const webViewRef = useRef<WebView>(null);
   return (
-    <Providers>
-      <MercuryStatusBar />
-      <RefreshProvider webViewRef={webViewRef}>
-        <MercuryWebView
-          ref={webViewRef}
-          source={{ uri: BASE_URL }}
-          style={{ flex: 1 }}
-          mixedContentMode={"always"}
-          webviewDebuggingEnabled={__DEV__}
-          javaScriptEnabled={true}
-          bounces={true}
-          allowsBackForwardNavigationGestures={true}
-          decelerationRate={DECELERATION_RATE}
-          overScrollMode={"never"}
-          scrollEnabled={true}
-          injectedJavaScriptBeforeContentLoaded={
-            JAVASCRIPT_BEFORE_CONTENTLOADED
-          }
-        />
-      </RefreshProvider>
-    </Providers>
+    <NotificationProvider>
+      <Providers>
+        <MercuryStatusBar />
+        <RefreshProvider webViewRef={webViewRef}>
+          <MercuryWebView
+            ref={webViewRef}
+            source={{ uri: BASE_URL }}
+            style={{ flex: 1 }}
+            mixedContentMode={"always"}
+            webviewDebuggingEnabled={__DEV__}
+            javaScriptEnabled={true}
+            bounces={true}
+            allowsBackForwardNavigationGestures={true}
+            decelerationRate={DECELERATION_RATE}
+            overScrollMode={"never"}
+            scrollEnabled={true}
+            injectedJavaScriptBeforeContentLoaded={
+              JAVASCRIPT_BEFORE_CONTENTLOADED
+            }
+          />
+        </RefreshProvider>
+      </Providers>
+    </NotificationProvider>
   );
 }
+
+Notifications.setNotificationHandler({
+  handleNotification: async () => ({
+    shouldShowAlert: true,
+    shouldPlaySound: true,
+    shouldSetBadge: true,
+  }),
+});
diff --git a/app.json b/app.json
@@ -1,28 +1,48 @@
 {
-	"expo": {
-		"name": "Mercury",
-		"slug": "Mercury",
-		"version": "1.0.0",
-		"orientation": "portrait",
-		"icon": "./assets/icon.png",
-		"userInterfaceStyle": "light",
-		"newArchEnabled": true,
-		"splash": {
-			"image": "./assets/splash-icon.png",
-			"resizeMode": "contain",
-			"backgroundColor": "#ffffff"
-		},
-		"ios": {
-			"supportsTablet": true
-		},
-		"android": {
-			"adaptiveIcon": {
-				"foregroundImage": "./assets/adaptive-icon.png",
-				"backgroundColor": "#ffffff"
-			}
-		},
-		"web": {
-			"favicon": "./assets/favicon.png"
-		}
-	}
+  "expo": {
+    "name": "Mercury",
+    "slug": "mercury",
+    "version": "1.0.0",
+    "orientation": "portrait",
+    "icon": "./assets/icon.png",
+    "userInterfaceStyle": "light",
+    "newArchEnabled": true,
+    "splash": {
+      "image": "./assets/splash-icon.png",
+      "resizeMode": "contain",
+      "backgroundColor": "#ffffff"
+    },
+    "ios": {
+      "supportsTablet": false,
+      "bundleIdentifier": "kr.co.mercuryplanet.www"
+    },
+    "android": {
+      "adaptiveIcon": {
+        "foregroundImage": "./assets/adaptive-icon.png",
+        "backgroundColor": "#ffffff"
+      },
+      "package": "kr.co.mercuryplanet.www",
+      "googleServicesFile": "./google-services.json"
+    },
+    "plugins": [
+      [
+        "expo-notifications",
+        {
+          "icon": "./assets/notification_icon.png",
+          "color": "#ffffff",
+          "defaultChannel": "default",
+          "enableBackgroundRemoteNotifications": false
+        }
+      ]
+    ],
+    "web": {
+      "favicon": "./assets/favicon.png"
+    },
+    "owner": "mercuryorganization",
+    "extra": {
+      "eas": {
+        "projectId": "2f8476ef-cef6-471c-88a0-12a322330cad"
+      }
+    }
+  }
 }
diff --git a/assets/icon.png b/assets/icon.png
diff --git a/assets/notification_icon.png b/assets/notification_icon.png
diff --git a/biome.json b/biome.json
@@ -157,7 +157,20 @@
       "quoteStyle": "double",
       "attributePosition": "auto"
     },
-    "globals": ["describe", "it", "test", "expect", "JSX", "React", "beforeEach", "afterEach", "vi", "afterAll", "beforeAll"]
+    "globals": [
+      "__DEV__",
+      "describe",
+      "it",
+      "test",
+      "expect",
+      "JSX",
+      "React",
+      "beforeEach",
+      "afterEach",
+      "vi",
+      "afterAll",
+      "beforeAll"
+    ]
   },
   "files": {
     "ignore": [

diff --git a/eas.json b/eas.json
@@ -0,0 +1,21 @@
+{
+  "cli": {
+    "version": ">= 14.4.0",
+    "appVersionSource": "remote"
+  },
+  "build": {
+    "development": {
+      "developmentClient": true,
+      "distribution": "internal"
+    },
+    "preview": {
+      "distribution": "internal"
+    },
+    "production": {
+      "autoIncrement": true
+    }
+  },
+  "submit": {
+    "production": {}
+  }
+}
diff --git a/lefthook.yml b/lefthook.yml
@@ -27,3 +27,9 @@ pre-commit:
     lint:
       run: pnpm run check:biome
       stage_fixed: true
+    test-type:
+      run: pnpm run test:type
+      stage_fixed: true
+    test-doctor:
+      run: pnpm run test:doctor
+      stage_fixed: true