From 34dd2172c78508181dc0ab319f4132ca17c768d0 Mon Sep 17 00:00:00 2001
From: Oleksandr Honcharov <0976053529@ukr.net>
Date: Sat, 15 Jun 2024 17:41:45 +0300
Subject: [PATCH] usage sample

---
 apps/cef/src/App.tsx                                   | 10 ++++++----
 apps/client/src/index.ts                               |  7 +++++--
 .../declarations/rage-fw-shared-types/index.d.ts       |  2 +-
 3 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/apps/cef/src/App.tsx b/apps/cef/src/App.tsx
index 30ac8b4..f6b0b54 100644
--- a/apps/cef/src/App.tsx
+++ b/apps/cef/src/App.tsx
@@ -1,18 +1,20 @@
 import { fw } from 'rage-fw-cef'
-import { useEffect } from 'react'
+import { useEffect, useState } from 'react'
 
 function App() {
+    const [data, setData] = useState('')
+
     useEffect(() => {
         fw.event.register('customCefEvent', ([test]) => {
-            console.log(test)
-
-            return ''
+            setData(test)
+            return 'response from cef'
         })
     }, [])
 
     return (
         <>
             <h1>Hello World!</h1>
+            <h2>{data}</h2>
         </>
     )
 }
diff --git a/apps/client/src/index.ts b/apps/client/src/index.ts
index 773a463..8c65fc2 100644
--- a/apps/client/src/index.ts
+++ b/apps/client/src/index.ts
@@ -1,9 +1,12 @@
 import { fw } from 'rage-fw-client'
 
-fw.event.register('customClientEvent', ([greetings]) => {
+fw.browser.registerBrowser(mp.browsers.new('package://cef/index.html'))
+
+fw.event.register('customClientEvent', async ([greetings]) => {
     fw.system.log.info(greetings)
 
-    fw.player.triggerBrowser('customCefEvent', ['str'])
+    const data = await fw.player.triggerBrowser('customCefEvent', ['str'])
+    fw.system.log.info(`CEF RESPONSE: ${data}`)
 
     return 'Hola from client!'
 })
diff --git a/apps/shared/declarations/rage-fw-shared-types/index.d.ts b/apps/shared/declarations/rage-fw-shared-types/index.d.ts
index f37e420..09030d4 100644
--- a/apps/shared/declarations/rage-fw-shared-types/index.d.ts
+++ b/apps/shared/declarations/rage-fw-shared-types/index.d.ts
@@ -1,6 +1,6 @@
 declare module 'rage-fw-shared-types' {
     export interface RageFW_ICustomClientEvent {
-        customClientEvent(greetings: string): string
+        customClientEvent(greetings: string): Promise<string>
     }
 
     export interface RageFW_ICustomServerEvent {