@visualizevalue/mint-app-base 0.1.8 → 0.1.10

package/app/pages/[id]/[collection]/[tokenId].vue

@@ -15,7 +15,11 @@ const loading = ref(true)
 const load = async () => {
   loading.value = true
 
-  await store.fetchToken(collection.value.address, route.params.tokenId)
+  try {
+    await store.fetchToken(collection.value.address, route.params.tokenId)
+  } catch (e) {
+    navigateTo({ name: 'id-collection' }, { replace: true })
+  }
 
   loading.value = false
 }

package/app/pages/[id]/[collection].vue

@@ -14,7 +14,11 @@ const collection = ref(null)
 const load = async () => {
   loading.value = true
 
-  collection.value = await store.fetchCollection(address.value)
+  try {
+    collection.value = await store.fetchCollection(address.value)
+  } catch (e) {
+    navigateTo({ name: 'id' }, { replace: true })
+  }
 
   loading.value = false
 }

package/app/pages/[id]/create.vue

@@ -126,7 +126,10 @@ const deployed = async (receipt) => {
 
   const artist = store.artist(id.value)
   await store.fetchCollections(id.value, config.public.factoryAddress, artist.collectionsFetchedUntilBlock)
-  await navigateTo(`/${id.value}/${createdEvent.args.contractAddress}`)
+  await navigateTo({
+    name: 'id-collection',
+    params: { id: id.value, collection: createdEvent.args.contractAddress }
+  })
 }
 
 useMetaData({

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

@@ -12,15 +12,15 @@ export default defineNuxtConfig({
     public: {
       title: 'Mint',
       description: 'To mint is a human right.',
-      blockExplorer: 'https://etherscan.io',
+      blockExplorer: 'https://sepolia.etherscan.io',
       creatorAddress: '',
-      factoryAddress: '',
+      factoryAddress: '0x0Eb7fB145e697B7e82711BeEFff195F2d7b66cdd',
       chainId: 1337,
       walletConnectProjectId: '',
       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',
     }
   },
 

package/package.json

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

package/app/pages/[id]/add.vue

@@ -1,40 +0,0 @@
-<template>
-  <Authenticated>
-    <PageFrame :title="[
-      {
-        text: `Add existing`
-      }
-    ]">
-      <form @submit.stop.prevent="add">
-        <FormInput v-model="address" placeholder="Contract Address (0x...)" />
-
-        <Button>Add</Button>
-      </form>
-    </PageFrame>
-  </Authenticated>
-</template>
-
-<script setup>
-const id = useArtistId()
-
-const address = ref('')
-
-const add = async () => {
-  if (! isAddress(address.value)) {
-    alert('Not an address')
-    return
-  }
-
-  await navigateTo(`/${id.value}/${address.value}`)
-}
-
-useMetaData({
-  title: `Add Existing Collection`,
-})
-</script>
-
-<style scoped>
-form {
-  width: 100%;
-}
-</style>