incyclist-services 1.7.16 → 1.7.18

package/lib/cjs/activities/list/service.js

@@ -229,19 +229,24 @@ let ActivityListService = (() => {
                 }
                 const startStettings = this.selected.createStartSettings();
                 const card = this.selected.getRouteCard();
-                const routes = this.getRouteList();
-                routes.selectCard(card);
-                routes.setStartSettings(startStettings);
-                const route = routes.getSelected();
-                if (!route.details) {
-                    route.details = await routes.getRouteDetails(route.description.id);
+                if (card) {
+                    const routes = this.getRouteList();
+                    routes.selectCard(card);
+                    routes.setStartSettings(startStettings);
+                    const route = routes.getSelected();
                     if (!route.details) {
-                        return { canStart: false };
+                        route.details = await routes.getRouteDetails(route.description.id);
+                        if (!route.details) {
+                            return { canStart: false };
+                        }
                     }
+                    card.changeSettings(startStettings);
+                    card.start();
+                    return { canStart: true, route };
+                }
+                else {
+                    return { canStart: false };
                 }
-                card.changeSettings(startStettings);
-                card.start();
-                return { canStart: true, route };
             }
             catch (err) {
                 this.logError(err, 'rideAgain');

package/lib/cjs/base/pages/service.js

@@ -53,6 +53,9 @@ let IncyclistPageService = (() => {
         name = __runInitializers(this, _instanceExtraInitializers);
         pageObserver;
         static currentPage;
+        static closePage() {
+            this.currentPage?.closePage();
+        }
         static async pausePage() {
             await this.currentPage?.pausePage();
         }

package/lib/cjs/devices/access/service.js

@@ -92,6 +92,10 @@ let DeviceAccessService = (() => {
                     this.logEvent({ message: 'Illegal State, enable Interface cannot be called during an ongoing scan', interface: ifaceName });
                     return;
                 }
+                existing.interface.removeAllListeners('disconnect');
+                existing.interface.on('disconnect', () => {
+                    this.emit('interface-changed', ifaceName, { ...existing, state: 'disconnected' });
+                });
                 if (existing.enabled && ((existing.state === 'connected' && existing?.interface?.isConnected()) || existing.state === 'connecting')) {
                     return;
                 }
@@ -267,6 +271,16 @@ let DeviceAccessService = (() => {
             this.emit('interface-changed', ifaceName, { ...this.interfaces[ifaceName] });
             return disconnected;
         }
+        async terminate(ifaceName) {
+            await this.disconnect(ifaceName);
+            if (!ifaceName) {
+                const promises = Object.keys(this.interfaces).map(i => this.terminate(i));
+                await Promise.allSettled(promises);
+                return;
+            }
+            const impl = this.getInterface(ifaceName);
+            await impl.terminate();
+        }
         async scan(filter = {}, props = {}) {
             this.logEvent({ message: 'device scan start', filter, props });
             const detected = [];

package/lib/cjs/devices/page/service.js

@@ -45,6 +45,7 @@ const access_1 = require("../access");
 const configuration_1 = require("../configuration");
 const api_1 = require("../../api");
 const ui_1 = require("../../ui");
+const types_1 = require("../../base/types");
 let DevicesPageService = (() => {
     let _classDecorators = [decorators_1.Singleton];
     let _classDescriptor;
@@ -77,6 +78,8 @@ let DevicesPageService = (() => {
         stateMachine;
         logObserver;
         openedCapability;
+        openedInterfaceSettings;
+        interfaceSettingsObserver;
         constructor() {
             super('Pairing');
             this.stateMachine = new statemachine_1.PairingPageStateMachine();
@@ -163,7 +166,7 @@ let DevicesPageService = (() => {
                 const caps = this.state.capabilities ?? [];
                 const ifs = this.state.interfaces ?? [];
                 (0, access_1.useDeviceAccess)().enrichWithAccessState(ifs);
-                const interfaces = ifs.map(i => this.getInterfaceDisplayProps(i));
+                const interfaces = ifs.map(i => { return this.getInterfaceDisplayProps(i); });
                 const capProps = caps.map(c => this.getCapabilityDisplayProps(c));
                 const loading = this.promiseOpen != undefined;
                 const CP = (cap) => capProps.find(c => c.capability === cap);
@@ -183,6 +186,7 @@ let DevicesPageService = (() => {
                     capabilities: { top, bottom },
                     interfaces,
                     deviceSelection: this.getDeviceListDisplayProps(),
+                    showInterfaceSettings: this.openedInterfaceSettings,
                     buttons,
                     onExit
                 };
@@ -193,10 +197,34 @@ let DevicesPageService = (() => {
                     capabilities: { top: [], bottom: [] },
                     interfaces: [],
                     buttons: [{ label: 'Skip', primary: true, onClick: this.onSkip.bind(this) }],
+                    showInterfaceSettings: this.openedInterfaceSettings,
                     onExit
                 };
             }
         }
+        getInterfaceSettingsObserver() {
+            this.interfaceSettingsObserver = this.interfaceSettingsObserver ?? new types_1.Observer();
+            return this.interfaceSettingsObserver;
+        }
+        getInterfaceSettingsDisplayProps() {
+            if (!this.openedInterfaceSettings)
+                return;
+            const ifs = this.state.interfaces ?? [];
+            const info = ifs.find(isd => isd.name == this.openedInterfaceSettings);
+            return {
+                state: this.mapInterfaceState(info.state),
+                enabled: info.enabled,
+            };
+        }
+        enableInterface(i) { }
+        disableInterface(i) { }
+        reconnectInterface(i) { }
+        refreshInterface(i) { }
+        closeInterfaceSettings() {
+            this.openedInterfaceSettings = undefined;
+            this.interfaceSettingsObserver?.stop();
+            this.updatePage();
+        }
         getCapabilityDisplayProps(data) {
             const { capability: cap, deviceName, connectState, value, unit, disabled } = data;
             const capability = this.getTCapability(cap);
@@ -210,8 +238,7 @@ let DevicesPageService = (() => {
                 onClick
             };
         }
-        getInterfaceDisplayProps(info) {
-            const { name, state } = info;
+        mapInterfaceState(state) {
             const mapping = {
                 connected: 'scanning',
                 connecting: "idle",
@@ -220,9 +247,14 @@ let DevicesPageService = (() => {
                 unavailable: 'error',
                 unknown: 'idle'
             };
+            return mapping[state];
+        }
+        getInterfaceDisplayProps(info) {
+            const { name, state } = info;
             return {
                 name,
-                state: mapping[state],
+                state: this.mapInterfaceState(state),
+                onClick: () => { this.openInterfaceSettings(name); }
             };
         }
         getDeviceListDisplayProps() {
@@ -253,6 +285,11 @@ let DevicesPageService = (() => {
         updatePage() {
             this.getPageObserver().emit('page-update');
         }
+        openInterfaceSettings(i) {
+            const info = this.state.interfaces.find(id => id.name === i);
+            this.openedInterfaceSettings = i;
+            this.updatePage();
+        }
         onEnableCapability(enabled) {
             const all = this.state.capabilities ?? [];
             const requested = all.find(c => c.capability === this.openedCapability);
@@ -260,7 +297,7 @@ let DevicesPageService = (() => {
             this.updatePage();
         }
         openDeviceSelection(cap) {
-            this.logEvent({ message: 'capability clicked', capability: cap });
+            this.logEvent({ message: 'capability clicked', capability: cap, eventSource: 'user' });
             this.openedCapability = cap;
             this.stateMachine.onDeviceSelectionOpened(() => { this.updatePage(); });
             this.updatePage();

package/lib/cjs/devices/page/statemachine.js

@@ -93,13 +93,14 @@ let PairingPageStateMachine = (() => {
             }
         }
         stop() {
+            console.log('# statemachin stop');
             try {
                 const prev = this.state;
                 this.unregisterServiceEventHandlers();
                 delete this.stateChangeCallback;
                 this.resetTimeouts();
                 this.setState('Closed');
-                this.logIncomingEvent('stop', prev, 'Idle');
+                this.logIncomingEvent('stop', prev, 'Closed');
             }
             catch (err) {
                 this.logError(err, 'stop');
@@ -180,7 +181,7 @@ let PairingPageStateMachine = (() => {
             }
             else {
                 if (this.selectStateChangeCallback)
-                    this.selectStateChangeCallback;
+                    this.selectStateChangeCallback();
             }
         }
         performCheck(prevState) {

package/lib/cjs/devices/pairing/service.js

@@ -200,7 +200,7 @@ let DevicePairingService = (() => {
             }
         }
         async exit() {
-            return this.stop([], true);
+            return await this.stop([], true);
         }
         async prepareStart(adapterFilter = []) {
             const stillPairing = this.isPairing();

package/lib/cjs/ui/service.js

@@ -49,6 +49,7 @@ const activities_1 = require("../activities");
 const monitoring_1 = require("../monitoring");
 const appstate_1 = require("../appstate");
 const pages_1 = require("../base/pages");
+const utils_1 = require("../utils");
 let UserInterfaceServcie = (() => {
     let _classDecorators = [decorators_1.Singleton];
     let _classDescriptor;
@@ -84,6 +85,7 @@ let UserInterfaceServcie = (() => {
         platform;
         version;
         isTerminating;
+        isTerminated;
         queuedMessages = [];
         iv;
         heartbeatIv;
@@ -93,6 +95,7 @@ let UserInterfaceServcie = (() => {
             super('Incyclist');
             this.bindings = this.getBindings();
             this.isTerminating = false;
+            this.isTerminated = false;
         }
         getBindings() {
             return (0, api_1.getBindings)();
@@ -103,6 +106,8 @@ let UserInterfaceServcie = (() => {
             };
         }
         async onAppLaunch(platform, version, appFeatures) {
+            this.isTerminated = false;
+            this.isTerminating = false;
             try {
                 this.platform = platform;
                 this.version = version;
@@ -128,16 +133,21 @@ let UserInterfaceServcie = (() => {
             }
         }
         async onAppExit() {
+            if (this.isTerminated)
+                return;
             try {
                 if (!this.isTerminating) {
                     this.isTerminating = true;
                     this.logEvent({ message: 'onAppExit called' });
                     this.stopHeartbeatWorker();
                     this.sendAppExitMessage();
+                    pages_1.IncyclistPageService.closePage();
+                    await (0, utils_1.waitNextTick)();
                     await (0, devices_1.useDevicePairing)().exit();
-                    await (0, devices_1.useDeviceAccess)().disconnect();
+                    await (0, devices_1.useDeviceAccess)().terminate();
                     this.appState = 'Stopped';
                     this.logEvent({ message: 'onAppExit finished' });
+                    this.isTerminated = true;
                     return true;
                 }
                 return false;
@@ -148,6 +158,8 @@ let UserInterfaceServcie = (() => {
             }
         }
         async onAppPause() {
+            if (this.isTerminated || this.isTerminating)
+                return;
             try {
                 this.appState = 'Background';
                 this.logEvent({ message: 'onAppPause called' });
@@ -161,6 +173,12 @@ let UserInterfaceServcie = (() => {
             return true;
         }
         async onAppResume() {
+            if (this.isTerminated) {
+                await this.onAppLaunch(this.platform, this.version, this.appFeatures);
+                return;
+            }
+            this.isTerminated = false;
+            this.isTerminating = false;
             try {
                 this.appState = 'Active';
                 this.logEvent({ message: 'onAppResume called' });

package/lib/esm/activities/list/service.js

@@ -226,19 +226,24 @@ let ActivityListService = (() => {
                 }
                 const startStettings = this.selected.createStartSettings();
                 const card = this.selected.getRouteCard();
-                const routes = this.getRouteList();
-                routes.selectCard(card);
-                routes.setStartSettings(startStettings);
-                const route = routes.getSelected();
-                if (!route.details) {
-                    route.details = await routes.getRouteDetails(route.description.id);
+                if (card) {
+                    const routes = this.getRouteList();
+                    routes.selectCard(card);
+                    routes.setStartSettings(startStettings);
+                    const route = routes.getSelected();
                     if (!route.details) {
-                        return { canStart: false };
+                        route.details = await routes.getRouteDetails(route.description.id);
+                        if (!route.details) {
+                            return { canStart: false };
+                        }
                     }
+                    card.changeSettings(startStettings);
+                    card.start();
+                    return { canStart: true, route };
+                }
+                else {
+                    return { canStart: false };
                 }
-                card.changeSettings(startStettings);
-                card.start();
-                return { canStart: true, route };
             }
             catch (err) {
                 this.logError(err, 'rideAgain');

package/lib/esm/base/pages/service.js

@@ -50,6 +50,9 @@ let IncyclistPageService = (() => {
         name = __runInitializers(this, _instanceExtraInitializers);
         pageObserver;
         static currentPage;
+        static closePage() {
+            this.currentPage?.closePage();
+        }
         static async pausePage() {
             await this.currentPage?.pausePage();
         }

package/lib/esm/devices/access/service.js

@@ -86,6 +86,10 @@ let DeviceAccessService = (() => {
                     this.logEvent({ message: 'Illegal State, enable Interface cannot be called during an ongoing scan', interface: ifaceName });
                     return;
                 }
+                existing.interface.removeAllListeners('disconnect');
+                existing.interface.on('disconnect', () => {
+                    this.emit('interface-changed', ifaceName, { ...existing, state: 'disconnected' });
+                });
                 if (existing.enabled && ((existing.state === 'connected' && existing?.interface?.isConnected()) || existing.state === 'connecting')) {
                     return;
                 }
@@ -261,6 +265,16 @@ let DeviceAccessService = (() => {
             this.emit('interface-changed', ifaceName, { ...this.interfaces[ifaceName] });
             return disconnected;
         }
+        async terminate(ifaceName) {
+            await this.disconnect(ifaceName);
+            if (!ifaceName) {
+                const promises = Object.keys(this.interfaces).map(i => this.terminate(i));
+                await Promise.allSettled(promises);
+                return;
+            }
+            const impl = this.getInterface(ifaceName);
+            await impl.terminate();
+        }
         async scan(filter = {}, props = {}) {
             this.logEvent({ message: 'device scan start', filter, props });
             const detected = [];

package/lib/esm/devices/page/service.js

@@ -42,6 +42,7 @@ import { useDeviceAccess } from '../access';
 import { useDeviceConfiguration } from '../configuration';
 import { getBindings } from '../../api';
 import { useIncyclist } from '../../ui';
+import { Observer } from '../../base/types';
 let DevicesPageService = (() => {
     let _classDecorators = [Singleton];
     let _classDescriptor;
@@ -74,6 +75,8 @@ let DevicesPageService = (() => {
         stateMachine;
         logObserver;
         openedCapability;
+        openedInterfaceSettings;
+        interfaceSettingsObserver;
         constructor() {
             super('Pairing');
             this.stateMachine = new PairingPageStateMachine();
@@ -160,7 +163,7 @@ let DevicesPageService = (() => {
                 const caps = this.state.capabilities ?? [];
                 const ifs = this.state.interfaces ?? [];
                 useDeviceAccess().enrichWithAccessState(ifs);
-                const interfaces = ifs.map(i => this.getInterfaceDisplayProps(i));
+                const interfaces = ifs.map(i => { return this.getInterfaceDisplayProps(i); });
                 const capProps = caps.map(c => this.getCapabilityDisplayProps(c));
                 const loading = this.promiseOpen != undefined;
                 const CP = (cap) => capProps.find(c => c.capability === cap);
@@ -180,6 +183,7 @@ let DevicesPageService = (() => {
                     capabilities: { top, bottom },
                     interfaces,
                     deviceSelection: this.getDeviceListDisplayProps(),
+                    showInterfaceSettings: this.openedInterfaceSettings,
                     buttons,
                     onExit
                 };
@@ -190,10 +194,34 @@ let DevicesPageService = (() => {
                     capabilities: { top: [], bottom: [] },
                     interfaces: [],
                     buttons: [{ label: 'Skip', primary: true, onClick: this.onSkip.bind(this) }],
+                    showInterfaceSettings: this.openedInterfaceSettings,
                     onExit
                 };
             }
         }
+        getInterfaceSettingsObserver() {
+            this.interfaceSettingsObserver = this.interfaceSettingsObserver ?? new Observer();
+            return this.interfaceSettingsObserver;
+        }
+        getInterfaceSettingsDisplayProps() {
+            if (!this.openedInterfaceSettings)
+                return;
+            const ifs = this.state.interfaces ?? [];
+            const info = ifs.find(isd => isd.name == this.openedInterfaceSettings);
+            return {
+                state: this.mapInterfaceState(info.state),
+                enabled: info.enabled,
+            };
+        }
+        enableInterface(i) { }
+        disableInterface(i) { }
+        reconnectInterface(i) { }
+        refreshInterface(i) { }
+        closeInterfaceSettings() {
+            this.openedInterfaceSettings = undefined;
+            this.interfaceSettingsObserver?.stop();
+            this.updatePage();
+        }
         getCapabilityDisplayProps(data) {
             const { capability: cap, deviceName, connectState, value, unit, disabled } = data;
             const capability = this.getTCapability(cap);
@@ -207,8 +235,7 @@ let DevicesPageService = (() => {
                 onClick
             };
         }
-        getInterfaceDisplayProps(info) {
-            const { name, state } = info;
+        mapInterfaceState(state) {
             const mapping = {
                 connected: 'scanning',
                 connecting: "idle",
@@ -217,9 +244,14 @@ let DevicesPageService = (() => {
                 unavailable: 'error',
                 unknown: 'idle'
             };
+            return mapping[state];
+        }
+        getInterfaceDisplayProps(info) {
+            const { name, state } = info;
             return {
                 name,
-                state: mapping[state],
+                state: this.mapInterfaceState(state),
+                onClick: () => { this.openInterfaceSettings(name); }
             };
         }
         getDeviceListDisplayProps() {
@@ -250,6 +282,11 @@ let DevicesPageService = (() => {
         updatePage() {
             this.getPageObserver().emit('page-update');
         }
+        openInterfaceSettings(i) {
+            const info = this.state.interfaces.find(id => id.name === i);
+            this.openedInterfaceSettings = i;
+            this.updatePage();
+        }
         onEnableCapability(enabled) {
             const all = this.state.capabilities ?? [];
             const requested = all.find(c => c.capability === this.openedCapability);
@@ -257,7 +294,7 @@ let DevicesPageService = (() => {
             this.updatePage();
         }
         openDeviceSelection(cap) {
-            this.logEvent({ message: 'capability clicked', capability: cap });
+            this.logEvent({ message: 'capability clicked', capability: cap, eventSource: 'user' });
             this.openedCapability = cap;
             this.stateMachine.onDeviceSelectionOpened(() => { this.updatePage(); });
             this.updatePage();

package/lib/esm/devices/page/statemachine.js

@@ -90,13 +90,14 @@ let PairingPageStateMachine = (() => {
             }
         }
         stop() {
+            console.log('# statemachin stop');
             try {
                 const prev = this.state;
                 this.unregisterServiceEventHandlers();
                 delete this.stateChangeCallback;
                 this.resetTimeouts();
                 this.setState('Closed');
-                this.logIncomingEvent('stop', prev, 'Idle');
+                this.logIncomingEvent('stop', prev, 'Closed');
             }
             catch (err) {
                 this.logError(err, 'stop');
@@ -177,7 +178,7 @@ let PairingPageStateMachine = (() => {
             }
             else {
                 if (this.selectStateChangeCallback)
-                    this.selectStateChangeCallback;
+                    this.selectStateChangeCallback();
             }
         }
         performCheck(prevState) {

package/lib/esm/devices/pairing/service.js

@@ -194,7 +194,7 @@ let DevicePairingService = (() => {
             }
         }
         async exit() {
-            return this.stop([], true);
+            return await this.stop([], true);
         }
         async prepareStart(adapterFilter = []) {
             const stillPairing = this.isPairing();

package/lib/esm/ui/service.js

@@ -46,6 +46,7 @@ import { useActiveRides, useActivityList } from "../activities";
 import { useOnlineStatusMonitoring } from "../monitoring";
 import { useAppState } from "../appstate";
 import { IncyclistPageService } from "../base/pages";
+import { waitNextTick } from "../utils";
 let UserInterfaceServcie = (() => {
     let _classDecorators = [Singleton];
     let _classDescriptor;
@@ -81,6 +82,7 @@ let UserInterfaceServcie = (() => {
         platform;
         version;
         isTerminating;
+        isTerminated;
         queuedMessages = [];
         iv;
         heartbeatIv;
@@ -90,6 +92,7 @@ let UserInterfaceServcie = (() => {
             super('Incyclist');
             this.bindings = this.getBindings();
             this.isTerminating = false;
+            this.isTerminated = false;
         }
         getBindings() {
             return getBindings();
@@ -100,6 +103,8 @@ let UserInterfaceServcie = (() => {
             };
         }
         async onAppLaunch(platform, version, appFeatures) {
+            this.isTerminated = false;
+            this.isTerminating = false;
             try {
                 this.platform = platform;
                 this.version = version;
@@ -125,16 +130,21 @@ let UserInterfaceServcie = (() => {
             }
         }
         async onAppExit() {
+            if (this.isTerminated)
+                return;
             try {
                 if (!this.isTerminating) {
                     this.isTerminating = true;
                     this.logEvent({ message: 'onAppExit called' });
                     this.stopHeartbeatWorker();
                     this.sendAppExitMessage();
+                    IncyclistPageService.closePage();
+                    await waitNextTick();
                     await useDevicePairing().exit();
-                    await useDeviceAccess().disconnect();
+                    await useDeviceAccess().terminate();
                     this.appState = 'Stopped';
                     this.logEvent({ message: 'onAppExit finished' });
+                    this.isTerminated = true;
                     return true;
                 }
                 return false;
@@ -145,6 +155,8 @@ let UserInterfaceServcie = (() => {
             }
         }
         async onAppPause() {
+            if (this.isTerminated || this.isTerminating)
+                return;
             try {
                 this.appState = 'Background';
                 this.logEvent({ message: 'onAppPause called' });
@@ -158,6 +170,12 @@ let UserInterfaceServcie = (() => {
             return true;
         }
         async onAppResume() {
+            if (this.isTerminated) {
+                await this.onAppLaunch(this.platform, this.version, this.appFeatures);
+                return;
+            }
+            this.isTerminated = false;
+            this.isTerminating = false;
             try {
                 this.appState = 'Active';
                 this.logEvent({ message: 'onAppResume called' });

package/lib/types/api/ui/index.d.ts

@@ -1,5 +1,6 @@
 export type SelectDirectoryResult = {
-    selected: string;
+    selected?: string;
+    canceled?: boolean;
 };
 export type TakeScreenshotProps = {
     fileName?: string;
@@ -12,7 +13,7 @@ export interface INativeUI {
     takeScreenshot(props: TakeScreenshotProps): Promise<string>;
     openBrowserWindow(url: string): void;
     openAppWindow(url: string): void;
-    selectDirectory(): SelectDirectoryResult;
+    selectDirectory(): Promise<SelectDirectoryResult>;
     showItemInFolder(fileName: string): void;
     getPathForFile(file: string): string;
     detectLanguage(): Array<string> | string;

package/lib/types/base/pages/service.d.ts

@@ -5,6 +5,7 @@ export declare class IncyclistPageService extends IncyclistService implements IP
     protected name: string;
     private pageObserver;
     static currentPage: IPageService | undefined;
+    static closePage(): void;
     static pausePage(): Promise<void>;
     static resumePage(): Promise<void>;
     constructor(name: string);

package/lib/types/devices/access/service.d.ts

@@ -22,6 +22,7 @@ export declare class DeviceAccessService extends IncyclistService {
     connect(ifaceName?: string): Promise<boolean>;
     private getScanTimeout;
     disconnect(ifaceName?: string): Promise<boolean>;
+    terminate(ifaceName?: string): Promise<void>;
     scan(filter?: ScanFilter, props?: {
         timeout?: number;
         includeKnown?: boolean;

package/lib/types/devices/page/service.d.ts

@@ -1,25 +1,37 @@
 import { IncyclistPageService } from '../../base/pages';
-import type { CapabilityDisplayProps, DeviceSelectionProps, InterfaceDisplayProps, IObserver, PairingButtonProps, PairingDisplayProps, TDisplayCapability, TIncyclistCapability } from '../../types';
+import type { CapabilityDisplayProps, DeviceSelectionProps, InterfaceDisplayProps, InterfaceDisplayState, InterfaceSettingsDisplayProps, IObserver, PairingButtonProps, PairingDisplayProps, TDisplayCapability, TIncyclistCapability, TInterface } from '../../types';
 import type { CapabilityData, DevicePairingData, InternalPairingState } from '../pairing';
 import { PairingPageStateMachine } from './statemachine';
 import { PageLogObserver } from './logobserver';
-import { EnrichedInterfaceSetting } from '../access';
+import { EnrichedInterfaceSetting, InterfaceState } from '../access';
 import { IncyclistCapability } from 'incyclist-devices';
+import { Observer } from '../../base/types';
 export declare class DevicesPageService extends IncyclistPageService {
     protected promiseOpen: Promise<void> | undefined;
     protected stateMachine: PairingPageStateMachine;
     protected logObserver: PageLogObserver;
     protected openedCapability: IncyclistCapability | undefined;
+    protected openedInterfaceSettings: TInterface;
+    protected interfaceSettingsObserver: Observer | undefined;
     constructor();
     openPage(): IObserver;
     closePage(): void;
     pausePage(): Promise<void>;
     resumePage(): Promise<void>;
     getPageDisplayProperties(): PairingDisplayProps;
+    getInterfaceSettingsObserver(): Observer;
+    getInterfaceSettingsDisplayProps(): InterfaceSettingsDisplayProps;
+    enableInterface(i?: TInterface): void;
+    disableInterface(i?: TInterface): void;
+    reconnectInterface(i?: TInterface): void;
+    refreshInterface(i?: TInterface): void;
+    closeInterfaceSettings(): void;
     protected getCapabilityDisplayProps(data: CapabilityData): CapabilityDisplayProps;
+    protected mapInterfaceState(state: InterfaceState): InterfaceDisplayState;
     protected getInterfaceDisplayProps(info: EnrichedInterfaceSetting): InterfaceDisplayProps;
     protected getDeviceListDisplayProps(): DeviceSelectionProps | undefined;
     protected updatePage(): void;
+    protected openInterfaceSettings(i: TInterface): void;
     protected onEnableCapability(enabled: boolean): void;
     protected openDeviceSelection(cap: IncyclistCapability): void;
     protected onDeviceSelected(d: DevicePairingData, addAll?: boolean): void;

package/lib/types/devices/page/types.d.ts

@@ -1,6 +1,7 @@
 import type { DevicePairingStatus } from "../pairing/model";
 export type PageState = 'Idle' | 'Scanning' | 'Pairing' | 'Done' | 'Closed';
 export type SelectState = 'Closed' | 'Waiting' | 'Active';
+export type TInterface = 'ble' | 'wifi';
 export type PairingDisplayProps = {
     title: string | undefined;
     capabilities?: {
@@ -10,6 +11,7 @@ export type PairingDisplayProps = {
     interfaces?: Array<InterfaceDisplayProps>;
     buttons?: PairingButtonProps;
     deviceSelection?: DeviceSelectionProps;
+    showInterfaceSettings: TInterface | undefined;
     showExit?: boolean;
     onExit?: () => void;
 };
@@ -49,6 +51,12 @@ export type InterfaceDisplayProps = {
     name: string;
     state: InterfaceDisplayState;
     error?: string;
+    onClick: () => void;
+};
+export type InterfaceSettingsDisplayProps = {
+    state?: InterfaceDisplayState;
+    error?: string;
+    enabled: boolean;
 };
 export type NextPageAction = {
     nextPage: string;

package/lib/types/ui/service.d.ts

@@ -9,6 +9,7 @@ export declare class UserInterfaceServcie extends IncyclistService {
     protected platform: IncyclistPlatform;
     protected version: string;
     protected isTerminating: boolean;
+    protected isTerminated: boolean;
     protected queuedMessages: Array<{
         topic: string;
         payload: object;

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "incyclist-services",
-  "version": "1.7.16",
+  "version": "1.7.18",
   "peerDependencies": {
     "gd-eventlog": "^0.1.27"
   },
   "dependencies": {
     "axios": "^1.13.5",
-    "incyclist-devices": "^3.0.7",
+    "incyclist-devices": "^3.0.9",
     "promise.any": "^2.0.6",
     "semver": "^7.7.4",
     "tcx-builder": "^1.1.1",