ARCHIVE/xrpl-dev-portal
1
0
Fork 0
mirror of https://github.com/XRPLF/xrpl-dev-portal.git synced 2026-07-28 17:40:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update diagrams in Running an NFT Auction

Browse Source
This commit is contained in:
rachelflynn
2026-07-08 12:47:52 -04:00
parent aa8cd47f79
commit aab9daa628
8 changed files with 287 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
@l10n/ja/docs/concepts/tokens/nfts/running-an-nft-auction.md
View File

@@ -22,7 +22,7 @@ labels:
最低落札価格ありのオークションとして、ブローカー方式で運営する。
![ブローカー方式で最低落札価格ありのオークション](/docs/img/nft-auction1.png "ブローカー方式で最低落札価格ありのオークション")
{% responsive-graphic desktop="/docs/img/nft-auction1.svg" mobile="/docs/img/nft-auction1.mobile.svg" alt="ブローカー方式で最低落札価格ありのオークション：出品者がNFTを作成し、ブローカーを宛先として最低落札価格を設定し、入札者がブローカーを宛先として入札し、ブローカーが落札を選んで売却を成立させ手数料を受け取り、残りの入札をキャンセルします。" /%}
1. 売り手はNFTを作成し，`NFTokenCreateOffer`を用い，ブローカーアカウントを宛先に設定して，オークションの最低落札価格を設定します。
1. 入札者は`NFTokenCreateOffer`を使ってオファーを出し、ブローカーアカウントを宛先として設定します。
@@ -44,7 +44,7 @@ labels:
この3つのうち、最も複雑なワークフローとなります。
![ブローカー方式で最低落札価格なしのオークション](/docs/img/nft-auction2.png "ブローカー方式で最低落札価格なしのオークション")
{% responsive-graphic desktop="/docs/img/nft-auction2.svg" mobile="/docs/img/nft-auction2.mobile.svg" alt="ブローカー方式で最低落札価格なしのオークション：出品者がNFTを発行し、入札者がブローカーを宛先としてオファーを作成し、ブローカーが入札を選んで手数料を差し引き出品者に署名を依頼し、出品者がブローカーを宛先として署名し、ブローカーが売却を完了して手数料を保持し、残りの入札をキャンセルします。" /%}
1. 売り手は`NFTokenMint`を使用してNFTを作成します。
1. 入札者は`NFTokenCreateOffer`を使って、ブローカーを宛先としてオファーを出します。

4
docs/concepts/tokens/nfts/running-an-nft-auction.md
View File

@@ -22,7 +22,7 @@ This flow is the most straightforward. Note that the `NFTokenOffer` objects can
Run the auction in brokered mode, as an auction with a reserve.
![Auction in Brokered Mode with a Reserve](/docs/img/nft-auction1.png "Auction in Brokered Mode with a Reserve")
{% responsive-graphic desktop="/docs/img/nft-auction1.svg" mobile="/docs/img/nft-auction1.mobile.svg" alt="Auction in brokered mode with a reserve: the seller creates the NFT and sets a minimum sale price with the broker as destination, bidders make bids with the broker as destination, and the broker selects the winning bid, completes the sale and takes a fee, then cancels the remaining bids." /%}
1. The seller creates the NFT, then sets the auction reserve price using `NFTokenCreateOffer`, specifying the broker account as the destination.
1. The bidders make offers using `NFTokenCreateOffer`, setting the broker account as the destination.
@@ -44,7 +44,7 @@ A major mitigating factor of this downside is that if this behavior were to happ
This is the most complex workflow of the three.
![Auction in Brokered Mode without a Reserve](/docs/img/nft-auction2.png "Auction in Brokered Mode without a Reserve")
{% responsive-graphic desktop="/docs/img/nft-auction2.svg" mobile="/docs/img/nft-auction2.mobile.svg" alt="Auction in brokered mode without a reserve: the seller mints the NFT, bidders create offers with the broker as destination, the broker selects a bid, subtracts the fee, and requests the seller sign off, the seller signs the offer with the broker as destination, and the broker completes the sale and retains the fee, then cancels the remaining bids." /%}
1. The seller creates an NFT using `NFTokenMint`.
1. The bidders make offers using `NFTokenCreateOffer`, setting the broker as the destination.

62
docs/img/nft-auction1.mobile.svg Normal file
View File

@@ -0,0 +1,62 @@
<svg width="420" height="782" viewBox="0 0 420 782" xmlns="http://www.w3.org/2000/svg" role="img">
<title>Auction in Brokered Mode with a Reserve</title>
<desc>Seller creates the NFT and sets a reserve price with the broker as destination. Bidders make bids with the broker as destination. The broker selects the winning bid, completes the sale and takes a fee, then cancels the losing bids.</desc>
<defs>
<marker id="arrowm1" viewBox="0 0 10 10" refX="5" refY="8" markerWidth="7" markerHeight="7" orient="auto">
<path d="M1 1L5 8L9 1" fill="none" stroke="#838386" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
</marker>
</defs>
<rect x="0" y="0" width="420" height="782" fill="#f5f5f7"/>
<line x1="210" y1="144" x2="210" y2="170" stroke="#838386" stroke-width="1.5" marker-end="url(#arrowm1)"/>
<line x1="210" y1="300" x2="210" y2="326" stroke="#838386" stroke-width="1.5" marker-end="url(#arrowm1)"/>
<line x1="210" y1="456" x2="210" y2="482" stroke="#838386" stroke-width="1.5" marker-end="url(#arrowm1)"/>
<line x1="210" y1="612" x2="210" y2="638" stroke="#838386" stroke-width="1.5" marker-end="url(#arrowm1)"/>
<g>
<rect x="16" y="16" width="388" height="126" rx="10" fill="#232325"/>
<rect x="18" y="30" width="4" height="98" rx="2" fill="#72E38E"/>
<circle cx="380" cy="40" r="13" fill="#72E38E"/>
<text x="380" y="40" text-anchor="middle" dominant-baseline="central" font-family="Helvetica Neue, Arial, sans-serif" font-size="13" font-weight="700" fill="#ffffff">1</text>
<text x="40" y="46" font-family="Helvetica Neue, Arial, sans-serif" font-size="12" font-weight="700" letter-spacing="0.5" fill="#72E38E">SELLER</text>
<text x="40" y="76" font-family="Helvetica Neue, Arial, sans-serif" font-size="15" fill="#E0E0E1">Creates the NFT</text>
<text x="40" y="126" font-family="Courier New, monospace" font-size="12" fill="#72E38E">NFTokenMint</text>
</g>
<g>
<rect x="16" y="172" width="388" height="126" rx="10" fill="#232325"/>
<rect x="18" y="186" width="4" height="98" rx="2" fill="#72E38E"/>
<circle cx="380" cy="196" r="13" fill="#72E38E"/>
<text x="380" y="196" text-anchor="middle" dominant-baseline="central" font-family="Helvetica Neue, Arial, sans-serif" font-size="13" font-weight="700" fill="#ffffff">2</text>
<text x="40" y="202" font-family="Helvetica Neue, Arial, sans-serif" font-size="12" font-weight="700" letter-spacing="0.5" fill="#72E38E">SELLER</text>
<text x="40" y="232" font-family="Helvetica Neue, Arial, sans-serif" font-size="15" fill="#E0E0E1">Sets minimum sale price,</text>
<text x="40" y="251" font-family="Helvetica Neue, Arial, sans-serif" font-size="15" fill="#E0E0E1">broker as destination</text>
<text x="40" y="282" font-family="Courier New, monospace" font-size="12" fill="#72E38E">NFTokenCreateOffer</text>
</g>
<g>
<rect x="16" y="328" width="388" height="126" rx="10" fill="#232325"/>
<rect x="18" y="342" width="4" height="98" rx="2" fill="#4DA1F8"/>
<circle cx="380" cy="352" r="13" fill="#4DA1F8"/>
<text x="380" y="352" text-anchor="middle" dominant-baseline="central" font-family="Helvetica Neue, Arial, sans-serif" font-size="13" font-weight="700" fill="#ffffff">3</text>
<text x="40" y="358" font-family="Helvetica Neue, Arial, sans-serif" font-size="12" font-weight="700" letter-spacing="0.5" fill="#4DA1F8">BUYERS / BIDDERS</text>
<text x="40" y="388" font-family="Helvetica Neue, Arial, sans-serif" font-size="15" fill="#E0E0E1">Makes bids, broker as</text>
<text x="40" y="407" font-family="Helvetica Neue, Arial, sans-serif" font-size="15" fill="#E0E0E1">destination</text>
<text x="40" y="438" font-family="Courier New, monospace" font-size="12" fill="#4DA1F8">NFTokenCreateOffer</text>
</g>
<g>
<rect x="16" y="484" width="388" height="126" rx="10" fill="#232325"/>
<rect x="18" y="498" width="4" height="98" rx="2" fill="#C733F6"/>
<circle cx="380" cy="508" r="13" fill="#C733F6"/>
<text x="380" y="508" text-anchor="middle" dominant-baseline="central" font-family="Helvetica Neue, Arial, sans-serif" font-size="13" font-weight="700" fill="#ffffff">4</text>
<text x="40" y="514" font-family="Helvetica Neue, Arial, sans-serif" font-size="12" font-weight="700" letter-spacing="0.5" fill="#C733F6">BROKER</text>
<text x="40" y="544" font-family="Helvetica Neue, Arial, sans-serif" font-size="15" fill="#E0E0E1">Selects winning bid,</text>
<text x="40" y="563" font-family="Helvetica Neue, Arial, sans-serif" font-size="15" fill="#E0E0E1">completes sale, takes fee</text>
<text x="40" y="594" font-family="Courier New, monospace" font-size="12" fill="#C733F6">NFTokenAcceptOffer</text>
</g>
<g>
<rect x="16" y="640" width="388" height="126" rx="10" fill="#232325"/>
<rect x="18" y="654" width="4" height="98" rx="2" fill="#C733F6"/>
<circle cx="380" cy="664" r="13" fill="#C733F6"/>
<text x="380" y="664" text-anchor="middle" dominant-baseline="central" font-family="Helvetica Neue, Arial, sans-serif" font-size="13" font-weight="700" fill="#ffffff">5</text>
<text x="40" y="670" font-family="Helvetica Neue, Arial, sans-serif" font-size="12" font-weight="700" letter-spacing="0.5" fill="#C733F6">BROKER</text>
<text x="40" y="700" font-family="Helvetica Neue, Arial, sans-serif" font-size="15" fill="#E0E0E1">Cancels remaining bids</text>
<text x="40" y="750" font-family="Courier New, monospace" font-size="12" fill="#C733F6">NFTokenCancelOffer</text>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 5.2 KiB

BIN
docs/img/nft-auction1.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 37 KiB

69
docs/img/nft-auction1.svg Normal file
View File

@@ -0,0 +1,69 @@
<svg width="1586" height="792" viewBox="0 0 1586 792" xmlns="http://www.w3.org/2000/svg" role="img">
<title>Auction in Brokered Mode with a Reserve</title>
<desc>Seller creates the NFT and sets a reserve price with the broker as destination. Bidders make bids with the broker as destination. The broker selects the winning bid, completes the sale and takes a fee, then cancels the losing bids.</desc>
<defs>
<marker id="arrow" viewBox="0 0 10 10" refX="8" refY="5" markerWidth="7" markerHeight="7" orient="auto-start-reverse">
<path d="M1 1L8 5L1 9" fill="none" stroke="#838386" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
</marker>
</defs>
<rect x="0" y="0" width="1586" height="792" fill="#f5f5f7"/>
<rect x="0" y="56" width="1586" height="226" fill="#E7F3EB"/>
<rect x="0" y="282" width="1586" height="240" fill="#E2ECF7"/>
<rect x="0" y="522" width="1586" height="228" fill="#F0E0F7"/>
<line x1="0" y1="282" x2="1586" y2="282" stroke="#c7ccc9" stroke-width="1"/>
<line x1="0" y1="522" x2="1586" y2="522" stroke="#c7ccc9" stroke-width="1"/>
<text x="144" y="172" font-family="Helvetica Neue, Arial, sans-serif" font-size="15" font-weight="700" letter-spacing="0.5" fill="#72E38E">SELLER</text>
<text x="144" y="392" font-family="Helvetica Neue, Arial, sans-serif" font-size="15" font-weight="700" letter-spacing="0.5" fill="#4DA1F8">BUYERS /</text>
<text x="144" y="412" font-family="Helvetica Neue, Arial, sans-serif" font-size="15" font-weight="700" letter-spacing="0.5" fill="#4DA1F8">BIDDERS</text>
<text x="144" y="646" font-family="Helvetica Neue, Arial, sans-serif" font-size="15" font-weight="700" letter-spacing="0.5" fill="#C733F6">BROKER</text>
<line x1="468" y1="162" x2="509" y2="162" stroke="#838386" stroke-width="1.5" marker-end="url(#arrow)"/>
<path d="M660,230 V392 Q660,402 670,402 H752" fill="none" stroke="#838386" stroke-width="1.5" marker-end="url(#arrow)"/>
<path d="M903,471 V633 Q903,643 913,643 H996" fill="none" stroke="#838386" stroke-width="1.5" marker-end="url(#arrow)"/>
<line x1="1211" y1="643" x2="1239" y2="643" stroke="#838386" stroke-width="1.5" marker-end="url(#arrow)"/>
<g>
<rect x="266" y="94" width="202" height="136" rx="10" fill="#232325"/>
<rect x="268" y="108" width="4" height="108" rx="2" fill="#72E38E"/>
<circle cx="444" cy="117" r="14" fill="#72E38E"/>
<text x="444" y="117" text-anchor="middle" dominant-baseline="central" font-family="Helvetica Neue, Arial, sans-serif" font-size="14" font-weight="700" fill="#ffffff">1</text>
<text x="288" y="145.3" font-family="Helvetica Neue, Arial, sans-serif" font-size="15" font-weight="400" fill="#E0E0E1">Creates the NFT</text>
<text x="288" y="215.0" font-family="Courier New, monospace" font-size="12" fill="#72E38E">NFTokenMint</text>
</g>
<g>
<rect x="509" y="94" width="202" height="136" rx="10" fill="#232325"/>
<rect x="511" y="108" width="4" height="108" rx="2" fill="#72E38E"/>
<circle cx="687" cy="117" r="14" fill="#72E38E"/>
<text x="687" y="117" text-anchor="middle" dominant-baseline="central" font-family="Helvetica Neue, Arial, sans-serif" font-size="14" font-weight="700" fill="#ffffff">2</text>
<text x="531" y="145.3" font-family="Helvetica Neue, Arial, sans-serif" font-size="15" font-weight="400" fill="#E0E0E1">Sets minimum sale</text>
<text x="531" y="164.3" font-family="Helvetica Neue, Arial, sans-serif" font-size="15" font-weight="400" fill="#E0E0E1">price, broker as</text>
<text x="531" y="183.3" font-family="Helvetica Neue, Arial, sans-serif" font-size="15" font-weight="400" fill="#E0E0E1">destination</text>
<text x="531" y="215.0" font-family="Courier New, monospace" font-size="12" fill="#72E38E">NFTokenCreateOffer</text>
</g>
<g>
<rect x="752" y="334" width="202" height="137" rx="10" fill="#232325"/>
<rect x="754" y="348" width="4" height="109" rx="2" fill="#4DA1F8"/>
<circle cx="930" cy="357" r="14" fill="#4DA1F8"/>
<text x="930" y="357" text-anchor="middle" dominant-baseline="central" font-family="Helvetica Neue, Arial, sans-serif" font-size="14" font-weight="700" fill="#ffffff">3</text>
<text x="774" y="385.6" font-family="Helvetica Neue, Arial, sans-serif" font-size="15" font-weight="400" fill="#E0E0E1">Makes bids, broker</text>
<text x="774" y="404.6" font-family="Helvetica Neue, Arial, sans-serif" font-size="15" font-weight="400" fill="#E0E0E1">as destination</text>
<text x="774" y="455.9" font-family="Courier New, monospace" font-size="12" fill="#4DA1F8">NFTokenCreateOffer</text>
</g>
<g>
<rect x="996" y="575" width="215" height="136" rx="10" fill="#232325"/>
<rect x="998" y="589" width="4" height="108" rx="2" fill="#C733F6"/>
<circle cx="1187" cy="598" r="14" fill="#C733F6"/>
<text x="1187" y="598" text-anchor="middle" dominant-baseline="central" font-family="Helvetica Neue, Arial, sans-serif" font-size="14" font-weight="700" fill="#ffffff">4</text>
<text x="1018" y="626.3" font-family="Helvetica Neue, Arial, sans-serif" font-size="15" font-weight="400" fill="#E0E0E1">Selects winning bid,</text>
<text x="1018" y="645.3" font-family="Helvetica Neue, Arial, sans-serif" font-size="15" font-weight="400" fill="#E0E0E1">completes sale,</text>
<text x="1018" y="664.3" font-family="Helvetica Neue, Arial, sans-serif" font-size="15" font-weight="400" fill="#E0E0E1">takes fee</text>
<text x="1018" y="696.0" font-family="Courier New, monospace" font-size="12" fill="#C733F6">NFTokenAcceptOffer</text>
</g>
<g>
<rect x="1239" y="575" width="201" height="136" rx="10" fill="#232325"/>
<rect x="1241" y="589" width="4" height="108" rx="2" fill="#C733F6"/>
<circle cx="1416" cy="598" r="14" fill="#C733F6"/>
<text x="1416" y="598" text-anchor="middle" dominant-baseline="central" font-family="Helvetica Neue, Arial, sans-serif" font-size="14" font-weight="700" fill="#ffffff">5</text>
<text x="1261" y="626.3" font-family="Helvetica Neue, Arial, sans-serif" font-size="15" font-weight="400" fill="#E0E0E1">Cancels remaining</text>
<text x="1261" y="645.3" font-family="Helvetica Neue, Arial, sans-serif" font-size="15" font-weight="400" fill="#E0E0E1">bids</text>
<text x="1261" y="696.0" font-family="Courier New, monospace" font-size="12" fill="#C733F6">NFTokenCancelOffer</text>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 6.0 KiB

73
docs/img/nft-auction2.mobile.svg Normal file
View File

@@ -0,0 +1,73 @@
<svg width="420" height="938" viewBox="0 0 420 938" xmlns="http://www.w3.org/2000/svg" role="img">
<title>Auction in Brokered Mode without a Reserve</title>
<desc>Seller mints the NFT. Bidders create offers with the broker as destination. The broker selects a bid, subtracts the fee, and requests the seller sign off. The seller signs the offer with the broker as destination. The broker completes the sale and retains the fee, then cancels the remaining bids.</desc>
<defs>
<marker id="arrowm2" viewBox="0 0 10 10" refX="5" refY="8" markerWidth="7" markerHeight="7" orient="auto">
<path d="M1 1L5 8L9 1" fill="none" stroke="#838386" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
</marker>
</defs>
<rect x="0" y="0" width="420" height="938" fill="#f5f5f7"/>
<line x1="210" y1="144" x2="210" y2="170" stroke="#838386" stroke-width="1.5" marker-end="url(#arrowm2)"/>
<line x1="210" y1="300" x2="210" y2="326" stroke="#838386" stroke-width="1.5" marker-end="url(#arrowm2)"/>
<line x1="210" y1="456" x2="210" y2="482" stroke="#838386" stroke-width="1.5" marker-end="url(#arrowm2)"/>
<line x1="210" y1="612" x2="210" y2="638" stroke="#838386" stroke-width="1.5" marker-end="url(#arrowm2)"/>
<line x1="210" y1="768" x2="210" y2="794" stroke="#838386" stroke-width="1.5" marker-end="url(#arrowm2)"/>
<g>
<rect x="16" y="16" width="388" height="126" rx="10" fill="#232325"/>
<rect x="18" y="30" width="4" height="98" rx="2" fill="#72E38E"/>
<circle cx="380" cy="40" r="13" fill="#72E38E"/>
<text x="380" y="40" text-anchor="middle" dominant-baseline="central" font-family="Helvetica Neue, Arial, sans-serif" font-size="13" font-weight="700" fill="#ffffff">1</text>
<text x="40" y="46" font-family="Helvetica Neue, Arial, sans-serif" font-size="12" font-weight="700" letter-spacing="0.5" fill="#72E38E">SELLER</text>
<text x="40" y="76" font-family="Helvetica Neue, Arial, sans-serif" font-size="15" fill="#E0E0E1">Mints the NFT</text>
<text x="40" y="126" font-family="Courier New, monospace" font-size="12" fill="#72E38E">NFTokenMint</text>
</g>
<g>
<rect x="16" y="172" width="388" height="126" rx="10" fill="#232325"/>
<rect x="18" y="186" width="4" height="98" rx="2" fill="#4DA1F8"/>
<circle cx="380" cy="196" r="13" fill="#4DA1F8"/>
<text x="380" y="196" text-anchor="middle" dominant-baseline="central" font-family="Helvetica Neue, Arial, sans-serif" font-size="13" font-weight="700" fill="#ffffff">2</text>
<text x="40" y="202" font-family="Helvetica Neue, Arial, sans-serif" font-size="12" font-weight="700" letter-spacing="0.5" fill="#4DA1F8">BIDDERS</text>
<text x="40" y="232" font-family="Helvetica Neue, Arial, sans-serif" font-size="15" fill="#E0E0E1">Create offers, broker</text>
<text x="40" y="251" font-family="Helvetica Neue, Arial, sans-serif" font-size="15" fill="#E0E0E1">as destination</text>
<text x="40" y="282" font-family="Courier New, monospace" font-size="12" fill="#4DA1F8">NFTokenCreateOffer</text>
</g>
<g>
<rect x="16" y="328" width="388" height="126" rx="10" fill="#232325"/>
<rect x="18" y="342" width="4" height="98" rx="2" fill="#C733F6"/>
<circle cx="380" cy="352" r="13" fill="#C733F6"/>
<text x="380" y="352" text-anchor="middle" dominant-baseline="central" font-family="Helvetica Neue, Arial, sans-serif" font-size="13" font-weight="700" fill="#ffffff">3</text>
<text x="40" y="358" font-family="Helvetica Neue, Arial, sans-serif" font-size="12" font-weight="700" letter-spacing="0.5" fill="#C733F6">BROKER</text>
<text x="40" y="388" font-family="Helvetica Neue, Arial, sans-serif" font-size="15" fill="#E0E0E1">Selects bid, subtracts</text>
<text x="40" y="407" font-family="Helvetica Neue, Arial, sans-serif" font-size="15" fill="#E0E0E1">fee, requests sign-off</text>
<text x="40" y="438" font-family="Courier New, monospace" font-size="12" fill="#C733F6">NFTokenCreateOffer</text>
</g>
<g>
<rect x="16" y="484" width="388" height="126" rx="10" fill="#232325"/>
<rect x="18" y="498" width="4" height="98" rx="2" fill="#72E38E"/>
<circle cx="380" cy="508" r="13" fill="#72E38E"/>
<text x="380" y="508" text-anchor="middle" dominant-baseline="central" font-family="Helvetica Neue, Arial, sans-serif" font-size="13" font-weight="700" fill="#ffffff">4</text>
<text x="40" y="514" font-family="Helvetica Neue, Arial, sans-serif" font-size="12" font-weight="700" letter-spacing="0.5" fill="#72E38E">SELLER</text>
<text x="40" y="544" font-family="Helvetica Neue, Arial, sans-serif" font-size="15" fill="#E0E0E1">Signs the offer, broker</text>
<text x="40" y="563" font-family="Helvetica Neue, Arial, sans-serif" font-size="15" fill="#E0E0E1">as destination</text>
<text x="40" y="594" font-family="Courier New, monospace" font-size="12" fill="#72E38E">NFTokenCreateOffer</text>
</g>
<g>
<rect x="16" y="640" width="388" height="126" rx="10" fill="#232325"/>
<rect x="18" y="654" width="4" height="98" rx="2" fill="#C733F6"/>
<circle cx="380" cy="664" r="13" fill="#C733F6"/>
<text x="380" y="664" text-anchor="middle" dominant-baseline="central" font-family="Helvetica Neue, Arial, sans-serif" font-size="13" font-weight="700" fill="#ffffff">5</text>
<text x="40" y="670" font-family="Helvetica Neue, Arial, sans-serif" font-size="12" font-weight="700" letter-spacing="0.5" fill="#C733F6">BROKER</text>
<text x="40" y="700" font-family="Helvetica Neue, Arial, sans-serif" font-size="15" fill="#E0E0E1">Completes sale,</text>
<text x="40" y="719" font-family="Helvetica Neue, Arial, sans-serif" font-size="15" fill="#E0E0E1">retains fee</text>
<text x="40" y="750" font-family="Courier New, monospace" font-size="12" fill="#C733F6">NFTokenAcceptOffer</text>
</g>
<g>
<rect x="16" y="796" width="388" height="126" rx="10" fill="#232325"/>
<rect x="18" y="810" width="4" height="98" rx="2" fill="#C733F6"/>
<circle cx="380" cy="820" r="13" fill="#C733F6"/>
<text x="380" y="820" text-anchor="middle" dominant-baseline="central" font-family="Helvetica Neue, Arial, sans-serif" font-size="13" font-weight="700" fill="#ffffff">6</text>
<text x="40" y="826" font-family="Helvetica Neue, Arial, sans-serif" font-size="12" font-weight="700" letter-spacing="0.5" fill="#C733F6">BROKER</text>
<text x="40" y="856" font-family="Helvetica Neue, Arial, sans-serif" font-size="15" fill="#E0E0E1">Cancels remaining bids</text>
<text x="40" y="906" font-family="Courier New, monospace" font-size="12" fill="#C733F6">NFTokenCancelOffer</text>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 6.2 KiB

BIN
docs/img/nft-auction2.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 51 KiB

79
docs/img/nft-auction2.svg Normal file
View File

@@ -0,0 +1,79 @@
<svg width="1492" height="678" viewBox="0 0 1492 678" xmlns="http://www.w3.org/2000/svg" role="img">
<title>Auction in Brokered Mode without a Reserve</title>
<desc>Seller mints the NFT. Bidders create offers with the broker as destination. The broker selects a bid, subtracts the fee, and requests the seller sign off. The seller signs the offer with the broker as destination. The broker completes the sale and retains the fee, then cancels the remaining bids.</desc>
<defs>
<marker id="arrow2" viewBox="0 0 10 10" refX="8" refY="5" markerWidth="7" markerHeight="7" orient="auto-start-reverse">
<path d="M1 1L8 5L1 9" fill="none" stroke="#838386" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
</marker>
</defs>
<rect x="0" y="0" width="1492" height="678" fill="#f5f5f7"/>
<rect x="0" y="38" width="1492" height="193" fill="#E7F3EB"/>
<rect x="0" y="231" width="1492" height="205" fill="#E2ECF7"/>
<rect x="0" y="436" width="1492" height="192" fill="#F0E0F7"/>
<line x1="0" y1="231" x2="1492" y2="231" stroke="#c7ccc9" stroke-width="1"/>
<line x1="0" y1="436" x2="1492" y2="436" stroke="#c7ccc9" stroke-width="1"/>
<text x="104" y="160" font-family="Helvetica Neue, Arial, sans-serif" font-size="15" font-weight="700" letter-spacing="0.5" fill="#72E38E">SELLER</text>
<text x="104" y="338" font-family="Helvetica Neue, Arial, sans-serif" font-size="15" font-weight="700" letter-spacing="0.5" fill="#4DA1F8">BIDDERS</text>
<text x="104" y="538" font-family="Helvetica Neue, Arial, sans-serif" font-size="15" font-weight="700" letter-spacing="0.5" fill="#C733F6">BROKER</text>
<path d="M340,187 V323 Q340,333 350,333 H418" fill="none" stroke="#838386" stroke-width="1.5" marker-end="url(#arrow2)"/>
<path d="M547,391 V527 Q547,537 557,537 H625" fill="none" stroke="#838386" stroke-width="1.5" marker-end="url(#arrow2)"/>
<path d="M763,479 V139 Q763,129 773,129 H831" fill="none" stroke="#838386" stroke-width="1.5" marker-end="url(#arrow2)"/>
<path d="M964,187 V527 Q964,537 974,537 H1038" fill="none" stroke="#838386" stroke-width="1.5" marker-end="url(#arrow2)"/>
<line x1="1210" y1="537" x2="1245" y2="537" stroke="#838386" stroke-width="1.5" marker-end="url(#arrow2)"/>
<g>
<rect x="212" y="71" width="171" height="116" rx="10" fill="#232325"/>
<rect x="214" y="85" width="4" height="88" rx="2" fill="#72E38E"/>
<circle cx="359" cy="94" r="14" fill="#72E38E"/>
<text x="359" y="94" text-anchor="middle" dominant-baseline="central" font-family="Helvetica Neue, Arial, sans-serif" font-size="14" font-weight="700" fill="#ffffff">1</text>
<text x="234" y="114.7" font-family="Helvetica Neue, Arial, sans-serif" font-size="15" font-weight="400" fill="#E0E0E1">Mints the NFT</text>
<text x="234" y="174.2" font-family="Courier New, monospace" font-size="12" fill="#72E38E">NFTokenMint</text>
</g>
<g>
<rect x="418" y="275" width="172" height="116" rx="10" fill="#232325"/>
<rect x="420" y="289" width="4" height="88" rx="2" fill="#4DA1F8"/>
<circle cx="566" cy="298" r="14" fill="#4DA1F8"/>
<text x="566" y="298" text-anchor="middle" dominant-baseline="central" font-family="Helvetica Neue, Arial, sans-serif" font-size="14" font-weight="700" fill="#ffffff">2</text>
<text x="440" y="318.7" font-family="Helvetica Neue, Arial, sans-serif" font-size="15" font-weight="400" fill="#E0E0E1">Create offers,</text>
<text x="440" y="337.7" font-family="Helvetica Neue, Arial, sans-serif" font-size="15" font-weight="400" fill="#E0E0E1">broker as</text>
<text x="440" y="356.7" font-family="Helvetica Neue, Arial, sans-serif" font-size="15" font-weight="400" fill="#E0E0E1">destination</text>
<text x="440" y="378.2" font-family="Courier New, monospace" font-size="12" fill="#4DA1F8">NFTokenCreateOffer</text>
</g>
<g>
<rect x="625" y="479" width="185" height="116" rx="10" fill="#232325"/>
<rect x="627" y="493" width="4" height="88" rx="2" fill="#C733F6"/>
<circle cx="786" cy="502" r="14" fill="#C733F6"/>
<text x="786" y="502" text-anchor="middle" dominant-baseline="central" font-family="Helvetica Neue, Arial, sans-serif" font-size="14" font-weight="700" fill="#ffffff">3</text>
<text x="647" y="522.7" font-family="Helvetica Neue, Arial, sans-serif" font-size="15" font-weight="400" fill="#E0E0E1">Selects bid,</text>
<text x="647" y="541.7" font-family="Helvetica Neue, Arial, sans-serif" font-size="15" font-weight="400" fill="#E0E0E1">subtracts fee,</text>
<text x="647" y="560.7" font-family="Helvetica Neue, Arial, sans-serif" font-size="15" font-weight="400" fill="#E0E0E1">requests sign-off</text>
<text x="647" y="582.2" font-family="Courier New, monospace" font-size="12" fill="#C733F6">NFTokenCreateOffer</text>
</g>
<g>
<rect x="831" y="71" width="178" height="116" rx="10" fill="#232325"/>
<rect x="833" y="85" width="4" height="88" rx="2" fill="#72E38E"/>
<circle cx="985" cy="94" r="14" fill="#72E38E"/>
<text x="985" y="94" text-anchor="middle" dominant-baseline="central" font-family="Helvetica Neue, Arial, sans-serif" font-size="14" font-weight="700" fill="#ffffff">4</text>
<text x="853" y="114.7" font-family="Helvetica Neue, Arial, sans-serif" font-size="15" font-weight="400" fill="#E0E0E1">Signs the offer,</text>
<text x="853" y="133.7" font-family="Helvetica Neue, Arial, sans-serif" font-size="15" font-weight="400" fill="#E0E0E1">broker as</text>
<text x="853" y="152.7" font-family="Helvetica Neue, Arial, sans-serif" font-size="15" font-weight="400" fill="#E0E0E1">destination</text>
<text x="853" y="174.2" font-family="Courier New, monospace" font-size="12" fill="#72E38E">NFTokenCreateOffer</text>
</g>
<g>
<rect x="1038" y="479" width="172" height="116" rx="10" fill="#232325"/>
<rect x="1040" y="493" width="4" height="88" rx="2" fill="#C733F6"/>
<circle cx="1186" cy="502" r="14" fill="#C733F6"/>
<text x="1186" y="502" text-anchor="middle" dominant-baseline="central" font-family="Helvetica Neue, Arial, sans-serif" font-size="14" font-weight="700" fill="#ffffff">5</text>
<text x="1060" y="522.7" font-family="Helvetica Neue, Arial, sans-serif" font-size="15" font-weight="400" fill="#E0E0E1">Completes sale,</text>
<text x="1060" y="541.7" font-family="Helvetica Neue, Arial, sans-serif" font-size="15" font-weight="400" fill="#E0E0E1">retains fee</text>
<text x="1060" y="582.2" font-family="Courier New, monospace" font-size="12" fill="#C733F6">NFTokenAcceptOffer</text>
</g>
<g>
<rect x="1245" y="479" width="185" height="116" rx="10" fill="#232325"/>
<rect x="1247" y="493" width="4" height="88" rx="2" fill="#C733F6"/>
<circle cx="1406" cy="502" r="14" fill="#C733F6"/>
<text x="1406" y="502" text-anchor="middle" dominant-baseline="central" font-family="Helvetica Neue, Arial, sans-serif" font-size="14" font-weight="700" fill="#ffffff">6</text>
<text x="1267" y="522.7" font-family="Helvetica Neue, Arial, sans-serif" font-size="15" font-weight="400" fill="#E0E0E1">Cancels remaining</text>
<text x="1267" y="541.7" font-family="Helvetica Neue, Arial, sans-serif" font-size="15" font-weight="400" fill="#E0E0E1">bids</text>
<text x="1267" y="582.2" font-family="Courier New, monospace" font-size="12" fill="#C733F6">NFTokenCancelOffer</text>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 7.0 KiB