@ffaerber/swarm-connect 0.1.0 → 0.3.0

package/README.md

@@ -5,6 +5,7 @@ A React connect-button and wizard for [Ethereum Swarm](https://www.ethswarm.org/
 ## Features
 
 - 🐝 **Bee node detection** — checks a Bee node's `/health` endpoint and surfaces its version.
+- 🔧 **Editable node URL** — users can change the Bee node hostname from the modal and reconnect (defaults to `http://localhost:1633`).
 - 🎟️ **Postage stamp selection** — fetches available stamps from `/stamps` and lets the user pick one.
 - 🦊 **Wallet connect** — injected-wallet connection via [wagmi](https://wagmi.sh/), pinned to Gnosis chain (ID `100`).
 - ✅ **At-a-glance status** — the button shows status dots for node, stamp, wallet, and network.
@@ -88,6 +89,8 @@ function Status() {
   const {
     beeNode,          // { isRunning, isChecking, version?, error?, check() }
     stamps,           // { stamps, isLoading, error?, fetchStamps(), selectedStampId?, selectStamp() }
+    beeApiUrl,        // current Bee node URL
+    setBeeApiUrl,     // change the Bee node URL at runtime, then re-check
     isWalletConnected,
     address,
     isOnGnosis,
@@ -120,10 +123,12 @@ const { stamps, isLoading, error, fetchStamps, selectedStampId, selectStamp } =
 
 ```ts
 interface SwarmConnectConfig {
-  beeApiUrl?: string // defaults to http://localhost:1633
+  beeApiUrl?: string // initial Bee node URL; defaults to http://localhost:1633
 }
 ```
 
+`beeApiUrl` is only the **initial** value. Users can edit the node URL from the modal's Swarm tab (or programmatically via `setBeeApiUrl` from `useSwarmConnect`), which re-checks the node at the new address. This is useful when the Bee node runs on a non-default host or port.
+
 "Fully connected" requires all of the following:
 
 1. A reachable Bee node (`/health` responds OK).

package/dist/components/StepLabel.d.ts

@@ -0,0 +1,8 @@
+interface StepLabelProps {
+    step: number;
+    done?: boolean;
+    children: string;
+}
+/** Numbered section heading that signals the setup sequence (1 → 2 → 3). */
+export declare function StepLabel({ step, done, children }: StepLabelProps): import("react").JSX.Element;
+export {};

package/dist/components/SwarmConnectModal.d.ts

@@ -6,6 +6,7 @@ interface SwarmConnectModalProps {
     };
     stamps: PostageStampsState;
     beeApiUrl: string;
+    setBeeApiUrl: (url: string) => void;
 }
-export declare function SwarmConnectModal({ onClose, beeNode, stamps, beeApiUrl }: SwarmConnectModalProps): import("react").JSX.Element;
+export declare function SwarmConnectModal({ onClose, beeNode, stamps, beeApiUrl, setBeeApiUrl }: SwarmConnectModalProps): import("react").JSX.Element;
 export {};

package/dist/components/tabs/SwarmTab.d.ts

@@ -1,10 +1,11 @@
 import { BeeNodeStatus, PostageStampsState } from '../../types';
-interface SwarmTabProps {
+interface SwarmSectionProps {
     beeApiUrl: string;
+    setBeeApiUrl: (url: string) => void;
     beeNode: BeeNodeStatus & {
         check: () => void;
     };
     stamps: PostageStampsState;
 }
-export declare function SwarmTab({ beeApiUrl, beeNode, stamps }: SwarmTabProps): import("react").JSX.Element;
+export declare function SwarmSection({ beeApiUrl, setBeeApiUrl, beeNode, stamps }: SwarmSectionProps): import("react").JSX.Element;
 export {};

package/dist/components/tabs/WalletTab.d.ts

@@ -1 +1,3 @@
-export declare function WalletTab(): import("react").JSX.Element;
+export declare function WalletSection({ swarmReady }: {
+    swarmReady: boolean;
+}): import("react").JSX.Element;

package/dist/constants.d.ts

@@ -1,5 +1,6 @@
 export declare const GNOSIS_CHAIN_ID = 100;
 export declare const DEFAULT_BEE_API_URL = "http://localhost:1633";
+export declare const BEE_API_URL_STORAGE_KEY = "swarm-connect:bee-api-url";
 export declare const STYLES: {
     readonly colors: {
         readonly primary: "#1a56db";