@mirrorworld/mirage.vue

Vue composables for Mirage SDK


Keywords
mirage, vue, auction-house, solana, web3
License
MIT
Install
npm install @mirrorworld/mirage.vue@1.0.5

Documentation

Mirage Marketplace JS Client SDK

This repository contains the client side JDK for the MirrorWorld marketplace repository. The core functions that it contains are the listing of assets, buying of assets, canceling of listings, and gifting NFTs to specific Solana addresses.

API Documentation

Installation

yarn add @mirrorworld/mirage.core

THIS GUIDE IS MEANT FOR >=v2.X OF THIS SDK. IF YOU WOULD LIKE TO USE v1.X PLEASE VISIT THIS PAGE.

Usage

Import the Mirage instance into your client. It expects a connection and wallet instance. You can get these by using one of the Solana Wallet Adapters your application will use to connect to a Solana RPC.

These transactions require you to sign the transaction using your wallet. That means you need to have SOL. You can request SOL from the SolFaucet

import { Mirage } from '@mirrorworld/mirage.core';
import { PublicKey } from '@solana/web3.js';

const connection = useConnection();

/**
 * The user's wallet instance.
 */
const wallet = useWallet();

/* This key is the owner of the marketplace and represents the owner of this marketplace */
const MARKETPLACE_AUTHORITY = new PublicKey('xxxxxxx_marketplace_owner_public_key');

/**
 * This is the currency used for trading in your marketplace.
 * It is an optional value. if provided, it defaults to SOL.
 *
 * But it can be any SPL token you want.
 */
const TRADING_MINT = new PublicKey('So11111111111111111111111111111111111111112');

/** mirage instance */
const mirage = new Mirage({
  connection,
  wallet,
  marketplace: {
    authority: MARKETPLACE_AUTHORITY,
    treasuryMint: TRADING_MINT,
  },
});

Live Demo

You can see example project in this live demo here:

Marketplace Actions

These are top-level actions that can be initialized by a user. They involve management-level actions that modify the marketplace instance.

Create Marketplace

This action creates a new marketplace. This is dome using the Mirage.createMarketplace method. The full options can be found in the CreateMarketplaceActionOptions type

import { Mirage } from '@mirrorworld/mirage.core';
import { Keypair, Connection, PublicKey } from '@solana/web3.js';
import { clusterApiUrl } from '@solana/web3.js/src/utils/cluster';

const wallet = new Wallet(keypair);
const connection = new Connection(clusterApiUrl('devnet'));
const newMarketplaceAuthority = wallet.publicKey;
const newMarketplaceTradingToken = new PublicKey('So11111111111111111111111111111111111111112');

const mirage = new Mirage({
  wallet,
  connection,
  marketplace: {
    authority: newMarketplaceAuthority,
    treasuryMint: newMarketplaceTradingToken,
  },
});

const result = await mirage.createMarketplace({
  sellerFeeBasisPoints: 300,
});

console.log('result', result);
// Logs the following:
// result [
// { context: { slot: 156478445 }, value: { err: null } },
//   '2v5azfBiPqXcEAY2BveKLrWMzCBAGq9z19jJseCoJi2yWS5f5LbbVgkqwELe8c93Jx8BfjoH3Mva9sfZ9VEwYMNa'
// ]

Create createCreateMarketplaceTransaction

You can also just create the transaction object without sending it to the chain. The full type interface can be found here

import { createCreateMarketplaceTransaction } from '@mirrorworld/mirage.core';
import { PublicKey, Transaction } from '@solana/web3.js';

const marketplaceAuthority = new PublicKey('xxx-xxx-xxx');
const sellerFeeBasisPoints = 400; // 4% transaction fee

const transaction: Transaction = await createCreateMarketplaceTransaction(marketplaceAuthority, sellerFeeBasisPoints);

Update Marketplace

This action updates an existing marketplace. This is done using the Mirage.updateMarketplace method. The full options can be found in the UpdateMarketplaceOptions type

The example below changes a given marketplace authority's marketplace from the 400 to 300. (4% -> 3% transaction fee)

import { Mirage } from '@mirrorworld/mirage.core';
import { Keypair, Connection, PublicKey } from '@solana/web3.js';
import { clusterApiUrl } from '@solana/web3.js/src/utils/cluster';

const wallet = new Wallet(keypair);
const connection = new Connection(clusterApiUrl('devnet'));
const marketplaceAuthority = wallet.publicKey;
const newMarketplaceTradingToken = new PublicKey('So11111111111111111111111111111111111111112');

const mirage = new Mirage({
  wallet,
  connection,
  marketplace: {
    authority: marketplaceAuthority,
    treasuryMint: newMarketplaceTradingToken,
  },
});

// 1. Creates a new marketplace
await mirage.createMarketplace({
  sellerFeeBasisPoints: 400,
});

// 2. Updates the marketplace transaction fee
const newSellerFeeBasisPoints = 300;
const result = await mirage.createMarketplace({
  authority: marketplaceAuthority,
  sellerFeeBasisPoints: newSellerFeeBasisPoints,
});

console.log('result', result);
// Logs the following:
// result [
// { context: { slot: 156487051 }, value: { err: null } },
//   '5D9XNecJ9PcovwxFN4hyHxNR6kKZoVDEA6GTe6x5fiE9g5pa5aurqneb2z5UXVnh8PZrz14hzpo8sM3u8UDBASk6'
// ]

Create createUpdateMarketplaceTransaction

You can also just create the update marketplace transaction object without sending it to the chain. The full type interface can be found here

import { create } from '@mirrorworld/mirage.core';
import { PublicKey, Transaction } from '@solana/web3.js';

const marketplaceAuthority = new PublicKey('xxx-xxx-xxx');
const sellerFeeBasisPoints = 300; // 4% transaction fee

const transaction: Transaction = await createUpdateMarketplaceTransaction(marketplaceAuthority, sellerFeeBasisPoints);

NFT Actions

Claim an NFT

Claiming an NFT (technically just minting a new NFT) is done with the Mirage.mintNFT method. See docs for details.

// This object should come from the back end. (For tokens to be claimed)
// It must follow the ERC-1155 standard for  NFT metadata
const metadataObject: MetadataObject = {
    name: `Mirror #${tokenId}`,
    symbol: 'MIRROR',
    collection: 'EMWv4qLVTLytXNheoWutoW1qFs6kP839GpZinK412GnS',
    description:
      'Mirrors is a collection of 11,000 unique AI Virtual Beings. Each Mirror can be upgraded and co-create narratives by talking with the collector, also offering a series of rights in the future games.\n',
    seller_fee_basis_points: 425,
    image: `https://storage.mirrorworld.fun/nft/1234.png`,
    attributes: [
      { trait_type: 'glasses', value: 'Bike Lens' },
      { trait_type: 'shoes', value: 'Fashion Sneakers, Purple' },
      { trait_type: 'pants', value: 'Beggar Pants, Green' },
      { trait_type: 'hat', value: 'None' },
      { trait_type: 'background', value: 'The Dance of Flies' },
      { trait_type: 'clothing', value: 'nabuC kraM Hoodie' },
      { trait_type: 'hair', value: 'nabuC kraM Hair' },
      { trait_type: 'bear', value: 'None' },
      { trait_type: 'skin', value: 'Blue' },
      { trait_type: 'soul', value: 'nabuC kraM' },
    ],
    external_url: '',
    properties: {
      files: [
        {
          uri: `https://storage.mirrorworld.fun/nft/1234.png`,
          type: 'unknown',
        },
      ],
      category: 'image',
      creators: [
        {
          address: "D5puQCwAbP29T4gRRfEuZ4Uai7UoFBcXgfutCJTBPAkL",
          verified: true,
          share: 95.75,
        },
      ],
    },
    animation_url: undefined,
  },
};

// Mint your new NFT
await mirage.mintNFT(metadata)

See this example here

Trading

You can find examples of trading actions here

List an NFT

Listing an NFT is done with the Mirage.listToken method. See docs for details.

const mintAddress = 'AQYAGzygMZQid99up64zFG75zwRX7DE1i2v9W4teq2xm';
const listingPrice = 0.5;

await mirage.listToken(mintAddress, listingPrice);

Create List NFT Transaction Object

You can construct the listing transaction object as well to opt for a lower-level utility.

import { PublicKey } from '@solana/web3.js';
import { useWallet } from './use-wallet';

const mintAddress = new PublicKey('AQYAGzygMZQid99up64zFG75zwRX7DE1i2v9W4teq2xm');
const listingPrice = 0.5;

const sellerWallet = useWallet(); // This can also be an Wallet from @project-serum/anchor

const listingTransaction = await mirage.createListingTransactionObject(mintAddress, listingPrice, sellerWallet.publicKey);

Update listings

You can also update the listing of an NFT with the Mirage.updateListing method. See docs for details.

Note: This fails if there is no active listing, or if the values provided are incorrect. In case updating of a listing fails, please check the console to find out why the listing has failed.

const mintAddress = 'AQYAGzygMZQid99up64zFG75zwRX7DE1i2v9W4teq2xm';
const listingPrice = 0.5;
const newListingPrice = 0.9;

// NOTE
// It's important that the listing price of the token
// matches the exact price for which it was listed.
await mirage.listToken(mintAddress, listingPrice); // sets price to 0.5 SOL
await mirage.updateListing(mintAddress, listingPrice, newListingPrice); // changes price from 0.5 SOL to 0.9 SOL

Create Update Listing Transaction Object

You can construct the update listing transaction object as a lower-level utility.

import { PublicKey } from '@solana/web3.js';
import { useWallet } from './use-wallet';

const mintAddress = new PublicKey('AQYAGzygMZQid99up64zFG75zwRX7DE1i2v9W4teq2xm');
const currentListingPrice = 0.5;
const newListingPrice = 0.9;

const sellerWallet = useWallet(); // This can also be an Wallet from @project-serum/anchor

// NOTE
// It's important that the listing price of the token
// matches the exact price for which it was listed.
const updateListingTransaction = await mirage.createUpdateListingTransaction(mintAddress, listingPrice, newListingPrice, sellerWallet.publicKey);

Cancelling listings

You can also cancel the listing of an NFT with the Mirage.cancelListing method. See docs for details.

const mintAddress = 'AQYAGzygMZQid99up64zFG75zwRX7DE1i2v9W4teq2xm';
const listingPrice = 0.5;

// NOTE
// It's important that the listing price of the token
// matches the exact price for which it was listed.
// Otherwise the transaction will fail.
// In other words, you cannot buy a token without a corresponfing listing receipt.
await mirage.cancelListing(mintAddress, listingPrice);

Create Cancel Listing Transaction Object

You can construct the cancel listing transaction object as a lower-level utility.

import { PublicKey } from '@solana/web3.js';
import { useWallet } from './use-wallet';

const mintAddress = new PublicKey('AQYAGzygMZQid99up64zFG75zwRX7DE1i2v9W4teq2xm');
const currentListingPrice = 0.5;

const sellerWallet = useWallet(); // This can also be an Wallet from @project-serum/anchor

// NOTE
// It's important that the listing price of the token
// matches the exact price for which it was listed.
const cancelListingTransaction = await mirage.createCancelListingTransaction(mintAddress, currentListingPrice, sellerWallet.publicKey);

Buy an NFT

Buying an NFT is done with the Mirage.buyToken method. See docs for details.

const mintAddress = 'AQYAGzygMZQid99up64zFG75zwRX7DE1i2v9W4teq2xm';
const listingPrice = 0.5;

// NOTE
// It's important that the buying price of the token
// matches the exact price for which it was listed.
// Otherwise the transaction will fail.
// In other words, you cannot buy a token without a corresponfing listing receipt.
await mirage.buyToken(mintAddress, listingPrice);

Create Buy Transaction Object

You can construct the buy transaction object as a lower-level utility.

import { PublicKey } from '@solana/web3.js';
import { useWallet } from './use-wallet';

const mintAddress = new PublicKey('AQYAGzygMZQid99up64zFG75zwRX7DE1i2v9W4teq2xm');
const listingPrice = 0.5;

const buyerWallet = useWallet(); // This can also be an Wallet from @project-serum/anchor

// NOTE
// It's important that the buying price provided
// matches the exact price for which it was listed.
const buyTransaction = await mirage.createBuyTransaction(mintAddress, listingPrice, buyerWallet.publicKey);

Gift an NFT

Gifting an NFT is done with the Mirage.transferNft method. See docs for details.

const mintAddress = 'AQYAGzygMZQid99up64zFG75zwRX7DE1i2v9W4teq2xm';
const receipientAddress = 'D5puQCwAbP29T4gRRfEuZ4Uai7UoFBcXgfutCJTBPAkL';

await mirage.transferNft(mintAddress, receipientAddress);

Create Transfer NFT Transaction Object

You can construct the transfer NFT transaction object as a lower-level utility.

import { PublicKey } from '@solana/web3.js';
import { useWallet } from './use-wallet';

const mintAddress = new PublicKey('AQYAGzygMZQid99up64zFG75zwRX7DE1i2v9W4teq2xm');
const receipientAddress = new PublicKey('D5puQCwAbP29T4gRRfEuZ4Uai7UoFBcXgfutCJTBPAkL');

const holderWallet = useWallet(); // This can also be an Wallet from @project-serum/anchor

const buyTransaction = await mirage.createTransferTransaction(mintAddress, receipientAddress, holderWallet.publicKey);

Querying NFT Transaction History

Any client can query the transaction history of NFT by invoking the Mirage.getTokenTransactions method. This returns an array of transaction receipts typed as Promise<TransactionReceipt[]>.

A transaction receipt contains the information used to determine the state of any given trade in which the token was involved. You can therefore use this to track the history of an NFT.

This method sorts all receipts by the date they were (TransactionReceipt.createdAt), and then by their receipt type (TransactionReceipt.receipt_type).

const transactions = await mirage.getTokenTransactions(tokenAddress.value);

In case you want to track this information yourself, you can view the source code for the getTokenTransactions method.

Further resources

TODO:

Track token ownership and cancel any existing listings in case the owner of an NFT transfers their token while they had a prior listing.

Specifically Mirage's syncer should currently store:

Trade Stade Account Keys

  1. Trade State Token Size and Price parts of the seed
  2. Token Account Keys that are stored in the trade state
  3. Auction House Receipts (Listing Receipts, Bid Receipts, and Purchase Receipts)

Specifically Mirage need to track these two events on Token Accounts:

  1. Ownership has changed from the original Seller of the NFT
  2. Token Account Amount has changed to 0

If these events happen the MIRAGE_AUCTION_HOUSE_AUTHORITY can call instructions to cancel the bids and listings without the seller or buyer needing to be present.