@visualizevalue/mint-app-base 0.1.88 → 0.1.90

package/components/CollectionsOverview.client.vue

@@ -46,7 +46,7 @@ const collections = computed(() => isMe.value
 // Force update collections with no mints
 if (store.forArtist(id.value).length !== collections.length) {
   store.forArtist(id.value)
-    .filter(c => c.latestTokenId === 0n)
+    .filter(c => c?.latestTokenId === 0n)
     .forEach(c => store.fetchCollection(c.address))
 }
 </script>

package/composables/collections.ts

@@ -44,6 +44,7 @@ export const useOnchainStore = () => {
           return this.artist(address).collections
             .map(c => state.collections[c])
             .sort((a, b) => a.initBlock > b.initBlock ? -1 : 1)
+            .filter(c => !!c)
         }
       },
       forArtistOnlyMinted () {
@@ -204,24 +205,29 @@ export const useOnchainStore = () => {
           }) as Promise<GetBalanceReturnType>,
         ])
 
+        const artist = owner.toLowerCase() as `0x${string}`
         const json = Buffer.from(data.substring(29), `base64`).toString()
-        const metadata = JSON.parse(json)
 
-        const artist = owner.toLowerCase() as `0x${string}`
+        try {
+          const metadata = JSON.parse(json)
 
-        return await this.addCollection({
-          image: metadata.image,
-          name: metadata.name,
-          symbol: metadata.symbol,
-          description: metadata.description,
-          address,
-          initBlock,
-          latestTokenId,
-          owner: artist,
-          tokens: {},
-          balance: balance.value,
-          renderers: [],
-        })
+          return await this.addCollection({
+            image: metadata.image,
+            name: metadata.name,
+            symbol: metadata.symbol,
+            description: metadata.description,
+            address,
+            initBlock,
+            latestTokenId,
+            owner: artist,
+            tokens: {},
+            balance: balance.value,
+            renderers: [],
+          })
+        } catch (e) {
+          console.warn(`Error parsing collection`, e)
+          this.artists[artist].collections = this.artists[artist].collections.filter(c => c !== address)
+        }
       },
 
       async fetchCollectionBalance (address: `0x${string}`) {
@@ -300,7 +306,7 @@ export const useOnchainStore = () => {
         return this.tokens(address)
       },
 
-      async fetchToken (address: `0x${string}`, id: number | string | bigint) {
+      async fetchToken (address: `0x${string}`, id: number | string | bigint, tries?: number = 0) {
         const client = getPublicClient($wagmi, { chainId }) as PublicClient
         const mintContract = getContract({
           address,
@@ -316,25 +322,38 @@ export const useOnchainStore = () => {
         // Normalize token ID
         const tokenId = BigInt(id)
 
+        // Default (empty) metadata
+        let metadata = {}
+
         try {
           console.info(`Fetching token #${tokenId}`)
 
-          const [data, dataUri, closeAt] = await Promise.all([
+          const [data, dataUri] = await Promise.all([
             mintContract.read.get([tokenId]) as Promise<[string, string, `0x${string}`[], bigint, bigint, bigint, bigint]>,
             mintContract.read.uri([tokenId], { gas: 100_000_000_000 }) as Promise<string>,
-            mintContract.read.mintOpenUntil([tokenId]) as Promise<bigint>,
           ])
 
-          const [ name, description, _artifact, _renderer, mintedBlock, _closeAt, _extraData ] = data
+          const [ _name, _description, _artifact, _renderer, mintedBlock, closeAt, _extraData ] = data
 
-          const json = Buffer.from(dataUri.substring(29), `base64`).toString()
-          const metadata = JSON.parse(json)
+          let metadata
+          try {
+            const json = Buffer.from(dataUri.substring(29), `base64`).toString()
+            metadata = JSON.parse(json)
+          } catch (e) {
+            metadata = {
+              name: '',
+              description: '',
+              image: '',
+              animationUrl: '',
+            }
+            console.warn(`Parsing data uri failed`, e)
+          }
 
           const token: Token = {
             tokenId,
             collection: address,
-            name,
-            description,
+            name: metadata.name,
+            description: metadata.description,
             image: metadata.image,
             animationUrl: metadata.animation_url,
 
@@ -348,7 +367,13 @@ export const useOnchainStore = () => {
 
           this.collections[address].tokens[`${token.tokenId}`] = token
         } catch (e) {
-          console.error(e)
+          // Retry 3 times
+          if (tries < 3) {
+            console.info(`Retrying fetching data ${tries + 1}`)
+            return await this.fetchToken(address, id, tries + 1)
+          } else {
+            // TODO: Handle impossible to load token
+          }
         }
       },
 

package/composables/createMint.ts

@@ -116,8 +116,8 @@ export const useCreateMintFlow = (collection: Collection, txFlow: Ref) => {
         address: collection.address,
         functionName: 'create',
         args: [
-          name.value,
-          description.value,
+          sanitizeForJson(name.value),
+          sanitizeForJson(description.value),
           multiTransactionPrepare ? [] : artifactByteArray,
           renderer.value,
           0n, // Additional Data

package/package.json

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

package/pages/[id]/create.vue

@@ -129,9 +129,9 @@ const deployRequest = computed(() => async () => {
     address: config.public.factoryAddress,
     functionName: creationType.value,
     args: [
-      title.value,
-      symbol.value,
-      description.value,
+      sanitizeForJson(title.value),
+      sanitizeForJson(symbol.value),
+      sanitizeForJson(description.value),
       toByteArray(image.value),
     ],
   })

package/utils/strings.ts

@@ -28,3 +28,6 @@ export const extractURLs = (str: string) => {
     urls: str.match(urlPattern),
   }
 }
+
+// Replace special characters with their escaped counterparts
+export const sanitizeForJson = (input: string): string => JSON.stringify(input).slice(1, -1)