mirror of
https://github.com/mauriceboe/TREK.git
synced 2026-10-18 21:16:47 +00:00
Maurice
7572c610a6
The shells still carried Capacitor's placeholder icon and splash, the blue X on a grid. They now show the white TREK mark on a dark, slightly glassy tile: a soft light from the top left and a sheen over the upper half, in the app's launch colour #09090b. Android 12+ draws its launch screen on the same colour instead of light grey. scripts/generate-app-icons.mjs renders the sources into assets/ from public/icons/icon-white.svg, and `npm run icons:app` turns them into every size both platforms ask for through @capacitor/assets. The Android foreground mark is sized for the adaptive icon's round mask. The home screen label is TREK: the old "TREK - Plan your trips!" was cut off under the icon, and the longer title belongs to the store listings.
61 lines
2.7 KiB
TypeScript
61 lines
2.7 KiB
TypeScript
/// <reference types="@capacitor/splash-screen" />
|
|
/// <reference types="@capacitor/keyboard" />
|
|
import type { CapacitorConfig } from '@capacitor/cli';
|
|
import { KeyboardResize } from '@capacitor/keyboard';
|
|
|
|
const config: CapacitorConfig = {
|
|
appId: 'com.liketrek.trek',
|
|
// What the home screen shows under the icon; the longer title belongs to
|
|
// the store listings.
|
|
appName: 'TREK',
|
|
// The app ships only the address screen. Once a server is picked, the native
|
|
// side points the WebView at it (TrekBridgeViewController.swift,
|
|
// MainActivity.java) and the UI comes from that server, always in the version
|
|
// the server runs. Session cookie, uploads, /ws and plugins work as they do in
|
|
// a browser, because the WebView is on the server's own origin.
|
|
webDir: 'native-dist',
|
|
server: {
|
|
// Android serves the address screen from https://localhost so it is a
|
|
// secure context. iOS keeps its default capacitor:// scheme: WKWebView
|
|
// handles https itself and Capacitor silently drops an iosScheme of https.
|
|
androidScheme: 'https',
|
|
// iOS shows this page from the app bundle whenever the server fails to
|
|
// load. It knows a server is remembered, first tries the stored offline
|
|
// copy of the server's start page, then offers to retry or pick another
|
|
// one. Android restarts on the same page instead (TrekWebViewClient.java),
|
|
// because it injects no bridge into a local page while a server is set.
|
|
errorPath: 'index.html',
|
|
},
|
|
ios: {
|
|
// Long-pressing a link shows a Safari preview otherwise, which no app does.
|
|
allowsLinkPreview: false,
|
|
},
|
|
plugins: {
|
|
SplashScreen: {
|
|
// Matches <meta name="theme-color"> in index.html, so the launch image,
|
|
// the splash and the first painted frame are the same colour and there is
|
|
// no white flash between them.
|
|
backgroundColor: '#09090b',
|
|
// The server's UI hides it once React has mounted (native/nativeApp.ts),
|
|
// the address screen once it has rendered. Auto-hide stays on as the
|
|
// ceiling, so a page that never gets there cannot leave it up for good.
|
|
launchAutoHide: true,
|
|
launchShowDuration: 4000,
|
|
launchFadeOutDuration: 200,
|
|
showSpinner: false,
|
|
androidScaleType: 'CENTER_CROP',
|
|
},
|
|
Keyboard: {
|
|
// The mobile shell is built from bottom sheets (mobile/screens/**/M*Sheet).
|
|
// `body` resizes the webview itself, so a sheet's own scroll container
|
|
// keeps working; `native` resizes the whole view and fights the sheet.
|
|
resize: KeyboardResize.Body,
|
|
// Android-only workaround: with an edge-to-edge status bar the webview
|
|
// otherwise does not resize at all when the keyboard opens.
|
|
resizeOnFullScreen: true,
|
|
},
|
|
},
|
|
};
|
|
|
|
export default config;
|