shogun-button-react 1.3.12 → 1.3.14

package/README.md

@@ -27,48 +27,35 @@ yarn add shogun-button-react
 
 ```tsx
 import React from "react";
-import {
-  ShogunButton,
-  ShogunButtonProvider,
-  shogunConnector,
-} from "shogun-button-react";
+import { ShogunButton, ShogunButtonProvider, shogunConnector } from "shogun-button-react";
 import "shogun-button-react/styles.css";
 
 function App() {
-  const { sdk, options } = shogunConnector({
+  const { core, options } = shogunConnector({
     appName: "My Awesome App",
-    appDescription: "A decentralized application with Shogun authentication",
-    appUrl: "https://myapp.com",
-    appIcon: "https://myapp.com/icon.png",
     // Enable specific authentication methods
     showMetamask: true,
     showWebauthn: true,
     showNostr: true,
     showOauth: true,
+    // Optional peers
+    peers: [
+      "https://gun-manhattan.herokuapp.com/gun"
+    ],
   });
 
   return (
     <ShogunButtonProvider
-      sdk={sdk}
+      core={core}
       options={options}
       onLoginSuccess={(data) => {
-        console.log("🎉 Login successful!", data);
-        // Handle successful login
-        // data.userPub - User's public key
-        // data.username - Display name
-        // data.authMethod - Authentication method used
+        console.log("Login successful!", data);
       }}
       onSignupSuccess={(data) => {
-        console.log("🎊 Account created successfully!", data);
-        // Handle successful account creation
+        console.log("Account created successfully!", data);
       }}
       onError={(error) => {
-        console.error("❌ Authentication error:", error);
-        // Handle authentication errors
-      }}
-      onLogout={() => {
-        console.log("👋 User logged out");
-        // Handle logout events
+        console.error("Authentication error:", error);
       }}
     >
       <div className="app">
@@ -76,9 +63,7 @@ function App() {
           <h1>Welcome to My Awesome App</h1>
           <ShogunButton />
         </header>
-        <main>
-          {/* Your app content */}
-        </main>
+        <main>{/* Your app content */}</main>
       </div>
     </ShogunButtonProvider>
   );
@@ -92,47 +77,35 @@ export default App;
 ### Custom Authentication Options
 
 ```tsx
-const { sdk, options } = shogunConnector({
+const { core, options } = shogunConnector({
   appName: "My App",
-  
-  // Customize which authentication methods to show
-  showMetamask: true,      // Enable MetaMask login
-  showWebauthn: true,      // Enable WebAuthn (biometric/security keys)
-  showNostr: true,         // Enable Nostr wallet connection
-  showOauth: true,         // Enable OAuth providers
-  
+
+  // Toggle authentication methods in the UI
+  showMetamask: true,
+  showWebauthn: true,
+  showNostr: true,
+  showOauth: true,
+
   // Network configuration
   peers: [
-    "https://gun-manhattan.herokuapp.com/gun",
-    "https://gun-us.herokuapp.com/gun"
+    "https://gun-manhattan.herokuapp.com/gun"
   ],
-  
-  // OAuth provider configuration
+
+  // OAuth provider configuration (optional)
   oauth: {
     providers: {
       google: {
         clientId: "your-google-client-id",
-        clientSecret: "your-google-client-secret",
-        redirectUri: "https://myapp.com/auth/callback"
-      },
-      github: {
-        clientId: "your-github-client-id",
         redirectUri: "https://myapp.com/auth/callback"
       }
     }
   },
-  
-  // Advanced plugin configuration
+
+  // Gun Advanced Plugin configuration
   enableGunDebug: true,
   enableConnectionMonitoring: true,
   defaultPageSize: 20,
   connectionTimeout: 10000,
-  
-  // Logging configuration
-  logging: {
-    enabled: true,
-    level: "info" // "error" | "warning" | "info" | "debug"
-  }
 });
 ```
 
@@ -146,12 +119,11 @@ The provider component that supplies Shogun context to your application.
 
 | Name | Type | Description | Required |
 |------|------|-------------|----------|
-| `sdk` | `ShogunCore` | Shogun SDK instance created by `shogunConnector` | ✅ |
+| `core` | `ShogunCore` | Shogun SDK instance created by `shogunConnector` | ✅ |
 | `options` | `ShogunConnectorOptions` | Configuration options | ✅ |
 | `onLoginSuccess` | `(data: AuthData) => void` | Callback fired on successful login | ❌ |
 | `onSignupSuccess` | `(data: AuthData) => void` | Callback fired on successful signup | ❌ |
 | `onError` | `(error: string) => void` | Callback fired when an error occurs | ❌ |
-| `onLogout` | `() => void` | Callback fired when user logs out | ❌ |
 
 #### AuthData Interface
 
@@ -189,26 +161,26 @@ function UserProfile() {
     isLoggedIn,
     userPub,
     username,
-    
+
     // Authentication methods
     login,
     signUp,
     logout,
-    
+
     // Plugin management
     hasPlugin,
     getPlugin,
-    
+
     // Account management
     exportGunPair,
     importGunPair,
-    
+
     // Data operations
     observe,
     put,
     get,
     remove,
-    
+
     // Advanced Gun hooks
     useGunState,
     useGunCollection,
@@ -302,12 +274,8 @@ function UserProfile() {
       </div>
       
       <div className="actions">
-        <button onClick={handleExportAccount}>
-          🔒 Export Account
-        </button>
-        <button onClick={logout}>
-          🚪 Logout
-        </button>
+        <button onClick={handleExportAccount}>Export Account</button>
+        <button onClick={logout}>Logout</button>
       </div>
     </div>
   );
@@ -509,29 +477,20 @@ Customize the appearance using CSS variables:
 interface ShogunConnectorOptions {
   // App information
   appName: string;
-  appDescription?: string;
-  appUrl?: string;
-  appIcon?: string;
-  
+
   // Feature toggles
   showMetamask?: boolean;
   showWebauthn?: boolean;
   showNostr?: boolean;
   showOauth?: boolean;
   darkMode?: boolean;
-  
+
   // Network configuration
-  websocketSecure?: boolean;
-  providerUrl?: string | null;
   peers?: string[];
   authToken?: string;
   gunInstance?: IGunInstance<any>;
-  
-  // Advanced options
-  logging?: {
-    enabled: boolean;
-    level: "error" | "warning" | "info" | "debug";
-  };
+
+  // Timeouts and provider configs
   timeouts?: {
     login?: number;
     signup?: number;
@@ -540,11 +499,11 @@ interface ShogunConnectorOptions {
   oauth?: {
     providers: Record<string, {
       clientId: string;
-      clientSecret?: string;
       redirectUri?: string;
-    }>
+      clientSecret?: string;
+    }>;
   };
-  
+
   // Gun Advanced Plugin configuration
   enableGunDebug?: boolean;
   enableConnectionMonitoring?: boolean;
@@ -558,8 +517,10 @@ interface ShogunConnectorOptions {
 
 ```typescript
 interface ShogunConnectorResult {
-  sdk: ShogunCore;
+  core: ShogunCore;
   options: ShogunConnectorOptions;
+  setProvider: (provider: any) => boolean;
+  getCurrentProviderUrl: () => string | null;
   registerPlugin: (plugin: any) => boolean;
   hasPlugin: (name: string) => boolean;
   gunPlugin: GunAdvancedPlugin;

package/dist/components/ShogunButton.d.ts

@@ -2,7 +2,6 @@ import React from "react";
 import { ShogunCore } from "shogun-core";
 import { Observable } from "rxjs";
 import { GunAdvancedPlugin } from "../plugins/GunAdvancedPlugin";
-import "../types/index.js";
 import "../styles/index.css";
 type ShogunContextType = {
     core: ShogunCore | null;

package/dist/components/ShogunButton.js

@@ -1,7 +1,6 @@
 import React, { useContext, useState, createContext, useEffect, useRef, } from "react";
 import { Observable } from "rxjs";
 import { GunAdvancedPlugin } from "../plugins/GunAdvancedPlugin";
-import "../types/index.js"; // Import type file to extend definitions
 import "../styles/index.css";
 // Default context
 const defaultShogunContext = {
@@ -624,8 +623,8 @@ export const ShogunButton = (() => {
                 if (formMode === "signup") {
                     const result = await signUp("password", formUsername, formPassword, formPasswordConfirm);
                     if (result && result.success) {
-                        if (core === null || core === void 0 ? void 0 : core.gundb) {
-                            await core.gundb.setPasswordHint(formUsername, formPassword, formHint, [formSecurityQuestion], [formSecurityAnswer]);
+                        if (core === null || core === void 0 ? void 0 : core.db) {
+                            await core.db.setPasswordHint(formHint);
                         }
                         setModalIsOpen(false);
                     }
@@ -658,10 +657,10 @@ export const ShogunButton = (() => {
             setError("");
             setLoading(true);
             try {
-                if (!(core === null || core === void 0 ? void 0 : core.gundb)) {
+                if (!(core === null || core === void 0 ? void 0 : core.db)) {
                     throw new Error("SDK not ready");
                 }
-                const result = await core.gundb.forgotPassword(formUsername, [
+                const result = await core.db.forgotPassword(formUsername, [
                     formSecurityAnswer,
                 ]);
                 if (result.success && result.hint) {

package/dist/connector.js

@@ -1,13 +1,18 @@
 import { ShogunCore } from "shogun-core";
 import { GunAdvancedPlugin } from "./plugins/GunAdvancedPlugin";
 export function shogunConnector(options) {
-    const { peers = ["https://gun-manhattan.herokuapp.com/gun"], appName, logging, timeouts, oauth, enableGunDebug = true, enableConnectionMonitoring = true, defaultPageSize = 20, connectionTimeout = 10000, debounceInterval = 100, ...restOptions } = options;
+    const { peers = ["https://gun-manhattan.herokuapp.com/gun"], appName, timeouts, oauth, webauthn, nostr, web3, localStorage, radisk, showOauth, showWebauthn, showNostr, showMetamask, darkMode, authToken, enableGunDebug = true, enableConnectionMonitoring = true, defaultPageSize = 20, connectionTimeout = 10000, debounceInterval = 100, ...restOptions } = options;
     const core = new ShogunCore({
         peers,
         scope: appName,
-        logging,
-        timeouts,
         oauth,
+        webauthn,
+        nostr,
+        web3,
+        localStorage,
+        radisk,
+        authToken,
+        timeouts,
     });
     const setProvider = (provider) => {
         var _a;

package/dist/plugins/GunAdvancedPlugin.d.ts

@@ -69,7 +69,7 @@ export declare class GunAdvancedPlugin extends BasePlugin {
         key: string;
     };
     put(path: string, data: any): Promise<void>;
-    get(path: string): any;
+    get(path: string): import("gun").IGunChain<any, import("gun").IGunInstance<any>, import("gun").IGunInstance<any>, string>;
     remove(path: string): Promise<void>;
     cleanup(): void;
     getStats(): {

package/dist/plugins/GunAdvancedPlugin.js

@@ -46,8 +46,8 @@ export class GunAdvancedPlugin extends BasePlugin {
                 return;
             setIsLoading(true);
             setError(null);
-            const gunRef = this.core.gun.get(path);
-            const off = gunRef.on((item) => {
+            const chain = this.core.gun.get(path);
+            const handler = (item) => {
                 if (!isMounted.current)
                     return;
                 if (item) {
@@ -56,7 +56,8 @@ export class GunAdvancedPlugin extends BasePlugin {
                     setError(null);
                     this.log(`State updated for ${path}:`, item);
                 }
-            });
+            };
+            chain.on(handler);
             const timeoutId = setTimeout(() => {
                 if (isLoading) {
                     setError('Connection timeout - no data received');
@@ -65,8 +66,7 @@ export class GunAdvancedPlugin extends BasePlugin {
             }, this.config.connectionTimeout);
             return () => {
                 isMounted.current = false;
-                if (typeof off === 'function')
-                    off();
+                chain.off();
                 clearTimeout(timeoutId);
             };
         }, [path]);
@@ -183,7 +183,7 @@ export class GunAdvancedPlugin extends BasePlugin {
                 return;
             setIsLoading(true);
             setError(null);
-            const gunRef = this.core.gun.get(path);
+            const chain = this.core.gun.get(path);
             const tempItems = [];
             const processItems = (items) => {
                 if (!isMounted.current)
@@ -216,7 +216,7 @@ export class GunAdvancedPlugin extends BasePlugin {
                     timestamp: Date.now()
                 });
             };
-            const off = gunRef.map().on((item, key) => {
+            const mapHandler = (item, key) => {
                 if (item) {
                     const itemWithKey = { ...item, _key: key };
                     tempItems.push(itemWithKey);
@@ -224,7 +224,8 @@ export class GunAdvancedPlugin extends BasePlugin {
                         processItems(tempItems);
                     }
                 }
-            });
+            };
+            chain.map().on(mapHandler);
             const timeoutId = setTimeout(() => {
                 if (isLoading) {
                     setError('Connection timeout - no data received');
@@ -233,8 +234,7 @@ export class GunAdvancedPlugin extends BasePlugin {
             }, this.config.connectionTimeout);
             return () => {
                 isMounted.current = false;
-                if (typeof off === 'function')
-                    off();
+                chain.off();
                 clearTimeout(timeoutId);
             };
         }, [path, currentPage, pageSize, sortBy, sortOrder, filter, enableRealtime]);
@@ -369,7 +369,7 @@ export class GunAdvancedPlugin extends BasePlugin {
             if (!this.config.enableConnectionMonitoring || !((_a = this.core) === null || _a === void 0 ? void 0 : _a.gun) || !this.core.isLoggedIn())
                 return;
             let timeoutId;
-            const gunRef = this.core.gun.get(path);
+            const chain = this.core.gun.get(path);
             const resetTimeout = () => {
                 clearTimeout(timeoutId);
                 timeoutId = window.setTimeout(() => {
@@ -378,19 +378,19 @@ export class GunAdvancedPlugin extends BasePlugin {
                     this.log(`Connection timeout for ${path}`);
                 }, this.config.connectionTimeout);
             };
-            const off = gunRef.on(() => {
+            const handler = () => {
                 setIsConnected(true);
                 setLastSeen(new Date());
                 setError(null);
                 resetTimeout();
                 this.log(`Connection active for ${path}`);
-            });
+            };
+            chain.on(handler);
             resetTimeout();
-            this.connectionMonitors.set(path, { off, timeoutId });
+            this.connectionMonitors.set(path, { off: () => chain.off(), timeoutId });
             return () => {
                 clearTimeout(timeoutId);
-                if (typeof off === 'function')
-                    off();
+                chain.off();
                 this.connectionMonitors.delete(path);
             };
         }, [path]);
@@ -402,17 +402,17 @@ export class GunAdvancedPlugin extends BasePlugin {
             if (!enabled || !this.debugEnabled || !((_a = this.core) === null || _a === void 0 ? void 0 : _a.gun) || !this.core.isLoggedIn())
                 return;
             this.log(`Debug mode enabled for ${path}`);
-            const gunRef = this.core.gun.get(path);
-            const off = gunRef.on((data, key) => {
+            const chain = this.core.gun.get(path);
+            const handler = (data, key) => {
                 this.log(`[${path}] Update:`, {
                     key,
                     data,
                     timestamp: new Date().toISOString(),
                 });
-            });
+            };
+            chain.on(handler);
             return () => {
-                if (typeof off === 'function')
-                    off();
+                chain.off();
                 this.log(`Debug mode disabled for ${path}`);
             };
         }, [path, enabled]);
@@ -424,8 +424,8 @@ export class GunAdvancedPlugin extends BasePlugin {
             var _a;
             if (!((_a = this.core) === null || _a === void 0 ? void 0 : _a.gun) || !this.core.isLoggedIn())
                 return;
-            const gunRef = this.core.gun.get(path);
-            const off = gunRef.on((item, itemKey) => {
+            const chain = this.core.gun.get(path);
+            const handler = (item, itemKey) => {
                 if (item) {
                     setData(item);
                     setKey(itemKey);
@@ -434,10 +434,10 @@ export class GunAdvancedPlugin extends BasePlugin {
                     }
                     this.log(`Realtime update for ${path}:`, { data: item, key: itemKey });
                 }
-            });
+            };
+            chain.on(handler);
             return () => {
-                if (typeof off === 'function')
-                    off();
+                chain.off();
             };
         }, [path, callback]);
         return { data, key };

package/dist/types/connector-options.d.ts

@@ -10,15 +10,9 @@ export interface ShogunConnectorOptions {
     showNostr?: boolean;
     showOauth?: boolean;
     darkMode?: boolean;
-    websocketSecure?: boolean;
-    providerUrl?: string | null;
     peers?: string[];
     authToken?: string;
     gunInstance?: IGunInstance<any>;
-    logging?: {
-        enabled: boolean;
-        level: "error" | "warning" | "info" | "debug";
-    };
     timeouts?: {
         login?: number;
         signup?: number;
@@ -31,6 +25,17 @@ export interface ShogunConnectorOptions {
             redirectUri?: string;
         }>;
     };
+    webauthn?: {
+        enabled?: boolean;
+    };
+    nostr?: {
+        enabled?: boolean;
+    };
+    web3?: {
+        enabled?: boolean;
+    };
+    localStorage?: boolean;
+    radisk?: boolean;
     enableGunDebug?: boolean;
     enableConnectionMonitoring?: boolean;
     defaultPageSize?: number;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "shogun-button-react",
   "description": "Shogun connector button",
-  "version": "1.3.12",
+  "version": "1.3.14",
   "files": [
     "dist",
     "src/styles/index.css"
@@ -34,7 +34,7 @@
     "ethers": "^6.13.5",
     "prettier": "^3.5.3",
     "rxjs": "^7.8.1",
-    "shogun-core": "^1.5.0"
+    "shogun-core": "^1.10.4"
   },
   "peerDependencies": {
     "react": "^18.0.0",