@visualizevalue/mint-app-base 0.1.119 → 0.1.121

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/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()
 
@@ -14,15 +14,15 @@ export const useMintDefault = () => {
     // Unit price in wei: basefee * 60_000
     const unitPriceWei = gasPriceWei * 60_000n
 
-    // Convert target USD to cents, compute unit price in cents
-    // ethUSDRaw has 8 decimals from Chainlink
-    // unitPriceCents = (unitPriceWei * ethUSDRaw) / 1e18 / 1e6
+    // targetCents / unitPriceCents, but computed as a single division
+    // to avoid BigInt truncation on the intermediate unitPriceCents:
+    // (targetCents * 1e24) / (unitPriceWei * ethUSDRaw)
     const targetCents = BigInt(Math.round(value.value * 100))
-    const unitPriceCents = (unitPriceWei * ethUSDRaw) / (10n ** 18n) / (10n ** 6n)
+    const denominator = unitPriceWei * ethUSDRaw
 
-    if (! unitPriceCents) return amount.value
+    if (! denominator) return amount.value
 
-    return Math.max(1, Number(targetCents / unitPriceCents))
+    return Math.max(1, Number(targetCents * (10n ** 24n) / denominator))
   })
 
   // Persist across navigations so the value survives remounts
@@ -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.119",
+  "version": "0.1.121",
   "type": "module",
   "main": "./nuxt.config.ts",
   "dependencies": {