@meddleware/walrus-ui 0.1.49 → 0.1.50

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meddleware/walrus-ui",
-  "version": "0.1.49",
+  "version": "0.1.50",
   "homepage": "https://docs.meddleware.co.uk/blockchain/sui/walrus-storage/",
   "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>",
@@ -47,8 +47,8 @@
   "dependencies": {
     "@meddleware/design-tokens": "^0.1.7",
     "@meddleware/ui": "^0.1.28",
-    "@meddleware/walrus-client": "^0.0.22",
-    "@meddleware/walrus-relay": "^0.1.23",
+    "@meddleware/walrus-client": "^0.0.24",
+    "@meddleware/walrus-relay": "^0.1.25",
     "@mysten/sui": "^2.33.1",
     "@mysten/wallet-standard": "^0.21.0",
     "@mysten/walrus": "~1.2.32",
@@ -60,7 +60,7 @@
   },
   "devDependencies": {
     "@meddleware/access-gate-client": "^0.0.3",
-    "@meddleware/wallet-adapter": "^0.0.12",
+    "@meddleware/wallet-adapter": "^0.0.13",
     "@playwright/test": "~1.63.0",
     "@types/node": "~24.12.2",
     "@vitejs/plugin-vue": "^6.0.8",

package/src/components/MyBlobs.vue

@@ -13,8 +13,12 @@ import {
   loadPendingCertifies,
   clearPendingCertify,
   type PendingCertify,
+  browserStorage,
 } from '@meddleware/walrus-client/flow'
 
+// Browser storage that never throws (blocked site data falls back to memory for this page).
+const storage = browserStorage()
+
 const props = defineProps<{
   /** Connected wallet address whose owned blobs to list; `null` when no wallet is connected. */
   address: string | null
@@ -89,10 +93,10 @@ function refreshPending(): void {
     return
   }
   const key = pendingCertifyKey(walrusNetwork.value, props.address)
-  const map = loadPendingCertifies(window.localStorage, key)
+  const map = loadPendingCertifies(storage, key)
   for (const blob of blobs.value) {
     if (blob.certified && blob.objectId in map) {
-      clearPendingCertify(window.localStorage, key, blob.objectId)
+      clearPendingCertify(storage, key, blob.objectId)
       delete map[blob.objectId]
     }
   }
@@ -167,7 +171,7 @@ async function certifyBlob(blob: OwnedBlob): Promise<void> {
     actionStatus.value = { ...actionStatus.value, [blob.objectId]: 'Approve in wallet…' }
     const { digest } = await executor.signAndExecute(tx)
     await executor.waitForTransaction(digest)
-    clearPendingCertify(window.localStorage, pendingCertifyKey(currentNetwork(), props.address), blob.objectId)
+    clearPendingCertify(storage, pendingCertifyKey(currentNetwork(), props.address), blob.objectId)
     actionStatus.value = { ...actionStatus.value, [blob.objectId]: `Certified ✓ (${digest.slice(0, 8)}…)` }
     await refresh()
   } catch (e) {

package/src/components/WalrusView.vue

@@ -26,7 +26,11 @@ import {
   type BlobUploadResult as UploadResult,
   type ExistingCopy,
   type UploadProgress,
+  browserStorage,
 } from '@meddleware/walrus-client/flow'
+
+// Browser storage that never throws (blocked site data falls back to memory for this page).
+const storage = browserStorage()
 import { useOwnedBlobs } from '../composables/useOwnedBlobs.js'
 import MyBlobs from './MyBlobs.vue'
 
@@ -95,7 +99,6 @@ async function performUpload(
   if (!net) throw new Error(`Walrus storage is not available on ${network.value}.`)
   const executor = await buildExecutor()
   const address = account.value.address
-  const storage = window.localStorage
   const state = gateState.value
   const gate = state.gate
   const nftId = state.nftId.value
@@ -159,7 +162,7 @@ async function findExistingCopy(blobId: string): Promise<ExistingCopy | null> {
     if (certified) {
       return { kind: 'certified', blobId, objectId: certified.objectId, endEpoch: certified.endEpoch }
     }
-    const store = loadPendingCertifies(window.localStorage, pendingCertifyKey(net, address))
+    const store = loadPendingCertifies(storage, pendingCertifyKey(net, address))
     const pending = copies.find((b) => !b.certified && b.objectId in store)
     if (pending) {
       return { kind: 'pending', blobId, objectId: pending.objectId, endEpoch: pending.endEpoch }