diff --git a/.gitignore b/.gitignore index b66118c..67c3c05 100644 --- a/.gitignore +++ b/.gitignore @@ -23,3 +23,5 @@ # Deploy / local *.tar.gz +data/mobile-releases/*.apk +scripts/deploy-target.local.env diff --git a/app/.env.example b/app/.env.example new file mode 100644 index 0000000..dae98f2 --- /dev/null +++ b/app/.env.example @@ -0,0 +1 @@ +VITE_API_BASE_URL=http://localhost:8080/api diff --git a/app/README.md b/app/README.md new file mode 100644 index 0000000..3778e07 --- /dev/null +++ b/app/README.md @@ -0,0 +1,47 @@ +# GoldenChart Mobile App + +Capacitor + React hybrid app for virtual trading, strategy editor, notifications, and settings. + +## Setup + +```bash +# From repo root +npm install +npm run dev:app +``` + +## Native build + +```bash +npm run build:app +npm run cap:sync +npm run cap:android # or cap:ios +``` + +## exdev.co.kr APK 배포 + +소스는 `git push origin main` (Jenkins). APK만 로컬 빌드 후 업로드: + +```bash +./scripts/upload-android-apk.sh --build --version 1.0.0 +``` + +`app/.env` 예: `VITE_API_BASE_URL=http://exdev.co.kr/api` + +자세한 내용: [`data/mobile-releases/README.md`](../data/mobile-releases/README.md) + +## Environment + +Copy `.env.example` to `.env` and set `VITE_API_BASE_URL`. + +## FCM (Firebase) + +- Android: `android/app/google-services.json` +- iOS: `ios/App/GoogleService-Info.plist` + Push Notifications capability +- Backend: `FIREBASE_ENABLED=true` + service account JSON + +## Structure + +- `src/screens/` — mobile UI (virtual, strategy, notifications, settings) +- `../packages/shared/` — API client + Capacitor storage +- `../frontend/src/` — shared business logic (hooks, utils) via `@frontend` alias diff --git a/app/android/.gitignore b/app/android/.gitignore new file mode 100644 index 0000000..48354a3 --- /dev/null +++ b/app/android/.gitignore @@ -0,0 +1,101 @@ +# Using Android gitignore template: https://github.com/github/gitignore/blob/HEAD/Android.gitignore + +# Built application files +*.apk +*.aar +*.ap_ +*.aab + +# Files for the ART/Dalvik VM +*.dex + +# Java class files +*.class + +# Generated files +bin/ +gen/ +out/ +# Uncomment the following line in case you need and you don't have the release build type files in your app +# release/ + +# Gradle files +.gradle/ +build/ + +# Local configuration file (sdk path, etc) +local.properties + +# Proguard folder generated by Eclipse +proguard/ + +# Log Files +*.log + +# Android Studio Navigation editor temp files +.navigation/ + +# Android Studio captures folder +captures/ + +# IntelliJ +*.iml +.idea/workspace.xml +.idea/tasks.xml +.idea/gradle.xml +.idea/assetWizardSettings.xml +.idea/dictionaries +.idea/libraries +# Android Studio 3 in .gitignore file. +.idea/caches +.idea/modules.xml +# Comment next line if keeping position of elements in Navigation Editor is relevant for you +.idea/navEditor.xml + +# Keystore files +# Uncomment the following lines if you do not want to check your keystore files in. +#*.jks +#*.keystore + +# External native build folder generated in Android Studio 2.2 and later +.externalNativeBuild +.cxx/ + +# Google Services (e.g. APIs or Firebase) +# google-services.json + +# Freeline +freeline.py +freeline/ +freeline_project_description.json + +# fastlane +fastlane/report.xml +fastlane/Preview.html +fastlane/screenshots +fastlane/test_output +fastlane/readme.md + +# Version control +vcs.xml + +# lint +lint/intermediates/ +lint/generated/ +lint/outputs/ +lint/tmp/ +# lint/reports/ + +# Android Profiling +*.hprof + +# Cordova plugins for Capacitor +capacitor-cordova-android-plugins + +# Copied web assets +app/src/main/assets/public + +# Generated Config files +app/src/main/assets/capacitor.config.json +app/src/main/assets/capacitor.plugins.json +app/src/main/res/xml/config.xml diff --git a/app/android/app/.gitignore b/app/android/app/.gitignore new file mode 100644 index 0000000..043df80 --- /dev/null +++ b/app/android/app/.gitignore @@ -0,0 +1,2 @@ +/build/* +!/build/.npmkeep diff --git a/app/android/app/build.gradle b/app/android/app/build.gradle new file mode 100644 index 0000000..ffaab5f --- /dev/null +++ b/app/android/app/build.gradle @@ -0,0 +1,54 @@ +apply plugin: 'com.android.application' + +android { + namespace "com.goldenchart.app" + compileSdk rootProject.ext.compileSdkVersion + defaultConfig { + applicationId "com.goldenchart.app" + minSdkVersion rootProject.ext.minSdkVersion + targetSdkVersion rootProject.ext.targetSdkVersion + versionCode 1 + versionName "1.0" + testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner" + aaptOptions { + // Files and dirs to omit from the packaged assets dir, modified to accommodate modern web apps. + // Default: https://android.googlesource.com/platform/frameworks/base/+/282e181b58cf72b6ca770dc7ca5f91f135444502/tools/aapt/AaptAssets.cpp#61 + ignoreAssetsPattern '!.svn:!.git:!.ds_store:!*.scc:.*:!CVS:!thumbs.db:!picasa.ini:!*~' + } + } + buildTypes { + release { + minifyEnabled false + proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro' + } + } +} + +repositories { + flatDir{ + dirs '../capacitor-cordova-android-plugins/src/main/libs', 'libs' + } +} + +dependencies { + implementation fileTree(include: ['*.jar'], dir: 'libs') + implementation "androidx.appcompat:appcompat:$androidxAppCompatVersion" + implementation "androidx.coordinatorlayout:coordinatorlayout:$androidxCoordinatorLayoutVersion" + implementation "androidx.core:core-splashscreen:$coreSplashScreenVersion" + implementation project(':capacitor-android') + testImplementation "junit:junit:$junitVersion" + androidTestImplementation "androidx.test.ext:junit:$androidxJunitVersion" + androidTestImplementation "androidx.test.espresso:espresso-core:$androidxEspressoCoreVersion" + implementation project(':capacitor-cordova-android-plugins') +} + +apply from: 'capacitor.build.gradle' + +try { + def servicesJSON = file('google-services.json') + if (servicesJSON.text) { + apply plugin: 'com.google.gms.google-services' + } +} catch(Exception e) { + logger.info("google-services.json not found, google-services plugin not applied. Push Notifications won't work") +} diff --git a/app/android/app/capacitor.build.gradle b/app/android/app/capacitor.build.gradle new file mode 100644 index 0000000..5664116 --- /dev/null +++ b/app/android/app/capacitor.build.gradle @@ -0,0 +1,24 @@ +// DO NOT EDIT THIS FILE! IT IS GENERATED EACH TIME "capacitor update" IS RUN + +android { + compileOptions { + sourceCompatibility JavaVersion.VERSION_21 + targetCompatibility JavaVersion.VERSION_21 + } +} + +apply from: "../capacitor-cordova-android-plugins/cordova.variables.gradle" +dependencies { + implementation project(':capacitor-app') + implementation project(':capacitor-haptics') + implementation project(':capacitor-preferences') + implementation project(':capacitor-push-notifications') + implementation project(':capacitor-splash-screen') + implementation project(':capacitor-status-bar') + +} + + +if (hasProperty('postBuildExtras')) { + postBuildExtras() +} diff --git a/app/android/app/proguard-rules.pro b/app/android/app/proguard-rules.pro new file mode 100644 index 0000000..f1b4245 --- /dev/null +++ b/app/android/app/proguard-rules.pro @@ -0,0 +1,21 @@ +# Add project specific ProGuard rules here. +# You can control the set of applied configuration files using the +# proguardFiles setting in build.gradle. +# +# For more details, see +# http://developer.android.com/guide/developing/tools/proguard.html + +# If your project uses WebView with JS, uncomment the following +# and specify the fully qualified class name to the JavaScript interface +# class: +#-keepclassmembers class fqcn.of.javascript.interface.for.webview { +# public *; +#} + +# Uncomment this to preserve the line number information for +# debugging stack traces. +#-keepattributes SourceFile,LineNumberTable + +# If you keep the line number information, uncomment this to +# hide the original source file name. +#-renamesourcefileattribute SourceFile diff --git a/app/android/app/src/androidTest/java/com/getcapacitor/myapp/ExampleInstrumentedTest.java b/app/android/app/src/androidTest/java/com/getcapacitor/myapp/ExampleInstrumentedTest.java new file mode 100644 index 0000000..f2c2217 --- /dev/null +++ b/app/android/app/src/androidTest/java/com/getcapacitor/myapp/ExampleInstrumentedTest.java @@ -0,0 +1,26 @@ +package com.getcapacitor.myapp; + +import static org.junit.Assert.*; + +import android.content.Context; +import androidx.test.ext.junit.runners.AndroidJUnit4; +import androidx.test.platform.app.InstrumentationRegistry; +import org.junit.Test; +import org.junit.runner.RunWith; + +/** + * Instrumented test, which will execute on an Android device. + * + * @see Testing documentation + */ +@RunWith(AndroidJUnit4.class) +public class ExampleInstrumentedTest { + + @Test + public void useAppContext() throws Exception { + // Context of the app under test. + Context appContext = InstrumentationRegistry.getInstrumentation().getTargetContext(); + + assertEquals("com.getcapacitor.app", appContext.getPackageName()); + } +} diff --git a/app/android/app/src/main/AndroidManifest.xml b/app/android/app/src/main/AndroidManifest.xml new file mode 100644 index 0000000..845d075 --- /dev/null +++ b/app/android/app/src/main/AndroidManifest.xml @@ -0,0 +1,42 @@ + + + + + + + + + + + + + + + + + + + + + + + diff --git a/app/android/app/src/main/java/com/goldenchart/app/MainActivity.java b/app/android/app/src/main/java/com/goldenchart/app/MainActivity.java new file mode 100644 index 0000000..d08d6bf --- /dev/null +++ b/app/android/app/src/main/java/com/goldenchart/app/MainActivity.java @@ -0,0 +1,5 @@ +package com.goldenchart.app; + +import com.getcapacitor.BridgeActivity; + +public class MainActivity extends BridgeActivity {} diff --git a/app/android/app/src/main/res/drawable-land-hdpi/splash.png b/app/android/app/src/main/res/drawable-land-hdpi/splash.png new file mode 100644 index 0000000..e31573b Binary files /dev/null and b/app/android/app/src/main/res/drawable-land-hdpi/splash.png differ diff --git a/app/android/app/src/main/res/drawable-land-mdpi/splash.png b/app/android/app/src/main/res/drawable-land-mdpi/splash.png new file mode 100644 index 0000000..f7a6492 Binary files /dev/null and b/app/android/app/src/main/res/drawable-land-mdpi/splash.png differ diff --git a/app/android/app/src/main/res/drawable-land-xhdpi/splash.png b/app/android/app/src/main/res/drawable-land-xhdpi/splash.png new file mode 100644 index 0000000..8077255 Binary files /dev/null and b/app/android/app/src/main/res/drawable-land-xhdpi/splash.png differ diff --git a/app/android/app/src/main/res/drawable-land-xxhdpi/splash.png b/app/android/app/src/main/res/drawable-land-xxhdpi/splash.png new file mode 100644 index 0000000..14c6c8f Binary files /dev/null and b/app/android/app/src/main/res/drawable-land-xxhdpi/splash.png differ diff --git a/app/android/app/src/main/res/drawable-land-xxxhdpi/splash.png b/app/android/app/src/main/res/drawable-land-xxxhdpi/splash.png new file mode 100644 index 0000000..244ca25 Binary files /dev/null and b/app/android/app/src/main/res/drawable-land-xxxhdpi/splash.png differ diff --git a/app/android/app/src/main/res/drawable-port-hdpi/splash.png b/app/android/app/src/main/res/drawable-port-hdpi/splash.png new file mode 100644 index 0000000..74faaa5 Binary files /dev/null and b/app/android/app/src/main/res/drawable-port-hdpi/splash.png differ diff --git a/app/android/app/src/main/res/drawable-port-mdpi/splash.png b/app/android/app/src/main/res/drawable-port-mdpi/splash.png new file mode 100644 index 0000000..e944f4a Binary files /dev/null and b/app/android/app/src/main/res/drawable-port-mdpi/splash.png differ diff --git a/app/android/app/src/main/res/drawable-port-xhdpi/splash.png b/app/android/app/src/main/res/drawable-port-xhdpi/splash.png new file mode 100644 index 0000000..564a82f Binary files /dev/null and b/app/android/app/src/main/res/drawable-port-xhdpi/splash.png differ diff --git a/app/android/app/src/main/res/drawable-port-xxhdpi/splash.png b/app/android/app/src/main/res/drawable-port-xxhdpi/splash.png new file mode 100644 index 0000000..bfabe68 Binary files /dev/null and b/app/android/app/src/main/res/drawable-port-xxhdpi/splash.png differ diff --git a/app/android/app/src/main/res/drawable-port-xxxhdpi/splash.png b/app/android/app/src/main/res/drawable-port-xxxhdpi/splash.png new file mode 100644 index 0000000..6929071 Binary files /dev/null and b/app/android/app/src/main/res/drawable-port-xxxhdpi/splash.png differ diff --git a/app/android/app/src/main/res/drawable-v24/ic_launcher_foreground.xml b/app/android/app/src/main/res/drawable-v24/ic_launcher_foreground.xml new file mode 100644 index 0000000..c7bd21d --- /dev/null +++ b/app/android/app/src/main/res/drawable-v24/ic_launcher_foreground.xml @@ -0,0 +1,34 @@ + + + + + + + + + + + diff --git a/app/android/app/src/main/res/drawable/ic_launcher_background.xml b/app/android/app/src/main/res/drawable/ic_launcher_background.xml new file mode 100644 index 0000000..d5fccc5 --- /dev/null +++ b/app/android/app/src/main/res/drawable/ic_launcher_background.xml @@ -0,0 +1,170 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/app/android/app/src/main/res/drawable/splash.png b/app/android/app/src/main/res/drawable/splash.png new file mode 100644 index 0000000..f7a6492 Binary files /dev/null and b/app/android/app/src/main/res/drawable/splash.png differ diff --git a/app/android/app/src/main/res/layout/activity_main.xml b/app/android/app/src/main/res/layout/activity_main.xml new file mode 100644 index 0000000..b5ad138 --- /dev/null +++ b/app/android/app/src/main/res/layout/activity_main.xml @@ -0,0 +1,12 @@ + + + + + diff --git a/app/android/app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml b/app/android/app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml new file mode 100644 index 0000000..036d09b --- /dev/null +++ b/app/android/app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml @@ -0,0 +1,5 @@ + + + + + \ No newline at end of file diff --git a/app/android/app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml b/app/android/app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml new file mode 100644 index 0000000..036d09b --- /dev/null +++ b/app/android/app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml @@ -0,0 +1,5 @@ + + + + + \ No newline at end of file diff --git a/app/android/app/src/main/res/mipmap-hdpi/ic_launcher.png b/app/android/app/src/main/res/mipmap-hdpi/ic_launcher.png new file mode 100644 index 0000000..c023e50 Binary files /dev/null and b/app/android/app/src/main/res/mipmap-hdpi/ic_launcher.png differ diff --git a/app/android/app/src/main/res/mipmap-hdpi/ic_launcher_foreground.png b/app/android/app/src/main/res/mipmap-hdpi/ic_launcher_foreground.png new file mode 100644 index 0000000..2127973 Binary files /dev/null and b/app/android/app/src/main/res/mipmap-hdpi/ic_launcher_foreground.png differ diff --git a/app/android/app/src/main/res/mipmap-hdpi/ic_launcher_round.png b/app/android/app/src/main/res/mipmap-hdpi/ic_launcher_round.png new file mode 100644 index 0000000..b441f37 Binary files /dev/null and b/app/android/app/src/main/res/mipmap-hdpi/ic_launcher_round.png differ diff --git a/app/android/app/src/main/res/mipmap-mdpi/ic_launcher.png b/app/android/app/src/main/res/mipmap-mdpi/ic_launcher.png new file mode 100644 index 0000000..72905b8 Binary files /dev/null and b/app/android/app/src/main/res/mipmap-mdpi/ic_launcher.png differ diff --git a/app/android/app/src/main/res/mipmap-mdpi/ic_launcher_foreground.png b/app/android/app/src/main/res/mipmap-mdpi/ic_launcher_foreground.png new file mode 100644 index 0000000..8ed0605 Binary files /dev/null and b/app/android/app/src/main/res/mipmap-mdpi/ic_launcher_foreground.png differ diff --git a/app/android/app/src/main/res/mipmap-mdpi/ic_launcher_round.png b/app/android/app/src/main/res/mipmap-mdpi/ic_launcher_round.png new file mode 100644 index 0000000..9502e47 Binary files /dev/null and b/app/android/app/src/main/res/mipmap-mdpi/ic_launcher_round.png differ diff --git a/app/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png b/app/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png new file mode 100644 index 0000000..4d1e077 Binary files /dev/null and b/app/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png differ diff --git a/app/android/app/src/main/res/mipmap-xhdpi/ic_launcher_foreground.png b/app/android/app/src/main/res/mipmap-xhdpi/ic_launcher_foreground.png new file mode 100644 index 0000000..df0f158 Binary files /dev/null and b/app/android/app/src/main/res/mipmap-xhdpi/ic_launcher_foreground.png differ diff --git a/app/android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png b/app/android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png new file mode 100644 index 0000000..853db04 Binary files /dev/null and b/app/android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png differ diff --git a/app/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png b/app/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png new file mode 100644 index 0000000..6cdf97c Binary files /dev/null and b/app/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png differ diff --git a/app/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_foreground.png b/app/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_foreground.png new file mode 100644 index 0000000..2960cbb Binary files /dev/null and b/app/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_foreground.png differ diff --git a/app/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png b/app/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png new file mode 100644 index 0000000..8e3093a Binary files /dev/null and b/app/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png differ diff --git a/app/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png b/app/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png new file mode 100644 index 0000000..46de6e2 Binary files /dev/null and b/app/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png differ diff --git a/app/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_foreground.png b/app/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_foreground.png new file mode 100644 index 0000000..d2ea9ab Binary files /dev/null and b/app/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_foreground.png differ diff --git a/app/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png b/app/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png new file mode 100644 index 0000000..a40d73e Binary files /dev/null and b/app/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png differ diff --git a/app/android/app/src/main/res/values/ic_launcher_background.xml b/app/android/app/src/main/res/values/ic_launcher_background.xml new file mode 100644 index 0000000..c5d5899 --- /dev/null +++ b/app/android/app/src/main/res/values/ic_launcher_background.xml @@ -0,0 +1,4 @@ + + + #FFFFFF + \ No newline at end of file diff --git a/app/android/app/src/main/res/values/strings.xml b/app/android/app/src/main/res/values/strings.xml new file mode 100644 index 0000000..f21ce15 --- /dev/null +++ b/app/android/app/src/main/res/values/strings.xml @@ -0,0 +1,7 @@ + + + GoldenChart + GoldenChart + com.goldenchart.app + com.goldenchart.app + diff --git a/app/android/app/src/main/res/values/styles.xml b/app/android/app/src/main/res/values/styles.xml new file mode 100644 index 0000000..be874e5 --- /dev/null +++ b/app/android/app/src/main/res/values/styles.xml @@ -0,0 +1,22 @@ + + + + + + + + + + + \ No newline at end of file diff --git a/app/android/app/src/main/res/xml/file_paths.xml b/app/android/app/src/main/res/xml/file_paths.xml new file mode 100644 index 0000000..bd0c4d8 --- /dev/null +++ b/app/android/app/src/main/res/xml/file_paths.xml @@ -0,0 +1,5 @@ + + + + + \ No newline at end of file diff --git a/app/android/app/src/test/java/com/getcapacitor/myapp/ExampleUnitTest.java b/app/android/app/src/test/java/com/getcapacitor/myapp/ExampleUnitTest.java new file mode 100644 index 0000000..0297327 --- /dev/null +++ b/app/android/app/src/test/java/com/getcapacitor/myapp/ExampleUnitTest.java @@ -0,0 +1,18 @@ +package com.getcapacitor.myapp; + +import static org.junit.Assert.*; + +import org.junit.Test; + +/** + * Example local unit test, which will execute on the development machine (host). + * + * @see Testing documentation + */ +public class ExampleUnitTest { + + @Test + public void addition_isCorrect() throws Exception { + assertEquals(4, 2 + 2); + } +} diff --git a/app/android/build.gradle b/app/android/build.gradle new file mode 100644 index 0000000..f1b3b0e --- /dev/null +++ b/app/android/build.gradle @@ -0,0 +1,29 @@ +// Top-level build file where you can add configuration options common to all sub-projects/modules. + +buildscript { + + repositories { + google() + mavenCentral() + } + dependencies { + classpath 'com.android.tools.build:gradle:8.7.2' + classpath 'com.google.gms:google-services:4.4.2' + + // NOTE: Do not place your application dependencies here; they belong + // in the individual module build.gradle files + } +} + +apply from: "variables.gradle" + +allprojects { + repositories { + google() + mavenCentral() + } +} + +task clean(type: Delete) { + delete rootProject.buildDir +} diff --git a/app/android/capacitor.settings.gradle b/app/android/capacitor.settings.gradle new file mode 100644 index 0000000..7d5e659 --- /dev/null +++ b/app/android/capacitor.settings.gradle @@ -0,0 +1,21 @@ +// DO NOT EDIT THIS FILE! IT IS GENERATED EACH TIME "capacitor update" IS RUN +include ':capacitor-android' +project(':capacitor-android').projectDir = new File('../../node_modules/@capacitor/android/capacitor') + +include ':capacitor-app' +project(':capacitor-app').projectDir = new File('../../node_modules/@capacitor/app/android') + +include ':capacitor-haptics' +project(':capacitor-haptics').projectDir = new File('../../node_modules/@capacitor/haptics/android') + +include ':capacitor-preferences' +project(':capacitor-preferences').projectDir = new File('../../node_modules/@capacitor/preferences/android') + +include ':capacitor-push-notifications' +project(':capacitor-push-notifications').projectDir = new File('../../node_modules/@capacitor/push-notifications/android') + +include ':capacitor-splash-screen' +project(':capacitor-splash-screen').projectDir = new File('../../node_modules/@capacitor/splash-screen/android') + +include ':capacitor-status-bar' +project(':capacitor-status-bar').projectDir = new File('../../node_modules/@capacitor/status-bar/android') diff --git a/app/android/goldenchart-release.keystore b/app/android/goldenchart-release.keystore new file mode 100644 index 0000000..0d561bc Binary files /dev/null and b/app/android/goldenchart-release.keystore differ diff --git a/app/android/gradle.properties b/app/android/gradle.properties new file mode 100644 index 0000000..2e87c52 --- /dev/null +++ b/app/android/gradle.properties @@ -0,0 +1,22 @@ +# Project-wide Gradle settings. + +# IDE (e.g. Android Studio) users: +# Gradle settings configured through the IDE *will override* +# any settings specified in this file. + +# For more details on how to configure your build environment visit +# http://www.gradle.org/docs/current/userguide/build_environment.html + +# Specifies the JVM arguments used for the daemon process. +# The setting is particularly useful for tweaking memory settings. +org.gradle.jvmargs=-Xmx1536m + +# When configured, Gradle will run in incubating parallel mode. +# This option should only be used with decoupled projects. More details, visit +# http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects +# org.gradle.parallel=true + +# AndroidX package structure to make it clearer which packages are bundled with the +# Android operating system, and which are packaged with your app's APK +# https://developer.android.com/topic/libraries/support-library/androidx-rn +android.useAndroidX=true diff --git a/app/android/gradle/wrapper/gradle-wrapper.jar b/app/android/gradle/wrapper/gradle-wrapper.jar new file mode 100644 index 0000000..a4b76b9 Binary files /dev/null and b/app/android/gradle/wrapper/gradle-wrapper.jar differ diff --git a/app/android/gradle/wrapper/gradle-wrapper.properties b/app/android/gradle/wrapper/gradle-wrapper.properties new file mode 100644 index 0000000..c1d5e01 --- /dev/null +++ b/app/android/gradle/wrapper/gradle-wrapper.properties @@ -0,0 +1,7 @@ +distributionBase=GRADLE_USER_HOME +distributionPath=wrapper/dists +distributionUrl=https\://services.gradle.org/distributions/gradle-8.11.1-all.zip +networkTimeout=10000 +validateDistributionUrl=true +zipStoreBase=GRADLE_USER_HOME +zipStorePath=wrapper/dists diff --git a/app/android/gradlew b/app/android/gradlew new file mode 100755 index 0000000..df72432 --- /dev/null +++ b/app/android/gradlew @@ -0,0 +1,258 @@ +#!/bin/sh + +# +# Copyright © 2015-2021 the original authors. +# +# Licensed under the Apache License, Version 2.0 (the "License"); +# you may not use this file except in compliance with the License. +# You may obtain a copy of the License at +# +# https://www.apache.org/licenses/LICENSE-2.0 +# +# Unless required by applicable law or agreed to in writing, software +# distributed under the License is distributed on an "AS IS" BASIS, +# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +# See the License for the specific language governing permissions and +# limitations under the License. +# +# SPDX-License-Identifier: Apache-2.0 +# + +############################################################################## +# +# Gradle start up script for POSIX generated by Gradle. +# +# Important for running: +# +# (1) You need a POSIX-compliant shell to run this script. If your /bin/sh is +# noncompliant, but you have some other compliant shell such as ksh or +# bash, then to run this script, type that shell name before the whole +# command line, like: +# +# ksh Gradle +# +# Busybox and similar reduced shells will NOT work, because this script +# requires all of these POSIX shell features: +# * functions; +# * expansions «$var», «${var}», «${var:-default}», «${var+SET}», +# «${var#prefix}», «${var%suffix}», and «$( cmd )»; +# * compound commands having a testable exit status, especially «case»; +# * various built-in commands including «command», «set», and «ulimit». +# +# Important for patching: +# +# (2) This script targets any POSIX shell, so it avoids extensions provided +# by Bash, Ksh, etc; in particular arrays are avoided. +# +# The "traditional" practice of packing multiple parameters into a +# space-separated string is a well documented source of bugs and security +# problems, so this is (mostly) avoided, by progressively accumulating +# options in "$@", and eventually passing that to Java. +# +# Where the inherited environment variables (DEFAULT_JVM_OPTS, JAVA_OPTS, +# and GRADLE_OPTS) rely on word-splitting, this is performed explicitly; +# see the in-line comments for details. +# +# There are tweaks for specific operating systems such as AIX, CygWin, +# Darwin, MinGW, and NonStop. +# +# (3) This script is generated from the Groovy template +# https://github.com/gradle/gradle/blob/HEAD/platforms/jvm/plugins-application/src/main/resources/org/gradle/api/internal/plugins/unixStartScript.txt +# within the Gradle project. +# +# You can find Gradle at https://github.com/gradle/gradle/. +# +############################################################################## + +# GoldenChart: use Temurin JDK 21 from ~/.local when JAVA_HOME is unset +if [ -z "$JAVA_HOME" ] && [ -x "$HOME/.local/jdk-21.0.11+10/Contents/Home/bin/java" ]; then + JAVA_HOME="$HOME/.local/jdk-21.0.11+10/Contents/Home" + export JAVA_HOME +fi + +# Attempt to set APP_HOME + +# Resolve links: $0 may be a link +app_path=$0 + +# Need this for daisy-chained symlinks. +while + APP_HOME=${app_path%"${app_path##*/}"} # leaves a trailing /; empty if no leading path + [ -h "$app_path" ] +do + ls=$( ls -ld "$app_path" ) + link=${ls#*' -> '} + case $link in #( + /*) app_path=$link ;; #( + *) app_path=$APP_HOME$link ;; + esac +done + +# This is normally unused +# shellcheck disable=SC2034 +APP_BASE_NAME=${0##*/} +# Discard cd standard output in case $CDPATH is set (https://github.com/gradle/gradle/issues/25036) +APP_HOME=$( cd -P "${APP_HOME:-./}" > /dev/null && printf '%s +' "$PWD" ) || exit + +# Use the maximum available, or set MAX_FD != -1 to use that value. +MAX_FD=maximum + +warn () { + echo "$*" +} >&2 + +die () { + echo + echo "$*" + echo + exit 1 +} >&2 + +# OS specific support (must be 'true' or 'false'). +cygwin=false +msys=false +darwin=false +nonstop=false +case "$( uname )" in #( + CYGWIN* ) cygwin=true ;; #( + Darwin* ) darwin=true ;; #( + MSYS* | MINGW* ) msys=true ;; #( + NONSTOP* ) nonstop=true ;; +esac + +CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar + + +# Determine the Java command to use to start the JVM. +if [ -n "$JAVA_HOME" ] ; then + if [ -x "$JAVA_HOME/jre/sh/java" ] ; then + # IBM's JDK on AIX uses strange locations for the executables + JAVACMD=$JAVA_HOME/jre/sh/java + else + JAVACMD=$JAVA_HOME/bin/java + fi + if [ ! -x "$JAVACMD" ] ; then + die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME + +Please set the JAVA_HOME variable in your environment to match the +location of your Java installation." + fi +else + JAVACMD=java + if ! command -v java >/dev/null 2>&1 + then + die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. + +Please set the JAVA_HOME variable in your environment to match the +location of your Java installation." + fi +fi + +# Increase the maximum file descriptors if we can. +if ! "$cygwin" && ! "$darwin" && ! "$nonstop" ; then + case $MAX_FD in #( + max*) + # In POSIX sh, ulimit -H is undefined. That's why the result is checked to see if it worked. + # shellcheck disable=SC2039,SC3045 + MAX_FD=$( ulimit -H -n ) || + warn "Could not query maximum file descriptor limit" + esac + case $MAX_FD in #( + '' | soft) :;; #( + *) + # In POSIX sh, ulimit -n is undefined. That's why the result is checked to see if it worked. + # shellcheck disable=SC2039,SC3045 + ulimit -n "$MAX_FD" || + warn "Could not set maximum file descriptor limit to $MAX_FD" + esac +fi + +# Collect all arguments for the java command, stacking in reverse order: +# * args from the command line +# * the main class name +# * -classpath +# * -D...appname settings +# * --module-path (only if needed) +# * DEFAULT_JVM_OPTS, JAVA_OPTS, and GRADLE_OPTS environment variables. + +# For Cygwin or MSYS, switch paths to Windows format before running java +if "$cygwin" || "$msys" ; then + APP_HOME=$( cygpath --path --mixed "$APP_HOME" ) + CLASSPATH=$( cygpath --path --mixed "$CLASSPATH" ) + + JAVACMD=$( cygpath --unix "$JAVACMD" ) + + # Now convert the arguments - kludge to limit ourselves to /bin/sh + for arg do + if + case $arg in #( + -*) false ;; # don't mess with options #( + /?*) t=${arg#/} t=/${t%%/*} # looks like a POSIX filepath + [ -e "$t" ] ;; #( + *) false ;; + esac + then + arg=$( cygpath --path --ignore --mixed "$arg" ) + fi + # Roll the args list around exactly as many times as the number of + # args, so each arg winds up back in the position where it started, but + # possibly modified. + # + # NB: a `for` loop captures its iteration list before it begins, so + # changing the positional parameters here affects neither the number of + # iterations, nor the values presented in `arg`. + shift # remove old arg + set -- "$@" "$arg" # push replacement arg + done +fi + + +# Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. +DEFAULT_JVM_OPTS='"-Xmx64m" "-Xms64m"' + +# Collect all arguments for the java command: +# * DEFAULT_JVM_OPTS, JAVA_OPTS, JAVA_OPTS, and optsEnvironmentVar are not allowed to contain shell fragments, +# and any embedded shellness will be escaped. +# * For example: A user cannot expect ${Hostname} to be expanded, as it is an environment variable and will be +# treated as '${Hostname}' itself on the command line. + +set -- \ + "-Dorg.gradle.appname=$APP_BASE_NAME" \ + -classpath "$CLASSPATH" \ + org.gradle.wrapper.GradleWrapperMain \ + "$@" + +# Stop when "xargs" is not available. +if ! command -v xargs >/dev/null 2>&1 +then + die "xargs is not available" +fi + +# Use "xargs" to parse quoted args. +# +# With -n1 it outputs one arg per line, with the quotes and backslashes removed. +# +# In Bash we could simply go: +# +# readarray ARGS < <( xargs -n1 <<<"$var" ) && +# set -- "${ARGS[@]}" "$@" +# +# but POSIX shell has neither arrays nor command substitution, so instead we +# post-process each arg (as a line of input to sed) to backslash-escape any +# character that might be a shell metacharacter, then use eval to reverse +# that process (while maintaining the separation between arguments), and wrap +# the whole thing up as a single "set" statement. +# +# This will of course break if any of these variables contains a newline or +# an unmatched quote. +# + +eval "set -- $( + printf '%s\n' "$DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS" | + xargs -n1 | + sed ' s~[^-[:alnum:]+,./:=@_]~\\&~g; ' | + tr '\n' ' ' + )" '"$@"' + +exec "$JAVACMD" "$@" diff --git a/app/android/gradlew.bat b/app/android/gradlew.bat new file mode 100644 index 0000000..9b42019 --- /dev/null +++ b/app/android/gradlew.bat @@ -0,0 +1,94 @@ +@rem +@rem Copyright 2015 the original author or authors. +@rem +@rem Licensed under the Apache License, Version 2.0 (the "License"); +@rem you may not use this file except in compliance with the License. +@rem You may obtain a copy of the License at +@rem +@rem https://www.apache.org/licenses/LICENSE-2.0 +@rem +@rem Unless required by applicable law or agreed to in writing, software +@rem distributed under the License is distributed on an "AS IS" BASIS, +@rem WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +@rem See the License for the specific language governing permissions and +@rem limitations under the License. +@rem +@rem SPDX-License-Identifier: Apache-2.0 +@rem + +@if "%DEBUG%"=="" @echo off +@rem ########################################################################## +@rem +@rem Gradle startup script for Windows +@rem +@rem ########################################################################## + +@rem Set local scope for the variables with windows NT shell +if "%OS%"=="Windows_NT" setlocal + +set DIRNAME=%~dp0 +if "%DIRNAME%"=="" set DIRNAME=. +@rem This is normally unused +set APP_BASE_NAME=%~n0 +set APP_HOME=%DIRNAME% + +@rem Resolve any "." and ".." in APP_HOME to make it shorter. +for %%i in ("%APP_HOME%") do set APP_HOME=%%~fi + +@rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. +set DEFAULT_JVM_OPTS="-Xmx64m" "-Xms64m" + +@rem Find java.exe +if defined JAVA_HOME goto findJavaFromJavaHome + +set JAVA_EXE=java.exe +%JAVA_EXE% -version >NUL 2>&1 +if %ERRORLEVEL% equ 0 goto execute + +echo. 1>&2 +echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 1>&2 +echo. 1>&2 +echo Please set the JAVA_HOME variable in your environment to match the 1>&2 +echo location of your Java installation. 1>&2 + +goto fail + +:findJavaFromJavaHome +set JAVA_HOME=%JAVA_HOME:"=% +set JAVA_EXE=%JAVA_HOME%/bin/java.exe + +if exist "%JAVA_EXE%" goto execute + +echo. 1>&2 +echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME% 1>&2 +echo. 1>&2 +echo Please set the JAVA_HOME variable in your environment to match the 1>&2 +echo location of your Java installation. 1>&2 + +goto fail + +:execute +@rem Setup the command line + +set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar + + +@rem Execute Gradle +"%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %* + +:end +@rem End local scope for the variables with windows NT shell +if %ERRORLEVEL% equ 0 goto mainEnd + +:fail +rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of +rem the _cmd.exe /c_ return code! +set EXIT_CODE=%ERRORLEVEL% +if %EXIT_CODE% equ 0 set EXIT_CODE=1 +if not ""=="%GRADLE_EXIT_CONSOLE%" exit %EXIT_CODE% +exit /b %EXIT_CODE% + +:mainEnd +if "%OS%"=="Windows_NT" endlocal + +:omega diff --git a/app/android/settings.gradle b/app/android/settings.gradle new file mode 100644 index 0000000..3b4431d --- /dev/null +++ b/app/android/settings.gradle @@ -0,0 +1,5 @@ +include ':app' +include ':capacitor-cordova-android-plugins' +project(':capacitor-cordova-android-plugins').projectDir = new File('./capacitor-cordova-android-plugins/') + +apply from: 'capacitor.settings.gradle' \ No newline at end of file diff --git a/app/android/variables.gradle b/app/android/variables.gradle new file mode 100644 index 0000000..2c8e408 --- /dev/null +++ b/app/android/variables.gradle @@ -0,0 +1,16 @@ +ext { + minSdkVersion = 23 + compileSdkVersion = 35 + targetSdkVersion = 35 + androidxActivityVersion = '1.9.2' + androidxAppCompatVersion = '1.7.0' + androidxCoordinatorLayoutVersion = '1.2.0' + androidxCoreVersion = '1.15.0' + androidxFragmentVersion = '1.8.4' + coreSplashScreenVersion = '1.0.1' + androidxWebkitVersion = '1.12.1' + junitVersion = '4.13.2' + androidxJunitVersion = '1.2.1' + androidxEspressoCoreVersion = '3.6.1' + cordovaAndroidVersion = '10.1.1' +} \ No newline at end of file diff --git a/app/capacitor.config.ts b/app/capacitor.config.ts new file mode 100644 index 0000000..1471206 --- /dev/null +++ b/app/capacitor.config.ts @@ -0,0 +1,23 @@ +import type { CapacitorConfig } from '@capacitor/cli'; + +const config: CapacitorConfig = { + appId: 'com.goldenchart.app', + appName: 'GoldenChart', + webDir: 'dist', + server: { + androidScheme: 'https', + iosScheme: 'capacitor', + }, + plugins: { + SplashScreen: { + launchAutoHide: true, + backgroundColor: '#0f0f23', + showSpinner: false, + }, + PushNotifications: { + presentationOptions: ['badge', 'sound', 'alert'], + }, + }, +}; + +export default config; diff --git a/app/index.html b/app/index.html new file mode 100644 index 0000000..4cbed4c --- /dev/null +++ b/app/index.html @@ -0,0 +1,18 @@ + + + + + + + + + GoldenChart + + + + + +
+ + + diff --git a/app/package.json b/app/package.json new file mode 100644 index 0000000..0e80320 --- /dev/null +++ b/app/package.json @@ -0,0 +1,41 @@ +{ + "name": "@goldenchart/app", + "version": "0.1.0", + "private": true, + "type": "module", + "scripts": { + "dev": "vite", + "build": "tsc && vite build", + "preview": "vite preview", + "cap:sync": "npm run build && npx cap sync", + "cap:open:android": "npx cap open android", + "cap:open:ios": "npx cap open ios" + }, + "dependencies": { + "@capacitor/android": "^7.0.0", + "@capacitor/app": "^7.0.0", + "@capacitor/core": "^7.0.0", + "@capacitor/haptics": "^7.0.0", + "@capacitor/ios": "^7.0.0", + "@capacitor/preferences": "^7.0.0", + "@capacitor/push-notifications": "^7.0.0", + "@capacitor/splash-screen": "^7.0.0", + "@capacitor/status-bar": "^7.0.0", + "@goldenchart/shared": "*", + "@stomp/stompjs": "^7.3.0", + "@xyflow/react": "^12.10.2", + "lightweight-charts": "^5.2.0", + "react": "^18.3.1", + "react-dom": "^18.3.1", + "sockjs-client": "^1.6.1" + }, + "devDependencies": { + "@capacitor/cli": "^7.0.0", + "@types/react": "^18.3.1", + "@types/react-dom": "^18.3.1", + "@types/sockjs-client": "^1.5.4", + "@vitejs/plugin-react": "^4.3.1", + "typescript": "^5.5.4", + "vite": "^5.4.0" + } +} diff --git a/app/public/icon.svg b/app/public/icon.svg new file mode 100644 index 0000000..eec74e9 --- /dev/null +++ b/app/public/icon.svg @@ -0,0 +1,10 @@ + + + + + + + + + G + diff --git a/app/resources/android/colors.xml b/app/resources/android/colors.xml new file mode 100644 index 0000000..925151b --- /dev/null +++ b/app/resources/android/colors.xml @@ -0,0 +1,7 @@ + + + #8b5cf6 + #0f0f23 + #8b5cf6 + #0f0f23 + diff --git a/app/resources/icon.json b/app/resources/icon.json new file mode 100644 index 0000000..e1517d3 --- /dev/null +++ b/app/resources/icon.json @@ -0,0 +1,8 @@ +{ + "images": [ + { + "src": "../public/icon.svg", + "type": "svg" + } + ] +} diff --git a/app/src/App.tsx b/app/src/App.tsx new file mode 100644 index 0000000..cd3a736 --- /dev/null +++ b/app/src/App.tsx @@ -0,0 +1,125 @@ +import React, { lazy, Suspense, useCallback, useEffect, useState } from 'react'; +import { Capacitor } from '@capacitor/core'; +import { StatusBar, Style } from '@capacitor/status-bar'; +import { SplashScreen } from '@capacitor/splash-screen'; +import { initStorage } from './lib/shared'; +import { NavigationProvider, useNavigation } from './contexts/NavigationContext'; +import { TradeNotificationProvider, useTradeNotification } from './contexts/TradeNotificationContext'; +import { useAppSettings, resolveAppDefaults } from './hooks/useAppSettings'; +import TabBar, { type TabId } from './components/TabBar'; +import { initFcmPush, type FcmPayload } from './services/fcm'; +import LiveSignalBridge from './components/LiveSignalBridge'; +import './theme/global.css'; + +const VirtualTradingScreen = lazy(() => import('./screens/virtual/VirtualTradingScreen')); +const StrategyEditorScreen = lazy(() => import('./screens/strategy/StrategyEditorScreen')); +const NotificationsScreen = lazy(() => import('./screens/notifications/NotificationsScreen')); +const SettingsScreen = lazy(() => import('./screens/settings/SettingsScreen')); + +function ToastStack() { + const { toastNotifications, dismissToast } = useTradeNotification(); + if (toastNotifications.length === 0) return null; + return ( +
+ {toastNotifications.slice(0, 3).map(t => ( +
dismissToast(t.id)}> + + {t.signalType === 'BUY' ? '매수' : '매도'} + + {' '}{t.market} · ₩{t.price?.toLocaleString()} +
+ ))} +
+ ); +} + +function AppInner() { + const { tab, setTab, openVirtualFocus } = useNavigation(); + const { addNotification, refreshHistory, unreadCount } = useTradeNotification(); + const { settings, isLoaded } = useAppSettings(); + const defaults = resolveAppDefaults(settings); + const [ready, setReady] = useState(false); + + useEffect(() => { + void (async () => { + await initStorage(); + if (Capacitor.isNativePlatform()) { + try { + await StatusBar.setStyle({ style: Style.Dark }); + await StatusBar.setBackgroundColor({ color: '#0f0f23' }); + await SplashScreen.hide(); + } catch { /* web */ } + } + setReady(true); + })(); + }, []); + + useEffect(() => { + if (!isLoaded || !defaults.fcmPushEnabled) return; + void initFcmPush({ + onForeground: (title, body, data) => { + if (data?.market && data?.signalType) { + addNotification({ + market: data.market, + signalType: data.signalType, + price: Number(data.price) || 0, + candleTime: Math.floor(Date.now() / 1000), + dbId: data.signalId ? Number(data.signalId) : undefined, + }); + } else { + void refreshHistory(); + } + }, + onTap: (data: FcmPayload) => { + if (data.market) { + setTab('virtual'); + openVirtualFocus(data.market); + } else { + setTab('notifications'); + } + }, + }); + }, [isLoaded, defaults.fcmPushEnabled, addNotification, refreshHistory, setTab, openVirtualFocus]); + + useEffect(() => { + document.documentElement.setAttribute('data-theme', defaults.theme ?? 'dark'); + }, [defaults.theme]); + + if (!ready) { + return
GoldenChart
; + } + + const screens: Record = { + virtual: , + strategy: , + notifications: , + settings: , + }; + + return ( +
+ + +
+ 로딩…
}> + {screens[tab]} + + + + + ); +} + +export default function App() { + return ( + + + + + + ); +} diff --git a/app/src/components/BottomSheet.tsx b/app/src/components/BottomSheet.tsx new file mode 100644 index 0000000..e274a14 --- /dev/null +++ b/app/src/components/BottomSheet.tsx @@ -0,0 +1,106 @@ +import React, { useEffect } from 'react'; + +interface BottomSheetProps { + open: boolean; + title?: string; + onClose: () => void; + children: React.ReactNode; + height?: 'auto' | 'half' | 'full'; +} + +export default function BottomSheet({ + open, + title, + onClose, + children, + height = 'auto', +}: BottomSheetProps) { + useEffect(() => { + if (!open) return; + const prev = document.body.style.overflow; + document.body.style.overflow = 'hidden'; + return () => { document.body.style.overflow = prev; }; + }, [open]); + + if (!open) return null; + + return ( +
+ +
+ )} +
{children}
+ + + + ); +} diff --git a/app/src/components/LiveSignalBridge.tsx b/app/src/components/LiveSignalBridge.tsx new file mode 100644 index 0000000..52d3e10 --- /dev/null +++ b/app/src/components/LiveSignalBridge.tsx @@ -0,0 +1,37 @@ +import { useEffect } from 'react'; +import { loadVirtualTargets, loadVirtualSession } from '@frontend/utils/virtualTradingStorage'; +import { useLiveStrategyMarkers } from '@frontend/hooks/useLiveStrategyMarkers'; +import { useTradeNotification } from '../contexts/TradeNotificationContext'; + +/** 가상매매 대상 종목 STOMP 시그널 → 알림 Context */ +export default function LiveSignalBridge() { + const { addNotification, refreshHistory } = useTradeNotification(); + const targets = loadVirtualTargets(); + const session = loadVirtualSession(); + const markets = targets.map(t => t.market); + + useLiveStrategyMarkers({ + markets, + activeMarket: markets[0] ?? 'KRW-BTC', + enabled: session.running && markets.length > 0, + onMarkersChange: () => {}, + onSignal: marker => { + addNotification({ + market: marker.market, + signalType: marker.signal, + price: marker.price, + candleTime: marker.time, + candleType: marker.candleType ?? '1m', + }); + window.setTimeout(() => { void refreshHistory(); }, 800); + }, + }); + + useEffect(() => { + if (!session.running) return; + const id = window.setInterval(() => { void refreshHistory(); }, 20000); + return () => window.clearInterval(id); + }, [session.running, refreshHistory]); + + return null; +} diff --git a/app/src/components/SegmentedControl.tsx b/app/src/components/SegmentedControl.tsx new file mode 100644 index 0000000..7a0cb29 --- /dev/null +++ b/app/src/components/SegmentedControl.tsx @@ -0,0 +1,56 @@ +import React from 'react'; + +interface SegmentedControlProps { + options: { value: T; label: string }[]; + value: T; + onChange: (v: T) => void; + size?: 'sm' | 'md'; +} + +export default function SegmentedControl({ + options, + value, + onChange, + size = 'md', +}: SegmentedControlProps) { + return ( +
+ {options.map(opt => ( + + ))} + +
+ ); +} diff --git a/app/src/components/SettingsList.tsx b/app/src/components/SettingsList.tsx new file mode 100644 index 0000000..6137cf2 --- /dev/null +++ b/app/src/components/SettingsList.tsx @@ -0,0 +1,101 @@ +import React from 'react'; + +interface SettingRowProps { + label: string; + description?: string; + children: React.ReactNode; +} + +export function SettingGroup({ title, children }: { title?: string; children: React.ReactNode }) { + return ( +
+ {title &&

{title}

} +
{children}
+ +
+ ); +} + +export function SettingRow({ label, description, children }: SettingRowProps) { + return ( +
+
+ {label} + {description && {description}} +
+
{children}
+ +
+ ); +} + +export function Toggle({ checked, onChange, label }: { checked: boolean; onChange: (v: boolean) => void; label?: string }) { + return ( + + ); +} diff --git a/app/src/components/TabBar.tsx b/app/src/components/TabBar.tsx new file mode 100644 index 0000000..0cb4cf4 --- /dev/null +++ b/app/src/components/TabBar.tsx @@ -0,0 +1,91 @@ +import React from 'react'; + +export type TabId = 'virtual' | 'strategy' | 'notifications' | 'settings'; + +interface TabBarProps { + active: TabId; + onChange: (tab: TabId) => void; + unreadCount: number; +} + +const TABS: { id: TabId; label: string; icon: string }[] = [ + { id: 'virtual', label: '가상매매', icon: '📊' }, + { id: 'strategy', label: '전략', icon: '🔀' }, + { id: 'notifications', label: '알림', icon: '🔔' }, + { id: 'settings', label: '설정', icon: '⚙️' }, +]; + +export default function TabBar({ active, onChange, unreadCount }: TabBarProps) { + return ( + + ); +} diff --git a/app/src/contexts/NavigationContext.tsx b/app/src/contexts/NavigationContext.tsx new file mode 100644 index 0000000..0d73f2f --- /dev/null +++ b/app/src/contexts/NavigationContext.tsx @@ -0,0 +1,37 @@ +import React, { createContext, useContext, useMemo, useState, useCallback } from 'react'; +import type { TabId } from '../components/TabBar'; + +interface NavContextValue { + tab: TabId; + setTab: (t: TabId) => void; + focusMarket: string | null; + openVirtualFocus: (market: string) => void; + clearVirtualFocus: () => void; +} + +const NavContext = createContext(null); + +export function NavigationProvider({ children }: { children: React.ReactNode }) { + const [tab, setTab] = useState('virtual'); + const [focusMarket, setFocusMarket] = useState(null); + + const openVirtualFocus = useCallback((market: string) => { + setFocusMarket(market); + setTab('virtual'); + }, []); + + const clearVirtualFocus = useCallback(() => setFocusMarket(null), []); + + const value = useMemo( + () => ({ tab, setTab, focusMarket, openVirtualFocus, clearVirtualFocus }), + [tab, focusMarket, openVirtualFocus, clearVirtualFocus], + ); + + return {children}; +} + +export function useNavigation() { + const ctx = useContext(NavContext); + if (!ctx) throw new Error('useNavigation requires NavigationProvider'); + return ctx; +} diff --git a/app/src/contexts/TradeNotificationContext.tsx b/app/src/contexts/TradeNotificationContext.tsx new file mode 100644 index 0000000..0e6da86 --- /dev/null +++ b/app/src/contexts/TradeNotificationContext.tsx @@ -0,0 +1,216 @@ +import { + deleteAllTradeSignals, + deleteTradeSignal, + deleteTradeSignalsBatch, + loadTradeSignals, + type TradeSignalDto, +} from '../lib/shared'; +import { getUiPreferences, patchUiPreferences } from '@frontend/utils/uiPreferencesDb'; +import React, { + createContext, + useCallback, + useContext, + useEffect, + useMemo, + useRef, + useState, +} from 'react'; + +export interface TradeSignalInfo { + market: string; + signalType: string; + price: number; + candleTime: number; + strategyName?: string; + strategyId?: number; + executionType?: string; + candleType?: string; +} + +export interface TradeNotificationItem extends TradeSignalInfo { + id: string; + dbId?: number; + isRead: boolean; + receivedAt: number; +} + +interface TradeNotificationContextValue { + toastNotifications: TradeNotificationItem[]; + allNotifications: TradeNotificationItem[]; + unreadCount: number; + addNotification: (signal: TradeSignalInfo & { dbId?: number }) => void; + dismissToast: (id: string) => void; + dismissAllToasts: () => void; + markAsRead: (id: string) => void; + markAllAsRead: () => void; + deleteNotification: (id: string) => Promise; + deleteAllNotifications: () => Promise; + refreshHistory: () => Promise; +} + +const TradeNotificationContext = createContext(null); + +function makeId(signal: Pick): string { + return `${signal.market}:${signal.candleTime}:${signal.signalType}`; +} + +function loadReadIds(): Set { + return new Set(getUiPreferences().tradeNotifications?.readIds ?? []); +} + +function saveReadIds(ids: Set) { + patchUiPreferences({ tradeNotifications: { readIds: [...ids] } }); +} + +function loadHiddenIds(): Set { + return new Set(getUiPreferences().tradeNotifications?.hiddenIds ?? []); +} + +function saveHiddenIds(ids: Set) { + patchUiPreferences({ tradeNotifications: { hiddenIds: [...ids] } }); +} + +function dtoToItem(dto: TradeSignalDto, readIds: Set): TradeNotificationItem { + const id = `${dto.market}:${dto.candleTime}:${dto.signalType}`; + return { + id, + dbId: dto.id, + market: dto.market, + signalType: dto.signalType, + price: dto.price, + candleTime: dto.candleTime, + strategyName: dto.strategyName, + strategyId: dto.strategyId, + executionType: dto.executionType, + candleType: dto.candleType, + isRead: readIds.has(id), + receivedAt: new Date(dto.createdAt).getTime() || dto.candleTime * 1000, + }; +} + +export function useTradeNotification() { + const ctx = useContext(TradeNotificationContext); + if (!ctx) throw new Error('useTradeNotification requires provider'); + return ctx; +} + +export function TradeNotificationProvider({ + children, + soundEnabled = true, +}: { + children: React.ReactNode; + soundEnabled?: boolean; +}) { + const [toasts, setToasts] = useState([]); + const [all, setAll] = useState([]); + const readRef = useRef(loadReadIds()); + const hiddenRef = useRef(loadHiddenIds()); + + const refreshHistory = useCallback(async () => { + readRef.current = loadReadIds(); + hiddenRef.current = loadHiddenIds(); + const dtos = await loadTradeSignals(); + const items = (dtos ?? []) + .map(d => dtoToItem(d, readRef.current)) + .filter(i => !hiddenRef.current.has(i.id)) + .sort((a, b) => b.receivedAt - a.receivedAt); + setAll(items); + }, []); + + useEffect(() => { + void refreshHistory(); + const t = setInterval(() => void refreshHistory(), 20000); + return () => clearInterval(t); + }, [refreshHistory]); + + const addNotification = useCallback((signal: TradeSignalInfo & { dbId?: number }) => { + const id = makeId(signal); + if (hiddenRef.current.has(id)) return; + const item: TradeNotificationItem = { + ...signal, + id, + isRead: readRef.current.has(id), + receivedAt: Date.now(), + }; + setAll(prev => { + const filtered = prev.filter(p => p.id !== id); + return [item, ...filtered].slice(0, 300); + }); + if (!item.isRead) { + setToasts(prev => [item, ...prev.filter(p => p.id !== id)].slice(0, 50)); + if (soundEnabled && typeof navigator !== 'undefined' && 'vibrate' in navigator) { + navigator.vibrate(80); + } + } + }, [soundEnabled]); + + const dismissToast = useCallback((id: string) => { + setToasts(prev => prev.filter(t => t.id !== id)); + readRef.current.add(id); + saveReadIds(readRef.current); + setAll(prev => prev.map(n => (n.id === id ? { ...n, isRead: true } : n))); + }, []); + + const dismissAllToasts = useCallback(() => { + setToasts(prev => { + prev.forEach(t => readRef.current.add(t.id)); + saveReadIds(readRef.current); + return []; + }); + setAll(prev => prev.map(n => ({ ...n, isRead: true }))); + }, []); + + const markAsRead = useCallback((id: string) => { + readRef.current.add(id); + saveReadIds(readRef.current); + setAll(prev => prev.map(n => (n.id === id ? { ...n, isRead: true } : n))); + setToasts(prev => prev.filter(t => t.id !== id)); + }, []); + + const markAllAsRead = useCallback(() => { + all.forEach(n => readRef.current.add(n.id)); + saveReadIds(readRef.current); + setAll(prev => prev.map(n => ({ ...n, isRead: true }))); + setToasts([]); + }, [all]); + + const deleteNotification = useCallback(async (id: string) => { + const item = all.find(n => n.id === id); + hiddenRef.current.add(id); + saveHiddenIds(hiddenRef.current); + if (item?.dbId) await deleteTradeSignal(item.dbId); + setAll(prev => prev.filter(n => n.id !== id)); + setToasts(prev => prev.filter(t => t.id !== id)); + }, [all]); + + const deleteAllNotifications = useCallback(async () => { + await deleteAllTradeSignals(); + all.forEach(n => hiddenRef.current.add(n.id)); + saveHiddenIds(hiddenRef.current); + setAll([]); + setToasts([]); + }, [all]); + + const unreadCount = useMemo(() => all.filter(n => !n.isRead).length, [all]); + + const value = useMemo( + () => ({ + toastNotifications: toasts, + allNotifications: all, + unreadCount, + addNotification, + dismissToast, + dismissAllToasts, + markAsRead, + markAllAsRead, + deleteNotification, + deleteAllNotifications, + refreshHistory, + }), + [toasts, all, unreadCount, addNotification, dismissToast, dismissAllToasts, markAsRead, markAllAsRead, deleteNotification, deleteAllNotifications, refreshHistory], + ); + + return ( + {children} + ); +} diff --git a/app/src/hooks/useAppSettings.ts b/app/src/hooks/useAppSettings.ts new file mode 100644 index 0000000..f8a4118 --- /dev/null +++ b/app/src/hooks/useAppSettings.ts @@ -0,0 +1,7 @@ +export { + useAppSettings, + getAppSettingsCache, + subscribeAppSettings, + resolveAppDefaults, + invalidateAppSettingsCache, +} from '@frontend/hooks/useAppSettings'; diff --git a/app/src/lib/shared.ts b/app/src/lib/shared.ts new file mode 100644 index 0000000..7068d37 --- /dev/null +++ b/app/src/lib/shared.ts @@ -0,0 +1,10 @@ +export * from '../../../packages/shared/src/api/backendApi'; +export { + initStorage, + storageGet, + storageSet, + storageGetSync, + storageSetSync, + storageRemove, +} from '../../../packages/shared/src/storage/index'; +export * from '../../../packages/shared/src/auth'; diff --git a/app/src/main.tsx b/app/src/main.tsx new file mode 100644 index 0000000..c018515 --- /dev/null +++ b/app/src/main.tsx @@ -0,0 +1,9 @@ +import React from 'react'; +import ReactDOM from 'react-dom/client'; +import App from './App'; + +ReactDOM.createRoot(document.getElementById('root')!).render( + + + , +); diff --git a/app/src/screens/notifications/NotificationsScreen.tsx b/app/src/screens/notifications/NotificationsScreen.tsx new file mode 100644 index 0000000..ec9b3d1 --- /dev/null +++ b/app/src/screens/notifications/NotificationsScreen.tsx @@ -0,0 +1,92 @@ +import React from 'react'; +import { useTradeNotification } from '../../contexts/TradeNotificationContext'; +import { useNavigation } from '../../contexts/NavigationContext'; + +export default function NotificationsScreen() { + const { + allNotifications, + unreadCount, + markAsRead, + markAllAsRead, + deleteNotification, + deleteAllNotifications, + refreshHistory, + } = useTradeNotification(); + const { openVirtualFocus } = useNavigation(); + const [refreshing, setRefreshing] = React.useState(false); + + const onRefresh = async () => { + setRefreshing(true); + await refreshHistory(); + setRefreshing(false); + }; + + return ( +
+
+

알림 {unreadCount > 0 && `(${unreadCount})`}

+
+ + +
+
+ + {allNotifications.length === 0 ? ( +
+

알림 없음

+

전략 조건 충족 시 알림이 표시됩니다

+
+ ) : ( +
+ {allNotifications.map(item => ( +
{ + markAsRead(item.id); + openVirtualFocus(item.market); + }} + role="button" + tabIndex={0} + > +
+
+ + {item.signalType === 'BUY' ? '매수' : '매도'} + + {item.market} +
+ +
+
₩{item.price?.toLocaleString()}
+ {item.strategyName && ( +
{item.strategyName}
+ )} +
+ {new Date(item.receivedAt).toLocaleString('ko-KR')} +
+
+ ))} +
+ )} + + {allNotifications.length > 0 && ( +
+ +
+ )} +
+ ); +} diff --git a/app/src/screens/settings/SettingsScreen.tsx b/app/src/screens/settings/SettingsScreen.tsx new file mode 100644 index 0000000..4034cd6 --- /dev/null +++ b/app/src/screens/settings/SettingsScreen.tsx @@ -0,0 +1,186 @@ +import React, { useCallback, useEffect, useState } from 'react'; +import { + loginUser, + resetPaperAccount, + sendFcmTest, + loadFcmStatus, + setApiBase, + getStoredDeviceId, + type AppSettingsDto, +} from '../../lib/shared'; +import { getAuthSession, setAuthSession, clearAuthSession } from '../../lib/shared'; +import { useAppSettings, resolveAppDefaults } from '../../hooks/useAppSettings'; +import { SettingGroup, SettingRow, Toggle } from '../../components/SettingsList'; +import { initFcmPush, checkPushPermission } from '../../services/fcm'; +import { API_BASE } from '../../lib/shared'; + +export default function SettingsScreen() { + const { settings, save, isLoaded } = useAppSettings(); + const defaults = resolveAppDefaults(settings); + const session = getAuthSession(); + + const [username, setUsername] = useState(''); + const [password, setPassword] = useState(''); + const [apiUrl, setApiUrl] = useState(API_BASE); + const [fcmAvailable, setFcmAvailable] = useState(false); + const [pushPerm, setPushPerm] = useState('prompt'); + const [loginError, setLoginError] = useState(''); + + useEffect(() => { + void loadFcmStatus().then(s => setFcmAvailable(!!s?.available)); + void checkPushPermission().then(setPushPerm); + }, []); + + const patch = useCallback((p: AppSettingsDto) => save(p as unknown as Parameters[0]), [save]); + + const handleLogin = async () => { + setLoginError(''); + try { + const res = await loginUser(username, password); + setAuthSession({ + userId: res.userId, + username: res.username, + displayName: res.displayName ?? res.username, + role: res.role === 'ADMIN' ? 'ADMIN' : 'USER', + }); + setUsername(''); + setPassword(''); + } catch (e) { + setLoginError(e instanceof Error ? e.message : '로그인 실패'); + } + }; + + const handleLogout = async () => { + await clearAuthSession(); + window.location.reload(); + }; + + const handleFcmToggle = async (enabled: boolean) => { + patch({ fcmPushEnabled: enabled }); + if (enabled) { + await initFcmPush(); + setPushPerm(await checkPushPermission()); + } + }; + + if (!isLoaded) return
설정 로딩…
; + + return ( +
+
+

설정

+
+ + + + + + + patch({ displayTimezone: e.target.value })} + style={{ padding: '8px 12px', borderRadius: 8, border: '1px solid var(--gc-border)', background: 'transparent', width: 140 }} + /> + + + + + + patch({ liveStrategyCheck: v })} label="실시간 전략 체크" /> + + + + + + + + + patch({ paperTradingEnabled: v })} label="모의투자" /> + + + patch({ paperAutoTradeEnabled: v })} label="자동 모의 체결" /> + + + patch({ virtualTargetMaxCount: Number(e.target.value) })} + style={{ width: 64, padding: 8, borderRadius: 8, border: '1px solid var(--gc-border)', background: 'transparent' }} + /> + + + + + + + + + patch({ tradeAlertPopup: v })} label="매매 알림" /> + + + patch({ tradeAlertSoundEnabled: v })} label="알림 사운드" /> + + + + + + void handleFcmToggle(v)} label="FCM 푸시" /> + + + {pushPerm} + + + + + + + + + setApiUrl(e.target.value)} + style={{ width: 160, padding: 8, borderRadius: 8, border: '1px solid var(--gc-border)', background: 'transparent', fontSize: 11 }} + /> + + + + + + {getStoredDeviceId()} + + {session ? ( + + + + ) : ( + <> + + setUsername(e.target.value)} style={{ width: 120, padding: 8, borderRadius: 8, border: '1px solid var(--gc-border)', background: 'transparent' }} /> + + + setPassword(e.target.value)} style={{ width: 120, padding: 8, borderRadius: 8, border: '1px solid var(--gc-border)', background: 'transparent' }} /> + + + + + {loginError &&
{loginError}
} + + )} + +
+ ); +} diff --git a/app/src/screens/strategy/StrategyEditorScreen.tsx b/app/src/screens/strategy/StrategyEditorScreen.tsx new file mode 100644 index 0000000..edfedca --- /dev/null +++ b/app/src/screens/strategy/StrategyEditorScreen.tsx @@ -0,0 +1,187 @@ +import React, { useCallback, useEffect, useState } from 'react'; +import { + loadStrategies, + loadStrategy, + saveStrategy, + deleteStrategy, + type StrategyDto, +} from '../../lib/shared'; +import type { LogicNode } from '@frontend/utils/strategyTypes'; +import { genId } from '@frontend/utils/strategyEditorShared'; + +const emptyAnd = (): LogicNode => ({ id: genId(), type: 'AND', children: [] }); +import { + decodeConditionForEditor, + encodeConditionForSave, +} from '@frontend/utils/strategyConditionSerde'; +import { + downloadStrategyJson, + parseStrategyImportFile, + pickJsonFile, + buildStrategyExportPayload, +} from '@frontend/utils/strategyImportExport'; +import { loadEditorMode, saveEditorMode, type StrategyEditorMode } from '@frontend/utils/strategyEditorModeStorage'; +import SegmentedControl from '../../components/SegmentedControl'; +import BottomSheet from '../../components/BottomSheet'; +import StrategyFlowMobile from './StrategyFlowMobile'; + +const emptyEditorState = { + root: null as LogicNode | null, + startMeta: {}, + extraStartIds: [] as string[], + extraRoots: {} as Record, + startCombineOp: 'AND' as const, +}; + +export default function StrategyEditorScreen() { + const [strategies, setStrategies] = useState([]); + const [selectedId, setSelectedId] = useState(null); + const [editorMode, setEditorMode] = useState(() => loadEditorMode()); + const [signalTab, setSignalTab] = useState<'buy' | 'sell'>('buy'); + const [name, setName] = useState('새 전략'); + const [description, setDescription] = useState(''); + const [buyRoot, setBuyRoot] = useState(emptyAnd()); + const [sellRoot, setSellRoot] = useState(emptyAnd()); + const [loading, setLoading] = useState(true); + const [saving, setSaving] = useState(false); + + const refreshList = useCallback(async () => { + setStrategies((await loadStrategies()) ?? []); + }, []); + + useEffect(() => { + void refreshList().finally(() => setLoading(false)); + }, [refreshList]); + + const loadOne = async (id: number) => { + const s = await loadStrategy(id); + if (!s) return; + setSelectedId(id); + setName(s.name); + setDescription(s.description ?? ''); + setBuyRoot(decodeConditionForEditor(s.buyCondition as LogicNode).root); + setSellRoot(decodeConditionForEditor(s.sellCondition as LogicNode).root); + }; + + const handleSave = async () => { + setSaving(true); + try { + const saved = await saveStrategy({ + id: selectedId ?? undefined, + name, + description, + buyCondition: encodeConditionForSave({ ...emptyEditorState, root: buyRoot }), + sellCondition: encodeConditionForSave({ ...emptyEditorState, root: sellRoot }), + enabled: true, + }); + if (saved?.id) { + setSelectedId(saved.id); + await refreshList(); + } + } finally { + setSaving(false); + } + }; + + const handleDelete = async () => { + if (selectedId == null || !confirm('삭제할까요?')) return; + await deleteStrategy(selectedId); + setSelectedId(null); + setName('새 전략'); + setBuyRoot(emptyAnd()); + setSellRoot(emptyAnd()); + await refreshList(); + }; + + const currentRoot = signalTab === 'buy' ? buyRoot : sellRoot; + const setCurrentRoot = signalTab === 'buy' ? setBuyRoot : setSellRoot; + + const handleExport = () => { + const payload = buildStrategyExportPayload({ + name, + description, + buyCondition: encodeConditionForSave({ ...emptyEditorState, root: buyRoot }), + sellCondition: encodeConditionForSave({ ...emptyEditorState, root: sellRoot }), + }); + downloadStrategyJson(name, payload); + }; + + const handleImport = async () => { + const file = await pickJsonFile(); + if (!file) return; + const parsed = await parseStrategyImportFile(file); + if (!parsed) return; + const data = parsed.kind === 'single' ? parsed.data : parsed.data.strategies[0]; + if (!data) return; + setName(data.name ?? '가져온 전략'); + setDescription(data.description ?? ''); + setBuyRoot(decodeConditionForEditor(data.buyCondition as LogicNode).root); + setSellRoot(decodeConditionForEditor(data.sellCondition as LogicNode).root); + setSelectedId(null); + }; + + if (loading) return
로딩 중…
; + + return ( +
+
+

전략편집기

+ +
+ +
+ + + + {selectedId != null && } +
+ +
+ + setName(e.target.value)} placeholder="전략 이름" style={{ width: '100%', padding: 12, borderRadius: 10, border: '1px solid var(--gc-border)', background: 'rgba(255,255,255,0.05)', marginBottom: 8 }} /> +