Live location sharing - send geolocation beacon events - happy path (#8127)
* geolocation utilities Signed-off-by: Kerry Archibald <kerrya@element.io> * messy send events Signed-off-by: Kerry Archibald <kerrya@element.io> * add geolocation services Signed-off-by: Kerry Archibald <kerrya@element.io> * geolocation tests Signed-off-by: Kerry Archibald <kerrya@element.io> * debounce with backup emit every 30s Signed-off-by: Kerry Archibald <kerrya@element.io> * import reorder Signed-off-by: Kerry Archibald <kerrya@element.io> * some more working tests Signed-off-by: Kerry Archibald <kerrya@element.io> * complicated timeout testing Signed-off-by: Kerry Archibald <kerrya@element.io> * publish first location immediately Signed-off-by: Kerry Archibald <kerrya@element.io> * move advanceDateAndTime to utils, tidy Signed-off-by: Kerry Archibald <kerrya@element.io> * typos Signed-off-by: Kerry Archibald <kerrya@element.io> * types and lint Signed-off-by: Kerry Archibald <kerrya@element.io>
This commit is contained in:
parent
f557ac9486
commit
e9b2aea97b
6 changed files with 378 additions and 255 deletions
|
@ -14,6 +14,7 @@ See the License for the specific language governing permissions and
|
|||
limitations under the License.
|
||||
*/
|
||||
|
||||
import { debounce } from "lodash";
|
||||
import {
|
||||
Beacon,
|
||||
BeaconEvent,
|
||||
|
@ -21,13 +22,23 @@ import {
|
|||
Room,
|
||||
} from "matrix-js-sdk/src/matrix";
|
||||
import {
|
||||
BeaconInfoState, makeBeaconInfoContent,
|
||||
BeaconInfoState, makeBeaconContent, makeBeaconInfoContent,
|
||||
} from "matrix-js-sdk/src/content-helpers";
|
||||
import { M_BEACON } from "matrix-js-sdk/src/@types/beacon";
|
||||
import { logger } from "matrix-js-sdk/src/logger";
|
||||
|
||||
import defaultDispatcher from "../dispatcher/dispatcher";
|
||||
import { ActionPayload } from "../dispatcher/payloads";
|
||||
import { AsyncStoreWithClient } from "./AsyncStoreWithClient";
|
||||
import { arrayHasDiff } from "../utils/arrays";
|
||||
import { arrayDiff } from "../utils/arrays";
|
||||
import {
|
||||
ClearWatchCallback,
|
||||
GeolocationError,
|
||||
mapGeolocationPositionToTimedGeo,
|
||||
TimedGeoUri,
|
||||
watchPosition,
|
||||
} from "../utils/beacon";
|
||||
import { getCurrentPosition } from "../utils/beacon/geolocation";
|
||||
|
||||
const isOwnBeacon = (beacon: Beacon, userId: string): boolean => beacon.beaconInfoOwner === userId;
|
||||
|
||||
|
@ -35,6 +46,9 @@ export enum OwnBeaconStoreEvent {
|
|||
LivenessChange = 'OwnBeaconStore.LivenessChange',
|
||||
}
|
||||
|
||||
const MOVING_UPDATE_INTERVAL = 2000;
|
||||
const STATIC_UPDATE_INTERVAL = 30000;
|
||||
|
||||
type OwnBeaconStoreState = {
|
||||
beacons: Map<string, Beacon>;
|
||||
beaconsByRoomId: Map<Room['roomId'], Set<string>>;
|
||||
|
@ -46,6 +60,15 @@ export class OwnBeaconStore extends AsyncStoreWithClient<OwnBeaconStoreState> {
|
|||
public readonly beacons = new Map<string, Beacon>();
|
||||
public readonly beaconsByRoomId = new Map<Room['roomId'], Set<string>>();
|
||||
private liveBeaconIds = [];
|
||||
private locationInterval: number;
|
||||
private geolocationError: GeolocationError | undefined;
|
||||
private clearPositionWatch: ClearWatchCallback | undefined;
|
||||
/**
|
||||
* Track when the last position was published
|
||||
* So we can manually get position on slow interval
|
||||
* when the target is stationary
|
||||
*/
|
||||
private lastPublishedPositionTimestamp: number | undefined;
|
||||
|
||||
public constructor() {
|
||||
super(defaultDispatcher);
|
||||
|
@ -55,12 +78,21 @@ export class OwnBeaconStore extends AsyncStoreWithClient<OwnBeaconStoreState> {
|
|||
return OwnBeaconStore.internalInstance;
|
||||
}
|
||||
|
||||
/**
|
||||
* True when we have live beacons
|
||||
* and geolocation.watchPosition is active
|
||||
*/
|
||||
public get isMonitoringLiveLocation(): boolean {
|
||||
return !!this.clearPositionWatch;
|
||||
}
|
||||
|
||||
protected async onNotReady() {
|
||||
this.matrixClient.removeListener(BeaconEvent.LivenessChange, this.onBeaconLiveness);
|
||||
this.matrixClient.removeListener(BeaconEvent.New, this.onNewBeacon);
|
||||
|
||||
this.beacons.forEach(beacon => beacon.destroy());
|
||||
|
||||
this.stopPollingLocation();
|
||||
this.beacons.clear();
|
||||
this.beaconsByRoomId.clear();
|
||||
this.liveBeaconIds = [];
|
||||
|
@ -117,21 +149,12 @@ export class OwnBeaconStore extends AsyncStoreWithClient<OwnBeaconStoreState> {
|
|||
return;
|
||||
}
|
||||
|
||||
if (!isLive && this.liveBeaconIds.includes(beacon.identifier)) {
|
||||
this.liveBeaconIds =
|
||||
this.liveBeaconIds.filter(beaconId => beaconId !== beacon.identifier);
|
||||
}
|
||||
|
||||
if (isLive && !this.liveBeaconIds.includes(beacon.identifier)) {
|
||||
this.liveBeaconIds.push(beacon.identifier);
|
||||
}
|
||||
|
||||
// beacon expired, update beacon to un-alive state
|
||||
if (!isLive) {
|
||||
this.stopBeacon(beacon.identifier);
|
||||
}
|
||||
|
||||
// TODO start location polling here
|
||||
this.checkLiveness();
|
||||
|
||||
this.emit(OwnBeaconStoreEvent.LivenessChange, this.getLiveBeaconIds());
|
||||
};
|
||||
|
@ -169,9 +192,29 @@ export class OwnBeaconStore extends AsyncStoreWithClient<OwnBeaconStoreState> {
|
|||
.filter(beacon => beacon.isLive)
|
||||
.map(beacon => beacon.identifier);
|
||||
|
||||
if (arrayHasDiff(prevLiveBeaconIds, this.liveBeaconIds)) {
|
||||
const diff = arrayDiff(prevLiveBeaconIds, this.liveBeaconIds);
|
||||
|
||||
if (diff.added.length || diff.removed.length) {
|
||||
this.emit(OwnBeaconStoreEvent.LivenessChange, this.liveBeaconIds);
|
||||
}
|
||||
|
||||
// publish current location immediately
|
||||
// when there are new live beacons
|
||||
// and we already have a live monitor
|
||||
// so first position is published quickly
|
||||
// even when target is stationary
|
||||
//
|
||||
// when there is no existing live monitor
|
||||
// it will be created below by togglePollingLocation
|
||||
// and publish first position quickly
|
||||
if (diff.added.length && this.isMonitoringLiveLocation) {
|
||||
this.publishCurrentLocationToBeacons();
|
||||
}
|
||||
|
||||
// if overall liveness changed
|
||||
if (!!prevLiveBeaconIds?.length !== !!this.liveBeaconIds.length) {
|
||||
this.togglePollingLocation();
|
||||
}
|
||||
};
|
||||
|
||||
private updateBeaconEvent = async (beacon: Beacon, update: Partial<BeaconInfoState>): Promise<void> => {
|
||||
|
@ -188,4 +231,90 @@ export class OwnBeaconStore extends AsyncStoreWithClient<OwnBeaconStoreState> {
|
|||
|
||||
await this.matrixClient.unstable_setLiveBeacon(beacon.roomId, beacon.beaconInfoEventType, updateContent);
|
||||
};
|
||||
|
||||
private togglePollingLocation = async (): Promise<void> => {
|
||||
if (!!this.liveBeaconIds.length) {
|
||||
return this.startPollingLocation();
|
||||
}
|
||||
return this.stopPollingLocation();
|
||||
};
|
||||
|
||||
private startPollingLocation = async () => {
|
||||
// clear any existing interval
|
||||
this.stopPollingLocation();
|
||||
|
||||
this.clearPositionWatch = await watchPosition(this.onWatchedPosition, this.onWatchedPositionError);
|
||||
|
||||
this.locationInterval = setInterval(() => {
|
||||
if (!this.lastPublishedPositionTimestamp) {
|
||||
return;
|
||||
}
|
||||
// if position was last updated STATIC_UPDATE_INTERVAL ms ago or more
|
||||
// get our position and publish it
|
||||
if (this.lastPublishedPositionTimestamp <= Date.now() - STATIC_UPDATE_INTERVAL) {
|
||||
this.publishCurrentLocationToBeacons();
|
||||
}
|
||||
}, STATIC_UPDATE_INTERVAL);
|
||||
};
|
||||
|
||||
private onWatchedPosition = (position: GeolocationPosition) => {
|
||||
const timedGeoPosition = mapGeolocationPositionToTimedGeo(position);
|
||||
|
||||
// if this is our first position, publish immediateley
|
||||
if (!this.lastPublishedPositionTimestamp) {
|
||||
this.publishLocationToBeacons(timedGeoPosition);
|
||||
} else {
|
||||
this.debouncedPublishLocationToBeacons(timedGeoPosition);
|
||||
}
|
||||
};
|
||||
|
||||
private onWatchedPositionError = (error: GeolocationError) => {
|
||||
this.geolocationError = error;
|
||||
logger.error(this.geolocationError);
|
||||
};
|
||||
|
||||
private stopPollingLocation = () => {
|
||||
clearInterval(this.locationInterval);
|
||||
this.locationInterval = undefined;
|
||||
this.lastPublishedPositionTimestamp = undefined;
|
||||
this.geolocationError = undefined;
|
||||
|
||||
if (this.clearPositionWatch) {
|
||||
this.clearPositionWatch();
|
||||
this.clearPositionWatch = undefined;
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* Sends m.location events to all live beacons
|
||||
* Sets last published beacon
|
||||
*/
|
||||
private publishLocationToBeacons = async (position: TimedGeoUri) => {
|
||||
this.lastPublishedPositionTimestamp = Date.now();
|
||||
// TODO handle failure in individual beacon without rejecting rest
|
||||
await Promise.all(this.liveBeaconIds.map(beaconId =>
|
||||
this.sendLocationToBeacon(this.beacons.get(beaconId), position)),
|
||||
);
|
||||
};
|
||||
|
||||
private debouncedPublishLocationToBeacons = debounce(this.publishLocationToBeacons, MOVING_UPDATE_INTERVAL);
|
||||
|
||||
/**
|
||||
* Sends m.location event to referencing given beacon
|
||||
*/
|
||||
private sendLocationToBeacon = async (beacon: Beacon, { geoUri, timestamp }: TimedGeoUri) => {
|
||||
const content = makeBeaconContent(geoUri, timestamp, beacon.beaconInfoId);
|
||||
await this.matrixClient.sendEvent(beacon.roomId, M_BEACON.name, content);
|
||||
};
|
||||
|
||||
/**
|
||||
* Gets the current location
|
||||
* (as opposed to using watched location)
|
||||
* and publishes it to all live beacons
|
||||
*/
|
||||
private publishCurrentLocationToBeacons = async () => {
|
||||
const position = await getCurrentPosition();
|
||||
// TODO error handling
|
||||
this.publishLocationToBeacons(mapGeolocationPositionToTimedGeo(position));
|
||||
};
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue