@meddleware/seal-ui 0.0.3 → 0.0.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meddleware/seal-ui",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "description": "Standalone Vue 3 SPA for Sealed Storage — client-side Seal encryption + access-gated, decentralised Walrus storage on Sui.",
   "author": "MeddleWare <meddleware@proton.me>",
   "license": "0BSD",
@@ -40,7 +40,7 @@
     "@meddleware/design-tokens": "^0.1.2",
     "@meddleware/seal-client": "^0.0.2",
     "@meddleware/ui": "^0.1.6",
-    "@meddleware/wallet-adapter": "^0.0.2",
+    "@meddleware/wallet-adapter": "^0.0.3",
     "@mysten/seal": "^1.4.7",
     "@mysten/sui": "^2.28.0",
     "@mysten/wallet-standard": "^0.20.0",

package/src/components/SealView.vue

@@ -15,13 +15,14 @@ import {
   type SealPolicyProvider,
   type SealedContentPointer,
 } from '@meddleware/seal-client'
+import { WalletGuard } from '@meddleware/wallet-adapter'
 import { useWallet } from '../wallet.js'
 import { registry, getSealController } from '../seal.js'
 import { storeBlob, readBlob } from '../walrus.js'
 import { discoverSealedContent } from '../sealed-content.js'
 import { NETWORK, MAINNET_PENDING, SEAL_CONFIGURED, SEAL_PACKAGE_ID } from '../config.js'
 
-const { wallets, account, connect, disconnect, signPersonalMessage, signAndExecute } = useWallet()
+const { account, signPersonalMessage, signAndExecute } = useWallet()
 
 const providers = registry.list() as SealPolicyProvider[]
 const disabled = computed(() => MAINNET_PENDING || !SEAL_CONFIGURED)
@@ -265,10 +266,6 @@ async function performUnlock(item: SealedContentPointer): Promise<void> {
   }
 }
 
-const shortAddr = computed(() => {
-  const a = account.value?.address
-  return a ? `${a.slice(0, 6)}…${a.slice(-4)}` : ''
-})
 </script>
 
 <template>
@@ -284,28 +281,7 @@ const shortAddr = computed(() => {
       (<code>VITE_SEAL_PACKAGE_ID_*</code> / <code>VITE_SEAL_SERVER_OBJECT_IDS_*</code>).
     </div>
 
-    <section class="card" style="display:flex;align-items:center;justify-content:space-between;gap:1rem">
-      <template v-if="account">
-        <span class="muted">Connected: {{ shortAddr }}</span>
-        <button class="link" @click="disconnect">Disconnect</button>
-      </template>
-      <template v-else>
-        <span class="muted">Wallet needed only to decrypt.</span>
-        <span>
-          <button
-            v-for="w in wallets"
-            :key="w.name"
-            class="primary"
-            style="margin-left:0.4rem"
-            @click="connect(w)"
-          >
-            Connect {{ w.name }}
-          </button>
-          <span v-if="!wallets.length" class="muted">No Sui wallet detected.</span>
-        </span>
-      </template>
-    </section>
-
+    <WalletGuard message="Connect a Sui wallet to encrypt and decrypt sealed content.">
     <nav class="tabs">
       <button :class="{ active: tab === 'encrypt' }" @click="tab = 'encrypt'">Encrypt</button>
       <button :class="{ active: tab === 'decrypt' }" @click="tab = 'decrypt'">Decrypt</button>
@@ -449,6 +425,7 @@ const shortAddr = computed(() => {
       Decryption keys are released by a threshold committee of independent key servers. If enough
       servers are unreachable, decryption pauses — storage and retrieval are unaffected.
     </p>
+    </WalletGuard>
   </div>
 </template>
 

package/src/config.ts

@@ -30,16 +30,32 @@ export const SEAL_PACKAGE_ID: string =
     ? '0x9f0563bfe42fbd29932cd280cc47efe17f5339b4dc569eb110114665eecc231e'
     : '')
 
-/** Threshold `t` in the t-of-n committee (default 2). */
+/** Threshold `t` in the t-of-n committee (default 2 — matches the 3-server testnet default). */
 export const SEAL_THRESHOLD = Number(env.VITE_SEAL_THRESHOLD || '2')
 
 /**
  * The key-server committee. Object ids and aggregator URLs are supplied as parallel CSV lists
- * (index-aligned); aggregatorUrl is required for committee-mode servers.
+ * (index-aligned); aggregatorUrl is required for decentralized (committee-type) servers only —
+ * independent servers derive their URL from the on-chain object and do not need one.
+ *
+ * Defaults are the three verified Mysten Labs testnet servers:
+ *   [0] Decentralized (Mysten) — requires aggregatorUrl
+ *   [1] Independent server 1
+ *   [2] Independent server 2
+ * Override via VITE_SEAL_SERVER_OBJECT_IDS_TESTNET / VITE_SEAL_AGGREGATOR_URLS_TESTNET.
  */
 export const SEAL_SERVERS: KeyServerConfig[] = (() => {
-  const ids = csv(netEnv('VITE_SEAL_SERVER_OBJECT_IDS'))
-  const aggs = csv(netEnv('VITE_SEAL_AGGREGATOR_URLS'))
+  const defaultIds = [
+    '0xb012378c9f3799fb5b1a7083da74a4069e3c3f1c93de0b27212a5799ce1e1e98',
+    '0x73d05d62c18d9374e3ea529e8e0ed6161da1a141a94d3f76ae3fe4e99356db75',
+    '0xf5d14a81a982144ae441cd7d64b09027f116a468bd36e7eca494f750591623c8',
+  ]
+  const defaultAggs = ['https://seal-aggregator-testnet.mystenlabs.com']
+
+  const envIds = csv(netEnv('VITE_SEAL_SERVER_OBJECT_IDS'))
+  const envAggs = csv(netEnv('VITE_SEAL_AGGREGATOR_URLS'))
+  const ids = envIds.length > 0 ? envIds : (NETWORK === 'testnet' ? defaultIds : [])
+  const aggs = envAggs.length > 0 ? envAggs : (NETWORK === 'testnet' ? defaultAggs : [])
   return ids.map((objectId, i) => ({ objectId, weight: 1, aggregatorUrl: aggs[i] }))
 })()