@visualizevalue/mint-app-base 0.1.88 → 0.1.89

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}`) {
@@ -327,8 +333,16 @@ export const useOnchainStore = () => {
 
           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 = {
+              image: '',
+              animationUrl: '',
+            }
+          }
 
           const token: Token = {
             tokenId,

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.89",
   "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)