Compare commits

..

1 Commits

Author SHA1 Message Date
AppCakes dcb9174408 build: e33c3ecd-6e30-4f54-947f-6e498f5888d3 2026-05-31 14:18:57 +00:00
28 changed files with 1316 additions and 3139 deletions
Vendored
BIN
View File
Binary file not shown.
+1
View File
@@ -0,0 +1 @@
VITE_GOOGLE_MAPS_KEY=AIzaSyA42Ue9SEQwTaQo5DjbhxPZcpqVT36M4_U
Binary file not shown.
BIN
View File
Binary file not shown.
+1 -1
View File
@@ -4,7 +4,7 @@ android {
namespace = "io.ionic.starter"
compileSdk = rootProject.ext.compileSdkVersion
defaultConfig {
applicationId "com.qoutelink.app"
applicationId "com.habitmode.llemba.com"
minSdkVersion rootProject.ext.minSdkVersion
targetSdkVersion rootProject.ext.targetSdkVersion
versionCode 1
+1 -1
View File
@@ -25,7 +25,7 @@
<action android:name="android.intent.action.VIEW" />
<category android:name="android.intent.category.DEFAULT" />
<category android:name="android.intent.category.BROWSABLE" />
<data android:scheme="com.qoutelink.app" />
<data android:scheme="io.flavorstudio.app" />
</intent-filter>
</activity>
+2 -2
View File
@@ -1,7 +1,7 @@
<?xml version='1.0' encoding='utf-8'?>
<resources>
<string name="app_name">Qoutelink</string>
<string name="title_activity_main">Qoutelink</string>
<string name="app_name">FlavorStudio</string>
<string name="title_activity_main">FlavorStudio</string>
<string name="package_name">io.ionic.starter</string>
<string name="custom_url_scheme">io.ionic.starter</string>
</resources>
+1
View File
@@ -15,4 +15,5 @@ ext {
cordovaAndroidVersion = '14.0.1'
rgcfaIncludeGoogle = true
androidxCredentialsVersion = '1.3.0'
javaVersion = JavaVersion.VERSION_17
}
+2 -2
View File
@@ -1,8 +1,8 @@
import type { CapacitorConfig } from '@capacitor/cli';
const config: CapacitorConfig = {
appId: 'com.qoutelink.app',
appName: 'Qoutelink',
appId: 'com.habitmode.llemba.com',
appName: 'FlavorStudio',
webDir: 'dist',
plugins: {
FirebaseAuthentication: {
+22
View File
@@ -55,6 +55,13 @@ workflows:
if [ -n "$CM_DEBUG_KEYSTORE" ]; then
echo "$CM_DEBUG_KEYSTORE" | base64 --decode > /tmp/debug-keystore.p12
fi
- name: Check native credentials
script: |
if [ -n "$VITE_GOOGLE_MAPS_KEY" ]; then
echo "VITE_GOOGLE_MAPS_KEY: set (length=${#VITE_GOOGLE_MAPS_KEY}, ends …${VITE_GOOGLE_MAPS_KEY: -4})"
else
echo "WARNING: VITE_GOOGLE_MAPS_KEY not set — Google Maps will not render"
fi
- name: Build debug APK
script: |
cd android
@@ -68,6 +75,21 @@ workflows:
else
./gradlew assembleDebug --no-daemon
fi
- name: Verify manifest substitution
script: |
MANIFEST="android/app/build/intermediates/merged_manifests/debug/AndroidManifest.xml"
if [ -f "$MANIFEST" ]; then
VAL=$(grep -A1 'geo.API_KEY' "$MANIFEST" | grep -o 'android:value="[^"]*"' | cut -d'"' -f2)
if [ -z "$VAL" ]; then
echo "WARNING: geo.API_KEY meta-data not found in merged manifest"
elif [ "$VAL" = '${googleMapsApiKey}' ]; then
echo "WARNING: geo.API_KEY placeholder was not substituted — key missing from build env"
else
echo "geo.API_KEY substituted OK (ends …${VAL: -4})"
fi
else
echo "Merged manifest not found at $MANIFEST"
fi
artifacts:
- android/app/build/outputs/apk/debug/app-debug.apk
+15 -2826
View File
File diff suppressed because it is too large Load Diff
BIN
View File
Binary file not shown.
BIN
View File
Binary file not shown.
+2 -6
View File
@@ -26,7 +26,6 @@
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 */
@@ -69,7 +68,6 @@
504EC30E1FED79650016851F /* Assets.xcassets */,
504EC3101FED79650016851F /* LaunchScreen.storyboard */,
504EC3131FED79650016851F /* Info.plist */,
1A4EB3C21FED79650016851F /* App.entitlements */,
2FAD9762203C412B000D30F8 /* config.xml */,
50B271D01FEDC1A000F3C39B /* public */,
);
@@ -297,7 +295,6 @@
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;
@@ -308,7 +305,7 @@
);
MARKETING_VERSION = 1.0;
OTHER_SWIFT_FLAGS = "$(inherited) \"-D\" \"COCOAPODS\" \"-DDEBUG\"";
PRODUCT_BUNDLE_IDENTIFIER = com.qoutelink.app;
PRODUCT_BUNDLE_IDENTIFIER = io.flavorstudio.app;
PRODUCT_NAME = "$(TARGET_NAME)";
SWIFT_ACTIVE_COMPILATION_CONDITIONS = DEBUG;
SWIFT_VERSION = 5.0;
@@ -320,7 +317,6 @@
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;
@@ -330,7 +326,7 @@
"@executable_path/Frameworks",
);
MARKETING_VERSION = 1.0;
PRODUCT_BUNDLE_IDENTIFIER = com.qoutelink.app;
PRODUCT_BUNDLE_IDENTIFIER = io.flavorstudio.app;
PRODUCT_NAME = "$(TARGET_NAME)";
SWIFT_ACTIVE_COMPILATION_CONDITIONS = "";
SWIFT_VERSION = 5.0;
+3 -3
View File
@@ -7,7 +7,7 @@
<key>CFBundleDevelopmentRegion</key>
<string>en</string>
<key>CFBundleDisplayName</key>
<string>Qoutelink</string>
<string>FlavorStudio</string>
<key>CFBundleExecutable</key>
<string>$(EXECUTABLE_NAME)</string>
<key>CFBundleIdentifier</key>
@@ -51,10 +51,10 @@
<array>
<dict>
<key>CFBundleURLName</key>
<string>com.qoutelink.app</string>
<string>io.flavorstudio.app</string>
<key>CFBundleURLSchemes</key>
<array>
<string>com.qoutelink.app</string>
<string>io.flavorstudio.app</string>
</array>
</dict>
</array>
+363
View File
@@ -0,0 +1,363 @@
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:
- 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
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
- 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
- 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_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
- name: Build IPA
script: |
xcode-project build-ipa \
--workspace ios/App/App.xcworkspace \
--scheme App
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
- name: Build IPA
script: |
xcode-project build-ipa \
--workspace ios/App/App.xcworkspace \
--scheme App \
--config Release
- 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
-1
View File
@@ -20,7 +20,6 @@
"@capacitor/keyboard": "8.0.3",
"@capacitor/push-notifications": "^8.1.1",
"@capacitor/status-bar": "8.0.2",
"@hookform/resolvers": "^3.9.0",
"@ionic/pwa-elements": "^3.0.0",
"@ionic/react": "8.8.7",
"@ionic/react-router": "8.8.7",
BIN
View File
Binary file not shown.
+20 -18
View File
@@ -1,29 +1,31 @@
import React from "react";
import { Redirect, Route } from "react-router-dom";
import { IonApp, IonRouterOutlet } from "@ionic/react";
import { IonReactRouter } from "@ionic/react-router";
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 '@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 './theme/variables.css';
import Home from "./pages/Home";
import Home from './pages/Home';
import HelloWorld from './pages/HelloWorld';
const App: React.FC = () => (
<IonApp>
<IonReactRouter>
<IonRouterOutlet>
<IonRouterOutlet animated={true}>
<Route path="/home" component={Home} exact />
<Redirect exact from="/" to="/home" />
<Route path="/hello-world" component={HelloWorld} exact />
<Route exact path="/" render={() => <Redirect to="/home" />} />
</IonRouterOutlet>
</IonReactRouter>
</IonApp>
+5 -10
View File
@@ -5,7 +5,7 @@ import { Capacitor } from '@capacitor/core';
import App from './App';
// ── Ionic initialisation ──────────────────────────────────────────────────────
// ?mode=md|ios overrides (used by Appcakes preview); otherwise follow the platform.
// ?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({
@@ -13,7 +13,7 @@ setupIonicReact({
});
// Derive the studio parent origin dynamically so this works in both dev
// (parent at localhost:3000) and production (parent at studio.appcakes.dev).
// (parent at localhost:3000) and production (parent at appcakes.qqura.com).
const studioOrigin = (() => {
try {
if (document.referrer) return new URL(document.referrer).origin;
@@ -49,7 +49,7 @@ if (import.meta.hot) {
}
// ── Session bridge ────────────────────────────────────────────────────────────
// Post auth session to the Appcakes parent frame so the AI can test auth-protected
// 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 });
@@ -73,17 +73,12 @@ if (import.meta.hot) {
})();
// ── Runtime error reporting ───────────────────────────────────────────────────
// Forward uncaught errors to the Appcakes dev server so the AI can read them.
// Extract projectId from the preview URL (/preview/{projectId}/) so errors are
// scoped per-project on the server rather than mixed into a global queue.
const _previewMatch = window.location.pathname.match(/\/preview\/([^/]+)/);
const _projectId = _previewMatch?.[1] ?? null;
// 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, projectId: _projectId }),
body: JSON.stringify({ message, stack }),
}).catch(() => {});
}
+90
View File
@@ -0,0 +1,90 @@
import React from 'react';
import {
IonButton,
IonButtons,
IonContent,
IonHeader,
IonIcon,
IonPage,
IonTitle,
IonToolbar,
} from '@ionic/react';
import { chevronBackOutline, globeOutline } from 'ionicons/icons';
import { useHistory } from 'react-router-dom';
const HelloWorld: React.FC = () => {
const history = useHistory();
return (
<IonPage>
<IonHeader>
<IonToolbar>
<IonButtons slot="start">
<IonButton aria-label="Back" onClick={() => history.goBack()}>
<IonIcon icon={chevronBackOutline} slot="icon-only" />
</IonButton>
</IonButtons>
<IonTitle>Hello World</IonTitle>
</IonToolbar>
</IonHeader>
<IonContent
className="ion-padding"
style={
{ '--background': 'var(--ion-color-light)' } as React.CSSProperties
}
>
<div
style={{
minHeight: '70vh',
display: 'flex',
flexDirection: 'column',
alignItems: 'center',
justifyContent: 'center',
textAlign: 'center',
gap: 16,
}}
>
<div
style={{
width: 72,
height: 72,
borderRadius: 24,
background: 'rgba(var(--ion-color-primary-rgb), 0.12)',
display: 'flex',
alignItems: 'center',
justifyContent: 'center',
}}
>
<IonIcon
icon={globeOutline}
style={{ fontSize: 36, color: 'var(--ion-color-primary)' }}
/>
</div>
<div>
<h1
style={{
margin: '0 0 8px',
fontSize: 28,
fontWeight: 700,
color: 'var(--ion-color-dark)',
}}
>
Hello, world!
</h1>
<p
style={{
margin: 0,
color: 'var(--ion-color-medium)',
lineHeight: 1.5,
}}
>
You made it to the new page.
</p>
</div>
</div>
</IonContent>
</IonPage>
);
};
export default HelloWorld;
+671 -19
View File
@@ -1,30 +1,682 @@
import React from "react";
import React, { useEffect, useRef, useState } from 'react';
import {
IonButton,
IonContent,
IonHeader,
IonIcon,
IonPage,
IonTitle,
IonToolbar,
} from "@ionic/react";
IonSpinner,
useIonViewDidEnter,
useIonViewWillLeave,
} from '@ionic/react';
import { GoogleMap } from '@capacitor/google-maps';
import type {
GoogleMap as GoogleMapInstance,
Marker,
} from '@capacitor/google-maps';
import {
closeOutline,
locateOutline,
mapOutline,
searchOutline,
} from 'ionicons/icons';
import { supabase } from '../supabase';
const Home: React.FC = () => (
<IonPage>
<IonHeader translucent className="home-header">
<IonToolbar className="home-toolbar">
<IonTitle>Home</IonTitle>
</IonToolbar>
</IonHeader>
<IonContent fullscreen className="home-content">
<div className="home-shell minimal-home-shell">
<section className="minimal-welcome-card subtle-welcome-card">
<h1>Welcome to your new app</h1>
<p className="minimal-subtitle">
Chat with the assistant to start adding features and pages
const DEFAULT_CENTER = { lat: 37.7749, lng: -122.4194 };
const HOME_MARKER: Marker = {
coordinate: DEFAULT_CENTER,
title: 'San Francisco',
snippet: 'Start searching for nearby places',
};
type PlaceSuggestion = {
placeId: string;
text: string;
mainText: string;
secondaryText: string;
};
type Coordinate = {
lat: number;
lng: number;
};
type SelectedPlace = {
placeId: string;
name: string;
address: string;
coordinate: Coordinate;
photoUrl?: string | null;
};
const getErrorDetails = (error: unknown) => {
if (error instanceof Error) {
return error.message;
}
if (typeof error === 'string') {
return error;
}
try {
return JSON.stringify(error);
} catch {
return 'Unknown error';
}
};
const waitForFrame = () =>
new Promise<void>((resolve) => {
requestAnimationFrame(() => resolve());
});
const wait = (ms: number) =>
new Promise<void>((resolve) => {
window.setTimeout(resolve, ms);
});
const createSessionToken = () => {
if (typeof crypto !== 'undefined' && 'randomUUID' in crypto) {
return crypto.randomUUID();
}
return `${Date.now()}-${Math.random().toString(36).slice(2)}`;
};
const Home: React.FC = () => {
const mapContainerRef = useRef<HTMLDivElement>(null);
const mapRef = useRef<GoogleMapInstance | null>(null);
const mapIdRef = useRef(`home-map-${createSessionToken()}`);
const markerIdsRef = useRef<string[]>([]);
const isActiveRef = useRef(false);
const searchRequestRef = useRef(0);
const sessionTokenRef = useRef(createSessionToken());
const selectedPlaceRef = useRef<SelectedPlace | null>(null);
const suppressNextSearchRef = useRef(false);
const [mapError, setMapError] = useState<string | null>(null);
const [query, setQuery] = useState('');
const [suggestions, setSuggestions] = useState<PlaceSuggestion[]>([]);
const [showSuggestions, setShowSuggestions] = useState(false);
const [searchLoading, setSearchLoading] = useState(false);
const [detailsLoading, setDetailsLoading] = useState(false);
const [selectedPlace, setSelectedPlace] = useState<SelectedPlace | null>(
null
);
const clearMarkers = async (map: GoogleMapInstance) => {
const markerIds = markerIdsRef.current;
if (markerIds.length === 0) return;
markerIdsRef.current = [];
try {
await map.removeMarkers(markerIds);
} catch (error) {
console.warn('Failed to remove Google Map markers', error);
}
};
const addMarkerSafely = async (map: GoogleMapInstance, marker: Marker) => {
await waitForFrame();
await wait(250);
if (!isActiveRef.current || mapRef.current !== map) return;
try {
await clearMarkers(map);
const markerId = await map.addMarker(marker);
markerIdsRef.current = [markerId];
setMapError(null);
} catch (firstError) {
const firstDetails = getErrorDetails(firstError);
console.warn('First Google Map marker attempt failed', firstError);
await wait(500);
if (!isActiveRef.current || mapRef.current !== map) return;
try {
await clearMarkers(map);
const markerId = await map.addMarker(marker);
markerIdsRef.current = [markerId];
setMapError(null);
} catch (retryError) {
const retryDetails = getErrorDetails(retryError);
console.error('Failed to add Google Map marker', retryError);
setMapError(
`Place selected, but the marker could not be added. First attempt: ${firstDetails}. Retry: ${retryDetails}`
);
}
}
};
useIonViewDidEnter(() => {
isActiveRef.current = true;
if (!mapContainerRef.current || mapRef.current) return;
const createMap = async () => {
const apiKey = import.meta.env.VITE_GOOGLE_MAPS_KEY as string;
if (!apiKey) {
setMapError(
'Google Maps API key is missing. Add VITE_GOOGLE_MAPS_KEY in Config to view the map.'
);
return;
}
try {
const map = await GoogleMap.create({
id: mapIdRef.current,
element: mapContainerRef.current!,
apiKey,
config: {
center: DEFAULT_CENTER,
zoom: 12,
disableDefaultUI: true,
mapTypeControl: false,
streetViewControl: false,
fullscreenControl: false,
} as unknown as {
center: typeof DEFAULT_CENTER;
zoom: number;
},
});
if (!isActiveRef.current) {
await map.destroy().catch((error) => {
console.warn('Failed to destroy inactive Google Map', error);
});
return;
}
mapRef.current = map;
setMapError(null);
await addMarkerSafely(map, HOME_MARKER);
} catch (error) {
const details = getErrorDetails(error);
console.error('Failed to load Google Map', error);
setMapError(`Unable to load the map: ${details}`);
}
};
createMap();
});
useIonViewWillLeave(() => {
isActiveRef.current = false;
searchRequestRef.current += 1;
const map = mapRef.current;
mapRef.current = null;
markerIdsRef.current = [];
if (!map) return;
map.destroy().catch((error) => {
console.warn('Failed to destroy Google Map', error);
});
});
useEffect(() => {
const trimmedQuery = query.trim();
if (suppressNextSearchRef.current) {
suppressNextSearchRef.current = false;
searchRequestRef.current += 1;
setSearchLoading(false);
return;
}
searchRequestRef.current += 1;
const requestId = searchRequestRef.current;
if (trimmedQuery.length < 2) {
setSuggestions([]);
setShowSuggestions(false);
setSearchLoading(false);
return;
}
setShowSuggestions(true);
setSearchLoading(true);
const timeout = window.setTimeout(async () => {
try {
const { data, error } = await supabase.functions.invoke<{
suggestions: PlaceSuggestion[];
error?: string;
}>('places-autocomplete', {
body: {
input: trimmedQuery,
sessionToken: sessionTokenRef.current,
latitude:
selectedPlaceRef.current?.coordinate.lat ?? DEFAULT_CENTER.lat,
longitude:
selectedPlaceRef.current?.coordinate.lng ?? DEFAULT_CENTER.lng,
},
});
if (requestId !== searchRequestRef.current) return;
if (error) {
throw error;
}
if (data?.error) {
throw new Error(data.error);
}
setSuggestions(data?.suggestions ?? []);
setShowSuggestions(true);
setMapError(null);
} catch (error) {
if (requestId !== searchRequestRef.current) return;
const details = getErrorDetails(error);
console.error('Places autocomplete failed', error);
setSuggestions([]);
setShowSuggestions(true);
setMapError(`Place search failed: ${details}`);
} finally {
if (requestId === searchRequestRef.current) {
setSearchLoading(false);
}
}
}, 350);
return () => {
window.clearTimeout(timeout);
};
}, [query]);
const recenterMap = async () => {
const map = mapRef.current;
if (!map) return;
const coordinate = selectedPlace?.coordinate ?? DEFAULT_CENTER;
try {
await map.setCamera({
coordinate,
zoom: selectedPlace ? 15 : 12,
animate: true,
});
setMapError(null);
} catch (error) {
const details = getErrorDetails(error);
console.error('Failed to recenter Google Map', error);
setMapError(`Map loaded, but recentering failed: ${details}`);
}
};
const selectSuggestion = async (suggestion: PlaceSuggestion) => {
const map = mapRef.current;
if (!map) return;
setDetailsLoading(true);
suppressNextSearchRef.current = true;
searchRequestRef.current += 1;
setQuery(suggestion.mainText || suggestion.text);
setSuggestions([]);
setShowSuggestions(false);
setSearchLoading(false);
try {
const { data, error } = await supabase.functions.invoke<{
place?: SelectedPlace;
error?: string;
}>('place-details', {
body: {
placeId: suggestion.placeId,
sessionToken: sessionTokenRef.current,
},
});
if (error) {
throw error;
}
if (data?.error) {
throw new Error(data.error);
}
if (!data?.place?.coordinate) {
throw new Error('Selected place does not include a map location.');
}
const place = data.place;
selectedPlaceRef.current = place;
setSelectedPlace(place);
sessionTokenRef.current = createSessionToken();
await map.setCamera({
coordinate: place.coordinate,
zoom: 15,
animate: true,
});
await addMarkerSafely(map, {
coordinate: place.coordinate,
title: place.name,
snippet: place.address,
});
} catch (error) {
const details = getErrorDetails(error);
console.error('Place selection failed', error);
setMapError(`Could not open that place: ${details}`);
} finally {
setDetailsLoading(false);
}
};
const clearSearch = () => {
searchRequestRef.current += 1;
suppressNextSearchRef.current = false;
setQuery('');
setSuggestions([]);
setShowSuggestions(false);
setSearchLoading(false);
};
return (
<IonPage style={{ background: 'transparent' }}>
<IonContent
fullscreen
style={{ '--background': 'transparent' } as React.CSSProperties}
>
<div
ref={mapContainerRef}
style={{
position: 'absolute',
inset: 0,
width: '100%',
height: '100%',
}}
/>
<div
slot="fixed"
style={{
left: 16,
right: 16,
top: 'calc(14px + var(--ion-safe-area-top))',
position: 'absolute',
zIndex: 10,
}}
>
<div
style={{
background: '#ffffff',
borderRadius: 22,
padding: '10px 12px',
display: 'flex',
alignItems: 'center',
gap: 10,
boxShadow: '0 10px 34px rgba(15, 23, 42, 0.18)',
}}
>
<IonIcon
icon={searchOutline}
style={{
fontSize: 22,
color: 'var(--ion-color-medium)',
flexShrink: 0,
}}
/>
<input
value={query}
onChange={(event) => {
suppressNextSearchRef.current = false;
setShowSuggestions(true);
setQuery(event.target.value);
}}
onFocus={() => {
if (suggestions.length > 0 || query.trim().length >= 2) {
setShowSuggestions(true);
}
}}
placeholder="Search places"
aria-label="Search places"
style={{
border: 0,
outline: 'none',
flex: 1,
minWidth: 0,
fontSize: 16,
color: 'var(--ion-color-dark)',
background: 'transparent',
}}
/>
{(searchLoading || detailsLoading) && (
<IonSpinner
name="crescent"
style={{ width: 20, height: 20, flexShrink: 0 }}
/>
)}
{query && !detailsLoading && (
<IonButton
fill="clear"
onClick={clearSearch}
aria-label="Clear search"
style={
{
'--border-radius': '999px',
'--padding-start': '6px',
'--padding-end': '6px',
width: 34,
height: 34,
flexShrink: 0,
} as React.CSSProperties
}
>
<IonIcon icon={closeOutline} slot="icon-only" />
</IonButton>
)}
</div>
{showSuggestions &&
query.trim().length >= 2 &&
!searchLoading &&
suggestions.length === 0 &&
!detailsLoading && (
<div
style={{
marginTop: 10,
background: '#ffffff',
borderRadius: 18,
padding: '14px 16px',
color: 'var(--ion-color-medium)',
fontSize: 14,
boxShadow: '0 10px 28px rgba(15, 23, 42, 0.14)',
}}
>
No places found.
</div>
)}
{showSuggestions && suggestions.length > 0 && (
<div
style={{
marginTop: 10,
background: '#ffffff',
borderRadius: 20,
overflow: 'hidden',
boxShadow: '0 10px 28px rgba(15, 23, 42, 0.14)',
}}
>
{suggestions.map((suggestion) => (
<button
key={suggestion.placeId}
type="button"
onClick={() => selectSuggestion(suggestion)}
style={{
width: '100%',
border: 0,
background: '#ffffff',
padding: '14px 16px',
display: 'flex',
gap: 12,
textAlign: 'left',
borderBottom: '1px solid rgba(15, 23, 42, 0.08)',
}}
>
<IonIcon
icon={mapOutline}
style={{
color: 'var(--ion-color-primary)',
fontSize: 20,
marginTop: 1,
flexShrink: 0,
}}
/>
<span style={{ minWidth: 0 }}>
<strong
style={{
display: 'block',
color: 'var(--ion-color-dark)',
fontSize: 14,
fontWeight: 700,
overflow: 'hidden',
textOverflow: 'ellipsis',
whiteSpace: 'nowrap',
}}
>
{suggestion.mainText || suggestion.text}
</strong>
{suggestion.secondaryText && (
<span
style={{
display: 'block',
marginTop: 3,
color: 'var(--ion-color-medium)',
fontSize: 12,
overflow: 'hidden',
textOverflow: 'ellipsis',
whiteSpace: 'nowrap',
}}
>
{suggestion.secondaryText}
</span>
)}
</span>
</button>
))}
</div>
)}
</div>
<div
slot="fixed"
style={{
left: 16,
right: 16,
bottom: 'calc(16px + var(--ion-safe-area-bottom))',
position: 'absolute',
zIndex: 9,
}}
>
<div
style={{
background: '#ffffff',
borderRadius: 24,
padding: 20,
display: 'flex',
alignItems: 'center',
gap: 16,
boxShadow: '0 -8px 32px rgba(15, 23, 42, 0.14)',
}}
>
<div
style={{
width: selectedPlace?.photoUrl ? 72 : 44,
height: selectedPlace?.photoUrl ? 72 : 44,
borderRadius: selectedPlace?.photoUrl ? 18 : 14,
background: 'rgba(var(--ion-color-primary-rgb), 0.12)',
display: 'flex',
alignItems: 'center',
justifyContent: 'center',
flexShrink: 0,
overflow: 'hidden',
}}
>
{selectedPlace?.photoUrl ? (
<img
src={selectedPlace.photoUrl}
alt={selectedPlace.name}
style={{
width: '100%',
height: '100%',
objectFit: 'cover',
display: 'block',
}}
/>
) : (
<IonIcon
icon={mapOutline}
style={{ fontSize: 22, color: 'var(--ion-color-primary)' }}
/>
)}
</div>
<div style={{ flex: 1, minWidth: 0 }}>
<h1
style={{
margin: '0 0 4px',
fontSize: 18,
fontWeight: 700,
color: 'var(--ion-color-dark)',
overflow: 'hidden',
textOverflow: 'ellipsis',
whiteSpace: 'nowrap',
}}
>
{selectedPlace?.name ?? 'Explore the map'}
</h1>
<p
style={{
margin: 0,
color: 'var(--ion-color-medium)',
fontSize: 13,
lineHeight: 1.4,
}}
>
{selectedPlace?.address ??
'Search for a place to drop a marker.'}
</p>
</section>
</div>
<IonButton
fill="clear"
onClick={recenterMap}
aria-label="Recenter map"
style={
{
'--border-radius': '999px',
'--padding-start': '10px',
'--padding-end': '10px',
flexShrink: 0,
} as React.CSSProperties
}
>
<IonIcon icon={locateOutline} slot="icon-only" />
</IonButton>
</div>
{mapError && (
<div
style={{
marginTop: 12,
background: '#ffffff',
borderRadius: 16,
padding: '12px 16px',
color: 'var(--ion-color-danger)',
fontSize: 13,
lineHeight: 1.4,
}}
>
{mapError}
</div>
)}
</div>
</IonContent>
</IonPage>
);
};
export default Home;
+7
View File
@@ -0,0 +1,7 @@
import { createClient } from '@supabase/supabase-js';
import type { Database } from './database.types';
export const supabase = createClient<Database>(
'https://twfddmesszhmlsvdgrcv.supabase.co',
'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6InR3ZmRkbWVzc3pobWxzdmRncmN2Iiwicm9sZSI6ImFub24iLCJpYXQiOjE3Nzk1Njg0NDQsImV4cCI6MjA5NTE0NDQ0NH0.52RDOTgew7wQLK4dILj_Trxox7VLr7pv6dYX--UO10M',
);
-51
View File
@@ -1,51 +0,0 @@
// Ambient test globals for optional *.test.* files in the editor / tsc.
// No test runner is installed in the template; stubs avoid spurious TS errors.
interface Matchers<R = void> {
toBeDefined(): R;
toBe(expected: unknown): R;
toEqual(expected: unknown): R;
toBeTruthy(): R;
toBeFalsy(): R;
toBeNull(): R;
toContain(item: unknown): R;
toHaveLength(length: number): R;
toMatch(expected: string | RegExp): R;
toThrow(expected?: string | RegExp | Error): R;
not: Matchers<R>;
}
interface Expect {
<T = unknown>(actual: T): Matchers;
}
declare const expect: Expect;
type TestCaseFn = (
name: string,
fn?: () => void | Promise<void>,
timeout?: number,
) => void;
declare const test: TestCaseFn;
declare const it: TestCaseFn;
declare const describe: TestCaseFn;
declare function beforeEach(fn: () => void | Promise<void>): void;
declare function afterEach(fn: () => void | Promise<void>): void;
declare function beforeAll(fn: () => void | Promise<void>): void;
declare function afterAll(fn: () => void | Promise<void>): void;
declare module "@testing-library/react" {
export function render(
ui: unknown,
options?: object,
): {
baseElement: Element;
container: Element;
unmount(): void;
rerender(ui: unknown): void;
};
export const screen: Record<string, (...args: unknown[]) => Element>;
export function cleanup(): void;
}
+40 -127
View File
@@ -1,152 +1,65 @@
/* Ionic CSS Variables — customise to match your app's brand */
:root {
--ion-color-primary: #5e6ad2;
--ion-color-primary-rgb: 94, 106, 210;
--ion-color-primary: #3880ff;
--ion-color-primary-rgb: 56, 128, 255;
--ion-color-primary-contrast: #ffffff;
--ion-color-primary-contrast-rgb: 255, 255, 255;
--ion-color-primary-shade: #535db9;
--ion-color-primary-tint: #6e79d7;
--ion-color-primary-shade: #3171e0;
--ion-color-primary-tint: #4c8dff;
--ion-color-secondary: #7a89f4;
--ion-color-secondary-rgb: 122, 137, 244;
--ion-color-secondary: #3dc2ff;
--ion-color-secondary-rgb: 61, 194, 255;
--ion-color-secondary-contrast: #ffffff;
--ion-color-secondary-contrast-rgb: 255, 255, 255;
--ion-color-secondary-shade: #6b79d7;
--ion-color-secondary-tint: #8895f5;
--ion-color-secondary-shade: #36abe0;
--ion-color-secondary-tint: #50c8ff;
--ion-color-tertiary: #8f78d8;
--ion-color-tertiary-rgb: 143, 120, 216;
--ion-color-tertiary: #5260ff;
--ion-color-tertiary-rgb: 82, 96, 255;
--ion-color-tertiary-contrast: #ffffff;
--ion-color-tertiary-contrast-rgb: 255, 255, 255;
--ion-color-tertiary-shade: #7e6ac0;
--ion-color-tertiary-tint: #9a86dc;
--ion-color-tertiary-shade: #4854e0;
--ion-color-tertiary-tint: #6370ff;
--ion-color-success: #3aa67a;
--ion-color-success-rgb: 58, 166, 122;
--ion-color-success: #2dd36f;
--ion-color-success-rgb: 45, 211, 111;
--ion-color-success-contrast: #ffffff;
--ion-color-success-contrast-rgb: 255, 255, 255;
--ion-color-success-shade: #33926b;
--ion-color-success-tint: #4eb088;
--ion-color-success-shade: #28ba62;
--ion-color-success-tint: #42d77d;
--ion-color-warning: #dfb25a;
--ion-color-warning-rgb: 223, 178, 90;
--ion-color-warning-contrast: #2d2520;
--ion-color-warning-contrast-rgb: 45, 37, 32;
--ion-color-warning-shade: #c49d4f;
--ion-color-warning-tint: #e2bb6b;
--ion-color-warning: #ffc409;
--ion-color-warning-rgb: 255, 196, 9;
--ion-color-warning-contrast: #000000;
--ion-color-warning-contrast-rgb: 0, 0, 0;
--ion-color-warning-shade: #e0ac08;
--ion-color-warning-tint: #ffca22;
--ion-color-danger: #cf6679;
--ion-color-danger-rgb: 207, 102, 121;
--ion-color-danger: #eb445a;
--ion-color-danger-rgb: 235, 68, 90;
--ion-color-danger-contrast: #ffffff;
--ion-color-danger-contrast-rgb: 255, 255, 255;
--ion-color-danger-shade: #b65a6a;
--ion-color-danger-tint: #d57587;
--ion-color-danger-shade: #cf3c4f;
--ion-color-danger-tint: #ed576b;
--ion-color-dark: #1f2430;
--ion-color-dark-rgb: 31, 36, 48;
--ion-color-dark: #222428;
--ion-color-dark-rgb: 34, 36, 40;
--ion-color-dark-contrast: #ffffff;
--ion-color-dark-contrast-rgb: 255, 255, 255;
--ion-color-dark-shade: #1b202a;
--ion-color-dark-tint: #353946;
--ion-color-dark-shade: #1e2023;
--ion-color-dark-tint: #383a3e;
--ion-color-medium: #7f8697;
--ion-color-medium-rgb: 127, 134, 151;
--ion-color-medium: #92949c;
--ion-color-medium-rgb: 146, 148, 156;
--ion-color-medium-contrast: #ffffff;
--ion-color-medium-contrast-rgb: 255, 255, 255;
--ion-color-medium-shade: #707686;
--ion-color-medium-tint: #8c93a2;
--ion-color-medium-shade: #808289;
--ion-color-medium-tint: #9d9fa6;
--ion-color-light: #f3f5fb;
--ion-color-light-rgb: 243, 245, 251;
--ion-color-light-contrast: #1f2430;
--ion-color-light-contrast-rgb: 31, 36, 48;
--ion-color-light-shade: #d6d8dd;
--ion-color-light-tint: #f4f6fb;
--app-background: #ffffff;
--app-surface: #ffffff;
--app-surface-secondary: #f6f7fb;
--app-text-primary: #202532;
--app-text-secondary: rgba(32, 37, 50, 0.68);
--app-text-tertiary: rgba(32, 37, 50, 0.46);
--app-accent-soft: rgba(94, 106, 210, 0.12);
--app-accent-softer: rgba(94, 106, 210, 0.08);
--app-success-soft: rgba(58, 166, 122, 0.12);
--app-shadow: 0 18px 48px rgba(82, 95, 140, 0.08);
}
body {
background: var(--app-background);
color: var(--app-text-primary);
}
ion-content.home-content {
--background: var(--app-background);
}
.home-toolbar {
--background: rgba(255, 255, 255, 0.92);
--border-width: 0;
--border-color: transparent;
--color: var(--app-text-primary);
box-shadow: none;
backdrop-filter: blur(18px);
}
ion-header.home-header::after {
display: none;
}
.home-shell {
padding: calc(88px + var(--ion-safe-area-top)) 24px
calc(32px + var(--ion-safe-area-bottom));
display: flex;
flex-direction: column;
}
.minimal-home-shell {
min-height: 100%;
justify-content: flex-start;
}
.minimal-welcome-card {
text-align: left;
display: flex;
flex-direction: column;
gap: 10px;
}
.subtle-welcome-card {
max-width: 420px;
margin: 0;
padding: 28px 24px;
background: var(--app-surface-secondary);
border-radius: 28px;
}
.minimal-welcome-card h1 {
margin: 0;
color: var(--app-text-primary);
font-size: 32px;
line-height: 1.12;
letter-spacing: -0.03em;
font-weight: 700;
}
.minimal-subtitle {
margin: 0;
color: var(--app-text-secondary);
font-size: 15px;
line-height: 1.55;
}
@media (min-width: 680px) {
.home-shell {
max-width: 720px;
margin: 0 auto;
}
.minimal-welcome-card h1 {
font-size: 40px;
}
--ion-color-light: #f4f5f8;
--ion-color-light-rgb: 244, 245, 248;
--ion-color-light-contrast: #000000;
--ion-color-light-contrast-rgb: 0, 0, 0;
--ion-color-light-shade: #d7d8da;
--ion-color-light-tint: #f5f6f9;
}
+18
View File
@@ -0,0 +1,18 @@
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'
}
+3 -4
View File
@@ -1,6 +1,3 @@
// NOTE: @ionic/react and @ionic/react-router are pinned to 8.8.7 in package.json.
// 8.8.8 introduced a regression that breaks IonRouterOutlet page transition animations.
// Do not upgrade until the upstream fix is confirmed.
import { defineConfig, type Plugin } from 'vite';
import react from '@vitejs/plugin-react';
@@ -24,7 +21,9 @@ export default defineConfig({
port: 8100,
allowedHosts: true,
hmr: {
clientPort: process.env.HMR_CLIENT_PORT ? parseInt(process.env.HMR_CLIENT_PORT) : undefined,
clientPort: process.env.HMR_CLIENT_PORT
? parseInt(process.env.HMR_CLIENT_PORT)
: undefined,
},
},
css: { devSourcemap: false },
+44 -63
View File
@@ -217,15 +217,15 @@ __metadata:
linkType: hard
"@capacitor-firebase/authentication@npm:^8.0.0":
version: 8.3.0
resolution: "@capacitor-firebase/authentication@npm:8.3.0"
version: 8.2.0
resolution: "@capacitor-firebase/authentication@npm:8.2.0"
peerDependencies:
"@capacitor/core": ">=8.0.0"
firebase: ^12.6.0
peerDependenciesMeta:
firebase:
optional: true
checksum: 10c0/a52f6ec85d18438ed616c78f29a8cea4a64621d13208a4d79d914344090630ce549f4e2d5d75da94b012e8799b4794e0af8d0e736edd97973b57205b62258ed9
checksum: 10c0/497c8063e3145ee719dbeb206bd30d7e9581471a7dfa6e6bb3067e96c29468a8035430101abcb0c724bec936e30ca1863344723115ae0b3a9a317e192c0ef3d2
languageName: node
linkType: hard
@@ -1043,11 +1043,11 @@ __metadata:
linkType: hard
"@googlemaps/js-api-loader@npm:^2.0.2":
version: 2.1.1
resolution: "@googlemaps/js-api-loader@npm:2.1.1"
version: 2.0.2
resolution: "@googlemaps/js-api-loader@npm:2.0.2"
dependencies:
"@types/google.maps": "npm:^3.53.1"
checksum: 10c0/06cb6eaf686b838be51efd8293010b7bee42e341e9ad41b42a0ee8909cf06cc5711ba6cfdbcd0c62ff05c8ba35d8622c34130e738bc5844011c8bc457d14de64
checksum: 10c0/1bd8f1e117145de83a7cfca7c05cf4cfb2d9095d507497f8b0e590be94de3a6a27a7a3c80801de6f58d77e5a2ce169a6b6d9c9d0dfc20ea1039d890226318c46
languageName: node
linkType: hard
@@ -1086,15 +1086,6 @@ __metadata:
languageName: node
linkType: hard
"@hookform/resolvers@npm:^3.9.0":
version: 3.10.0
resolution: "@hookform/resolvers@npm:3.10.0"
peerDependencies:
react-hook-form: ^7.0.0
checksum: 10c0/7ee44533b4cdc28c4fa2a94894c735411e5a1f830f4a617c580533321a9b901df0cc8c1e2fad81ad8d55154ebc5cb844cf9c116a3148ffae2bc48758c33cbb8e
languageName: node
linkType: hard
"@ionic/cli-framework-output@npm:^2.2.8":
version: 2.2.8
resolution: "@ionic/cli-framework-output@npm:2.2.8"
@@ -1741,21 +1732,21 @@ __metadata:
languageName: node
linkType: hard
"@supabase/auth-js@npm:2.108.1":
version: 2.108.1
resolution: "@supabase/auth-js@npm:2.108.1"
"@supabase/auth-js@npm:2.106.2":
version: 2.106.2
resolution: "@supabase/auth-js@npm:2.106.2"
dependencies:
tslib: "npm:2.8.1"
checksum: 10c0/8bf1bce42703b63284a0562d5a6588ac879b4fdeb477046a92fa9ba6fa0d75de7d85f4177d389654f68b812e359e9f0c9c3a659e7d37d96aaa2f6eba12d9cff0
checksum: 10c0/dc82807064bcf751c5378a9cc08a77d3732505434847af8c323355b63d417bfbfaa0e807c17eea7d0b7e022c8dadd7c9aa4c886554d60c599298e928d1035a98
languageName: node
linkType: hard
"@supabase/functions-js@npm:2.108.1":
version: 2.108.1
resolution: "@supabase/functions-js@npm:2.108.1"
"@supabase/functions-js@npm:2.106.2":
version: 2.106.2
resolution: "@supabase/functions-js@npm:2.106.2"
dependencies:
tslib: "npm:2.8.1"
checksum: 10c0/da67a82c4a79e049fa3d077f1ca3917a58707fa35df642d39d8b23edf5056a2a2427ea201d3f49bb11eafb06413dfde552a6bf63b2da4865a421d44c690c0fe7
checksum: 10c0/256ca5134b22b90edab4c7c1f3c5db3ba8e80adbb15c3725e5ed2456a39fe21af5b7cacb2966590f6fbd17812761d2086fcad5db09eba90490911d2a66f880f1
languageName: node
linkType: hard
@@ -1766,45 +1757,45 @@ __metadata:
languageName: node
linkType: hard
"@supabase/postgrest-js@npm:2.108.1":
version: 2.108.1
resolution: "@supabase/postgrest-js@npm:2.108.1"
"@supabase/postgrest-js@npm:2.106.2":
version: 2.106.2
resolution: "@supabase/postgrest-js@npm:2.106.2"
dependencies:
tslib: "npm:2.8.1"
checksum: 10c0/29168464f44a723175ef510410df36f993581229d617816dfd33eb9bf5378742910fb9c18508040188ba2a16c20988f84d6f722decd79e34190daea35a5374af
checksum: 10c0/57c1a78428d59dfa7a89ef7901f28f756068ce9dd27ff97bf133be6ba77a4a1f13dab38bfa1a2e40cf5fab5c9d84bea394aff73514da0d6062b5b10732631127
languageName: node
linkType: hard
"@supabase/realtime-js@npm:2.108.1":
version: 2.108.1
resolution: "@supabase/realtime-js@npm:2.108.1"
"@supabase/realtime-js@npm:2.106.2":
version: 2.106.2
resolution: "@supabase/realtime-js@npm:2.106.2"
dependencies:
"@supabase/phoenix": "npm:^0.4.2"
tslib: "npm:2.8.1"
checksum: 10c0/bb4cea92714389b6f5f4b626e4c3cbacee2a57c543b71217d3d3032bfe35574cd26fe305bfbde0426230ca3b887e2116c78d47aa37117160b2b9d5ba11564ded
checksum: 10c0/18cb4015e26e6eb10c45b8546c02eefdae0461123f05ff614d49107f97560b12c6e87a7cb810bc1a5e4618ad5286cc9cc5283800285e94356ea8e38a69910c10
languageName: node
linkType: hard
"@supabase/storage-js@npm:2.108.1":
version: 2.108.1
resolution: "@supabase/storage-js@npm:2.108.1"
"@supabase/storage-js@npm:2.106.2":
version: 2.106.2
resolution: "@supabase/storage-js@npm:2.106.2"
dependencies:
iceberg-js: "npm:^0.8.1"
tslib: "npm:2.8.1"
checksum: 10c0/5a010b4d3af565b26ceb1d07e3d3f0541c8fe538350931c4fc15d0b560b3e40c354cc66259882a8b378e70dace59bc83dd53849feb48509155b8b342e00724a2
checksum: 10c0/efb0904f1311d568c6b75336771933eb9f4bea93a1cb0f90fe54422d00162d5793e404974eefc509c93dba3f337d9d6897d6ed228657590150a1346eae8f01f7
languageName: node
linkType: hard
"@supabase/supabase-js@npm:^2.0.0":
version: 2.108.1
resolution: "@supabase/supabase-js@npm:2.108.1"
version: 2.106.2
resolution: "@supabase/supabase-js@npm:2.106.2"
dependencies:
"@supabase/auth-js": "npm:2.108.1"
"@supabase/functions-js": "npm:2.108.1"
"@supabase/postgrest-js": "npm:2.108.1"
"@supabase/realtime-js": "npm:2.108.1"
"@supabase/storage-js": "npm:2.108.1"
checksum: 10c0/9b8c3dd7153b4eb3c0bf47296e326c3e57bf77b979a5dc5d18b96a25c041195de942d227d13a5ce83a20203163580204e9102f2346f0a9461de4042b95f69f03
"@supabase/auth-js": "npm:2.106.2"
"@supabase/functions-js": "npm:2.106.2"
"@supabase/postgrest-js": "npm:2.106.2"
"@supabase/realtime-js": "npm:2.106.2"
"@supabase/storage-js": "npm:2.106.2"
checksum: 10c0/3d9418360b43cdf950c4d7496b368dd1c526cfc717dd3016ac032b904367476f31495c75c6ae905ef49e8b5b375416cb5cc354fb888d1e2fc596611824df2e97
languageName: node
linkType: hard
@@ -1873,9 +1864,9 @@ __metadata:
linkType: hard
"@types/google.maps@npm:^3.53.1, @types/google.maps@npm:^3.58.1":
version: 3.65.1
resolution: "@types/google.maps@npm:3.65.1"
checksum: 10c0/9a7da04d9f27be7a3f9a4de2e6dd9271b68b83aa8a6050fc53ec5cc1366669ead4c27185200adf56f07d69c9a2bba72d82a0cf706e41ed4e7e89d98c44c5c6a1
version: 3.64.1
resolution: "@types/google.maps@npm:3.64.1"
checksum: 10c0/4ade621941045c7e1b1ead30e0b4025b7fccf2b4cfb7c9b5f48c31cceb964c74d17c28b6105be15b99df85c23e19b25415e9fd7bdd7b1d40b7000d22dbbb4e7e
languageName: node
linkType: hard
@@ -1893,7 +1884,7 @@ __metadata:
languageName: node
linkType: hard
"@types/node@npm:*":
"@types/node@npm:*, @types/node@npm:>=12.12.47, @types/node@npm:>=13.7.0":
version: 25.9.1
resolution: "@types/node@npm:25.9.1"
dependencies:
@@ -1902,15 +1893,6 @@ __metadata:
languageName: node
linkType: hard
"@types/node@npm:>=12.12.47, @types/node@npm:>=13.7.0":
version: 25.9.3
resolution: "@types/node@npm:25.9.3"
dependencies:
undici-types: "npm:>=7.24.0 <7.24.7"
checksum: 10c0/72d3aece9d42c2c641bcd3f3cb2dc2828b4bd384dfcbd910c404b8859a68bd69d50c4769ce7defd4ff5e049768e23e615f09407ea2cbbb5f44b90d75a7c6b8ca
languageName: node
linkType: hard
"@types/react-dom@npm:^19.0.0":
version: 19.2.3
resolution: "@types/react-dom@npm:19.2.3"
@@ -2036,7 +2018,6 @@ __metadata:
"@capacitor/keyboard": "npm:8.0.3"
"@capacitor/push-notifications": "npm:^8.1.1"
"@capacitor/status-bar": "npm:8.0.2"
"@hookform/resolvers": "npm:^3.9.0"
"@ionic/pwa-elements": "npm:^3.0.0"
"@ionic/react": "npm:8.8.7"
"@ionic/react-router": "npm:8.8.7"
@@ -2988,8 +2969,8 @@ __metadata:
linkType: hard
"protobufjs@npm:^7.2.5":
version: 7.6.3
resolution: "protobufjs@npm:7.6.3"
version: 7.6.1
resolution: "protobufjs@npm:7.6.1"
dependencies:
"@protobufjs/aspromise": "npm:^1.1.2"
"@protobufjs/base64": "npm:^1.1.2"
@@ -3003,7 +2984,7 @@ __metadata:
"@protobufjs/utf8": "npm:^1.1.1"
"@types/node": "npm:>=13.7.0"
long: "npm:^5.3.2"
checksum: 10c0/e1132b1ff82684280041550d720398568763ff40928def03e8bb409eaed6edd222e63372e3f52d7c19e5a8e9975333480e26950759086eb5a1f5b5c118da7bf8
checksum: 10c0/364c6914facac19ace915e353f71c5d5996bfa8177a3a68c09bd2513a3ecf780538aca06cb3439237f50489db2fae321c4a4db60fd7f9ec65315b7ad66bea029
languageName: node
linkType: hard
@@ -3587,13 +3568,13 @@ __metadata:
linkType: hard
"websocket-driver@npm:>=0.5.1":
version: 0.7.5
resolution: "websocket-driver@npm:0.7.5"
version: 0.7.4
resolution: "websocket-driver@npm:0.7.4"
dependencies:
http-parser-js: "npm:>=0.5.1"
safe-buffer: "npm:>=5.1.0"
websocket-extensions: "npm:>=0.1.1"
checksum: 10c0/843a3c9f529ce07f2721829f70f62986247525ab22625e857b69da13dc90967bacfe57b85e196801b565cd797e309ddd5b06fa8435732e34e8a8ab6201d7abed
checksum: 10c0/5f09547912b27bdc57bac17b7b6527d8993aa4ac8a2d10588bb74aebaf785fdcf64fea034aae0c359b7adff2044dd66f3d03866e4685571f81b13e548f9021f1
languageName: node
linkType: hard