@doswiftly/cli 0.1.1

package/templates/storefront-nextjs/lib/currency.tsx

@@ -0,0 +1,140 @@
+/**
+ * Currency Utilities
+ *
+ * This file provides currency formatting helpers.
+ *
+ * For currency state management, use the SDK:
+ * ```tsx
+ * import { useCurrency } from '@doswiftly/commerce-sdk/graphql/react';
+ *
+ * function MyComponent() {
+ *   const { currency, setCurrency, supportedCurrencies } = useCurrency();
+ * }
+ * ```
+ */
+
+// Re-export useCurrency from SDK for convenience
+export { useCurrency } from "@doswiftly/commerce-sdk/graphql/react";
+
+// Re-export types from SDK
+import type { PriceMoney, Money } from "@doswiftly/commerce-sdk/graphql";
+export type { PriceMoney, Money };
+
+// ============================================================================
+// CONSTANTS
+// ============================================================================
+
+/** Currency symbols mapping */
+export const CURRENCY_SYMBOLS: Record<string, string> = {
+  PLN: "zł",
+  EUR: "€",
+  USD: "$",
+  GBP: "£",
+  CHF: "CHF",
+  CZK: "Kč",
+  SEK: "kr",
+  NOK: "kr",
+  DKK: "kr",
+  JPY: "¥",
+  CNY: "¥",
+  AUD: "A$",
+  CAD: "C$",
+};
+
+/** Currency locale mapping for proper formatting */
+export const CURRENCY_LOCALES: Record<string, string> = {
+  PLN: "pl-PL",
+  EUR: "de-DE",
+  USD: "en-US",
+  GBP: "en-GB",
+  CHF: "de-CH",
+  CZK: "cs-CZ",
+  SEK: "sv-SE",
+  NOK: "nb-NO",
+  DKK: "da-DK",
+  JPY: "ja-JP",
+  CNY: "zh-CN",
+  AUD: "en-AU",
+  CAD: "en-CA",
+};
+
+// ============================================================================
+// UTILITY FUNCTIONS
+// ============================================================================
+
+/**
+ * Get currency symbol
+ */
+export function getCurrencySymbol(code: string): string {
+  return CURRENCY_SYMBOLS[code] || code;
+}
+
+/**
+ * Format price for display
+ *
+ * @example
+ * ```tsx
+ * const formatted = formatPrice(product.priceRange.minVariantPrice);
+ * // => "115,20 €"
+ * ```
+ */
+export function formatPrice(
+  price: PriceMoney | Money | null | undefined
+): string {
+  if (!price) return "";
+
+  const amount = parseFloat(price.amount);
+  const code = price.currencyCode;
+  const locale = CURRENCY_LOCALES[code] || "en-US";
+
+  try {
+    return new Intl.NumberFormat(locale, {
+      style: "currency",
+      currency: code,
+      minimumFractionDigits: 2,
+      maximumFractionDigits: 2,
+    }).format(amount);
+  } catch {
+    // Fallback formatting
+    const symbol = CURRENCY_SYMBOLS[code] || code;
+    return `${amount.toFixed(2)} ${symbol}`;
+  }
+}
+
+/**
+ * Format amount with currency
+ *
+ * @example
+ * ```tsx
+ * const formatted = formatAmount("115.20", "EUR");
+ * // => "115,20 €"
+ * ```
+ */
+export function formatAmount(
+  amount: string | number,
+  currencyCode: string
+): string {
+  const numAmount = typeof amount === "string" ? parseFloat(amount) : amount;
+  const locale = CURRENCY_LOCALES[currencyCode] || "en-US";
+
+  try {
+    return new Intl.NumberFormat(locale, {
+      style: "currency",
+      currency: currencyCode,
+      minimumFractionDigits: 2,
+      maximumFractionDigits: 2,
+    }).format(numAmount);
+  } catch {
+    const symbol = CURRENCY_SYMBOLS[currencyCode] || currencyCode;
+    return `${numAmount.toFixed(2)} ${symbol}`;
+  }
+}
+
+/**
+ * Get currency header for GraphQL requests
+ */
+export function getCurrencyHeader(currency: string): Record<string, string> {
+  return {
+    "x-preferred-currency": currency,
+  };
+}

package/templates/storefront-nextjs/lib/format.ts

@@ -0,0 +1,159 @@
+/**
+ * Formatting Utilities
+ *
+ * @module storefront-nextjs/lib/format
+ */
+
+import type { PriceMoney, Money } from "@doswiftly/commerce-sdk/graphql";
+
+// ============================================================================
+// CURRENCY DATA
+// ============================================================================
+
+/** Currency symbols mapping */
+const CURRENCY_SYMBOLS: Record<string, string> = {
+  PLN: "zł",
+  EUR: "€",
+  USD: "$",
+  GBP: "£",
+  CHF: "CHF",
+  CZK: "Kč",
+  SEK: "kr",
+  NOK: "kr",
+  DKK: "kr",
+  JPY: "¥",
+  CNY: "¥",
+  AUD: "A$",
+  CAD: "C$",
+};
+
+/** Currency locale mapping for proper formatting */
+const CURRENCY_LOCALES: Record<string, string> = {
+  PLN: "pl-PL",
+  EUR: "de-DE",
+  USD: "en-US",
+  GBP: "en-GB",
+  CHF: "de-CH",
+  CZK: "cs-CZ",
+  SEK: "sv-SE",
+  NOK: "nb-NO",
+  DKK: "da-DK",
+  JPY: "ja-JP",
+  CNY: "zh-CN",
+  AUD: "en-AU",
+  CAD: "en-CA",
+};
+
+// ============================================================================
+// FORMATTING FUNCTIONS
+// ============================================================================
+
+/**
+ * Get currency symbol
+ */
+export function getCurrencySymbol(code: string): string {
+  return CURRENCY_SYMBOLS[code] || code;
+}
+
+/**
+ * Get locale for currency
+ */
+export function getCurrencyLocale(code: string): string {
+  return CURRENCY_LOCALES[code] || "en-US";
+}
+
+/**
+ * Format a PriceMoney or Money object for display
+ *
+ * @example
+ * ```tsx
+ * const price = product.priceRange.minVariantPrice;
+ * formatPrice(price); // "115,20 €"
+ * ```
+ */
+export function formatPrice(
+  price: PriceMoney | Money | null | undefined
+): string {
+  if (!price) return "";
+
+  const amount = parseFloat(price.amount);
+  const code = price.currencyCode;
+  const locale = CURRENCY_LOCALES[code] || "en-US";
+
+  try {
+    return new Intl.NumberFormat(locale, {
+      style: "currency",
+      currency: code,
+      minimumFractionDigits: 2,
+      maximumFractionDigits: 2,
+    }).format(amount);
+  } catch {
+    // Fallback formatting
+    const symbol = CURRENCY_SYMBOLS[code] || code;
+    return `${amount.toFixed(2)} ${symbol}`;
+  }
+}
+
+/**
+ * Format amount with currency code
+ *
+ * @example
+ * ```tsx
+ * formatAmount(99.99, "EUR"); // "99,99 €"
+ * ```
+ */
+export function formatAmount(
+  amount: string | number,
+  currencyCode: string
+): string {
+  const numAmount = typeof amount === "string" ? parseFloat(amount) : amount;
+  const locale = CURRENCY_LOCALES[currencyCode] || "en-US";
+
+  try {
+    return new Intl.NumberFormat(locale, {
+      style: "currency",
+      currency: currencyCode,
+      minimumFractionDigits: 2,
+      maximumFractionDigits: 2,
+    }).format(numAmount);
+  } catch {
+    const symbol = CURRENCY_SYMBOLS[currencyCode] || currencyCode;
+    return `${numAmount.toFixed(2)} ${symbol}`;
+  }
+}
+
+/**
+ * Format price range for display
+ *
+ * @example
+ * ```tsx
+ * formatPriceRange(minPrice, maxPrice);
+ * // "€99.00 - €199.00" or "€99.00" if same
+ * ```
+ */
+export function formatPriceRange(
+  minPrice: PriceMoney | Money | null | undefined,
+  maxPrice: PriceMoney | Money | null | undefined
+): string {
+  if (!minPrice) return "";
+
+  const min = formatPrice(minPrice);
+  const max = maxPrice ? formatPrice(maxPrice) : null;
+
+  if (!max || min === max) {
+    return min;
+  }
+
+  return `${min} - ${max}`;
+}
+
+/**
+ * Check if prices are different (for showing "From" prefix)
+ */
+export function hasPriceRange(
+  minPrice: PriceMoney | Money | null | undefined,
+  maxPrice: PriceMoney | Money | null | undefined
+): boolean {
+  if (!minPrice || !maxPrice) return false;
+  return minPrice.amount !== maxPrice.amount;
+}