chore: organize assets

.gitignore

@@ -71,12 +71,10 @@ web-build/
 .jest
 
 # Android
-android
+/android
 
 # iOS
-ios
-
-
+/ios
 
 # @generated expo-cli sync-2b81b286409207a5da26e14c78851eb30d8ccbdb
 # The following patterns were generated by expo-cli

.vscode/settings.json

@@ -39,6 +39,7 @@
   "cSpell.words": [
     "crossplatformkorea",
     "dooboo",
+    "lotties",
     "Pressable",
     "Pretendard"
   ]

README.md

@@ -1,27 +1,4 @@
-# Expo Starter with Router
+# CPK 공식 앱
 
-[![CI](https://github.com/dooboolab-community/expo-router-starter/actions/workflows/ci.yml/badge.svg)](https://github.com/dooboolab-community/expo-router-starter/actions/workflows/ci.yml)
+[![CI](https://github.com/hyochan/cpk/actions/workflows/ci.yml/badge.svg)](https://github.com/hyochan/cpk/actions/workflows/ci.yml)
 
-The `expo` template generated with `dooboo-cli`.
-
-We believe that the fastest way to build the app is using [Expo](https://expo.io).
-You can create app even more easily with the cli tool [dooboo-cli](https://github.com/dooboolab-community/dooboo-cli).
-
-## Stacks used
-
-- [react-native](https://github.com/facebook/react-native)
-- [expo-router](https://expo.github.io/router)
-- [emotion](https://emotion.sh)
-- [dooboo-ui](https://github.com/dooboolab/dooboo-ui)
-- [jest](https://github.com/facebook/jest)
-- [react-native-testing-library](https://github.com/callstack/react-native-testing-library)
-- [typescript](https://github.com/Microsoft/TypeScript)
-- [ts-jest](https://github.com/kulshekhar/ts-jest)
-- [prettier](https://prettier.io)
-- [react-native-web](https://github.com/necolas/react-native-web)
-- [expo-localization](https://docs.expo.dev/versions/latest/sdk/localization)
-
-## Quick News
-
-- In default, [dooboo-ui](https://github.com/dooboolab/dooboo-ui), a ui framework for [Expo](https://expo.io) is preinstalled in the project. Hope you like it 🧡.
-- Default package manager is set to [bun](https://bun.sh) which is fastest in 2023.

app.config.ts

@@ -27,7 +27,7 @@ const buildNumber = 1;
 
 export default ({config}: ConfigContext): ExpoConfig => ({
   ...config,
-  name: 'Cross-Platform Korea',
+  name: 'CPK',
   scheme: 'CPK',
   slug: 'CPK-Slug',
   privacy: 'public',
@@ -58,7 +58,7 @@ export default ({config}: ConfigContext): ExpoConfig => ({
   },
   splash: {
     image: './assets/splash.png',
-    resizeMode: 'contain',
+    resizeMode: 'cover',
     backgroundColor: '#1B1B1B',
   },
   extra: {

assets/langs/ios/ko.json

@@ -0,0 +1,10 @@
+{
+  "CFBundleDisplayName": "크플코",
+  "app_name": "크플코",
+  "NSMicrophoneUsageDescription": "크플코 앱에서 비디오를 촬영할 때 오디오 녹음을 활성화하기 위해 마이크 사용 권한이 필요합니다. 예를 들어, 앱 내에서 비디오를 녹화할 경우, 마이크를 통해 동시에 오디오를 캡처하여 비디오에 소리가 포함되도록 합니다. 사용자는 언제든지 설정에서 이 권한을 철회할 수 있습니다.",
+  "NSCameraUsageDescription": "크플코는 플랫폼에서 다른 사용자들과 공유할 사진과 비디오를 찍기 위해 카메라 접근 권한을 요청합니다. 예를 들어, 라이브 이벤트 중 순간을 캡처하여 앱을 통해 직접 공유할 수 있습니다. 사용자는 언제든지 설정에서 이 권한을 철회할 수 있습니다.",
+  "NSPhotoLibraryAddUsageDescription": "크플코는 앱에서 생성하거나 편집한 미디어 콘텐츠를 저장하고 관리할 수 있도록 사진 갤러리에 사진과 비디오를 저장할 수 있는 권한을 요청합니다. 예를 들어, 방금 찍은 사진을 저장할 수 있습니다. 사용자는 언제든지 설정에서 이 권한을 철회할 수 있습니다.",
+  "NSPhotoLibraryUsageDescription": "크플코는 업로드할 사진이나 비디오를 선택하기 위해 사진 갤러리에 접근 권한을 요청합니다. 예를 들어, 갤러리에서 기존의 비디오를 선택하여 프로필에 게시할 수 있습니다. 사용자는 언제든지 설정에서 이 권한을 철회할 수 있습니다.",
+  "NSUserTrackingUsageDescription": "크플코는 사용자의 관심사를 이해하여 더 관련성 높은 광고를 제공하기 위해 다른 회사의 앱과 웹사이트에서의 활동을 추적할 수 있는 권한을 요청합니다. 사용자는 언제든지 설정에서 이 권한을 철회할 수 있습니다.",
+  "NSLocationWhenInUseUsageDescription": "크플코는 앱 사용 중 사용자의 위치에 기반한 지역화된 콘텐츠와 서비스를 제공하기 위해 위치 정보 접근 권한을 요청합니다. 예를 들어, 사용자가 있는 곳에 기반한 이벤트 추천이나 사용자 연결을 제공합니다. 사용자는 언제든지 설정에서 이 권한을 철회할 수 있습니다."
+}

assets/lotties/cpk_loading.json

@@ -0,0 +1 @@
+{"nm":"Main Scene","ddd":0,"h":500,"w":500,"meta":{"g":"@lottiefiles/creator 1.16.0"},"layers":[{"ty":4,"nm":"Shape Layer - SVG","sr":1,"st":0,"op":150,"ip":0,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[111,124]},"s":{"a":1,"k":[{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[25,25],"t":0},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[100,100],"t":48},{"s":[25,25],"t":89}]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[250,250]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"nm":"Group 1","it":[{"ty":"sh","bm":0,"hd":false,"nm":"Path 1","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[124.355,0.266663],[221.934,0.266663],[97.6456,247.733],[0.0668945,247.733],[124.355,0.266663]]}}},{"ty":"fl","bm":0,"hd":false,"nm":"Fill","c":{"a":0,"k":[1,1,1]},"r":1,"o":{"a":0,"k":100}},{"ty":"tr","a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}}]}],"ind":1},{"ty":4,"nm":"Shape Layer 1","sr":1,"st":0,"op":90,"ip":0,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[256,256]},"s":{"a":0,"k":[92,92]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[250,250]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":1,"k":[{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[25],"t":0},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[100],"t":48},{"s":[25],"t":89}]}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"nm":"Group 1","it":[{"ty":"sh","bm":0,"hd":false,"nm":"Path 1","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,-192.2987],[-192.2987,0],[0,192.29899999999998],[192.29899999999998,0]],"o":[[-192.2987,0],[0,192.29899999999998],[192.29899999999998,0],[0,-192.2987],[0,0]],"v":[[256,0],[0,256],[256,512],[512,256],[256,0]]}}},{"ty":"gf","bm":0,"hd":false,"nm":"Fill","e":{"a":0,"k":[456.107,456.107]},"g":{"p":4,"k":{"a":0,"k":[0,0.2,0.2,0.2,0.44,0.2,0.2,0.2,0.9,0.2,0.2,0.2,1,0.2,0.2,0.2,0,0.3,0.44,0.38,0.9,0.62,1,0.7]}},"t":1,"a":{"a":0,"k":0},"h":{"a":0,"k":0},"s":{"a":0,"k":[55.8933,55.8933]},"r":1,"o":{"a":0,"k":100}},{"ty":"tr","a":{"a":0,"k":[256,256]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[256,256]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}}]},{"ty":"gr","bm":0,"hd":false,"nm":"Group 2","it":[{"ty":"sh","bm":0,"hd":false,"nm":"Path 2","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,-192.2987],[-192.2987,0],[0,192.29899999999998],[192.29899999999998,0]],"o":[[-192.2987,0],[0,192.29899999999998],[192.29899999999998,0],[0,-192.2987],[0,0]],"v":[[256,0],[0,256],[256,512],[512,256],[256,0]]}}},{"ty":"gf","bm":0,"hd":false,"nm":"Fill","e":{"a":0,"k":[456.107,456.107]},"g":{"p":4,"k":{"a":0,"k":[0,0.2,0.2,0.2,0.44,0.2,0.2,0.2,0.9,0.2,0.2,0.2,1,0.2,0.2,0.2,0,0.3,0.44,0.38,0.9,0.62,1,0.7]}},"t":1,"a":{"a":0,"k":0},"h":{"a":0,"k":0},"s":{"a":0,"k":[55.8933,55.8933]},"r":1,"o":{"a":0,"k":100}},{"ty":"tr","a":{"a":0,"k":[256,256]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[256,256]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}}]}],"ind":2}],"v":"5.7.0","fr":30,"op":90,"ip":0,"assets":[]}

package.json

@@ -45,6 +45,7 @@
     "expo-updates": "~0.25.18",
     "expo-web-browser": "~13.0.3",
     "i18n-js": "4.4.3",
+    "lottie-react": "^2.4.0",
     "lottie-react-native": "6.7.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",

src/uis/LottieView.tsx

@@ -0,0 +1,30 @@
+import {css} from '@emotion/native';
+import type {LottieViewProps} from 'lottie-react-native';
+import LottieReactNative from 'lottie-react-native';
+
+import CpkLoading from '../../assets/lotties/cpk_loading.json';
+
+export type LottieSourceType = 'cpk-loading';
+
+function LottieView(
+  props: Omit<LottieViewProps, 'source'> & {
+    type?: LottieSourceType;
+  },
+): JSX.Element {
+  return (
+    <LottieReactNative
+      autoPlay
+      speed={2}
+      style={css`
+        margin: 12px 0;
+        width: 64px;
+        height: 64px;
+        align-self: center;
+      `}
+      {...props}
+      source={CpkLoading}
+    />
+  );
+}
+
+export default LottieView;

src/uis/LottieView.web.tsx

@@ -0,0 +1,31 @@
+import type {LottieComponentProps, LottieOptions} from 'lottie-react';
+import {useLottie} from 'lottie-react';
+
+import CpkLoading from '../../assets/lotties/dooboo_loading.json';
+
+import type {LottieSourceType} from './LottieView';
+
+function LottieView(
+  _: Omit<LottieComponentProps, 'source'> & {
+    type?: LottieSourceType;
+  },
+): JSX.Element {
+  const options: LottieOptions = {
+    animationData: CpkLoading,
+    loop: true,
+  };
+
+  const {View, setSpeed} = useLottie(options, {
+    marginTop: 12,
+    marginBottom: 12,
+    width: 72,
+    height: 72,
+    alignSelf: 'center',
+  });
+
+  setSpeed(2);
+
+  return View;
+}
+
+export default LottieView;