@visualizevalue/mint-app-base 0.1.120 → 0.1.122

package/.env.example

@@ -12,7 +12,6 @@ NUXT_PUBLIC_DESCRIPTION=To mint is a human right.
 #       MINT DEFAULTS
 # =========================
 # NUXT_PUBLIC_MINT_AMOUNT=1
-# NUXT_PUBLIC_MINT_STEP=1
 # NUXT_PUBLIC_MINT_VALUE=5
 
 # =========================

package/components/Mint/Renderer/Markdown.client.vue

@@ -11,7 +11,7 @@
 
 <script setup>
 import { watchDebounced } from '@vueuse/core'
-import { getMarkdownSvgUri, getMarkdownHtmlUri } from '~/utils/markdown'
+import { getMarkdownSvgUri, getMarkdownUri } from '~/utils/markdown'
 
 const { artifact, image, animationUrl, name, description } = useCreateMintData()
 
@@ -25,7 +25,7 @@ const updatePreview = () => {
   }
 
   image.value = getMarkdownSvgUri(name.value || '', markdown.value)
-  animationUrl.value = getMarkdownHtmlUri(markdown.value)
+  animationUrl.value = getMarkdownUri(markdown.value)
 }
 watchDebounced([markdown, name], updatePreview, { debounce: 500, maxWait: 3000 })
 

package/components/MintTokenBar.vue

@@ -5,7 +5,7 @@
       type="number"
       v-model="mintCount"
       min="1"
-      :step="step"
+      step="1"
       required
       class="amount"
     />
@@ -41,7 +41,6 @@ const props = defineProps({
   mintRequest: Function,
   transactionFlowConfig: Object,
   minted: Function,
-  step: { type: Number, default: 1 },
   defaultAmount: { type: Number, default: 1 },
 })
 

package/components/Token/Detail.client.vue

@@ -41,7 +41,6 @@
               mintRequest,
               transactionFlowConfig,
               minted,
-              step,
               defaultAmount,
             }"
           />
@@ -74,7 +73,7 @@ const { token } = defineProps<{
 const store = useOnchainStore()
 const collection = computed(() => store.collection(token.collection))
 
-const { defaultAmount, mintCount, step } = useMintDefault()
+const { defaultAmount, mintCount } = useMintDefault()
 const ownedBalance = computed(
   () => collection.value && store.tokenBalance(collection.value.address, token.tokenId),
 )

package/components/Token/OverviewCard.vue

@@ -54,6 +54,7 @@
               mintRequest,
               transactionFlowConfig,
               minted,
+              defaultAmount,
             }"
           />
           <p class="muted" v-if="ownedBalance">
@@ -73,7 +74,7 @@ const { token } = defineProps<{
 const store = useOnchainStore()
 const collection = computed(() => store.collection(token.collection)) as ComputedRef<Collection>
 
-const mintCount = ref('1')
+const { defaultAmount, mintCount } = useMintDefault()
 const ownedBalance = computed(() => store.tokenBalance(collection.value.address, token.tokenId))
 </script>
 

package/composables/mintConfig.ts

@@ -4,8 +4,7 @@ export const useMintConfig = () => {
 
   // Query param > ENV > default
   const amount = computed(() => Number(route.query.amount) || Number(config.public.mintAmount) || 1)
-  const step = computed(() => Number(route.query.step) || Number(config.public.mintStep) || 1)
   const value = computed(() => Number(route.query.value) || Number(config.public.mintValue) || 0)
 
-  return { amount, step, value }
+  return { amount, value }
 }

package/composables/mintDefault.ts

@@ -1,5 +1,5 @@
 export const useMintDefault = () => {
-  const { amount, step, value } = useMintConfig()
+  const { amount, value } = useMintConfig()
   const gasPrice = useGasPrice()
   const priceFeed = usePriceFeedStore()
 
@@ -30,5 +30,5 @@ export const useMintDefault = () => {
 
   watch(defaultAmount, (v) => { mintCount.value = String(v) })
 
-  return { defaultAmount, mintCount, step }
+  return { defaultAmount, mintCount }
 }

package/nuxt.config.ts

@@ -25,7 +25,6 @@ export default defineNuxtConfig({
       ipfsGateway: 'https://ipfs.io/ipfs/',
       arweaveGateway: 'https://arweave.net/',
       mintAmount: 1,
-      mintStep: 1,
       mintValue: 0,
       title: 'Mint',
       walletConnectProjectId: '',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@visualizevalue/mint-app-base",
-  "version": "0.1.120",
+  "version": "0.1.122",
   "type": "module",
   "main": "./nuxt.config.ts",
   "dependencies": {

package/utils/markdown.ts

@@ -38,13 +38,7 @@ export const getMarkdownSvgUri = (title: string, content: string) =>
   toBase64DataUri('image/svg+xml', getMarkdownSvg(title, content))
 
 /**
- * Generate a simple HTML preview for the markdown content.
+ * Generate a markdown data URI matching the on-chain MarkdownRenderer output.
  */
-export const getMarkdownHtml = (content: string) =>
-  `<!DOCTYPE html><html><head><meta charset="utf-8"><style>` +
-  `*{margin:0;padding:0;box-sizing:border-box}` +
-  `body{font-family:monospace;font-size:14px;color:#999;background:#111;padding:2rem;white-space:pre-wrap;word-break:break-word}` +
-  `</style></head><body>${escapeXml(content)}</body></html>`
-
-export const getMarkdownHtmlUri = (content: string) =>
-  toBase64DataUri('text/html', getMarkdownHtml(content))
+export const getMarkdownUri = (content: string) =>
+  toBase64DataUri('text/markdown', content)