shogun-button-react 4.3.5 → 5.0.0

package/README.md

@@ -2,7 +2,7 @@
 
 A comprehensive React component library for seamless integration of Shogun authentication into your applications. This library provides a simple yet powerful way to add multi-method authentication, account management, and real-time data synchronization to your React applications.
 
-> **Version 4.0.0** - Compatible with shogun-core ^4.0.0
+> **Version 4.4.0** - Compatible with shogun-core ^5.0.0
 
 ## ✨ Features
 
@@ -14,11 +14,13 @@ A comprehensive React component library for seamless integration of Shogun authe
 - 🌍 **TypeScript Support** - Full type safety and IntelliSense support
 - 🔌 **Plugin System** - Advanced Gun operations with custom hooks
 - 📊 **Real-time Data** - Reactive data synchronization with RxJS observables
+- ✅ **Robust Foundation** - Built on shogun-core v5.0.0 with 99.86% test coverage
+- 🗄️ **Flexible Storage** - Support for GunDB, SQLite, PostgreSQL, MongoDB via TransportLayer
 
 ## 📦 Requirements
 
 - **React**: ^18.0.0
-- **shogun-core**: ^4.0.0
+- **shogun-core**: ^5.0.0
 - **Node.js**: ≥18
 
 ## 🚀 Quick Start
@@ -104,7 +106,7 @@ const { core, options } = shogunConnector({
   showNostr: true,
   showZkProof: true,
 
-  // Network configuration
+  // Network configuration (backward compatible)
   peers: [
     "https://gun-manhattan.herokuapp.com/gun"
   ],
@@ -123,6 +125,51 @@ const { core, options } = shogunConnector({
 });
 ```
 
+### Advanced Transport Layer Configuration (New in v5.0.0)
+
+```tsx
+const { core, options } = shogunConnector({
+  appName: "My App",
+
+  // Use new transport layer system
+  transport: {
+    type: "gun", // or "sqlite", "postgresql", "mongodb", "custom"
+    options: {
+      peers: ["https://gun-manhattan.herokuapp.com/gun"],
+      // Additional transport-specific options
+    }
+  },
+
+  // Alternative: Use SQLite for local development
+  transport: {
+    type: "sqlite",
+    options: {
+      filename: "./my-app.db",
+      // SQLite-specific options
+    }
+  },
+
+  // Alternative: Use PostgreSQL for production
+  transport: {
+    type: "postgresql",
+    options: {
+      host: "localhost",
+      port: 5432,
+      database: "myapp",
+      username: "user",
+      password: "password",
+      // PostgreSQL-specific options
+    }
+  },
+
+  // Authentication methods
+  showMetamask: true,
+  showWebauthn: true,
+  showNostr: true,
+  showZkProof: true,
+});
+```
+
 ## 🎯 API Reference
 
 ### ShogunButtonProvider
@@ -602,10 +649,18 @@ interface ShogunConnectorOptions {
   showNostr?: boolean;
   darkMode?: boolean;
 
-  // Network configuration
+  // Network configuration (backward compatible)
   peers?: string[];
   authToken?: string;
   gunInstance?: IGunInstance<any>;
+  gunOptions?: any;
+
+  // Transport layer configuration (new in v5.0.0)
+  transport?: {
+    type: "gun" | "sqlite" | "postgresql" | "mongodb" | "custom";
+    options?: any;
+    customTransport?: any;
+  };
 
   // Timeouts and provider configs
   timeouts?: {

package/dist/components/ShogunButton.js

@@ -191,15 +191,25 @@ export function ShogunButtonProvider({ children, core, options, onLoginSuccess,
                         throw new Error("Passwords do not match");
                     }
                     console.log(`[DEBUG] ShogunButton: Calling core.signUp for username: ${username}`);
-                    result = await core.signUp(args[0], args[1]);
-                    console.log(`[DEBUG] ShogunButton: core.signUp result:`, result);
+                    console.log(`[DEBUG] ShogunButton: core object:`, core);
+                    console.log(`[DEBUG] ShogunButton: core.signUp exists:`, typeof (core === null || core === void 0 ? void 0 : core.signUp));
+                    try {
+                        console.log(`[DEBUG] ShogunButton: About to call core.signUp...`);
+                        result = await core.signUp(args[0], args[1]);
+                        console.log(`[DEBUG] ShogunButton: core.signUp completed successfully`);
+                        console.log(`[DEBUG] ShogunButton: core.signUp result:`, result);
+                    }
+                    catch (error) {
+                        console.error(`[DEBUG] ShogunButton: core.signUp error:`, error);
+                        throw error;
+                    }
                     break;
                 case "webauthn":
                     username = args[0];
                     const webauthn = core.getPlugin("webauthn");
                     if (!webauthn)
                         throw new Error("WebAuthn plugin not available");
-                    result = await webauthn.signUp(username);
+                    result = await webauthn.signUp(username, { generateSeedPhrase: true });
                     break;
                 case "web3":
                     const web3 = core.getPlugin("web3");
@@ -557,12 +567,15 @@ export const ShogunButton = (() => {
         }
         // Event handlers
         const handleAuth = async (method, ...args) => {
+            console.log(`[DEBUG] handleAuth called with method: ${method}, formMode: ${formMode}, args:`, args);
             setError("");
             setLoading(true);
             try {
                 // Use formMode to determine whether to call login or signUp
                 const action = formMode === "login" ? login : signUp;
+                console.log(`[DEBUG] handleAuth calling action: ${action.name}, method: ${method}`);
                 const result = await action(method, ...args);
+                console.log(`[DEBUG] handleAuth result:`, result);
                 if (result && !result.success && result.error) {
                     setError(result.error);
                 }
@@ -582,6 +595,7 @@ export const ShogunButton = (() => {
         };
         const handleSubmit = async (e) => {
             e.preventDefault();
+            console.log(`[DEBUG] handleSubmit called, formMode: ${formMode}, username: ${formUsername}`);
             setError("");
             setLoading(true);
             try {
@@ -618,7 +632,6 @@ export const ShogunButton = (() => {
                 setLoading(false);
             }
         };
-        const handleWeb3Auth = () => handleAuth("web3");
         const handleWebAuthnAuth = () => {
             if (!(core === null || core === void 0 ? void 0 : core.hasPlugin("webauthn"))) {
                 setError("WebAuthn is not supported in your browser");
@@ -626,7 +639,6 @@ export const ShogunButton = (() => {
             }
             setAuthView("webauthn-username");
         };
-        const handleNostrAuth = () => handleAuth("nostr");
         const handleZkProofAuth = () => {
             if (!(core === null || core === void 0 ? void 0 : core.hasPlugin("zkproof"))) {
                 setError("ZK-Proof plugin not available");

package/dist/connector.js

@@ -1,8 +1,21 @@
 import { ShogunCore } from "shogun-core";
 export async function shogunConnector(options) {
-    const { gunInstance, gunOptions, appName, timeouts, webauthn, nostr, web3, zkproof, showWebauthn, showNostr, showMetamask, showZkProof, darkMode, enableGunDebug = true, enableConnectionMonitoring = true, defaultPageSize = 20, connectionTimeout = 10000, debounceInterval = 100, ...restOptions } = options;
+    const { gunInstance, gunOptions, transport, appName, timeouts, webauthn, nostr, web3, zkproof, showWebauthn, showNostr, showMetamask, showZkProof, darkMode, enableGunDebug = true, enableConnectionMonitoring = true, defaultPageSize = 20, connectionTimeout = 10000, debounceInterval = 100, ...restOptions } = options;
     let core = null;
-    if (gunInstance !== undefined) {
+    // Priority: transport > gunInstance > gunOptions
+    if (transport !== undefined) {
+        // Use new transport layer configuration
+        core = new ShogunCore({
+            transport: transport,
+            webauthn,
+            nostr,
+            web3,
+            zkproof,
+            timeouts,
+        });
+    }
+    else if (gunInstance !== undefined) {
+        // Use existing Gun instance (backward compatibility)
         core = new ShogunCore({
             gunInstance: gunInstance,
             webauthn,
@@ -13,6 +26,7 @@ export async function shogunConnector(options) {
         });
     }
     else {
+        // Use Gun options (backward compatibility)
         core = new ShogunCore({
             gunOptions: gunOptions,
             webauthn,
@@ -24,12 +38,12 @@ export async function shogunConnector(options) {
     }
     // Wait for core to initialize (plugins registration, etc.)
     try {
-        if (typeof core.initialize === 'function') {
-            await core.initialize();
-        }
+        await core.initialize();
+        console.log(`[DEBUG] ShogunConnector: ShogunCore initialized`);
     }
     catch (error) {
         console.error("Error initializing ShogunCore:", error);
+        console.error(`[DEBUG] ShogunConnector: Error initializing ShogunCore: ${error}`);
     }
     const setProvider = (provider) => {
         var _a;