build: 55712324-398e-4334-a254-fc30c84b2e47
@@ -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 "com.habitmode.llemba.com"
|
||||||
|
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")
|
||||||
|
}
|
||||||
@@ -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,46 @@
|
|||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<manifest xmlns:android="http://schemas.android.com/apk/res/android">
|
||||||
|
|
||||||
|
<uses-permission android:name="android.permission.POST_NOTIFICATIONS"/>
|
||||||
|
<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 {}
|
||||||
|
After Width: | Height: | Size: 7.5 KiB |
|
After Width: | Height: | Size: 3.9 KiB |
|
After Width: | Height: | Size: 9.0 KiB |
|
After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 17 KiB |
|
After Width: | Height: | Size: 7.7 KiB |
|
After Width: | Height: | Size: 4.0 KiB |
|
After Width: | Height: | Size: 9.6 KiB |
|
After Width: | Height: | Size: 13 KiB |
|
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>
|
||||||
|
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>
|
||||||
|
After Width: | Height: | Size: 2.7 KiB |
|
After Width: | Height: | Size: 3.4 KiB |
|
After Width: | Height: | Size: 4.2 KiB |
|
After Width: | Height: | Size: 1.8 KiB |
|
After Width: | Height: | Size: 2.1 KiB |
|
After Width: | Height: | Size: 2.7 KiB |
|
After Width: | Height: | Size: 3.9 KiB |
|
After Width: | Height: | Size: 4.9 KiB |
|
After Width: | Height: | Size: 6.4 KiB |
|
After Width: | Height: | Size: 6.5 KiB |
|
After Width: | Height: | Size: 9.6 KiB |
|
After Width: | Height: | Size: 10 KiB |
|
After Width: | Height: | Size: 9.2 KiB |
|
After Width: | Height: | Size: 15 KiB |
|
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">app</string>
|
||||||
|
<string name="title_activity_main">app</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
|
||||||
@@ -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
|
||||||
@@ -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" "$@"
|
||||||
@@ -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.habitmode.llemba.com',
|
||||||
|
appName: 'HabitMode',
|
||||||
|
webDir: 'dist',
|
||||||
|
plugins: {
|
||||||
|
FirebaseAuthentication: {
|
||||||
|
skipNativeAuth: false,
|
||||||
|
providers: ["google.com", "apple.com"],
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
|
||||||
|
export default config;
|
||||||
@@ -0,0 +1,400 @@
|
|||||||
|
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
|
||||||
|
# cap sync ios must run before Firebase config is written so that CapApp-SPM/Package.swift
|
||||||
|
# is regenerated with the correct plugin list first. The Firebase plist is written
|
||||||
|
# afterwards and a second sync re-runs to ensure everything is consistent.
|
||||||
|
# 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
|
||||||
|
# GoogleService-Info.plist is injected as a base64 env var. The Ruby snippet adds the
|
||||||
|
# file reference to the Xcode project if it isn't already there, so Xcode includes it
|
||||||
|
# in the app bundle at build time.
|
||||||
|
- 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
|
||||||
|
ruby -e "
|
||||||
|
require 'xcodeproj'
|
||||||
|
project = Xcodeproj::Project.open('ios/App/App.xcodeproj')
|
||||||
|
target = project.targets.find { |t| t.name == 'App' }
|
||||||
|
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
|
||||||
|
end
|
||||||
|
"
|
||||||
|
fi
|
||||||
|
# Second sync ensures CapApp-SPM/Package.swift reflects any plugin changes made during
|
||||||
|
# the Firebase config step and keeps the package graph in a consistent state.
|
||||||
|
- name: Capacitor sync
|
||||||
|
script: npx cap sync ios
|
||||||
|
- 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: Write Firebase config
|
||||||
|
script: |
|
||||||
|
if [ -n "$GOOGLE_SERVICE_INFO_PLIST" ]; then
|
||||||
|
echo "$GOOGLE_SERVICE_INFO_PLIST" | base64 --decode > ios/App/App/GoogleService-Info.plist
|
||||||
|
ruby -e "
|
||||||
|
require 'xcodeproj'
|
||||||
|
project = Xcodeproj::Project.open('ios/App/App.xcodeproj')
|
||||||
|
target = project.targets.find { |t| t.name == 'App' }
|
||||||
|
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
|
||||||
|
end
|
||||||
|
"
|
||||||
|
fi
|
||||||
|
- name: Capacitor sync
|
||||||
|
script: npx cap sync ios
|
||||||
|
- 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,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.habitmode.llemba.com;
|
||||||
|
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.habitmode.llemba.com;
|
||||||
|
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,12 @@
|
|||||||
|
<?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>com.apple.developer.applesignin</key>
|
||||||
|
<array>
|
||||||
|
<string>Default</string>
|
||||||
|
</array>
|
||||||
|
<key>aps-environment</key>
|
||||||
|
<string>production</string>
|
||||||
|
</dict>
|
||||||
|
</plist>
|
||||||
@@ -0,0 +1,66 @@
|
|||||||
|
import UIKit
|
||||||
|
import Capacitor
|
||||||
|
import FirebaseCore
|
||||||
|
import FirebaseMessaging
|
||||||
|
|
||||||
|
@UIApplicationMain
|
||||||
|
class AppDelegate: UIResponder, UIApplicationDelegate {
|
||||||
|
|
||||||
|
var window: UIWindow?
|
||||||
|
|
||||||
|
func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {
|
||||||
|
FirebaseApp.configure() // ← add this
|
||||||
|
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)
|
||||||
|
}
|
||||||
|
|
||||||
|
func application(_ application: UIApplication, 13UWZG2vnbFeNNAe1yKDAy9FcHzkNqfitC2zBoE7cNcAafA deviceToken: Data) {
|
||||||
|
Messaging.messaging().apnsToken = deviceToken
|
||||||
|
Messaging.messaging().token(completion: { (token, error) in
|
||||||
|
if let error = error {
|
||||||
|
NotificationCenter.default.post(name: .UQBWRFuk-BJ_JA4XswSoaPFvd-uYwLHZtrXqiMLIyLeyl5Y_, object: error)
|
||||||
|
} else if let token = token {
|
||||||
|
NotificationCenter.default.post(name: .2EiU5JCL73PFCmYFQ2yoqZLoZnYFabe76m95h1r1idm7, object: token)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
func application(_ application: UIApplication, didFailToRegisterForRemoteNotificationsWithError error: Error) {
|
||||||
|
NotificationCenter.default.post(name: .capacitorDidFailToRegisterForRemoteNotifications, object: error)
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
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"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
After Width: | Height: | Size: 40 KiB |
|
After Width: | Height: | Size: 40 KiB |
|
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,60 @@
|
|||||||
|
<?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>HabitMode</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>CFBundleURLSchemes</key>
|
||||||
|
<array>
|
||||||
|
<string>com.googleusercontent.apps.1097913965629-pf48952i0uv9shgvie3dq11s18sd0t2p</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,52 @@
|
|||||||
|
{
|
||||||
|
"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.4.0",
|
||||||
|
"@ionic/react": "^8.5.0",
|
||||||
|
"@ionic/react-router": "^8.5.0",
|
||||||
|
"@supabase/supabase-js": "^2.0.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"
|
||||||
|
}
|
||||||
@@ -0,0 +1,47 @@
|
|||||||
|
import React from 'react';
|
||||||
|
import { Redirect, Route } from 'react-router-dom';
|
||||||
|
import { IonApp, IonRouterOutlet } from '@ionic/react';
|
||||||
|
import { IonReactRouter } from '@ionic/react-router';
|
||||||
|
|
||||||
|
import '@ionic/react/css/core.css';
|
||||||
|
import '@ionic/react/css/normalize.css';
|
||||||
|
import '@ionic/react/css/structure.css';
|
||||||
|
import '@ionic/react/css/typography.css';
|
||||||
|
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';
|
||||||
|
|
||||||
|
import './theme/variables.css';
|
||||||
|
|
||||||
|
import Home from './pages/Home';
|
||||||
|
import Account from './pages/Account';
|
||||||
|
import Auth from './pages/Auth';
|
||||||
|
import Stats from './pages/Stats';
|
||||||
|
import HabitDetail from './pages/HabitDetail';
|
||||||
|
|
||||||
|
// Cast components to avoid React 18 / React Router v5 JSX element type conflicts
|
||||||
|
const RouteAny = Route as any;
|
||||||
|
const RedirectAny = Redirect as any;
|
||||||
|
const IonReactRouterAny = IonReactRouter as any;
|
||||||
|
const IonRouterOutletAny = IonRouterOutlet as any;
|
||||||
|
const IonAppAny = IonApp as any;
|
||||||
|
|
||||||
|
const App = (): any => (
|
||||||
|
<IonAppAny>
|
||||||
|
<IonReactRouterAny basename={import.meta.env.BASE_URL}>
|
||||||
|
<IonRouterOutletAny>
|
||||||
|
<RouteAny exact path="/auth" component={Auth} />
|
||||||
|
<RouteAny exact path="/home" component={Home} />
|
||||||
|
<RouteAny exact path="/stats" component={Stats} />
|
||||||
|
<RouteAny exact path="/habit/:id" component={HabitDetail} />
|
||||||
|
<RouteAny exact path="/account" component={Account} />
|
||||||
|
<RouteAny exact path="/" render={() => <RedirectAny to="/home" />} />
|
||||||
|
</IonRouterOutletAny>
|
||||||
|
</IonReactRouterAny>
|
||||||
|
</IonAppAny>
|
||||||
|
);
|
||||||
|
|
||||||
|
export default App;
|
||||||
|
After Width: | Height: | Size: 138 KiB |
|
After Width: | Height: | Size: 152 KiB |
|
After Width: | Height: | Size: 771 KiB |
|
After Width: | Height: | Size: 752 KiB |
@@ -0,0 +1,77 @@
|
|||||||
|
import React from 'react';
|
||||||
|
import { IonProgressBar } from '@ionic/react';
|
||||||
|
|
||||||
|
interface CustomProgressBarProps {
|
||||||
|
value: number; // 0 to 1
|
||||||
|
label?: string;
|
||||||
|
statusText?: string;
|
||||||
|
color?: string; // Hex, rgb, or css variable
|
||||||
|
showPercent?: boolean;
|
||||||
|
style?: React.CSSProperties;
|
||||||
|
}
|
||||||
|
|
||||||
|
export const CustomProgressBar: React.FC<CustomProgressBarProps> = ({
|
||||||
|
value,
|
||||||
|
label,
|
||||||
|
statusText,
|
||||||
|
color = 'var(--ion-color-primary)',
|
||||||
|
showPercent = true,
|
||||||
|
style,
|
||||||
|
}) => {
|
||||||
|
const percentage = Math.round(Math.min(Math.max(value, 0), 1) * 100);
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div style={{ width: '100%', ...style }}>
|
||||||
|
{/* Label and Status */}
|
||||||
|
{(label || statusText || showPercent) && (
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
display: 'flex',
|
||||||
|
justifyContent: 'space-between',
|
||||||
|
alignItems: 'baseline',
|
||||||
|
fontSize: '0.8rem',
|
||||||
|
marginBottom: '6px',
|
||||||
|
fontWeight: '600',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<span style={{ color: 'var(--ion-color-medium)' }}>
|
||||||
|
{label}{' '}
|
||||||
|
{statusText && (
|
||||||
|
<span style={{ fontWeight: 'normal', opacity: 0.85 }}>
|
||||||
|
• {statusText}
|
||||||
|
</span>
|
||||||
|
)}
|
||||||
|
</span>
|
||||||
|
{showPercent && (
|
||||||
|
<span
|
||||||
|
style={{
|
||||||
|
color: color,
|
||||||
|
fontVariantNumeric: 'tabular-nums',
|
||||||
|
fontFamily: 'ui-monospace, monospace',
|
||||||
|
fontWeight: '700',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{percentage}%
|
||||||
|
</span>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
|
||||||
|
{/* Progress Track */}
|
||||||
|
<IonProgressBar
|
||||||
|
value={value}
|
||||||
|
style={
|
||||||
|
{
|
||||||
|
height: '6px',
|
||||||
|
'--background': 'rgba(148, 163, 184, 0.1)',
|
||||||
|
'--progress-background': color,
|
||||||
|
borderRadius: '10px',
|
||||||
|
transition: 'value 0.3s ease',
|
||||||
|
} as React.CSSProperties
|
||||||
|
}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default CustomProgressBar;
|
||||||
@@ -0,0 +1,32 @@
|
|||||||
|
import React from 'react';
|
||||||
|
import { IonButton, IonIcon } from '@ionic/react';
|
||||||
|
import { sparklesOutline } from 'ionicons/icons';
|
||||||
|
|
||||||
|
interface EmptyStateProps {
|
||||||
|
title: string;
|
||||||
|
message: string;
|
||||||
|
actionLabel: string;
|
||||||
|
onAction: () => void;
|
||||||
|
}
|
||||||
|
|
||||||
|
const EmptyState: React.FC<EmptyStateProps> = ({
|
||||||
|
title,
|
||||||
|
message,
|
||||||
|
actionLabel,
|
||||||
|
onAction,
|
||||||
|
}) => {
|
||||||
|
return (
|
||||||
|
<div className="empty-state-card home-empty-state-card">
|
||||||
|
<div className="empty-state-icon">
|
||||||
|
<IonIcon icon={sparklesOutline} />
|
||||||
|
</div>
|
||||||
|
<h2>{title}</h2>
|
||||||
|
<p>{message}</p>
|
||||||
|
<IonButton className="home-empty-state-button" onClick={onAction}>
|
||||||
|
{actionLabel}
|
||||||
|
</IonButton>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default EmptyState;
|
||||||
@@ -0,0 +1,108 @@
|
|||||||
|
import React from 'react';
|
||||||
|
import { IonButton, IonIcon, IonSpinner } from '@ionic/react';
|
||||||
|
import {
|
||||||
|
checkmarkOutline,
|
||||||
|
ellipseOutline,
|
||||||
|
flameOutline,
|
||||||
|
trashOutline,
|
||||||
|
} from 'ionicons/icons';
|
||||||
|
import { useHistory } from 'react-router-dom';
|
||||||
|
import type { Tables } from '../database.types';
|
||||||
|
|
||||||
|
interface HabitCardProps {
|
||||||
|
habit: Tables<'habits'>;
|
||||||
|
completedToday: boolean;
|
||||||
|
currentStreak: number;
|
||||||
|
completionRate: number;
|
||||||
|
onToggle: () => void;
|
||||||
|
onDelete: () => void;
|
||||||
|
busy: boolean;
|
||||||
|
}
|
||||||
|
|
||||||
|
const HabitCard: React.FC<HabitCardProps> = ({
|
||||||
|
habit,
|
||||||
|
completedToday,
|
||||||
|
currentStreak,
|
||||||
|
completionRate,
|
||||||
|
onToggle,
|
||||||
|
onDelete,
|
||||||
|
busy,
|
||||||
|
}) => {
|
||||||
|
const history = useHistory();
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div
|
||||||
|
className={`habit-card habit-card--editorial ${completedToday ? 'is-complete' : ''}`}
|
||||||
|
role="button"
|
||||||
|
tabIndex={0}
|
||||||
|
onClick={() => history.push(`/habit/${habit.id}`)}
|
||||||
|
onKeyDown={(event) => {
|
||||||
|
if (event.key === 'Enter' || event.key === ' ') {
|
||||||
|
event.preventDefault();
|
||||||
|
history.push(`/habit/${habit.id}`);
|
||||||
|
}
|
||||||
|
}}
|
||||||
|
aria-label={`View details for ${habit.name}`}
|
||||||
|
>
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
className={`habit-check-button ${completedToday ? 'is-complete' : ''}`}
|
||||||
|
onClick={(event) => {
|
||||||
|
event.stopPropagation();
|
||||||
|
onToggle();
|
||||||
|
}}
|
||||||
|
disabled={busy}
|
||||||
|
aria-label={
|
||||||
|
completedToday
|
||||||
|
? `Mark ${habit.name} as not done`
|
||||||
|
: `Mark ${habit.name} as done`
|
||||||
|
}
|
||||||
|
>
|
||||||
|
{busy ? (
|
||||||
|
<IonSpinner name="crescent" />
|
||||||
|
) : completedToday ? (
|
||||||
|
<IonIcon icon={checkmarkOutline} />
|
||||||
|
) : (
|
||||||
|
<IonIcon icon={ellipseOutline} />
|
||||||
|
)}
|
||||||
|
</button>
|
||||||
|
|
||||||
|
<div className="habit-card-main">
|
||||||
|
<div className="habit-copy">
|
||||||
|
<div className="habit-copy-topline">
|
||||||
|
<h3>{habit.name}</h3>
|
||||||
|
<span
|
||||||
|
className="habit-color-pill"
|
||||||
|
style={{ background: habit.color }}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<p>
|
||||||
|
{habit.target_description ||
|
||||||
|
'Show up today and keep the chain alive.'}
|
||||||
|
</p>
|
||||||
|
<div className="habit-metrics-row">
|
||||||
|
<span>
|
||||||
|
<IonIcon icon={flameOutline} /> {currentStreak} streak
|
||||||
|
</span>
|
||||||
|
<span>{completionRate}% this week</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<IonButton
|
||||||
|
className="habit-delete-button"
|
||||||
|
fill="clear"
|
||||||
|
color="medium"
|
||||||
|
onClick={(event) => {
|
||||||
|
event.stopPropagation();
|
||||||
|
onDelete();
|
||||||
|
}}
|
||||||
|
disabled={busy}
|
||||||
|
>
|
||||||
|
<IonIcon icon={trashOutline} />
|
||||||
|
</IonButton>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default HabitCard;
|
||||||
@@ -0,0 +1,153 @@
|
|||||||
|
import React, { useEffect, useMemo, useState } from 'react';
|
||||||
|
import {
|
||||||
|
IonButton,
|
||||||
|
IonButtons,
|
||||||
|
IonContent,
|
||||||
|
IonHeader,
|
||||||
|
IonInput,
|
||||||
|
IonItem,
|
||||||
|
IonLabel,
|
||||||
|
IonModal,
|
||||||
|
IonTextarea,
|
||||||
|
IonTitle,
|
||||||
|
IonToolbar,
|
||||||
|
} from '@ionic/react';
|
||||||
|
|
||||||
|
interface HabitFormModalProps {
|
||||||
|
isOpen: boolean;
|
||||||
|
onDismiss: () => void;
|
||||||
|
onSubmit: (values: {
|
||||||
|
name: string;
|
||||||
|
targetDescription: string;
|
||||||
|
color: string;
|
||||||
|
}) => Promise<void>;
|
||||||
|
initialValues?: {
|
||||||
|
name: string;
|
||||||
|
targetDescription: string;
|
||||||
|
color: string;
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
const COLORS = [
|
||||||
|
'#7c3aed',
|
||||||
|
'#0f766e',
|
||||||
|
'#ea580c',
|
||||||
|
'#dc2626',
|
||||||
|
'#2563eb',
|
||||||
|
'#059669',
|
||||||
|
];
|
||||||
|
|
||||||
|
const HabitFormModal: React.FC<HabitFormModalProps> = ({
|
||||||
|
isOpen,
|
||||||
|
onDismiss,
|
||||||
|
onSubmit,
|
||||||
|
initialValues,
|
||||||
|
}) => {
|
||||||
|
const isEditing = !!initialValues;
|
||||||
|
const [name, setName] = useState(initialValues?.name ?? '');
|
||||||
|
const [targetDescription, setTargetDescription] = useState(
|
||||||
|
initialValues?.targetDescription ?? ''
|
||||||
|
);
|
||||||
|
const [color, setColor] = useState(initialValues?.color ?? COLORS[0]);
|
||||||
|
const [saving, setSaving] = useState(false);
|
||||||
|
const [error, setError] = useState('');
|
||||||
|
|
||||||
|
const canSubmit = useMemo(
|
||||||
|
() => name.trim().length > 0 && name.trim().length <= 80,
|
||||||
|
[name]
|
||||||
|
);
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
if (isOpen) {
|
||||||
|
setName(initialValues?.name ?? '');
|
||||||
|
setTargetDescription(initialValues?.targetDescription ?? '');
|
||||||
|
setColor(initialValues?.color ?? COLORS[0]);
|
||||||
|
setError('');
|
||||||
|
}
|
||||||
|
}, [isOpen, initialValues]);
|
||||||
|
|
||||||
|
const handleSubmit = async () => {
|
||||||
|
setError('');
|
||||||
|
setSaving(true);
|
||||||
|
try {
|
||||||
|
await onSubmit({
|
||||||
|
name: name.trim(),
|
||||||
|
targetDescription: targetDescription.trim(),
|
||||||
|
color,
|
||||||
|
});
|
||||||
|
setName('');
|
||||||
|
setTargetDescription('');
|
||||||
|
setColor(COLORS[0]);
|
||||||
|
onDismiss();
|
||||||
|
} catch (err) {
|
||||||
|
setError(err instanceof Error ? err.message : 'Unable to save habit.');
|
||||||
|
} finally {
|
||||||
|
setSaving(false);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
return (
|
||||||
|
<IonModal isOpen={isOpen} onDidDismiss={onDismiss}>
|
||||||
|
<IonHeader className="ion-no-border">
|
||||||
|
<IonToolbar>
|
||||||
|
<IonTitle>{isEditing ? 'Edit Habit' : 'New Habit'}</IonTitle>
|
||||||
|
<IonButtons slot="end">
|
||||||
|
<IonButton onClick={onDismiss}>Close</IonButton>
|
||||||
|
</IonButtons>
|
||||||
|
</IonToolbar>
|
||||||
|
</IonHeader>
|
||||||
|
<IonContent className="ion-padding">
|
||||||
|
<div className="habit-form-grid">
|
||||||
|
<IonItem lines="none" className="auth-input-item">
|
||||||
|
<IonInput
|
||||||
|
label="Habit name"
|
||||||
|
labelPlacement="stacked"
|
||||||
|
value={name}
|
||||||
|
maxlength={80}
|
||||||
|
placeholder="Drink water"
|
||||||
|
onIonInput={(e) => setName(e.detail.value ?? '')}
|
||||||
|
/>
|
||||||
|
</IonItem>
|
||||||
|
|
||||||
|
<IonItem lines="none" className="auth-input-item">
|
||||||
|
<IonTextarea
|
||||||
|
label="Target or note"
|
||||||
|
labelPlacement="stacked"
|
||||||
|
value={targetDescription}
|
||||||
|
placeholder="8 glasses, 20 minutes, 30 pushups..."
|
||||||
|
autoGrow
|
||||||
|
onIonInput={(e) => setTargetDescription(e.detail.value ?? '')}
|
||||||
|
/>
|
||||||
|
</IonItem>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<IonLabel className="color-label">Color</IonLabel>
|
||||||
|
<div className="habit-color-row">
|
||||||
|
{COLORS.map((swatch) => (
|
||||||
|
<button
|
||||||
|
key={swatch}
|
||||||
|
type="button"
|
||||||
|
className={`habit-color-dot ${color === swatch ? 'selected' : ''}`}
|
||||||
|
style={{ background: swatch }}
|
||||||
|
onClick={() => setColor(swatch)}
|
||||||
|
/>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{error ? <p className="auth-feedback error-text">{error}</p> : null}
|
||||||
|
|
||||||
|
<IonButton
|
||||||
|
expand="block"
|
||||||
|
onClick={handleSubmit}
|
||||||
|
disabled={!canSubmit || saving}
|
||||||
|
>
|
||||||
|
{saving ? 'Saving…' : isEditing ? 'Save Changes' : 'Create Habit'}
|
||||||
|
</IonButton>
|
||||||
|
</div>
|
||||||
|
</IonContent>
|
||||||
|
</IonModal>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default HabitFormModal;
|
||||||
@@ -0,0 +1,69 @@
|
|||||||
|
import React from 'react';
|
||||||
|
import {
|
||||||
|
IonHeader,
|
||||||
|
IonToolbar,
|
||||||
|
IonTitle,
|
||||||
|
IonButtons,
|
||||||
|
IonBackButton,
|
||||||
|
useIonViewWillEnter,
|
||||||
|
} from '@ionic/react';
|
||||||
|
import { setStatusBarStyle, Style } from '../utils/statusBar';
|
||||||
|
|
||||||
|
interface PageHeaderProps {
|
||||||
|
title: string;
|
||||||
|
showBackButton?: boolean;
|
||||||
|
defaultBackHref?: string;
|
||||||
|
endActions?: React.ReactNode;
|
||||||
|
style?: React.CSSProperties;
|
||||||
|
toolbarStyle?: React.CSSProperties;
|
||||||
|
}
|
||||||
|
|
||||||
|
export const PageHeader: React.FC<PageHeaderProps> = ({
|
||||||
|
title,
|
||||||
|
showBackButton = false,
|
||||||
|
defaultBackHref = '/home',
|
||||||
|
endActions,
|
||||||
|
style,
|
||||||
|
toolbarStyle,
|
||||||
|
}) => {
|
||||||
|
// Use Ionic lifecycle hook to set status bar style automatically for pages using PageHeader
|
||||||
|
useIonViewWillEnter(() => {
|
||||||
|
setStatusBarStyle(Style.Dark); // Dark text/icons for light-colored headers
|
||||||
|
});
|
||||||
|
|
||||||
|
return (
|
||||||
|
<IonHeader className="ion-no-border" style={style}>
|
||||||
|
<IonToolbar
|
||||||
|
style={
|
||||||
|
{
|
||||||
|
'--background': '#ffffff',
|
||||||
|
'--color': 'var(--ion-color-dark)',
|
||||||
|
'--border-width': '0 0 1px 0',
|
||||||
|
'--border-color': 'rgba(0, 0, 0, 0.05)',
|
||||||
|
...toolbarStyle,
|
||||||
|
} as React.CSSProperties
|
||||||
|
}
|
||||||
|
>
|
||||||
|
{showBackButton && (
|
||||||
|
<IonButtons slot="start">
|
||||||
|
<IonBackButton defaultHref={defaultBackHref} />
|
||||||
|
</IonButtons>
|
||||||
|
)}
|
||||||
|
|
||||||
|
<IonTitle
|
||||||
|
style={{
|
||||||
|
fontWeight: '800',
|
||||||
|
fontSize: '1.1rem',
|
||||||
|
letterSpacing: '-0.3px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{title}
|
||||||
|
</IonTitle>
|
||||||
|
|
||||||
|
{endActions && <IonButtons slot="end">{endActions}</IonButtons>}
|
||||||
|
</IonToolbar>
|
||||||
|
</IonHeader>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default PageHeader;
|
||||||
@@ -0,0 +1,80 @@
|
|||||||
|
import React from 'react';
|
||||||
|
import { IonIcon } from '@ionic/react';
|
||||||
|
|
||||||
|
interface RevisionInstrumentCardProps {
|
||||||
|
title: string;
|
||||||
|
subtitle?: string;
|
||||||
|
icon: string;
|
||||||
|
iconColor: string;
|
||||||
|
iconBgColor: string;
|
||||||
|
onClick: () => void;
|
||||||
|
style?: React.CSSProperties;
|
||||||
|
}
|
||||||
|
|
||||||
|
export const RevisionInstrumentCard: React.FC<RevisionInstrumentCardProps> = ({
|
||||||
|
title,
|
||||||
|
subtitle,
|
||||||
|
icon,
|
||||||
|
iconColor,
|
||||||
|
iconBgColor,
|
||||||
|
onClick,
|
||||||
|
style,
|
||||||
|
}) => {
|
||||||
|
return (
|
||||||
|
<div
|
||||||
|
onClick={onClick}
|
||||||
|
style={{
|
||||||
|
background: '#ffffff',
|
||||||
|
border: 'none',
|
||||||
|
borderRadius: '14px',
|
||||||
|
padding: '14px 10px',
|
||||||
|
textAlign: 'center',
|
||||||
|
cursor: 'pointer',
|
||||||
|
boxShadow: 'none',
|
||||||
|
transition: 'transform 0.15s ease',
|
||||||
|
...style,
|
||||||
|
}}
|
||||||
|
className="ion-activatable"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
width: '36px',
|
||||||
|
height: '36px',
|
||||||
|
borderRadius: '10px',
|
||||||
|
background: iconBgColor,
|
||||||
|
color: iconColor,
|
||||||
|
display: 'flex',
|
||||||
|
alignItems: 'center',
|
||||||
|
justifyContent: 'center',
|
||||||
|
margin: '0 auto 8px auto',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<IonIcon icon={icon} style={{ fontSize: '18px' }} />
|
||||||
|
</div>
|
||||||
|
<span
|
||||||
|
style={{
|
||||||
|
fontSize: '0.8rem',
|
||||||
|
fontWeight: '700',
|
||||||
|
color: 'var(--ion-color-dark)',
|
||||||
|
display: 'block',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{title}
|
||||||
|
</span>
|
||||||
|
{subtitle && (
|
||||||
|
<span
|
||||||
|
style={{
|
||||||
|
fontSize: '0.65rem',
|
||||||
|
color: 'var(--ion-color-medium)',
|
||||||
|
display: 'block',
|
||||||
|
marginTop: '2px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{subtitle}
|
||||||
|
</span>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default RevisionInstrumentCard;
|
||||||
@@ -0,0 +1,47 @@
|
|||||||
|
import React from 'react';
|
||||||
|
import { IonProgressBar } from '@ionic/react';
|
||||||
|
|
||||||
|
interface StatsHabitCardProps {
|
||||||
|
name: string;
|
||||||
|
color: string;
|
||||||
|
completedCount: number;
|
||||||
|
totalDays: number;
|
||||||
|
streak: number;
|
||||||
|
}
|
||||||
|
|
||||||
|
const StatsHabitCard: React.FC<StatsHabitCardProps> = ({
|
||||||
|
name,
|
||||||
|
color,
|
||||||
|
completedCount,
|
||||||
|
totalDays,
|
||||||
|
streak,
|
||||||
|
}) => {
|
||||||
|
const ratio = totalDays > 0 ? completedCount / totalDays : 0;
|
||||||
|
const percentage = Math.round(ratio * 100);
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className="stats-card">
|
||||||
|
<div className="stats-card-header">
|
||||||
|
<div>
|
||||||
|
<h3>{name}</h3>
|
||||||
|
<p>
|
||||||
|
{completedCount} of {totalDays} days completed
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div className="stats-streak-badge" style={{ color }}>
|
||||||
|
{streak}🔥
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<IonProgressBar
|
||||||
|
value={ratio}
|
||||||
|
style={{ '--progress-background': color } as React.CSSProperties}
|
||||||
|
/>
|
||||||
|
<div className="stats-card-footer">
|
||||||
|
<span>{percentage}% consistency</span>
|
||||||
|
<span>Current streak {streak}</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default StatsHabitCard;
|
||||||
@@ -0,0 +1,273 @@
|
|||||||
|
export type Json =
|
||||||
|
| string
|
||||||
|
| number
|
||||||
|
| boolean
|
||||||
|
| null
|
||||||
|
| { [key: string]: Json | undefined }
|
||||||
|
| Json[]
|
||||||
|
|
||||||
|
export type Database = {
|
||||||
|
// Allows to automatically instantiate createClient with right options
|
||||||
|
// instead of createClient<Database, { PostgrestVersion: 'XX' }>(URL, KEY)
|
||||||
|
__InternalSupabase: {
|
||||||
|
PostgrestVersion: "14.5"
|
||||||
|
}
|
||||||
|
public: {
|
||||||
|
Tables: {
|
||||||
|
habit_completions: {
|
||||||
|
Row: {
|
||||||
|
completed_on: string
|
||||||
|
created_at: string
|
||||||
|
habit_id: string
|
||||||
|
id: string
|
||||||
|
user_id: string
|
||||||
|
}
|
||||||
|
Insert: {
|
||||||
|
completed_on: string
|
||||||
|
created_at?: string
|
||||||
|
habit_id: string
|
||||||
|
id?: string
|
||||||
|
user_id: string
|
||||||
|
}
|
||||||
|
Update: {
|
||||||
|
completed_on?: string
|
||||||
|
created_at?: string
|
||||||
|
habit_id?: string
|
||||||
|
id?: string
|
||||||
|
user_id?: string
|
||||||
|
}
|
||||||
|
Relationships: [
|
||||||
|
{
|
||||||
|
foreignKeyName: "habit_completions_habit_id_fkey"
|
||||||
|
columns: ["habit_id"]
|
||||||
|
isOneToOne: false
|
||||||
|
referencedRelation: "habits"
|
||||||
|
referencedColumns: ["id"]
|
||||||
|
},
|
||||||
|
]
|
||||||
|
}
|
||||||
|
habits: {
|
||||||
|
Row: {
|
||||||
|
color: string
|
||||||
|
created_at: string
|
||||||
|
fcm_token: string | null
|
||||||
|
id: string
|
||||||
|
name: string
|
||||||
|
target_description: string | null
|
||||||
|
user_id: string
|
||||||
|
}
|
||||||
|
Insert: {
|
||||||
|
color?: string
|
||||||
|
created_at?: string
|
||||||
|
fcm_token?: string | null
|
||||||
|
id?: string
|
||||||
|
name: string
|
||||||
|
target_description?: string | null
|
||||||
|
user_id: string
|
||||||
|
}
|
||||||
|
Update: {
|
||||||
|
color?: string
|
||||||
|
created_at?: string
|
||||||
|
fcm_token?: string | null
|
||||||
|
id?: string
|
||||||
|
name?: string
|
||||||
|
target_description?: string | null
|
||||||
|
user_id?: string
|
||||||
|
}
|
||||||
|
Relationships: []
|
||||||
|
}
|
||||||
|
notes: {
|
||||||
|
Row: {
|
||||||
|
content: string
|
||||||
|
created_at: string
|
||||||
|
id: string
|
||||||
|
is_favorite: boolean
|
||||||
|
title: string
|
||||||
|
user_id: string
|
||||||
|
}
|
||||||
|
Insert: {
|
||||||
|
content: string
|
||||||
|
created_at?: string
|
||||||
|
id?: string
|
||||||
|
is_favorite?: boolean
|
||||||
|
title: string
|
||||||
|
user_id?: string
|
||||||
|
}
|
||||||
|
Update: {
|
||||||
|
content?: string
|
||||||
|
created_at?: string
|
||||||
|
id?: string
|
||||||
|
is_favorite?: boolean
|
||||||
|
title?: string
|
||||||
|
user_id?: string
|
||||||
|
}
|
||||||
|
Relationships: []
|
||||||
|
}
|
||||||
|
todos: {
|
||||||
|
Row: {
|
||||||
|
created_at: string
|
||||||
|
description: string | null
|
||||||
|
due_date: string | null
|
||||||
|
id: string
|
||||||
|
is_completed: boolean
|
||||||
|
title: string
|
||||||
|
user_id: string
|
||||||
|
}
|
||||||
|
Insert: {
|
||||||
|
created_at?: string
|
||||||
|
description?: string | null
|
||||||
|
due_date?: string | null
|
||||||
|
id?: string
|
||||||
|
is_completed?: boolean
|
||||||
|
title: string
|
||||||
|
user_id?: string
|
||||||
|
}
|
||||||
|
Update: {
|
||||||
|
created_at?: string
|
||||||
|
description?: string | null
|
||||||
|
due_date?: string | null
|
||||||
|
id?: string
|
||||||
|
is_completed?: boolean
|
||||||
|
title?: string
|
||||||
|
user_id?: string
|
||||||
|
}
|
||||||
|
Relationships: []
|
||||||
|
}
|
||||||
|
}
|
||||||
|
Views: {
|
||||||
|
[_ in never]: never
|
||||||
|
}
|
||||||
|
Functions: {
|
||||||
|
[_ in never]: never
|
||||||
|
}
|
||||||
|
Enums: {
|
||||||
|
[_ in never]: never
|
||||||
|
}
|
||||||
|
CompositeTypes: {
|
||||||
|
[_ in never]: never
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
type DatabaseWithoutInternals = Omit<Database, "__InternalSupabase">
|
||||||
|
|
||||||
|
type DefaultSchema = DatabaseWithoutInternals[Extract<keyof Database, "public">]
|
||||||
|
|
||||||
|
export type Tables<
|
||||||
|
DefaultSchemaTableNameOrOptions extends
|
||||||
|
| keyof (DefaultSchema["Tables"] & DefaultSchema["Views"])
|
||||||
|
| { schema: keyof DatabaseWithoutInternals },
|
||||||
|
TableName extends DefaultSchemaTableNameOrOptions extends {
|
||||||
|
schema: keyof DatabaseWithoutInternals
|
||||||
|
}
|
||||||
|
? keyof (DatabaseWithoutInternals[DefaultSchemaTableNameOrOptions["schema"]]["Tables"] &
|
||||||
|
DatabaseWithoutInternals[DefaultSchemaTableNameOrOptions["schema"]]["Views"])
|
||||||
|
: never = never,
|
||||||
|
> = DefaultSchemaTableNameOrOptions extends {
|
||||||
|
schema: keyof DatabaseWithoutInternals
|
||||||
|
}
|
||||||
|
? (DatabaseWithoutInternals[DefaultSchemaTableNameOrOptions["schema"]]["Tables"] &
|
||||||
|
DatabaseWithoutInternals[DefaultSchemaTableNameOrOptions["schema"]]["Views"])[TableName] extends {
|
||||||
|
Row: infer R
|
||||||
|
}
|
||||||
|
? R
|
||||||
|
: never
|
||||||
|
: DefaultSchemaTableNameOrOptions extends keyof (DefaultSchema["Tables"] &
|
||||||
|
DefaultSchema["Views"])
|
||||||
|
? (DefaultSchema["Tables"] &
|
||||||
|
DefaultSchema["Views"])[DefaultSchemaTableNameOrOptions] extends {
|
||||||
|
Row: infer R
|
||||||
|
}
|
||||||
|
? R
|
||||||
|
: never
|
||||||
|
: never
|
||||||
|
|
||||||
|
export type TablesInsert<
|
||||||
|
DefaultSchemaTableNameOrOptions extends
|
||||||
|
| keyof DefaultSchema["Tables"]
|
||||||
|
| { schema: keyof DatabaseWithoutInternals },
|
||||||
|
TableName extends DefaultSchemaTableNameOrOptions extends {
|
||||||
|
schema: keyof DatabaseWithoutInternals
|
||||||
|
}
|
||||||
|
? keyof DatabaseWithoutInternals[DefaultSchemaTableNameOrOptions["schema"]]["Tables"]
|
||||||
|
: never = never,
|
||||||
|
> = DefaultSchemaTableNameOrOptions extends {
|
||||||
|
schema: keyof DatabaseWithoutInternals
|
||||||
|
}
|
||||||
|
? DatabaseWithoutInternals[DefaultSchemaTableNameOrOptions["schema"]]["Tables"][TableName] extends {
|
||||||
|
Insert: infer I
|
||||||
|
}
|
||||||
|
? I
|
||||||
|
: never
|
||||||
|
: DefaultSchemaTableNameOrOptions extends keyof DefaultSchema["Tables"]
|
||||||
|
? DefaultSchema["Tables"][DefaultSchemaTableNameOrOptions] extends {
|
||||||
|
Insert: infer I
|
||||||
|
}
|
||||||
|
? I
|
||||||
|
: never
|
||||||
|
: never
|
||||||
|
|
||||||
|
export type TablesUpdate<
|
||||||
|
DefaultSchemaTableNameOrOptions extends
|
||||||
|
| keyof DefaultSchema["Tables"]
|
||||||
|
| { schema: keyof DatabaseWithoutInternals },
|
||||||
|
TableName extends DefaultSchemaTableNameOrOptions extends {
|
||||||
|
schema: keyof DatabaseWithoutInternals
|
||||||
|
}
|
||||||
|
? keyof DatabaseWithoutInternals[DefaultSchemaTableNameOrOptions["schema"]]["Tables"]
|
||||||
|
: never = never,
|
||||||
|
> = DefaultSchemaTableNameOrOptions extends {
|
||||||
|
schema: keyof DatabaseWithoutInternals
|
||||||
|
}
|
||||||
|
? DatabaseWithoutInternals[DefaultSchemaTableNameOrOptions["schema"]]["Tables"][TableName] extends {
|
||||||
|
Update: infer U
|
||||||
|
}
|
||||||
|
? U
|
||||||
|
: never
|
||||||
|
: DefaultSchemaTableNameOrOptions extends keyof DefaultSchema["Tables"]
|
||||||
|
? DefaultSchema["Tables"][DefaultSchemaTableNameOrOptions] extends {
|
||||||
|
Update: infer U
|
||||||
|
}
|
||||||
|
? U
|
||||||
|
: never
|
||||||
|
: never
|
||||||
|
|
||||||
|
export type Enums<
|
||||||
|
DefaultSchemaEnumNameOrOptions extends
|
||||||
|
| keyof DefaultSchema["Enums"]
|
||||||
|
| { schema: keyof DatabaseWithoutInternals },
|
||||||
|
EnumName extends DefaultSchemaEnumNameOrOptions extends {
|
||||||
|
schema: keyof DatabaseWithoutInternals
|
||||||
|
}
|
||||||
|
? keyof DatabaseWithoutInternals[DefaultSchemaEnumNameOrOptions["schema"]]["Enums"]
|
||||||
|
: never = never,
|
||||||
|
> = DefaultSchemaEnumNameOrOptions extends {
|
||||||
|
schema: keyof DatabaseWithoutInternals
|
||||||
|
}
|
||||||
|
? DatabaseWithoutInternals[DefaultSchemaEnumNameOrOptions["schema"]]["Enums"][EnumName]
|
||||||
|
: DefaultSchemaEnumNameOrOptions extends keyof DefaultSchema["Enums"]
|
||||||
|
? DefaultSchema["Enums"][DefaultSchemaEnumNameOrOptions]
|
||||||
|
: never
|
||||||
|
|
||||||
|
export type CompositeTypes<
|
||||||
|
PublicCompositeTypeNameOrOptions extends
|
||||||
|
| keyof DefaultSchema["CompositeTypes"]
|
||||||
|
| { schema: keyof DatabaseWithoutInternals },
|
||||||
|
CompositeTypeName extends PublicCompositeTypeNameOrOptions extends {
|
||||||
|
schema: keyof DatabaseWithoutInternals
|
||||||
|
}
|
||||||
|
? keyof DatabaseWithoutInternals[PublicCompositeTypeNameOrOptions["schema"]]["CompositeTypes"]
|
||||||
|
: never = never,
|
||||||
|
> = PublicCompositeTypeNameOrOptions extends {
|
||||||
|
schema: keyof DatabaseWithoutInternals
|
||||||
|
}
|
||||||
|
? DatabaseWithoutInternals[PublicCompositeTypeNameOrOptions["schema"]]["CompositeTypes"][CompositeTypeName]
|
||||||
|
: PublicCompositeTypeNameOrOptions extends keyof DefaultSchema["CompositeTypes"]
|
||||||
|
? DefaultSchema["CompositeTypes"][PublicCompositeTypeNameOrOptions]
|
||||||
|
: never
|
||||||
|
|
||||||
|
export const Constants = {
|
||||||
|
public: {
|
||||||
|
Enums: {},
|
||||||
|
},
|
||||||
|
} as const
|
||||||
@@ -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,196 @@
|
|||||||
|
import React, { useEffect, useState } from 'react';
|
||||||
|
import {
|
||||||
|
IonButton,
|
||||||
|
IonContent,
|
||||||
|
IonHeader,
|
||||||
|
IonIcon,
|
||||||
|
IonItem,
|
||||||
|
IonLabel,
|
||||||
|
IonPage,
|
||||||
|
IonTitle,
|
||||||
|
IonToolbar,
|
||||||
|
IonText,
|
||||||
|
} from '@ionic/react';
|
||||||
|
import {
|
||||||
|
waterOutline,
|
||||||
|
fitnessOutline,
|
||||||
|
shieldCheckmarkOutline,
|
||||||
|
} from 'ionicons/icons';
|
||||||
|
import { FirebaseAuthentication } from '@capacitor-firebase/authentication';
|
||||||
|
import { Capacitor } from '@capacitor/core';
|
||||||
|
import { Redirect as RedirectRR, useHistory } from 'react-router-dom';
|
||||||
|
import { supabase } from '../supabase';
|
||||||
|
import {
|
||||||
|
Style,
|
||||||
|
setStatusBarBackground,
|
||||||
|
setStatusBarStyle,
|
||||||
|
} from '../utils/statusBar';
|
||||||
|
import { useIonViewWillEnter } from '@ionic/react';
|
||||||
|
import runnerDrinkingWaterImage from '../assets/runner-drinking-water-photorealistic.png';
|
||||||
|
|
||||||
|
const RedirectAny = RedirectRR as any;
|
||||||
|
|
||||||
|
const Account: React.FC = () => {
|
||||||
|
const history = useHistory();
|
||||||
|
const [sessionChecked, setSessionChecked] = useState(false);
|
||||||
|
const [email, setEmail] = useState<string | null>(null);
|
||||||
|
const [signingOut, setSigningOut] = useState(false);
|
||||||
|
const [signOutError, setSignOutError] = useState('');
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
let mounted = true;
|
||||||
|
|
||||||
|
supabase.auth.getSession().then(({ data }) => {
|
||||||
|
if (!mounted) return;
|
||||||
|
setEmail(data.session?.user.email ?? null);
|
||||||
|
setSessionChecked(true);
|
||||||
|
});
|
||||||
|
|
||||||
|
const {
|
||||||
|
data: { subscription },
|
||||||
|
} = supabase.auth.onAuthStateChange((_event, session) => {
|
||||||
|
if (!mounted) return;
|
||||||
|
setEmail(session?.user.email ?? null);
|
||||||
|
setSessionChecked(true);
|
||||||
|
|
||||||
|
if (!session) {
|
||||||
|
history.replace('/auth');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
return () => {
|
||||||
|
mounted = false;
|
||||||
|
subscription.unsubscribe();
|
||||||
|
};
|
||||||
|
}, [history]);
|
||||||
|
|
||||||
|
const handleSignOut = async () => {
|
||||||
|
setSignOutError('');
|
||||||
|
setSigningOut(true);
|
||||||
|
|
||||||
|
try {
|
||||||
|
const { error } = await supabase.auth.signOut();
|
||||||
|
|
||||||
|
if (error) {
|
||||||
|
setSignOutError(error.message);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (Capacitor.isNativePlatform()) {
|
||||||
|
try {
|
||||||
|
await FirebaseAuthentication.signOut();
|
||||||
|
} catch {
|
||||||
|
// Ignore if no native Google session exists.
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
setEmail(null);
|
||||||
|
history.replace('/auth');
|
||||||
|
} catch (error) {
|
||||||
|
setSignOutError(
|
||||||
|
error instanceof Error
|
||||||
|
? error.message
|
||||||
|
: 'Unable to sign out right now.',
|
||||||
|
);
|
||||||
|
} finally {
|
||||||
|
setSigningOut(false);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
if (sessionChecked && !email) {
|
||||||
|
return <RedirectAny to="/auth" />;
|
||||||
|
}
|
||||||
|
|
||||||
|
return (
|
||||||
|
<IonPage>
|
||||||
|
<IonHeader className="ion-no-border">
|
||||||
|
<IonToolbar>
|
||||||
|
<IonTitle>Account</IonTitle>
|
||||||
|
</IonToolbar>
|
||||||
|
</IonHeader>
|
||||||
|
<IonContent fullscreen>
|
||||||
|
<div className="dashboard-shell ion-padding account-shell">
|
||||||
|
<section className="account-hero-card">
|
||||||
|
<div className="account-hero-image-wrap">
|
||||||
|
<img
|
||||||
|
src={runnerDrinkingWaterImage}
|
||||||
|
alt="Runner drinking water after a run"
|
||||||
|
className="account-hero-image"
|
||||||
|
/>
|
||||||
|
<div className="account-hero-overlay" />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="account-hero-content">
|
||||||
|
<span className="eyebrow">Recovery & account</span>
|
||||||
|
<h1>{email ?? 'Loading...'}</h1>
|
||||||
|
<p>
|
||||||
|
Stay hydrated, stay consistent, and keep your habit history
|
||||||
|
safely synced across sessions.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<div className="account-highlight-row">
|
||||||
|
<div className="account-highlight-chip">
|
||||||
|
<IonIcon icon={waterOutline} />
|
||||||
|
<span>Recovery mindset</span>
|
||||||
|
</div>
|
||||||
|
<div className="account-highlight-chip subtle">
|
||||||
|
<IonIcon icon={fitnessOutline} />
|
||||||
|
<span>Built for routines</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<div className="stats-card account-details-card">
|
||||||
|
<IonItem lines="none" className="account-info-item">
|
||||||
|
<IonLabel>
|
||||||
|
<h2>Email</h2>
|
||||||
|
<p>{email ?? '—'}</p>
|
||||||
|
</IonLabel>
|
||||||
|
</IonItem>
|
||||||
|
|
||||||
|
<div className="account-trust-row">
|
||||||
|
<div className="account-trust-icon">
|
||||||
|
<IonIcon icon={shieldCheckmarkOutline} />
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<h3>Your data is synced</h3>
|
||||||
|
<p>
|
||||||
|
Sign in to keep your streaks and progress available whenever
|
||||||
|
you come back.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<IonButton
|
||||||
|
expand="block"
|
||||||
|
className="account-primary-button"
|
||||||
|
routerLink="/home"
|
||||||
|
>
|
||||||
|
Back to Habits
|
||||||
|
</IonButton>
|
||||||
|
{signOutError ? (
|
||||||
|
<IonText color="danger">
|
||||||
|
<p className="auth-feedback">{signOutError}</p>
|
||||||
|
</IonText>
|
||||||
|
) : null}
|
||||||
|
<div></div>
|
||||||
|
|
||||||
|
<IonButton
|
||||||
|
expand="block"
|
||||||
|
fill="outline"
|
||||||
|
color="danger"
|
||||||
|
className="account-secondary-button"
|
||||||
|
onClick={handleSignOut}
|
||||||
|
disabled={signingOut}
|
||||||
|
>
|
||||||
|
{signingOut ? 'Signing Out…' : 'Sign Out'}
|
||||||
|
</IonButton>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</IonContent>
|
||||||
|
</IonPage>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default Account;
|
||||||
@@ -0,0 +1,398 @@
|
|||||||
|
import React, { useMemo, useState } from 'react';
|
||||||
|
import {
|
||||||
|
IonButton,
|
||||||
|
IonCard,
|
||||||
|
IonCardContent,
|
||||||
|
IonContent,
|
||||||
|
IonIcon,
|
||||||
|
IonInput,
|
||||||
|
IonItem,
|
||||||
|
IonLabel,
|
||||||
|
IonPage,
|
||||||
|
IonSegment,
|
||||||
|
IonSegmentButton,
|
||||||
|
IonText,
|
||||||
|
useIonViewWillEnter,
|
||||||
|
} from '@ionic/react';
|
||||||
|
import { FirebaseAuthentication } from '@capacitor-firebase/authentication';
|
||||||
|
import { Capacitor } from '@capacitor/core';
|
||||||
|
import { Redirect, useHistory } from 'react-router-dom';
|
||||||
|
import {
|
||||||
|
Style,
|
||||||
|
setStatusBarBackground,
|
||||||
|
setStatusBarStyle,
|
||||||
|
} from '../utils/statusBar';
|
||||||
|
import { supabase } from '../supabase';
|
||||||
|
|
||||||
|
const Auth: React.FC = () => {
|
||||||
|
const history = useHistory();
|
||||||
|
const [mode, setMode] = useState<'login' | 'signup'>('login');
|
||||||
|
const [email, setEmail] = useState('');
|
||||||
|
const [password, setPassword] = useState('');
|
||||||
|
const [loading, setLoading] = useState(false);
|
||||||
|
const [googleLoading, setGoogleLoading] = useState(false);
|
||||||
|
const [appleLoading, setAppleLoading] = useState(false);
|
||||||
|
const [error, setError] = useState('');
|
||||||
|
const [info, setInfo] = useState('');
|
||||||
|
const [verificationMessage, setVerificationMessage] = useState('');
|
||||||
|
const [sessionChecked, setSessionChecked] = useState(false);
|
||||||
|
const [hasSession, setHasSession] = useState(false);
|
||||||
|
|
||||||
|
const showError = (msg: string) => {
|
||||||
|
setError(msg);
|
||||||
|
setTimeout(() => {
|
||||||
|
setError((current) => (current === msg ? '' : current));
|
||||||
|
}, 4000);
|
||||||
|
};
|
||||||
|
|
||||||
|
useIonViewWillEnter(() => {
|
||||||
|
setStatusBarStyle(Style.Dark);
|
||||||
|
setStatusBarBackground('#f6f7fb');
|
||||||
|
});
|
||||||
|
|
||||||
|
React.useEffect(() => {
|
||||||
|
let mounted = true;
|
||||||
|
|
||||||
|
supabase.auth.getSession().then(({ data }) => {
|
||||||
|
if (!mounted) return;
|
||||||
|
setHasSession(Boolean(data.session));
|
||||||
|
setSessionChecked(true);
|
||||||
|
});
|
||||||
|
|
||||||
|
const {
|
||||||
|
data: { subscription },
|
||||||
|
} = supabase.auth.onAuthStateChange((_event, session) => {
|
||||||
|
if (!mounted) return;
|
||||||
|
setHasSession(Boolean(session));
|
||||||
|
setSessionChecked(true);
|
||||||
|
});
|
||||||
|
|
||||||
|
return () => {
|
||||||
|
mounted = false;
|
||||||
|
subscription.unsubscribe();
|
||||||
|
};
|
||||||
|
}, []);
|
||||||
|
|
||||||
|
const formValid = useMemo(() => {
|
||||||
|
return email.trim().length > 3 && password.length >= 6;
|
||||||
|
}, [email, password]);
|
||||||
|
|
||||||
|
const handleSubmit = async () => {
|
||||||
|
setError('');
|
||||||
|
setInfo('');
|
||||||
|
setVerificationMessage('');
|
||||||
|
setLoading(true);
|
||||||
|
|
||||||
|
try {
|
||||||
|
if (mode === 'login') {
|
||||||
|
const { error: signInError } = await supabase.auth.signInWithPassword({
|
||||||
|
email: email.trim(),
|
||||||
|
password,
|
||||||
|
});
|
||||||
|
|
||||||
|
if (signInError) {
|
||||||
|
showError(signInError.message);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
history.replace('/home');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
const { data, error: signUpError } = await supabase.auth.signUp({
|
||||||
|
email: email.trim(),
|
||||||
|
password,
|
||||||
|
});
|
||||||
|
|
||||||
|
if (signUpError) {
|
||||||
|
showError(signUpError.message);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (data.session) {
|
||||||
|
history.replace('/home');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
setVerificationMessage(
|
||||||
|
'Account created! Check your email for a verification link.'
|
||||||
|
);
|
||||||
|
setInfo('Once verified, come back and sign in.');
|
||||||
|
} finally {
|
||||||
|
setLoading(false);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleGoogleLogin = async () => {
|
||||||
|
setError('');
|
||||||
|
setInfo('');
|
||||||
|
setVerificationMessage('');
|
||||||
|
setGoogleLoading(true);
|
||||||
|
|
||||||
|
if (!Capacitor.isNativePlatform()) {
|
||||||
|
showError(
|
||||||
|
'Google Sign-In is only available in the native app. Use email to sign in here.'
|
||||||
|
);
|
||||||
|
setGoogleLoading(false);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
try {
|
||||||
|
const result = await FirebaseAuthentication.signInWithGoogle();
|
||||||
|
const idToken = result.credential?.idToken;
|
||||||
|
|
||||||
|
if (!idToken) {
|
||||||
|
showError('Google sign-in did not return an ID token.');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
const { error: googleAuthError } = await supabase.auth.signInWithIdToken({
|
||||||
|
provider: 'google',
|
||||||
|
token: idToken,
|
||||||
|
});
|
||||||
|
|
||||||
|
if (googleAuthError) {
|
||||||
|
showError(googleAuthError.message);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
history.replace('/home');
|
||||||
|
} catch (err) {
|
||||||
|
const message =
|
||||||
|
err instanceof Error ? err.message : 'Google sign-in failed.';
|
||||||
|
showError(message);
|
||||||
|
} finally {
|
||||||
|
setGoogleLoading(false);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleAppleLogin = async () => {
|
||||||
|
setError('');
|
||||||
|
setInfo('');
|
||||||
|
setVerificationMessage('');
|
||||||
|
setAppleLoading(true);
|
||||||
|
|
||||||
|
if (!Capacitor.isNativePlatform()) {
|
||||||
|
showError(
|
||||||
|
'Apple Sign-In is only available in the native app. Use email to sign in here.'
|
||||||
|
);
|
||||||
|
setAppleLoading(false);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
try {
|
||||||
|
const result = await FirebaseAuthentication.signInWithApple({
|
||||||
|
skipNativeAuth: true,
|
||||||
|
});
|
||||||
|
const idToken = result.credential?.idToken;
|
||||||
|
const rawNonce = result.credential?.nonce;
|
||||||
|
|
||||||
|
if (!idToken) {
|
||||||
|
showError('Apple sign-in did not return an ID token.');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
const { error: appleAuthError } = await supabase.auth.signInWithIdToken({
|
||||||
|
provider: 'apple',
|
||||||
|
token: idToken,
|
||||||
|
nonce: rawNonce || undefined,
|
||||||
|
});
|
||||||
|
|
||||||
|
if (appleAuthError) {
|
||||||
|
showError(appleAuthError.message);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
history.replace('/home');
|
||||||
|
} catch (err) {
|
||||||
|
const message =
|
||||||
|
err instanceof Error ? err.message : 'Apple sign-in failed.';
|
||||||
|
showError(message);
|
||||||
|
} finally {
|
||||||
|
setAppleLoading(false);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
if (sessionChecked && hasSession) {
|
||||||
|
return <Redirect to="/home" />;
|
||||||
|
}
|
||||||
|
|
||||||
|
return (
|
||||||
|
<IonPage>
|
||||||
|
<IonContent fullscreen style={{ '--background': '#f6f7fb' }}>
|
||||||
|
<div className="auth-shell">
|
||||||
|
<div className="auth-hero">
|
||||||
|
<span className="eyebrow">Protect your streaks</span>
|
||||||
|
<h1>Build habits that actually stick.</h1>
|
||||||
|
<p>
|
||||||
|
Track daily wins, recover faster from misses, and see which habits
|
||||||
|
are getting real momentum.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<IonCard className="auth-card">
|
||||||
|
<IonCardContent>
|
||||||
|
<IonSegment
|
||||||
|
value={mode}
|
||||||
|
onIonChange={(e) =>
|
||||||
|
setMode(e.detail.value as 'login' | 'signup')
|
||||||
|
}
|
||||||
|
>
|
||||||
|
<IonSegmentButton value="login">
|
||||||
|
<IonLabel>Login</IonLabel>
|
||||||
|
</IonSegmentButton>
|
||||||
|
<IonSegmentButton value="signup">
|
||||||
|
<IonLabel>Sign Up</IonLabel>
|
||||||
|
</IonSegmentButton>
|
||||||
|
</IonSegment>
|
||||||
|
|
||||||
|
{verificationMessage ? (
|
||||||
|
<div className="auth-message-block">
|
||||||
|
<h2>Check your inbox</h2>
|
||||||
|
<p>{verificationMessage}</p>
|
||||||
|
<IonText color="medium">
|
||||||
|
<p>{info}</p>
|
||||||
|
</IonText>
|
||||||
|
<IonButton fill="clear" onClick={() => setMode('login')}>
|
||||||
|
Back to Login
|
||||||
|
</IonButton>
|
||||||
|
</div>
|
||||||
|
) : (
|
||||||
|
<div className="auth-form">
|
||||||
|
<IonItem lines="none" className="auth-input-item">
|
||||||
|
<IonInput
|
||||||
|
type="email"
|
||||||
|
label="Email"
|
||||||
|
labelPlacement="stacked"
|
||||||
|
value={email}
|
||||||
|
placeholder="you@example.com"
|
||||||
|
onIonInput={(e) => setEmail(e.detail.value ?? '')}
|
||||||
|
/>
|
||||||
|
</IonItem>
|
||||||
|
|
||||||
|
<IonItem lines="none" className="auth-input-item">
|
||||||
|
<IonInput
|
||||||
|
type="password"
|
||||||
|
label="Password"
|
||||||
|
labelPlacement="stacked"
|
||||||
|
value={password}
|
||||||
|
placeholder="At least 6 characters"
|
||||||
|
onIonInput={(e) => setPassword(e.detail.value ?? '')}
|
||||||
|
/>
|
||||||
|
</IonItem>
|
||||||
|
|
||||||
|
{error ? (
|
||||||
|
<IonText color="danger">
|
||||||
|
<p className="auth-feedback">{error}</p>
|
||||||
|
</IonText>
|
||||||
|
) : null}
|
||||||
|
|
||||||
|
{info ? (
|
||||||
|
<IonText color="medium">
|
||||||
|
<p className="auth-feedback">{info}</p>
|
||||||
|
</IonText>
|
||||||
|
) : null}
|
||||||
|
|
||||||
|
<IonButton
|
||||||
|
expand="block"
|
||||||
|
disabled={
|
||||||
|
!formValid || loading || googleLoading || appleLoading
|
||||||
|
}
|
||||||
|
onClick={handleSubmit}
|
||||||
|
>
|
||||||
|
{loading
|
||||||
|
? 'Please wait…'
|
||||||
|
: mode === 'login'
|
||||||
|
? 'Log In'
|
||||||
|
: 'Create Account'}
|
||||||
|
</IonButton>
|
||||||
|
|
||||||
|
{mode === 'login' ? (
|
||||||
|
<>
|
||||||
|
<div className="auth-divider">
|
||||||
|
<span>or</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<IonButton
|
||||||
|
expand="block"
|
||||||
|
fill="outline"
|
||||||
|
className="google-auth-button"
|
||||||
|
disabled={loading || googleLoading || appleLoading}
|
||||||
|
onClick={handleGoogleLogin}
|
||||||
|
>
|
||||||
|
<span
|
||||||
|
slot="start"
|
||||||
|
className="google-svg-wrap"
|
||||||
|
style={{
|
||||||
|
display: 'inline-flex',
|
||||||
|
alignItems: 'center',
|
||||||
|
marginRight: '8px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
width="18"
|
||||||
|
height="18"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
style={{ display: 'block' }}
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z"
|
||||||
|
fill="#4285F4"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z"
|
||||||
|
fill="#34A853"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l3.66-2.84z"
|
||||||
|
fill="#FBBC05"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z"
|
||||||
|
fill="#EA4335"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
</span>
|
||||||
|
{googleLoading ? 'Connecting…' : 'Continue with Google'}
|
||||||
|
</IonButton>
|
||||||
|
|
||||||
|
<IonButton
|
||||||
|
expand="block"
|
||||||
|
fill="outline"
|
||||||
|
className="apple-auth-button"
|
||||||
|
disabled={loading || googleLoading || appleLoading}
|
||||||
|
onClick={handleAppleLogin}
|
||||||
|
>
|
||||||
|
<span
|
||||||
|
slot="start"
|
||||||
|
style={{
|
||||||
|
display: 'inline-flex',
|
||||||
|
alignItems: 'center',
|
||||||
|
marginRight: '8px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
width="18"
|
||||||
|
height="18"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
fill="currentColor"
|
||||||
|
style={{ display: 'block' }}
|
||||||
|
>
|
||||||
|
<path d="M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.8-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M13 3.5c.73-.83 1.94-1.46 2.94-1.5.13 1.17-.34 2.35-1.04 3.19-.69.85-1.83 1.51-2.95 1.42-.15-1.15.41-2.35 1.05-3.11z" />
|
||||||
|
</svg>
|
||||||
|
</span>
|
||||||
|
{appleLoading ? 'Connecting…' : 'Continue with Apple'}
|
||||||
|
</IonButton>
|
||||||
|
</>
|
||||||
|
) : null}
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
</IonCardContent>
|
||||||
|
</IonCard>
|
||||||
|
</div>
|
||||||
|
</IonContent>
|
||||||
|
</IonPage>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default Auth;
|
||||||
@@ -0,0 +1,623 @@
|
|||||||
|
import React, { useCallback, useEffect, useMemo, useState } from 'react';
|
||||||
|
import {
|
||||||
|
IonAlert,
|
||||||
|
IonButton,
|
||||||
|
IonButtons,
|
||||||
|
IonContent,
|
||||||
|
IonHeader,
|
||||||
|
IonIcon,
|
||||||
|
IonPage,
|
||||||
|
IonSkeletonText,
|
||||||
|
IonTitle,
|
||||||
|
IonToolbar,
|
||||||
|
useIonViewWillEnter,
|
||||||
|
} from '@ionic/react';
|
||||||
|
import { IonBackButton } from '@ionic/react';
|
||||||
|
import {
|
||||||
|
checkmarkOutline,
|
||||||
|
createOutline,
|
||||||
|
ellipseOutline,
|
||||||
|
flameOutline,
|
||||||
|
sparklesOutline,
|
||||||
|
trashOutline,
|
||||||
|
trendingUpOutline,
|
||||||
|
} from 'ionicons/icons';
|
||||||
|
import { Redirect, useHistory, useParams } from 'react-router-dom';
|
||||||
|
import type { Tables } from '../database.types';
|
||||||
|
import { supabase } from '../supabase';
|
||||||
|
import HabitFormModal from '../components/HabitFormModal';
|
||||||
|
import {
|
||||||
|
Style,
|
||||||
|
setStatusBarBackground,
|
||||||
|
setStatusBarStyle,
|
||||||
|
} from '../utils/statusBar';
|
||||||
|
|
||||||
|
interface HabitWithCompletions extends Tables<'habits'> {
|
||||||
|
completions: Tables<'habit_completions'>[];
|
||||||
|
}
|
||||||
|
|
||||||
|
const formatDate = (date: Date) => date.toISOString().slice(0, 10);
|
||||||
|
|
||||||
|
const calculateStreak = (dates: string[]) => {
|
||||||
|
const unique = Array.from(new Set(dates)).sort((a, b) => b.localeCompare(a));
|
||||||
|
let streak = 0;
|
||||||
|
let cursor = new Date();
|
||||||
|
|
||||||
|
if (!unique.includes(formatDate(cursor))) {
|
||||||
|
cursor.setDate(cursor.getDate() - 1);
|
||||||
|
}
|
||||||
|
|
||||||
|
while (unique.includes(formatDate(cursor))) {
|
||||||
|
streak += 1;
|
||||||
|
cursor.setDate(cursor.getDate() - 1);
|
||||||
|
}
|
||||||
|
|
||||||
|
return streak;
|
||||||
|
};
|
||||||
|
|
||||||
|
const HabitDetail: React.FC = () => {
|
||||||
|
const { id } = useParams<{ id: string }>();
|
||||||
|
const history = useHistory();
|
||||||
|
|
||||||
|
const [sessionChecked, setSessionChecked] = useState(false);
|
||||||
|
const [userId, setUserId] = useState<string | null>(null);
|
||||||
|
const [habit, setHabit] = useState<HabitWithCompletions | null>(null);
|
||||||
|
const [loading, setLoading] = useState(true);
|
||||||
|
const [error, setError] = useState('');
|
||||||
|
const [busy, setBusy] = useState(false);
|
||||||
|
const [showEditModal, setShowEditModal] = useState(false);
|
||||||
|
const [showDeleteAlert, setShowDeleteAlert] = useState(false);
|
||||||
|
|
||||||
|
const loadHabit = useCallback(async () => {
|
||||||
|
setError('');
|
||||||
|
|
||||||
|
const {
|
||||||
|
data: { session },
|
||||||
|
error: sessionError,
|
||||||
|
} = await supabase.auth.getSession();
|
||||||
|
|
||||||
|
if (sessionError) {
|
||||||
|
setError(sessionError.message);
|
||||||
|
setLoading(false);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (!session?.user) {
|
||||||
|
setUserId(null);
|
||||||
|
setSessionChecked(true);
|
||||||
|
setLoading(false);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
setUserId(session.user.id);
|
||||||
|
setSessionChecked(true);
|
||||||
|
|
||||||
|
const { data, error: habitError } = await supabase
|
||||||
|
.from('habits')
|
||||||
|
.select('*, completions:habit_completions(*)')
|
||||||
|
.eq('id', id)
|
||||||
|
.single();
|
||||||
|
|
||||||
|
if (habitError) {
|
||||||
|
if (habitError.code === 'PGRST116') {
|
||||||
|
setHabit(null);
|
||||||
|
} else {
|
||||||
|
setError(habitError.message);
|
||||||
|
}
|
||||||
|
setLoading(false);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
setHabit(data as HabitWithCompletions);
|
||||||
|
setLoading(false);
|
||||||
|
}, [id]);
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
loadHabit();
|
||||||
|
}, [loadHabit]);
|
||||||
|
|
||||||
|
const completionDates = useMemo(
|
||||||
|
() => habit?.completions.map((c) => c.completed_on) ?? [],
|
||||||
|
[habit],
|
||||||
|
);
|
||||||
|
|
||||||
|
const today = formatDate(new Date());
|
||||||
|
const doneToday = completionDates.includes(today);
|
||||||
|
|
||||||
|
const currentStreak = useMemo(
|
||||||
|
() => calculateStreak(completionDates),
|
||||||
|
[completionDates],
|
||||||
|
);
|
||||||
|
|
||||||
|
const totalCompletions = completionDates.length;
|
||||||
|
|
||||||
|
// Calculate longest streak
|
||||||
|
const longestStreak = useMemo(() => {
|
||||||
|
const unique = Array.from(new Set(completionDates)).sort((a, b) =>
|
||||||
|
a.localeCompare(b),
|
||||||
|
);
|
||||||
|
if (unique.length === 0) return 0;
|
||||||
|
let maxStreak = 1;
|
||||||
|
let current = 1;
|
||||||
|
for (let i = 1; i < unique.length; i++) {
|
||||||
|
const prev = new Date(unique[i - 1]);
|
||||||
|
const curr = new Date(unique[i]);
|
||||||
|
const diffDays =
|
||||||
|
(curr.getTime() - prev.getTime()) / (1000 * 60 * 60 * 24);
|
||||||
|
if (diffDays === 1) {
|
||||||
|
current += 1;
|
||||||
|
maxStreak = Math.max(maxStreak, current);
|
||||||
|
} else {
|
||||||
|
current = 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return maxStreak;
|
||||||
|
}, [completionDates]);
|
||||||
|
|
||||||
|
// Days since habit creation (or first completion, whichever is earlier)
|
||||||
|
const daysSinceStart = useMemo(() => {
|
||||||
|
const startDate = habit
|
||||||
|
? new Date(
|
||||||
|
Math.min(
|
||||||
|
new Date(habit.created_at).getTime(),
|
||||||
|
...completionDates.map((d) => new Date(d).getTime()),
|
||||||
|
Date.now(),
|
||||||
|
),
|
||||||
|
)
|
||||||
|
: new Date();
|
||||||
|
const diff = Math.ceil(
|
||||||
|
(Date.now() - startDate.getTime()) / (1000 * 60 * 60 * 24),
|
||||||
|
);
|
||||||
|
return Math.max(diff, 1);
|
||||||
|
}, [habit, completionDates]);
|
||||||
|
|
||||||
|
const consistencyRate = Math.round((totalCompletions / daysSinceStart) * 100);
|
||||||
|
|
||||||
|
// 30-day heatmap data
|
||||||
|
const heatmapDays = useMemo(() => {
|
||||||
|
return Array.from({ length: 30 }, (_, i) => {
|
||||||
|
const date = new Date();
|
||||||
|
date.setDate(date.getDate() - (29 - i));
|
||||||
|
const key = formatDate(date);
|
||||||
|
return {
|
||||||
|
key,
|
||||||
|
completed: completionDates.includes(key),
|
||||||
|
isToday: key === today,
|
||||||
|
};
|
||||||
|
});
|
||||||
|
}, [completionDates, today]);
|
||||||
|
|
||||||
|
const toggleToday = async () => {
|
||||||
|
if (!userId || !habit) return;
|
||||||
|
setBusy(true);
|
||||||
|
|
||||||
|
if (doneToday) {
|
||||||
|
const existing = habit.completions.find((c) => c.completed_on === today);
|
||||||
|
if (existing) {
|
||||||
|
const { error: deleteError } = await supabase
|
||||||
|
.from('habit_completions')
|
||||||
|
.delete()
|
||||||
|
.eq('id', existing.id);
|
||||||
|
if (deleteError) setError(deleteError.message);
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
const { error: insertError } = await supabase
|
||||||
|
.from('habit_completions')
|
||||||
|
.insert({
|
||||||
|
habit_id: habit.id,
|
||||||
|
user_id: userId,
|
||||||
|
completed_on: today,
|
||||||
|
});
|
||||||
|
if (insertError) setError(insertError.message);
|
||||||
|
}
|
||||||
|
|
||||||
|
await loadHabit();
|
||||||
|
setBusy(false);
|
||||||
|
};
|
||||||
|
|
||||||
|
const updateHabit = async (values: {
|
||||||
|
name: string;
|
||||||
|
targetDescription: string;
|
||||||
|
color: string;
|
||||||
|
}) => {
|
||||||
|
if (!userId || !habit) throw new Error('Habit not found.');
|
||||||
|
|
||||||
|
const { error: updateError } = await supabase
|
||||||
|
.from('habits')
|
||||||
|
.update({
|
||||||
|
name: values.name,
|
||||||
|
target_description: values.targetDescription || null,
|
||||||
|
color: values.color,
|
||||||
|
})
|
||||||
|
.eq('id', habit.id);
|
||||||
|
|
||||||
|
if (updateError) throw updateError;
|
||||||
|
await loadHabit();
|
||||||
|
};
|
||||||
|
|
||||||
|
const deleteHabit = async () => {
|
||||||
|
if (!habit) return;
|
||||||
|
setBusy(true);
|
||||||
|
const { error: deleteError } = await supabase
|
||||||
|
.from('habits')
|
||||||
|
.delete()
|
||||||
|
.eq('id', habit.id);
|
||||||
|
if (deleteError) {
|
||||||
|
setError(deleteError.message);
|
||||||
|
setBusy(false);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
history.push('/home');
|
||||||
|
};
|
||||||
|
|
||||||
|
if (sessionChecked && !userId) {
|
||||||
|
return <Redirect to="/auth" />;
|
||||||
|
}
|
||||||
|
|
||||||
|
return (
|
||||||
|
<IonPage>
|
||||||
|
<IonHeader className="ion-no-border">
|
||||||
|
<IonToolbar>
|
||||||
|
<IonButtons slot="start">
|
||||||
|
<IonBackButton defaultHref="/home" />
|
||||||
|
</IonButtons>
|
||||||
|
<IonTitle>{habit?.name ?? 'Habit'}</IonTitle>
|
||||||
|
<IonButtons slot="end">
|
||||||
|
{habit && (
|
||||||
|
<>
|
||||||
|
<IonButton fill="clear" onClick={() => setShowEditModal(true)}>
|
||||||
|
<IonIcon icon={createOutline} />
|
||||||
|
</IonButton>
|
||||||
|
<IonButton
|
||||||
|
fill="clear"
|
||||||
|
color="danger"
|
||||||
|
onClick={() => setShowDeleteAlert(true)}
|
||||||
|
>
|
||||||
|
<IonIcon icon={trashOutline} />
|
||||||
|
</IonButton>
|
||||||
|
</>
|
||||||
|
)}
|
||||||
|
</IonButtons>
|
||||||
|
</IonToolbar>
|
||||||
|
</IonHeader>
|
||||||
|
|
||||||
|
<IonContent fullscreen>
|
||||||
|
<div className="dashboard-shell ion-padding">
|
||||||
|
{/* Loading state */}
|
||||||
|
{loading ? (
|
||||||
|
<>
|
||||||
|
<IonSkeletonText
|
||||||
|
animated
|
||||||
|
style={{ width: '60%', height: '24px', borderRadius: '8px' }}
|
||||||
|
/>
|
||||||
|
<IonSkeletonText
|
||||||
|
animated
|
||||||
|
style={{
|
||||||
|
width: '100%',
|
||||||
|
height: '120px',
|
||||||
|
borderRadius: '24px',
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
<IonSkeletonText
|
||||||
|
animated
|
||||||
|
style={{
|
||||||
|
width: '100%',
|
||||||
|
height: '160px',
|
||||||
|
borderRadius: '24px',
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
<IonSkeletonText
|
||||||
|
animated
|
||||||
|
style={{
|
||||||
|
width: '100%',
|
||||||
|
height: '100px',
|
||||||
|
borderRadius: '24px',
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
</>
|
||||||
|
) : error ? (
|
||||||
|
/* Error state */
|
||||||
|
<div className="inline-message error-card">
|
||||||
|
<h3>Something went wrong</h3>
|
||||||
|
<p>{error}</p>
|
||||||
|
<IonButton onClick={loadHabit}>Try Again</IonButton>
|
||||||
|
</div>
|
||||||
|
) : !habit ? (
|
||||||
|
/* Not found state */
|
||||||
|
<div className="inline-message">
|
||||||
|
<h3>Habit not found</h3>
|
||||||
|
<p>
|
||||||
|
This habit may have been deleted or you don't have access
|
||||||
|
to it.
|
||||||
|
</p>
|
||||||
|
<IonButton routerLink="/home">Back to habits</IonButton>
|
||||||
|
</div>
|
||||||
|
) : (
|
||||||
|
<>
|
||||||
|
{/* Habit info card */}
|
||||||
|
<section className="hero-card compact">
|
||||||
|
<div className="habit-copy-topline">
|
||||||
|
<span
|
||||||
|
className="habit-color-pill"
|
||||||
|
style={{ background: habit.color }}
|
||||||
|
/>
|
||||||
|
<span className="eyebrow">Your routine</span>
|
||||||
|
</div>
|
||||||
|
<h1>{habit.name}</h1>
|
||||||
|
<p>
|
||||||
|
{habit.target_description ||
|
||||||
|
'Show up today and keep the chain alive.'}
|
||||||
|
</p>
|
||||||
|
|
||||||
|
{/* Today toggle */}
|
||||||
|
<div style={{ marginTop: '18px' }}>
|
||||||
|
<IonButton
|
||||||
|
expand="block"
|
||||||
|
fill={doneToday ? 'solid' : 'outline'}
|
||||||
|
onClick={toggleToday}
|
||||||
|
disabled={busy}
|
||||||
|
style={
|
||||||
|
doneToday
|
||||||
|
? ({
|
||||||
|
'--background': habit.color,
|
||||||
|
'--background-hover': habit.color,
|
||||||
|
'--background-activated': habit.color,
|
||||||
|
'--border-radius': '18px',
|
||||||
|
minHeight: '50px',
|
||||||
|
} as any)
|
||||||
|
: ({
|
||||||
|
'--border-color': habit.color,
|
||||||
|
'--color': habit.color,
|
||||||
|
'--border-radius': '18px',
|
||||||
|
minHeight: '50px',
|
||||||
|
} as any)
|
||||||
|
}
|
||||||
|
>
|
||||||
|
<IonIcon
|
||||||
|
icon={doneToday ? checkmarkOutline : ellipseOutline}
|
||||||
|
slot="start"
|
||||||
|
/>
|
||||||
|
{doneToday ? 'Completed today' : "Mark today's habit done"}
|
||||||
|
</IonButton>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
{/* All-time stats */}
|
||||||
|
<section>
|
||||||
|
<p className="home-section-label">All-time stats</p>
|
||||||
|
<div className="stack-list">
|
||||||
|
{/* Stats row */}
|
||||||
|
<div
|
||||||
|
className="hero-card compact"
|
||||||
|
style={{
|
||||||
|
display: 'grid',
|
||||||
|
gridTemplateColumns: '1fr 1fr 1fr',
|
||||||
|
gap: '12px',
|
||||||
|
textAlign: 'center',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<div>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
fontSize: '1.8rem',
|
||||||
|
fontWeight: 800,
|
||||||
|
color: habit.color,
|
||||||
|
lineHeight: 1,
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{totalCompletions}
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
fontSize: '0.78rem',
|
||||||
|
color: 'var(--ion-color-medium)',
|
||||||
|
marginTop: '4px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
total done
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
fontSize: '1.8rem',
|
||||||
|
fontWeight: 800,
|
||||||
|
color: habit.color,
|
||||||
|
lineHeight: 1,
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{longestStreak}
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
fontSize: '0.78rem',
|
||||||
|
color: 'var(--ion-color-medium)',
|
||||||
|
marginTop: '4px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
best streak
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
fontSize: '1.8rem',
|
||||||
|
fontWeight: 800,
|
||||||
|
color: habit.color,
|
||||||
|
lineHeight: 1,
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{consistencyRate}%
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
fontSize: '0.78rem',
|
||||||
|
color: 'var(--ion-color-medium)',
|
||||||
|
marginTop: '4px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
consistency
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* Current streak highlight */}
|
||||||
|
<div
|
||||||
|
className="hero-card compact"
|
||||||
|
style={{
|
||||||
|
display: 'flex',
|
||||||
|
alignItems: 'center',
|
||||||
|
gap: '14px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
width: '48px',
|
||||||
|
height: '48px',
|
||||||
|
borderRadius: '16px',
|
||||||
|
background: `${habit.color}18`,
|
||||||
|
display: 'flex',
|
||||||
|
alignItems: 'center',
|
||||||
|
justifyContent: 'center',
|
||||||
|
flexShrink: 0,
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<IonIcon
|
||||||
|
icon={flameOutline}
|
||||||
|
style={{ color: habit.color, fontSize: '1.3rem' }}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<h3
|
||||||
|
style={{
|
||||||
|
margin: 0,
|
||||||
|
fontSize: '1rem',
|
||||||
|
fontWeight: 700,
|
||||||
|
color: 'var(--ion-color-dark)',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{currentStreak} day{currentStreak === 1 ? '' : 's'} and
|
||||||
|
counting
|
||||||
|
</h3>
|
||||||
|
<p
|
||||||
|
style={{
|
||||||
|
margin: '4px 0 0',
|
||||||
|
color: 'var(--ion-color-medium)',
|
||||||
|
fontSize: '0.84rem',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{currentStreak > 0
|
||||||
|
? `You've shown up every day since ${(() => {
|
||||||
|
const d = new Date();
|
||||||
|
d.setDate(d.getDate() - currentStreak + 1);
|
||||||
|
return d.toLocaleDateString('en-US', {
|
||||||
|
month: 'short',
|
||||||
|
day: 'numeric',
|
||||||
|
});
|
||||||
|
})()}.`
|
||||||
|
: "Start today and build a streak you're proud of."}
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
{/* 30-day heatmap */}
|
||||||
|
<section>
|
||||||
|
<p className="home-section-label">Last 30 days</p>
|
||||||
|
<div className="hero-card compact">
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
display: 'grid',
|
||||||
|
gridTemplateColumns: 'repeat(7, 1fr)',
|
||||||
|
gap: '6px',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{heatmapDays.map((day) => (
|
||||||
|
<div
|
||||||
|
key={day.key}
|
||||||
|
title={
|
||||||
|
day.isToday
|
||||||
|
? 'Today'
|
||||||
|
: new Date(day.key).toLocaleDateString('en-US', {
|
||||||
|
month: 'short',
|
||||||
|
day: 'numeric',
|
||||||
|
})
|
||||||
|
}
|
||||||
|
style={{
|
||||||
|
aspectRatio: '1',
|
||||||
|
borderRadius: '6px',
|
||||||
|
background: day.completed
|
||||||
|
? habit.color
|
||||||
|
: `${habit.color}14`,
|
||||||
|
border: day.isToday
|
||||||
|
? `2px solid ${habit.color}`
|
||||||
|
: '2px solid transparent',
|
||||||
|
transition: 'background 0.2s',
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
display: 'flex',
|
||||||
|
justifyContent: 'space-between',
|
||||||
|
marginTop: '12px',
|
||||||
|
fontSize: '0.74rem',
|
||||||
|
color: 'var(--ion-color-medium)',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<span>30 days ago</span>
|
||||||
|
<span>
|
||||||
|
<IonIcon
|
||||||
|
icon={trendingUpOutline}
|
||||||
|
style={{ verticalAlign: 'middle', marginRight: '4px' }}
|
||||||
|
/>
|
||||||
|
{heatmapDays.filter((d) => d.completed).length} of 30 days
|
||||||
|
</span>
|
||||||
|
<span>Today</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
{/* Edit modal */}
|
||||||
|
{showEditModal && (
|
||||||
|
<HabitFormModal
|
||||||
|
isOpen={showEditModal}
|
||||||
|
onDismiss={() => setShowEditModal(false)}
|
||||||
|
onSubmit={updateHabit}
|
||||||
|
initialValues={{
|
||||||
|
name: habit.name,
|
||||||
|
targetDescription: habit.target_description ?? '',
|
||||||
|
color: habit.color,
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
</>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* Delete confirmation */}
|
||||||
|
<IonAlert
|
||||||
|
isOpen={showDeleteAlert}
|
||||||
|
onDidDismiss={() => setShowDeleteAlert(false)}
|
||||||
|
header="Delete habit?"
|
||||||
|
message={`Are you sure you want to delete "${habit?.name ?? ''}"? This will also remove all its completion history. This action cannot be undone.`}
|
||||||
|
buttons={[
|
||||||
|
{
|
||||||
|
text: 'Cancel',
|
||||||
|
role: 'cancel',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
text: 'Delete',
|
||||||
|
role: 'destructive',
|
||||||
|
handler: deleteHabit,
|
||||||
|
},
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
</IonContent>
|
||||||
|
</IonPage>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default HabitDetail;
|
||||||