Fix initialization issue by adding GnokeyProvider (#138)

This pull request fixes an issue with multiple initializations and adds a new component called GnokeyProvider. The GnokeyProvider component allows for the initialization and management of Gnokey. --------- Signed-off-by: D4ryl00 <[email protected]> Signed-off-by: Iuri Pereira <[email protected]> Co-authored-by: D4ryl00 <[email protected]>
gnolang · May 13, 2024 · 7a95b89 · 7a95b89
1 parent 550beef
commit 7a95b89
Show file tree

Hide file tree

Showing 5 changed files with 525 additions and 15 deletions.
diff --git a/expo/README.md b/expo/README.md
@@ -108,11 +108,11 @@ before continuing.
 You can run one of the following command:
 
 ```shell
-make pack
+make npm.pack
 ```
 
 or
 
 ```shell
-make publish
+make npm.publish
 ```
diff --git a/expo/example/App.tsx b/expo/example/App.tsx
@@ -1,14 +1,30 @@
-import * as Gnonative from '@gnolang/gnonative';
+import { GnokeyProvider, useGnokeyContext } from '@gnolang/gnonative';
 import React, { useEffect, useState } from 'react';
 import { StyleSheet, Text, View } from 'react-native';
 
+const config = {
+  remote: 'https://gno.berty.io',
+  chain_id: 'dev',
+};
+
 export default function App() {
-  const gno = Gnonative.useGno();
+  return (
+    <GnokeyProvider config={config}>
+      <InnerApp />
+    </GnokeyProvider>
+  );
+}
+
+const InnerApp = () => {
+  const gno = useGnokeyContext();
   const [greeting, setGreeting] = useState('');
 
   useEffect(() => {
-    const greeting = async () => {
+    (async () => {
       try {
+        const accounts = await gno.listKeyInfo();
+        console.log(accounts);
+
         setGreeting(await gno.hello('Gno'));
 
         for await (const res of await gno.helloStream('Gno')) {
@@ -17,16 +33,16 @@ export default function App() {
       } catch (error) {
         console.log(error);
       }
-    };
-    greeting();
+    })();
   }, []);
 
   return (
     <View style={styles.container}>
-      <Text>Hey {greeting}</Text>
+      <Text>Gnonative App</Text>
+      <Text>{greeting}</Text>
     </View>
   );
-}
+};
 
 const styles = StyleSheet.create({
   container: {

diff --git a/expo/src/hooks/use-gno.ts b/expo/src/hooks/use-gno.ts
@@ -101,12 +101,18 @@ export interface GnoResponse {
   helloStream: (name: string) => Promise<AsyncIterable<HelloStreamResponse>>;
 }
 
+enum Status {
+  Stopped,
+  Starting,
+  Started,
+}
+
 let clientInstance: PromiseClient<typeof GnoNativeService> | undefined = undefined;
-let bridgeInstance: boolean = false;
+let bridgeStatus: Status = Status.Stopped;
 
 export const useGno = (): GnoResponse => {
   const getClient = async () => {
-    if (!bridgeInstance) {
+    if (bridgeStatus === Status.Stopped) {
       await initBridge();
     }
 
@@ -127,20 +133,22 @@ export const useGno = (): GnoResponse => {
   };
 
   const closeBridge = async () => {
-    if (bridgeInstance) {
+    if (bridgeStatus !== Status.Stopped) {
       console.log('Closing bridge...');
       await GoBridge.closeBridge();
       console.log('Bridge closed.');
-      bridgeInstance = false;
+      bridgeStatus = Status.Stopped;
+      clientInstance = undefined;
     }
   };
 
   const initBridge = async () => {
-    if (!bridgeInstance) {
+    if (bridgeStatus === Status.Stopped) {
       console.log('Initializing bridge...');
+      bridgeStatus = Status.Starting;
       await GoBridge.initBridge();
       console.log('Bridge initialized.');
-      bridgeInstance = true;
+      bridgeStatus = Status.Started;
     }
   };
 

diff --git a/expo/src/index.ts b/expo/src/index.ts
@@ -17,4 +17,5 @@ export function addChangeListener(listener: (event: ChangeEventPayload) => void)
 
 export { ChangeEventPayload, GnonativeView, GnonativeViewProps };
 export { useGno } from './hooks/use-gno';
+export * from './provider/gnokey-provider';
 export * from '@buf/gnolang_gnonative.bufbuild_es/gnonativetypes_pb';