✨ Support minting via ipfs or ar id

likecoin · Jun 22, 2023 · 3b4aa45 · 3b4aa45
1 parent 2df1d15
commit 3b4aa45
Show file tree

Hide file tree

Showing 3 changed files with 41 additions and 4 deletions.
diff --git a/locales/en.json b/locales/en.json
@@ -314,7 +314,7 @@
   "NFTPortal.loadingMessage.waitingImgFee": "Waiting for image upload transaction...",
   "NFTPortal.mint.error":"Oops, something went wrong when {error}, please try again.",
   "NFTPortal.placeholder.message":"Say Something ...",
-  "NFTPortal.placeholder.register":"https://like.co or iscn://likecoin-chain/dLbKMa8EVO9RF4UmoWKk2ocUq7IsxMcnQL1_Ps5Vg80/1",
+  "NFTPortal.placeholder.register":"https://... or iscn://... or ipfs://... or ar://...",
   "NFTPortal.textfield.guide.add": "Add message to your collectors",
   "NFTPortal.textfield.guide.edit": "Edit",
   "NFTPortal.textfield.label.message": "Message",
@@ -331,7 +331,7 @@
   "UploadForm.attention": "Do not connect to Ledger hardware wallets for signing.\n Ledger service temporarily unavailable.",
   "UploadForm.button.back": "Back",
   "UploadForm.button.confirm": "Confirm",
-  "UploadForm.button.mintUrl": "Has a URL? Mint NFT here",
+  "UploadForm.button.mintUrl": "Has a URL, Arweave or IPFS hash? Mint NFT here",
   "UploadForm.button.selectFile": "Select a file",
   "UploadForm.button.skip": "Skip Upload",
   "UploadForm.button": "Start Upload",

diff --git a/pages/new/index.vue b/pages/new/index.vue
@@ -111,8 +111,8 @@ export default class NewIndexPage extends Vue {
   ) => ISCNRecordWithID[] | PromiseLike<ISCNRecordWithID[]>
 
   state = 'init'
-  ipfsHash = ''
-  arweaveId = ''
+  ipfsHash = this.$route.query.ipfs_hash || ''
+  arweaveId = this.$route.query.arweave_id || ''
   fileSHA256 = ''
   fileData = ''
   fileType = ''
@@ -146,6 +146,23 @@ export default class NewIndexPage extends Vue {
     }
   }
 
+  async mounted() {
+    if ((this.ipfsHash || this.arweaveId) && this.shouldSkipToMintNFT) {
+      this.state = 'iscn';
+      let url;
+      if (this.arweaveId) url = `https://arweave.net/${this.arweaveId}`;
+      else if (this.ipfsHash) url = `https://ipfs.io/ipfs/${this.ipfsHash}`;
+      if (url) {
+        const { data, headers } = await this.$axios.get(url, { responseType: 'blob' })
+        this.fileBlob = data as Blob
+        this.isImage = headers['content-type'].startsWith('image')
+        this.fileType = headers['content-type']
+        this.fileSize = headers['content-length']
+        this.fileData = `data:${this.fileType};base64,${Buffer.from(await data.arrayBuffer(), 'binary').toString('base64')}`
+      }
+    }
+  }
+
   onSubmitUpload({
     ipfsHash,
     arweaveId,

diff --git a/pages/nft/url/index.vue b/pages/nft/url/index.vue
@@ -576,6 +576,22 @@ export default class FetchIndex extends Vue {
             break
           }
 
+          if (this.url.startsWith('ipfs://') || this.url.startsWith('ar://') ) {
+            const ipfsHash = this.url.startsWith('ipfs://') ? this.url.replace('ipfs://', '') : undefined;
+            const arweaveId = this.url.startsWith('ar://') ? this.url.replace('ar://', '') : undefined;
+            this.$router.push(
+              this.localeLocation({
+                name: 'new',
+                query: {
+                  ipfs_hash: ipfsHash,
+                  arweave_id: arweaveId,
+                  mint: '1',
+                },
+              })!,
+            )
+            break
+          }
+
           if (this.$route.query.url !== this.url) {
             this.$router.replace({
               query: {
@@ -816,6 +832,10 @@ export default class FetchIndex extends Vue {
       this.isInputValueValid = true
       return
     }
+    if (this.url.startsWith('ipfs://') || this.url.startsWith('ar://')) {
+      this.isInputValueValid = true
+      return
+    }
     if (this.crawlURLRegex.test(url)) {
       if (url.includes(LIKER_LAND_URL)) {
         this.errorMessage = this.$t(