@tak-ps/cloudtak 13.23.0 → 13.25.1

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/base/push.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Register (or refresh) this device's FCM token as a `push` paging source.
+ * Safe to call repeatedly — it only writes to the server when the token
+ * changes. No-op on non-native platforms or when no token is available.
+ *
+ * Concurrent calls are serialized through an in-flight promise chain so that
+ * each caller awaits a real sync attempt (rather than being dropped while
+ * another sync is in progress). The stored-token comparison inside the sync
+ * coalesces redundant server writes.
+ */
+export declare function syncPushToken(token: string | null): Promise<void>;
+/**
+ * Remove this device's locally tracked push registration. Used when a user
+ * deletes the current device's registration so it is not re-created on the
+ * next launch.
+ */
+export declare function forgetPushToken(token: string | null): Promise<void>;

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/camera.d.ts

@@ -2,9 +2,6 @@ import type { DevicePermissionContext } from './types.ts';
 export declare class CameraPermission {
     private readonly context;
     constructor(context: DevicePermissionContext);
-    private static normalizeNativeCameraPermission;
-    static checkNativeCameraPermission(): Promise<PermissionState | 'prompt' | 'unknown'>;
-    static requestNativeCameraPermission(): Promise<PermissionState | 'prompt' | 'unknown'>;
     refreshStatus(): Promise<void>;
     request(): Promise<void>;
 }

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

@@ -1,4 +1,4 @@
-import type { CallbackID, Position, PositionOptions } from '@capacitor/geolocation';
+import type { Position } from '@capacitor/geolocation';
 import type { DevicePermissionContext } from './types.ts';
 export declare class GeolocationPermission {
     private readonly context;
@@ -6,21 +6,13 @@ export declare class GeolocationPermission {
     private watchId;
     private backgroundWatchActive;
     private locationCallback;
-    private static normalizeNativeLocationPermission;
     static supportsLocationRequests(): boolean;
-    static checkNativeLocationPermission(): Promise<PermissionState | 'prompt' | 'unknown'>;
-    static requestNativeLocationPermission(): Promise<PermissionState | 'prompt' | 'unknown'>;
-    static getCurrentLocation(options?: PositionOptions): Promise<Position>;
-    static watchLocation(options: PositionOptions, callback: (position: Position | null, err?: unknown) => void): Promise<CallbackID>;
-    static startBackgroundLocation(callback: (position: Position | null, err?: unknown) => void): Promise<void>;
-    static clearLocationWatch(id: CallbackID): Promise<void>;
-    static stopBackgroundLocation(): Promise<void>;
-    private static backgroundLocationToPosition;
-    stopWatch(): Promise<void>;
-    startWatch(onLocation: (position: Position) => void): Promise<void>;
-    private startForegroundWatch;
-    private startBackgroundWatch;
     refreshStatus(): Promise<void>;
     request(onGranted?: () => void): Promise<void>;
     initializeSubscription(onGranted?: () => void): Promise<void>;
+    startWatch(onLocation: (position: Position) => void): Promise<void>;
+    stopWatch(): Promise<void>;
+    private startForegroundWatch;
+    private startBackgroundWatch;
+    private static backgroundLocationToPosition;
 }

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

@@ -1,12 +1,17 @@
 import type { DevicePermissionContext } from './types.ts';
 export declare class BrowserNotificationPermission {
     private readonly context;
-    private static normalizeNotificationPermission;
-    private static normalizeNativeNotificationPermission;
     private static supportsNotifications;
     private messagingToken;
     private tokenListener;
+    private readonly tokenSubscribers;
     constructor(context: DevicePermissionContext);
+    private setMessagingToken;
+    /**
+     * Subscribe to FCM token changes (initial registration and rotations).
+     * Returns a function that removes the subscription.
+     */
+    onToken(listener: (token: string | null) => void): () => void;
     refreshStatus(): Promise<void>;
     request(): Promise<void>;
     initializeSubscription(): 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/shared.d.ts

@@ -1,4 +1,10 @@
+import type { BrowserPermissionState } from './types.ts';
 export declare class PermissionQuery {
     static hasPermissionQuery(): boolean;
     static queryPermissionStatus(name: string, warning: string): Promise<PermissionStatus | null>;
 }
+/**
+ * Normalize a native plugin or web permission state into a BrowserPermissionState.
+ * Handles Capacitor's `prompt-with-rationale` and the web Notification API's `default`.
+ */
+export declare function normalizePermissionState(state: string | null | undefined): BrowserPermissionState;

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

@@ -21,8 +21,8 @@ export declare const useDeviceStore: import("pinia").StoreDefinition<"device", P
         notification: BrowserPermissionState;
         orientation: BrowserPermissionState;
         location: BrowserPermissionState;
-        camera: BrowserPermissionState;
         storage: BrowserPermissionState;
+        camera: BrowserPermissionState;
         wakeLock: BrowserPermissionState;
         fileSystem: BrowserPermissionState;
     };
@@ -39,12 +39,11 @@ 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;
+    refreshMessagingToken: () => Promise<string | null>;
+    onMessagingToken: (listener: (token: string | null) => void) => () => void;
     refreshOrientationPermissionStatus: () => Promise<void>;
     refreshStoragePermissionStatus: () => Promise<void>;
     refreshCameraPermissionStatus: () => Promise<void>;
@@ -58,13 +57,13 @@ export declare const useDeviceStore: import("pinia").StoreDefinition<"device", P
     requestWakeLockPermission: () => Promise<void>;
     requestFileSystemPermission: () => Promise<void>;
     releaseWakeLockSentinel: () => Promise<void>;
-}, "notification" | "orientation" | "permissions" | "camera" | "geolocation" | "storage" | "wakeLock" | "fileSystem" | "network">, Pick<{
+}, "notification" | "orientation" | "storage" | "camera" | "wakeLock" | "fileSystem" | "permissions" | "geolocation" | "network">, Pick<{
     permissions: {
         notification: BrowserPermissionState;
         orientation: BrowserPermissionState;
         location: BrowserPermissionState;
-        camera: BrowserPermissionState;
         storage: BrowserPermissionState;
+        camera: BrowserPermissionState;
         wakeLock: BrowserPermissionState;
         fileSystem: BrowserPermissionState;
     };
@@ -81,12 +80,11 @@ 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;
+    refreshMessagingToken: () => Promise<string | null>;
+    onMessagingToken: (listener: (token: string | null) => void) => () => void;
     refreshOrientationPermissionStatus: () => Promise<void>;
     refreshStoragePermissionStatus: () => Promise<void>;
     refreshCameraPermissionStatus: () => Promise<void>;
@@ -105,8 +103,8 @@ export declare const useDeviceStore: import("pinia").StoreDefinition<"device", P
         notification: BrowserPermissionState;
         orientation: BrowserPermissionState;
         location: BrowserPermissionState;
-        camera: BrowserPermissionState;
         storage: BrowserPermissionState;
+        camera: BrowserPermissionState;
         wakeLock: BrowserPermissionState;
         fileSystem: BrowserPermissionState;
     };
@@ -123,12 +121,11 @@ 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;
+    refreshMessagingToken: () => Promise<string | null>;
+    onMessagingToken: (listener: (token: string | null) => void) => () => void;
     refreshOrientationPermissionStatus: () => Promise<void>;
     refreshStoragePermissionStatus: () => Promise<void>;
     refreshCameraPermissionStatus: () => Promise<void>;
@@ -142,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" | "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,9 +24,10 @@ 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;
     channel: BroadcastChannel;
     toImport: Feature[];
     locked: Array<string>;
@@ -88,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.23.0",
+    "version": "13.25.1",
     "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"