build: eb8f08f0-e41a-4086-9130-c5af05b58ec7
This commit is contained in:
AppCakes
Binary file not shown.
@@ -0,0 +1 @@
|
|||||||
|
nodeLinker: node-modules
|
||||||
@@ -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
|
||||||
@@ -0,0 +1,2 @@
|
|||||||
|
/build/*
|
||||||
|
!/build/.npmkeep
|
||||||
@@ -0,0 +1,55 @@
|
|||||||
|
apply plugin: 'com.android.application'
|
||||||
|
|
||||||
|
android {
|
||||||
|
namespace = "io.ionic.starter"
|
||||||
|
compileSdk = rootProject.ext.compileSdkVersion
|
||||||
|
defaultConfig {
|
||||||
|
applicationId "io.ionic.starter"
|
||||||
|
minSdkVersion rootProject.ext.minSdkVersion
|
||||||
|
targetSdkVersion rootProject.ext.targetSdkVersion
|
||||||
|
versionCode 1
|
||||||
|
versionName "1.0"
|
||||||
|
testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
|
||||||
|
manifestPlaceholders = [googleMapsApiKey: System.getenv("VITE_GOOGLE_MAPS_KEY") ?: ""]
|
||||||
|
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")
|
||||||
|
}
|
||||||
Vendored
+21
@@ -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
|
||||||
@@ -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 <a href="http://d.android.com/tools/testing">Testing documentation</a>
|
||||||
|
*/
|
||||||
|
@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());
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,45 @@
|
|||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<manifest xmlns:android="http://schemas.android.com/apk/res/android">
|
||||||
|
|
||||||
|
<application
|
||||||
|
android:allowBackup="true"
|
||||||
|
android:icon="@mipmap/ic_launcher"
|
||||||
|
android:label="@string/app_name"
|
||||||
|
android:roundIcon="@mipmap/ic_launcher_round"
|
||||||
|
android:supportsRtl="true"
|
||||||
|
android:theme="@style/AppTheme">
|
||||||
|
|
||||||
|
<activity
|
||||||
|
android:configChanges="orientation|keyboardHidden|keyboard|screenSize|locale|smallestScreenSize|screenLayout|uiMode|navigation|density"
|
||||||
|
android:name=".MainActivity"
|
||||||
|
android:label="@string/title_activity_main"
|
||||||
|
android:theme="@style/AppTheme.NoActionBarLaunch"
|
||||||
|
android:launchMode="singleTask"
|
||||||
|
android:exported="true">
|
||||||
|
|
||||||
|
<intent-filter>
|
||||||
|
<action android:name="android.intent.action.MAIN" />
|
||||||
|
<category android:name="android.intent.category.LAUNCHER" />
|
||||||
|
</intent-filter>
|
||||||
|
|
||||||
|
</activity>
|
||||||
|
|
||||||
|
<meta-data
|
||||||
|
android:name="com.google.android.geo.API_KEY"
|
||||||
|
android:value="${googleMapsApiKey}" />
|
||||||
|
|
||||||
|
<provider
|
||||||
|
android:name="androidx.core.content.FileProvider"
|
||||||
|
android:authorities="${applicationId}.fileprovider"
|
||||||
|
android:exported="false"
|
||||||
|
android:grantUriPermissions="true">
|
||||||
|
<meta-data
|
||||||
|
android:name="android.support.FILE_PROVIDER_PATHS"
|
||||||
|
android:resource="@xml/file_paths"></meta-data>
|
||||||
|
</provider>
|
||||||
|
</application>
|
||||||
|
|
||||||
|
<!-- Permissions -->
|
||||||
|
|
||||||
|
<uses-permission android:name="android.permission.INTERNET" />
|
||||||
|
</manifest>
|
||||||
@@ -0,0 +1,5 @@
|
|||||||
|
package io.ionic.starter;
|
||||||
|
|
||||||
|
import com.getcapacitor.BridgeActivity;
|
||||||
|
|
||||||
|
public class MainActivity extends BridgeActivity {}
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 7.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 9.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 9.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
@@ -0,0 +1,34 @@
|
|||||||
|
<vector xmlns:android="http://schemas.android.com/apk/res/android"
|
||||||
|
xmlns:aapt="http://schemas.android.com/aapt"
|
||||||
|
android:width="108dp"
|
||||||
|
android:height="108dp"
|
||||||
|
android:viewportHeight="108"
|
||||||
|
android:viewportWidth="108">
|
||||||
|
<path
|
||||||
|
android:fillType="evenOdd"
|
||||||
|
android:pathData="M32,64C32,64 38.39,52.99 44.13,50.95C51.37,48.37 70.14,49.57 70.14,49.57L108.26,87.69L108,109.01L75.97,107.97L32,64Z"
|
||||||
|
android:strokeColor="#00000000"
|
||||||
|
android:strokeWidth="1">
|
||||||
|
<aapt:attr name="android:fillColor">
|
||||||
|
<gradient
|
||||||
|
android:endX="78.5885"
|
||||||
|
android:endY="90.9159"
|
||||||
|
android:startX="48.7653"
|
||||||
|
android:startY="61.0927"
|
||||||
|
android:type="linear">
|
||||||
|
<item
|
||||||
|
android:color="#44000000"
|
||||||
|
android:offset="0.0" />
|
||||||
|
<item
|
||||||
|
android:color="#00000000"
|
||||||
|
android:offset="1.0" />
|
||||||
|
</gradient>
|
||||||
|
</aapt:attr>
|
||||||
|
</path>
|
||||||
|
<path
|
||||||
|
android:fillColor="#FFFFFF"
|
||||||
|
android:fillType="nonZero"
|
||||||
|
android:pathData="M66.94,46.02L66.94,46.02C72.44,50.07 76,56.61 76,64L32,64C32,56.61 35.56,50.11 40.98,46.06L36.18,41.19C35.45,40.45 35.45,39.3 36.18,38.56C36.91,37.81 38.05,37.81 38.78,38.56L44.25,44.05C47.18,42.57 50.48,41.71 54,41.71C57.48,41.71 60.78,42.57 63.68,44.05L69.11,38.56C69.84,37.81 70.98,37.81 71.71,38.56C72.44,39.3 72.44,40.45 71.71,41.19L66.94,46.02ZM62.94,56.92C64.08,56.92 65,56.01 65,54.88C65,53.76 64.08,52.85 62.94,52.85C61.8,52.85 60.88,53.76 60.88,54.88C60.88,56.01 61.8,56.92 62.94,56.92ZM45.06,56.92C46.2,56.92 47.13,56.01 47.13,54.88C47.13,53.76 46.2,52.85 45.06,52.85C43.92,52.85 43,53.76 43,54.88C43,56.01 43.92,56.92 45.06,56.92Z"
|
||||||
|
android:strokeColor="#00000000"
|
||||||
|
android:strokeWidth="1" />
|
||||||
|
</vector>
|
||||||
@@ -0,0 +1,170 @@
|
|||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<vector xmlns:android="http://schemas.android.com/apk/res/android"
|
||||||
|
android:width="108dp"
|
||||||
|
android:height="108dp"
|
||||||
|
android:viewportHeight="108"
|
||||||
|
android:viewportWidth="108">
|
||||||
|
<path
|
||||||
|
android:fillColor="#26A69A"
|
||||||
|
android:pathData="M0,0h108v108h-108z" />
|
||||||
|
<path
|
||||||
|
android:fillColor="#00000000"
|
||||||
|
android:pathData="M9,0L9,108"
|
||||||
|
android:strokeColor="#33FFFFFF"
|
||||||
|
android:strokeWidth="0.8" />
|
||||||
|
<path
|
||||||
|
android:fillColor="#00000000"
|
||||||
|
android:pathData="M19,0L19,108"
|
||||||
|
android:strokeColor="#33FFFFFF"
|
||||||
|
android:strokeWidth="0.8" />
|
||||||
|
<path
|
||||||
|
android:fillColor="#00000000"
|
||||||
|
android:pathData="M29,0L29,108"
|
||||||
|
android:strokeColor="#33FFFFFF"
|
||||||
|
android:strokeWidth="0.8" />
|
||||||
|
<path
|
||||||
|
android:fillColor="#00000000"
|
||||||
|
android:pathData="M39,0L39,108"
|
||||||
|
android:strokeColor="#33FFFFFF"
|
||||||
|
android:strokeWidth="0.8" />
|
||||||
|
<path
|
||||||
|
android:fillColor="#00000000"
|
||||||
|
android:pathData="M49,0L49,108"
|
||||||
|
android:strokeColor="#33FFFFFF"
|
||||||
|
android:strokeWidth="0.8" />
|
||||||
|
<path
|
||||||
|
android:fillColor="#00000000"
|
||||||
|
android:pathData="M59,0L59,108"
|
||||||
|
android:strokeColor="#33FFFFFF"
|
||||||
|
android:strokeWidth="0.8" />
|
||||||
|
<path
|
||||||
|
android:fillColor="#00000000"
|
||||||
|
android:pathData="M69,0L69,108"
|
||||||
|
android:strokeColor="#33FFFFFF"
|
||||||
|
android:strokeWidth="0.8" />
|
||||||
|
<path
|
||||||
|
android:fillColor="#00000000"
|
||||||
|
android:pathData="M79,0L79,108"
|
||||||
|
android:strokeColor="#33FFFFFF"
|
||||||
|
android:strokeWidth="0.8" />
|
||||||
|
<path
|
||||||
|
android:fillColor="#00000000"
|
||||||
|
android:pathData="M89,0L89,108"
|
||||||
|
android:strokeColor="#33FFFFFF"
|
||||||
|
android:strokeWidth="0.8" />
|
||||||
|
<path
|
||||||
|
android:fillColor="#00000000"
|
||||||
|
android:pathData="M99,0L99,108"
|
||||||
|
android:strokeColor="#33FFFFFF"
|
||||||
|
android:strokeWidth="0.8" />
|
||||||
|
<path
|
||||||
|
android:fillColor="#00000000"
|
||||||
|
android:pathData="M0,9L108,9"
|
||||||
|
android:strokeColor="#33FFFFFF"
|
||||||
|
android:strokeWidth="0.8" />
|
||||||
|
<path
|
||||||
|
android:fillColor="#00000000"
|
||||||
|
android:pathData="M0,19L108,19"
|
||||||
|
android:strokeColor="#33FFFFFF"
|
||||||
|
android:strokeWidth="0.8" />
|
||||||
|
<path
|
||||||
|
android:fillColor="#00000000"
|
||||||
|
android:pathData="M0,29L108,29"
|
||||||
|
android:strokeColor="#33FFFFFF"
|
||||||
|
android:strokeWidth="0.8" />
|
||||||
|
<path
|
||||||
|
android:fillColor="#00000000"
|
||||||
|
android:pathData="M0,39L108,39"
|
||||||
|
android:strokeColor="#33FFFFFF"
|
||||||
|
android:strokeWidth="0.8" />
|
||||||
|
<path
|
||||||
|
android:fillColor="#00000000"
|
||||||
|
android:pathData="M0,49L108,49"
|
||||||
|
android:strokeColor="#33FFFFFF"
|
||||||
|
android:strokeWidth="0.8" />
|
||||||
|
<path
|
||||||
|
android:fillColor="#00000000"
|
||||||
|
android:pathData="M0,59L108,59"
|
||||||
|
android:strokeColor="#33FFFFFF"
|
||||||
|
android:strokeWidth="0.8" />
|
||||||
|
<path
|
||||||
|
android:fillColor="#00000000"
|
||||||
|
android:pathData="M0,69L108,69"
|
||||||
|
android:strokeColor="#33FFFFFF"
|
||||||
|
android:strokeWidth="0.8" />
|
||||||
|
<path
|
||||||
|
android:fillColor="#00000000"
|
||||||
|
android:pathData="M0,79L108,79"
|
||||||
|
android:strokeColor="#33FFFFFF"
|
||||||
|
android:strokeWidth="0.8" />
|
||||||
|
<path
|
||||||
|
android:fillColor="#00000000"
|
||||||
|
android:pathData="M0,89L108,89"
|
||||||
|
android:strokeColor="#33FFFFFF"
|
||||||
|
android:strokeWidth="0.8" />
|
||||||
|
<path
|
||||||
|
android:fillColor="#00000000"
|
||||||
|
android:pathData="M0,99L108,99"
|
||||||
|
android:strokeColor="#33FFFFFF"
|
||||||
|
android:strokeWidth="0.8" />
|
||||||
|
<path
|
||||||
|
android:fillColor="#00000000"
|
||||||
|
android:pathData="M19,29L89,29"
|
||||||
|
android:strokeColor="#33FFFFFF"
|
||||||
|
android:strokeWidth="0.8" />
|
||||||
|
<path
|
||||||
|
android:fillColor="#00000000"
|
||||||
|
android:pathData="M19,39L89,39"
|
||||||
|
android:strokeColor="#33FFFFFF"
|
||||||
|
android:strokeWidth="0.8" />
|
||||||
|
<path
|
||||||
|
android:fillColor="#00000000"
|
||||||
|
android:pathData="M19,49L89,49"
|
||||||
|
android:strokeColor="#33FFFFFF"
|
||||||
|
android:strokeWidth="0.8" />
|
||||||
|
<path
|
||||||
|
android:fillColor="#00000000"
|
||||||
|
android:pathData="M19,59L89,59"
|
||||||
|
android:strokeColor="#33FFFFFF"
|
||||||
|
android:strokeWidth="0.8" />
|
||||||
|
<path
|
||||||
|
android:fillColor="#00000000"
|
||||||
|
android:pathData="M19,69L89,69"
|
||||||
|
android:strokeColor="#33FFFFFF"
|
||||||
|
android:strokeWidth="0.8" />
|
||||||
|
<path
|
||||||
|
android:fillColor="#00000000"
|
||||||
|
android:pathData="M19,79L89,79"
|
||||||
|
android:strokeColor="#33FFFFFF"
|
||||||
|
android:strokeWidth="0.8" />
|
||||||
|
<path
|
||||||
|
android:fillColor="#00000000"
|
||||||
|
android:pathData="M29,19L29,89"
|
||||||
|
android:strokeColor="#33FFFFFF"
|
||||||
|
android:strokeWidth="0.8" />
|
||||||
|
<path
|
||||||
|
android:fillColor="#00000000"
|
||||||
|
android:pathData="M39,19L39,89"
|
||||||
|
android:strokeColor="#33FFFFFF"
|
||||||
|
android:strokeWidth="0.8" />
|
||||||
|
<path
|
||||||
|
android:fillColor="#00000000"
|
||||||
|
android:pathData="M49,19L49,89"
|
||||||
|
android:strokeColor="#33FFFFFF"
|
||||||
|
android:strokeWidth="0.8" />
|
||||||
|
<path
|
||||||
|
android:fillColor="#00000000"
|
||||||
|
android:pathData="M59,19L59,89"
|
||||||
|
android:strokeColor="#33FFFFFF"
|
||||||
|
android:strokeWidth="0.8" />
|
||||||
|
<path
|
||||||
|
android:fillColor="#00000000"
|
||||||
|
android:pathData="M69,19L69,89"
|
||||||
|
android:strokeColor="#33FFFFFF"
|
||||||
|
android:strokeWidth="0.8" />
|
||||||
|
<path
|
||||||
|
android:fillColor="#00000000"
|
||||||
|
android:pathData="M79,19L79,89"
|
||||||
|
android:strokeColor="#33FFFFFF"
|
||||||
|
android:strokeWidth="0.8" />
|
||||||
|
</vector>
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 3.9 KiB |
@@ -0,0 +1,12 @@
|
|||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<androidx.coordinatorlayout.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
|
||||||
|
xmlns:app="http://schemas.android.com/apk/res-auto"
|
||||||
|
xmlns:tools="http://schemas.android.com/tools"
|
||||||
|
android:layout_width="match_parent"
|
||||||
|
android:layout_height="match_parent"
|
||||||
|
tools:context=".MainActivity">
|
||||||
|
|
||||||
|
<WebView
|
||||||
|
android:layout_width="match_parent"
|
||||||
|
android:layout_height="match_parent" />
|
||||||
|
</androidx.coordinatorlayout.widget.CoordinatorLayout>
|
||||||
@@ -0,0 +1,5 @@
|
|||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
|
||||||
|
<background android:drawable="@color/ic_launcher_background"/>
|
||||||
|
<foreground android:drawable="@mipmap/ic_launcher_foreground"/>
|
||||||
|
</adaptive-icon>
|
||||||
@@ -0,0 +1,5 @@
|
|||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
|
||||||
|
<background android:drawable="@color/ic_launcher_background"/>
|
||||||
|
<foreground android:drawable="@mipmap/ic_launcher_foreground"/>
|
||||||
|
</adaptive-icon>
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 2.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 9.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 9.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
@@ -0,0 +1,4 @@
|
|||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<resources>
|
||||||
|
<color name="ic_launcher_background">#FFFFFF</color>
|
||||||
|
</resources>
|
||||||
@@ -0,0 +1,7 @@
|
|||||||
|
<?xml version='1.0' encoding='utf-8'?>
|
||||||
|
<resources>
|
||||||
|
<string name="app_name">healthcare</string>
|
||||||
|
<string name="title_activity_main">healthcare</string>
|
||||||
|
<string name="package_name">io.ionic.starter</string>
|
||||||
|
<string name="custom_url_scheme">io.ionic.starter</string>
|
||||||
|
</resources>
|
||||||
@@ -0,0 +1,22 @@
|
|||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<resources>
|
||||||
|
|
||||||
|
<!-- Base application theme. -->
|
||||||
|
<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
|
||||||
|
<!-- Customize your theme here. -->
|
||||||
|
<item name="colorPrimary">@color/colorPrimary</item>
|
||||||
|
<item name="colorPrimaryDark">@color/colorPrimaryDark</item>
|
||||||
|
<item name="colorAccent">@color/colorAccent</item>
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<style name="AppTheme.NoActionBar" parent="Theme.AppCompat.DayNight.NoActionBar">
|
||||||
|
<item name="windowActionBar">false</item>
|
||||||
|
<item name="windowNoTitle">true</item>
|
||||||
|
<item name="android:background">@null</item>
|
||||||
|
</style>
|
||||||
|
|
||||||
|
|
||||||
|
<style name="AppTheme.NoActionBarLaunch" parent="Theme.SplashScreen">
|
||||||
|
<item name="android:background">@drawable/splash</item>
|
||||||
|
</style>
|
||||||
|
</resources>
|
||||||
@@ -0,0 +1,5 @@
|
|||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<paths xmlns:android="http://schemas.android.com/apk/res/android">
|
||||||
|
<external-path name="my_images" path="." />
|
||||||
|
<cache-path name="my_cache_images" path="." />
|
||||||
|
</paths>
|
||||||
@@ -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 <a href="http://d.android.com/tools/testing">Testing documentation</a>
|
||||||
|
*/
|
||||||
|
public class ExampleUnitTest {
|
||||||
|
|
||||||
|
@Test
|
||||||
|
public void addition_isCorrect() throws Exception {
|
||||||
|
assertEquals(4, 2 + 2);
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -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.13.0'
|
||||||
|
classpath 'com.google.gms:google-services:4.4.4'
|
||||||
|
|
||||||
|
// 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
|
||||||
|
}
|
||||||
@@ -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
|
||||||
BIN
Binary file not shown.
@@ -0,0 +1,7 @@
|
|||||||
|
distributionBase=GRADLE_USER_HOME
|
||||||
|
distributionPath=wrapper/dists
|
||||||
|
distributionUrl=https\://services.gradle.org/distributions/gradle-8.14.3-all.zip
|
||||||
|
networkTimeout=10000
|
||||||
|
validateDistributionUrl=true
|
||||||
|
zipStoreBase=GRADLE_USER_HOME
|
||||||
|
zipStorePath=wrapper/dists
|
||||||
+251
@@ -0,0 +1,251 @@
|
|||||||
|
#!/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/.
|
||||||
|
#
|
||||||
|
##############################################################################
|
||||||
|
|
||||||
|
# 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\n' "$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="\\\"\\\""
|
||||||
|
|
||||||
|
|
||||||
|
# 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, 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" \
|
||||||
|
-jar "$APP_HOME/gradle/wrapper/gradle-wrapper.jar" \
|
||||||
|
"$@"
|
||||||
|
|
||||||
|
# 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" "$@"
|
||||||
Vendored
+94
@@ -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=
|
||||||
|
|
||||||
|
|
||||||
|
@rem Execute Gradle
|
||||||
|
"%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" -jar "%APP_HOME%\gradle\wrapper\gradle-wrapper.jar" %*
|
||||||
|
|
||||||
|
: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
|
||||||
@@ -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'
|
||||||
@@ -0,0 +1,19 @@
|
|||||||
|
ext {
|
||||||
|
minSdkVersion = 24
|
||||||
|
compileSdkVersion = 36
|
||||||
|
targetSdkVersion = 36
|
||||||
|
androidxActivityVersion = '1.11.0'
|
||||||
|
androidxAppCompatVersion = '1.7.1'
|
||||||
|
androidxCoordinatorLayoutVersion = '1.3.0'
|
||||||
|
androidxCoreVersion = '1.17.0'
|
||||||
|
androidxFragmentVersion = '1.8.9'
|
||||||
|
coreSplashScreenVersion = '1.2.0'
|
||||||
|
androidxWebkitVersion = '1.14.0'
|
||||||
|
junitVersion = '4.13.2'
|
||||||
|
androidxJunitVersion = '1.3.0'
|
||||||
|
androidxEspressoCoreVersion = '3.7.0'
|
||||||
|
cordovaAndroidVersion = '14.0.1'
|
||||||
|
rgcfaIncludeGoogle = true
|
||||||
|
androidxCredentialsVersion = '1.3.0'
|
||||||
|
javaVersion = JavaVersion.VERSION_17
|
||||||
|
}
|
||||||
@@ -0,0 +1,15 @@
|
|||||||
|
import type { CapacitorConfig } from '@capacitor/cli';
|
||||||
|
|
||||||
|
const config: CapacitorConfig = {
|
||||||
|
appId: 'com.healthcare.app',
|
||||||
|
appName: 'healthcare',
|
||||||
|
webDir: 'dist',
|
||||||
|
plugins: {
|
||||||
|
FirebaseAuthentication: {
|
||||||
|
skipNativeAuth: false,
|
||||||
|
providers: [],
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
|
||||||
|
export default config;
|
||||||
+380
@@ -0,0 +1,380 @@
|
|||||||
|
workflows:
|
||||||
|
android-debug:
|
||||||
|
name: Android – Debug APK
|
||||||
|
max_build_duration: 45
|
||||||
|
instance_type: mac_mini_m2
|
||||||
|
environment:
|
||||||
|
node: 22
|
||||||
|
java: 21
|
||||||
|
cache:
|
||||||
|
cache_paths:
|
||||||
|
- $HOME/.gradle/caches
|
||||||
|
- $HOME/.gradle/wrapper
|
||||||
|
scripts:
|
||||||
|
# Template ships with optional native plugins (maps, push, firebase auth) that most apps
|
||||||
|
# won't use. Keeping unused plugins in package.json adds SPM/Gradle deps and bloats the
|
||||||
|
# build. Strip any that have no import in src/ so only actually-used plugins are compiled.
|
||||||
|
- name: Strip unused scaffold packages
|
||||||
|
script: |
|
||||||
|
for pkg in "@capacitor/google-maps" "@capacitor/push-notifications" "@capacitor-firebase/authentication"; do
|
||||||
|
if ! grep -rq "$pkg" src/; then
|
||||||
|
node -e "const fs=require('fs'),p=JSON.parse(fs.readFileSync('package.json','utf8'));delete p.dependencies['${pkg}'];fs.writeFileSync('package.json',JSON.stringify(p,null,2));"
|
||||||
|
echo "Stripped $pkg (not used in src/)"
|
||||||
|
else
|
||||||
|
echo "Keeping $pkg (used in src/)"
|
||||||
|
fi
|
||||||
|
done
|
||||||
|
# Delete package-lock.json (generated if user ever ran npm locally) so it doesn't
|
||||||
|
# conflict with yarn.lock. --legacy-peer-deps silences peer dep warnings from older
|
||||||
|
# Ionic/React packages that haven't updated their peerDependencies for React 18/19.
|
||||||
|
- name: Install dependencies
|
||||||
|
script: rm -f package-lock.json && npm install --legacy-peer-deps
|
||||||
|
- name: Build web assets
|
||||||
|
script: npm run build
|
||||||
|
# Firebase config files are injected as base64 env vars by the Appcakes backend at
|
||||||
|
# build time. Decode them here so cap sync and Gradle can pick them up. Optional —
|
||||||
|
# builds without Firebase still succeed; native Firebase SDK just won't initialise.
|
||||||
|
- name: Write Firebase config
|
||||||
|
script: |
|
||||||
|
if [ -n "$GOOGLE_SERVICES_JSON" ]; then
|
||||||
|
echo "$GOOGLE_SERVICES_JSON" | base64 --decode > android/app/google-services.json
|
||||||
|
echo "Wrote google-services.json ($(wc -c < android/app/google-services.json) bytes)"
|
||||||
|
else
|
||||||
|
echo "GOOGLE_SERVICES_JSON is empty — skipping"
|
||||||
|
fi
|
||||||
|
if [ -n "$GOOGLE_SERVICE_INFO_PLIST" ]; then
|
||||||
|
echo "$GOOGLE_SERVICE_INFO_PLIST" | base64 --decode > ios/App/App/GoogleService-Info.plist
|
||||||
|
echo "Wrote GoogleService-Info.plist ($(wc -c < ios/App/App/GoogleService-Info.plist) bytes)"
|
||||||
|
fi
|
||||||
|
# cap sync copies the built web assets (dist/) into android/app/src/main/assets/public/
|
||||||
|
# and updates Capacitor plugin registrations in MainActivity. Must run after npm build.
|
||||||
|
- name: Capacitor sync
|
||||||
|
script: npx cap sync android
|
||||||
|
- name: Set up debug keystore
|
||||||
|
script: |
|
||||||
|
if [ -n "$CM_DEBUG_KEYSTORE" ]; then
|
||||||
|
echo "$CM_DEBUG_KEYSTORE" | base64 --decode > /tmp/debug-keystore.p12
|
||||||
|
fi
|
||||||
|
- name: Build debug APK
|
||||||
|
script: |
|
||||||
|
cd android
|
||||||
|
if [ -n "$CM_DEBUG_KEYSTORE" ]; then
|
||||||
|
./gradlew assembleDebug \
|
||||||
|
-Pandroid.injected.signing.store.file=/tmp/debug-keystore.p12 \
|
||||||
|
-Pandroid.injected.signing.store.password=$CM_DEBUG_KEYSTORE_PASSWORD \
|
||||||
|
-Pandroid.injected.signing.key.alias=debug \
|
||||||
|
-Pandroid.injected.signing.key.password=$CM_DEBUG_KEYSTORE_PASSWORD \
|
||||||
|
--no-daemon
|
||||||
|
else
|
||||||
|
./gradlew assembleDebug --no-daemon
|
||||||
|
fi
|
||||||
|
artifacts:
|
||||||
|
- android/app/build/outputs/apk/debug/app-debug.apk
|
||||||
|
|
||||||
|
android-release-apk:
|
||||||
|
name: Android – Release APK
|
||||||
|
max_build_duration: 45
|
||||||
|
instance_type: mac_mini_m2
|
||||||
|
environment:
|
||||||
|
node: 22
|
||||||
|
java: 21
|
||||||
|
cache:
|
||||||
|
cache_paths:
|
||||||
|
- $HOME/.gradle/caches
|
||||||
|
- $HOME/.gradle/wrapper
|
||||||
|
scripts:
|
||||||
|
- name: Strip unused scaffold packages
|
||||||
|
script: |
|
||||||
|
for pkg in "@capacitor/google-maps" "@capacitor/push-notifications" "@capacitor-firebase/authentication"; do
|
||||||
|
if ! grep -rq "$pkg" src/; then
|
||||||
|
node -e "const fs=require('fs'),p=JSON.parse(fs.readFileSync('package.json','utf8'));delete p.dependencies['${pkg}'];fs.writeFileSync('package.json',JSON.stringify(p,null,2));"
|
||||||
|
echo "Stripped $pkg (not used in src/)"
|
||||||
|
else
|
||||||
|
echo "Keeping $pkg (used in src/)"
|
||||||
|
fi
|
||||||
|
done
|
||||||
|
- name: Install dependencies
|
||||||
|
script: rm -f package-lock.json && npm install --legacy-peer-deps
|
||||||
|
- name: Build web assets
|
||||||
|
script: npm run build
|
||||||
|
- name: Write Firebase config
|
||||||
|
script: |
|
||||||
|
if [ -n "$GOOGLE_SERVICES_JSON" ]; then
|
||||||
|
echo "$GOOGLE_SERVICES_JSON" | base64 --decode > android/app/google-services.json
|
||||||
|
fi
|
||||||
|
- name: Capacitor sync
|
||||||
|
script: npx cap sync android
|
||||||
|
- name: Set up keystore
|
||||||
|
script: echo "$CM_KEYSTORE" | base64 --decode > /tmp/keystore.jks
|
||||||
|
- name: Build Release APK
|
||||||
|
script: |
|
||||||
|
cd android
|
||||||
|
./gradlew assembleRelease \
|
||||||
|
-Pandroid.injected.signing.store.file=/tmp/keystore.jks \
|
||||||
|
-Pandroid.injected.signing.store.password=$CM_KEYSTORE_PASSWORD \
|
||||||
|
-Pandroid.injected.signing.key.alias=$CM_KEY_ALIAS \
|
||||||
|
-Pandroid.injected.signing.key.password=$CM_KEY_PASSWORD \
|
||||||
|
--no-daemon
|
||||||
|
artifacts:
|
||||||
|
- android/app/build/outputs/apk/release/app-release.apk
|
||||||
|
|
||||||
|
android-release-aab:
|
||||||
|
name: Android – Release AAB
|
||||||
|
max_build_duration: 45
|
||||||
|
instance_type: mac_mini_m2
|
||||||
|
environment:
|
||||||
|
node: 22
|
||||||
|
java: 21
|
||||||
|
cache:
|
||||||
|
cache_paths:
|
||||||
|
- $HOME/.gradle/caches
|
||||||
|
- $HOME/.gradle/wrapper
|
||||||
|
scripts:
|
||||||
|
- name: Strip unused scaffold packages
|
||||||
|
script: |
|
||||||
|
for pkg in "@capacitor/google-maps" "@capacitor/push-notifications" "@capacitor-firebase/authentication"; do
|
||||||
|
if ! grep -rq "$pkg" src/; then
|
||||||
|
node -e "const fs=require('fs'),p=JSON.parse(fs.readFileSync('package.json','utf8'));delete p.dependencies['${pkg}'];fs.writeFileSync('package.json',JSON.stringify(p,null,2));"
|
||||||
|
echo "Stripped $pkg (not used in src/)"
|
||||||
|
else
|
||||||
|
echo "Keeping $pkg (used in src/)"
|
||||||
|
fi
|
||||||
|
done
|
||||||
|
- name: Install dependencies
|
||||||
|
script: rm -f package-lock.json && npm install --legacy-peer-deps
|
||||||
|
- name: Build web assets
|
||||||
|
script: npm run build
|
||||||
|
- name: Write Firebase config
|
||||||
|
script: |
|
||||||
|
if [ -n "$GOOGLE_SERVICES_JSON" ]; then
|
||||||
|
echo "$GOOGLE_SERVICES_JSON" | base64 --decode > android/app/google-services.json
|
||||||
|
fi
|
||||||
|
- name: Capacitor sync
|
||||||
|
script: npx cap sync android
|
||||||
|
- name: Set up keystore
|
||||||
|
script: echo "$CM_KEYSTORE" | base64 --decode > /tmp/keystore.jks
|
||||||
|
- name: Build Release AAB
|
||||||
|
script: |
|
||||||
|
cd android
|
||||||
|
./gradlew bundleRelease \
|
||||||
|
-Pandroid.injected.signing.store.file=/tmp/keystore.jks \
|
||||||
|
-Pandroid.injected.signing.store.password=$CM_KEYSTORE_PASSWORD \
|
||||||
|
-Pandroid.injected.signing.key.alias=$CM_KEY_ALIAS \
|
||||||
|
-Pandroid.injected.signing.key.password=$CM_KEY_PASSWORD \
|
||||||
|
--no-daemon
|
||||||
|
artifacts:
|
||||||
|
- android/app/build/outputs/bundle/release/app-release.aab
|
||||||
|
|
||||||
|
android-release:
|
||||||
|
name: Android – Publish to Google Play
|
||||||
|
max_build_duration: 60
|
||||||
|
instance_type: mac_mini_m2
|
||||||
|
environment:
|
||||||
|
node: 22
|
||||||
|
java: 21
|
||||||
|
cache:
|
||||||
|
cache_paths:
|
||||||
|
- $HOME/.gradle/caches
|
||||||
|
- $HOME/.gradle/wrapper
|
||||||
|
scripts:
|
||||||
|
- name: Strip unused scaffold packages
|
||||||
|
script: |
|
||||||
|
for pkg in "@capacitor/google-maps" "@capacitor/push-notifications" "@capacitor-firebase/authentication"; do
|
||||||
|
if ! grep -rq "$pkg" src/; then
|
||||||
|
node -e "const fs=require('fs'),p=JSON.parse(fs.readFileSync('package.json','utf8'));delete p.dependencies['${pkg}'];fs.writeFileSync('package.json',JSON.stringify(p,null,2));"
|
||||||
|
echo "Stripped $pkg (not used in src/)"
|
||||||
|
else
|
||||||
|
echo "Keeping $pkg (used in src/)"
|
||||||
|
fi
|
||||||
|
done
|
||||||
|
- name: Install dependencies
|
||||||
|
script: rm -f package-lock.json && npm install --legacy-peer-deps
|
||||||
|
- name: Build web assets
|
||||||
|
script: npm run build
|
||||||
|
- name: Write Firebase config
|
||||||
|
script: |
|
||||||
|
if [ -n "$GOOGLE_SERVICES_JSON" ]; then
|
||||||
|
echo "$GOOGLE_SERVICES_JSON" | base64 --decode > android/app/google-services.json
|
||||||
|
fi
|
||||||
|
- name: Capacitor sync
|
||||||
|
script: npx cap sync android
|
||||||
|
- name: Set up keystore
|
||||||
|
script: echo "$CM_KEYSTORE" | base64 --decode > /tmp/keystore.jks
|
||||||
|
- name: Build Release AAB
|
||||||
|
script: |
|
||||||
|
cd android
|
||||||
|
./gradlew bundleRelease \
|
||||||
|
-Pandroid.injected.signing.store.file=/tmp/keystore.jks \
|
||||||
|
-Pandroid.injected.signing.store.password=$CM_KEYSTORE_PASSWORD \
|
||||||
|
-Pandroid.injected.signing.key.alias=$CM_KEY_ALIAS \
|
||||||
|
-Pandroid.injected.signing.key.password=$CM_KEY_PASSWORD \
|
||||||
|
--no-daemon
|
||||||
|
publishing:
|
||||||
|
google_play:
|
||||||
|
credentials: $GOOGLE_PLAY_SERVICE_ACCOUNT_CREDENTIALS
|
||||||
|
track: $GOOGLE_PLAY_TRACK
|
||||||
|
submit_as_draft: false
|
||||||
|
artifacts:
|
||||||
|
- android/app/build/outputs/bundle/release/app-release.aab
|
||||||
|
|
||||||
|
ios-debug:
|
||||||
|
name: iOS – Debug IPA
|
||||||
|
max_build_duration: 60
|
||||||
|
instance_type: mac_mini_m2
|
||||||
|
environment:
|
||||||
|
node: 22
|
||||||
|
xcode: latest
|
||||||
|
scripts:
|
||||||
|
- name: Strip unused scaffold packages
|
||||||
|
script: |
|
||||||
|
for pkg in "@capacitor/google-maps" "@capacitor/push-notifications" "@capacitor-firebase/authentication"; do
|
||||||
|
if ! grep -rq "$pkg" src/; then
|
||||||
|
node -e "const fs=require('fs'),p=JSON.parse(fs.readFileSync('package.json','utf8'));delete p.dependencies['${pkg}'];fs.writeFileSync('package.json',JSON.stringify(p,null,2));"
|
||||||
|
echo "Stripped $pkg (not used in src/)"
|
||||||
|
else
|
||||||
|
echo "Keeping $pkg (used in src/)"
|
||||||
|
fi
|
||||||
|
done
|
||||||
|
- name: Install dependencies
|
||||||
|
script: rm -f package-lock.json && npm install --legacy-peer-deps
|
||||||
|
- name: Build web assets
|
||||||
|
script: npm run build
|
||||||
|
# First sync: regenerates CapApp-SPM/Package.swift with the correct plugin list.
|
||||||
|
# Note: this project uses Capacitor SPM (no CocoaPods/Podfile), so cap sync replaces
|
||||||
|
# pod install — it regenerates CapApp-SPM/Package.swift and copies web assets.
|
||||||
|
- name: Capacitor sync
|
||||||
|
script: npx cap sync ios
|
||||||
|
# Decode Firebase plist to disk so it is present during the second sync.
|
||||||
|
- name: Write Firebase config
|
||||||
|
script: |
|
||||||
|
if [ -n "$GOOGLE_SERVICE_INFO_PLIST" ]; then
|
||||||
|
echo "$GOOGLE_SERVICE_INFO_PLIST" | base64 --decode > ios/App/App/GoogleService-Info.plist
|
||||||
|
fi
|
||||||
|
# Second sync ensures CapApp-SPM/Package.swift is consistent after the plist write.
|
||||||
|
- name: Capacitor sync
|
||||||
|
script: npx cap sync ios
|
||||||
|
# Run configure_xcode.rb after both syncs so its xcodeproj changes (plist file
|
||||||
|
# reference + SPM product linking) are not overwritten by a subsequent cap sync.
|
||||||
|
# configure_xcode.rb is stamped fresh from template on every build push.
|
||||||
|
- name: Configure Xcode project
|
||||||
|
script: ruby configure_xcode.rb
|
||||||
|
- name: Set up signing
|
||||||
|
script: |
|
||||||
|
keychain initialize
|
||||||
|
if [ -n "$APP_STORE_CONNECT_PRIVATE_KEY" ]; then
|
||||||
|
app-store-connect fetch-signing-files \
|
||||||
|
$(xcode-project detect-bundle-id) \
|
||||||
|
--type IOS_APP_DEVELOPMENT \
|
||||||
|
--certificate-key=@env:APP_STORE_CONNECT_PRIVATE_KEY \
|
||||||
|
--issuer-id=$APP_STORE_CONNECT_ISSUER_ID \
|
||||||
|
--key-id=$APP_STORE_CONNECT_KEY_IDENTIFIER \
|
||||||
|
--create
|
||||||
|
xcode-project use-profiles
|
||||||
|
elif [ -n "$CM_CERTIFICATE" ]; then
|
||||||
|
echo "$CM_CERTIFICATE" | base64 --decode > /tmp/cert.p12
|
||||||
|
keychain add-certificates \
|
||||||
|
--certificate /tmp/cert.p12 \
|
||||||
|
--certificate-password "$CM_CERTIFICATE_PASSWORD"
|
||||||
|
mkdir -p "$HOME/Library/MobileDevice/Provisioning Profiles"
|
||||||
|
echo "$CM_PROVISIONING_PROFILE" | base64 --decode > "$HOME/Library/MobileDevice/Provisioning Profiles/profile.mobileprovision"
|
||||||
|
xcode-project use-profiles
|
||||||
|
else
|
||||||
|
echo "No signing credentials configured — build will fail at signing"
|
||||||
|
exit 1
|
||||||
|
fi
|
||||||
|
# --workspace: Capacitor SPM projects require workspace context for Xcode to resolve
|
||||||
|
# the CapApp-SPM local package. Using --project causes xcodebuild to fail on
|
||||||
|
# Xcode 26+ because SPM resolution requires workspace scope. App.xcworkspace is a
|
||||||
|
# static file committed to the template (not generated by cap sync) that wraps
|
||||||
|
# App.xcodeproj for this purpose.
|
||||||
|
# --no-show-build-settings: xcode-project runs xcodebuild -showBuildSettings as a
|
||||||
|
# pre-build diagnostic. Xcode 26 fails this step for SPM projects even with
|
||||||
|
# --workspace, so we skip it. The actual archive step still surfaces real errors.
|
||||||
|
# --disable-xcpretty: xcpretty reformats and filters xcodebuild output, swallowing
|
||||||
|
# the actual error lines when a build fails. Raw output makes failures debuggable.
|
||||||
|
- name: Build IPA
|
||||||
|
script: |
|
||||||
|
xcode-project build-ipa \
|
||||||
|
--workspace ios/App/App.xcworkspace \
|
||||||
|
--scheme App \
|
||||||
|
--no-show-build-settings \
|
||||||
|
--disable-xcpretty
|
||||||
|
artifacts:
|
||||||
|
- build/ios/ipa/*.ipa
|
||||||
|
|
||||||
|
ios-release:
|
||||||
|
name: iOS – Release IPA
|
||||||
|
max_build_duration: 90
|
||||||
|
instance_type: mac_mini_m2
|
||||||
|
environment:
|
||||||
|
node: 22
|
||||||
|
xcode: latest
|
||||||
|
scripts:
|
||||||
|
- name: Strip unused scaffold packages
|
||||||
|
script: |
|
||||||
|
for pkg in "@capacitor/google-maps" "@capacitor/push-notifications" "@capacitor-firebase/authentication"; do
|
||||||
|
if ! grep -rq "$pkg" src/; then
|
||||||
|
node -e "const fs=require('fs'),p=JSON.parse(fs.readFileSync('package.json','utf8'));delete p.dependencies['${pkg}'];fs.writeFileSync('package.json',JSON.stringify(p,null,2));"
|
||||||
|
echo "Stripped $pkg (not used in src/)"
|
||||||
|
else
|
||||||
|
echo "Keeping $pkg (used in src/)"
|
||||||
|
fi
|
||||||
|
done
|
||||||
|
- name: Install dependencies
|
||||||
|
script: rm -f package-lock.json && npm install --legacy-peer-deps
|
||||||
|
- name: Build web assets
|
||||||
|
script: npm run build
|
||||||
|
- name: Capacitor sync
|
||||||
|
script: npx cap sync ios
|
||||||
|
- name: Configure Xcode project
|
||||||
|
script: |
|
||||||
|
if [ -n "$GOOGLE_SERVICE_INFO_PLIST" ]; then
|
||||||
|
echo "$GOOGLE_SERVICE_INFO_PLIST" | base64 --decode > ios/App/App/GoogleService-Info.plist
|
||||||
|
fi
|
||||||
|
- name: Capacitor sync
|
||||||
|
script: npx cap sync ios
|
||||||
|
- name: Configure Xcode project
|
||||||
|
script: ruby configure_xcode.rb
|
||||||
|
- name: Set up signing
|
||||||
|
script: |
|
||||||
|
keychain initialize
|
||||||
|
if [ -n "$APP_STORE_CONNECT_PRIVATE_KEY" ]; then
|
||||||
|
app-store-connect fetch-signing-files \
|
||||||
|
$(xcode-project detect-bundle-id) \
|
||||||
|
--type IOS_APP_STORE \
|
||||||
|
--certificate-key=@env:APP_STORE_CONNECT_PRIVATE_KEY \
|
||||||
|
--issuer-id=$APP_STORE_CONNECT_ISSUER_ID \
|
||||||
|
--key-id=$APP_STORE_CONNECT_KEY_IDENTIFIER \
|
||||||
|
--create
|
||||||
|
xcode-project use-profiles
|
||||||
|
else
|
||||||
|
echo "$CM_CERTIFICATE" | base64 --decode > /tmp/cert.p12
|
||||||
|
keychain add-certificates \
|
||||||
|
--certificate /tmp/cert.p12 \
|
||||||
|
--certificate-password "$CM_CERTIFICATE_PASSWORD"
|
||||||
|
mkdir -p "$HOME/Library/MobileDevice/Provisioning Profiles"
|
||||||
|
echo "$CM_PROVISIONING_PROFILE" | base64 --decode > "$HOME/Library/MobileDevice/Provisioning Profiles/profile.mobileprovision"
|
||||||
|
xcode-project use-profiles
|
||||||
|
fi
|
||||||
|
# See ios-debug Build IPA comments for --workspace, --no-show-build-settings,
|
||||||
|
# and --disable-xcpretty rationale — same reasons apply here.
|
||||||
|
- name: Build IPA
|
||||||
|
script: |
|
||||||
|
xcode-project build-ipa \
|
||||||
|
--workspace ios/App/App.xcworkspace \
|
||||||
|
--scheme App \
|
||||||
|
--config Release \
|
||||||
|
--no-show-build-settings \
|
||||||
|
--disable-xcpretty
|
||||||
|
- name: Publish
|
||||||
|
script: |
|
||||||
|
if [ "$SUBMIT_TO_TESTFLIGHT" = "true" ] || [ "$SUBMIT_TO_APP_STORE" = "true" ]; then
|
||||||
|
app-store-connect publish \
|
||||||
|
--certificate-key=@env:APP_STORE_CONNECT_PRIVATE_KEY \
|
||||||
|
--issuer-id=$APP_STORE_CONNECT_ISSUER_ID \
|
||||||
|
--key-id=$APP_STORE_CONNECT_KEY_IDENTIFIER \
|
||||||
|
--submit-to-testflight=$SUBMIT_TO_TESTFLIGHT \
|
||||||
|
--submit-to-app-store=$SUBMIT_TO_APP_STORE
|
||||||
|
fi
|
||||||
|
artifacts:
|
||||||
|
- build/ios/ipa/*.ipa
|
||||||
@@ -0,0 +1,118 @@
|
|||||||
|
#!/usr/bin/env ruby
|
||||||
|
# configure_xcode.rb — stamped fresh from template on every build (see gitea.service.ts)
|
||||||
|
#
|
||||||
|
# 1. Adds GoogleService-Info.plist to the Xcode target if present (xcodeproj gem)
|
||||||
|
# 2. Scans Swift sources for Firebase imports and injects matching products into
|
||||||
|
# CapApp-SPM/Package.swift — the correct approach for Capacitor SPM projects
|
||||||
|
# where all native linking goes through CapApp-SPM, not App.xcodeproj directly.
|
||||||
|
|
||||||
|
require 'xcodeproj'
|
||||||
|
|
||||||
|
PROJECT_PATH = 'ios/App/App.xcodeproj'
|
||||||
|
TARGET_NAME = 'App'
|
||||||
|
PLIST_SRC = 'ios/App/App/GoogleService-Info.plist'
|
||||||
|
CAP_APP_SPM = 'ios/App/CapApp-SPM/Package.swift'
|
||||||
|
|
||||||
|
# ── 1. GoogleService-Info.plist ───────────────────────────────────────────────
|
||||||
|
if File.exist?(PLIST_SRC)
|
||||||
|
project = Xcodeproj::Project.open(PROJECT_PATH)
|
||||||
|
target = project.targets.find { |t| t.name == TARGET_NAME }
|
||||||
|
if target
|
||||||
|
app_group = project.main_group['App']
|
||||||
|
unless app_group&.files&.find { |f| f.path == 'GoogleService-Info.plist' }
|
||||||
|
file_ref = app_group.new_reference('GoogleService-Info.plist')
|
||||||
|
target.resources_build_phase.add_file_reference(file_ref)
|
||||||
|
project.save
|
||||||
|
puts "Added GoogleService-Info.plist to target"
|
||||||
|
end
|
||||||
|
end
|
||||||
|
end
|
||||||
|
|
||||||
|
# ── 2. Scan Swift sources for Firebase imports ────────────────────────────────
|
||||||
|
swift_files = Dir['ios/App/App/**/*.swift']
|
||||||
|
firebase_imports = swift_files
|
||||||
|
.flat_map { |f| File.readlines(f) rescue [] }
|
||||||
|
.grep(/^\s*import\s+Firebase\w+/)
|
||||||
|
.map { |l| l.strip.split(/\s+/).last }
|
||||||
|
.uniq
|
||||||
|
.sort
|
||||||
|
|
||||||
|
if firebase_imports.empty?
|
||||||
|
puts "No Firebase imports found — skipping CapApp-SPM update"
|
||||||
|
exit 0
|
||||||
|
end
|
||||||
|
|
||||||
|
puts "Firebase imports detected: #{firebase_imports.join(', ')}"
|
||||||
|
|
||||||
|
unless File.exist?(CAP_APP_SPM)
|
||||||
|
warn "WARNING: #{CAP_APP_SPM} not found — was cap sync run?"
|
||||||
|
exit 0
|
||||||
|
end
|
||||||
|
|
||||||
|
# ── 3. Detect firebase-ios-sdk URL and version from node_modules ──────────────
|
||||||
|
# Read from the ACTUAL node_modules on this build machine (populated by npm install)
|
||||||
|
# so the version we inject matches what @capacitor-firebase/* already resolved.
|
||||||
|
firebase_url = nil
|
||||||
|
firebase_version = nil
|
||||||
|
|
||||||
|
Dir['node_modules/@capacitor-firebase/**/Package.swift',
|
||||||
|
'node_modules/@capacitor/push-notifications/**/Package.swift'].each do |f|
|
||||||
|
content = File.read(f) rescue next
|
||||||
|
url_m = content.match(/\.package\(url:\s*"(https:\/\/github\.com\/firebase\/firebase-ios-sdk[^"]*)"/)
|
||||||
|
ver_m = content.match(/firebase-ios-sdk[^)]+from:\s*"(\d+)\.(\d+)\.(\d+)"/)
|
||||||
|
next unless url_m && ver_m
|
||||||
|
|
||||||
|
firebase_url = url_m[1]
|
||||||
|
major = ver_m[1].to_i
|
||||||
|
firebase_version = "#{major}.0.0"
|
||||||
|
puts "Detected firebase-ios-sdk from #{f}: url=#{firebase_url} → using from: \"#{firebase_version}\""
|
||||||
|
break
|
||||||
|
end
|
||||||
|
|
||||||
|
# Fallback — should rarely be needed
|
||||||
|
unless firebase_url
|
||||||
|
firebase_url = 'https://github.com/firebase/firebase-ios-sdk.git'
|
||||||
|
firebase_version = '11.0.0'
|
||||||
|
puts "Could not detect firebase-ios-sdk version from node_modules — using fallback #{firebase_version}"
|
||||||
|
end
|
||||||
|
|
||||||
|
firebase_pkg = 'firebase-ios-sdk'
|
||||||
|
|
||||||
|
lines = File.read(CAP_APP_SPM).split("\n")
|
||||||
|
|
||||||
|
# ── 4. Inject firebase-ios-sdk as a direct package dependency if missing ──────
|
||||||
|
# Normalise URL check to handle both with and without .git suffix
|
||||||
|
firebase_url_base = firebase_url.sub(/\.git$/, '')
|
||||||
|
unless lines.any? { |l| l.include?(firebase_url_base) }
|
||||||
|
last_pkg_idx = lines.rindex { |l| l.include?('.package(') }
|
||||||
|
if last_pkg_idx
|
||||||
|
lines[last_pkg_idx] = lines[last_pkg_idx].rstrip
|
||||||
|
lines[last_pkg_idx] += ',' unless lines[last_pkg_idx].end_with?(',')
|
||||||
|
lines.insert(last_pkg_idx + 1,
|
||||||
|
" .package(url: \"#{firebase_url}\", from: \"#{firebase_version}\")")
|
||||||
|
puts "Added #{firebase_pkg} to CapApp-SPM package dependencies"
|
||||||
|
else
|
||||||
|
warn "WARNING: no .package( line found in #{CAP_APP_SPM} — cannot inject dependency"
|
||||||
|
end
|
||||||
|
end
|
||||||
|
|
||||||
|
# ── 5. Inject each detected product into the target dependencies if missing ───
|
||||||
|
firebase_imports.each do |product|
|
||||||
|
next if product == 'Firebase' # umbrella import — not a linkable SPM product
|
||||||
|
|
||||||
|
product_str = ".product(name: \"#{product}\", package: \"#{firebase_pkg}\")"
|
||||||
|
next if lines.any? { |l| l.include?(product_str) }
|
||||||
|
|
||||||
|
last_prod_idx = lines.rindex { |l| l.include?('.product(') }
|
||||||
|
if last_prod_idx
|
||||||
|
lines[last_prod_idx] = lines[last_prod_idx].rstrip
|
||||||
|
lines[last_prod_idx] += ',' unless lines[last_prod_idx].end_with?(',')
|
||||||
|
lines.insert(last_prod_idx + 1, " #{product_str}")
|
||||||
|
puts "Added #{product} to CapApp-SPM target dependencies"
|
||||||
|
else
|
||||||
|
warn "WARNING: no .product( line found in #{CAP_APP_SPM} — cannot inject #{product}"
|
||||||
|
end
|
||||||
|
end
|
||||||
|
|
||||||
|
File.write(CAP_APP_SPM, lines.join("\n"))
|
||||||
|
puts "CapApp-SPM/Package.swift updated"
|
||||||
+28
@@ -0,0 +1,28 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<title>Ionic App</title>
|
||||||
|
|
||||||
|
<base href="/" />
|
||||||
|
|
||||||
|
<meta name="color-scheme" content="light dark" />
|
||||||
|
<meta
|
||||||
|
name="viewport"
|
||||||
|
content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
|
||||||
|
/>
|
||||||
|
<meta name="format-detection" content="telephone=no" />
|
||||||
|
<meta name="msapplication-tap-highlight" content="no" />
|
||||||
|
|
||||||
|
<link rel="manifest" href="/manifest.json" />
|
||||||
|
<link rel="shortcut icon" type="image/png" href="/favicon.png" />
|
||||||
|
|
||||||
|
<meta name="mobile-web-app-capable" content="yes" />
|
||||||
|
<meta name="apple-mobile-web-app-title" content="Ionic App" />
|
||||||
|
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="root"></div>
|
||||||
|
<script type="module" src="/src/main.tsx"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -0,0 +1,5 @@
|
|||||||
|
{
|
||||||
|
"name": "app",
|
||||||
|
"integrations": {},
|
||||||
|
"type": "react-vite"
|
||||||
|
}
|
||||||
@@ -0,0 +1,13 @@
|
|||||||
|
App/build
|
||||||
|
App/Pods
|
||||||
|
App/output
|
||||||
|
App/App/public
|
||||||
|
DerivedData
|
||||||
|
xcuserdata
|
||||||
|
|
||||||
|
# Cordova plugins for Capacitor
|
||||||
|
capacitor-cordova-ios-plugins
|
||||||
|
|
||||||
|
# Generated Config files
|
||||||
|
App/App/capacitor.config.json
|
||||||
|
App/App/config.xml
|
||||||
@@ -0,0 +1,380 @@
|
|||||||
|
// !$*UTF8*$!
|
||||||
|
{
|
||||||
|
archiveVersion = 1;
|
||||||
|
classes = {
|
||||||
|
};
|
||||||
|
objectVersion = 60;
|
||||||
|
objects = {
|
||||||
|
|
||||||
|
/* Begin PBXBuildFile section */
|
||||||
|
2FAD9763203C412B000D30F8 /* config.xml in Resources */ = {isa = PBXBuildFile; fileRef = 2FAD9762203C412B000D30F8 /* config.xml */; };
|
||||||
|
4D22ABE92AF431CB00220026 /* CapApp-SPM in Frameworks */ = {isa = PBXBuildFile; productRef = 4D22ABE82AF431CB00220026 /* CapApp-SPM */; };
|
||||||
|
50379B232058CBB4000EE86E /* capacitor.config.json in Resources */ = {isa = PBXBuildFile; fileRef = 50379B222058CBB4000EE86E /* capacitor.config.json */; };
|
||||||
|
504EC3081FED79650016851F /* AppDelegate.swift in Sources */ = {isa = PBXBuildFile; fileRef = 504EC3071FED79650016851F /* AppDelegate.swift */; };
|
||||||
|
504EC30D1FED79650016851F /* Main.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 504EC30B1FED79650016851F /* Main.storyboard */; };
|
||||||
|
504EC30F1FED79650016851F /* Assets.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 504EC30E1FED79650016851F /* Assets.xcassets */; };
|
||||||
|
504EC3121FED79650016851F /* LaunchScreen.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 504EC3101FED79650016851F /* LaunchScreen.storyboard */; };
|
||||||
|
50B271D11FEDC1A000F3C39B /* public in Resources */ = {isa = PBXBuildFile; fileRef = 50B271D01FEDC1A000F3C39B /* public */; };
|
||||||
|
/* End PBXBuildFile section */
|
||||||
|
|
||||||
|
/* Begin PBXFileReference section */
|
||||||
|
2FAD9762203C412B000D30F8 /* config.xml */ = {isa = PBXFileReference; lastKnownFileType = text.xml; path = config.xml; sourceTree = "<group>"; };
|
||||||
|
50379B222058CBB4000EE86E /* capacitor.config.json */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.json; path = capacitor.config.json; sourceTree = "<group>"; };
|
||||||
|
504EC3041FED79650016851F /* App.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = App.app; sourceTree = BUILT_PRODUCTS_DIR; };
|
||||||
|
504EC3071FED79650016851F /* AppDelegate.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = AppDelegate.swift; sourceTree = "<group>"; };
|
||||||
|
504EC30C1FED79650016851F /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.storyboard; name = Base; path = Base.lproj/Main.storyboard; sourceTree = "<group>"; };
|
||||||
|
504EC30E1FED79650016851F /* Assets.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; path = Assets.xcassets; sourceTree = "<group>"; };
|
||||||
|
504EC3111FED79650016851F /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.storyboard; name = Base; path = Base.lproj/LaunchScreen.storyboard; sourceTree = "<group>"; };
|
||||||
|
504EC3131FED79650016851F /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = "<group>"; };
|
||||||
|
1A4EB3C21FED79650016851F /* App.entitlements */ = {isa = PBXFileReference; lastKnownFileType = text.plist.entitlements; path = App.entitlements; sourceTree = "<group>"; };
|
||||||
|
50B271D01FEDC1A000F3C39B /* public */ = {isa = PBXFileReference; lastKnownFileType = folder; path = public; sourceTree = "<group>"; };
|
||||||
|
958DCC722DB07C7200EA8C5F /* debug.xcconfig */ = {isa = PBXFileReference; lastKnownFileType = text.xcconfig; name = debug.xcconfig; path = ../debug.xcconfig; sourceTree = SOURCE_ROOT; };
|
||||||
|
/* End PBXFileReference section */
|
||||||
|
|
||||||
|
/* Begin PBXFrameworksBuildPhase section */
|
||||||
|
504EC3011FED79650016851F /* Frameworks */ = {
|
||||||
|
isa = PBXFrameworksBuildPhase;
|
||||||
|
buildActionMask = 2147483647;
|
||||||
|
files = (
|
||||||
|
4D22ABE92AF431CB00220026 /* CapApp-SPM in Frameworks */,
|
||||||
|
);
|
||||||
|
runOnlyForDeploymentPostprocessing = 0;
|
||||||
|
};
|
||||||
|
/* End PBXFrameworksBuildPhase section */
|
||||||
|
|
||||||
|
/* Begin PBXGroup section */
|
||||||
|
504EC2FB1FED79650016851F = {
|
||||||
|
isa = PBXGroup;
|
||||||
|
children = (
|
||||||
|
958DCC722DB07C7200EA8C5F /* debug.xcconfig */,
|
||||||
|
504EC3061FED79650016851F /* App */,
|
||||||
|
504EC3051FED79650016851F /* Products */,
|
||||||
|
);
|
||||||
|
sourceTree = "<group>";
|
||||||
|
};
|
||||||
|
504EC3051FED79650016851F /* Products */ = {
|
||||||
|
isa = PBXGroup;
|
||||||
|
children = (
|
||||||
|
504EC3041FED79650016851F /* App.app */,
|
||||||
|
);
|
||||||
|
name = Products;
|
||||||
|
sourceTree = "<group>";
|
||||||
|
};
|
||||||
|
504EC3061FED79650016851F /* App */ = {
|
||||||
|
isa = PBXGroup;
|
||||||
|
children = (
|
||||||
|
50379B222058CBB4000EE86E /* capacitor.config.json */,
|
||||||
|
504EC3071FED79650016851F /* AppDelegate.swift */,
|
||||||
|
504EC30B1FED79650016851F /* Main.storyboard */,
|
||||||
|
504EC30E1FED79650016851F /* Assets.xcassets */,
|
||||||
|
504EC3101FED79650016851F /* LaunchScreen.storyboard */,
|
||||||
|
504EC3131FED79650016851F /* Info.plist */,
|
||||||
|
1A4EB3C21FED79650016851F /* App.entitlements */,
|
||||||
|
2FAD9762203C412B000D30F8 /* config.xml */,
|
||||||
|
50B271D01FEDC1A000F3C39B /* public */,
|
||||||
|
);
|
||||||
|
path = App;
|
||||||
|
sourceTree = "<group>";
|
||||||
|
};
|
||||||
|
/* End PBXGroup section */
|
||||||
|
|
||||||
|
/* Begin PBXNativeTarget section */
|
||||||
|
504EC3031FED79650016851F /* App */ = {
|
||||||
|
isa = PBXNativeTarget;
|
||||||
|
buildConfigurationList = 504EC3161FED79650016851F /* Build configuration list for PBXNativeTarget "App" */;
|
||||||
|
buildPhases = (
|
||||||
|
504EC3001FED79650016851F /* Sources */,
|
||||||
|
504EC3011FED79650016851F /* Frameworks */,
|
||||||
|
504EC3021FED79650016851F /* Resources */,
|
||||||
|
);
|
||||||
|
buildRules = (
|
||||||
|
);
|
||||||
|
dependencies = (
|
||||||
|
);
|
||||||
|
name = App;
|
||||||
|
packageProductDependencies = (
|
||||||
|
4D22ABE82AF431CB00220026 /* CapApp-SPM */,
|
||||||
|
);
|
||||||
|
productName = App;
|
||||||
|
productReference = 504EC3041FED79650016851F /* App.app */;
|
||||||
|
productType = "com.apple.product-type.application";
|
||||||
|
};
|
||||||
|
/* End PBXNativeTarget section */
|
||||||
|
|
||||||
|
/* Begin PBXProject section */
|
||||||
|
504EC2FC1FED79650016851F /* Project object */ = {
|
||||||
|
isa = PBXProject;
|
||||||
|
attributes = {
|
||||||
|
LastSwiftUpdateCheck = 0920;
|
||||||
|
LastUpgradeCheck = 0920;
|
||||||
|
TargetAttributes = {
|
||||||
|
504EC3031FED79650016851F = {
|
||||||
|
CreatedOnToolsVersion = 9.2;
|
||||||
|
LastSwiftMigration = 1100;
|
||||||
|
ProvisioningStyle = Automatic;
|
||||||
|
};
|
||||||
|
};
|
||||||
|
};
|
||||||
|
buildConfigurationList = 504EC2FF1FED79650016851F /* Build configuration list for PBXProject "App" */;
|
||||||
|
compatibilityVersion = "Xcode 8.0";
|
||||||
|
developmentRegion = en;
|
||||||
|
hasScannedForEncodings = 0;
|
||||||
|
knownRegions = (
|
||||||
|
en,
|
||||||
|
Base,
|
||||||
|
);
|
||||||
|
mainGroup = 504EC2FB1FED79650016851F;
|
||||||
|
packageReferences = (
|
||||||
|
D4C12C0A2AAA248700AAC8A2 /* XCLocalSwiftPackageReference "CapApp-SPM" */,
|
||||||
|
);
|
||||||
|
productRefGroup = 504EC3051FED79650016851F /* Products */;
|
||||||
|
projectDirPath = "";
|
||||||
|
projectRoot = "";
|
||||||
|
targets = (
|
||||||
|
504EC3031FED79650016851F /* App */,
|
||||||
|
);
|
||||||
|
};
|
||||||
|
/* End PBXProject section */
|
||||||
|
|
||||||
|
/* Begin PBXResourcesBuildPhase section */
|
||||||
|
504EC3021FED79650016851F /* Resources */ = {
|
||||||
|
isa = PBXResourcesBuildPhase;
|
||||||
|
buildActionMask = 2147483647;
|
||||||
|
files = (
|
||||||
|
504EC3121FED79650016851F /* LaunchScreen.storyboard in Resources */,
|
||||||
|
50B271D11FEDC1A000F3C39B /* public in Resources */,
|
||||||
|
504EC30F1FED79650016851F /* Assets.xcassets in Resources */,
|
||||||
|
50379B232058CBB4000EE86E /* capacitor.config.json in Resources */,
|
||||||
|
504EC30D1FED79650016851F /* Main.storyboard in Resources */,
|
||||||
|
2FAD9763203C412B000D30F8 /* config.xml in Resources */,
|
||||||
|
);
|
||||||
|
runOnlyForDeploymentPostprocessing = 0;
|
||||||
|
};
|
||||||
|
/* End PBXResourcesBuildPhase section */
|
||||||
|
|
||||||
|
/* Begin PBXSourcesBuildPhase section */
|
||||||
|
504EC3001FED79650016851F /* Sources */ = {
|
||||||
|
isa = PBXSourcesBuildPhase;
|
||||||
|
buildActionMask = 2147483647;
|
||||||
|
files = (
|
||||||
|
504EC3081FED79650016851F /* AppDelegate.swift in Sources */,
|
||||||
|
);
|
||||||
|
runOnlyForDeploymentPostprocessing = 0;
|
||||||
|
};
|
||||||
|
/* End PBXSourcesBuildPhase section */
|
||||||
|
|
||||||
|
/* Begin PBXVariantGroup section */
|
||||||
|
504EC30B1FED79650016851F /* Main.storyboard */ = {
|
||||||
|
isa = PBXVariantGroup;
|
||||||
|
children = (
|
||||||
|
504EC30C1FED79650016851F /* Base */,
|
||||||
|
);
|
||||||
|
name = Main.storyboard;
|
||||||
|
sourceTree = "<group>";
|
||||||
|
};
|
||||||
|
504EC3101FED79650016851F /* LaunchScreen.storyboard */ = {
|
||||||
|
isa = PBXVariantGroup;
|
||||||
|
children = (
|
||||||
|
504EC3111FED79650016851F /* Base */,
|
||||||
|
);
|
||||||
|
name = LaunchScreen.storyboard;
|
||||||
|
sourceTree = "<group>";
|
||||||
|
};
|
||||||
|
/* End PBXVariantGroup section */
|
||||||
|
|
||||||
|
/* Begin XCBuildConfiguration section */
|
||||||
|
504EC3141FED79650016851F /* Debug */ = {
|
||||||
|
isa = XCBuildConfiguration;
|
||||||
|
baseConfigurationReference = 958DCC722DB07C7200EA8C5F /* debug.xcconfig */;
|
||||||
|
buildSettings = {
|
||||||
|
ALWAYS_SEARCH_USER_PATHS = NO;
|
||||||
|
CLANG_ANALYZER_NONNULL = YES;
|
||||||
|
CLANG_ANALYZER_NUMBER_OBJECT_CONVERSION = YES_AGGRESSIVE;
|
||||||
|
CLANG_CXX_LANGUAGE_STANDARD = "gnu++14";
|
||||||
|
CLANG_CXX_LIBRARY = "libc++";
|
||||||
|
CLANG_ENABLE_MODULES = YES;
|
||||||
|
CLANG_ENABLE_OBJC_ARC = YES;
|
||||||
|
CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
|
||||||
|
CLANG_WARN_BOOL_CONVERSION = YES;
|
||||||
|
CLANG_WARN_COMMA = YES;
|
||||||
|
CLANG_WARN_CONSTANT_CONVERSION = YES;
|
||||||
|
CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
|
||||||
|
CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
|
||||||
|
CLANG_WARN_EMPTY_BODY = YES;
|
||||||
|
CLANG_WARN_ENUM_CONVERSION = YES;
|
||||||
|
CLANG_WARN_INFINITE_RECURSION = YES;
|
||||||
|
CLANG_WARN_INT_CONVERSION = YES;
|
||||||
|
CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
|
||||||
|
CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
|
||||||
|
CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
|
||||||
|
CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
|
||||||
|
CLANG_WARN_STRICT_PROTOTYPES = YES;
|
||||||
|
CLANG_WARN_SUSPICIOUS_MOVE = YES;
|
||||||
|
CLANG_WARN_UNGUARDED_AVAILABILITY = YES_AGGRESSIVE;
|
||||||
|
CLANG_WARN_UNREACHABLE_CODE = YES;
|
||||||
|
CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
|
||||||
|
CODE_SIGN_IDENTITY = "iPhone Developer";
|
||||||
|
COPY_PHASE_STRIP = NO;
|
||||||
|
DEBUG_INFORMATION_FORMAT = dwarf;
|
||||||
|
ENABLE_STRICT_OBJC_MSGSEND = YES;
|
||||||
|
ENABLE_TESTABILITY = YES;
|
||||||
|
GCC_C_LANGUAGE_STANDARD = gnu11;
|
||||||
|
GCC_DYNAMIC_NO_PIC = NO;
|
||||||
|
GCC_NO_COMMON_BLOCKS = YES;
|
||||||
|
GCC_OPTIMIZATION_LEVEL = 0;
|
||||||
|
GCC_PREPROCESSOR_DEFINITIONS = (
|
||||||
|
"DEBUG=1",
|
||||||
|
"$(inherited)",
|
||||||
|
);
|
||||||
|
GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
|
||||||
|
GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
|
||||||
|
GCC_WARN_UNDECLARED_SELECTOR = YES;
|
||||||
|
GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
|
||||||
|
GCC_WARN_UNUSED_FUNCTION = YES;
|
||||||
|
GCC_WARN_UNUSED_VARIABLE = YES;
|
||||||
|
IPHONEOS_DEPLOYMENT_TARGET = 15.0;
|
||||||
|
MTL_ENABLE_DEBUG_INFO = YES;
|
||||||
|
ONLY_ACTIVE_ARCH = YES;
|
||||||
|
SDKROOT = iphoneos;
|
||||||
|
SWIFT_ACTIVE_COMPILATION_CONDITIONS = DEBUG;
|
||||||
|
SWIFT_OPTIMIZATION_LEVEL = "-Onone";
|
||||||
|
};
|
||||||
|
name = Debug;
|
||||||
|
};
|
||||||
|
504EC3151FED79650016851F /* Release */ = {
|
||||||
|
isa = XCBuildConfiguration;
|
||||||
|
buildSettings = {
|
||||||
|
ALWAYS_SEARCH_USER_PATHS = NO;
|
||||||
|
CLANG_ANALYZER_NONNULL = YES;
|
||||||
|
CLANG_ANALYZER_NUMBER_OBJECT_CONVERSION = YES_AGGRESSIVE;
|
||||||
|
CLANG_CXX_LANGUAGE_STANDARD = "gnu++14";
|
||||||
|
CLANG_CXX_LIBRARY = "libc++";
|
||||||
|
CLANG_ENABLE_MODULES = YES;
|
||||||
|
CLANG_ENABLE_OBJC_ARC = YES;
|
||||||
|
CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
|
||||||
|
CLANG_WARN_BOOL_CONVERSION = YES;
|
||||||
|
CLANG_WARN_COMMA = YES;
|
||||||
|
CLANG_WARN_CONSTANT_CONVERSION = YES;
|
||||||
|
CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
|
||||||
|
CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
|
||||||
|
CLANG_WARN_EMPTY_BODY = YES;
|
||||||
|
CLANG_WARN_ENUM_CONVERSION = YES;
|
||||||
|
CLANG_WARN_INFINITE_RECURSION = YES;
|
||||||
|
CLANG_WARN_INT_CONVERSION = YES;
|
||||||
|
CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
|
||||||
|
CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
|
||||||
|
CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
|
||||||
|
CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
|
||||||
|
CLANG_WARN_STRICT_PROTOTYPES = YES;
|
||||||
|
CLANG_WARN_SUSPICIOUS_MOVE = YES;
|
||||||
|
CLANG_WARN_UNGUARDED_AVAILABILITY = YES_AGGRESSIVE;
|
||||||
|
CLANG_WARN_UNREACHABLE_CODE = YES;
|
||||||
|
CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
|
||||||
|
CODE_SIGN_IDENTITY = "iPhone Developer";
|
||||||
|
COPY_PHASE_STRIP = NO;
|
||||||
|
DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
|
||||||
|
ENABLE_NS_ASSERTIONS = NO;
|
||||||
|
ENABLE_STRICT_OBJC_MSGSEND = YES;
|
||||||
|
GCC_C_LANGUAGE_STANDARD = gnu11;
|
||||||
|
GCC_NO_COMMON_BLOCKS = YES;
|
||||||
|
GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
|
||||||
|
GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
|
||||||
|
GCC_WARN_UNDECLARED_SELECTOR = YES;
|
||||||
|
GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
|
||||||
|
GCC_WARN_UNUSED_FUNCTION = YES;
|
||||||
|
GCC_WARN_UNUSED_VARIABLE = YES;
|
||||||
|
IPHONEOS_DEPLOYMENT_TARGET = 15.0;
|
||||||
|
MTL_ENABLE_DEBUG_INFO = NO;
|
||||||
|
SDKROOT = iphoneos;
|
||||||
|
SWIFT_COMPILATION_MODE = wholemodule;
|
||||||
|
SWIFT_OPTIMIZATION_LEVEL = "-O";
|
||||||
|
VALIDATE_PRODUCT = YES;
|
||||||
|
};
|
||||||
|
name = Release;
|
||||||
|
};
|
||||||
|
504EC3171FED79650016851F /* Debug */ = {
|
||||||
|
isa = XCBuildConfiguration;
|
||||||
|
baseConfigurationReference = 958DCC722DB07C7200EA8C5F /* debug.xcconfig */;
|
||||||
|
buildSettings = {
|
||||||
|
ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
|
||||||
|
CODE_SIGN_ENTITLEMENTS = App/App.entitlements;
|
||||||
|
CODE_SIGN_STYLE = Automatic;
|
||||||
|
CURRENT_PROJECT_VERSION = 1;
|
||||||
|
INFOPLIST_FILE = App/Info.plist;
|
||||||
|
IPHONEOS_DEPLOYMENT_TARGET = 15.0;
|
||||||
|
LD_RUNPATH_SEARCH_PATHS = (
|
||||||
|
"$(inherited)",
|
||||||
|
"@executable_path/Frameworks",
|
||||||
|
);
|
||||||
|
MARKETING_VERSION = 1.0;
|
||||||
|
OTHER_SWIFT_FLAGS = "$(inherited) \"-D\" \"COCOAPODS\" \"-DDEBUG\"";
|
||||||
|
PRODUCT_BUNDLE_IDENTIFIER = com.healthcare.app;
|
||||||
|
PRODUCT_NAME = "$(TARGET_NAME)";
|
||||||
|
SWIFT_ACTIVE_COMPILATION_CONDITIONS = DEBUG;
|
||||||
|
SWIFT_VERSION = 5.0;
|
||||||
|
TARGETED_DEVICE_FAMILY = "1,2";
|
||||||
|
};
|
||||||
|
name = Debug;
|
||||||
|
};
|
||||||
|
504EC3181FED79650016851F /* Release */ = {
|
||||||
|
isa = XCBuildConfiguration;
|
||||||
|
buildSettings = {
|
||||||
|
ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
|
||||||
|
CODE_SIGN_ENTITLEMENTS = App/App.entitlements;
|
||||||
|
CODE_SIGN_STYLE = Automatic;
|
||||||
|
CURRENT_PROJECT_VERSION = 1;
|
||||||
|
INFOPLIST_FILE = App/Info.plist;
|
||||||
|
IPHONEOS_DEPLOYMENT_TARGET = 15.0;
|
||||||
|
LD_RUNPATH_SEARCH_PATHS = (
|
||||||
|
"$(inherited)",
|
||||||
|
"@executable_path/Frameworks",
|
||||||
|
);
|
||||||
|
MARKETING_VERSION = 1.0;
|
||||||
|
PRODUCT_BUNDLE_IDENTIFIER = com.healthcare.app;
|
||||||
|
PRODUCT_NAME = "$(TARGET_NAME)";
|
||||||
|
SWIFT_ACTIVE_COMPILATION_CONDITIONS = "";
|
||||||
|
SWIFT_VERSION = 5.0;
|
||||||
|
TARGETED_DEVICE_FAMILY = "1,2";
|
||||||
|
};
|
||||||
|
name = Release;
|
||||||
|
};
|
||||||
|
/* End XCBuildConfiguration section */
|
||||||
|
|
||||||
|
/* Begin XCConfigurationList section */
|
||||||
|
504EC2FF1FED79650016851F /* Build configuration list for PBXProject "App" */ = {
|
||||||
|
isa = XCConfigurationList;
|
||||||
|
buildConfigurations = (
|
||||||
|
504EC3141FED79650016851F /* Debug */,
|
||||||
|
504EC3151FED79650016851F /* Release */,
|
||||||
|
);
|
||||||
|
defaultConfigurationIsVisible = 0;
|
||||||
|
defaultConfigurationName = Release;
|
||||||
|
};
|
||||||
|
504EC3161FED79650016851F /* Build configuration list for PBXNativeTarget "App" */ = {
|
||||||
|
isa = XCConfigurationList;
|
||||||
|
buildConfigurations = (
|
||||||
|
504EC3171FED79650016851F /* Debug */,
|
||||||
|
504EC3181FED79650016851F /* Release */,
|
||||||
|
);
|
||||||
|
defaultConfigurationIsVisible = 0;
|
||||||
|
defaultConfigurationName = Release;
|
||||||
|
};
|
||||||
|
/* End XCConfigurationList section */
|
||||||
|
|
||||||
|
/* Begin XCLocalSwiftPackageReference section */
|
||||||
|
D4C12C0A2AAA248700AAC8A2 /* XCLocalSwiftPackageReference "CapApp-SPM" */ = {
|
||||||
|
isa = XCLocalSwiftPackageReference;
|
||||||
|
relativePath = "CapApp-SPM";
|
||||||
|
};
|
||||||
|
/* End XCLocalSwiftPackageReference section */
|
||||||
|
|
||||||
|
/* Begin XCSwiftPackageProductDependency section */
|
||||||
|
4D22ABE82AF431CB00220026 /* CapApp-SPM */ = {
|
||||||
|
isa = XCSwiftPackageProductDependency;
|
||||||
|
package = D4C12C0A2AAA248700AAC8A2 /* XCLocalSwiftPackageReference "CapApp-SPM" */;
|
||||||
|
productName = "CapApp-SPM";
|
||||||
|
};
|
||||||
|
/* End XCSwiftPackageProductDependency section */
|
||||||
|
};
|
||||||
|
rootObject = 504EC2FC1FED79650016851F /* Project object */;
|
||||||
|
}
|
||||||
@@ -0,0 +1,8 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
|
||||||
|
<plist version="1.0">
|
||||||
|
<dict>
|
||||||
|
<key>IDEDidComputeMac32BitWarning</key>
|
||||||
|
<true/>
|
||||||
|
</dict>
|
||||||
|
</plist>
|
||||||
@@ -0,0 +1,7 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<Workspace
|
||||||
|
version = "1.0">
|
||||||
|
<FileRef
|
||||||
|
location = "group:App.xcodeproj">
|
||||||
|
</FileRef>
|
||||||
|
</Workspace>
|
||||||
@@ -0,0 +1,8 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
|
||||||
|
<plist version="1.0">
|
||||||
|
<dict>
|
||||||
|
<key>IDEDidComputeMac32BitWarning</key>
|
||||||
|
<true/>
|
||||||
|
</dict>
|
||||||
|
</plist>
|
||||||
@@ -0,0 +1,6 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
|
||||||
|
<plist version="1.0">
|
||||||
|
<dict>
|
||||||
|
</dict>
|
||||||
|
</plist>
|
||||||
@@ -0,0 +1,49 @@
|
|||||||
|
import UIKit
|
||||||
|
import Capacitor
|
||||||
|
|
||||||
|
@UIApplicationMain
|
||||||
|
class AppDelegate: UIResponder, UIApplicationDelegate {
|
||||||
|
|
||||||
|
var window: UIWindow?
|
||||||
|
|
||||||
|
func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {
|
||||||
|
// Override point for customization after application launch.
|
||||||
|
return true
|
||||||
|
}
|
||||||
|
|
||||||
|
func applicationWillResignActive(_ application: UIApplication) {
|
||||||
|
// Sent when the application is about to move from active to inactive state. This can occur for certain types of temporary interruptions (such as an incoming phone call or SMS message) or when the user quits the application and it begins the transition to the background state.
|
||||||
|
// Use this method to pause ongoing tasks, disable timers, and invalidate graphics rendering callbacks. Games should use this method to pause the game.
|
||||||
|
}
|
||||||
|
|
||||||
|
func applicationDidEnterBackground(_ application: UIApplication) {
|
||||||
|
// Use this method to release shared resources, save user data, invalidate timers, and store enough application state information to restore your application to its current state in case it is terminated later.
|
||||||
|
// If your application supports background execution, this method is called instead of applicationWillTerminate: when the user quits.
|
||||||
|
}
|
||||||
|
|
||||||
|
func applicationWillEnterForeground(_ application: UIApplication) {
|
||||||
|
// Called as part of the transition from the background to the active state; here you can undo many of the changes made on entering the background.
|
||||||
|
}
|
||||||
|
|
||||||
|
func applicationDidBecomeActive(_ application: UIApplication) {
|
||||||
|
// Restart any tasks that were paused (or not yet started) while the application was inactive. If the application was previously in the background, optionally refresh the user interface.
|
||||||
|
}
|
||||||
|
|
||||||
|
func applicationWillTerminate(_ application: UIApplication) {
|
||||||
|
// Called when the application is about to terminate. Save data if appropriate. See also applicationDidEnterBackground:.
|
||||||
|
}
|
||||||
|
|
||||||
|
func application(_ app: UIApplication, open url: URL, options: [UIApplication.OpenURLOptionsKey: Any] = [:]) -> Bool {
|
||||||
|
// Called when the app was launched with a url. Feel free to add additional processing here,
|
||||||
|
// but if you want the App API to support tracking app url opens, make sure to keep this call
|
||||||
|
return ApplicationDelegateProxy.shared.application(app, open: url, options: options)
|
||||||
|
}
|
||||||
|
|
||||||
|
func application(_ application: UIApplication, continue userActivity: NSUserActivity, restorationHandler: @escaping ([UIUserActivityRestoring]?) -> Void) -> Bool {
|
||||||
|
// Called when the app was launched with an activity, including Universal Links.
|
||||||
|
// Feel free to add additional processing here, but if you want the App API to support
|
||||||
|
// tracking app url opens, make sure to keep this call
|
||||||
|
return ApplicationDelegateProxy.shared.application(application, continue: userActivity, restorationHandler: restorationHandler)
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 108 KiB |
@@ -0,0 +1,14 @@
|
|||||||
|
{
|
||||||
|
"images" : [
|
||||||
|
{
|
||||||
|
"filename" : "AppIcon-512@2x.png",
|
||||||
|
"idiom" : "universal",
|
||||||
|
"platform" : "ios",
|
||||||
|
"size" : "1024x1024"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"info" : {
|
||||||
|
"author" : "xcode",
|
||||||
|
"version" : 1
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,6 @@
|
|||||||
|
{
|
||||||
|
"info" : {
|
||||||
|
"version" : 1,
|
||||||
|
"author" : "xcode"
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,23 @@
|
|||||||
|
{
|
||||||
|
"images" : [
|
||||||
|
{
|
||||||
|
"idiom" : "universal",
|
||||||
|
"filename" : "splash-2732x2732-2.png",
|
||||||
|
"scale" : "1x"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"idiom" : "universal",
|
||||||
|
"filename" : "splash-2732x2732-1.png",
|
||||||
|
"scale" : "2x"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"idiom" : "universal",
|
||||||
|
"filename" : "splash-2732x2732.png",
|
||||||
|
"scale" : "3x"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"info" : {
|
||||||
|
"version" : 1,
|
||||||
|
"author" : "xcode"
|
||||||
|
}
|
||||||
|
}
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 40 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 40 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 40 KiB |
@@ -0,0 +1,32 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="17132" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" launchScreen="YES" useTraitCollections="YES" useSafeAreas="YES" colorMatched="YES" initialViewController="01J-lp-oVM">
|
||||||
|
<device id="retina4_7" orientation="portrait" appearance="light"/>
|
||||||
|
<dependencies>
|
||||||
|
<deployment identifier="iOS"/>
|
||||||
|
<plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="17105"/>
|
||||||
|
<capability name="System colors in document resources" minToolsVersion="11.0"/>
|
||||||
|
<capability name="documents saved in the Xcode 8 format" minToolsVersion="8.0"/>
|
||||||
|
</dependencies>
|
||||||
|
<scenes>
|
||||||
|
<!--View Controller-->
|
||||||
|
<scene sceneID="EHf-IW-A2E">
|
||||||
|
<objects>
|
||||||
|
<viewController id="01J-lp-oVM" sceneMemberID="viewController">
|
||||||
|
<imageView key="view" userInteractionEnabled="NO" contentMode="scaleAspectFill" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="Splash" id="snD-IY-ifK">
|
||||||
|
<rect key="frame" x="0.0" y="0.0" width="375" height="667"/>
|
||||||
|
<autoresizingMask key="autoresizingMask"/>
|
||||||
|
<color key="backgroundColor" systemColor="systemBackgroundColor"/>
|
||||||
|
</imageView>
|
||||||
|
</viewController>
|
||||||
|
<placeholder placeholderIdentifier="IBFirstResponder" id="iYj-Kq-Ea1" userLabel="First Responder" sceneMemberID="firstResponder"/>
|
||||||
|
</objects>
|
||||||
|
<point key="canvasLocation" x="53" y="375"/>
|
||||||
|
</scene>
|
||||||
|
</scenes>
|
||||||
|
<resources>
|
||||||
|
<image name="Splash" width="1366" height="1366"/>
|
||||||
|
<systemColor name="systemBackgroundColor">
|
||||||
|
<color white="1" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
|
||||||
|
</systemColor>
|
||||||
|
</resources>
|
||||||
|
</document>
|
||||||
@@ -0,0 +1,19 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="14111" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" useTraitCollections="YES" colorMatched="YES" initialViewController="BYZ-38-t0r">
|
||||||
|
<device id="retina4_7" orientation="portrait">
|
||||||
|
<adaptation id="fullscreen"/>
|
||||||
|
</device>
|
||||||
|
<dependencies>
|
||||||
|
<deployment identifier="iOS"/>
|
||||||
|
<plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="14088"/>
|
||||||
|
</dependencies>
|
||||||
|
<scenes>
|
||||||
|
<!--Bridge View Controller-->
|
||||||
|
<scene sceneID="tne-QT-ifu">
|
||||||
|
<objects>
|
||||||
|
<viewController id="BYZ-38-t0r" customClass="CAPBridgeViewController" customModule="Capacitor" sceneMemberID="viewController"/>
|
||||||
|
<placeholder placeholderIdentifier="IBFirstResponder" id="dkx-z0-nzr" sceneMemberID="firstResponder"/>
|
||||||
|
</objects>
|
||||||
|
</scene>
|
||||||
|
</scenes>
|
||||||
|
</document>
|
||||||
@@ -0,0 +1,62 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
|
||||||
|
<plist version="1.0">
|
||||||
|
<dict>
|
||||||
|
<key>CAPACITOR_DEBUG</key>
|
||||||
|
<string>$(CAPACITOR_DEBUG)</string>
|
||||||
|
<key>CFBundleDevelopmentRegion</key>
|
||||||
|
<string>en</string>
|
||||||
|
<key>CFBundleDisplayName</key>
|
||||||
|
<string>healthcare</string>
|
||||||
|
<key>CFBundleExecutable</key>
|
||||||
|
<string>$(EXECUTABLE_NAME)</string>
|
||||||
|
<key>CFBundleIdentifier</key>
|
||||||
|
<string>$(PRODUCT_BUNDLE_IDENTIFIER)</string>
|
||||||
|
<key>CFBundleInfoDictionaryVersion</key>
|
||||||
|
<string>6.0</string>
|
||||||
|
<key>CFBundleName</key>
|
||||||
|
<string>$(PRODUCT_NAME)</string>
|
||||||
|
<key>CFBundlePackageType</key>
|
||||||
|
<string>APPL</string>
|
||||||
|
<key>CFBundleShortVersionString</key>
|
||||||
|
<string>$(MARKETING_VERSION)</string>
|
||||||
|
<key>CFBundleVersion</key>
|
||||||
|
<string>$(CURRENT_PROJECT_VERSION)</string>
|
||||||
|
<key>LSRequiresIPhoneOS</key>
|
||||||
|
<true/>
|
||||||
|
<key>UILaunchStoryboardName</key>
|
||||||
|
<string>LaunchScreen</string>
|
||||||
|
<key>UIMainStoryboardFile</key>
|
||||||
|
<string>Main</string>
|
||||||
|
<key>UIRequiredDeviceCapabilities</key>
|
||||||
|
<array>
|
||||||
|
<string>armv7</string>
|
||||||
|
</array>
|
||||||
|
<key>UISupportedInterfaceOrientations</key>
|
||||||
|
<array>
|
||||||
|
<string>UIInterfaceOrientationPortrait</string>
|
||||||
|
<string>UIInterfaceOrientationLandscapeLeft</string>
|
||||||
|
<string>UIInterfaceOrientationLandscapeRight</string>
|
||||||
|
</array>
|
||||||
|
<key>UISupportedInterfaceOrientations~ipad</key>
|
||||||
|
<array>
|
||||||
|
<string>UIInterfaceOrientationPortrait</string>
|
||||||
|
<string>UIInterfaceOrientationPortraitUpsideDown</string>
|
||||||
|
<string>UIInterfaceOrientationLandscapeLeft</string>
|
||||||
|
<string>UIInterfaceOrientationLandscapeRight</string>
|
||||||
|
</array>
|
||||||
|
<key>UIViewControllerBasedStatusBarAppearance</key>
|
||||||
|
<true/>
|
||||||
|
<key>CFBundleURLTypes</key>
|
||||||
|
<array>
|
||||||
|
<dict>
|
||||||
|
<key>CFBundleURLName</key>
|
||||||
|
<string>com.healthcare.app</string>
|
||||||
|
<key>CFBundleURLSchemes</key>
|
||||||
|
<array>
|
||||||
|
<string>com.healthcare.app</string>
|
||||||
|
</array>
|
||||||
|
</dict>
|
||||||
|
</array>
|
||||||
|
</dict>
|
||||||
|
</plist>
|
||||||
@@ -0,0 +1,9 @@
|
|||||||
|
.DS_Store
|
||||||
|
/.build
|
||||||
|
/Packages
|
||||||
|
/*.xcodeproj
|
||||||
|
xcuserdata/
|
||||||
|
DerivedData/
|
||||||
|
.swiftpm/config/registries.json
|
||||||
|
.swiftpm/xcode/package.xcworkspace/contents.xcworkspacedata
|
||||||
|
.netrc
|
||||||
@@ -0,0 +1,25 @@
|
|||||||
|
// swift-tools-version: 5.9
|
||||||
|
import PackageDescription
|
||||||
|
|
||||||
|
// DO NOT MODIFY THIS FILE - managed by Capacitor CLI commands
|
||||||
|
let package = Package(
|
||||||
|
name: "CapApp-SPM",
|
||||||
|
platforms: [.iOS(.v15)],
|
||||||
|
products: [
|
||||||
|
.library(
|
||||||
|
name: "CapApp-SPM",
|
||||||
|
targets: ["CapApp-SPM"])
|
||||||
|
],
|
||||||
|
dependencies: [
|
||||||
|
.package(url: "https://github.com/ionic-team/capacitor-swift-pm.git", from: "8.0.0")
|
||||||
|
],
|
||||||
|
targets: [
|
||||||
|
.target(
|
||||||
|
name: "CapApp-SPM",
|
||||||
|
dependencies: [
|
||||||
|
.product(name: "Capacitor", package: "capacitor-swift-pm"),
|
||||||
|
.product(name: "Cordova", package: "capacitor-swift-pm")
|
||||||
|
]
|
||||||
|
)
|
||||||
|
]
|
||||||
|
)
|
||||||
@@ -0,0 +1,5 @@
|
|||||||
|
# CapApp-SPM
|
||||||
|
|
||||||
|
This package is used to host SPM dependencies for your Capacitor project
|
||||||
|
|
||||||
|
Do not modify the contents of it or there may be unintended consequences.
|
||||||
@@ -0,0 +1 @@
|
|||||||
|
public let isCapacitorApp = true
|
||||||
@@ -0,0 +1 @@
|
|||||||
|
CAPACITOR_DEBUG = true
|
||||||
@@ -0,0 +1,53 @@
|
|||||||
|
{
|
||||||
|
"name": "app",
|
||||||
|
"private": true,
|
||||||
|
"version": "0.0.1",
|
||||||
|
"type": "module",
|
||||||
|
"scripts": {
|
||||||
|
"dev": "vite",
|
||||||
|
"build": "vite build",
|
||||||
|
"preview": "vite preview",
|
||||||
|
"lint": "eslint"
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"@capacitor-firebase/authentication": "^8.0.0",
|
||||||
|
"@capacitor/android": "8.3.4",
|
||||||
|
"@capacitor/app": "8.1.0",
|
||||||
|
"@capacitor/core": "8.3.4",
|
||||||
|
"@capacitor/google-maps": "^8.0.0",
|
||||||
|
"@capacitor/haptics": "8.0.2",
|
||||||
|
"@capacitor/ios": "8.3.4",
|
||||||
|
"@capacitor/keyboard": "8.0.3",
|
||||||
|
"@capacitor/push-notifications": "^8.1.1",
|
||||||
|
"@capacitor/status-bar": "8.0.2",
|
||||||
|
"@ionic/pwa-elements": "^3.0.0",
|
||||||
|
"@ionic/react": "^8.5.0",
|
||||||
|
"@ionic/react-router": "^8.5.0",
|
||||||
|
"@supabase/supabase-js": "^2.108.1",
|
||||||
|
"date-fns": "^4.4.0",
|
||||||
|
"firebase": "^11.0.0",
|
||||||
|
"ionicons": "^7.4.0",
|
||||||
|
"katex": "^0.16.0",
|
||||||
|
"react": "18.2.0",
|
||||||
|
"react-dom": "18.2.0",
|
||||||
|
"react-hook-form": "^7.54.0",
|
||||||
|
"react-katex": "^3.0.1",
|
||||||
|
"react-router": "^5.3.4",
|
||||||
|
"react-router-dom": "^5.3.4",
|
||||||
|
"zod": "^3.24.0",
|
||||||
|
"zustand": "^5.0.0"
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"@capacitor/cli": "8.3.4",
|
||||||
|
"@types/katex": "^0.16.0",
|
||||||
|
"@types/react": "^19.0.0",
|
||||||
|
"@types/react-dom": "^19.0.0",
|
||||||
|
"@types/react-router": "^5.1.20",
|
||||||
|
"@types/react-router-dom": "^5.3.3",
|
||||||
|
"@vitejs/plugin-react": "^4.0.1",
|
||||||
|
"terser": "^5.4.0",
|
||||||
|
"typescript": "~5.9.0",
|
||||||
|
"vite": "^5.0.0"
|
||||||
|
},
|
||||||
|
"description": "An Ionic project"
|
||||||
|
}
|
||||||
@@ -0,0 +1,15 @@
|
|||||||
|
{
|
||||||
|
"short_name": "Ionic App",
|
||||||
|
"name": "My Ionic App",
|
||||||
|
"icons": [
|
||||||
|
{
|
||||||
|
"src": "assets/icon/favicon.png",
|
||||||
|
"sizes": "64x64 32x32 24x24 16x16",
|
||||||
|
"type": "image/x-icon"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"start_url": ".",
|
||||||
|
"display": "standalone",
|
||||||
|
"theme_color": "#ffffff",
|
||||||
|
"background_color": "#ffffff"
|
||||||
|
}
|
||||||
+58
@@ -0,0 +1,58 @@
|
|||||||
|
import React from 'react';
|
||||||
|
import { Redirect, Route } from 'react-router-dom';
|
||||||
|
import { IonApp, IonRouterOutlet, setupIonicReact } from '@ionic/react';
|
||||||
|
import { IonReactRouter } from '@ionic/react-router';
|
||||||
|
import Home from './pages/Home';
|
||||||
|
import Checkups from './pages/Checkups';
|
||||||
|
import Diet from './pages/Diet';
|
||||||
|
import Sleep from './pages/Sleep';
|
||||||
|
import Insights from './pages/Insights';
|
||||||
|
|
||||||
|
/* Core CSS required for Ionic components to work properly */
|
||||||
|
import '@ionic/react/css/core.css';
|
||||||
|
|
||||||
|
/* Basic CSS for apps built with Ionic */
|
||||||
|
import '@ionic/react/css/normalize.css';
|
||||||
|
import '@ionic/react/css/structure.css';
|
||||||
|
import '@ionic/react/css/typography.css';
|
||||||
|
|
||||||
|
/* Optional CSS utils that can be commented out */
|
||||||
|
import '@ionic/react/css/padding.css';
|
||||||
|
import '@ionic/react/css/float-elements.css';
|
||||||
|
import '@ionic/react/css/text-alignment.css';
|
||||||
|
import '@ionic/react/css/text-transformation.css';
|
||||||
|
import '@ionic/react/css/flex-utils.css';
|
||||||
|
import '@ionic/react/css/display.css';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Ionic Dark Mode
|
||||||
|
* -----------------------------------------------------
|
||||||
|
* For more info, please see:
|
||||||
|
* https://ionicframework.com/docs/theming/dark-mode
|
||||||
|
*/
|
||||||
|
|
||||||
|
/* import '@ionic/react/css/palettes/dark.always.css'; */
|
||||||
|
/* import '@ionic/react/css/palettes/dark.class.css'; */
|
||||||
|
import '@ionic/react/css/palettes/dark.system.css';
|
||||||
|
|
||||||
|
/* Theme variables */
|
||||||
|
import './theme/variables.css';
|
||||||
|
|
||||||
|
setupIonicReact();
|
||||||
|
|
||||||
|
const App: React.FC = () => (
|
||||||
|
<IonApp>
|
||||||
|
<IonReactRouter>
|
||||||
|
<IonRouterOutlet>
|
||||||
|
<Route exact path="/home" component={Home} />
|
||||||
|
<Route exact path="/checkups" component={Checkups} />
|
||||||
|
<Route exact path="/diet" component={Diet} />
|
||||||
|
<Route exact path="/sleep" component={Sleep} />
|
||||||
|
<Route exact path="/insights" component={Insights} />
|
||||||
|
<Route exact path="/" render={() => <Redirect to="/home" />} />
|
||||||
|
</IonRouterOutlet>
|
||||||
|
</IonReactRouter>
|
||||||
|
</IonApp>
|
||||||
|
);
|
||||||
|
|
||||||
|
export default App;
|
||||||
@@ -0,0 +1,141 @@
|
|||||||
|
import React from 'react';
|
||||||
|
import { Department } from '../../types/cohortHealth';
|
||||||
|
import {
|
||||||
|
IonLabel,
|
||||||
|
IonSegment,
|
||||||
|
IonSegmentButton,
|
||||||
|
IonBadge,
|
||||||
|
IonIcon,
|
||||||
|
} from '@ionic/react';
|
||||||
|
import { shieldCheckmarkOutline, peopleOutline } from 'ionicons/icons';
|
||||||
|
|
||||||
|
interface DepartmentSelectorProps {
|
||||||
|
currentDepartment: Department;
|
||||||
|
onDepartmentChange: (dept: Department) => void;
|
||||||
|
cohortSizes: Record<Department, number>;
|
||||||
|
}
|
||||||
|
|
||||||
|
export const DepartmentSelector: React.FC<DepartmentSelectorProps> = ({
|
||||||
|
currentDepartment,
|
||||||
|
onDepartmentChange,
|
||||||
|
cohortSizes,
|
||||||
|
}) => {
|
||||||
|
const departments: { id: Department; label: string; minRequired: number }[] =
|
||||||
|
[
|
||||||
|
{ id: 'Engineering', label: 'Engineering', minRequired: 5 },
|
||||||
|
{ id: 'Sales', label: 'Sales', minRequired: 5 },
|
||||||
|
{ id: 'Operations', label: 'Operations', minRequired: 5 },
|
||||||
|
{ id: 'Executive Board', label: 'Exec Board', minRequired: 5 },
|
||||||
|
];
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div style={{ margin: '12px 0 20px 0' }}>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
display: 'flex',
|
||||||
|
justifyContent: 'space-between',
|
||||||
|
alignItems: 'center',
|
||||||
|
marginBottom: '8px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<span
|
||||||
|
style={{
|
||||||
|
fontSize: '0.85rem',
|
||||||
|
fontWeight: 700,
|
||||||
|
color: 'var(--ion-color-dark)',
|
||||||
|
textTransform: 'uppercase',
|
||||||
|
letterSpacing: '0.05em',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
Select Workforce Cohort
|
||||||
|
</span>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
display: 'flex',
|
||||||
|
alignItems: 'center',
|
||||||
|
gap: '4px',
|
||||||
|
color: 'var(--ion-color-success)',
|
||||||
|
fontSize: '0.8rem',
|
||||||
|
fontWeight: 600,
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<IonIcon icon={shieldCheckmarkOutline} />
|
||||||
|
<span>k-Anonymity Protected</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
display: 'flex',
|
||||||
|
gap: '8px',
|
||||||
|
overflowX: 'auto',
|
||||||
|
paddingBottom: '4px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{departments.map((dept) => {
|
||||||
|
const count = cohortSizes[dept.id] || 0;
|
||||||
|
const isSelected = currentDepartment === dept.id;
|
||||||
|
const isViolating = count > 0 && count < dept.minRequired;
|
||||||
|
|
||||||
|
return (
|
||||||
|
<button
|
||||||
|
key={dept.id}
|
||||||
|
onClick={() => onDepartmentChange(dept.id)}
|
||||||
|
style={{
|
||||||
|
flex: '1 0 auto',
|
||||||
|
padding: '10px 16px',
|
||||||
|
borderRadius: '10px',
|
||||||
|
border: isSelected
|
||||||
|
? '2px solid var(--ion-color-primary)'
|
||||||
|
: '1px solid var(--ion-color-light-shade)',
|
||||||
|
backgroundColor: isSelected
|
||||||
|
? 'rgba(56, 128, 255, 0.06)'
|
||||||
|
: 'var(--ion-color-light)',
|
||||||
|
color: isSelected
|
||||||
|
? 'var(--ion-color-primary-shade)'
|
||||||
|
: 'var(--ion-color-dark)',
|
||||||
|
cursor: 'pointer',
|
||||||
|
transition: 'all 0.15s ease',
|
||||||
|
display: 'flex',
|
||||||
|
flexDirection: 'column',
|
||||||
|
alignItems: 'center',
|
||||||
|
gap: '4px',
|
||||||
|
outline: 'none',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<span style={{ fontSize: '0.9rem', fontWeight: 700 }}>
|
||||||
|
{dept.label}
|
||||||
|
</span>
|
||||||
|
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
display: 'flex',
|
||||||
|
alignItems: 'center',
|
||||||
|
gap: '4px',
|
||||||
|
fontSize: '0.75rem',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<IonIcon icon={peopleOutline} style={{ opacity: 0.7 }} />
|
||||||
|
<span>N = {count}</span>
|
||||||
|
{isViolating && (
|
||||||
|
<span
|
||||||
|
style={{
|
||||||
|
fontSize: '0.65rem',
|
||||||
|
color: 'var(--ion-color-danger)',
|
||||||
|
backgroundColor: 'rgba(235, 68, 90, 0.1)',
|
||||||
|
padding: '1px 5px',
|
||||||
|
borderRadius: '4px',
|
||||||
|
fontWeight: 700,
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
Blocked
|
||||||
|
</span>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
</button>
|
||||||
|
);
|
||||||
|
})}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
};
|
||||||
@@ -0,0 +1,132 @@
|
|||||||
|
import React from 'react';
|
||||||
|
import {
|
||||||
|
IonCard,
|
||||||
|
IonCardContent,
|
||||||
|
IonText,
|
||||||
|
IonIcon,
|
||||||
|
IonRow,
|
||||||
|
IonCol,
|
||||||
|
} from '@ionic/react';
|
||||||
|
import {
|
||||||
|
moonOutline,
|
||||||
|
flashOutline,
|
||||||
|
fitnessOutline,
|
||||||
|
alertCircleOutline,
|
||||||
|
} from 'ionicons/icons';
|
||||||
|
|
||||||
|
interface MetricCardProps {
|
||||||
|
title: string;
|
||||||
|
value: string | number;
|
||||||
|
subtext: string;
|
||||||
|
type: 'sleep' | 'stress' | 'activity';
|
||||||
|
}
|
||||||
|
|
||||||
|
export const MetricSummaryCard: React.FC<MetricCardProps> = ({
|
||||||
|
title,
|
||||||
|
value,
|
||||||
|
subtext,
|
||||||
|
type,
|
||||||
|
}) => {
|
||||||
|
const getCardTheme = () => {
|
||||||
|
switch (type) {
|
||||||
|
case 'sleep':
|
||||||
|
return {
|
||||||
|
icon: moonOutline,
|
||||||
|
color: 'var(--ion-color-tertiary)',
|
||||||
|
bg: 'rgba(82, 96, 255, 0.08)',
|
||||||
|
label: 'Sleep Quality',
|
||||||
|
};
|
||||||
|
case 'stress':
|
||||||
|
return {
|
||||||
|
icon: flashOutline,
|
||||||
|
color: 'var(--ion-color-danger)',
|
||||||
|
bg: 'rgba(235, 68, 90, 0.08)',
|
||||||
|
label: 'Stress Index',
|
||||||
|
};
|
||||||
|
case 'activity':
|
||||||
|
return {
|
||||||
|
icon: fitnessOutline,
|
||||||
|
color: 'var(--ion-color-success)',
|
||||||
|
bg: 'rgba(45, 211, 111, 0.08)',
|
||||||
|
label: 'Active Minutes',
|
||||||
|
};
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const theme = getCardTheme();
|
||||||
|
|
||||||
|
return (
|
||||||
|
<IonCard
|
||||||
|
className="ion-no-margin"
|
||||||
|
style={{
|
||||||
|
height: '100%',
|
||||||
|
boxShadow: '0 4px 16px rgba(0,0,0,0.04)',
|
||||||
|
borderRadius: '12px',
|
||||||
|
border: '1px solid var(--ion-color-light-shade)',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<IonCardContent style={{ padding: '16px' }}>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
display: 'flex',
|
||||||
|
alignItems: 'center',
|
||||||
|
justifyContent: 'space-between',
|
||||||
|
marginBottom: '12px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<span
|
||||||
|
style={{
|
||||||
|
fontSize: '0.85rem',
|
||||||
|
fontWeight: 600,
|
||||||
|
color: 'var(--ion-color-medium)',
|
||||||
|
textTransform: 'uppercase',
|
||||||
|
letterSpacing: '0.05em',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{title}
|
||||||
|
</span>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
backgroundColor: theme.bg,
|
||||||
|
color: theme.color,
|
||||||
|
borderRadius: '50%',
|
||||||
|
padding: '8px',
|
||||||
|
display: 'flex',
|
||||||
|
alignItems: 'center',
|
||||||
|
justifyContent: 'center',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<IonIcon icon={theme.icon} style={{ fontSize: '20px' }} />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div style={{ marginBottom: '6px' }}>
|
||||||
|
<span
|
||||||
|
style={{
|
||||||
|
fontSize: '2rem',
|
||||||
|
fontWeight: 700,
|
||||||
|
color: 'var(--ion-color-dark)',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{value}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<span
|
||||||
|
style={{
|
||||||
|
fontSize: '0.8rem',
|
||||||
|
color: 'var(--ion-color-medium)',
|
||||||
|
fontWeight: 500,
|
||||||
|
display: 'flex',
|
||||||
|
alignItems: 'center',
|
||||||
|
gap: '4px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{subtext}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</IonCardContent>
|
||||||
|
</IonCard>
|
||||||
|
);
|
||||||
|
};
|
||||||
@@ -0,0 +1,435 @@
|
|||||||
|
import React, { useState } from 'react';
|
||||||
|
import {
|
||||||
|
IonCard,
|
||||||
|
IonCardHeader,
|
||||||
|
IonCardSubtitle,
|
||||||
|
IonCardTitle,
|
||||||
|
IonCardContent,
|
||||||
|
IonText,
|
||||||
|
IonButton,
|
||||||
|
IonIcon,
|
||||||
|
} from '@ionic/react';
|
||||||
|
import { AggregatedTrendPoint } from '../../types/cohortHealth';
|
||||||
|
import { moonOutline, flashOutline, eyeOutline } from 'ionicons/icons';
|
||||||
|
|
||||||
|
interface TrendChartCardProps {
|
||||||
|
trends: AggregatedTrendPoint[];
|
||||||
|
}
|
||||||
|
|
||||||
|
export const TrendChartCard: React.FC<TrendChartCardProps> = ({ trends }) => {
|
||||||
|
const [hoveredPoint, setHoveredPoint] = useState<number | null>(null);
|
||||||
|
|
||||||
|
if (!trends || trends.length === 0) {
|
||||||
|
return (
|
||||||
|
<IonCard style={{ borderRadius: '12px' }}>
|
||||||
|
<IonCardContent className="ion-text-center ion-padding">
|
||||||
|
No trend data to display.
|
||||||
|
</IonCardContent>
|
||||||
|
</IonCard>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Chart configuration
|
||||||
|
const width = 600;
|
||||||
|
const height = 240;
|
||||||
|
const paddingLeft = 40;
|
||||||
|
const paddingRight = 40;
|
||||||
|
const paddingTop = 20;
|
||||||
|
const paddingBottom = 40;
|
||||||
|
|
||||||
|
const chartWidth = width - paddingLeft - paddingRight;
|
||||||
|
const chartHeight = height - paddingTop - paddingBottom;
|
||||||
|
|
||||||
|
const maxPoints = trends.length;
|
||||||
|
|
||||||
|
// X coordinates helper
|
||||||
|
const getX = (index: number) => {
|
||||||
|
if (maxPoints <= 1) return paddingLeft + chartWidth / 2;
|
||||||
|
return paddingLeft + (index / (maxPoints - 1)) * chartWidth;
|
||||||
|
};
|
||||||
|
|
||||||
|
// Y coordinates helper for Sleep Score (0 - 100)
|
||||||
|
const getYSleep = (score: number) => {
|
||||||
|
// Normalizing between 40 and 100 to make the graph visually richer
|
||||||
|
const minScore = 40;
|
||||||
|
const maxScore = 100;
|
||||||
|
const percentage = (score - minScore) / (maxScore - minScore);
|
||||||
|
const clampedPct = Math.max(0, Math.min(1, percentage));
|
||||||
|
return height - paddingBottom - clampedPct * chartHeight;
|
||||||
|
};
|
||||||
|
|
||||||
|
// Y coordinates helper for Stress Index (1 - 10)
|
||||||
|
const getYStress = (stress: number) => {
|
||||||
|
// Normalizing between 1 and 10
|
||||||
|
const minStress = 1;
|
||||||
|
const maxStress = 10;
|
||||||
|
const percentage = (stress - minStress) / (maxStress - minStress);
|
||||||
|
const clampedPct = Math.max(0, Math.min(1, percentage));
|
||||||
|
return height - paddingBottom - clampedPct * chartHeight;
|
||||||
|
};
|
||||||
|
|
||||||
|
// Build SVG Paths
|
||||||
|
let sleepPointsPath = '';
|
||||||
|
let stressPointsPath = '';
|
||||||
|
|
||||||
|
trends.forEach((t, i) => {
|
||||||
|
const x = getX(i);
|
||||||
|
const ySleep = getYSleep(t.avgSleepScore);
|
||||||
|
const yStress = getYStress(t.avgStressIndex);
|
||||||
|
|
||||||
|
if (i === 0) {
|
||||||
|
sleepPointsPath = `M ${x} ${ySleep}`;
|
||||||
|
stressPointsPath = `M ${x} ${yStress}`;
|
||||||
|
} else {
|
||||||
|
sleepPointsPath += ` L ${x} ${ySleep}`;
|
||||||
|
stressPointsPath += ` L ${x} ${yStress}`;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
const formatDate = (dateStr: string) => {
|
||||||
|
const date = new Date(dateStr);
|
||||||
|
return date.toLocaleDateString(undefined, {
|
||||||
|
month: 'short',
|
||||||
|
day: 'numeric',
|
||||||
|
timeZone: 'UTC',
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
return (
|
||||||
|
<IonCard
|
||||||
|
style={{
|
||||||
|
boxShadow: '0 4px 16px rgba(0,0,0,0.04)',
|
||||||
|
borderRadius: '12px',
|
||||||
|
border: '1px solid var(--ion-color-light-shade)',
|
||||||
|
overflow: 'visible',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<IonCardHeader style={{ padding: '16px 16px 4px 16px' }}>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
display: 'flex',
|
||||||
|
justifyContent: 'space-between',
|
||||||
|
alignItems: 'center',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<div>
|
||||||
|
<IonCardTitle
|
||||||
|
style={{
|
||||||
|
fontSize: '1.1rem',
|
||||||
|
fontWeight: 700,
|
||||||
|
color: 'var(--ion-color-dark)',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
14-Day Cohort Biomarker Trends
|
||||||
|
</IonCardTitle>
|
||||||
|
<IonCardSubtitle
|
||||||
|
style={{
|
||||||
|
fontSize: '0.8rem',
|
||||||
|
color: 'var(--ion-color-medium)',
|
||||||
|
marginTop: '4px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
Tracking stress levels vs sleep restoration patterns
|
||||||
|
</IonCardSubtitle>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* Legend */}
|
||||||
|
<div style={{ display: 'flex', gap: '16px', fontSize: '0.8rem' }}>
|
||||||
|
<div style={{ display: 'flex', alignItems: 'center', gap: '6px' }}>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
width: '12px',
|
||||||
|
height: '3px',
|
||||||
|
backgroundColor: 'var(--ion-color-tertiary)',
|
||||||
|
borderRadius: '2px',
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
<span style={{ color: 'var(--ion-color-dark)', fontWeight: 600 }}>
|
||||||
|
Sleep Quality
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div style={{ display: 'flex', alignItems: 'center', gap: '6px' }}>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
width: '12px',
|
||||||
|
height: '3px',
|
||||||
|
backgroundColor: 'var(--ion-color-danger)',
|
||||||
|
borderRadius: '2px',
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
<span style={{ color: 'var(--ion-color-dark)', fontWeight: 600 }}>
|
||||||
|
Stress Index
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</IonCardHeader>
|
||||||
|
|
||||||
|
<IonCardContent
|
||||||
|
style={{ padding: '0px 12px 16px 12px', position: 'relative' }}
|
||||||
|
>
|
||||||
|
{/* SVG Drawing Canvas */}
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
width: '100%',
|
||||||
|
overflowX: 'auto',
|
||||||
|
WebkitOverflowScrolling: 'touch',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
viewBox={`0 0 ${width} ${height}`}
|
||||||
|
style={{ width: '100%', minWidth: '500px', display: 'block' }}
|
||||||
|
>
|
||||||
|
{/* Gridlines (Horizontal) */}
|
||||||
|
{[0, 0.25, 0.5, 0.75, 1].map((val, idx) => {
|
||||||
|
const y = paddingTop + val * chartHeight;
|
||||||
|
return (
|
||||||
|
<g key={idx}>
|
||||||
|
<line
|
||||||
|
x1={paddingLeft}
|
||||||
|
y1={y}
|
||||||
|
x2={width - paddingRight}
|
||||||
|
y2={y}
|
||||||
|
stroke="var(--ion-color-light-shade)"
|
||||||
|
strokeWidth="1"
|
||||||
|
strokeDasharray="4 4"
|
||||||
|
/>
|
||||||
|
{/* Left Label: Sleep Score Scales */}
|
||||||
|
<text
|
||||||
|
x={paddingLeft - 8}
|
||||||
|
y={y + 4}
|
||||||
|
textAnchor="end"
|
||||||
|
fill="var(--ion-color-medium)"
|
||||||
|
fontSize="9px"
|
||||||
|
fontWeight="500"
|
||||||
|
>
|
||||||
|
{Math.round(100 - val * 60)}
|
||||||
|
</text>
|
||||||
|
{/* Right Label: Stress Scales */}
|
||||||
|
<text
|
||||||
|
x={width - paddingRight + 8}
|
||||||
|
y={y + 4}
|
||||||
|
textAnchor="start"
|
||||||
|
fill="var(--ion-color-medium)"
|
||||||
|
fontSize="9px"
|
||||||
|
fontWeight="500"
|
||||||
|
>
|
||||||
|
{(10 - val * 9).toFixed(1)}
|
||||||
|
</text>
|
||||||
|
</g>
|
||||||
|
);
|
||||||
|
})}
|
||||||
|
|
||||||
|
{/* Main Trend Lines */}
|
||||||
|
<path
|
||||||
|
d={sleepPointsPath}
|
||||||
|
fill="none"
|
||||||
|
stroke="var(--ion-color-tertiary)"
|
||||||
|
strokeWidth="3.5"
|
||||||
|
strokeLinecap="round"
|
||||||
|
strokeLinejoin="round"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d={stressPointsPath}
|
||||||
|
fill="none"
|
||||||
|
stroke="var(--ion-color-danger)"
|
||||||
|
strokeWidth="3.5"
|
||||||
|
strokeLinecap="round"
|
||||||
|
strokeLinejoin="round"
|
||||||
|
/>
|
||||||
|
|
||||||
|
{/* X Axis Labels (Filtered to show 4 ticks to prevent clutter) */}
|
||||||
|
{trends.map((t, i) => {
|
||||||
|
const x = getX(i);
|
||||||
|
const isTick =
|
||||||
|
i === 0 ||
|
||||||
|
i === Math.floor(maxPoints / 3) ||
|
||||||
|
i === Math.floor((maxPoints * 2) / 3) ||
|
||||||
|
i === maxPoints - 1;
|
||||||
|
if (!isTick) return null;
|
||||||
|
|
||||||
|
return (
|
||||||
|
<text
|
||||||
|
key={i}
|
||||||
|
x={x}
|
||||||
|
y={height - paddingBottom + 18}
|
||||||
|
textAnchor="middle"
|
||||||
|
fill="var(--ion-color-medium)"
|
||||||
|
fontSize="10px"
|
||||||
|
fontWeight="600"
|
||||||
|
>
|
||||||
|
{formatDate(t.date)}
|
||||||
|
</text>
|
||||||
|
);
|
||||||
|
})}
|
||||||
|
|
||||||
|
{/* Hover Guides & Interactive Circles */}
|
||||||
|
{trends.map((t, i) => {
|
||||||
|
const x = getX(i);
|
||||||
|
const ySleep = getYSleep(t.avgSleepScore);
|
||||||
|
const yStress = getYStress(t.avgStressIndex);
|
||||||
|
|
||||||
|
return (
|
||||||
|
<g key={i}>
|
||||||
|
{/* Invisible broad hover bar */}
|
||||||
|
<rect
|
||||||
|
x={x - chartWidth / maxPoints / 2}
|
||||||
|
y={paddingTop}
|
||||||
|
width={chartWidth / maxPoints}
|
||||||
|
height={chartHeight}
|
||||||
|
fill="transparent"
|
||||||
|
style={{ cursor: 'pointer' }}
|
||||||
|
onMouseEnter={() => setHoveredPoint(i)}
|
||||||
|
onMouseLeave={() => setHoveredPoint(null)}
|
||||||
|
/>
|
||||||
|
|
||||||
|
{/* Active Point Hover Guide Line */}
|
||||||
|
{hoveredPoint === i && (
|
||||||
|
<>
|
||||||
|
<line
|
||||||
|
x1={x}
|
||||||
|
y1={paddingTop}
|
||||||
|
x2={x}
|
||||||
|
y2={height - paddingBottom}
|
||||||
|
stroke="var(--ion-color-medium)"
|
||||||
|
strokeWidth="1.5"
|
||||||
|
strokeDasharray="2 2"
|
||||||
|
pointerEvents="none"
|
||||||
|
/>
|
||||||
|
{/* Sleep Dot */}
|
||||||
|
<circle
|
||||||
|
cx={x}
|
||||||
|
cy={ySleep}
|
||||||
|
r="6"
|
||||||
|
fill="var(--ion-color-tertiary)"
|
||||||
|
stroke="#ffffff"
|
||||||
|
strokeWidth="2"
|
||||||
|
pointerEvents="none"
|
||||||
|
/>
|
||||||
|
{/* Stress Dot */}
|
||||||
|
<circle
|
||||||
|
cx={x}
|
||||||
|
cy={yStress}
|
||||||
|
r="6"
|
||||||
|
fill="var(--ion-color-danger)"
|
||||||
|
stroke="#ffffff"
|
||||||
|
strokeWidth="2"
|
||||||
|
pointerEvents="none"
|
||||||
|
/>
|
||||||
|
</>
|
||||||
|
)}
|
||||||
|
</g>
|
||||||
|
);
|
||||||
|
})}
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* Dynamic Hover Tooltip Banner */}
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
marginTop: '8px',
|
||||||
|
backgroundColor: 'var(--ion-color-light)',
|
||||||
|
borderRadius: '8px',
|
||||||
|
padding: '10px 14px',
|
||||||
|
display: 'flex',
|
||||||
|
alignItems: 'center',
|
||||||
|
justifyContent: hoveredPoint !== null ? 'space-between' : 'center',
|
||||||
|
border: '1px solid var(--ion-color-light-shade)',
|
||||||
|
transition: 'all 0.2s ease',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{hoveredPoint !== null ? (
|
||||||
|
<>
|
||||||
|
<div
|
||||||
|
style={{ display: 'flex', alignItems: 'center', gap: '8px' }}
|
||||||
|
>
|
||||||
|
<span
|
||||||
|
style={{
|
||||||
|
fontSize: '0.85rem',
|
||||||
|
fontWeight: 700,
|
||||||
|
color: 'var(--ion-color-dark)',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{formatDate(trends[hoveredPoint].date)}
|
||||||
|
</span>
|
||||||
|
<span
|
||||||
|
style={{
|
||||||
|
fontSize: '0.75rem',
|
||||||
|
color: 'var(--ion-color-medium)',
|
||||||
|
backgroundColor: 'rgba(0,0,0,0.05)',
|
||||||
|
padding: '2px 6px',
|
||||||
|
borderRadius: '4px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
N = {trends[hoveredPoint].cohortSize} users
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
style={{ display: 'flex', gap: '16px', alignItems: 'center' }}
|
||||||
|
>
|
||||||
|
<span
|
||||||
|
style={{
|
||||||
|
fontSize: '0.8rem',
|
||||||
|
display: 'flex',
|
||||||
|
alignItems: 'center',
|
||||||
|
gap: '4px',
|
||||||
|
color: 'var(--ion-color-tertiary)',
|
||||||
|
fontWeight: 600,
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<IonIcon icon={moonOutline} /> Sleep:{' '}
|
||||||
|
{trends[hoveredPoint].avgSleepScore}/100
|
||||||
|
<span
|
||||||
|
style={{
|
||||||
|
fontSize: '0.75rem',
|
||||||
|
fontWeight: 400,
|
||||||
|
color: 'var(--ion-color-medium)',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
({trends[hoveredPoint].poorSleepPercentage}% poor)
|
||||||
|
</span>
|
||||||
|
</span>
|
||||||
|
<span
|
||||||
|
style={{
|
||||||
|
fontSize: '0.8rem',
|
||||||
|
display: 'flex',
|
||||||
|
alignItems: 'center',
|
||||||
|
gap: '4px',
|
||||||
|
color: 'var(--ion-color-danger)',
|
||||||
|
fontWeight: 600,
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<IonIcon icon={flashOutline} /> Stress:{' '}
|
||||||
|
{trends[hoveredPoint].avgStressIndex}/10
|
||||||
|
<span
|
||||||
|
style={{
|
||||||
|
fontSize: '0.75rem',
|
||||||
|
fontWeight: 400,
|
||||||
|
color: 'var(--ion-color-medium)',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
({trends[hoveredPoint].highStressPercentage}% peak)
|
||||||
|
</span>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</>
|
||||||
|
) : (
|
||||||
|
<span
|
||||||
|
style={{
|
||||||
|
fontSize: '0.75rem',
|
||||||
|
color: 'var(--ion-color-medium)',
|
||||||
|
display: 'flex',
|
||||||
|
alignItems: 'center',
|
||||||
|
gap: '6px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<IonIcon icon={eyeOutline} style={{ fontSize: '14px' }} /> Hover
|
||||||
|
or tap along the grid timeline to inspect specific historical
|
||||||
|
dates
|
||||||
|
</span>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
</IonCardContent>
|
||||||
|
</IonCard>
|
||||||
|
);
|
||||||
|
};
|
||||||
@@ -0,0 +1,217 @@
|
|||||||
|
import React from 'react';
|
||||||
|
import { IonIcon, IonButton } from '@ionic/react';
|
||||||
|
import {
|
||||||
|
trashOutline,
|
||||||
|
medkitOutline,
|
||||||
|
restaurantOutline,
|
||||||
|
moonOutline,
|
||||||
|
clipboardOutline,
|
||||||
|
} from 'ionicons/icons';
|
||||||
|
import { format } from 'date-fns';
|
||||||
|
|
||||||
|
interface HealthEntry {
|
||||||
|
id: string;
|
||||||
|
createdAt: string;
|
||||||
|
[key: string]: any;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface Props {
|
||||||
|
type: 'checkup' | 'diet' | 'sleep';
|
||||||
|
entries: HealthEntry[];
|
||||||
|
onDelete: (id: string) => void;
|
||||||
|
emptyTitle: string;
|
||||||
|
emptyActionLabel: string;
|
||||||
|
onEmptyAction: () => void;
|
||||||
|
}
|
||||||
|
|
||||||
|
const HealthLogList: React.FC<Props> = ({
|
||||||
|
type,
|
||||||
|
entries,
|
||||||
|
onDelete,
|
||||||
|
emptyTitle,
|
||||||
|
emptyActionLabel,
|
||||||
|
onEmptyAction,
|
||||||
|
}) => {
|
||||||
|
if (entries.length === 0) {
|
||||||
|
return (
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
background: '#ffffff',
|
||||||
|
borderRadius: '24px',
|
||||||
|
padding: '32px 24px',
|
||||||
|
display: 'flex',
|
||||||
|
flexDirection: 'column',
|
||||||
|
alignItems: 'center',
|
||||||
|
textAlign: 'center',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<IonIcon
|
||||||
|
icon={
|
||||||
|
type === 'checkup'
|
||||||
|
? medkitOutline
|
||||||
|
: type === 'diet'
|
||||||
|
? restaurantOutline
|
||||||
|
: moonOutline
|
||||||
|
}
|
||||||
|
style={{
|
||||||
|
fontSize: '42px',
|
||||||
|
color: 'rgba(3,105,161,0.36)',
|
||||||
|
marginBottom: '16px',
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
fontSize: '16px',
|
||||||
|
fontWeight: '700',
|
||||||
|
color: '#1e3a5f',
|
||||||
|
marginBottom: '8px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{emptyTitle}
|
||||||
|
</div>
|
||||||
|
<IonButton
|
||||||
|
onClick={onEmptyAction}
|
||||||
|
style={{
|
||||||
|
'--background': '#0369a1',
|
||||||
|
'--border-radius': '999px',
|
||||||
|
'--color': '#ffffff',
|
||||||
|
fontWeight: '700',
|
||||||
|
height: '44px',
|
||||||
|
marginTop: '16px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{emptyActionLabel}
|
||||||
|
</IonButton>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
const getIcon = () => {
|
||||||
|
switch (type) {
|
||||||
|
case 'checkup':
|
||||||
|
return medkitOutline;
|
||||||
|
case 'diet':
|
||||||
|
return restaurantOutline;
|
||||||
|
case 'sleep':
|
||||||
|
return moonOutline;
|
||||||
|
default:
|
||||||
|
return clipboardOutline;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const getTitle = (entry: any) => {
|
||||||
|
switch (type) {
|
||||||
|
case 'checkup':
|
||||||
|
return `Mood: ${entry.mood} (${entry.energy}%)`;
|
||||||
|
case 'diet':
|
||||||
|
return `${entry.mealType} log`;
|
||||||
|
case 'sleep':
|
||||||
|
return `Sleep: ${entry.hours}h (${entry.quality})`;
|
||||||
|
default:
|
||||||
|
return 'Log entry';
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const getSubtitle = (entry: any) => {
|
||||||
|
switch (type) {
|
||||||
|
case 'checkup':
|
||||||
|
return entry.symptoms || 'No symptoms noted';
|
||||||
|
case 'diet':
|
||||||
|
return `${entry.waterCups} cups water, ${entry.produceServings} servings produce`;
|
||||||
|
case 'sleep':
|
||||||
|
return `${entry.interruptions} interruptions`;
|
||||||
|
default:
|
||||||
|
return '';
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
background: '#ffffff',
|
||||||
|
borderRadius: '24px',
|
||||||
|
padding: '8px',
|
||||||
|
display: 'flex',
|
||||||
|
flexDirection: 'column',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{entries.map((entry, index) => (
|
||||||
|
<div
|
||||||
|
key={entry.id}
|
||||||
|
style={{
|
||||||
|
display: 'flex',
|
||||||
|
alignItems: 'center',
|
||||||
|
gap: '12px',
|
||||||
|
padding: '12px',
|
||||||
|
borderBottom:
|
||||||
|
index === entries.length - 1
|
||||||
|
? 'none'
|
||||||
|
: '1px solid rgba(30,58,95,0.05)',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
width: '40px',
|
||||||
|
height: '40px',
|
||||||
|
borderRadius: '12px',
|
||||||
|
background: 'rgba(56,189,248,0.14)',
|
||||||
|
display: 'flex',
|
||||||
|
alignItems: 'center',
|
||||||
|
justifyContent: 'center',
|
||||||
|
flexShrink: 0,
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<IonIcon
|
||||||
|
icon={getIcon()}
|
||||||
|
style={{ fontSize: '20px', color: '#0369a1' }}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div style={{ flex: 1, minWidth: 0 }}>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
fontSize: '15px',
|
||||||
|
fontWeight: '700',
|
||||||
|
color: '#1e3a5f',
|
||||||
|
whiteSpace: 'nowrap',
|
||||||
|
overflow: 'hidden',
|
||||||
|
textOverflow: 'ellipsis',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{getTitle(entry)}
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
fontSize: '12px',
|
||||||
|
fontWeight: '500',
|
||||||
|
color: 'rgba(30,58,95,0.58)',
|
||||||
|
whiteSpace: 'nowrap',
|
||||||
|
overflow: 'hidden',
|
||||||
|
textOverflow: 'ellipsis',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{format(new Date(entry.createdAt), 'MMM d, h:mm a')} •{' '}
|
||||||
|
{getSubtitle(entry)}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<IonButton
|
||||||
|
fill="clear"
|
||||||
|
onClick={() => onDelete(entry.id)}
|
||||||
|
style={{
|
||||||
|
'--color': 'rgba(30,58,95,0.38)',
|
||||||
|
'--padding-start': '8px',
|
||||||
|
'--padding-end': '8px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<IonIcon
|
||||||
|
icon={trashOutline}
|
||||||
|
slot="icon-only"
|
||||||
|
style={{ fontSize: '18px' }}
|
||||||
|
/>
|
||||||
|
</IonButton>
|
||||||
|
</div>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default HealthLogList;
|
||||||
@@ -0,0 +1,195 @@
|
|||||||
|
import React from 'react';
|
||||||
|
import { IonIcon } from '@ionic/react';
|
||||||
|
import {
|
||||||
|
checkmarkCircleOutline,
|
||||||
|
warningOutline,
|
||||||
|
informationCircleOutline,
|
||||||
|
waterOutline,
|
||||||
|
moonOutline,
|
||||||
|
heartOutline,
|
||||||
|
analyticsOutline,
|
||||||
|
} from 'ionicons/icons';
|
||||||
|
import { WellbeingSummary, LocalInsight } from '../../types/health';
|
||||||
|
|
||||||
|
// Use this for mapping string names to IonIcons
|
||||||
|
const ICON_MAP: Record<string, string> = {
|
||||||
|
checkmarkCircleOutline,
|
||||||
|
warningOutline,
|
||||||
|
informationCircleOutline,
|
||||||
|
waterOutline,
|
||||||
|
moonOutline,
|
||||||
|
heartOutline,
|
||||||
|
analyticsOutline,
|
||||||
|
};
|
||||||
|
|
||||||
|
interface SummaryProps {
|
||||||
|
summary: WellbeingSummary;
|
||||||
|
primaryInsight: LocalInsight | null;
|
||||||
|
}
|
||||||
|
|
||||||
|
export const InsightSummaryCard: React.FC<SummaryProps> = ({
|
||||||
|
summary,
|
||||||
|
primaryInsight,
|
||||||
|
}) => {
|
||||||
|
return (
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
background: '#1e3a5f',
|
||||||
|
borderRadius: '24px',
|
||||||
|
padding: '24px',
|
||||||
|
marginBottom: '12px',
|
||||||
|
color: '#ffffff',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
fontSize: '13px',
|
||||||
|
fontWeight: '700',
|
||||||
|
color: 'rgba(255,255,255,0.72)',
|
||||||
|
marginBottom: '8px',
|
||||||
|
textTransform: 'uppercase',
|
||||||
|
letterSpacing: '0.05em',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
Your Pattern
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
fontSize: '20px',
|
||||||
|
fontWeight: '700',
|
||||||
|
lineHeight: '26px',
|
||||||
|
marginBottom: '8px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{primaryInsight
|
||||||
|
? primaryInsight.title
|
||||||
|
: 'Keep tracking to reveal insights'}
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
fontSize: '14px',
|
||||||
|
color: 'rgba(255,255,255,0.76)',
|
||||||
|
lineHeight: '20px',
|
||||||
|
marginBottom: '20px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{primaryInsight
|
||||||
|
? primaryInsight.body
|
||||||
|
: 'Log your checkups, meals, and sleep regularly for personalized health guidance.'}
|
||||||
|
</div>
|
||||||
|
<div style={{ display: 'flex', gap: '8px' }}>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
background: 'rgba(56,189,248,0.18)',
|
||||||
|
borderRadius: '999px',
|
||||||
|
padding: '6px 12px',
|
||||||
|
fontSize: '12px',
|
||||||
|
fontWeight: '700',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
Score: {summary.score}/100
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
background: 'rgba(56,189,248,0.18)',
|
||||||
|
borderRadius: '999px',
|
||||||
|
padding: '6px 12px',
|
||||||
|
fontSize: '12px',
|
||||||
|
fontWeight: '700',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{summary.streakDays} day streak
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
interface ListProps {
|
||||||
|
insights: LocalInsight[];
|
||||||
|
}
|
||||||
|
|
||||||
|
export const RecommendationList: React.FC<ListProps> = ({ insights }) => {
|
||||||
|
if (insights.length === 0) return null;
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
background: '#ffffff',
|
||||||
|
borderRadius: '24px',
|
||||||
|
padding: '8px',
|
||||||
|
display: 'flex',
|
||||||
|
flexDirection: 'column',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{insights.map((insight, index) => (
|
||||||
|
<div
|
||||||
|
key={insight.id}
|
||||||
|
style={{
|
||||||
|
display: 'flex',
|
||||||
|
alignItems: 'flex-start',
|
||||||
|
gap: '12px',
|
||||||
|
padding: '16px',
|
||||||
|
borderBottom:
|
||||||
|
index === insights.length - 1
|
||||||
|
? 'none'
|
||||||
|
: '1px solid rgba(30,58,95,0.05)',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
width: '40px',
|
||||||
|
height: '40px',
|
||||||
|
borderRadius: '12px',
|
||||||
|
background:
|
||||||
|
insight.type === 'positive'
|
||||||
|
? 'rgba(52,168,83,0.10)'
|
||||||
|
: insight.type === 'warning'
|
||||||
|
? 'rgba(234,67,53,0.10)'
|
||||||
|
: 'rgba(3,105,161,0.10)',
|
||||||
|
display: 'flex',
|
||||||
|
alignItems: 'center',
|
||||||
|
justifyContent: 'center',
|
||||||
|
flexShrink: 0,
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<IonIcon
|
||||||
|
icon={ICON_MAP[insight.icon] || informationCircleOutline}
|
||||||
|
style={{
|
||||||
|
fontSize: '20px',
|
||||||
|
color:
|
||||||
|
insight.type === 'positive'
|
||||||
|
? '#34a853'
|
||||||
|
: insight.type === 'warning'
|
||||||
|
? '#ea4335'
|
||||||
|
: '#0369a1',
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div style={{ flex: 1 }}>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
fontSize: '15px',
|
||||||
|
fontWeight: '700',
|
||||||
|
color: '#1e3a5f',
|
||||||
|
marginBottom: '2px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{insight.title}
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
fontSize: '13px',
|
||||||
|
fontWeight: '500',
|
||||||
|
color: 'rgba(30,58,95,0.60)',
|
||||||
|
lineHeight: '18px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{insight.body}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
};
|
||||||
@@ -0,0 +1,111 @@
|
|||||||
|
import React from 'react';
|
||||||
|
import { IonIcon } from '@ionic/react';
|
||||||
|
|
||||||
|
interface Props {
|
||||||
|
label: string;
|
||||||
|
value: string;
|
||||||
|
helper: string;
|
||||||
|
progress: number;
|
||||||
|
icon: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
const MetricMiniCard: React.FC<Props> = ({
|
||||||
|
label,
|
||||||
|
value,
|
||||||
|
helper,
|
||||||
|
progress,
|
||||||
|
icon,
|
||||||
|
}) => {
|
||||||
|
return (
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
background: '#ffffff',
|
||||||
|
borderRadius: '24px',
|
||||||
|
padding: '16px',
|
||||||
|
minHeight: '112px',
|
||||||
|
display: 'flex',
|
||||||
|
flexDirection: 'column',
|
||||||
|
justifyContent: 'space-between',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
display: 'flex',
|
||||||
|
justifyContent: 'space-between',
|
||||||
|
alignItems: 'center',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
width: '32px',
|
||||||
|
height: '32px',
|
||||||
|
borderRadius: '12px',
|
||||||
|
background: 'rgba(56,189,248,0.14)',
|
||||||
|
display: 'flex',
|
||||||
|
alignItems: 'center',
|
||||||
|
justifyContent: 'center',
|
||||||
|
flexShrink: 0,
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<IonIcon icon={icon} style={{ fontSize: '18px', color: '#0369a1' }} />
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
fontSize: '12px',
|
||||||
|
fontWeight: '700',
|
||||||
|
color: 'rgba(30,58,95,0.58)',
|
||||||
|
textAlign: 'right',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{label}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div style={{ marginTop: '12px' }}>
|
||||||
|
<div style={{ display: 'flex', alignItems: 'baseline' }}>
|
||||||
|
<span
|
||||||
|
style={{
|
||||||
|
fontSize: '26px',
|
||||||
|
fontWeight: '400',
|
||||||
|
color: '#1e3a5f',
|
||||||
|
fontVariantNumeric: 'tabular-nums',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{value}
|
||||||
|
</span>
|
||||||
|
<span
|
||||||
|
style={{
|
||||||
|
fontSize: '12px',
|
||||||
|
fontWeight: '600',
|
||||||
|
color: 'rgba(30,58,95,0.40)',
|
||||||
|
marginLeft: '4px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{helper}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
height: '7px',
|
||||||
|
borderRadius: '999px',
|
||||||
|
background: '#e2f2f8',
|
||||||
|
marginTop: '8px',
|
||||||
|
overflow: 'hidden',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
height: '100%',
|
||||||
|
width: `${Math.min(progress * 100, 100)}%`,
|
||||||
|
background: '#38bdf8',
|
||||||
|
borderRadius: '999px',
|
||||||
|
transition: 'width 0.5s ease-out',
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default MetricMiniCard;
|
||||||
@@ -0,0 +1,200 @@
|
|||||||
|
import React from 'react';
|
||||||
|
import { IonIcon, IonButton } from '@ionic/react';
|
||||||
|
import {
|
||||||
|
clipboardOutline,
|
||||||
|
medkitOutline,
|
||||||
|
restaurantOutline,
|
||||||
|
moonOutline,
|
||||||
|
chevronForwardOutline,
|
||||||
|
} from 'ionicons/icons';
|
||||||
|
import { ActivityEntry } from '../../types/health';
|
||||||
|
import { formatDistanceToNow } from 'date-fns';
|
||||||
|
|
||||||
|
interface Props {
|
||||||
|
entries: ActivityEntry[];
|
||||||
|
onCreate: () => void;
|
||||||
|
onSeeInsights: () => void;
|
||||||
|
}
|
||||||
|
|
||||||
|
const RecentActivityList: React.FC<Props> = ({
|
||||||
|
entries,
|
||||||
|
onCreate,
|
||||||
|
onSeeInsights,
|
||||||
|
}) => {
|
||||||
|
if (entries.length === 0) {
|
||||||
|
return (
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
margin: '0 20px 20px',
|
||||||
|
background: '#ffffff',
|
||||||
|
borderRadius: '24px',
|
||||||
|
padding: '32px 24px',
|
||||||
|
display: 'flex',
|
||||||
|
flexDirection: 'column',
|
||||||
|
alignItems: 'center',
|
||||||
|
textAlign: 'center',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<IonIcon
|
||||||
|
icon={clipboardOutline}
|
||||||
|
style={{
|
||||||
|
fontSize: '42px',
|
||||||
|
color: 'rgba(3,105,161,0.36)',
|
||||||
|
marginBottom: '16px',
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
fontSize: '16px',
|
||||||
|
fontWeight: '700',
|
||||||
|
color: '#1e3a5f',
|
||||||
|
marginBottom: '8px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
No health logs yet
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
fontSize: '13px',
|
||||||
|
color: 'rgba(30,58,95,0.58)',
|
||||||
|
marginBottom: '24px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
Start your first self checkup to track your wellbeing.
|
||||||
|
</div>
|
||||||
|
<IonButton
|
||||||
|
onClick={onCreate}
|
||||||
|
style={{
|
||||||
|
'--background': '#0369a1',
|
||||||
|
'--border-radius': '999px',
|
||||||
|
'--color': '#ffffff',
|
||||||
|
fontWeight: '700',
|
||||||
|
height: '44px',
|
||||||
|
width: '100%',
|
||||||
|
maxWidth: '200px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
Start a checkup
|
||||||
|
</IonButton>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
const getIcon = (type: string) => {
|
||||||
|
switch (type) {
|
||||||
|
case 'checkup':
|
||||||
|
return medkitOutline;
|
||||||
|
case 'diet':
|
||||||
|
return restaurantOutline;
|
||||||
|
case 'sleep':
|
||||||
|
return moonOutline;
|
||||||
|
default:
|
||||||
|
return clipboardOutline;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
margin: '0 20px 20px',
|
||||||
|
background: '#ffffff',
|
||||||
|
borderRadius: '24px',
|
||||||
|
padding: '8px',
|
||||||
|
display: 'flex',
|
||||||
|
flexDirection: 'column',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{entries.map((entry, index) => (
|
||||||
|
<div
|
||||||
|
key={entry.id}
|
||||||
|
style={{
|
||||||
|
display: 'flex',
|
||||||
|
alignItems: 'center',
|
||||||
|
gap: '12px',
|
||||||
|
padding: '12px',
|
||||||
|
borderBottom:
|
||||||
|
index === entries.length - 1
|
||||||
|
? 'none'
|
||||||
|
: '1px solid rgba(30,58,95,0.05)',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
width: '40px',
|
||||||
|
height: '40px',
|
||||||
|
borderRadius: '12px',
|
||||||
|
background: 'rgba(3,105,161,0.10)',
|
||||||
|
display: 'flex',
|
||||||
|
alignItems: 'center',
|
||||||
|
justifyContent: 'center',
|
||||||
|
flexShrink: 0,
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<IonIcon
|
||||||
|
icon={getIcon(entry.type)}
|
||||||
|
style={{ fontSize: '20px', color: '#0369a1' }}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div style={{ flex: 1, minWidth: 0 }}>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
fontSize: '15px',
|
||||||
|
fontWeight: '700',
|
||||||
|
color: '#1e3a5f',
|
||||||
|
whiteSpace: 'nowrap',
|
||||||
|
overflow: 'hidden',
|
||||||
|
textOverflow: 'ellipsis',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{entry.title}
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
fontSize: '12px',
|
||||||
|
fontWeight: '500',
|
||||||
|
color: 'rgba(30,58,95,0.58)',
|
||||||
|
whiteSpace: 'nowrap',
|
||||||
|
overflow: 'hidden',
|
||||||
|
textOverflow: 'ellipsis',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{entry.subtitle}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
fontSize: '11px',
|
||||||
|
fontWeight: '600',
|
||||||
|
color: 'rgba(30,58,95,0.40)',
|
||||||
|
flexShrink: 0,
|
||||||
|
textAlign: 'right',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{formatDistanceToNow(new Date(entry.date), { addSuffix: true })}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
))}
|
||||||
|
<div
|
||||||
|
onClick={onSeeInsights}
|
||||||
|
style={{
|
||||||
|
padding: '16px',
|
||||||
|
display: 'flex',
|
||||||
|
justifyContent: 'center',
|
||||||
|
alignItems: 'center',
|
||||||
|
gap: '4px',
|
||||||
|
cursor: 'pointer',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<span style={{ fontSize: '13px', fontWeight: '700', color: '#0369a1' }}>
|
||||||
|
View all insights
|
||||||
|
</span>
|
||||||
|
<IonIcon
|
||||||
|
icon={chevronForwardOutline}
|
||||||
|
style={{ fontSize: '14px', color: '#0369a1' }}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default RecentActivityList;
|
||||||
@@ -0,0 +1,119 @@
|
|||||||
|
import React from 'react';
|
||||||
|
import { IonIcon } from '@ionic/react';
|
||||||
|
import { moonOutline } from 'ionicons/icons';
|
||||||
|
import { SleepEntry } from '../../types/health';
|
||||||
|
import { format } from 'date-fns';
|
||||||
|
|
||||||
|
interface Props {
|
||||||
|
entries: SleepEntry[];
|
||||||
|
}
|
||||||
|
|
||||||
|
const SleepTrendCard: React.FC<Props> = ({ entries }) => {
|
||||||
|
const lastSeven = entries.slice(0, 7).reverse();
|
||||||
|
|
||||||
|
if (entries.length === 0) {
|
||||||
|
return (
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
background: '#ffffff',
|
||||||
|
borderRadius: '24px',
|
||||||
|
padding: '24px',
|
||||||
|
display: 'flex',
|
||||||
|
flexDirection: 'column',
|
||||||
|
alignItems: 'center',
|
||||||
|
textAlign: 'center',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<IonIcon
|
||||||
|
icon={moonOutline}
|
||||||
|
style={{
|
||||||
|
fontSize: '32px',
|
||||||
|
color: 'rgba(3,105,161,0.20)',
|
||||||
|
marginBottom: '12px',
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
fontSize: '14px',
|
||||||
|
fontWeight: '500',
|
||||||
|
color: 'rgba(30,58,95,0.50)',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
Sleep trends appear after your first log
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
const maxHours = Math.max(...lastSeven.map((e) => e.hours), 10);
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
background: '#ffffff',
|
||||||
|
borderRadius: '24px',
|
||||||
|
padding: '20px',
|
||||||
|
display: 'flex',
|
||||||
|
flexDirection: 'column',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
fontSize: '16px',
|
||||||
|
fontWeight: '700',
|
||||||
|
color: '#1e3a5f',
|
||||||
|
marginBottom: '16px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
7-day sleep trend
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
display: 'flex',
|
||||||
|
justifyContent: 'space-between',
|
||||||
|
alignItems: 'flex-end',
|
||||||
|
height: '80px',
|
||||||
|
paddingBottom: '20px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{lastSeven.map((entry) => (
|
||||||
|
<div
|
||||||
|
key={entry.id}
|
||||||
|
style={{
|
||||||
|
display: 'flex',
|
||||||
|
flexDirection: 'column',
|
||||||
|
alignItems: 'center',
|
||||||
|
flex: 1,
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
width: '12px',
|
||||||
|
height: `${(entry.hours / maxHours) * 60}px`,
|
||||||
|
background:
|
||||||
|
entry.quality === 'Restful'
|
||||||
|
? '#38bdf8'
|
||||||
|
: entry.quality === 'Okay'
|
||||||
|
? '#0369a1'
|
||||||
|
: '#1e3a5f',
|
||||||
|
borderRadius: '6px 6px 0 0',
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
fontSize: '10px',
|
||||||
|
fontWeight: '600',
|
||||||
|
color: 'rgba(30,58,95,0.40)',
|
||||||
|
marginTop: '4px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{format(new Date(entry.createdAt), 'E')[0]}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default SleepTrendCard;
|
||||||
@@ -0,0 +1,123 @@
|
|||||||
|
import React from 'react';
|
||||||
|
import { IonIcon } from '@ionic/react';
|
||||||
|
import { pulseOutline } from 'ionicons/icons';
|
||||||
|
|
||||||
|
interface Props {
|
||||||
|
score: number;
|
||||||
|
message: string;
|
||||||
|
progress: number;
|
||||||
|
}
|
||||||
|
|
||||||
|
const WellbeingScoreCard: React.FC<Props> = ({ score, message, progress }) => {
|
||||||
|
return (
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
margin: '0 20px 12px',
|
||||||
|
background: '#1e3a5f',
|
||||||
|
borderRadius: '24px',
|
||||||
|
padding: '20px',
|
||||||
|
minHeight: '164px',
|
||||||
|
display: 'flex',
|
||||||
|
flexDirection: 'column',
|
||||||
|
justifyContent: 'space-between',
|
||||||
|
position: 'relative',
|
||||||
|
overflow: 'hidden',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
display: 'flex',
|
||||||
|
justifyContent: 'space-between',
|
||||||
|
alignItems: 'flex-start',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<div>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
fontSize: '13px',
|
||||||
|
fontWeight: '700',
|
||||||
|
color: 'rgba(255,255,255,0.72)',
|
||||||
|
marginBottom: '4px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
Today’s wellbeing score
|
||||||
|
</div>
|
||||||
|
<div style={{ display: 'flex', alignItems: 'baseline' }}>
|
||||||
|
<span
|
||||||
|
style={{
|
||||||
|
fontSize: '48px',
|
||||||
|
fontWeight: '400',
|
||||||
|
color: '#ffffff',
|
||||||
|
lineHeight: '56px',
|
||||||
|
fontVariantNumeric: 'tabular-nums',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{score}
|
||||||
|
</span>
|
||||||
|
<span
|
||||||
|
style={{
|
||||||
|
fontSize: '18px',
|
||||||
|
fontWeight: '400',
|
||||||
|
color: 'rgba(255,255,255,0.52)',
|
||||||
|
marginLeft: '4px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
/100
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
width: '40px',
|
||||||
|
height: '40px',
|
||||||
|
background: 'rgba(56,189,248,0.16)',
|
||||||
|
borderRadius: '12px',
|
||||||
|
display: 'flex',
|
||||||
|
alignItems: 'center',
|
||||||
|
justifyContent: 'center',
|
||||||
|
flexShrink: 0,
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<IonIcon
|
||||||
|
icon={pulseOutline}
|
||||||
|
style={{ fontSize: '22px', color: '#38bdf8' }}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
fontSize: '14px',
|
||||||
|
fontWeight: '500',
|
||||||
|
color: 'rgba(255,255,255,0.78)',
|
||||||
|
lineHeight: '20px',
|
||||||
|
marginBottom: '12px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{message}
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
height: '8px',
|
||||||
|
background: 'rgba(255,255,255,0.16)',
|
||||||
|
borderRadius: '999px',
|
||||||
|
overflow: 'hidden',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
height: '100%',
|
||||||
|
width: `${progress * 100}%`,
|
||||||
|
background: '#38bdf8',
|
||||||
|
borderRadius: '999px',
|
||||||
|
transition: 'width 0.5s ease-out',
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default WellbeingScoreCard;
|
||||||
+106
@@ -0,0 +1,106 @@
|
|||||||
|
import React from 'react';
|
||||||
|
import { createRoot } from 'react-dom/client';
|
||||||
|
import { setupIonicReact } from '@ionic/react';
|
||||||
|
import { Capacitor } from '@capacitor/core';
|
||||||
|
import App from './App';
|
||||||
|
|
||||||
|
// ── Ionic initialisation ──────────────────────────────────────────────────────
|
||||||
|
// ?mode=md|ios overrides (used by AppSuite preview); otherwise follow the platform.
|
||||||
|
const _urlMode = new URLSearchParams(window.location.search).get('mode');
|
||||||
|
const _platform = Capacitor.getPlatform(); // 'ios' | 'android' | 'web'
|
||||||
|
setupIonicReact({
|
||||||
|
mode: (_urlMode === 'md' ? 'md' : _urlMode === 'ios' ? 'ios' : _platform === 'android' ? 'md' : 'ios'),
|
||||||
|
});
|
||||||
|
|
||||||
|
// Derive the studio parent origin dynamically so this works in both dev
|
||||||
|
// (parent at localhost:3000) and production (parent at appcakes.qqura.com).
|
||||||
|
const studioOrigin = (() => {
|
||||||
|
try {
|
||||||
|
if (document.referrer) return new URL(document.referrer).origin;
|
||||||
|
} catch {}
|
||||||
|
return 'http://localhost:3000';
|
||||||
|
})();
|
||||||
|
|
||||||
|
// ── Safe area bridge ──────────────────────────────────────────────────────────
|
||||||
|
// Priority: URL params (first load) → sessionStorage (HMR full-reloads) → postMessage.
|
||||||
|
// Capacitor sets env() natively in compiled apps; these paths cover the browser preview.
|
||||||
|
function _applyInsets(sat: string | null, sab: string | null) {
|
||||||
|
if (sat) { document.documentElement.style.setProperty('--ion-safe-area-top', `${sat}px`); sessionStorage.setItem('__apsuite_sat', sat); }
|
||||||
|
if (sab) { document.documentElement.style.setProperty('--ion-safe-area-bottom', `${sab}px`); sessionStorage.setItem('__apsuite_sab', sab); }
|
||||||
|
}
|
||||||
|
|
||||||
|
const _sp = new URLSearchParams(window.location.search);
|
||||||
|
_applyInsets(
|
||||||
|
_sp.get('sat') ?? sessionStorage.getItem('__apsuite_sat'),
|
||||||
|
_sp.get('sab') ?? sessionStorage.getItem('__apsuite_sab'),
|
||||||
|
);
|
||||||
|
|
||||||
|
window.addEventListener('message', (e) => {
|
||||||
|
if (e.data?.type !== '__apsuite_insets') return;
|
||||||
|
const { sat, sab } = e.data as { sat?: number; sab?: number };
|
||||||
|
_applyInsets(sat != null ? String(sat) : null, sab != null ? String(sab) : null);
|
||||||
|
});
|
||||||
|
|
||||||
|
// Re-apply after React Fast Refresh so insets survive soft HMR cycles.
|
||||||
|
if (import.meta.hot) {
|
||||||
|
import.meta.hot.on('vite:afterUpdate', () => {
|
||||||
|
_applyInsets(sessionStorage.getItem('__apsuite_sat'), sessionStorage.getItem('__apsuite_sab'));
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// ── Session bridge ────────────────────────────────────────────────────────────
|
||||||
|
// Post auth session to the AppSuite parent frame so the AI can test auth-protected
|
||||||
|
// Edge Functions. Uses import.meta.glob so Vite never errors if supabase.ts is absent.
|
||||||
|
(async () => {
|
||||||
|
const mods = import.meta.glob('./supabase.ts', { eager: false });
|
||||||
|
if ('./supabase.ts' in mods) {
|
||||||
|
try {
|
||||||
|
const { supabase } = await mods['./supabase.ts']() as { supabase: any };
|
||||||
|
supabase.auth.onAuthStateChange((_event: unknown, session: any) => {
|
||||||
|
window.parent.postMessage(
|
||||||
|
{
|
||||||
|
type: '__apsuite_session',
|
||||||
|
access_token: session?.access_token ?? null,
|
||||||
|
email: session?.user?.email ?? null,
|
||||||
|
},
|
||||||
|
studioOrigin,
|
||||||
|
);
|
||||||
|
});
|
||||||
|
} catch {
|
||||||
|
// supabase client failed to initialise — session bridge unavailable
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})();
|
||||||
|
|
||||||
|
// ── Runtime error reporting ───────────────────────────────────────────────────
|
||||||
|
// Forward uncaught errors to the AppSuite dev server so the AI can read them.
|
||||||
|
function reportError(message: string, stack?: string) {
|
||||||
|
fetch(`${studioOrigin}/api/agent/runtime-error`, {
|
||||||
|
method: 'POST',
|
||||||
|
headers: { 'Content-Type': 'application/json' },
|
||||||
|
body: JSON.stringify({ message, stack }),
|
||||||
|
}).catch(() => {});
|
||||||
|
}
|
||||||
|
|
||||||
|
window.onerror = (_msg, _src, _line, _col, err) => {
|
||||||
|
reportError(String(_msg), err?.stack);
|
||||||
|
return false;
|
||||||
|
};
|
||||||
|
|
||||||
|
window.addEventListener('unhandledrejection', (e) => {
|
||||||
|
const err = e.reason as Error | undefined;
|
||||||
|
reportError(err?.message ?? String(e.reason), err?.stack);
|
||||||
|
});
|
||||||
|
|
||||||
|
// ── PWA Elements (Action Sheet, Camera, Toast etc. in browser preview) ────────
|
||||||
|
import { defineCustomElements } from '@ionic/pwa-elements/loader';
|
||||||
|
defineCustomElements(window);
|
||||||
|
|
||||||
|
// ── App bootstrap ─────────────────────────────────────────────────────────────
|
||||||
|
const container = document.getElementById('root');
|
||||||
|
const root = createRoot(container!);
|
||||||
|
root.render(
|
||||||
|
<React.StrictMode>
|
||||||
|
<App />
|
||||||
|
</React.StrictMode>,
|
||||||
|
);
|
||||||
@@ -0,0 +1,339 @@
|
|||||||
|
import React, { useState, useEffect } from 'react';
|
||||||
|
import {
|
||||||
|
IonContent,
|
||||||
|
IonHeader,
|
||||||
|
IonPage,
|
||||||
|
IonTitle,
|
||||||
|
IonToolbar,
|
||||||
|
IonButtons,
|
||||||
|
IonButton,
|
||||||
|
IonIcon,
|
||||||
|
IonRange,
|
||||||
|
IonInput,
|
||||||
|
IonTextarea,
|
||||||
|
IonAlert,
|
||||||
|
useIonViewWillEnter,
|
||||||
|
} from '@ionic/react';
|
||||||
|
import { useHistory } from 'react-router-dom';
|
||||||
|
import {
|
||||||
|
chevronBackOutline,
|
||||||
|
trashOutline,
|
||||||
|
medkitOutline,
|
||||||
|
} from 'ionicons/icons';
|
||||||
|
import {
|
||||||
|
getCheckups,
|
||||||
|
addCheckup,
|
||||||
|
deleteCheckup,
|
||||||
|
clearCheckups,
|
||||||
|
} from '../services/localHealthStore';
|
||||||
|
import { CheckupEntry, CheckupMood } from '../types/health';
|
||||||
|
import HealthLogList from '../components/health/HealthLogList';
|
||||||
|
|
||||||
|
const Checkups: React.FC = () => {
|
||||||
|
const history = useHistory();
|
||||||
|
const [entries, setEntries] = useState<CheckupEntry[]>([]);
|
||||||
|
const [mood, setMood] = useState<CheckupMood | ''>('');
|
||||||
|
const [energy, setEnergy] = useState<number>(70);
|
||||||
|
const [symptoms, setSymptoms] = useState<string>('');
|
||||||
|
const [note, setNote] = useState<string>('');
|
||||||
|
const [error, setError] = useState<string | null>(null);
|
||||||
|
const [showClearAlert, setShowClearAlert] = useState(false);
|
||||||
|
|
||||||
|
const refreshData = () => {
|
||||||
|
setEntries(getCheckups());
|
||||||
|
};
|
||||||
|
|
||||||
|
useIonViewWillEnter(() => {
|
||||||
|
refreshData();
|
||||||
|
});
|
||||||
|
|
||||||
|
const handleSave = () => {
|
||||||
|
if (!mood) {
|
||||||
|
setError('Please select a mood');
|
||||||
|
setTimeout(() => setError(null), 4000);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
addCheckup({
|
||||||
|
mood: mood as CheckupMood,
|
||||||
|
energy,
|
||||||
|
symptoms,
|
||||||
|
note,
|
||||||
|
});
|
||||||
|
|
||||||
|
setMood('');
|
||||||
|
setEnergy(70);
|
||||||
|
setSymptoms('');
|
||||||
|
setNote('');
|
||||||
|
refreshData();
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleDelete = (id: string) => {
|
||||||
|
deleteCheckup(id);
|
||||||
|
refreshData();
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleClear = () => {
|
||||||
|
clearCheckups();
|
||||||
|
refreshData();
|
||||||
|
};
|
||||||
|
|
||||||
|
const moods: CheckupMood[] = ['Great', 'Okay', 'Low', 'Unwell'];
|
||||||
|
|
||||||
|
return (
|
||||||
|
<IonPage style={{ background: '#eef7fb' }}>
|
||||||
|
<IonHeader className="ion-no-border">
|
||||||
|
<IonToolbar style={{ '--background': '#eef7fb', '--color': '#1e3a5f' }}>
|
||||||
|
<IonButtons slot="start">
|
||||||
|
<IonButton onClick={() => history.goBack()}>
|
||||||
|
<IonIcon icon={chevronBackOutline} slot="icon-only" />
|
||||||
|
</IonButton>
|
||||||
|
</IonButtons>
|
||||||
|
<IonTitle style={{ fontWeight: '700' }}>Self Checkup</IonTitle>
|
||||||
|
<IonButtons slot="end">
|
||||||
|
{entries.length > 0 && (
|
||||||
|
<IonButton onClick={() => setShowClearAlert(true)}>
|
||||||
|
<IonIcon
|
||||||
|
icon={trashOutline}
|
||||||
|
slot="icon-only"
|
||||||
|
style={{ opacity: 0.5 }}
|
||||||
|
/>
|
||||||
|
</IonButton>
|
||||||
|
)}
|
||||||
|
</IonButtons>
|
||||||
|
</IonToolbar>
|
||||||
|
</IonHeader>
|
||||||
|
|
||||||
|
<IonContent
|
||||||
|
style={{
|
||||||
|
'--background': '#eef7fb',
|
||||||
|
'--padding-start': '20px',
|
||||||
|
'--padding-end': '20px',
|
||||||
|
'--padding-top': '16px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{/* Form Card */}
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
background: '#ffffff',
|
||||||
|
borderRadius: '24px',
|
||||||
|
padding: '24px',
|
||||||
|
marginBottom: '20px',
|
||||||
|
display: 'flex',
|
||||||
|
flexDirection: 'column',
|
||||||
|
gap: '16px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
style={{ fontSize: '18px', fontWeight: '700', color: '#1e3a5f' }}
|
||||||
|
>
|
||||||
|
How do you feel right now?
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
fontSize: '13px',
|
||||||
|
fontWeight: '700',
|
||||||
|
color: 'rgba(30,58,95,0.60)',
|
||||||
|
marginBottom: '12px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
Mood
|
||||||
|
</div>
|
||||||
|
<div style={{ display: 'flex', gap: '8px', flexWrap: 'wrap' }}>
|
||||||
|
{moods.map((m) => (
|
||||||
|
<div
|
||||||
|
key={m}
|
||||||
|
onClick={() => setMood(m)}
|
||||||
|
style={{
|
||||||
|
padding: '10px 16px',
|
||||||
|
borderRadius: '999px',
|
||||||
|
fontSize: '13px',
|
||||||
|
fontWeight: '700',
|
||||||
|
cursor: 'pointer',
|
||||||
|
background: mood === m ? '#0369a1' : '#e2f2f8',
|
||||||
|
color: mood === m ? '#ffffff' : '#1e3a5f',
|
||||||
|
transition: 'all 0.2s ease',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{m}
|
||||||
|
</div>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
display: 'flex',
|
||||||
|
justifyContent: 'space-between',
|
||||||
|
marginBottom: '8px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<span
|
||||||
|
style={{
|
||||||
|
fontSize: '13px',
|
||||||
|
fontWeight: '700',
|
||||||
|
color: 'rgba(30,58,95,0.60)',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
Energy
|
||||||
|
</span>
|
||||||
|
<span
|
||||||
|
style={{
|
||||||
|
fontSize: '13px',
|
||||||
|
fontWeight: '700',
|
||||||
|
color: '#0369a1',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{energy}%
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<IonRange
|
||||||
|
value={energy}
|
||||||
|
onIonChange={(e) => setEnergy(e.detail.value as number)}
|
||||||
|
style={{
|
||||||
|
'--bar-background': '#e2f2f8',
|
||||||
|
'--bar-background-active': '#38bdf8',
|
||||||
|
'--knob-background': '#0369a1',
|
||||||
|
padding: '0',
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
fontSize: '13px',
|
||||||
|
fontWeight: '700',
|
||||||
|
color: 'rgba(30,58,95,0.60)',
|
||||||
|
marginBottom: '8px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
Symptoms
|
||||||
|
</div>
|
||||||
|
<IonInput
|
||||||
|
value={symptoms}
|
||||||
|
onIonInput={(e) => setSymptoms(e.detail.value!)}
|
||||||
|
placeholder="e.g. Headache, fatigue..."
|
||||||
|
style={{
|
||||||
|
'--background': '#f3f8fb',
|
||||||
|
'--padding-start': '16px',
|
||||||
|
'--padding-end': '16px',
|
||||||
|
'--border-radius': '12px',
|
||||||
|
fontSize: '14px',
|
||||||
|
color: '#1e3a5f',
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
fontSize: '13px',
|
||||||
|
fontWeight: '700',
|
||||||
|
color: 'rgba(30,58,95,0.60)',
|
||||||
|
marginBottom: '8px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
Notes
|
||||||
|
</div>
|
||||||
|
<IonTextarea
|
||||||
|
value={note}
|
||||||
|
onIonInput={(e) => setNote(e.detail.value!)}
|
||||||
|
placeholder="Add more details..."
|
||||||
|
rows={3}
|
||||||
|
style={{
|
||||||
|
'--background': '#f3f8fb',
|
||||||
|
'--padding-start': '16px',
|
||||||
|
'--padding-end': '16px',
|
||||||
|
'--padding-top': '12px',
|
||||||
|
'--padding-bottom': '12px',
|
||||||
|
'--border-radius': '12px',
|
||||||
|
fontSize: '14px',
|
||||||
|
color: '#1e3a5f',
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{error && (
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
fontSize: '12px',
|
||||||
|
color: '#dc2626',
|
||||||
|
textAlign: 'center',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{error}
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
|
||||||
|
<IonButton
|
||||||
|
expand="block"
|
||||||
|
onClick={handleSave}
|
||||||
|
style={{
|
||||||
|
'--background': '#0369a1',
|
||||||
|
'--border-radius': '999px',
|
||||||
|
'--color': '#ffffff',
|
||||||
|
fontWeight: '700',
|
||||||
|
height: '48px',
|
||||||
|
marginTop: '8px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
Save checkup
|
||||||
|
</IonButton>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* History Section */}
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
display: 'flex',
|
||||||
|
justifyContent: 'space-between',
|
||||||
|
alignItems: 'baseline',
|
||||||
|
margin: '0 0 12px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<span
|
||||||
|
style={{ fontSize: '17px', fontWeight: '700', color: '#1e3a5f' }}
|
||||||
|
>
|
||||||
|
History
|
||||||
|
</span>
|
||||||
|
<span
|
||||||
|
style={{
|
||||||
|
fontSize: '12px',
|
||||||
|
fontWeight: '600',
|
||||||
|
color: 'rgba(30,58,95,0.40)',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{entries.length} logs
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<HealthLogList
|
||||||
|
type="checkup"
|
||||||
|
entries={entries}
|
||||||
|
onDelete={handleDelete}
|
||||||
|
emptyTitle="No checkups yet"
|
||||||
|
emptyActionLabel="Save your first checkup"
|
||||||
|
onEmptyAction={() => {}} // Form is already on page
|
||||||
|
/>
|
||||||
|
|
||||||
|
<div style={{ height: '40px' }} />
|
||||||
|
|
||||||
|
<IonAlert
|
||||||
|
isOpen={showClearAlert}
|
||||||
|
onDidDismiss={() => setShowClearAlert(false)}
|
||||||
|
header="Clear history?"
|
||||||
|
message="This will delete all checkup logs permanently."
|
||||||
|
buttons={[
|
||||||
|
{ text: 'Cancel', role: 'cancel' },
|
||||||
|
{ text: 'Clear All', role: 'destructive', handler: handleClear },
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
</IonContent>
|
||||||
|
</IonPage>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default Checkups;
|
||||||
@@ -0,0 +1,376 @@
|
|||||||
|
import React, { useState } from 'react';
|
||||||
|
import {
|
||||||
|
IonContent,
|
||||||
|
IonHeader,
|
||||||
|
IonPage,
|
||||||
|
IonTitle,
|
||||||
|
IonToolbar,
|
||||||
|
IonButtons,
|
||||||
|
IonButton,
|
||||||
|
IonIcon,
|
||||||
|
IonInput,
|
||||||
|
IonTextarea,
|
||||||
|
IonSelect,
|
||||||
|
IonSelectOption,
|
||||||
|
IonAlert,
|
||||||
|
useIonViewWillEnter,
|
||||||
|
} from '@ionic/react';
|
||||||
|
import { useHistory } from 'react-router-dom';
|
||||||
|
import {
|
||||||
|
chevronBackOutline,
|
||||||
|
trashOutline,
|
||||||
|
waterOutline,
|
||||||
|
leafOutline,
|
||||||
|
} from 'ionicons/icons';
|
||||||
|
import {
|
||||||
|
getDietEntries,
|
||||||
|
addDietEntry,
|
||||||
|
deleteDietEntry,
|
||||||
|
clearDietEntries,
|
||||||
|
getWellbeingSummary,
|
||||||
|
} from '../services/localHealthStore';
|
||||||
|
import { DietEntry, MealType, WellbeingSummary } from '../types/health';
|
||||||
|
import HealthLogList from '../components/health/HealthLogList';
|
||||||
|
import MetricMiniCard from '../components/health/MetricMiniCard';
|
||||||
|
|
||||||
|
const Diet: React.FC = () => {
|
||||||
|
const history = useHistory();
|
||||||
|
const [entries, setEntries] = useState<DietEntry[]>([]);
|
||||||
|
const [summary, setSummary] = useState<WellbeingSummary | null>(null);
|
||||||
|
|
||||||
|
const [mealType, setMealType] = useState<MealType | ''>('');
|
||||||
|
const [waterCups, setWaterCups] = useState<string>('');
|
||||||
|
const [produceServings, setProduceServings] = useState<string>('');
|
||||||
|
const [notes, setNotes] = useState<string>('');
|
||||||
|
|
||||||
|
const [error, setError] = useState<string | null>(null);
|
||||||
|
const [showClearAlert, setShowClearAlert] = useState(false);
|
||||||
|
|
||||||
|
const refreshData = () => {
|
||||||
|
setEntries(getDietEntries());
|
||||||
|
setSummary(getWellbeingSummary());
|
||||||
|
};
|
||||||
|
|
||||||
|
useIonViewWillEnter(() => {
|
||||||
|
refreshData();
|
||||||
|
});
|
||||||
|
|
||||||
|
const handleSave = () => {
|
||||||
|
if (!mealType) {
|
||||||
|
setError('Please select a meal type');
|
||||||
|
setTimeout(() => setError(null), 4000);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
addDietEntry({
|
||||||
|
mealType: mealType as MealType,
|
||||||
|
waterCups: parseInt(waterCups) || 0,
|
||||||
|
produceServings: parseInt(produceServings) || 0,
|
||||||
|
notes,
|
||||||
|
});
|
||||||
|
|
||||||
|
setMealType('');
|
||||||
|
setWaterCups('');
|
||||||
|
setProduceServings('');
|
||||||
|
setNotes('');
|
||||||
|
refreshData();
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleDelete = (id: string) => {
|
||||||
|
deleteDietEntry(id);
|
||||||
|
refreshData();
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleClear = () => {
|
||||||
|
clearDietEntries();
|
||||||
|
refreshData();
|
||||||
|
};
|
||||||
|
|
||||||
|
const mealTypes: MealType[] = ['Breakfast', 'Lunch', 'Dinner', 'Snack'];
|
||||||
|
|
||||||
|
return (
|
||||||
|
<IonPage style={{ background: '#eef7fb' }}>
|
||||||
|
<IonHeader className="ion-no-border">
|
||||||
|
<IonToolbar style={{ '--background': '#eef7fb', '--color': '#1e3a5f' }}>
|
||||||
|
<IonButtons slot="start">
|
||||||
|
<IonButton onClick={() => history.goBack()}>
|
||||||
|
<IonIcon icon={chevronBackOutline} slot="icon-only" />
|
||||||
|
</IonButton>
|
||||||
|
</IonButtons>
|
||||||
|
<IonTitle style={{ fontWeight: '700' }}>Diet</IonTitle>
|
||||||
|
<IonButtons slot="end">
|
||||||
|
{entries.length > 0 && (
|
||||||
|
<IonButton onClick={() => setShowClearAlert(true)}>
|
||||||
|
<IonIcon
|
||||||
|
icon={trashOutline}
|
||||||
|
slot="icon-only"
|
||||||
|
style={{ opacity: 0.5 }}
|
||||||
|
/>
|
||||||
|
</IonButton>
|
||||||
|
)}
|
||||||
|
</IonButtons>
|
||||||
|
</IonToolbar>
|
||||||
|
</IonHeader>
|
||||||
|
|
||||||
|
<IonContent
|
||||||
|
style={{
|
||||||
|
'--background': '#eef7fb',
|
||||||
|
'--padding-start': '20px',
|
||||||
|
'--padding-end': '20px',
|
||||||
|
'--padding-top': '16px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{/* Form Card */}
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
background: '#ffffff',
|
||||||
|
borderRadius: '24px',
|
||||||
|
padding: '24px',
|
||||||
|
marginBottom: '20px',
|
||||||
|
display: 'flex',
|
||||||
|
flexDirection: 'column',
|
||||||
|
gap: '16px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
style={{ fontSize: '18px', fontWeight: '700', color: '#1e3a5f' }}
|
||||||
|
>
|
||||||
|
Log today’s nutrition
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
fontSize: '13px',
|
||||||
|
fontWeight: '700',
|
||||||
|
color: 'rgba(30,58,95,0.60)',
|
||||||
|
marginBottom: '8px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
Meal Type
|
||||||
|
</div>
|
||||||
|
<IonSelect
|
||||||
|
value={mealType}
|
||||||
|
onIonChange={(e) => setMealType(e.detail.value)}
|
||||||
|
interface="action-sheet"
|
||||||
|
placeholder="Select a meal"
|
||||||
|
style={{
|
||||||
|
'--background': '#f3f8fb',
|
||||||
|
'--padding-start': '16px',
|
||||||
|
'--padding-end': '16px',
|
||||||
|
'--border-radius': '12px',
|
||||||
|
fontSize: '14px',
|
||||||
|
color: '#1e3a5f',
|
||||||
|
width: '100%',
|
||||||
|
'--placeholder-color': 'rgba(30,58,95,0.38)',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{mealTypes.map((m) => (
|
||||||
|
<IonSelectOption key={m} value={m}>
|
||||||
|
{m}
|
||||||
|
</IonSelectOption>
|
||||||
|
))}
|
||||||
|
</IonSelect>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
display: 'grid',
|
||||||
|
gridTemplateColumns: '1fr 1fr',
|
||||||
|
gap: '12px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<div>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
fontSize: '13px',
|
||||||
|
fontWeight: '700',
|
||||||
|
color: 'rgba(30,58,95,0.60)',
|
||||||
|
marginBottom: '8px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
Water (cups)
|
||||||
|
</div>
|
||||||
|
<IonInput
|
||||||
|
type="text"
|
||||||
|
inputMode="numeric"
|
||||||
|
value={waterCups}
|
||||||
|
onIonInput={(e) =>
|
||||||
|
setWaterCups(e.detail.value!.replace(/[^0-9]/g, ''))
|
||||||
|
}
|
||||||
|
placeholder="0"
|
||||||
|
style={{
|
||||||
|
'--background': '#f3f8fb',
|
||||||
|
'--padding-start': '16px',
|
||||||
|
'--border-radius': '12px',
|
||||||
|
fontSize: '14px',
|
||||||
|
color: '#1e3a5f',
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
fontSize: '13px',
|
||||||
|
fontWeight: '700',
|
||||||
|
color: 'rgba(30,58,95,0.60)',
|
||||||
|
marginBottom: '8px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
Produce (servings)
|
||||||
|
</div>
|
||||||
|
<IonInput
|
||||||
|
type="text"
|
||||||
|
inputMode="numeric"
|
||||||
|
value={produceServings}
|
||||||
|
onIonInput={(e) =>
|
||||||
|
setProduceServings(e.detail.value!.replace(/[^0-9]/g, ''))
|
||||||
|
}
|
||||||
|
placeholder="0"
|
||||||
|
style={{
|
||||||
|
'--background': '#f3f8fb',
|
||||||
|
'--padding-start': '16px',
|
||||||
|
'--border-radius': '12px',
|
||||||
|
fontSize: '14px',
|
||||||
|
color: '#1e3a5f',
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
fontSize: '13px',
|
||||||
|
fontWeight: '700',
|
||||||
|
color: 'rgba(30,58,95,0.60)',
|
||||||
|
marginBottom: '8px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
Notes
|
||||||
|
</div>
|
||||||
|
<IonTextarea
|
||||||
|
value={notes}
|
||||||
|
onIonInput={(e) => setNotes(e.detail.value!)}
|
||||||
|
placeholder="Add more details..."
|
||||||
|
rows={3}
|
||||||
|
style={{
|
||||||
|
'--background': '#f3f8fb',
|
||||||
|
'--padding-start': '16px',
|
||||||
|
'--padding-end': '16px',
|
||||||
|
'--padding-top': '12px',
|
||||||
|
'--padding-bottom': '12px',
|
||||||
|
'--border-radius': '12px',
|
||||||
|
fontSize: '14px',
|
||||||
|
color: '#1e3a5f',
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{error && (
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
fontSize: '12px',
|
||||||
|
color: '#dc2626',
|
||||||
|
textAlign: 'center',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{error}
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
|
||||||
|
<IonButton
|
||||||
|
expand="block"
|
||||||
|
onClick={handleSave}
|
||||||
|
style={{
|
||||||
|
'--background': '#0369a1',
|
||||||
|
'--border-radius': '999px',
|
||||||
|
'--color': '#ffffff',
|
||||||
|
fontWeight: '700',
|
||||||
|
height: '48px',
|
||||||
|
marginTop: '8px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
Save diet log
|
||||||
|
</IonButton>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* Today Summary */}
|
||||||
|
{summary && (
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
display: 'grid',
|
||||||
|
gridTemplateColumns: '1fr 1fr',
|
||||||
|
gap: '12px',
|
||||||
|
marginBottom: '20px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<MetricMiniCard
|
||||||
|
label="Today's Water"
|
||||||
|
value={summary.hydrationCups.toString()}
|
||||||
|
helper="cups"
|
||||||
|
progress={summary.hydrationCups / 8}
|
||||||
|
icon={waterOutline}
|
||||||
|
/>
|
||||||
|
<MetricMiniCard
|
||||||
|
label="Today's Produce"
|
||||||
|
value={summary.produceServings.toString()}
|
||||||
|
helper="servings"
|
||||||
|
progress={summary.produceServings / 5}
|
||||||
|
icon={leafOutline}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
|
||||||
|
{/* History Section */}
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
display: 'flex',
|
||||||
|
justifyContent: 'space-between',
|
||||||
|
alignItems: 'baseline',
|
||||||
|
margin: '0 0 12px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<span
|
||||||
|
style={{ fontSize: '17px', fontWeight: '700', color: '#1e3a5f' }}
|
||||||
|
>
|
||||||
|
History
|
||||||
|
</span>
|
||||||
|
<span
|
||||||
|
style={{
|
||||||
|
fontSize: '12px',
|
||||||
|
fontWeight: '600',
|
||||||
|
color: 'rgba(30,58,95,0.40)',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{entries.length} logs
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<HealthLogList
|
||||||
|
type="diet"
|
||||||
|
entries={entries}
|
||||||
|
onDelete={handleDelete}
|
||||||
|
emptyTitle="No diet logs yet"
|
||||||
|
emptyActionLabel="Log a meal"
|
||||||
|
onEmptyAction={() => {}} // Form is already on page
|
||||||
|
/>
|
||||||
|
|
||||||
|
<div style={{ height: '40px' }} />
|
||||||
|
|
||||||
|
<IonAlert
|
||||||
|
isOpen={showClearAlert}
|
||||||
|
onDidDismiss={() => setShowClearAlert(false)}
|
||||||
|
header="Clear history?"
|
||||||
|
message="This will delete all diet logs permanently."
|
||||||
|
buttons={[
|
||||||
|
{ text: 'Cancel', role: 'cancel' },
|
||||||
|
{ text: 'Clear All', role: 'destructive', handler: handleClear },
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
</IonContent>
|
||||||
|
</IonPage>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default Diet;
|
||||||
@@ -0,0 +1,242 @@
|
|||||||
|
import React, { useState } from 'react';
|
||||||
|
import {
|
||||||
|
IonContent,
|
||||||
|
IonPage,
|
||||||
|
IonIcon,
|
||||||
|
IonText,
|
||||||
|
useIonViewWillEnter,
|
||||||
|
} from '@ionic/react';
|
||||||
|
import { useHistory } from 'react-router-dom';
|
||||||
|
import {
|
||||||
|
heartCircleOutline,
|
||||||
|
medkitOutline,
|
||||||
|
restaurantOutline,
|
||||||
|
moonOutline,
|
||||||
|
chevronForwardOutline,
|
||||||
|
} from 'ionicons/icons';
|
||||||
|
import WellbeingScoreCard from '../components/health/WellbeingScoreCard';
|
||||||
|
import MetricMiniCard from '../components/health/MetricMiniCard';
|
||||||
|
import RecentActivityList from '../components/health/RecentActivityList';
|
||||||
|
import {
|
||||||
|
getWellbeingSummary,
|
||||||
|
getRecentActivity,
|
||||||
|
} from '../services/localHealthStore';
|
||||||
|
import { WellbeingSummary, ActivityEntry } from '../types/health';
|
||||||
|
|
||||||
|
const Home: React.FC = () => {
|
||||||
|
const history = useHistory();
|
||||||
|
const [summary, setSummary] = useState<WellbeingSummary>(
|
||||||
|
getWellbeingSummary()
|
||||||
|
);
|
||||||
|
const [recentEntries, setRecentEntries] =
|
||||||
|
useState<ActivityEntry[]>(getRecentActivity());
|
||||||
|
|
||||||
|
const refreshData = () => {
|
||||||
|
setSummary(getWellbeingSummary());
|
||||||
|
setRecentEntries(getRecentActivity());
|
||||||
|
};
|
||||||
|
|
||||||
|
useIonViewWillEnter(() => {
|
||||||
|
refreshData();
|
||||||
|
});
|
||||||
|
|
||||||
|
return (
|
||||||
|
<IonPage style={{ background: '#eef7fb' }}>
|
||||||
|
<IonContent
|
||||||
|
fullscreen
|
||||||
|
style={{
|
||||||
|
'--background':
|
||||||
|
'linear-gradient(160deg, rgba(56,189,248,0.16) 0%, #eef7fb 58%, #f8fbfd 100%)',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{/* Top Content Row */}
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
padding: 'calc(16px + var(--ion-safe-area-top)) 20px 12px',
|
||||||
|
display: 'flex',
|
||||||
|
alignItems: 'center',
|
||||||
|
gap: '12px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
width: '40px',
|
||||||
|
height: '40px',
|
||||||
|
background: 'rgba(3,105,161,0.12)',
|
||||||
|
borderRadius: '12px',
|
||||||
|
display: 'flex',
|
||||||
|
alignItems: 'center',
|
||||||
|
justifyContent: 'center',
|
||||||
|
flexShrink: 0,
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<IonIcon
|
||||||
|
icon={heartCircleOutline}
|
||||||
|
style={{ fontSize: '22px', color: '#0369a1' }}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div style={{ flex: 1 }}>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
fontSize: '12px',
|
||||||
|
fontWeight: '700',
|
||||||
|
color: 'rgba(30,58,95,0.60)',
|
||||||
|
lineHeight: '16px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
Wellbeing
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
fontSize: '20px',
|
||||||
|
fontWeight: '700',
|
||||||
|
color: '#1e3a5f',
|
||||||
|
lineHeight: '24px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
Good morning
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
background: '#ffffff',
|
||||||
|
borderRadius: '999px',
|
||||||
|
padding: '8px 12px',
|
||||||
|
fontSize: '12px',
|
||||||
|
fontWeight: '700',
|
||||||
|
color: '#0369a1',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
Local
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* Score Widget */}
|
||||||
|
<WellbeingScoreCard
|
||||||
|
score={summary.score}
|
||||||
|
message={summary.scoreMessage}
|
||||||
|
progress={summary.scoreProgress}
|
||||||
|
/>
|
||||||
|
|
||||||
|
{/* Metric Row */}
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
margin: '0 20px 12px',
|
||||||
|
display: 'grid',
|
||||||
|
gridTemplateColumns: '1fr 1fr',
|
||||||
|
gap: '12px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<MetricMiniCard
|
||||||
|
label="Sleep"
|
||||||
|
value={summary.sleepHours.toString()}
|
||||||
|
helper="hrs"
|
||||||
|
progress={summary.sleepHours / 8}
|
||||||
|
icon={moonOutline}
|
||||||
|
/>
|
||||||
|
<MetricMiniCard
|
||||||
|
label="Water"
|
||||||
|
value={summary.hydrationCups.toString()}
|
||||||
|
helper="cups"
|
||||||
|
progress={summary.hydrationCups / 8}
|
||||||
|
icon={restaurantOutline}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* Action Strip */}
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
display: 'flex',
|
||||||
|
gap: '8px',
|
||||||
|
overflowX: 'auto',
|
||||||
|
padding: '0 20px 20px',
|
||||||
|
msOverflowStyle: 'none',
|
||||||
|
scrollbarWidth: 'none',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{[
|
||||||
|
{ label: 'Checkup', icon: medkitOutline, path: '/checkups' },
|
||||||
|
{ label: 'Diet', icon: restaurantOutline, path: '/diet' },
|
||||||
|
{ label: 'Sleep', icon: moonOutline, path: '/sleep' },
|
||||||
|
].map((action) => (
|
||||||
|
<div
|
||||||
|
key={action.label}
|
||||||
|
onClick={() => history.push(action.path)}
|
||||||
|
style={{
|
||||||
|
flexShrink: 0,
|
||||||
|
background: '#ffffff',
|
||||||
|
borderRadius: '999px',
|
||||||
|
padding: '10px 18px',
|
||||||
|
display: 'flex',
|
||||||
|
alignItems: 'center',
|
||||||
|
gap: '8px',
|
||||||
|
minHeight: '44px',
|
||||||
|
cursor: 'pointer',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<IonIcon
|
||||||
|
icon={action.icon}
|
||||||
|
style={{ fontSize: '18px', color: '#0369a1' }}
|
||||||
|
/>
|
||||||
|
<span
|
||||||
|
style={{
|
||||||
|
fontSize: '13px',
|
||||||
|
fontWeight: '700',
|
||||||
|
color: '#1e3a5f',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{action.label}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* Section Header */}
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
margin: '4px 20px 12px',
|
||||||
|
display: 'flex',
|
||||||
|
justifyContent: 'space-between',
|
||||||
|
alignItems: 'baseline',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<span
|
||||||
|
style={{ fontSize: '17px', fontWeight: '700', color: '#1e3a5f' }}
|
||||||
|
>
|
||||||
|
Recent Activity
|
||||||
|
</span>
|
||||||
|
<div
|
||||||
|
onClick={() => history.push('/insights')}
|
||||||
|
style={{
|
||||||
|
display: 'flex',
|
||||||
|
alignItems: 'center',
|
||||||
|
gap: '2px',
|
||||||
|
cursor: 'pointer',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<span
|
||||||
|
style={{ fontSize: '13px', fontWeight: '700', color: '#0369a1' }}
|
||||||
|
>
|
||||||
|
See insights
|
||||||
|
</span>
|
||||||
|
<IonIcon
|
||||||
|
icon={chevronForwardOutline}
|
||||||
|
style={{ fontSize: '14px', color: '#0369a1' }}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* Recent Activity List */}
|
||||||
|
<RecentActivityList
|
||||||
|
entries={recentEntries}
|
||||||
|
onCreate={() => history.push('/checkups')}
|
||||||
|
onSeeInsights={() => history.push('/insights')}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<div style={{ height: '20px' }} />
|
||||||
|
</IonContent>
|
||||||
|
</IonPage>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default Home;
|
||||||
@@ -0,0 +1,204 @@
|
|||||||
|
import React, { useState } from 'react';
|
||||||
|
import {
|
||||||
|
IonContent,
|
||||||
|
IonHeader,
|
||||||
|
IonPage,
|
||||||
|
IonTitle,
|
||||||
|
IonToolbar,
|
||||||
|
IonButtons,
|
||||||
|
IonButton,
|
||||||
|
IonIcon,
|
||||||
|
IonGrid,
|
||||||
|
IonRow,
|
||||||
|
IonCol,
|
||||||
|
useIonViewWillEnter,
|
||||||
|
} from '@ionic/react';
|
||||||
|
import { useHistory } from 'react-router-dom';
|
||||||
|
import {
|
||||||
|
chevronBackOutline,
|
||||||
|
analyticsOutline,
|
||||||
|
medkitOutline,
|
||||||
|
restaurantOutline,
|
||||||
|
moonOutline,
|
||||||
|
} from 'ionicons/icons';
|
||||||
|
import {
|
||||||
|
getWellbeingSummary,
|
||||||
|
calculateInsights,
|
||||||
|
} from '../services/localHealthStore';
|
||||||
|
import { WellbeingSummary, LocalInsight } from '../types/health';
|
||||||
|
import {
|
||||||
|
InsightSummaryCard,
|
||||||
|
RecommendationList,
|
||||||
|
} from '../components/health/InsightCards';
|
||||||
|
|
||||||
|
const Insights: React.FC = () => {
|
||||||
|
const history = useHistory();
|
||||||
|
const [summary, setSummary] = useState<WellbeingSummary>(
|
||||||
|
getWellbeingSummary()
|
||||||
|
);
|
||||||
|
const [insights, setInsights] = useState<LocalInsight[]>(calculateInsights());
|
||||||
|
|
||||||
|
const refreshData = () => {
|
||||||
|
setSummary(getWellbeingSummary());
|
||||||
|
setInsights(calculateInsights());
|
||||||
|
};
|
||||||
|
|
||||||
|
useIonViewWillEnter(() => {
|
||||||
|
refreshData();
|
||||||
|
});
|
||||||
|
|
||||||
|
return (
|
||||||
|
<IonPage style={{ background: '#eef7fb' }}>
|
||||||
|
<IonHeader className="ion-no-border">
|
||||||
|
<IonToolbar style={{ '--background': '#eef7fb', '--color': '#1e3a5f' }}>
|
||||||
|
<IonButtons slot="start">
|
||||||
|
<IonButton onClick={() => history.goBack()}>
|
||||||
|
<IonIcon icon={chevronBackOutline} slot="icon-only" />
|
||||||
|
</IonButton>
|
||||||
|
</IonButtons>
|
||||||
|
<IonTitle style={{ fontWeight: '700' }}>Insights</IonTitle>
|
||||||
|
</IonToolbar>
|
||||||
|
</IonHeader>
|
||||||
|
|
||||||
|
<IonContent
|
||||||
|
style={{
|
||||||
|
'--background': '#eef7fb',
|
||||||
|
'--padding-start': '20px',
|
||||||
|
'--padding-end': '20px',
|
||||||
|
'--padding-top': '16px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{insights.length > 0 ? (
|
||||||
|
<>
|
||||||
|
<InsightSummaryCard
|
||||||
|
summary={summary}
|
||||||
|
primaryInsight={insights[0]}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
margin: '24px 0 12px',
|
||||||
|
fontSize: '17px',
|
||||||
|
fontWeight: '700',
|
||||||
|
color: '#1e3a5f',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
Habit Guidance
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<RecommendationList insights={insights} />
|
||||||
|
</>
|
||||||
|
) : (
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
background: '#ffffff',
|
||||||
|
borderRadius: '24px',
|
||||||
|
padding: '40px 24px',
|
||||||
|
display: 'flex',
|
||||||
|
flexDirection: 'column',
|
||||||
|
alignItems: 'center',
|
||||||
|
textAlign: 'center',
|
||||||
|
marginTop: '20px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
width: '64px',
|
||||||
|
height: '64px',
|
||||||
|
borderRadius: '20px',
|
||||||
|
background: 'rgba(3,105,161,0.06)',
|
||||||
|
display: 'flex',
|
||||||
|
alignItems: 'center',
|
||||||
|
justifyContent: 'center',
|
||||||
|
marginBottom: '20px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<IonIcon
|
||||||
|
icon={analyticsOutline}
|
||||||
|
style={{ fontSize: '32px', color: 'rgba(3,105,161,0.30)' }}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
fontSize: '18px',
|
||||||
|
fontWeight: '700',
|
||||||
|
color: '#1e3a5f',
|
||||||
|
marginBottom: '8px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
Insights need a few logs first
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
fontSize: '14px',
|
||||||
|
color: 'rgba(30,58,95,0.58)',
|
||||||
|
lineHeight: '20px',
|
||||||
|
marginBottom: '32px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
Add a checkup, meal, or sleep log to see personalized guidance
|
||||||
|
based on your patterns.
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
display: 'flex',
|
||||||
|
flexDirection: 'column',
|
||||||
|
gap: '12px',
|
||||||
|
width: '100%',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<IonButton
|
||||||
|
onClick={() => history.push('/checkups')}
|
||||||
|
style={{
|
||||||
|
'--background': '#0369a1',
|
||||||
|
'--border-radius': '999px',
|
||||||
|
'--color': '#ffffff',
|
||||||
|
fontWeight: '700',
|
||||||
|
height: '48px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<IonIcon icon={medkitOutline} slot="start" />
|
||||||
|
Add Checkup
|
||||||
|
</IonButton>
|
||||||
|
<div style={{ display: 'flex', gap: '12px' }}>
|
||||||
|
<IonButton
|
||||||
|
onClick={() => history.push('/diet')}
|
||||||
|
style={{
|
||||||
|
flex: 1,
|
||||||
|
'--background': '#e2f2f8',
|
||||||
|
'--border-radius': '999px',
|
||||||
|
'--color': '#1e3a5f',
|
||||||
|
fontWeight: '700',
|
||||||
|
height: '48px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<IonIcon icon={restaurantOutline} slot="start" />
|
||||||
|
Diet
|
||||||
|
</IonButton>
|
||||||
|
<IonButton
|
||||||
|
onClick={() => history.push('/sleep')}
|
||||||
|
style={{
|
||||||
|
flex: 1,
|
||||||
|
'--background': '#e2f2f8',
|
||||||
|
'--border-radius': '999px',
|
||||||
|
'--color': '#1e3a5f',
|
||||||
|
fontWeight: '700',
|
||||||
|
height: '48px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<IonIcon icon={moonOutline} slot="start" />
|
||||||
|
Sleep
|
||||||
|
</IonButton>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
|
||||||
|
<div style={{ height: '40px' }} />
|
||||||
|
</IonContent>
|
||||||
|
</IonPage>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default Insights;
|
||||||
@@ -0,0 +1,351 @@
|
|||||||
|
import React, { useState } from 'react';
|
||||||
|
import {
|
||||||
|
IonContent,
|
||||||
|
IonHeader,
|
||||||
|
IonPage,
|
||||||
|
IonTitle,
|
||||||
|
IonToolbar,
|
||||||
|
IonButtons,
|
||||||
|
IonButton,
|
||||||
|
IonIcon,
|
||||||
|
IonInput,
|
||||||
|
IonTextarea,
|
||||||
|
IonAlert,
|
||||||
|
useIonViewWillEnter,
|
||||||
|
} from '@ionic/react';
|
||||||
|
import { useHistory } from 'react-router-dom';
|
||||||
|
import { chevronBackOutline, trashOutline, moonOutline } from 'ionicons/icons';
|
||||||
|
import {
|
||||||
|
getSleepEntries,
|
||||||
|
addSleepEntry,
|
||||||
|
deleteSleepEntry,
|
||||||
|
clearSleepEntries,
|
||||||
|
} from '../services/localHealthStore';
|
||||||
|
import { SleepEntry, SleepQuality } from '../types/health';
|
||||||
|
import HealthLogList from '../components/health/HealthLogList';
|
||||||
|
import SleepTrendCard from '../components/health/SleepTrendCard';
|
||||||
|
|
||||||
|
const Sleep: React.FC = () => {
|
||||||
|
const history = useHistory();
|
||||||
|
const [entries, setEntries] = useState<SleepEntry[]>([]);
|
||||||
|
|
||||||
|
const [hours, setHours] = useState<string>('');
|
||||||
|
const [quality, setQuality] = useState<SleepQuality | ''>('');
|
||||||
|
const [interruptions, setInterruptions] = useState<string>('');
|
||||||
|
const [notes, setNotes] = useState<string>('');
|
||||||
|
|
||||||
|
const [error, setError] = useState<string | null>(null);
|
||||||
|
const [showClearAlert, setShowClearAlert] = useState(false);
|
||||||
|
|
||||||
|
const refreshData = () => {
|
||||||
|
setEntries(getSleepEntries());
|
||||||
|
};
|
||||||
|
|
||||||
|
useIonViewWillEnter(() => {
|
||||||
|
refreshData();
|
||||||
|
});
|
||||||
|
|
||||||
|
const handleSave = () => {
|
||||||
|
const hoursNum = parseFloat(hours);
|
||||||
|
if (!hours || isNaN(hoursNum) || hoursNum <= 0) {
|
||||||
|
setError('Please enter a valid sleep duration');
|
||||||
|
setTimeout(() => setError(null), 4000);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (!quality) {
|
||||||
|
setError('Please select sleep quality');
|
||||||
|
setTimeout(() => setError(null), 4000);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
addSleepEntry({
|
||||||
|
hours: hoursNum,
|
||||||
|
quality: quality as SleepQuality,
|
||||||
|
interruptions: parseInt(interruptions) || 0,
|
||||||
|
notes,
|
||||||
|
});
|
||||||
|
|
||||||
|
setHours('');
|
||||||
|
setQuality('');
|
||||||
|
setInterruptions('');
|
||||||
|
setNotes('');
|
||||||
|
refreshData();
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleDelete = (id: string) => {
|
||||||
|
deleteSleepEntry(id);
|
||||||
|
refreshData();
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleClear = () => {
|
||||||
|
clearSleepEntries();
|
||||||
|
refreshData();
|
||||||
|
};
|
||||||
|
|
||||||
|
const qualities: SleepQuality[] = ['Restful', 'Okay', 'Restless'];
|
||||||
|
|
||||||
|
return (
|
||||||
|
<IonPage style={{ background: '#eef7fb' }}>
|
||||||
|
<IonHeader className="ion-no-border">
|
||||||
|
<IonToolbar style={{ '--background': '#eef7fb', '--color': '#1e3a5f' }}>
|
||||||
|
<IonButtons slot="start">
|
||||||
|
<IonButton onClick={() => history.goBack()}>
|
||||||
|
<IonIcon icon={chevronBackOutline} slot="icon-only" />
|
||||||
|
</IonButton>
|
||||||
|
</IonButtons>
|
||||||
|
<IonTitle style={{ fontWeight: '700' }}>Sleep</IonTitle>
|
||||||
|
<IonButtons slot="end">
|
||||||
|
{entries.length > 0 && (
|
||||||
|
<IonButton onClick={() => setShowClearAlert(true)}>
|
||||||
|
<IonIcon
|
||||||
|
icon={trashOutline}
|
||||||
|
slot="icon-only"
|
||||||
|
style={{ opacity: 0.5 }}
|
||||||
|
/>
|
||||||
|
</IonButton>
|
||||||
|
)}
|
||||||
|
</IonButtons>
|
||||||
|
</IonToolbar>
|
||||||
|
</IonHeader>
|
||||||
|
|
||||||
|
<IonContent
|
||||||
|
style={{
|
||||||
|
'--background': '#eef7fb',
|
||||||
|
'--padding-start': '20px',
|
||||||
|
'--padding-end': '20px',
|
||||||
|
'--padding-top': '16px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{/* Form Card */}
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
background: '#ffffff',
|
||||||
|
borderRadius: '24px',
|
||||||
|
padding: '24px',
|
||||||
|
marginBottom: '20px',
|
||||||
|
display: 'flex',
|
||||||
|
flexDirection: 'column',
|
||||||
|
gap: '16px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
style={{ fontSize: '18px', fontWeight: '700', color: '#1e3a5f' }}
|
||||||
|
>
|
||||||
|
Record your sleep
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
display: 'grid',
|
||||||
|
gridTemplateColumns: '1fr 1fr',
|
||||||
|
gap: '12px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<div>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
fontSize: '13px',
|
||||||
|
fontWeight: '700',
|
||||||
|
color: 'rgba(30,58,95,0.60)',
|
||||||
|
marginBottom: '8px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
Duration (hours)
|
||||||
|
</div>
|
||||||
|
<IonInput
|
||||||
|
type="text"
|
||||||
|
inputMode="decimal"
|
||||||
|
value={hours}
|
||||||
|
onIonInput={(e) => {
|
||||||
|
const val = e.detail.value!.replace(/[^0-9.]/g, '');
|
||||||
|
if ((val.match(/\./g) || []).length <= 1) setHours(val);
|
||||||
|
}}
|
||||||
|
placeholder="0.0"
|
||||||
|
style={{
|
||||||
|
'--background': '#f3f8fb',
|
||||||
|
'--padding-start': '16px',
|
||||||
|
'--border-radius': '12px',
|
||||||
|
fontSize: '14px',
|
||||||
|
color: '#1e3a5f',
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
fontSize: '13px',
|
||||||
|
fontWeight: '700',
|
||||||
|
color: 'rgba(30,58,95,0.60)',
|
||||||
|
marginBottom: '8px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
Interruptions
|
||||||
|
</div>
|
||||||
|
<IonInput
|
||||||
|
type="text"
|
||||||
|
inputMode="numeric"
|
||||||
|
value={interruptions}
|
||||||
|
onIonInput={(e) =>
|
||||||
|
setInterruptions(e.detail.value!.replace(/[^0-9]/g, ''))
|
||||||
|
}
|
||||||
|
placeholder="0"
|
||||||
|
style={{
|
||||||
|
'--background': '#f3f8fb',
|
||||||
|
'--padding-start': '16px',
|
||||||
|
'--border-radius': '12px',
|
||||||
|
fontSize: '14px',
|
||||||
|
color: '#1e3a5f',
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
fontSize: '13px',
|
||||||
|
fontWeight: '700',
|
||||||
|
color: 'rgba(30,58,95,0.60)',
|
||||||
|
marginBottom: '12px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
Quality
|
||||||
|
</div>
|
||||||
|
<div style={{ display: 'flex', gap: '8px' }}>
|
||||||
|
{qualities.map((q) => (
|
||||||
|
<div
|
||||||
|
key={q}
|
||||||
|
onClick={() => setQuality(q)}
|
||||||
|
style={{
|
||||||
|
padding: '10px 16px',
|
||||||
|
borderRadius: '999px',
|
||||||
|
fontSize: '13px',
|
||||||
|
fontWeight: '700',
|
||||||
|
cursor: 'pointer',
|
||||||
|
background: quality === q ? '#0369a1' : '#e2f2f8',
|
||||||
|
color: quality === q ? '#ffffff' : '#1e3a5f',
|
||||||
|
transition: 'all 0.2s ease',
|
||||||
|
flex: 1,
|
||||||
|
textAlign: 'center',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{q}
|
||||||
|
</div>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
fontSize: '13px',
|
||||||
|
fontWeight: '700',
|
||||||
|
color: 'rgba(30,58,95,0.60)',
|
||||||
|
marginBottom: '8px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
Notes
|
||||||
|
</div>
|
||||||
|
<IonTextarea
|
||||||
|
value={notes}
|
||||||
|
onIonInput={(e) => setNotes(e.detail.value!)}
|
||||||
|
placeholder="Add more details..."
|
||||||
|
rows={3}
|
||||||
|
style={{
|
||||||
|
'--background': '#f3f8fb',
|
||||||
|
'--padding-start': '16px',
|
||||||
|
'--padding-end': '16px',
|
||||||
|
'--padding-top': '12px',
|
||||||
|
'--padding-bottom': '12px',
|
||||||
|
'--border-radius': '12px',
|
||||||
|
fontSize: '14px',
|
||||||
|
color: '#1e3a5f',
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{error && (
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
fontSize: '12px',
|
||||||
|
color: '#dc2626',
|
||||||
|
textAlign: 'center',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{error}
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
|
||||||
|
<IonButton
|
||||||
|
expand="block"
|
||||||
|
onClick={handleSave}
|
||||||
|
style={{
|
||||||
|
'--background': '#0369a1',
|
||||||
|
'--border-radius': '999px',
|
||||||
|
'--color': '#ffffff',
|
||||||
|
fontWeight: '700',
|
||||||
|
height: '48px',
|
||||||
|
marginTop: '8px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
Save sleep log
|
||||||
|
</IonButton>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* Trend Widget */}
|
||||||
|
<div style={{ marginBottom: '20px' }}>
|
||||||
|
<SleepTrendCard entries={entries} />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* History Section */}
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
display: 'flex',
|
||||||
|
justifyContent: 'space-between',
|
||||||
|
alignItems: 'baseline',
|
||||||
|
margin: '0 0 12px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<span
|
||||||
|
style={{ fontSize: '17px', fontWeight: '700', color: '#1e3a5f' }}
|
||||||
|
>
|
||||||
|
History
|
||||||
|
</span>
|
||||||
|
<span
|
||||||
|
style={{
|
||||||
|
fontSize: '12px',
|
||||||
|
fontWeight: '600',
|
||||||
|
color: 'rgba(30,58,95,0.40)',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{entries.length} logs
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<HealthLogList
|
||||||
|
type="sleep"
|
||||||
|
entries={entries}
|
||||||
|
onDelete={handleDelete}
|
||||||
|
emptyTitle="No sleep logs yet"
|
||||||
|
emptyActionLabel="Log sleep"
|
||||||
|
onEmptyAction={() => {}} // Form is already on page
|
||||||
|
/>
|
||||||
|
|
||||||
|
<div style={{ height: '40px' }} />
|
||||||
|
|
||||||
|
<IonAlert
|
||||||
|
isOpen={showClearAlert}
|
||||||
|
onDidDismiss={() => setShowClearAlert(false)}
|
||||||
|
header="Clear history?"
|
||||||
|
message="This will delete all sleep logs permanently."
|
||||||
|
buttons={[
|
||||||
|
{ text: 'Cancel', role: 'cancel' },
|
||||||
|
{ text: 'Clear All', role: 'destructive', handler: handleClear },
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
</IonContent>
|
||||||
|
</IonPage>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default Sleep;
|
||||||
@@ -0,0 +1,255 @@
|
|||||||
|
import {
|
||||||
|
Department,
|
||||||
|
CohortAnalyticsSummary,
|
||||||
|
AnalyticsResponse,
|
||||||
|
TelemetryLog,
|
||||||
|
AggregatedTrendPoint,
|
||||||
|
} from '../../types/cohortHealth';
|
||||||
|
import { getRawUsers, getRawTelemetry } from './dataStore';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Enterprise Aggregation & Privacy Preservation Layer.
|
||||||
|
*
|
||||||
|
* DESIGN PRINCIPLE:
|
||||||
|
* In a true Zero-Trust enterprise healthcare or corporate wellness deployment,
|
||||||
|
* raw device telemetry (containing exact timestamps, high-frequency heart rates,
|
||||||
|
* and device sleep signals) is considered highly sensitive.
|
||||||
|
*
|
||||||
|
* To guarantee absolute privacy:
|
||||||
|
* 1. The client browser NEVER has access to raw database tables or individual-level records.
|
||||||
|
* 2. Mathematical aggregations occur solely on the server-side.
|
||||||
|
* 3. Cohort minimum sizes (k-anonymity) are programmatically enforced at the API boundary.
|
||||||
|
* 4. Identification vectors are scrubbed using randomized keys and cryptographic hashes.
|
||||||
|
*/
|
||||||
|
|
||||||
|
// MINIMUM COHORT SIZE (k-anonymity privacy floor)
|
||||||
|
// If the selected cohort contains fewer than 5 individuals, the API refuses execution
|
||||||
|
// to eliminate the possibility of an HR administrator identifying a specific employee's
|
||||||
|
// biometric signals (e.g. recognizing a specific day's stress spike of a single engineer).
|
||||||
|
const PRIVACY_FLOOR_LIMIT = 5;
|
||||||
|
|
||||||
|
export const getCohortAnalytics = (
|
||||||
|
department: Department
|
||||||
|
): AnalyticsResponse => {
|
||||||
|
try {
|
||||||
|
const allUsers = getRawUsers();
|
||||||
|
const allTelemetry = getRawTelemetry();
|
||||||
|
|
||||||
|
// 1. Filter cohort members
|
||||||
|
const cohortUsers = allUsers.filter((u) => u.department === department);
|
||||||
|
const cohortSize = cohortUsers.length;
|
||||||
|
|
||||||
|
// --- PRIVACY GUARD: k-ANONYMITY ENFORCEMENT ---
|
||||||
|
// In production, this prevents "differential attacks" where an attacker isolates
|
||||||
|
// a department with 1 or 2 users to view their personal health metrics.
|
||||||
|
if (cohortSize < PRIVACY_FLOOR_LIMIT) {
|
||||||
|
return {
|
||||||
|
success: false,
|
||||||
|
errorCode: 'INSUFFICIENT_COHORT_SIZE',
|
||||||
|
error: `Privacy Guard Refusal: Cohort '${department}' is too small.`,
|
||||||
|
details: `Under strict privacy compliance (k-anonymity >= 5), we refuse aggregate telemetry queries for departments with fewer than ${PRIVACY_FLOOR_LIMIT} members (current cohort size: ${cohortSize}). This prevents re-identification risks.`,
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
if (cohortSize === 0 || allTelemetry.length === 0) {
|
||||||
|
return {
|
||||||
|
success: false,
|
||||||
|
errorCode: 'NO_DATA',
|
||||||
|
error: 'No active telemetry found.',
|
||||||
|
details:
|
||||||
|
'The system has no telemetry records on file. Seed the data generator to proceed.',
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
const cohortUserIds = new Set(cohortUsers.map((u) => u.id));
|
||||||
|
|
||||||
|
// 2. Filter telemetry logs for this cohort
|
||||||
|
const cohortTelemetry = allTelemetry.filter((log) =>
|
||||||
|
cohortUserIds.has(log.userId)
|
||||||
|
);
|
||||||
|
|
||||||
|
// 3. Group telemetry logs by date to compute daily averages
|
||||||
|
const telemetryByDate: Record<string, TelemetryLog[]> = {};
|
||||||
|
cohortTelemetry.forEach((log) => {
|
||||||
|
if (!telemetryByDate[log.date]) {
|
||||||
|
telemetryByDate[log.date] = [];
|
||||||
|
}
|
||||||
|
telemetryByDate[log.date].push(log);
|
||||||
|
});
|
||||||
|
|
||||||
|
// Sort dates chronologically
|
||||||
|
const sortedDates = Object.keys(telemetryByDate).sort();
|
||||||
|
|
||||||
|
// Map to aggregated points
|
||||||
|
const trends: AggregatedTrendPoint[] = sortedDates.map((date) => {
|
||||||
|
const logs = telemetryByDate[date];
|
||||||
|
const count = logs.length;
|
||||||
|
|
||||||
|
const sumSleep = logs.reduce((acc, l) => acc + l.sleepScore, 0);
|
||||||
|
const sumStress = logs.reduce((acc, l) => acc + l.stressIndex, 0);
|
||||||
|
const sumActive = logs.reduce((acc, l) => acc + l.activeMinutes, 0);
|
||||||
|
|
||||||
|
// Poor sleep: sleepScore < 60 (Clinical cutoff for disrupted restorative sleep)
|
||||||
|
const poorSleepCount = logs.filter((l) => l.sleepScore < 60).length;
|
||||||
|
// High stress: stressIndex >= 7 (Corresponds to low heart-rate variability / hyper-arousal)
|
||||||
|
const highStressCount = logs.filter((l) => l.stressIndex >= 7).length;
|
||||||
|
|
||||||
|
return {
|
||||||
|
date,
|
||||||
|
avgSleepScore: parseFloat((sumSleep / count).toFixed(1)),
|
||||||
|
avgStressIndex: parseFloat((sumStress / count).toFixed(1)),
|
||||||
|
avgActiveMinutes: parseFloat((sumActive / count).toFixed(1)),
|
||||||
|
poorSleepPercentage: parseFloat(
|
||||||
|
((poorSleepCount / count) * 100).toFixed(0)
|
||||||
|
),
|
||||||
|
highStressPercentage: parseFloat(
|
||||||
|
((highStressCount / count) * 100).toFixed(0)
|
||||||
|
),
|
||||||
|
cohortSize: count,
|
||||||
|
};
|
||||||
|
});
|
||||||
|
|
||||||
|
// 4. Compute overall statistics for the cohort
|
||||||
|
const overallAvgSleep = parseFloat(
|
||||||
|
(
|
||||||
|
trends.reduce((acc, t) => acc + t.avgSleepScore, 0) / trends.length
|
||||||
|
).toFixed(1)
|
||||||
|
);
|
||||||
|
const overallAvgStress = parseFloat(
|
||||||
|
(
|
||||||
|
trends.reduce((acc, t) => acc + t.avgStressIndex, 0) / trends.length
|
||||||
|
).toFixed(1)
|
||||||
|
);
|
||||||
|
const overallAvgActive = parseFloat(
|
||||||
|
(
|
||||||
|
trends.reduce((acc, t) => acc + t.avgActiveMinutes, 0) / trends.length
|
||||||
|
).toFixed(1)
|
||||||
|
);
|
||||||
|
|
||||||
|
// 5. Generate dynamic insights and alert classification
|
||||||
|
const insightData = analyzeTrendsAndGenerateInsight(trends, department);
|
||||||
|
|
||||||
|
return {
|
||||||
|
success: true,
|
||||||
|
data: {
|
||||||
|
department,
|
||||||
|
trends,
|
||||||
|
overallAvgSleep,
|
||||||
|
overallAvgStress,
|
||||||
|
overallAvgActive,
|
||||||
|
cohortSize,
|
||||||
|
insight: insightData.message,
|
||||||
|
insightSeverity: insightData.severity,
|
||||||
|
},
|
||||||
|
};
|
||||||
|
} catch (err: any) {
|
||||||
|
return {
|
||||||
|
success: false,
|
||||||
|
error: 'Internal aggregate error.',
|
||||||
|
details: err.message || 'An unknown aggregation error occurred.',
|
||||||
|
};
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Clinical analytics engine that reads aggregated trend lines to trigger enterprise alerts.
|
||||||
|
* Identifies burnout markers, recovery indexes, and sedentary cycles.
|
||||||
|
*/
|
||||||
|
const analyzeTrendsAndGenerateInsight = (
|
||||||
|
trends: AggregatedTrendPoint[],
|
||||||
|
department: Department
|
||||||
|
): {
|
||||||
|
message: string;
|
||||||
|
severity: 'success' | 'warning' | 'danger' | 'medium';
|
||||||
|
} => {
|
||||||
|
if (trends.length < 5) {
|
||||||
|
return {
|
||||||
|
message:
|
||||||
|
'Monitoring active. Insufficient trend history to run statistical drift alerts.',
|
||||||
|
severity: 'medium',
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
// Look at last 5 days vs the preceding days to find trends
|
||||||
|
const halfLength = Math.floor(trends.length / 2);
|
||||||
|
const olderTrend = trends.slice(0, halfLength);
|
||||||
|
const newerTrend = trends.slice(halfLength);
|
||||||
|
|
||||||
|
const olderAvgStress =
|
||||||
|
olderTrend.reduce((acc, t) => acc + t.avgStressIndex, 0) /
|
||||||
|
olderTrend.length;
|
||||||
|
const newerAvgStress =
|
||||||
|
newerTrend.reduce((acc, t) => acc + t.avgStressIndex, 0) /
|
||||||
|
newerTrend.length;
|
||||||
|
|
||||||
|
const olderAvgSleep =
|
||||||
|
olderTrend.reduce((acc, t) => acc + t.avgSleepScore, 0) / olderTrend.length;
|
||||||
|
const newerAvgSleep =
|
||||||
|
newerTrend.reduce((acc, t) => acc + t.avgSleepScore, 0) / newerTrend.length;
|
||||||
|
|
||||||
|
const stressDeltaPct =
|
||||||
|
((newerAvgStress - olderAvgStress) / olderAvgStress) * 100;
|
||||||
|
const sleepDeltaPct = ((newerAvgSleep - olderAvgSleep) / olderAvgSleep) * 100;
|
||||||
|
|
||||||
|
// Engineering Burnout Anomaly check
|
||||||
|
if (
|
||||||
|
department === 'Engineering' &&
|
||||||
|
stressDeltaPct > 12 &&
|
||||||
|
sleepDeltaPct < -5
|
||||||
|
) {
|
||||||
|
return {
|
||||||
|
message: `⚠️ COHORT ALERT: The Engineering division has experienced a ${Math.abs(stressDeltaPct).toFixed(0)}% increase in elevated stress markers and a ${Math.abs(sleepDeltaPct).toFixed(0)}% drop in restorative sleep over the last 7 days. Action Recommendation: High likelihood of workload burnout. Consider a meeting-light week or deploying wellness interventions.`,
|
||||||
|
severity: 'danger',
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
// Sales Stress check
|
||||||
|
if (department === 'Sales') {
|
||||||
|
const weekendTrend = trends.filter((t) => {
|
||||||
|
const day = new Date(t.date).getDay();
|
||||||
|
return day === 0 || day === 6;
|
||||||
|
});
|
||||||
|
const weekdayTrend = trends.filter((t) => {
|
||||||
|
const day = new Date(t.date).getDay();
|
||||||
|
return day !== 0 && day !== 6;
|
||||||
|
});
|
||||||
|
|
||||||
|
const wkStress =
|
||||||
|
weekdayTrend.reduce((acc, t) => acc + t.avgStressIndex, 0) /
|
||||||
|
Math.max(1, weekdayTrend.length);
|
||||||
|
const weStress =
|
||||||
|
weekendTrend.reduce((acc, t) => acc + t.avgStressIndex, 0) /
|
||||||
|
Math.max(1, weekendTrend.length);
|
||||||
|
|
||||||
|
if (wkStress > weStress + 2.0) {
|
||||||
|
return {
|
||||||
|
message: `📊 Dynamic Cohort Insights: Sales telemetry displays high weekday stress peaks (${wkStress.toFixed(1)}/10) with healthy weekend decompression (${weStress.toFixed(1)}/10). Recommendation: Ensure micro-breaks are integrated during intensive mid-week sales sprints.`,
|
||||||
|
severity: 'warning',
|
||||||
|
};
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Operations physical health check
|
||||||
|
if (department === 'Operations') {
|
||||||
|
const avgActive =
|
||||||
|
trends.reduce((acc, t) => acc + t.avgActiveMinutes, 0) / trends.length;
|
||||||
|
if (avgActive > 70) {
|
||||||
|
return {
|
||||||
|
message: `🟢 Healthy Cohort Signal: Operations logs highly consistent physical engagement averaging ${avgActive.toFixed(0)} minutes of active cardiovascular telemetry daily. This correlates with stable stress metrics (${overallAverageStress(trends).toFixed(1)}/10).`,
|
||||||
|
severity: 'success',
|
||||||
|
};
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Default Fallback
|
||||||
|
return {
|
||||||
|
message: `📈 Baseline Trend Analysis: Biomarkers for ${department} are within normal enterprise tolerances. Sleep quality index is stable at ${overallAverageSleep(trends).toFixed(0)}/100, and sympathetic nervous activation indicates low-to-moderate occupational strain.`,
|
||||||
|
severity: 'success',
|
||||||
|
};
|
||||||
|
};
|
||||||
|
|
||||||
|
const overallAverageStress = (trends: AggregatedTrendPoint[]) =>
|
||||||
|
trends.reduce((acc, t) => acc + t.avgStressIndex, 0) / trends.length;
|
||||||
|
|
||||||
|
const overallAverageSleep = (trends: AggregatedTrendPoint[]) =>
|
||||||
|
trends.reduce((acc, t) => acc + t.avgSleepScore, 0) / trends.length;
|
||||||
@@ -0,0 +1,39 @@
|
|||||||
|
import { User, TelemetryLog } from '../../types/cohortHealth';
|
||||||
|
|
||||||
|
const STORAGE_KEY_USERS = 'cohorthealth_raw_users';
|
||||||
|
const STORAGE_KEY_TELEMETRY = 'cohorthealth_raw_telemetry';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Enterprise Data Architecture Mock Store.
|
||||||
|
*
|
||||||
|
* DESIGN BOUNDARY NOTE:
|
||||||
|
* This represents the internal, firewalled raw telemetry database. In a production enterprise setting,
|
||||||
|
* this database sits behind strict network VPC guidelines and is completely inaccessible
|
||||||
|
* from public client applications or APIs.
|
||||||
|
*
|
||||||
|
* ONLY the anonymizer/aggregator microservice has secure read permissions to this store.
|
||||||
|
* The client UI is programmatically blocked from calling any function in this file.
|
||||||
|
*/
|
||||||
|
|
||||||
|
export const getRawUsers = (): User[] => {
|
||||||
|
const data = localStorage.getItem(STORAGE_KEY_USERS);
|
||||||
|
return data ? JSON.parse(data) : [];
|
||||||
|
};
|
||||||
|
|
||||||
|
export const saveRawUsers = (users: User[]): void => {
|
||||||
|
localStorage.setItem(STORAGE_KEY_USERS, JSON.stringify(users));
|
||||||
|
};
|
||||||
|
|
||||||
|
export const getRawTelemetry = (): TelemetryLog[] => {
|
||||||
|
const data = localStorage.getItem(STORAGE_KEY_TELEMETRY);
|
||||||
|
return data ? JSON.parse(data) : [];
|
||||||
|
};
|
||||||
|
|
||||||
|
export const saveRawTelemetry = (telemetry: TelemetryLog[]): void => {
|
||||||
|
localStorage.setItem(STORAGE_KEY_TELEMETRY, JSON.stringify(telemetry));
|
||||||
|
};
|
||||||
|
|
||||||
|
export const clearAllData = (): void => {
|
||||||
|
localStorage.removeItem(STORAGE_KEY_USERS);
|
||||||
|
localStorage.removeItem(STORAGE_KEY_TELEMETRY);
|
||||||
|
};
|
||||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user