@meddleware/token-deployer-ui 0.0.19 → 0.0.21

package/README.md

@@ -167,7 +167,8 @@ The Playwright mocked suite (`npm run test:e2e`) mocks all RPC in a dedicated e2
 (`npm run build:e2e`, `--mode e2e`; production builds refuse `VITE_E2E`), so it can prove
 the form/wallet/publish UI but **not** on-chain confirmation, the result panel, or the source
 download. The real-chain harness fills that gap. It is **manual** — never wired into automatic CI — because testnet/mainnet runs
-publish a real token and spend real SUI.
+publish a real token and spend real SUI. The `e2e-realchain.yml` workflow runs testnet only; mainnet
+runs only from your own machine, so no mainnet key is ever stored in CI.
 
 ```bash
 npm run e2e:localnet   # fresh keypair, localnet faucet — no real funds; run this freely

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meddleware/token-deployer-ui",
-  "version": "0.0.19",
+  "version": "0.0.21",
   "type": "module",
   "license": "0BSD",
   "repository": {
@@ -49,7 +49,7 @@
   },
   "dependencies": {
     "@meddleware/design-tokens": "^0.1.7",
-    "@meddleware/sui-token-client": "^0.0.1",
+    "@meddleware/sui-token-client": "^0.0.2",
     "@meddleware/ui": "^0.1.28",
     "@meddleware/walrus-client": "^0.0.22",
     "@meddleware/walrus-relay": "^0.1.23",

package/src/components/MyTokens.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 // Lists the coins the connected wallet has deployed (owned TreasuryCap<T> objects). Read-only,
-// mirroring access-gate's "My Gates". Loads on mount + whenever the connected address changes.
+// mirroring access-gate's "My Gates". Loads on mount and whenever the address or network changes.
 import { computed, ref, watch } from 'vue'
 import {
   CopyableAddress,
@@ -24,24 +24,33 @@ const tokens = ref<DeployedToken[]>([])
 const loading = ref(false)
 const error = ref<string | null>(null)
 
+// Each load gets a number; a result that arrives after a newer load started (an account or network
+// switch mid-request) is dropped, so one account's or network's tokens never show under another.
+let latest = 0
+
 async function load(): Promise<void> {
+  const run = ++latest
   if (!props.owner) {
     tokens.value = []
+    error.value = null
+    loading.value = false
     return
   }
   loading.value = true
   error.value = null
   try {
-    tokens.value = await listMyTokens(getReadClient(props.network), props.owner)
+    const found = await listMyTokens(getReadClient(props.network), props.owner)
+    if (run === latest) tokens.value = found
   } catch (e) {
+    if (run !== latest) return
     error.value = e instanceof Error ? e.message : String(e)
     tokens.value = []
   } finally {
-    loading.value = false
+    if (run === latest) loading.value = false
   }
 }
 
-watch(() => props.owner, load, { immediate: true })
+watch(() => [props.owner, props.network] as const, load, { immediate: true })
 defineExpose({ reload: load })
 </script>
 

package/src/lib/validation.ts

@@ -9,7 +9,8 @@ import {
   hasAllowedIconScheme,
   isValidDecimals,
   parseSupply,
-  validateIdentifier,
+  validateModuleName,
+  validatePackageName,
   type TokenConfig,
 } from '@meddleware/sui-token-client'
 
@@ -42,9 +43,9 @@ function textError(value: string, max: number, required: boolean): string | unde
 export function validateForm(form: ValidatableForm): FormErrors {
   const errors: FormErrors = {}
 
-  const packageNameError = validateIdentifier(form.packageName)
+  const packageNameError = validatePackageName(form.packageName)
   if (packageNameError) errors.packageName = packageNameError
-  const moduleNameError = validateIdentifier(form.moduleName)
+  const moduleNameError = validateModuleName(form.moduleName)
   if (moduleNameError) errors.moduleName = moduleNameError
 
   const symbol = textError(form.symbol, TOKEN_LIMITS.symbol, true)