پکیج اعداد و مبالغ فارسی برای React و جاوااسکریپت

# the .tgz from the download, copied into your project
npm install ./vendor/nikaweb-persian-number-toolkit-1.0.0.tgz

import {
  toPersianDigits, toEnglishDigits,
  formatToman, formatRial, formatPercent,
  parsePersianNumber, rialToToman,
} from '@nikaweb/persian-number-toolkit'

toPersianDigits('123456')              // '۱۲۳۴۵۶'
toEnglishDigits('۰۹۱۲۳۴۵۶۷۸۹')         // '09123456789'
formatToman(1250000)                   // '۱٬۲۵۰٬۰۰۰ تومان'
formatToman(rialToToman(12500000))     // '۱٬۲۵۰٬۰۰۰ تومان'
formatPercent(0.075, { ratio: true })  // '۷٫۵٪'
parsePersianNumber('۱٬۲۵۰٬۰۰۰ تومان')  // 1250000

<input id="price">
<input type="hidden" name="price" id="price-value">

<script src="/js/persian-number-toolkit.global.js"></script>
<script>
  const { bindNumberInput, formatToman } = PersianNumber

  bindNumberInput(document.getElementById('price'), {
    mode: 'toman',
    mirror: document.getElementById('price-value'),
    onValueChange: (value) => console.log(formatToman(value)),
  })
</script>

'use client'
import { useState } from 'react'
import { PersianNumberInput } from '@nikaweb/persian-number-toolkit/react'

export function PriceField() {
  const [price, setPrice] = useState<number | null>(null)
  return (
    <PersianNumberInput
      mode="toman"
      value={price}
      onValueChange={setPrice}
      max={500_000_000}
    />
  )
}

// app/checkout/page.tsx — a Server Component, no 'use client'
import { PersianNumberInput } from '@nikaweb/persian-number-toolkit/react'
import { parsePersianNumber } from '@nikaweb/persian-number-toolkit'

async function pay(formData: FormData) {
  'use server'
  const amount = parsePersianNumber(String(formData.get('amount'))) // 750000
}

export default function Checkout() {
  return (
    <form action={pay}>
      <PersianNumberInput name="amount" mode="toman" min={10_000} />
      <button>پرداخت</button>
    </form>
  )
}