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

package/dist/cjs/client/constants/color.mappings.js

@@ -0,0 +1,91 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.COLOR_MAPPINGS = void 0;
+exports.COLOR_MAPPINGS = {
+    0: [255, 255, 255],
+    1: [224, 50, 50],
+    2: [93, 189, 113],
+    3: [93, 182, 229],
+    4: [255, 255, 255],
+    5: [238, 198, 78],
+    6: [194, 80, 80],
+    7: [156, 110, 175],
+    8: [254, 122, 195],
+    9: [245, 157, 121],
+    10: [177, 143, 131],
+    11: [141, 206, 167],
+    12: [112, 168, 174],
+    13: [211, 209, 231],
+    14: [143, 126, 152],
+    15: [106, 196, 191],
+    16: [213, 195, 152],
+    17: [234, 142, 80],
+    18: [151, 202, 233],
+    19: [178, 98, 135],
+    20: [143, 141, 121],
+    21: [166, 117, 94],
+    22: [175, 168, 168],
+    23: [231, 141, 154],
+    24: [187, 214, 91],
+    25: [12, 123, 86],
+    26: [122, 195, 254],
+    27: [171, 60, 230],
+    28: [205, 168, 12],
+    29: [69, 97, 171],
+    30: [41, 165, 184],
+    31: [184, 155, 123],
+    32: [200, 224, 254],
+    33: [240, 240, 150],
+    34: [237, 140, 161],
+    35: [249, 138, 138],
+    36: [251, 238, 165],
+    37: [255, 255, 255],
+    38: [40, 96, 160],
+    39: [145, 131, 112],
+    40: [76, 76, 76],
+    41: [242, 157, 157],
+    42: [108, 183, 214],
+    43: [175, 237, 174],
+    44: [255, 167, 95],
+    45: [241, 241, 241],
+    46: [236, 240, 41],
+    47: [255, 154, 24],
+    48: [246, 68, 165],
+    49: [224, 58, 58],
+    50: [138, 109, 227],
+    51: [255, 127, 70],
+    52: [49, 96, 65],
+    53: [179, 221, 243],
+    54: [58, 100, 121],
+    55: [160, 160, 160],
+    56: [132, 114, 50],
+    57: [101, 185, 231],
+    58: [75, 65, 117],
+    59: [225, 59, 59],
+    60: [240, 203, 88],
+    61: [205, 63, 152],
+    62: [207, 207, 207],
+    63: [39, 106, 159],
+    64: [216, 123, 27],
+    65: [142, 131, 147],
+    66: [240, 203, 87],
+    67: [101, 185, 231],
+    68: [101, 185, 231],
+    69: [121, 205, 121],
+    70: [239, 202, 87],
+    71: [239, 202, 87],
+    72: [61, 61, 61],
+    73: [239, 202, 87],
+    74: [73, 168, 231],
+    75: [224, 50, 50],
+    76: [120, 35, 35],
+    77: [101, 185, 231],
+    78: [58, 100, 121],
+    79: [224, 50, 50],
+    80: [101, 185, 231],
+    81: [242, 164, 12],
+    82: [164, 204, 170],
+    83: [168, 84, 242],
+    84: [101, 185, 231],
+    85: [61, 61, 61]
+};

package/dist/cjs/client/index.js

@@ -0,0 +1,45 @@
+"use strict";
+/// <reference path = "../ambient.declarations.d.ts" />
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CLIENT_PROVIDERS = void 0;
+exports.Client_Init = Client_Init;
+require("reflect-metadata");
+const injection_js_1 = require("injection-js");
+const services_1 = require("./services");
+const fivem_framework_common_1 = require("@armoury/fivem-framework-common");
+exports.CLIENT_PROVIDERS = [
+    services_1.ClientActionPointsService,
+    services_1.ClientBlipsService,
+    services_1.ClientCheckpointsService,
+    services_1.ClientHudService,
+    services_1.ClientMarkersService,
+    services_1.ClientPedsService,
+    services_1.ClientSessionService,
+    services_1.ClientTicksService,
+    services_1.ClientVehiclesService,
+    services_1.ClientUIService,
+    services_1.ClientWaypointsService,
+];
+function Client_Init(_class, ...providers) {
+    const mainInjector = injection_js_1.ReflectiveInjector.resolveAndCreate(exports.CLIENT_PROVIDERS);
+    const injector = injection_js_1.ReflectiveInjector.resolveAndCreate([...providers, _class], mainInjector);
+    const instance = injector.get(_class);
+    (0, fivem_framework_common_1.Decorate)(instance, _class.prototype, [...exports.CLIENT_PROVIDERS, ...providers], fivem_framework_common_1.DecorationType.CLIENT);
+    return instance;
+}
+__exportStar(require("./services"), exports);
+__exportStar(require("@armoury/fivem-framework-common"), exports);

package/dist/cjs/client/interfaces/client-ui.interface.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/client/models/action-point.model.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/client/models/blip.model.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/client/models/index.js

@@ -0,0 +1,21 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./action-point.model"), exports);
+__exportStar(require("./blip.model"), exports);
+__exportStar(require("./marker.model"), exports);
+__exportStar(require("./ui-button.model"), exports);
+__exportStar(require("./ui-dialog.model"), exports);

package/dist/cjs/client/models/marker.model.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/client/models/ui-button.model.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/client/models/ui-dialog.model.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -0,0 +1,158 @@
+"use strict";
+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); }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ClientActionPointsService = void 0;
+const injection_js_1 = require("injection-js");
+const client_ticks_service_1 = require("./client-ticks.service");
+const fivem_framework_common_1 = require("@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 ((0, fivem_framework_common_1.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;
+    }
+};
+exports.ClientActionPointsService = ClientActionPointsService;
+__decorate([
+    (0, fivem_framework_common_1.EventListener)({ eventName: 'armoury:thread-triggerer' }),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [String]),
+    __metadata("design:returntype", void 0)
+], ClientActionPointsService.prototype, "onThreadTriggered", null);
+__decorate([
+    (0, fivem_framework_common_1.Command)({ suffix: `_${Cfx.Client.GetCurrentResourceName()}` }),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], ClientActionPointsService.prototype, "debug_ActionPoints", null);
+exports.ClientActionPointsService = ClientActionPointsService = __decorate([
+    (0, injection_js_1.Injectable)(),
+    __param(0, (0, injection_js_1.Inject)(client_ticks_service_1.ClientTicksService)),
+    __metadata("design:paramtypes", [client_ticks_service_1.ClientTicksService])
+], ClientActionPointsService);

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

@@ -0,0 +1,80 @@
+"use strict";
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ClientBlipsService = void 0;
+const injection_js_1 = require("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);
+            }
+        });
+    }
+};
+exports.ClientBlipsService = ClientBlipsService;
+exports.ClientBlipsService = ClientBlipsService = __decorate([
+    (0, injection_js_1.Injectable)()
+], ClientBlipsService);

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

@@ -0,0 +1,41 @@
+"use strict";
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ClientCheckpointsService = void 0;
+const injection_js_1 = require("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);
+        }
+    }
+};
+exports.ClientCheckpointsService = ClientCheckpointsService;
+exports.ClientCheckpointsService = ClientCheckpointsService = __decorate([
+    (0, injection_js_1.Injectable)()
+], ClientCheckpointsService);

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

@@ -0,0 +1,25 @@
+"use strict";
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ClientHudService = void 0;
+const injection_js_1 = require("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);
+        });
+    }
+};
+exports.ClientHudService = ClientHudService;
+exports.ClientHudService = ClientHudService = __decorate([
+    (0, injection_js_1.Injectable)()
+], ClientHudService);

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

@@ -0,0 +1,62 @@
+"use strict";
+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); }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ClientMarkersService = void 0;
+const injection_js_1 = require("injection-js");
+const client_action_points_service_1 = require("./client-action-points.service");
+const fivem_framework_common_1 = require("@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 (0, fivem_framework_common_1.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 = [];
+    }
+};
+exports.ClientMarkersService = ClientMarkersService;
+exports.ClientMarkersService = ClientMarkersService = __decorate([
+    (0, injection_js_1.Injectable)(),
+    __param(0, (0, injection_js_1.Inject)(client_action_points_service_1.ClientActionPointsService)),
+    __metadata("design:paramtypes", [client_action_points_service_1.ClientActionPointsService])
+], ClientMarkersService);

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

@@ -0,0 +1,104 @@
+"use strict";
+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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ClientPedsService = void 0;
+const injection_js_1 = require("injection-js");
+const fivem_framework_common_1 = require("@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 (0, fivem_framework_common_1.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 (0, fivem_framework_common_1.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 (0, fivem_framework_common_1.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 (0, fivem_framework_common_1.Delay)(100);
+            attempts++;
+        }
+        Cfx.Client.SetPlayerModel(ped, modelHash);
+        Cfx.Client.SetModelAsNoLongerNeeded(modelHash);
+        return true;
+    }
+};
+exports.ClientPedsService = ClientPedsService;
+exports.ClientPedsService = ClientPedsService = __decorate([
+    (0, injection_js_1.Injectable)(),
+    __metadata("design:paramtypes", [])
+], ClientPedsService);