add ndk provider

src/libs/ndk/instance.ts

@@ -0,0 +1,36 @@
+// source: https://github.com/nostr-dev-kit/ndk-react/
+import NDK from '@nostr-dev-kit/ndk';
+import { useEffect, useState } from 'react';
+
+import { getSetting } from '@libs/storage';
+
+const setting = await getSetting('relays');
+const relays = JSON.parse(setting);
+
+export const NDKInstance = () => {
+  const [ndk, setNDK] = useState<NDK | undefined>(undefined);
+  const [relayUrls, setRelayUrls] = useState<string[]>(relays);
+
+  useEffect(() => {
+    loadNdk(relays);
+  }, []);
+
+  async function loadNdk(explicitRelayUrls: string[]) {
+    const ndkInstance = new NDK({ explicitRelayUrls });
+
+    try {
+      await ndkInstance.connect();
+    } catch (error) {
+      console.error('ERROR loading NDK NDKInstance', error);
+    }
+
+    setNDK(ndkInstance);
+    setRelayUrls(explicitRelayUrls);
+  }
+
+  return {
+    ndk,
+    relayUrls,
+    loadNdk,
+  };
+};

src/libs/ndk/provider.tsx

@@ -0,0 +1,44 @@
+// source: https://github.com/nostr-dev-kit/ndk-react/
+import NDK from '@nostr-dev-kit/ndk';
+import { PropsWithChildren, createContext, useContext } from 'react';
+
+import { NDKInstance } from '@libs/ndk/instance';
+
+interface NDKContext {
+  ndk: NDK;
+  relayUrls: string[];
+  loadNdk: (_: string[]) => void;
+}
+
+const NDKContext = createContext<NDKContext>({
+  ndk: new NDK({}),
+  relayUrls: [],
+  loadNdk: undefined,
+});
+
+const NDKProvider = ({ children }: PropsWithChildren<object>) => {
+  const { ndk, relayUrls, loadNdk } = NDKInstance();
+
+  if (ndk)
+    return (
+      <NDKContext.Provider
+        value={{
+          ndk,
+          relayUrls,
+          loadNdk,
+        }}
+      >
+        {children}
+      </NDKContext.Provider>
+    );
+};
+
+const useNDK = () => {
+  const context = useContext(NDKContext);
+  if (context === undefined) {
+    throw new Error('import NDKProvider to use useNDK');
+  }
+  return context;
+};
+
+export { NDKProvider, useNDK };