apps/client/package.json

@@ -2,12 +2,12 @@
   "name": "rage-fw-example-client",
   "version": "0.1.0",
   "author": "Entity Seven Group",
-  "license": "CC BY-ND",
-  "description": "Client side of rage-fw example",
+  "license": "MIT",
+  "description": "Client side of rage-fw-example",
   "scripts": {
     "build": "esbuild src/index.ts --bundle --platform=node --outfile=../../server/client_packages/index.js --format=esm"
   },
   "dependencies": {
-    "@entityseven/rage-fw-client": "latest"
+    "@entityseven/rage-fw-client": "0.2.0"
   }
 }

apps/client/src/index.ts

@@ -1,3 +1,14 @@
 import { fw } from '@entityseven/rage-fw-client'
 
-fw.player.browser = mp.browsers.new('https://localhost:8080')
+fw.player.browser = mp.browsers.new('package://cef/index.html')
+
+fw.event.register('customClientEvent', async msg => {
+    fw.system.log.info(msg)
+
+    const response = await fw.player.triggerBrowser('customBrowserEvent', [
+        'hello from client',
+    ])
+    fw.system.log.info(response)
+
+    return 'response from client'
+})

apps/server/package.json

@@ -2,12 +2,12 @@
   "name": "rage-fw-example-server",
   "version": "0.1.0",
   "author": "Entity Seven Group",
-  "license": "CC BY-ND",
-  "description": "Server side of rage-fw example",
+  "license": "MIT",
+  "description": "Server side of rage-fw-example",
   "scripts": {
     "build": "esbuild src/index.ts --bundle --platform=node --target=node10.4 --outfile=../../server/packages/server/index.js"
   },
   "dependencies": {
-    "@entityseven/rage-fw-server": "latest"
+    "@entityseven/rage-fw-server": "0.2.0"
   }
 }

apps/server/src/commands.ts

@@ -1,10 +0,0 @@
-mp.events.addCommand('veh', async (player, fullText) => {
-    const vehicleID = mp.joaat(fullText)
-    const vehicle = mp.vehicles.new(vehicleID, player.position, {
-        numberPlate: 'admin',
-    })
-
-    setTimeout(() => {
-        player.putIntoVehicle(vehicle, 0)
-    }, 250)
-})

apps/server/src/index.ts

@@ -1,9 +1,25 @@
 import { fw } from '@entityseven/rage-fw-server'
 
-import './commands'
-
 fw.event.register('playerJoin', async player => {
-    fw.system.log.info(`Connected: ${player.socialClub}`)
+    fw.system.log.info('Connected:', player.socialClub)
 
-    fw.system.log.info(`Response from client: here respionse}`)
+    const response = await fw.player.triggerClient(
+        player,
+        'customClientEvent',
+        ['hello from server'],
+    )
+    fw.system.log.info(response)
+})
+
+fw.event.register('customServerEvent', async (player, msg) => {
+    fw.system.log.info(player.socialClub, msg)
+
+    const response = await fw.player.triggerBrowser(
+        player,
+        'customBrowserEvent',
+        ['hello from server'],
+    )
+    fw.system.log.info(player.socialClub, response)
+
+    return 'response from server'
 })

apps/server/tsconfig.json

@@ -4,7 +4,7 @@
     "resolveJsonModule": true,
     "baseUrl": "./src",
     "types": [
-      "../../node_modules/@ragempcommunity/types-server/",
+      "../../node_modules/@ragempcommunity/types-server",
       "../shared/declarations/rage-fw-shared-types/"
     ]
   }

package.json

@@ -4,6 +4,7 @@
   "workspaces": ["apps/*"],
   "scripts": {
     "server:update": "cd server && rage-win64.exe",
+
     "build:client": "cd apps/client && pnpm build",
     "build:server": "cd apps/server && pnpm build",
     "build:cef": "cd apps/cef && pnpm build",

tsconfig.json

@@ -1,7 +1,7 @@
 {
   "compilerOptions": {
     "target": "ESNext",
-    "lib": ["ESNext", "ES2019", "DOM"],
+    "lib": ["ESNext", "ES2019"],
     "moduleResolution": "node",
     "module": "ESNext",
     "resolveJsonModule": true,