@meddleware/token-deployer-ui 0.0.25 → 0.0.26

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meddleware/token-deployer-ui",
-  "version": "0.0.25",
+  "version": "0.0.26",
   "type": "module",
   "license": "0BSD",
   "repository": {
@@ -51,10 +51,10 @@
     "@meddleware/design-tokens": "^0.1.8",
     "@meddleware/sui-token-client": "^0.0.5",
     "@meddleware/ui": "^0.1.30",
-    "@meddleware/walrus-client": "^0.0.25",
-    "@meddleware/walrus-relay": "^0.1.26",
+    "@meddleware/walrus-client": "^0.0.26",
+    "@meddleware/walrus-relay": "^0.1.28",
     "@mysten/move-bytecode-template": "~0.4.1",
-    "@mysten/sui": "^2.33.1",
+    "@mysten/sui": "^2.33.2",
     "@mysten/walrus": "~1.2.32",
     "vue": "^3.5.0"
   },
@@ -62,7 +62,8 @@
     "@meddleware/wallet-adapter": ">=0.0.12 <0.2.0"
   },
   "devDependencies": {
-    "@meddleware/access-gate-client": "^0.0.4",
+    "@meddleware/access-gate-client": "^0.0.6",
+    "@meddleware/eslint-config": "^0.0.1",
     "@meddleware/wallet-adapter": "^0.0.13",
     "@playwright/test": "^1.56.0",
     "@types/node": "~24.12.2",
@@ -79,7 +80,7 @@
     "html-validate-vue": "^9.3.1",
     "jiti": "^2.7.0",
     "jsdom": "^29.1.1",
-    "oxfmt": "^0.59.0",
+    "oxfmt": "^0.72.0",
     "oxlint": "~1.76.0",
     "playwright": "^1.62.0",
     "postcss": "^8.4.49",

package/src/components/IconPicker.vue

@@ -6,7 +6,8 @@ import { getReadClient } from '../wallet.js'
 import { useWalrusRelay } from '../composables/useWalrusRelay.js'
 import { useAccessGate } from '@meddleware/walrus-relay'
 // The flow subpath carries no wasm; it loads the Walrus client lazily when an upload starts.
-import { browserStorage, consumeStorageKey, createGatedAccess, runBlobUpload } from '@meddleware/walrus-client/flow'
+import { browserStorage, consumeStorageKey, createGatedAccess, getUploadRetry, runBlobUpload } from '@meddleware/walrus-client/flow'
+import { normalizeSuiAddress } from '@mysten/sui/utils'
 import { ICON_EPOCHS } from '../lib/walrus-constants.js'
 import { ACCESS_GATE, ICON_MAX_BYTES, WALRUS_MAX_TIP_MIST, WALRUS_RPC_URLS, validateIconFile } from '../config.js'
 import type { WalrusNetwork } from '../config.js'
@@ -80,6 +81,9 @@ const tab = ref('url')
 const uploading = ref(false)
 const status = ref('')
 const uploadError = ref<string | null>(null)
+// Set when the relay upload failed after the icon was registered (and paid for): retries on it.
+const retryUpload = ref<(() => Promise<{ url: string }>) | null>(null)
+const retrying = ref(false)
 const fileName = ref('')
 let bytes: Uint8Array | null = null
 
@@ -131,6 +135,26 @@ function onRelayChange(newHost: string): void {
   selectedRelayHost.value = newHost
 }
 
+async function retryUploadOnRegistration(): Promise<void> {
+  const retry = retryUpload.value
+  if (!retry || retrying.value) return
+  retrying.value = true
+  uploadError.value = null
+  try {
+    const result = await retry()
+    emit('update:modelValue', result.url)
+    tab.value = 'url'
+    status.value = 'Uploaded ✓ — URL filled in above.'
+    retryUpload.value = null
+  } catch (e) {
+    uploadError.value = e instanceof Error ? e.message : String(e)
+    retryUpload.value = getUploadRetry<{ url: string }>(e)
+  } finally {
+    retrying.value = false
+    if (account.value) void refreshAccess()
+  }
+}
+
 async function upload(): Promise<void> {
   if (!bytes) {
     uploadError.value = 'Choose an image first.'
@@ -161,8 +185,10 @@ async function upload(): Promise<void> {
             key: consumeStorageKey(walrusNet, gate.gateId, address),
             relayHost: selectedRelayHost.value,
             address,
+            gateId: normalizeSuiAddress(gate.gateId),
+            network: walrusNet,
             nftId,
-            singleUse: accessGate.usesRemaining.value !== null,
+            singleUse: accessGate.singleUse.value,
             buildConsume: (id, nonce) => accessGate.buildConsume(id, nonce),
             signAndExecute: (tx) => executor.signAndExecute(tx),
             waitForTransaction: (digest) => executor.waitForTransaction(digest),
@@ -189,8 +215,10 @@ async function upload(): Promise<void> {
     emit('update:modelValue', result.url)
     tab.value = 'url'
     status.value = 'Uploaded ✓ — URL filled in above.'
+    retryUpload.value = null
   } catch (e) {
     uploadError.value = e instanceof Error ? e.message : String(e)
+    retryUpload.value = getUploadRetry<{ url: string }>(e)
     status.value = ''
   } finally {
     uploading.value = false
@@ -338,6 +366,10 @@ function onBrowseSelect(url: string): void {
         years. <span v-if="status">{{ status }}</span>
       </p>
       <UiNotice v-if="uploadError" type="error">{{ uploadError }}</UiNotice>
+      <p v-if="retryUpload" class="upload-note">
+        The icon is registered and paid for. <button type="button" :disabled="retrying" @click="retryUploadOnRegistration">{{ retrying ? 'Retrying…' : 'Retry upload' }}</button>
+        (no second payment).
+      </p>
     </div>
 
     <!-- Browse panel -->