🎉 STATEMINE v0

components/gallery/GalleryItemAction/GalleryItemActionType/GalleryItemBuy.vue

@@ -114,7 +114,7 @@ const label = computed(() =>
 )
 
 const balance = computed<string>(() => {
- if (['rmrk', 'ksm'].includes(urlPrefix.value)) {
+ if (['rmrk', 'ksm', 'stmn'].includes(urlPrefix.value)) {
  return $store.getters.getAuthBalance
  }
  return $store.getters.getTokenBalanceOf(getKusamaAssetId(urlPrefix.value))
@@ -188,7 +188,7 @@ const handleBuy = async () => {
  }
 
  try {
- transaction({
+ await transaction({
  interaction: ShoppingActions.BUY,
  currentOwner: props.currentOwner,
  price: props.nftPrice,
@@ -200,11 +200,11 @@ const handleBuy = async () => {
  successMessage: $i18n.t('mint.successNewNfts'),
  errorMessage: $i18n.t('transaction.buy.error'),
  })
- } catch (error) {
- warningMessage(error)
- } finally {
+
  showNotification(`[${actionLabel}] ${itemId}`, notificationTypes.success)
  emit('buy-success')
+ } catch (error) {
+ warningMessage(error)
  }
 }
 

components/gallery/GalleryItemButton/GalleryItemMoreActionBtn.vue

@@ -34,7 +34,7 @@ const { transaction, isLoading, status } = useTransaction()
 const { urlPrefix } = usePrefix()
 
 const props = defineProps<{
- mimeType: string
+ mimeType?: string
  name?: string
  ipfsImage?: string
  currentOwner?: string

components/gallery/GalleryItemTabsPanel/GalleryItemTabsPanel.vue

@@ -12,12 +12,7 @@
  :label="$t('tabs.offers')"
  :disabled-tooltip="$t('tabs.offersDisabled')">
  <GalleryItemOffers
- v-if="
- !['rmrk', 'ksm'].includes(urlPrefix) &&
- nft?.collection.id &&
- nft?.id &&
- nft.currentOwner
- "
+ v-if="isSnek && nft?.collection.id && nft?.id && nft.currentOwner"
  :collection-id="nft?.collection.id"
  :nft-id="nft?.id"
  :account="nft?.currentOwner" />
@@ -59,6 +54,8 @@ const { offersDisabled } = useChain()
 const activeTab = ref('0')
 const collectionId = ref('')
 
+const isSnek = computed(() => ['bsx', 'snek'].includes(urlPrefix.value))
+
 watchEffect(() => {
  if (props.activeTab) {
  activeTab.value = props.activeTab

components/landing/LandingPage.vue

@@ -4,29 +4,33 @@
  <LazySearchLanding />
  </section>
 
- <!-- spotlight -->
- <section v-if="showCarousel" class="py-8 instance">
- <div class="container is-fluid">
- <LazyCarouselTypeSpotlight />
- </div>
- </section>
+ <template v-if="showCarousel">
+ <!-- spotlight -->
+ <section class="py-8 instance">
+ <div class="container is-fluid">
+ <LazyCarouselTypeSpotlight />
+ </div>
+ </section>
 
- <!-- top collections -->
- <section v-if="showCarousel && urlPrefix !== 'ksm'" class="py-8 instance">
- <div class="container is-fluid">
- <LazyTopCollections class="my-5" />
- </div>
- </section>
+ <!-- top collections -->
+ <section
+ v-if="urlPrefix !== 'ksm' && urlPrefix !== 'stmn'"
+ class="py-8 instance">
+ <div class="container is-fluid">
+ <LazyTopCollections class="my-5" />
+ </div>
+ </section>
 
- <section v-if="showCarousel" class="py-8 instance">
- <div class="container is-fluid">
- <!-- new listings -->
- <LazyCarouselTypeNewestList />
+  <section class="py-8 instance">
+  <div class="container is-fluid">
+  <!-- new listings -->
+  <LazyCarouselTypeNewestList />
 
- <!-- latest sales -->
- <LazyCarouselTypeLatestSales class="mt-8" />
- </div>
- </section>
+ <!-- latest sales -->
+ <LazyCarouselTypeLatestSales class="mt-8" />
+ </div>
+ </section>
+ </template>
 
  <section class="py-8 instance instance-accent">
  <div class="container is-fluid footer-landing-container">
@@ -37,15 +41,11 @@
 </template>
 
 <script lang="ts" setup>
+import type { Prefix } from '@kodadot1/static'
+
+const prefixes: Prefix[] = ['rmrk', 'ksm', 'snek', 'bsx', 'stmn']
 const { urlPrefix } = usePrefix()
 
 // currently only supported on rmrk and snek
-const showCarousel = computed(() => {
- return (
- urlPrefix.value === 'rmrk' ||
- urlPrefix.value === 'ksm' ||
- urlPrefix.value === 'snek' ||
- urlPrefix.value === 'bsx'
- )
-})
+const showCarousel = computed(() => prefixes.includes(urlPrefix.value))
 </script>

components/stmn/Create/CreateCollection.vue

@@ -0,0 +1,61 @@
+<template>
+ <div>
+ <h2 class="title is-size-3">
+ {{ $t('mint.collection.create') }}
+ </h2>
+ <form class="w-full">
+ <NeoField :label="$t('mint.collection.logo.label')" class="w-full mb-4">
+ <MetadataUpload
+ ref="collectionImage"
+ v-model="logo"
+ required
+ :label="$t('mint.collection.logo.message')"
+ expanded
+ preview
+ accept="image/png, image/jpeg, image/gif, image/svg+xml, image/svg" />
+ </NeoField>
+ <NeoField :label="$t('mint.collection.banner.label')" class="w-full mb-4">
+ <MetadataUpload
+ ref="collectionImage"
+ v-model="image"
+ required
+ :label="$t('mint.collection.drop')"
+ expanded
+ preview
+ accept="image/png, image/jpeg, image/gif, image/svg+xml, image/svg" />
+ </NeoField>
+ <NeoField
+ :label="$t('mint.collection.name.label')"
+ class="w-full mb-4 placholder-color"
+ :error="!name">
+ <NeoInput
+ v-model="name"
+ required
+ :placeholder="'*' + $t('massmint.required')" />
+ </NeoField>
+ <NeoField
+ :label="$t('mint.collection.description.label')"
+ class="w-full mb-4">
+ <NeoInput
+ v-model="description"
+ type="textarea"
+ has-counter
+ maxlength="500"
+ height="10rem" />
+ </NeoField>
+ </form>
+ </div>
+</template>
+
+<script lang="ts" setup>
+import { NeoField, NeoInput } from '@kodadot1/brick'
+
+const MetadataUpload = defineAsyncComponent(
+ () => import('@/components/rmrk/Create/DropUpload.vue')
+)
+
+const name = ref('')
+const description = ref('')
+const logo = ref<File | null>(null)
+const image = ref<File | null>(null)
+</script>

composables/transaction/mintCollection/transactionMintCollectionStatemine.ts

@@ -0,0 +1,44 @@
+import { ExecuteTransactionParams } from '@/composables/useTransaction'
+import type { ActionMintCollection } from '../types'
+import { constructMeta } from './constructMeta'
+import { useNewCollectionId } from './useNewCollectionId'
+
+export async function execMintCollectionStatemine(
+ item: ActionMintCollection,
+ api,
+ executeTransaction: (p: ExecuteTransactionParams) => void
+) {
+ const { $i18n } = useNuxtApp()
+ const metadata = await constructMeta(item)
+ const { accountId } = useAuth()
+
+ const cb = api.tx.utility.batchAll
+
+ const { newCollectionId } = useNewCollectionId()
+
+ const arg = [
+ [
+ api.tx.uniques.create(newCollectionId, accountId.value),
+ api.tx.uniques.setCollectionMetadata(newCollectionId, metadata, false),
+ ],
+ ]
+
+ watch(newCollectionId, (id) => {
+ if (id) {
+ executeTransaction({
+ cb,
+ arg,
+ successMessage:
+ item.successMessage ||
+ ((blockNumber) =>
+ $i18n.t('mint.mintCollectionSuccess', {
+ name: item.collection.name,
+ block: blockNumber,
+ })),
+ errorMessage:
+ item.errorMessage ||
+ $i18n.t('mint.ErrorCreateNewNft', { name: item.collection.name }),
+ })
+ }
+ })
+}

composables/transaction/mintToken/transactionMintStatemine.ts

@@ -0,0 +1,50 @@
+import { ExecuteTransactionParams } from '@/composables/useTransaction'
+import type { ActionMintToken, MintedCollectionBasilisk } from '../types'
+import { constructMeta } from './constructMeta'
+
+export async function execMintStatemine(
+ item: ActionMintToken,
+ api,
+ executeTransaction: (p: ExecuteTransactionParams) => void
+) {
+ const { $i18n } = useNuxtApp()
+
+ const {
+ id: collectionId,
+ alreadyMinted: collectionAlreadyMinted,
+ lastIndexUsed,
+ } = item.token.selectedCollection as MintedCollectionBasilisk
+ const { price } = item.token
+
+ const metadata = await constructMeta(item)
+
+ const cb = api.tx.utility.batchAll
+
+ const nextId = Math.max(lastIndexUsed + 1, collectionAlreadyMinted + 1)
+
+ const create = api.tx.uniques.mint(collectionId, nextId, metadata)
+
+ const meta = api.tx.uniques.setMetadata(collectionId, nextId, metadata, false)
+
+ const list =
+ Number(price) > 0
+ ? [api.tx.uniques.setPrice(collectionId, nextId, price)]
+ : []
+
+ const args = [[create, meta, ...list]]
+
+ executeTransaction({
+ cb,
+ arg: args,
+ successMessage:
+ item.successMessage ||
+ ((blockNumber) =>
+ $i18n.t('mint.mintNFTSuccess', {
+ name: item.token.name,
+ block: blockNumber,
+ })),
+ errorMessage:
+ item.errorMessage ||
+ $i18n.t('mint.ErrorCreateNewNft', { name: item.token.name }),
+ })
+}

composables/transaction/transactionBurn.ts

@@ -4,7 +4,11 @@ import {
  createInteraction as createNewInteraction,
 } from '@kodadot1/minimark/v2'
 
-import { bsxParamResolver, getApiCall } from '@/utils/gallery/abstractCalls'
+import {
+ bsxParamResolver,
+ getApiCall,
+ uniqueParamResolver,
+} from '@/utils/gallery/abstractCalls'
 import type { ActionConsume } from './types'
 
 export function execBurnTx(item: ActionConsume, api, executeTransaction) {
@@ -72,4 +76,13 @@ export function execBurnTx(item: ActionConsume, api, executeTransaction) {
  })
  })
  }
+
+ if (item.urlPrefix === 'stmn') {
+ executeTransaction({
+ cb: getApiCall(api, item.urlPrefix, Interaction.CONSUME),
+ arg: uniqueParamResolver(item.nftId, Interaction.CONSUME, ''),
+ successMessage: item.successMessage,
+ errorMessage: item.errorMessage,
+ })
+ }
 }

composables/transaction/transactionBuy.ts

@@ -54,6 +54,18 @@ function execBuyBasilisk(item: ActionBuy, api, executeTransaction) {
  })
 }
 
+function execBuyStatemine(item: ActionBuy, api, executeTransaction) {
+ const { id, item: token } = tokenIdToRoute(item.nftId)
+
+ // TODO: implement tx fees #5130
+ executeTransaction({
+ cb: getApiCall(api, item.urlPrefix, item.interaction),
+ arg: [id, token, item.price],
+ successMessage: item.successMessage,
+ errorMessage: item.errorMessage,
+ })
+}
+
 export function execBuyTx(item: ActionBuy, api, executeTransaction) {
  if (item.urlPrefix === 'rmrk' || item.urlPrefix === 'ksm') {
  execBuyRmrk(item, api, executeTransaction)
@@ -62,4 +74,8 @@ export function execBuyTx(item: ActionBuy, api, executeTransaction) {
  if (item.urlPrefix === 'snek' || item.urlPrefix === 'bsx') {
  execBuyBasilisk(item, api, executeTransaction)
  }
+
+ if (item.urlPrefix === 'stmn') {
+ execBuyStatemine(item, api, executeTransaction)
+ }
 }

composables/transaction/transactionList.ts

@@ -4,7 +4,11 @@ import {
  createInteraction as createNewInteraction,
 } from '@kodadot1/minimark/v2'
 
-import { bsxParamResolver, getApiCall } from '@/utils/gallery/abstractCalls'
+import {
+ bsxParamResolver,
+ getApiCall,
+ uniqueParamResolver,
+} from '@/utils/gallery/abstractCalls'
 import { warningMessage } from '@/utils/notification'
 
 import type { ActionList } from './types'
@@ -50,4 +54,13 @@ export function execListTx(item: ActionList, api, executeTransaction) {
  errorMessage: item.errorMessage,
  })
  }
+
+ if (item.urlPrefix === 'stmn') {
+ executeTransaction({
+ cb: getApiCall(api, item.urlPrefix, Interaction.LIST),
+ arg: uniqueParamResolver(item.nftId, Interaction.LIST, meta),
+ successMessage: item.successMessage,
+ errorMessage: item.errorMessage,
+ })
+ }
 }