mirror of
https://github.com/mauriceboe/TREK.git
synced 2026-11-13 07:40:59 +00:00
3beb5c4223
The UI now turns these on by feature on Android as well as iOS: - widgets, widgetTrips and the travel day (liveActivity) write the same snapshot to the Android app's Glance widgets; the travel day also sends the next stop's minutes and the stops' colours for the Live Update. - geolocation answers navigator.geolocation from the app's location stream. - tileCache: Android keeps Mapbox's resources in its WebView client, so the map is offline-capable there too, without the iOS trek-tile:// rewrite. - playBilling: the purchase client buys through Google Play on Android, with the purchase token as the receipt the control plane verifies. - googleWallet: a booking's button adds it to Google Wallet on Android, through the save link the server asks the TREK services for.
170 lines
7.8 KiB
TypeScript
170 lines
7.8 KiB
TypeScript
import { registerPlugin } from '@capacitor/core';
|
|
import type { NativeCapabilities } from './capabilities';
|
|
|
|
/**
|
|
* The app's own native plugin, implemented in
|
|
* ios/App/App/TrekShellPlugin.swift and
|
|
* android/app/src/main/java/com/liketrek/trek/TrekShellPlugin.java.
|
|
*
|
|
* The app is a frame around the UI the user's server delivers, so what the
|
|
* web side needs from it is small: which server that is, a way to change it,
|
|
* a system browser for the sign-ins a WebView cannot do, and on iOS the
|
|
* offline copy of the start page that stands in for the missing service
|
|
* worker.
|
|
*/
|
|
export interface TrekShellPlugin {
|
|
getServer(): Promise<{ url: string | null }>;
|
|
/** Remembers the server and loads it. The current page is gone afterwards. */
|
|
setServer(options: { url: string }): Promise<void>;
|
|
/** Forgets the server and returns to the address screen. */
|
|
resetServer(): Promise<void>;
|
|
/** Loads the remembered server again, after it could not be reached. */
|
|
reload(): Promise<void>;
|
|
/**
|
|
* Opens `url` in the system browser and resolves with the URL it was sent
|
|
* back to under `callbackScheme`. Rejects with code `CANCELLED` when the
|
|
* user closes the browser.
|
|
*/
|
|
authenticate(options: { url: string; callbackScheme: string }): Promise<{ url: string }>;
|
|
/** iOS: stores the server's start page for a cold start without network. */
|
|
refreshOfflineCopy(): Promise<{ saved: boolean }>;
|
|
/** iOS: loads that copy under the server's origin. False when there is none. */
|
|
openOfflineCopy(): Promise<{ opened: boolean }>;
|
|
/** What this binary offers the UI (native/capabilities.ts). Missing before shell API 2. */
|
|
getCapabilities(): Promise<NativeCapabilities>;
|
|
/** Feature tileCache: what the map tile store takes on disk, and its limit (iOS: every map; Android: Mapbox's). */
|
|
getTileCacheUsage(): Promise<{ bytes: number; limit: number }>;
|
|
/** Feature tileCache: empties the map tile store. */
|
|
clearTileCache(): Promise<void>;
|
|
/** Feature biometricLock: which biometry the device offers for the app lock. */
|
|
biometryInfo(): Promise<{ available: boolean; type: string }>;
|
|
/** Feature biometricLock: Face ID, Touch ID or the passcode. Rejects with CANCELLED or FAILED. */
|
|
authenticateBiometric(options: { reason: string }): Promise<{ ok: true }>;
|
|
/** Feature biometricLock: a blurred cover in the app switcher while the lock is on. */
|
|
setPrivacyCover(options: { enabled: boolean }): Promise<void>;
|
|
/** Feature geolocation: starts the native location stream (the "location" event). */
|
|
startLocation(options: { highAccuracy: boolean }): Promise<void>;
|
|
stopLocation(): Promise<void>;
|
|
addListener(
|
|
event: 'location',
|
|
listener: (payload: NativeLocationPayload) => void
|
|
): Promise<{ remove: () => Promise<void> }>;
|
|
addListener(
|
|
event: 'sharedFile',
|
|
listener: (payload: SharedFilePayload) => void
|
|
): Promise<{ remove: () => Promise<void> }>;
|
|
/** Feature sharedFiles: the booking document shared to TREK before the UI ran. */
|
|
takeSharedFile(): Promise<{ file: SharedFilePayload | null }>;
|
|
/** Feature nativePush: permission, APNs and the device keys, as a Web Push subscription. Rejects with DENIED. */
|
|
registerPush(): Promise<{ endpoint: string; keys: { p256dh: string; auth: string } }>;
|
|
/** Feature nativePush: the notification the app was opened from, before the UI ran. */
|
|
takeOpenedPush(): Promise<{ url: string | null }>;
|
|
/** Feature widgets: what the home-screen widget shows (native/widgets.ts), as JSON. */
|
|
/** Feature widgetTrips adds `key`: "trip.<id>" for one trip's snapshot, "trips" for the list a widget picks from. */
|
|
setWidgetSnapshot(options: { json: string; key?: string }): Promise<void>;
|
|
/** Feature liveActivity: starts the travel day's Live Activity, or updates the running one. */
|
|
syncTripDay(options: {
|
|
tripTitle: string;
|
|
path: string;
|
|
dayLabel: string;
|
|
nextName: string;
|
|
nextTime?: string;
|
|
done: number;
|
|
total: number;
|
|
/** Android: minutes after midnight of the next stop, for the countdown in the Live Update. */
|
|
nextMinutes?: number;
|
|
/** Android: each stop's colour (#rrggbb) for the Live Update's segments. */
|
|
colors?: (string | null)[];
|
|
}): Promise<{ running: boolean }>;
|
|
endTripDay(): Promise<void>;
|
|
/** Feature storeKit (iOS) or playBilling (Android): the store's price strings for the products it knows. */
|
|
storeProducts(options: {
|
|
ids: string[];
|
|
}): Promise<{ products: { id: string; displayPrice: string }[]; sandbox?: boolean }>;
|
|
/**
|
|
* The purchase sheet. Set when bought: on iOS `jws`, the signed transaction; on
|
|
* Android `purchaseToken`, which the control plane verifies with Google Play.
|
|
*/
|
|
storePurchase(options: { productId: string }): Promise<{
|
|
kind: 'bought' | 'cancelled' | 'pending' | 'failed';
|
|
jws?: string;
|
|
purchaseToken?: string;
|
|
productId?: string;
|
|
transactionId?: string;
|
|
}>;
|
|
/** Marks a purchase delivered once its instance exists (Android: acknowledges it with Google Play). */
|
|
storeFinish(options: { transactionId: string }): Promise<void>;
|
|
/** iOS, feature wallet: adds a .pkpass (base64) to Apple Wallet, or opens it there when it is already in. */
|
|
addToWallet(options: { data: string }): Promise<{ result: 'added' | 'opened' | 'cancelled' }>;
|
|
/** The newest active subscription under `prefix` on this Apple ID or Google account, if any. */
|
|
storeRestore(options: {
|
|
prefix: string;
|
|
}): Promise<{ jws?: string; purchaseToken?: string; productId?: string; transactionId?: string }>;
|
|
/** Android, feature googleWallet: opens a Google Wallet save link (https://pay.google.com/gp/v/save/...). */
|
|
addToGoogleWallet(options: { url: string }): Promise<{ result: 'opened' }>;
|
|
/** Android, feature windowLayout: the window's size classes and a foldable's posture and hinge. */
|
|
getWindowLayout(): Promise<NativeWindowLayout>;
|
|
addListener(
|
|
event: 'windowLayout',
|
|
listener: (payload: NativeWindowLayout) => void
|
|
): Promise<{ remove: () => Promise<void> }>;
|
|
addListener(
|
|
event: 'pushOpened',
|
|
listener: (payload: { url: string }) => void
|
|
): Promise<{ remove: () => Promise<void> }>;
|
|
}
|
|
|
|
/** A document shared to TREK, as the native side reads it. */
|
|
export interface SharedFilePayload {
|
|
name: string;
|
|
mimeType: string;
|
|
/** base64 */
|
|
data: string;
|
|
/** Set when the share sheet already asked which trip it belongs to (feature shareSheet). */
|
|
tripId?: number;
|
|
}
|
|
|
|
/**
|
|
* The window as the Android app sees it (feature windowLayout): its size in CSS
|
|
* pixels, Android's size classes, and a foldable's posture with the hinge's
|
|
* place in the window. `posture` is none on a device without a fold.
|
|
*/
|
|
interface NativeWindowLayout {
|
|
width: number;
|
|
height: number;
|
|
widthClass: 'compact' | 'medium' | 'expanded';
|
|
heightClass: 'compact' | 'medium' | 'expanded';
|
|
posture: 'none' | 'flat' | 'halfOpened';
|
|
orientation?: 'vertical' | 'horizontal';
|
|
separating?: boolean;
|
|
occluding?: boolean;
|
|
hinge?: { left: number; top: number; right: number; bottom: number };
|
|
}
|
|
|
|
/** A position, or an error shaped like GeolocationPositionError (1 denied, 2 unavailable). */
|
|
export type NativeLocationPayload =
|
|
| {
|
|
latitude: number;
|
|
longitude: number;
|
|
accuracy: number;
|
|
altitude: number | null;
|
|
speed: number | null;
|
|
heading: number | null;
|
|
timestamp: number;
|
|
error?: undefined;
|
|
}
|
|
| { error: { code: number; message: string } };
|
|
|
|
export const TrekShell = registerPlugin<TrekShellPlugin>('TrekShell');
|
|
|
|
export const APP_URL_SCHEME = 'com.liketrek.trek';
|
|
|
|
/**
|
|
* True for the rejection Capacitor gives when the installed app has no such
|
|
* native method: the UI comes from the server, so a newer server can call into
|
|
* an app binary that predates the method.
|
|
*/
|
|
export function isUnimplemented(err: unknown): boolean {
|
|
return typeof err === 'object' && err !== null && (err as { code?: unknown }).code === 'UNIMPLEMENTED';
|
|
}
|