@visualizevalue/mint-app-base 0.1.9 → 0.1.11

package/app/components/Profile/Header.client.vue

@@ -2,11 +2,11 @@
   <header v-if="artist" class="profile-header">
     <slot name="before" />
 
-    <img :src="artist.avatar || `/icons/opepen.svg`" :alt="name" />
-    <h1 @click="() => copy(address)">
+    <img :src="artist.avatar || avatar" :alt="name" />
+    <h1 @click="() => ! hideAddress && copy(address)">
       <span>{{ name }}</span>
       <small v-if="copied">copied...</small>
-      <small v-else-if="artist.ens">{{ shortAddress(address) }}</small>
+      <small v-else-if="! hideAddress">{{ shortAddress(address) }}</small>
     </h1>
     <p v-if="artist?.description">{{ artist.description }}</p>
 
@@ -22,14 +22,20 @@
 <script setup>
 import { useClipboard } from '@vueuse/core'
 
+const config = useRuntimeConfig()
+
 const props = defineProps({
   address: String,
+  avatar: String,
+  name: String,
+  hideAddress: Boolean,
 })
 
 const store = useOnchainStore()
 
+const avatar = computed(() => props.avatar || config.public.defaultAvatar)
 const artist = computed(() => store.artist(props.address))
-const name = computed(() => artist.value?.ens || shortAddress(props.address))
+const name = computed(() => props.name || artist.value?.ens || shortAddress(props.address))
 const artistAddress = computed(() => props.address)
 const { copy, copied } = useClipboard({ source: artistAddress })
 
@@ -52,8 +58,6 @@ header {
   }
 
   h1 {
-    cursor: pointer;
-
     > * {
       display: block;
     }
@@ -64,6 +68,7 @@ header {
       font-family: var(--ui-font-family);
       letter-spacing: var(--ui-letter-spacing);
       text-transform: var(--ui-text-transform);
+      cursor: pointer;
     }
   }
 }

package/app/plugins/2.wagmi.ts

@@ -1,5 +1,5 @@
 import { VueQueryPlugin } from '@tanstack/vue-query'
-import { http, cookieStorage, createConfig, createStorage, WagmiPlugin, fallback, type Config } from '@wagmi/vue'
+import { http, cookieStorage, createConfig, createStorage, WagmiPlugin, fallback, type Config, type CreateConnectorFn } from '@wagmi/vue'
 import { mainnet, sepolia, holesky, localhost } from '@wagmi/vue/chains'
 import { coinbaseWallet, injected, metaMask, walletConnect } from '@wagmi/vue/connectors'
 import type { CustomTransport, Transport } from 'viem'
@@ -7,6 +7,25 @@ import type { CustomTransport, Transport } from 'viem'
 export default defineNuxtPlugin(nuxtApp => {
   const title = nuxtApp.$config.public.title || 'Mint'
 
+  const connectors: CreateConnectorFn[] = [
+    injected(),
+    coinbaseWallet({
+      appName: title,
+      appLogoUrl: '',
+    }),
+    metaMask({
+      dappMetadata: {
+        name: title,
+        iconUrl: '',
+        url: '',
+      }
+    }),
+  ]
+
+  if (nuxtApp.$config.public.walletConnectProjectId) connectors.push(walletConnect({
+    projectId: nuxtApp.$config.public.walletConnectProjectId,
+  }))
+
   const transportDefinitions: CustomTransport|Transport[] = []
 
   if (nuxtApp.$config.public.rpc1) transportDefinitions.push(http(nuxtApp.$config.public.rpc1 as string))
@@ -21,23 +40,7 @@ export default defineNuxtPlugin(nuxtApp => {
     batch: {
       multicall: true,
     },
-    connectors: [
-      injected(),
-      walletConnect({
-        projectId: nuxtApp.$config.public.walletConnectProjectId,
-      }),
-      coinbaseWallet({
-        appName: title,
-        appLogoUrl: '',
-      }),
-      metaMask({
-        dappMetadata: {
-          name: title,
-          iconUrl: '',
-          url: '',
-        }
-      }),
-    ],
+    connectors,
     storage: createStorage({
       storage: cookieStorage,
     }),

package/nuxt.config.ts

@@ -10,17 +10,18 @@ export default defineNuxtConfig({
 
   runtimeConfig: {
     public: {
-      title: 'Mint',
-      description: 'To mint is a human right.',
-      blockExplorer: 'https://etherscan.io',
-      creatorAddress: '',
-      factoryAddress: '',
+      blockExplorer: 'https://sepolia.etherscan.io',
       chainId: 1337,
-      walletConnectProjectId: '',
+      creatorAddress: '',
+      defaultAvatar: '/icons/opepen.svg',
+      description: 'To mint is a human right.',
+      factoryAddress: '0x0Eb7fB145e697B7e82711BeEFff195F2d7b66cdd',
       platformUrl: 'https://networked.art',
-      rpc1: '',
-      rpc2: '',
-      rpc3: '',
+      rpc1: 'https://ethereum-sepolia.rpc.subquery.network/public',
+      rpc2: 'https://ethereum-sepolia-rpc.publicnode.com',
+      rpc3: 'https://1rpc.io/sepolia',
+      title: 'Mint',
+      walletConnectProjectId: '',
     }
   },
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@visualizevalue/mint-app-base",
-  "version": "0.1.9",
+  "version": "0.1.11",
   "type": "module",
   "main": "./nuxt.config.ts",
   "dependencies": {