@meddleware/walrus-ui 0.1.7 → 0.1.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meddleware/walrus-ui",
-  "version": "0.1.7",
+  "version": "0.1.8",
   "description": "Standalone Vue 3 SPA for uploading blobs to Walrus decentralised storage and managing owned blobs — wallet-connected, NFT-gated relay support.",
   "author": "Meddleware <dev@meddleware.co.uk>",
   "license": "0BSD",
@@ -42,8 +42,8 @@
   "dependencies": {
     "@meddleware/design-tokens": "^0.1.2",
     "@meddleware/nft-gate-client": "^0.0.6",
-    "@meddleware/ui": "^0.1.6",
-    "@meddleware/wallet-adapter": "^0.0.4",
+    "@meddleware/ui": "^0.1.7",
+    "@meddleware/wallet-adapter": "^0.0.5",
     "@meddleware/walrus-client": "^0.0.5",
     "@meddleware/walrus-relay": "^0.1.3",
     "@mysten/sui": "^2.28.0",

package/src/components/MyBlobs.vue

@@ -37,7 +37,7 @@ async function loadBlobs(): Promise<void> {
   blobs.value = []
   try {
     const { createWalrusClient, fetchOwnedWalrusBlobs } = await import('@meddleware/walrus-client')
-    const suiClient = getSuiClient(NETWORK)
+    const suiClient = getSuiClient()
     const walrusClient = createWalrusClient({ network: NETWORK, wasmUrl: walrusWasmUrl })
     const [sys, fetched] = await Promise.all([
       suiClient.getCurrentSystemState(),

package/src/components/WalrusView.vue

@@ -25,7 +25,7 @@ const activeTab = ref<Tab>('upload')
 const { account, signPersonalMessage, buildExecutor } = useWallet()
 
 const gate = accessGate(NETWORK)
-const gateState = useAccessGate({ gate, getClient: () => getSuiClient(NETWORK) })
+const gateState = useAccessGate({ gate, getClient: () => getSuiClient() })
 const purchasing = ref(false)
 const result = ref<UploadResult | null>(null)
 
@@ -41,7 +41,7 @@ async function onPurchase(): Promise<void> {
   if (!account.value) return
   purchasing.value = true
   try {
-    const executor = await buildExecutor(NETWORK)
+    const executor = await buildExecutor()
     await gateState.purchase(executor, account.value.address)
   } finally {
     purchasing.value = false
@@ -56,7 +56,7 @@ async function performUpload(
   opts: { relayHost: string; onStatus: (s: string) => void },
 ): Promise<UploadResult> {
   if (!account.value) throw new Error('Connect your wallet first.')
-  const executor = await buildExecutor(NETWORK)
+  const executor = await buildExecutor()
 
   // If the relay is NFT-gated and we hold access, attach a signed proof token.
   let authToken: string | undefined
@@ -77,7 +77,7 @@ async function performUpload(
     maxTipMist: uploadRelayMaxTipMist(),
     epochs: MAX_SINGLE_RESERVATION_EPOCHS,
     executor,
-    suiClient: getSuiClient(NETWORK),
+    suiClient: getSuiClient(),
     authToken,
     onStatus: opts.onStatus,
   })
@@ -143,7 +143,7 @@ function onUploaded(r: UploadResult): void {
     <MyBlobs
       v-if="activeTab === 'blobs'"
       :address="account?.address ?? null"
-      :build-executor="() => buildExecutor(NETWORK)"
+      :build-executor="() => buildExecutor()"
     />
     </WalletGuard>
   </div>

package/src/wallet.ts

@@ -1,28 +1,29 @@
 // Thin walrus-ui shim over the shared @meddleware/wallet-adapter singleton.
 //
-// The adapter is network-agnostic (RPC URL passed per call); this shim binds walrus-ui's
-// RPC_URLS so call sites keep the one-arg ergonomics (`getSuiClient(NETWORK)` /
-// `buildExecutor(NETWORK)`). Because the adapter is a module singleton, the wallet connection
-// is shared with any other tool view rendered in the same window (e.g. the dashboard).
+// RPC URL is resolved from the runtime useNetwork() singleton so network switching
+// in the dashboard propagates immediately to all tool views. Because the adapter is a
+// module singleton, the wallet connection is shared with any other tool view rendered
+// in the same window (e.g. the dashboard).
 import {
   useWallet as useWalletBase,
   getSuiClient as getSuiClientBase,
   buildExecutor as buildExecutorBase,
+  useNetwork,
 } from '@meddleware/wallet-adapter'
 import type { Executor } from '@meddleware/wallet-adapter'
-import type { WalrusNetwork } from '@meddleware/walrus-relay'
-import { RPC_URLS } from './config.js'
 
 export type { Executor }
 
-/** Memoised Sui JSON-RPC client for the network, using walrus-ui's configured RPC URL. */
-export function getSuiClient(network: WalrusNetwork) {
-  return getSuiClientBase(network, RPC_URLS[network])
+const { network, rpcUrl } = useNetwork()
+
+/** Memoised Sui gRPC client for the currently selected network. */
+export function getSuiClient() {
+  return getSuiClientBase(network.value, rpcUrl.value)
 }
 
-/** Build a transaction executor bound to the connected wallet + walrus-ui's RPC URL. */
-export function buildExecutor(network: WalrusNetwork): Promise<Executor> {
-  return buildExecutorBase(network, RPC_URLS[network])
+/** Build a transaction executor bound to the connected wallet and current network RPC URL. */
+export function buildExecutor(): Promise<Executor> {
+  return buildExecutorBase(network.value, rpcUrl.value)
 }
 
 /**