feat(web): initial update to vite (#157)

Author: itschip

src/client/cl_events.ts

@@ -44,55 +44,59 @@ const waitForNUILoaded = (checkInterval = 250): Promise<void> => {
   });
 };
 
-const SendBankUIMessage = (data: object) => {
-  SendNUIMessage(data);
+const SendBankUIMessage = (app: string, method: string, data: unknown) => {
+  SendNUIMessage({
+    app,
+    method,
+    data,
+  });
 
   if (GetResourceState('npwd') === 'started') {
-    npwdExports.sendUIMessage(data);
+    npwdExports.sendNPWDMessage(app, method, data);
   }
 };
 
 onNet(Broadcasts.NewAccount, (payload: Account) => {
-  SendBankUIMessage({ type: Broadcasts.NewAccount, payload });
+  SendBankUIMessage('PEFCL', Broadcasts.NewAccount, payload);
 });
 
 onNet(Broadcasts.NewAccountBalance, (balance: number) => {
-  SendBankUIMessage({ type: Broadcasts.NewAccountBalance, payload: balance });
+  SendBankUIMessage('PEFCL', Broadcasts.NewAccountBalance, balance);
 });
 
 onNet(Broadcasts.NewTransaction, (payload: Transaction) => {
-  SendBankUIMessage({ type: Broadcasts.NewTransaction, payload });
+  SendBankUIMessage('PEFCL', Broadcasts.NewTransaction, payload);
 });
 
 onNet(Broadcasts.UpdatedAccount, (payload: Account) => {
-  SendBankUIMessage({ type: Broadcasts.UpdatedAccount, payload });
+  SendBankUIMessage('PEFCL', Broadcasts.UpdatedAccount, payload);
 });
 
 onNet(Broadcasts.NewInvoice, (payload: Invoice) => {
-  SendBankUIMessage({ type: Broadcasts.NewInvoice, payload });
+  SendBankUIMessage('PEFCL', Broadcasts.NewInvoice, payload);
 });
 
 onNet(Broadcasts.NewSharedUser, () => {
-  SendBankUIMessage({ type: Broadcasts.NewSharedUser });
+  SendBankUIMessage('PEFCL', Broadcasts.NewSharedUser, {});
 });
 
 onNet(Broadcasts.RemovedSharedUser, () => {
-  SendBankUIMessage({ type: Broadcasts.RemovedSharedUser });
+  SendBankUIMessage('PEFCL', Broadcasts.RemovedSharedUser, {});
 });
 
 onNet(UserEvents.Loaded, async () => {
   console.debug('Waiting for NUI to load ..');
   await waitForNUILoaded();
   console.debug('Loaded. Emitting data to NUI.');
-  SendBankUIMessage({ type: UserEvents.Loaded, payload: true });
+  SendBankUIMessage('PEFCL', UserEvents.Loaded, true);
 
   if (!useFrameworkIntegration) {
     StatSetInt(CASH_BAL_STAT, (await API.getMyCash()) ?? 0, true);
   }
 });
 
 onNet(UserEvents.Unloaded, () => {
-  SendBankUIMessage({ type: UserEvents.Unloaded });
+  SendBankUIMessage('PEFCL', UserEvents.Unloaded, {});
 });
 
 const CASH_BAL_STAT = GetHashKey('MP0_WALLET_BALANCE');
@@ -130,7 +134,7 @@ RegisterCommand(
     console.debug('Waiting for NUI to load ..');
     await waitForNUILoaded();
     console.debug('Loaded. Emitting data to NUI.');
-    SendBankUIMessage({ type: UserEvents.Loaded, payload: true });
+    SendBankUIMessage('PEFCL', UserEvents.Loaded, true);
   },
   false,
 );

src/client/client.ts

@@ -18,7 +18,10 @@ export const setBankIsOpen = (bool: boolean) => {
   }
 
   isBankOpen = bool;
-  SendNUIMessage({ type: 'setVisible', payload: bool });
+  SendNUIMessage({ app: 'PEFCL', method: 'setVisible', data: bool });
+
+  console.log('setBankIsOpen', bool);
+
   SetNuiFocus(bool, bool);
 };
 
@@ -28,7 +31,7 @@ export const setAtmIsOpen = (bool: boolean) => {
   }
 
   isAtmOpen = bool;
-  SendNUIMessage({ type: 'setVisibleATM', payload: bool });
+  SendNUIMessage({ app: 'PEFCL', method: 'setVisibleATM', data: bool });
   SetNuiFocus(bool, bool);
 };
 
@@ -63,7 +66,7 @@ if (!useFrameworkIntegration) {
       if (!config.atms?.props?.includes(model)) return console.log('not atm');
 
       isAtmOpen = !isAtmOpen;
-      SendNUIMessage({ type: 'setVisibleATM', payload: isAtmOpen });
+      SendNUIMessage({ app: 'PEFCL', method: 'setVisibleATM', data: isAtmOpen });
 
       if (isAtmOpen) {
         SetNuiFocus(true, true);

src/package.json

@@ -59,7 +59,6 @@
     "prettier": "^2.5.1",
     "reflect-metadata": "^0.1.13",
     "sequelize": "^6.17.0",
-    "tedious": "^14.3.0",
     "tsyringe": "^4.6.0",
     "winston": "^3.4.0"
   }