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

package/dist/esm/client/services/client-action-points.service.js

@@ -0,0 +1,155 @@
+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 { Command, EventListener, calculateDistance } from '@armoury/fivem-framework-common';
+// TODO: Lower chunk radius and make chunk-checker check adjacent chunks as well
+let ClientActionPointsService = class ClientActionPointsService {
+    get actionPoints() {
+        return this._actionPoints;
+    }
+    get cachedPlayerPosition() {
+        return this._cachedPlayerPosition;
+    }
+    constructor(_ticksService) {
+        this._ticksService = _ticksService;
+        this.chunkRadius = 80;
+        this._actionPoints = {};
+        this._cachedPlayerPosition = [NaN, NaN];
+        this._cachedPlayerRoundedPosition = [NaN, NaN];
+        this._cachedIsPlayerInAnyVehicle = false;
+    }
+    /** Creates one or multiple Action Points. Action points DO NOT include markers and/or blips.
+     * They only contain the logic executed when a position is met.
+    */
+    create(...actionPoints) {
+        actionPoints.forEach((actionPoint) => {
+            this.createActionPoint(actionPoint);
+        });
+    }
+    createActionPoint(actionPoint) {
+        const nearestX = this.roundToNearest(actionPoint.pos[0], this.chunkRadius);
+        const nearestY = this.roundToNearest(actionPoint.pos[1], this.chunkRadius);
+        if (!this._actionPoints[nearestX]) {
+            this._actionPoints[nearestX] = {};
+        }
+        if (!this.actionPoints[nearestX][nearestY]) {
+            this._actionPoints[nearestX][nearestY] = [];
+        }
+        this._actionPoints[nearestX][nearestY].push(actionPoint);
+    }
+    remove(actionPoint) {
+        var _a, _b;
+        if ((_b = (_a = this._actionPoints[this.roundToNearest(actionPoint.pos[0], this.chunkRadius)]) === null || _a === void 0 ? void 0 : _a[this.roundToNearest(actionPoint.pos[1], this.chunkRadius)]) === null || _b === void 0 ? void 0 : _b.length) {
+            this._actionPoints[this.roundToNearest(actionPoint.pos[0], this.chunkRadius)][this.roundToNearest(actionPoint.pos[1], this.chunkRadius)] =
+                this._actionPoints[this.roundToNearest(actionPoint.pos[0], this.chunkRadius)][this.roundToNearest(actionPoint.pos[1], this.chunkRadius)].filter((_actionPoint) => _actionPoint.id != actionPoint.id);
+        }
+    }
+    removeById(id) {
+        Object.keys(this._actionPoints).forEach((posXAsStr) => {
+            const posX = Number(posXAsStr);
+            Object.keys(this._actionPoints[posX]).forEach((posYAsStr) => {
+                const posY = Number(posYAsStr);
+                this._actionPoints[posX][posY] =
+                    this._actionPoints[posX][posY].filter((_actionPoint) => _actionPoint.id != id);
+            });
+        });
+    }
+    removeAll() {
+        this._actionPoints = {};
+        this._ticksService.remove(`${Cfx.Client.GetCurrentResourceName()}_actionpoints`);
+    }
+    existsAtPosition(posX, posY, posZ) {
+        const roundedPosX = this.roundToNearest(posX, this.chunkRadius);
+        const roundedPosY = this.roundToNearest(posY, this.chunkRadius);
+        if (!this.actionPoints[roundedPosX] || !this.actionPoints[roundedPosX][roundedPosY]) {
+            return false;
+        }
+        if (this.actionPoints[roundedPosX][roundedPosY].find((actionPoint) => actionPoint.pos[0] == posX
+            && actionPoint.pos[1] == posY
+            && actionPoint.pos[2] == posZ)) {
+            return true;
+        }
+        return false;
+    }
+    onThreadTriggered(optimizationType) {
+        var _a, _b;
+        if (optimizationType === 'chunk-checker') {
+            this._cachedPlayerPosition = Cfx.Client.GetEntityCoords(Cfx.Client.PlayerPedId(), true);
+            const [nearestX, nearestY] = [this.roundToNearest(this._cachedPlayerPosition[0], this.chunkRadius), this.roundToNearest(this._cachedPlayerPosition[1], this.chunkRadius)];
+            if (this._cachedPlayerRoundedPosition[0] == nearestX && this._cachedPlayerRoundedPosition[1] == nearestY) {
+                return;
+            }
+            this._cachedPlayerRoundedPosition = [nearestX, nearestY];
+            this._cachedIsPlayerInAnyVehicle = Cfx.Client.IsPedInAnyVehicle(Cfx.Client.PlayerPedId(), false);
+            if ((_b = (_a = this._actionPoints[this._cachedPlayerRoundedPosition[0]]) === null || _a === void 0 ? void 0 : _a[this._cachedPlayerRoundedPosition[1]]) === null || _b === void 0 ? void 0 : _b.length) {
+                this._ticksService.addUnique({
+                    id: `${Cfx.Client.GetCurrentResourceName()}_actionpoints`,
+                    function: (() => {
+                        var _a, _b, _c, _d;
+                        for (let i = 0; i < ((_b = (_a = this._actionPoints[this._cachedPlayerRoundedPosition[0]]) === null || _a === void 0 ? void 0 : _a[this._cachedPlayerRoundedPosition[1]]) === null || _b === void 0 ? void 0 : _b.length); i++) {
+                            const _actionPoint = (_c = this._actionPoints[this._cachedPlayerRoundedPosition[0]]) === null || _c === void 0 ? void 0 : _c[this._cachedPlayerRoundedPosition[1]][i];
+                            if (calculateDistance([_actionPoint.pos[0], _actionPoint.pos[1], _actionPoint.pos[2], this._cachedPlayerPosition[0], this._cachedPlayerPosition[1], _actionPoint.pos[2]]) <= (_actionPoint.range || 1.0) + (this._cachedIsPlayerInAnyVehicle && !_actionPoint.onfootOnly ? 5 : 0)) {
+                                const actionPassed = (!_actionPoint.onceIf || _actionPoint.onceIf()) && (!_actionPoint.onfootOnly || !Cfx.Client.IsPedInAnyVehicle(Cfx.Client.PlayerPedId(), false)) && (!_actionPoint.inVehicleOnly || Cfx.Client.IsPedInAnyVehicle(Cfx.Client.PlayerPedId(), false));
+                                if (actionPassed) {
+                                    _actionPoint.action();
+                                }
+                                if ((_actionPoint.once || _actionPoint.onceIf) && actionPassed) {
+                                    (_d = this._actionPoints[this._cachedPlayerRoundedPosition[0]]) === null || _d === void 0 ? void 0 : _d[this._cachedPlayerRoundedPosition[1]].splice(i, 1);
+                                    i--;
+                                }
+                            }
+                        }
+                    })
+                });
+            }
+            else {
+                this._ticksService.remove(`${Cfx.Client.GetCurrentResourceName()}_actionpoints`);
+            }
+        }
+    }
+    debug_ActionPoints() {
+        var _a, _b;
+        let totalActionPoints = 0;
+        const currentAreaActionPoints = ((_b = (_a = this.actionPoints[this.roundToNearest(this._cachedPlayerPosition[0], this.chunkRadius)]) === null || _a === void 0 ? void 0 : _a[this.roundToNearest(this._cachedPlayerPosition[1], this.chunkRadius)]) === null || _b === void 0 ? void 0 : _b.length) || 0;
+        Object.keys(this.actionPoints).forEach((posXAsStr) => {
+            const posX = Number(posXAsStr);
+            Object.keys(this.actionPoints[posX]).forEach((posYAsStr) => {
+                const posY = Number(posYAsStr);
+                totalActionPoints += this.actionPoints[posX][posY].length;
+            });
+        });
+        console.log(`Total action points: ${totalActionPoints}. Action points in this area: ${currentAreaActionPoints}`);
+    }
+    roundToNearest(num, multiple) {
+        return Math.round(num / multiple) * multiple;
+    }
+};
+__decorate([
+    EventListener({ eventName: 'armoury:thread-triggerer' }),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [String]),
+    __metadata("design:returntype", void 0)
+], ClientActionPointsService.prototype, "onThreadTriggered", null);
+__decorate([
+    Command({ suffix: `_${Cfx.Client.GetCurrentResourceName()}` }),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], ClientActionPointsService.prototype, "debug_ActionPoints", null);
+ClientActionPointsService = __decorate([
+    Injectable(),
+    __param(0, Inject(ClientTicksService)),
+    __metadata("design:paramtypes", [ClientTicksService])
+], ClientActionPointsService);
+export { ClientActionPointsService };

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

@@ -0,0 +1,77 @@
+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;
+};
+import { Injectable } from "injection-js";
+let ClientBlipsService = class ClientBlipsService {
+    constructor() {
+        this._blips = [];
+        // @EventListener({ eventName: `${Cfx.Client.GetCurrentResourceName()}:refresh-virtual-world` })
+        // protected onRefreshPlayersInVirtualWorld(): void {
+        //     const activePlayers: number[] = Cfx.Client.GetActivePlayers();
+        //
+        //     activePlayers.forEach((activePlayer: number) => {
+        //         const playerServerId: number = Cfx.Client.GetPlayerServerId(activePlayer);
+        //         if (this.getPlayerInfo('virtualWorld') === this.getPlayerInfo('virtualWorld', playerServerId)) {
+        //             Cfx.Client.NetworkConcealPlayer(activePlayer, false, false);
+        //         } else {
+        //             Cfx.Client.NetworkConcealPlayer(activePlayer, true, false);
+        //         }
+        //     });
+        // }
+    }
+    get blips() {
+        return this._blips;
+    }
+    // TODO: Why is createMultiple() not calling create()?
+    createMultiple(...blips) {
+        const _blips = blips.map((blip) => (Object.assign(Object.assign({}, blip), { instance: null })));
+        this._blips.push(..._blips);
+        this.refresh();
+    }
+    create(blip) {
+        var _a;
+        const _blip = (!blip.type || blip.type === 'coords'
+            ? Cfx.Client.AddBlipForCoord(blip.pos[0], blip.pos[1], blip.pos[2])
+            : (blip.type === 'range'
+                ? Cfx.Client.AddBlipForRadius(blip.pos[0], blip.pos[1], blip.pos[2], blip.scale || 1.0)
+                : Cfx.Client.AddBlipForEntity((_a = blip.entityId) !== null && _a !== void 0 ? _a : Cfx.Client.PlayerPedId())));
+        if (!blip.type || blip.type !== 'range') {
+            Cfx.Client.SetBlipScale(_blip, blip.scale || 1.0);
+        }
+        Cfx.Client.SetBlipSprite(_blip, blip.id);
+        Cfx.Client.SetBlipDisplay(_blip, 4);
+        Cfx.Client.SetBlipColour(_blip, blip.color);
+        Cfx.Client.SetBlipAlpha(_blip, blip.alpha || 255);
+        Cfx.Client.SetBlipAsShortRange(_blip, !blip.longRange);
+        Cfx.Client.BeginTextCommandSetBlipName('STRING');
+        Cfx.Client.AddTextComponentString(blip.title);
+        Cfx.Client.EndTextCommandSetBlipName(_blip);
+        return _blip;
+    }
+    clear(blipId) {
+        this._blips = this._blips.filter((_blip) => _blip.instance !== blipId);
+        if (Cfx.Client.DoesBlipExist(blipId)) {
+            Cfx.Client.RemoveBlip(blipId);
+        }
+    }
+    clearAll() {
+        this._blips.forEach((blip) => {
+            Cfx.Client.RemoveBlip(blip.instance);
+        });
+        this._blips = [];
+    }
+    refresh() {
+        this.blips.forEach((blip) => {
+            if (!blip.instance) {
+                blip.instance = this.create(blip);
+            }
+        });
+    }
+};
+ClientBlipsService = __decorate([
+    Injectable()
+], ClientBlipsService);
+export { ClientBlipsService };

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

@@ -0,0 +1,38 @@
+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;
+};
+import { Injectable } from "injection-js";
+let ClientCheckpointsService = class ClientCheckpointsService {
+    constructor() {
+        this._checkpoints = new Map();
+    }
+    get checkpoints() {
+        return this._checkpoints;
+    }
+    create(type, posX1, posY1, posZ1, posX2, posY2, posZ2, diameter, red, green, blue, alpha, reserved) {
+        const checkpoint = Cfx.Client.CreateCheckpoint(type, posX1, posY1, posZ1, posX2, posY2, posZ2, diameter, red, green, blue, alpha, reserved);
+        this._checkpoints.set(checkpoint, [posX1, posY1, posZ1, posX2, posY2, posZ2]);
+        return checkpoint;
+    }
+    clear(checkpoint) {
+        Cfx.Client.DeleteCheckpoint(checkpoint);
+        if (this._checkpoints.has(checkpoint)) {
+            this._checkpoints.delete(checkpoint);
+        }
+    }
+    clearByPosition(pos) {
+        const checkpoint = Array.from(this._checkpoints.keys()).find((_checkpoint) => Math.floor(this._checkpoints.get(_checkpoint)[0]) === Math.floor(pos[0])
+            && Math.floor(this._checkpoints.get(_checkpoint)[1]) === Math.floor(pos[1])
+            && Math.floor(this._checkpoints.get(_checkpoint)[2]) === Math.floor(pos[2]));
+        if (checkpoint) {
+            this.clear(checkpoint);
+        }
+    }
+};
+ClientCheckpointsService = __decorate([
+    Injectable()
+], ClientCheckpointsService);
+export { ClientCheckpointsService };

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

@@ -0,0 +1,22 @@
+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;
+};
+import { Injectable } from "injection-js";
+let ClientHudService = class ClientHudService {
+    addToFeed(feedItemLength = 8000, ...texts) {
+        texts.forEach((text, index) => {
+            setTimeout(() => {
+                Cfx.Client.BeginTextCommandThefeedPost('STRING');
+                Cfx.Client.AddTextComponentSubstringPlayerName(text);
+                Cfx.Client.EndTextCommandThefeedPostTicker(false, true);
+            }, index * feedItemLength);
+        });
+    }
+};
+ClientHudService = __decorate([
+    Injectable()
+], ClientHudService);
+export { ClientHudService };

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

@@ -0,0 +1,59 @@
+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 { ClientActionPointsService } from "./client-action-points.service";
+import { Delay } from '@armoury/fivem-framework-common';
+let ClientMarkersService = class ClientMarkersService {
+    get markers() {
+        return this._markers;
+    }
+    constructor(_actionPoints) {
+        this._actionPoints = _actionPoints;
+        this._markers = [];
+    }
+    /** Defines permanent markers. Handles draw-per-tick automatically. */
+    create(...markers) {
+        const _markers = markers.map((marker) => (Object.assign(Object.assign({}, marker), { instance: null })));
+        this._markers.push(..._markers);
+        this._actionPoints.create(...markers.map((marker) => ({
+            id: `${Cfx.Client.GetCurrentResourceName()}_marker_${marker.pos[0]}_${marker.pos[1]}`,
+            pos: marker.pos,
+            range: marker.renderDistance,
+            action: async () => {
+                var _a, _b, _c, _d, _e, _f, _g;
+                if (marker.textureDict && !Cfx.Client.HasStreamedTextureDictLoaded(marker.textureDict)) {
+                    Cfx.Client.RequestStreamedTextureDict(marker.textureDict, true);
+                    while (!Cfx.Client.HasStreamedTextureDictLoaded(marker.textureDict)) {
+                        await Delay(100);
+                    }
+                }
+                Cfx.Client.DrawMarker(marker.marker, marker.pos[0], marker.pos[1], marker.pos[2], 0.0, 0.0, 0.0, ((_a = marker.rotation) === null || _a === void 0 ? void 0 : _a[0]) || 0.0, ((_b = marker.rotation) === null || _b === void 0 ? void 0 : _b[1]) || 0.0, ((_c = marker.rotation) === null || _c === void 0 ? void 0 : _c[2]) || 0.0, marker.scale, marker.scale, marker.scale, marker.rgba[0], marker.rgba[1], marker.rgba[2], marker.rgba[3], false, true, 2, false, (marker.textureDict || null), (marker.textureName || null), false);
+                if (marker.underlyingCircle) {
+                    Cfx.Client.DrawMarker(marker.underlyingCircle.marker, marker.pos[0], marker.pos[1], marker.pos[2] - 0.9, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, marker.underlyingCircle.scale, marker.underlyingCircle.scale, marker.underlyingCircle.scale, ((_d = marker.underlyingCircle.rgba) === null || _d === void 0 ? void 0 : _d[0]) || marker.rgba[0], ((_e = marker.underlyingCircle.rgba) === null || _e === void 0 ? void 0 : _e[1]) || marker.rgba[1], ((_f = marker.underlyingCircle.rgba) === null || _f === void 0 ? void 0 : _f[2]) || marker.rgba[2], ((_g = marker.underlyingCircle.rgba) === null || _g === void 0 ? void 0 : _g[3]) || marker.rgba[3], false, true, 2, false, null, null, false);
+                }
+            }
+        })));
+    }
+    clearAll() {
+        this.markers.forEach((_marker) => {
+            this._actionPoints.removeById(`${Cfx.Client.GetCurrentResourceName()}_marker_${_marker.pos[0]}_${_marker.pos[1]}`);
+        });
+        this._markers = [];
+    }
+};
+ClientMarkersService = __decorate([
+    Injectable(),
+    __param(0, Inject(ClientActionPointsService)),
+    __metadata("design:paramtypes", [ClientActionPointsService])
+], ClientMarkersService);
+export { ClientMarkersService };

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

@@ -0,0 +1,101 @@
+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 ClientPedsService = class ClientPedsService {
+    get peds() {
+        return this._peds;
+    }
+    // TODO: Use $onInit
+    constructor() {
+        this._peds = [];
+        Cfx.Client.onNet('onResourceStop', (resourceName) => {
+            if (resourceName === Cfx.Client.GetCurrentResourceName()) {
+                this._peds.forEach((ped) => {
+                    this.remove(ped);
+                });
+                this._peds = [];
+            }
+        });
+    }
+    remove(ped) {
+        if (Cfx.Client.DoesEntityExist(ped)) {
+            Cfx.Client.DeleteEntity(ped);
+        }
+        if (this._peds.indexOf(ped) > -1) {
+            this._peds.splice(this._peds.indexOf(ped), 1);
+        }
+    }
+    async createInsideVehicleAsync(vehicle, pedType, modelHash, seat, isNetwork, bScriptHostPed) {
+        let attempts = 0;
+        Cfx.Client.RequestModel(modelHash);
+        while (!Cfx.Client.HasModelLoaded(modelHash)) {
+            if (attempts > 10) {
+                return 0;
+            }
+            await Delay(100);
+            attempts++;
+        }
+        const createdPed = Cfx.Client.CreatePedInsideVehicle(vehicle, pedType, modelHash, seat, isNetwork, bScriptHostPed);
+        if (createdPed) {
+            this._peds.push(createdPed);
+        }
+        return createdPed;
+    }
+    async createAsync(pedType, modelHash, x, y, z, heading, isNetwork, bScriptHostPed) {
+        let attempts = 0;
+        Cfx.Client.RequestModel(modelHash);
+        while (!Cfx.Client.HasModelLoaded(modelHash)) {
+            if (attempts > 10) {
+                return 0;
+            }
+            await Delay(100);
+            attempts++;
+        }
+        const createdPed = Cfx.Client.CreatePed(pedType, modelHash, x, y, z, heading, isNetwork, bScriptHostPed);
+        if (createdPed) {
+            this._peds.push(createdPed);
+        }
+        return createdPed;
+    }
+    async playAnim(ped, animationDict, animationName, duration, flag = 0, blendInSpeed = 8.0, blendOutSpeed = 8.0) {
+        let attempts = 0;
+        Cfx.Client.RequestAnimDict(animationDict);
+        while (!Cfx.Client.HasAnimDictLoaded(animationDict)) {
+            if (attempts > 10) {
+                return;
+            }
+            await Delay(100);
+            attempts++;
+        }
+        if (Cfx.Client.HasAnimDictLoaded(animationDict)) {
+            Cfx.Client.TaskPlayAnim(ped, animationDict, animationName, blendInSpeed, blendOutSpeed, duration, flag, 0, false, false, false);
+        }
+    }
+    async setModelAsync(ped, modelHash) {
+        let attempts = 0;
+        Cfx.Client.RequestModel(modelHash);
+        while (!Cfx.Client.HasModelLoaded(modelHash)) {
+            if (attempts > 10) {
+                return false;
+            }
+            await Delay(100);
+            attempts++;
+        }
+        Cfx.Client.SetPlayerModel(ped, modelHash);
+        Cfx.Client.SetModelAsNoLongerNeeded(modelHash);
+        return true;
+    }
+};
+ClientPedsService = __decorate([
+    Injectable(),
+    __metadata("design:paramtypes", [])
+], ClientPedsService);
+export { ClientPedsService };

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

@@ -0,0 +1,21 @@
+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;
+};
+import { Injectable } from "injection-js";
+import { isJSON } from '@armoury/fivem-framework-common';
+let ClientSessionService = class ClientSessionService {
+    getPlayerInfo(stat, playerId) {
+        let value = Cfx.Client.GetConvar(`${playerId || Cfx.Client.GetPlayerServerId(Cfx.Client.PlayerId())}_PI_${stat}`, '-1');
+        if (isJSON(value.toString())) {
+            value = JSON.parse(value.toString(), function (_k, v) { return (typeof v === "object" || isNaN(v)) ? v : Number(v); });
+        }
+        return value;
+    }
+};
+ClientSessionService = __decorate([
+    Injectable()
+], ClientSessionService);
+export { ClientSessionService };

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

@@ -0,0 +1,74 @@
+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";
+let ClientTicksService = class ClientTicksService {
+    constructor() {
+        this.tickInstance = null;
+        this.tickFunctions = [];
+        this.routingBucket = 0;
+        this.assignBaseListeners();
+    }
+    /** ATTENTION! The ID of a tick function needs to be UNIQUE! */
+    add(...functions) {
+        functions.forEach((func) => {
+            if (this.tickFunctions.findIndex((_func) => _func.id === func.id) !== -1) {
+                console.error(`[ClientBase]: A tick function with the id ${func.id} already exists in the stack! The newly added tick function will not be executed.`);
+            }
+        });
+        this.tickFunctions.push(...functions);
+        this.removeTickDuplicates();
+        this.refreshTicks();
+    }
+    addUnique(...functions) {
+        functions.forEach((func) => {
+            this.remove(func.id);
+        });
+        this.add(...functions);
+    }
+    /** Removes tick function with the provided id. */
+    remove(id) {
+        this.tickFunctions = this.tickFunctions.filter((func) => func.id != id);
+    }
+    refreshTicks() {
+        if (this.tickInstance) {
+            Cfx.Client.clearTick(this.tickInstance);
+            this.tickInstance = null;
+        }
+        if (this.tickFunctions.length > 0) {
+            this.tickInstance = Cfx.Client.setTick(() => {
+                if (!this.tickFunctions.length) {
+                    Cfx.Client.clearTick(this.tickInstance);
+                    this.tickInstance = null;
+                    return;
+                }
+                this.tickFunctions.forEach((tick) => {
+                    tick.function();
+                });
+            });
+        }
+    }
+    removeTickDuplicates() {
+        this.tickFunctions = this.tickFunctions.filter((func) => this.tickFunctions.findIndex((_func) => _func.id == func.id) == this.tickFunctions.indexOf(func));
+    }
+    assignBaseListeners() {
+        Cfx.Client.onNet(`${Cfx.Client.GetCurrentResourceName()}:set-routing-bucket`, (routingBucket) => {
+            this.routingBucket = routingBucket;
+        });
+    }
+    setEntityRoutingBucket(routingBucket) {
+        Cfx.Client.TriggerServerEvent(`${Cfx.Client.GetCurrentResourceName()}:set-client-routing-bucket`, routingBucket);
+        this.routingBucket = routingBucket;
+    }
+};
+ClientTicksService = __decorate([
+    Injectable(),
+    __metadata("design:paramtypes", [])
+], ClientTicksService);
+export { ClientTicksService };

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

@@ -0,0 +1,38 @@
+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 { ClientSessionService } from "./client-session.service";
+let ClientTranslateService = class ClientTranslateService {
+    get language() {
+        if (!this._language) {
+            this._language = this._session.getPlayerInfo('language');
+        }
+        return this._language || 'en';
+    }
+    constructor(_translations, _session) {
+        this._translations = _translations;
+        this._session = _session;
+        this._language = null;
+    }
+    instant(key) {
+        var _a;
+        return ((_a = this._translations[this.language]) === null || _a === void 0 ? void 0 : _a[key]) || key;
+    }
+};
+ClientTranslateService = __decorate([
+    Injectable(),
+    __param(0, Inject('translations')),
+    __param(1, Inject(ClientSessionService)),
+    __metadata("design:paramtypes", [Object, ClientSessionService])
+], ClientTranslateService);
+export { ClientTranslateService };