@getmicdrop/svelte-components 5.18.0 → 5.19.0

package/dist/utils/formatters.spec.js

@@ -1,5 +1,15 @@
 import { expect, describe, test } from 'vitest';
-import { formatCreditCardNumber, formatPhoneNumber } from './formatters.ts';
+import {
+  formatCreditCardNumber,
+  formatPhoneNumber,
+  formatCurrency,
+  formatDate,
+  formatDateTime,
+  formatTime,
+  formatNumber,
+  truncateTitle,
+  roundCurrency,
+} from './formatters.ts';
 
 describe('formatCreditCardNumber', () => {
   test('formats empty string', () => {
@@ -80,3 +90,120 @@ describe('formatPhoneNumber', () => {
     expect(formatPhoneNumber('12345678901234')).toBe('123-456-7890');
   });
 });
+
+describe('roundCurrency', () => {
+  test('rounds to 2 decimal places', () => {
+    expect(roundCurrency(167.79999999999)).toBe(167.8);
+  });
+  test('handles exact values', () => {
+    expect(roundCurrency(25.5)).toBe(25.5);
+  });
+  test('rounds up', () => {
+    expect(roundCurrency(10.005)).toBe(10.01);
+  });
+});
+
+describe('formatCurrency', () => {
+  test('formats USD by default', () => {
+    expect(formatCurrency(25.5)).toBe('$25.50');
+  });
+  test('returns empty string for null', () => {
+    expect(formatCurrency(null)).toBe('');
+  });
+  test('returns empty string for undefined', () => {
+    expect(formatCurrency(undefined)).toBe('');
+  });
+  test('formats zero', () => {
+    expect(formatCurrency(0)).toBe('$0.00');
+  });
+  test('formats negative values', () => {
+    expect(formatCurrency(-10)).toBe('-$10.00');
+  });
+  test('accepts custom currency', () => {
+    const result = formatCurrency(100, 'EUR', 'de-DE');
+    expect(result).toContain('100');
+  });
+});
+
+describe('formatDate', () => {
+  test('formats a Date object', () => {
+    const result = formatDate(new Date('2025-12-15T00:00:00Z'), undefined, 'en-US');
+    expect(result).toContain('Dec');
+    expect(result).toContain('2025');
+  });
+  test('formats an ISO string', () => {
+    const result = formatDate('2025-06-01T12:00:00Z', undefined, 'en-US');
+    expect(result).toContain('Jun');
+  });
+  test('returns empty string for null', () => {
+    expect(formatDate(null)).toBe('');
+  });
+  test('returns empty string for undefined', () => {
+    expect(formatDate(undefined)).toBe('');
+  });
+  test('returns empty string for invalid date', () => {
+    expect(formatDate('not-a-date')).toBe('');
+  });
+  test('accepts option overrides', () => {
+    const result = formatDate('2025-06-01T12:00:00Z', { month: 'long' }, 'en-US');
+    expect(result).toContain('June');
+  });
+});
+
+describe('formatDateTime', () => {
+  test('includes date and time', () => {
+    const result = formatDateTime('2025-12-15T15:30:00Z', undefined, 'en-US');
+    expect(result).toContain('Dec');
+    expect(result).toContain('2025');
+    expect(result).toContain('30');
+  });
+  test('returns empty string for null', () => {
+    expect(formatDateTime(null)).toBe('');
+  });
+  test('returns empty string for invalid date', () => {
+    expect(formatDateTime('bad')).toBe('');
+  });
+});
+
+describe('formatTime', () => {
+  test('formats time only', () => {
+    const result = formatTime('2025-12-15T15:30:00Z', undefined, 'en-US');
+    expect(result).toContain('30');
+  });
+  test('returns empty string for null', () => {
+    expect(formatTime(null)).toBe('');
+  });
+  test('returns empty string for invalid date', () => {
+    expect(formatTime('nope')).toBe('');
+  });
+});
+
+describe('formatNumber', () => {
+  test('formats a number with locale', () => {
+    expect(formatNumber(1000, undefined, 'en-US')).toBe('1,000');
+  });
+  test('returns empty string for null', () => {
+    expect(formatNumber(null)).toBe('');
+  });
+  test('returns empty string for undefined', () => {
+    expect(formatNumber(undefined)).toBe('');
+  });
+});
+
+describe('truncateTitle', () => {
+  test('truncates long text with ellipsis', () => {
+    expect(truncateTitle('Hello World', 5)).toBe('Hello...');
+  });
+  test('returns short text unchanged', () => {
+    expect(truncateTitle('Hi', 10)).toBe('Hi');
+  });
+  test('returns exact-length text unchanged', () => {
+    expect(truncateTitle('Hello', 5)).toBe('Hello');
+  });
+  test('uses default maxLength of 50', () => {
+    const short = 'Short string';
+    expect(truncateTitle(short)).toBe(short);
+    const long = 'A'.repeat(60);
+    expect(truncateTitle(long)).toBe('A'.repeat(50) + '...');
+  });
+});

package/dist/utils/greetings.js

@@ -1,187 +1,187 @@
-/**
- * Time-based and contextual greeting system
- * Uses user's local timezone for time-based greetings
- *
- * Persistence: Greetings are cached and only regenerate when
- * the time period OR day changes, whichever comes first.
- */
-
-const STORAGE_KEY = 'micdrop_greeting';
-
-const GREETINGS = {
-  earlyMorning: [
-    "Early-bird {name}!"
-  ],
-  morning: [
-    "Good morning, {name}",
-    "Morning, {name}"
-  ],
-  afternoon: [
-    "Good afternoon, {name}",
-    "Afternoon, {name}"
-  ],
-  evening: [
-    "Good evening, {name}",
-    "Evening, {name}",
-    "Prime time, {name}"
-  ],
-  night: [
-    "Night owl {name}!",
-    "Night-mode {name}!",
-    "Night shift {name}!"
-  ],
-  lateNight: [
-    "Late-night {name}!",
-    "After-hours {name}!"
-  ],
-  random: [
-    "Ready to roll, {name}",
-    "Good to see you, {name}",
-    "Let's go, {name}",
-    "Right on time, {name}",
-    "{name} in the house!",
-    "{name} arrives!"
-  ],
-  weekday: {
-    0: "Weekend {name}!", // Sunday
-    1: "Happy Monday, {name}",
-    2: "Happy Tuesday, {name}",
-    3: "Happy Wednesday, {name}",
-    4: "Happy Thursday, {name}",
-    5: "Happy Friday, {name}",
-    6: "Weekend {name}!" // Saturday
-  }
-};
-
-/**
- * Get a random item from an array
- */
-function pickRandom(arr) {
-  return arr[Math.floor(Math.random() * arr.length)];
-}
-
-/**
- * Get the time period based on hour (0-23)
- */
-function getTimePeriod(hour) {
-  if (hour >= 5 && hour < 7) return 'earlyMorning';
-  if (hour >= 7 && hour < 12) return 'morning';
-  if (hour >= 12 && hour < 17) return 'afternoon';
-  if (hour >= 17 && hour < 21) return 'evening';
-  if (hour >= 21 && hour < 24) return 'night';
-  // 0-5 AM
-  return 'lateNight';
-}
-
-/**
- * Get the current date as YYYY-MM-DD string
- */
-function getDateString(date) {
-  return `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, '0')}-${String(date.getDate()).padStart(2, '0')}`;
-}
-
-/**
- * Generate a fresh greeting (internal - does not cache)
- *
- * Priority:
- * 1. Day-based (Mon-Sun) → 30% chance
- * 2. Random pool → 30% chance
- * 3. Time-based → 40% (default)
- */
-function generateGreeting(name, hour, dayOfWeek) {
-  const roll = Math.random();
-
-  let greeting;
-
-  if (roll < 0.3) {
-    // 30% - Day-based greeting
-    greeting = GREETINGS.weekday[dayOfWeek];
-  } else if (roll < 0.6) {
-    // 30% - Random greeting
-    greeting = pickRandom(GREETINGS.random);
-  } else {
-    // 40% - Time-based greeting
-    const period = getTimePeriod(hour);
-    greeting = pickRandom(GREETINGS[period]);
-  }
-
-  return greeting.replace('{name}', name);
-}
-
-/**
- * Get a greeting for the user with caching
- *
- * Regenerates when time period OR day changes, whichever comes first.
- * This ensures:
- * - Navigation between pages shows same greeting
- * - Coming back hours later (different period) shows fresh greeting
- * - Day-based greetings don't persist into the next day
- *
- * @param {string} name - The user's first name
- * @returns {string} The greeting with name substituted
- */
-export function getGreeting(name) {
-  if (typeof window === 'undefined') {
-    // SSR - generate without caching
-    const now = new Date();
-    return generateGreeting(name, now.getHours(), now.getDay());
-  }
-
-  const now = new Date();
-  const currentPeriod = getTimePeriod(now.getHours());
-  const currentDay = getDateString(now);
-
-  // Check for cached greeting
-  try {
-    const cached = localStorage.getItem(STORAGE_KEY);
-    if (cached) {
-      const { greeting, period, day, cachedName } = JSON.parse(cached);
-
-      // Return cached if same period, same day, and same user
-      if (period === currentPeriod && day === currentDay && cachedName === name) {
-        return greeting;
-      }
-    }
-  } catch (_e) {
-    // localStorage unavailable or parse error - continue to generate
-  }
-
-  // Generate fresh greeting
-  const greeting = generateGreeting(name, now.getHours(), now.getDay());
-
-  // Cache it
-  try {
-    localStorage.setItem(STORAGE_KEY, JSON.stringify({
-      greeting,
-      period: currentPeriod,
-      day: currentDay,
-      cachedName: name
-    }));
-  } catch (_e2) {
-    // localStorage unavailable - greeting still works, just won't persist
-  }
-
-  return greeting;
-}
-
-/**
- * Get just the first name from a full name
- * @param {string} fullName - The user's full name
- * @returns {string} The first name only
- */
-export function getFirstName(fullName) {
-  if (!fullName) return '';
-  return fullName.split(' ')[0];
-}
-
-/**
- * Clear the cached greeting (useful for testing or logout)
- */
-export function clearGreetingCache() {
-  if (typeof window === 'undefined') return;
-  try {
-    localStorage.removeItem(STORAGE_KEY);
-  } catch (_e) {
-    // localStorage unavailable
-  }
-}
+/**
+ * Time-based and contextual greeting system
+ * Uses user's local timezone for time-based greetings
+ *
+ * Persistence: Greetings are cached and only regenerate when
+ * the time period OR day changes, whichever comes first.
+ */
+
+const STORAGE_KEY = 'micdrop_greeting';
+
+const GREETINGS = {
+  earlyMorning: [
+    "Early-bird {name}!"
+  ],
+  morning: [
+    "Good morning, {name}",
+    "Morning, {name}"
+  ],
+  afternoon: [
+    "Good afternoon, {name}",
+    "Afternoon, {name}"
+  ],
+  evening: [
+    "Good evening, {name}",
+    "Evening, {name}",
+    "Prime time, {name}"
+  ],
+  night: [
+    "Night owl {name}!",
+    "Night-mode {name}!",
+    "Night shift {name}!"
+  ],
+  lateNight: [
+    "Late-night {name}!",
+    "After-hours {name}!"
+  ],
+  random: [
+    "Ready to roll, {name}",
+    "Good to see you, {name}",
+    "Let's go, {name}",
+    "Right on time, {name}",
+    "{name} in the house!",
+    "{name} arrives!"
+  ],
+  weekday: {
+    0: "Weekend {name}!", // Sunday
+    1: "Happy Monday, {name}",
+    2: "Happy Tuesday, {name}",
+    3: "Happy Wednesday, {name}",
+    4: "Happy Thursday, {name}",
+    5: "Happy Friday, {name}",
+    6: "Weekend {name}!" // Saturday
+  }
+};
+
+/**
+ * Get a random item from an array
+ */
+function pickRandom(arr) {
+  return arr[Math.floor(Math.random() * arr.length)];
+}
+
+/**
+ * Get the time period based on hour (0-23)
+ */
+function getTimePeriod(hour) {
+  if (hour >= 5 && hour < 7) return 'earlyMorning';
+  if (hour >= 7 && hour < 12) return 'morning';
+  if (hour >= 12 && hour < 17) return 'afternoon';
+  if (hour >= 17 && hour < 21) return 'evening';
+  if (hour >= 21 && hour < 24) return 'night';
+  // 0-5 AM
+  return 'lateNight';
+}
+
+/**
+ * Get the current date as YYYY-MM-DD string
+ */
+function getDateString(date) {
+  return `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, '0')}-${String(date.getDate()).padStart(2, '0')}`;
+}
+
+/**
+ * Generate a fresh greeting (internal - does not cache)
+ *
+ * Priority:
+ * 1. Day-based (Mon-Sun) → 30% chance
+ * 2. Random pool → 30% chance
+ * 3. Time-based → 40% (default)
+ */
+function generateGreeting(name, hour, dayOfWeek) {
+  const roll = Math.random();
+
+  let greeting;
+
+  if (roll < 0.3) {
+    // 30% - Day-based greeting
+    greeting = GREETINGS.weekday[dayOfWeek];
+  } else if (roll < 0.6) {
+    // 30% - Random greeting
+    greeting = pickRandom(GREETINGS.random);
+  } else {
+    // 40% - Time-based greeting
+    const period = getTimePeriod(hour);
+    greeting = pickRandom(GREETINGS[period]);
+  }
+
+  return greeting.replace('{name}', name);
+}
+
+/**
+ * Get a greeting for the user with caching
+ *
+ * Regenerates when time period OR day changes, whichever comes first.
+ * This ensures:
+ * - Navigation between pages shows same greeting
+ * - Coming back hours later (different period) shows fresh greeting
+ * - Day-based greetings don't persist into the next day
+ *
+ * @param {string} name - The user's first name
+ * @returns {string} The greeting with name substituted
+ */
+export function getGreeting(name) {
+  if (typeof window === 'undefined') {
+    // SSR - generate without caching
+    const now = new Date();
+    return generateGreeting(name, now.getHours(), now.getDay());
+  }
+
+  const now = new Date();
+  const currentPeriod = getTimePeriod(now.getHours());
+  const currentDay = getDateString(now);
+
+  // Check for cached greeting
+  try {
+    const cached = localStorage.getItem(STORAGE_KEY);
+    if (cached) {
+      const { greeting, period, day, cachedName } = JSON.parse(cached);
+
+      // Return cached if same period, same day, and same user
+      if (period === currentPeriod && day === currentDay && cachedName === name) {
+        return greeting;
+      }
+    }
+  } catch (_e) {
+    // localStorage unavailable or parse error - continue to generate
+  }
+
+  // Generate fresh greeting
+  const greeting = generateGreeting(name, now.getHours(), now.getDay());
+
+  // Cache it
+  try {
+    localStorage.setItem(STORAGE_KEY, JSON.stringify({
+      greeting,
+      period: currentPeriod,
+      day: currentDay,
+      cachedName: name
+    }));
+  } catch (_e2) {
+    // localStorage unavailable - greeting still works, just won't persist
+  }
+
+  return greeting;
+}
+
+/**
+ * Get just the first name from a full name
+ * @param {string} fullName - The user's full name
+ * @returns {string} The first name only
+ */
+export function getFirstName(fullName) {
+  if (!fullName) return '';
+  return fullName.split(' ')[0];
+}
+
+/**
+ * Clear the cached greeting (useful for testing or logout)
+ */
+export function clearGreetingCache() {
+  if (typeof window === 'undefined') return;
+  try {
+    localStorage.removeItem(STORAGE_KEY);
+  } catch (_e) {
+    // localStorage unavailable
+  }
+}