Diagnosis: no native video rendered at all (bg went black, but camera AND screen tiles were empty). WKWebView does NOT composite native subviews placed under its scrollView through transparent web content — only the webView's own layer background shows through. So the video was effectively invisible. Fix (the standard hole-punch): insert the video tiles into the WebView's SUPERVIEW, BEHIND the (fully transparent) WebView, so the web content paints on top and the video shows through. Changes: - makeTileView / syncVideoTiles: insert belowSubview: host (the WebView) in host.superview, and offset frames by the WebView's origin (getBoundingClientRect is viewport-relative). - webView.backgroundColor = .clear (was .black — a black webView bg would have occluded the video behind it); the VC view's black background is the backing. Plugin-only change — needs a Codemagic build. Web (transparent chain, zoom, bz-hasvid) already correct. 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.