mirror of
https://github.com/InvoiceShelf/InvoiceShelf.git
synced 2026-04-19 03:04:05 +00:00
Phase 1: TypeScript foundation in scripts-v2/
Create the complete TypeScript foundation for the Vue 3 migration in a parallel scripts-v2/ directory. 72 files, 5430 lines, zero any types, strict mode. - types/ (21 files): Domain interfaces for all 17 entities derived from actual Laravel models and API resources. Enums for all statuses. Generic API response wrappers. - api/ (29 files): Typed axios client with interceptors, endpoint constants from routes/api.php, 25 typed service classes covering every API endpoint. - composables/ (14 files): Vue 3 composition functions for auth, notifications, dialogs, modals, pagination, filters, currency, dates, theme, sidebar, company context, and permissions. - utils/ (5 files): Pure typed utilities for money formatting, date formatting (date-fns), localStorage, and error handling. - config/ (3 files): Typed ability constants, app constants. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
96
resources/scripts-v2/utils/format-money.ts
Normal file
96
resources/scripts-v2/utils/format-money.ts
Normal file
@@ -0,0 +1,96 @@
|
||||
export interface CurrencyConfig {
|
||||
precision: number
|
||||
thousand_separator: string
|
||||
decimal_separator: string
|
||||
symbol: string
|
||||
swap_currency_symbol?: boolean
|
||||
}
|
||||
|
||||
const DEFAULT_CURRENCY: CurrencyConfig = {
|
||||
precision: 2,
|
||||
thousand_separator: ',',
|
||||
decimal_separator: '.',
|
||||
symbol: '$',
|
||||
swap_currency_symbol: false,
|
||||
}
|
||||
|
||||
/**
|
||||
* Format an amount in cents to a currency string with symbol and separators.
|
||||
*
|
||||
* @param amountInCents - The amount in cents (e.g. 10050 = $100.50)
|
||||
* @param currency - Currency configuration for formatting
|
||||
* @returns Formatted currency string (e.g. "$ 100.50")
|
||||
*/
|
||||
export function formatMoney(
|
||||
amountInCents: number,
|
||||
currency: CurrencyConfig = DEFAULT_CURRENCY
|
||||
): string {
|
||||
let amount = amountInCents / 100
|
||||
|
||||
const {
|
||||
symbol,
|
||||
swap_currency_symbol = false,
|
||||
} = currency
|
||||
|
||||
let precision = Math.abs(currency.precision)
|
||||
if (Number.isNaN(precision)) {
|
||||
precision = 2
|
||||
}
|
||||
|
||||
const negativeSign = amount < 0 ? '-' : ''
|
||||
amount = Math.abs(Number(amount) || 0)
|
||||
|
||||
const fixedAmount = amount.toFixed(precision)
|
||||
const integerPart = parseInt(fixedAmount, 10).toString()
|
||||
const remainder = integerPart.length > 3 ? integerPart.length % 3 : 0
|
||||
|
||||
const thousandText = remainder
|
||||
? integerPart.substring(0, remainder) + currency.thousand_separator
|
||||
: ''
|
||||
|
||||
const amountText = integerPart
|
||||
.substring(remainder)
|
||||
.replace(/(\d{3})(?=\d)/g, '$1' + currency.thousand_separator)
|
||||
|
||||
const precisionText = precision
|
||||
? currency.decimal_separator +
|
||||
Math.abs(amount - parseInt(fixedAmount, 10))
|
||||
.toFixed(precision)
|
||||
.slice(2)
|
||||
: ''
|
||||
|
||||
const combinedAmountText =
|
||||
negativeSign + thousandText + amountText + precisionText
|
||||
|
||||
const moneySymbol = `${symbol}`
|
||||
|
||||
return swap_currency_symbol
|
||||
? `${combinedAmountText} ${moneySymbol}`
|
||||
: `${moneySymbol} ${combinedAmountText}`
|
||||
}
|
||||
|
||||
/**
|
||||
* Parse a formatted currency string back to cents.
|
||||
*
|
||||
* @param formattedAmount - The formatted string (e.g. "$ 1,234.56")
|
||||
* @param currency - Currency configuration used for parsing
|
||||
* @returns Amount in cents
|
||||
*/
|
||||
export function parseMoneyCents(
|
||||
formattedAmount: string,
|
||||
currency: CurrencyConfig = DEFAULT_CURRENCY
|
||||
): number {
|
||||
const cleaned = formattedAmount
|
||||
.replace(currency.symbol, '')
|
||||
.replace(new RegExp(`\\${currency.thousand_separator}`, 'g'), '')
|
||||
.replace(currency.decimal_separator, '.')
|
||||
.trim()
|
||||
|
||||
const parsed = parseFloat(cleaned)
|
||||
|
||||
if (Number.isNaN(parsed)) {
|
||||
return 0
|
||||
}
|
||||
|
||||
return Math.round(parsed * 100)
|
||||
}
|
||||
Reference in New Issue
Block a user