@tak-ps/cloudtak 13.24.0 → 13.25.2

package/dist/types/plugin.d.ts

@@ -6,7 +6,7 @@ import type { MenuItemConfig } from './src/stores/modules/menu.ts';
 import type { BottomBarItemConfig } from './src/stores/modules/bottombar.ts';
 import { type DBFeature } from './src/database.ts';
 import { type Observable } from 'rxjs';
-import mapgl from 'maplibre-gl';
+import * as mapgl from 'maplibre-gl';
 export type { MenuItemConfig };
 export type { BottomBarItemConfig };
 export type { DBFeature };

package/dist/types/src/components/CloudTAK/RadialMenu/RadialMenu.vue.d.ts

@@ -5,16 +5,16 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         default: number;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    click: (...args: any[]) => void;
     close: (...args: any[]) => void;
+    click: (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     size: {
         type: NumberConstructor;
         default: number;
     };
 }>> & Readonly<{
-    onClick?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
+    onClick?: ((...args: any[]) => any) | undefined;
 }>, {
     size: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/types/src/database.d.ts

@@ -220,3 +220,11 @@ export type DatabaseType = Dexie & {
     contact: EntityTable<Contact, 'uid'>;
 };
 export declare const db: DatabaseType;
+export declare function ensureDatabase(): Promise<void>;
+/**
+ * Returns true for the transient IndexedDB errors that occur when an iOS
+ * WebView is suspended in the background and later resumed. The middleware
+ * already retries these automatically; use this helper to suppress them
+ * in global error handlers so users are not shown stale error banners.
+ */
+export declare function isTransientDbError(err: unknown): boolean;

package/dist/types/src/geolocate/main.d.ts

@@ -0,0 +1,93 @@
+import type { Map as MapLibreMap, IControl, ControlPosition } from 'maplibre-gl';
+export type GeolocateControlOptions = {
+    /**
+     * Draw a translucent circle representing the reported GPS accuracy.
+     * @defaultValue `true`
+     */
+    showAccuracyCircle?: boolean;
+    /**
+     * Draw the user location puck.
+     * @defaultValue `true`
+     */
+    showUserLocation?: boolean;
+    /**
+     * Draw a heading cone on the puck driven by the device compass.
+     * @defaultValue `true`
+     */
+    showHeading?: boolean;
+    /**
+     * Invoked when the user clicks the puck.
+     */
+    onClick?: () => void;
+};
+/**
+ * A MapLibre {@link IControl} that renders a live user-location puck (dot,
+ * accuracy circle and compass heading cone).
+ *
+ * Unlike the stock MapLibre `GeolocateControl`, this control does not own a
+ * geolocation watch. Position, accuracy and heading are pushed in via
+ * {@link GeolocateControl.setLocation} and {@link GeolocateControl.setHeading}
+ * so the existing CloudTAK location pipeline (Capacitor Geolocation in the
+ * device store) remains the single source of truth. The control renders a
+ * non-interactive puck only; recentring the camera is handled elsewhere.
+ *
+ * @example
+ * ```ts
+ * import GeolocateControl from './geolocate/main.ts';
+ *
+ * const control = new GeolocateControl();
+ * map.addControl(control, 'top-right');
+ * control.setLocation({ lng, lat }, accuracy);
+ * control.setHeading(headingDegrees);
+ * ```
+ */
+export declare class GeolocateControl implements IControl {
+    private readonly options;
+    private map?;
+    private container?;
+    private puckElement?;
+    private dotElement?;
+    private headingElement?;
+    private circleElement?;
+    private dotMarker?;
+    private accuracyMarker?;
+    private lastLngLat;
+    private accuracy;
+    private heading;
+    private color;
+    constructor(options?: GeolocateControlOptions);
+    onAdd(map: MapLibreMap): HTMLElement;
+    onRemove(): void;
+    getDefaultPosition(): ControlPosition;
+    /**
+     * Update the puck position and accuracy. Pass `null` to remove the puck
+     * (e.g. when location reporting is disabled).
+     */
+    setLocation(position: {
+        lng: number;
+        lat: number;
+    } | null, accuracy?: number): void;
+    /**
+     * Update the compass heading (degrees clockwise from true north) used to
+     * orient the puck's heading cone. Pass `null` to hide the cone.
+     */
+    setHeading(heading: number | null): void;
+    /**
+     * Set the puck colour from a TAK team/group name (e.g. `"Cyan"`). Unknown or
+     * missing teams fall back to white, matching the rendered self CoT marker.
+     */
+    setTeam(team?: string): void;
+    /**
+     * Set the puck colour directly as a `#rrggbb` hex string.
+     */
+    setColor(color: string): void;
+    private setupMarkers;
+    private render;
+    private updateCircleRadius;
+    private updateHeadingRotation;
+    private onMapUpdate;
+    private applyColor;
+    private static rgba;
+    private static injectStyles;
+}
+export default GeolocateControl;

package/dist/types/src/stores/app.d.ts

@@ -15,7 +15,9 @@ export declare const useAppStore: import("pinia").StoreDefinition<"cloudtak-app"
     persistSession(opts: {
         token: string;
         username: string;
+        session: string;
     }): Promise<void>;
+    getSessionId(): Promise<string | undefined>;
     getUsername(): Promise<string | undefined>;
     clearSession(): Promise<void>;
     destroySession(): Promise<void>;

package/dist/types/src/stores/device/orientation.d.ts

@@ -1,15 +1,20 @@
 import type { DevicePermissionContext } from './types.ts';
-type DeviceOrientationEventName = 'deviceorientationabsolute' | 'deviceorientation';
 export declare class OrientationPermission {
     private readonly context;
     constructor(context: DevicePermissionContext);
     hasSupport(): boolean;
     hasPermissionRequest(): boolean;
-    getEventName(): DeviceOrientationEventName;
-    getHeading(event: DeviceOrientationEvent): number | null;
-    addListener(listener: (event: DeviceOrientationEvent) => void): void;
-    removeListener(listener: (event: DeviceOrientationEvent) => void): void;
+    /**
+     * Register a listener that fires with the compass heading (degrees clockwise
+     * from true/magnetic north, 0–360) whenever the device orientation changes.
+     * On native (iOS/Android) the @capgo/capacitor-compass plugin is used; on
+     * web the DeviceOrientationEvent fallback is used.
+     *
+     * Returns an async cleanup function — call it to stop listening.
+     */
+    addListener(callback: (heading: number | null) => void): Promise<() => Promise<void>>;
     refreshStatus(): Promise<void>;
     request(): Promise<void>;
+    private webGetEventName;
+    private webGetHeading;
 }
-export {};

package/dist/types/src/stores/device.d.ts

@@ -39,10 +39,6 @@ export declare const useDeviceStore: import("pinia").StoreDefinition<"device", P
     initializePermissionSubscriptions: (onLocationGranted?: () => void) => Promise<void>;
     hasOrientationSupport: () => boolean;
     hasOrientationPermissionRequest: () => boolean;
-    getOrientationEventName: () => "deviceorientationabsolute" | "deviceorientation";
-    getOrientationHeading: (event: DeviceOrientationEvent) => number | null;
-    addOrientationListener: (listener: (event: DeviceOrientationEvent) => void) => void;
-    removeOrientationListener: (listener: (event: DeviceOrientationEvent) => void) => void;
     refreshLocationPermissionStatus: () => Promise<void>;
     refreshNotificationPermissionStatus: () => Promise<void>;
     getMessagingToken: () => string | null;
@@ -84,10 +80,6 @@ export declare const useDeviceStore: import("pinia").StoreDefinition<"device", P
     initializePermissionSubscriptions: (onLocationGranted?: () => void) => Promise<void>;
     hasOrientationSupport: () => boolean;
     hasOrientationPermissionRequest: () => boolean;
-    getOrientationEventName: () => "deviceorientationabsolute" | "deviceorientation";
-    getOrientationHeading: (event: DeviceOrientationEvent) => number | null;
-    addOrientationListener: (listener: (event: DeviceOrientationEvent) => void) => void;
-    removeOrientationListener: (listener: (event: DeviceOrientationEvent) => void) => void;
     refreshLocationPermissionStatus: () => Promise<void>;
     refreshNotificationPermissionStatus: () => Promise<void>;
     getMessagingToken: () => string | null;
@@ -129,10 +121,6 @@ export declare const useDeviceStore: import("pinia").StoreDefinition<"device", P
     initializePermissionSubscriptions: (onLocationGranted?: () => void) => Promise<void>;
     hasOrientationSupport: () => boolean;
     hasOrientationPermissionRequest: () => boolean;
-    getOrientationEventName: () => "deviceorientationabsolute" | "deviceorientation";
-    getOrientationHeading: (event: DeviceOrientationEvent) => number | null;
-    addOrientationListener: (listener: (event: DeviceOrientationEvent) => void) => void;
-    removeOrientationListener: (listener: (event: DeviceOrientationEvent) => void) => void;
     refreshLocationPermissionStatus: () => Promise<void>;
     refreshNotificationPermissionStatus: () => Promise<void>;
     getMessagingToken: () => string | null;
@@ -151,4 +139,4 @@ export declare const useDeviceStore: import("pinia").StoreDefinition<"device", P
     requestWakeLockPermission: () => Promise<void>;
     requestFileSystemPermission: () => Promise<void>;
     releaseWakeLockSentinel: () => Promise<void>;
-}, "setPermissionStatus" | "refreshPermissionStatuses" | "initializePermissionSubscriptions" | "hasOrientationSupport" | "hasOrientationPermissionRequest" | "getOrientationEventName" | "getOrientationHeading" | "addOrientationListener" | "removeOrientationListener" | "refreshLocationPermissionStatus" | "refreshNotificationPermissionStatus" | "getMessagingToken" | "refreshMessagingToken" | "onMessagingToken" | "refreshOrientationPermissionStatus" | "refreshStoragePermissionStatus" | "refreshCameraPermissionStatus" | "refreshWakeLockPermissionStatus" | "refreshFileSystemPermissionStatus" | "requestLocationPermission" | "requestNotificationPermission" | "requestOrientationPermission" | "requestStoragePermission" | "requestCameraPermission" | "requestWakeLockPermission" | "requestFileSystemPermission" | "releaseWakeLockSentinel">>;
+}, "setPermissionStatus" | "refreshPermissionStatuses" | "initializePermissionSubscriptions" | "hasOrientationSupport" | "hasOrientationPermissionRequest" | "refreshLocationPermissionStatus" | "refreshNotificationPermissionStatus" | "getMessagingToken" | "refreshMessagingToken" | "onMessagingToken" | "refreshOrientationPermissionStatus" | "refreshStoragePermissionStatus" | "refreshCameraPermissionStatus" | "refreshWakeLockPermissionStatus" | "refreshFileSystemPermissionStatus" | "requestLocationPermission" | "requestNotificationPermission" | "requestOrientationPermission" | "requestStoragePermission" | "requestCameraPermission" | "requestWakeLockPermission" | "requestFileSystemPermission" | "releaseWakeLockSentinel">>;

package/dist/types/src/stores/map.d.ts

@@ -24,7 +24,7 @@ export declare const useMapStore: import("pinia").StoreDefinition<"cloudtak", {
     _icons?: IconManager;
     _menu?: unknown;
     _bottomBar?: unknown;
-    _boundOnDeviceOrientation?: (event: DeviceOrientationEvent) => void;
+    _removeOrientationListener?: () => Promise<void>;
     _boundOnVisibilityChange?: () => Promise<void>;
     _removeBackgroundStateListener?: () => void;
     _removePushTokenListener?: () => void;
@@ -89,6 +89,8 @@ export declare const useMapStore: import("pinia").StoreDefinition<"cloudtak", {
     worker: () => Comlink.Remote<Atlas>;
 }, {
     startLocationWatch: () => Promise<void>;
+    syncGeolocateControl: () => void;
+    openSelfFeature: () => Promise<void>;
     startWorker: () => void;
     destroy: () => Promise<void>;
     makeActiveMission: (mission?: Subscription) => Promise<void>;

package/dist/types/src/stores/modules/icons.d.ts

@@ -62,6 +62,24 @@ export default class IconManager {
      * MapLibre. Falls back to a generic point icon when the icon isn't cached.
      */
     private loadIconsetImage;
+    /**
+     * Decode an iconset blob into an `ImageBitmap`.
+     *
+     * Raster formats (PNG/JPEG/...) decode directly via `createImageBitmap`.
+     * SVG blobs need special handling: `createImageBitmap` cannot decode
+     * `image/svg+xml` blobs in some browsers (notably Firefox, which rejects
+     * with a `DOMException`), so those are rasterized through an
+     * `HTMLImageElement` + `<canvas>` instead.
+     */
+    private decodeIconBlob;
+    /**
+     * Rasterize an SVG blob into an `ImageBitmap` via an `HTMLImageElement`
+     * drawn onto a `<canvas>`. Many iconset SVGs only declare a `viewBox` and
+     * no intrinsic `width`/`height`; without an explicit size browsers fall
+     * back to a 300x150 default, so the size is derived from the viewBox and
+     * set explicitly before rasterizing.
+     */
+    private decodeSvgBlob;
     private reloadIconsetImages;
     private reloadRequestedIconsetImage;
     private removeRequestedImagesForIconset;

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@tak-ps/cloudtak",
     "type": "module",
-    "version": "13.24.0",
+    "version": "13.25.2",
     "types": "dist/types/plugin.d.ts",
     "files": [
         "dist/types"
@@ -43,6 +43,7 @@
         "@capacitor/preferences": "^8.0.1",
         "@capacitor/status-bar": "^8.0.2",
         "@capgo/background-geolocation": "^8.0.39",
+        "@capgo/capacitor-compass": "^8.1.17",
         "@mapbox/tile-cover": "^3.0.2",
         "@simplewebauthn/browser": "^13.3.0",
         "@tabler/core": "^1.4.0",
@@ -81,7 +82,7 @@
         "hls.js": "^1.6.5",
         "imask": "^6.0.0",
         "jsonata": "^2.0.4",
-        "maplibre-gl": "5.24.0",
+        "maplibre-gl": "v6.0.0-17",
         "milsymbol": "^3.0.2",
         "openapi-fetch": "^0.17.0",
         "phone": "^3.1.59",
@@ -96,6 +97,7 @@
         "uuid": "^14.0.0",
         "vue": "^3.2.31",
         "vue-component-type-helpers": "^3.0.7",
+        "vue-eslint-parser": "^10.4.1",
         "vue-mention": "^2.0.0-alpha.3",
         "vue-router": "^5.0.0",
         "yaml": "^2.8.2"