The iOS splash read as unbranded for two concrete reasons: 1. The light-mode master (resources/splash.png) was on a WHITE background while the SplashScreen plugin paints #16294F navy -> a white->navy->app flash on light-mode devices. 2. The logo + "Biz Connect" wordmark spanned ~82% of the 2732 square, but the launch storyboard scales it scaleAspectFill; on tall iPhones ~27% of each side is cropped, clipping the wordmark edges. New splash (both light + dark masters, identical navy so there is no flash): brand navy gradient (#20396f -> #16294f) matching the plugin background, the C-mark as hero, and the wordmark typeset in Corbel (closest installed match to the brand geometric wordmark) sized to 1041px -> inside the ~1260px aspectFill safe zone, so nothing clips on any device. Also hardened codemagic.yaml: the asset step used `|| echo skipped`, which silently shipped Capacitor's blank default splash if generation failed. Now it hard-verifies the generated iOS Splash.imageset exists and fails the build otherwise. Rides the next Codemagic build (native asset; no server redeploy). Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Biz Connect — Mobile app (Capacitor)
A Capacitor shell that loads the live Connect web UI (server.url in
capacitor.config.json) and adds native push, camera/mic, and store distribution. See the
overall plan in ../CLIENTS.md.
Android: follow the step-by-step in ANDROID_SETUP.md (project generation, icons/splash, permissions, Firebase/FCM, run, and Play Store build).
Prerequisites
- Node +
npm installhere. - Android: Android Studio + SDK.
- iOS: macOS + Xcode (+ an Apple Developer account to run on device / ship).
Setup
npm install
npm run assets # generate app icons + splash from resources/
npx cap add android
npx cap add ios # macOS only
npx cap sync
Run / build
npx cap open android # build & run from Android Studio
npx cap open ios # build & run from Xcode
Server origin
The app loads server.url from capacitor.config.json (default
https://remote.bizgaze.com). For a local device test against a dev server, set it to your
machine's LAN URL (and allow cleartext for plain http).
Native push (next step)
Native push uses the Capacitor Push Notifications plugin (FCM on Android, APNs on iOS) and a server endpoint to register device tokens — tracked in ../CLIENTS.md Phase B. This is separate from the existing Web Push (VAPID) the PWA already uses. Needs Google/Apple credentials to test end-to-end.
Shipping (gated on accounts)
- Google Play: one-time $25; upload an AAB; signing key.
- App Store: Apple Developer $99/yr; archive via Xcode; App Store Connect listing.