@armoury/fivem-framework-client 0.0.0-stage → 1.0.7

package/dist/esm/client/services/client-ui.service.js

@@ -0,0 +1,109 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+var __param = (this && this.__param) || function (paramIndex, decorator) {
+    return function (target, key) { decorator(target, key, paramIndex); }
+};
+import { Inject, Injectable } from "injection-js";
+import { ClientTicksService } from "./client-ticks.service";
+import { Subject } from "rxjs";
+import { EventListener, UIListener } from '@armoury/fivem-framework-common';
+let ClientUIService = class ClientUIService {
+    get onShow$() {
+        return this._onShow$.asObservable();
+    }
+    get onHide$() {
+        return this._onHide$.asObservable();
+    }
+    get visible() {
+        return this._visible;
+    }
+    constructor(_ticksService) {
+        this._ticksService = _ticksService;
+        this._onShow$ = new Subject();
+        this._onHide$ = new Subject();
+        this._visible = false;
+        this.cooldownTimestamp = 0;
+    }
+    show(ignoreCursorMode = false, ignoreFocus = false) {
+        if (!this._visible) {
+            if (!ignoreCursorMode) {
+                Cfx.Client.EnterCursorMode();
+            }
+            if (!ignoreFocus) {
+                Cfx.Client.SetNuiFocus(true, true);
+                Cfx.Client.SetNuiFocusKeepInput(false);
+            }
+        }
+        this._visible = true;
+        this._ticksService.addUnique({
+            id: `${Cfx.Client.GetCurrentResourceName()}_UI`,
+            function: () => {
+                Cfx.Client.DisableControlAction(0, 1, this._visible);
+                Cfx.Client.DisableControlAction(0, 2, this._visible);
+                Cfx.Client.DisableControlAction(0, 142, this._visible);
+                Cfx.Client.DisableControlAction(0, 18, this._visible);
+                Cfx.Client.DisableControlAction(0, 322, this._visible);
+                Cfx.Client.DisableControlAction(0, 106, this._visible);
+                if (!this._visible) {
+                    this._ticksService.remove(`${Cfx.Client.GetCurrentResourceName()}_UI`);
+                    Cfx.Client.SetNuiFocus(false, false);
+                }
+            }
+        });
+    }
+    hide() {
+        this.cooldownTimestamp = Date.now() + (1000 * 3);
+        Cfx.Client.LeaveCursorMode();
+        this._visible = false;
+        Cfx.Client.SendNuiMessage(JSON.stringify({
+            type: 'dismiss'
+        }));
+    }
+    onForceShowUI(data) {
+        this.show(false, false);
+        this._onShow$.next(data);
+    }
+    onForceHideUI(data) {
+        this.hide();
+        this._onHide$.next(data);
+    }
+    dismiss() {
+        this.hide();
+        Cfx.TriggerServerEvent(`${Cfx.Client.GetCurrentResourceName()}:on-force-hidden`);
+        Cfx.emit(`${Cfx.Client.GetCurrentResourceName()}:on-force-hidden`);
+    }
+    isOnCooldown() {
+        return Date.now() < this.cooldownTimestamp;
+    }
+};
+__decorate([
+    EventListener({ eventName: `${Cfx.Client.GetCurrentResourceName()}:force-showui` }),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [Object]),
+    __metadata("design:returntype", void 0)
+], ClientUIService.prototype, "onForceShowUI", null);
+__decorate([
+    EventListener({ eventName: `${Cfx.Client.GetCurrentResourceName()}:force-hideui` }),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [Object]),
+    __metadata("design:returntype", void 0)
+], ClientUIService.prototype, "onForceHideUI", null);
+__decorate([
+    UIListener({ eventName: 'dismiss' }),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], ClientUIService.prototype, "dismiss", null);
+ClientUIService = __decorate([
+    Injectable(),
+    __param(0, Inject(ClientTicksService)),
+    __metadata("design:paramtypes", [ClientTicksService])
+], ClientUIService);
+export { ClientUIService };

package/dist/esm/client/services/client-vehicles.service.js

@@ -0,0 +1,63 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { Injectable } from "injection-js";
+import { Delay } from '@armoury/fivem-framework-common';
+let ClientVehiclesService = class ClientVehiclesService {
+    get vehicles() {
+        return this._vehicles;
+    }
+    // TODO: Use $onInit
+    constructor() {
+        this._vehicles = [];
+        Cfx.Client.onNet('onResourceStop', (resourceName) => {
+            if (resourceName === Cfx.Client.GetCurrentResourceName()) {
+                this._vehicles.forEach((vehicle) => {
+                    this.remove(vehicle);
+                });
+                this._vehicles = [];
+            }
+        });
+    }
+    /** Wrapper of FiveM's native CreateVehicle - includes requesting the model */
+    async createAsync(modelHash, x, y, z, heading, isNetwork, netMissionEntity, putPlayerInVehicle = false) {
+        let attempts = 0;
+        Cfx.Client.RequestModel(modelHash);
+        while (!Cfx.Client.HasModelLoaded(modelHash)) {
+            if (attempts > 10) {
+                return 0;
+            }
+            await Delay(100);
+            attempts++;
+        }
+        const createdVehicle = Cfx.Client.CreateVehicle(modelHash, x, y, z, heading, isNetwork, netMissionEntity);
+        if (createdVehicle) {
+            if (netMissionEntity) {
+                this._vehicles.push(createdVehicle);
+            }
+            if (putPlayerInVehicle) {
+                Cfx.Client.TaskWarpPedIntoVehicle(Cfx.Client.GetPlayerPed(-1), createdVehicle, -1);
+            }
+        }
+        return createdVehicle;
+    }
+    remove(vehicle) {
+        if (Cfx.Client.DoesEntityExist(vehicle)) {
+            Cfx.Client.DeleteEntity(vehicle);
+        }
+        if (this._vehicles.indexOf(vehicle) > -1) {
+            this._vehicles.splice(this._vehicles.indexOf(vehicle), 1);
+        }
+    }
+};
+ClientVehiclesService = __decorate([
+    Injectable(),
+    __metadata("design:paramtypes", [])
+], ClientVehiclesService);
+export { ClientVehiclesService };

package/dist/esm/client/services/client-waypoints.service.js

@@ -0,0 +1,69 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+var __param = (this && this.__param) || function (paramIndex, decorator) {
+    return function (target, key) { decorator(target, key, paramIndex); }
+};
+import { Inject, Injectable } from "injection-js";
+import { ClientBlipsService } from "./client-blips.service";
+import { COLOR_MAPPINGS } from "../constants/color.mappings";
+import { ClientCheckpointsService } from "./client-checkpoints.service";
+let ClientWaypointsService = class ClientWaypointsService {
+    get waypoints() {
+        return this._waypoints;
+    }
+    constructor(_blipsService, _checkpointsService) {
+        this._blipsService = _blipsService;
+        this._checkpointsService = _checkpointsService;
+        this._waypoints = [];
+    }
+    /** Defines a custom, irreplaceable waypoint */
+    createWaypoint(pos, title, color, id, routeColor, diameter = 3.0) {
+        const currentResource = Cfx.Client.GetCurrentResourceName().replace('-', ' ');
+        const defaultTitle = `${currentResource.slice(0, 1).toUpperCase()}${currentResource.slice(1)}`;
+        const _waypoint = this._blipsService.create({
+            id: id || 1,
+            color: color || 69,
+            title: title || defaultTitle,
+            pos,
+            longRange: true
+        });
+        this._checkpointsService.create(2, pos[0], pos[1], pos[2], null, null, null, diameter, COLOR_MAPPINGS[color !== null && color !== void 0 ? color : 0][0], COLOR_MAPPINGS[color !== null && color !== void 0 ? color : 0][1], COLOR_MAPPINGS[color !== null && color !== void 0 ? color : 0][2], 255, 0);
+        if (routeColor !== -1) {
+            Cfx.Client.SetBlipRoute(_waypoint, true);
+            if (routeColor) {
+                Cfx.Client.SetBlipRouteColour(_waypoint, routeColor);
+            }
+        }
+        this._waypoints.push(_waypoint);
+        return _waypoint;
+    }
+    clearWaypoints() {
+        this._waypoints.forEach((waypoint) => {
+            this.clearWaypoint(waypoint, true);
+        });
+        this._waypoints = [];
+    }
+    clearWaypoint(waypoint, ignoreSplice = false) {
+        this._checkpointsService.clearByPosition(Cfx.Client.GetBlipCoords(waypoint));
+        Cfx.Client.SetBlipRoute(waypoint, false);
+        Cfx.Client.RemoveBlip(waypoint);
+        if (!ignoreSplice) {
+            this._waypoints.splice(this._waypoints.indexOf(waypoint), 1);
+        }
+    }
+};
+ClientWaypointsService = __decorate([
+    Injectable(),
+    __param(0, Inject(ClientBlipsService)),
+    __param(1, Inject(ClientCheckpointsService)),
+    __metadata("design:paramtypes", [ClientBlipsService,
+        ClientCheckpointsService])
+], ClientWaypointsService);
+export { ClientWaypointsService };

package/dist/esm/client/services/index.js

@@ -0,0 +1,12 @@
+export * from './client-action-points.service';
+export * from './client-blips.service';
+export * from './client-checkpoints.service';
+export * from './client-hud.service';
+export * from './client-markers.service';
+export * from './client-peds.service';
+export * from './client-session.service';
+export * from './client-ticks.service';
+export * from './client-translate.service';
+export * from './client-vehicles.service';
+export * from './client-ui.service';
+export * from './client-waypoints.service';