@joewinke/jatui 0.1.22 → 0.1.24

package/src/lib/utils/currency.ts

@@ -1,20 +0,0 @@
-/**
- * Currency formatting utilities
- */
-
-/**
- * Format a number as USD currency string.
- * Override locale/currency by passing options.
- */
-export function formatCurrency(
-	amount: number,
-	locale: string = 'en-US',
-	currency: string = 'USD'
-): string {
-	return new Intl.NumberFormat(locale, {
-		style: 'currency',
-		currency,
-		minimumFractionDigits: 2,
-		maximumFractionDigits: 2
-	}).format(amount);
-}

package/src/lib/utils/daisyuiColors.ts

@@ -1,243 +0,0 @@
-/**
- * DaisyUI Color Utility System
- *
- * Provides utilities for accessing DaisyUI semantic colors in JavaScript/Canvas contexts.
- * Handles color format conversion and theme change detection for dynamic updates.
- */
-
-let colorCache = new Map<string, string>()
-let themeObserver: MutationObserver | null = null
-
-/**
- * Get a DaisyUI semantic color as a hex string usable in Canvas
- * @param colorName - DaisyUI color name (e.g., "primary", "accent", "base-100")
- * @returns Hex color string (e.g., "#3b82f6")
- */
-export function getDaisyUIColor(colorName: string): string {
-  const cacheKey = colorName
-  if (colorCache.has(cacheKey)) {
-    return colorCache.get(cacheKey)!
-  }
-
-  const fallbackColor = getColorFallback(colorName)
-  colorCache.set(cacheKey, fallbackColor)
-  return fallbackColor
-}
-
-function getColorFallback(colorName: string): string {
-  const currentTheme =
-    document.documentElement.getAttribute("data-theme") || "light"
-
-  const luxuryColors: Record<string, string> = {
-    primary: "#d4af37",
-    "primary-content": "#1a1a1a",
-    secondary: "#c0c0c0",
-    "secondary-content": "#1a1a1a",
-    accent: "#ffd700",
-    "accent-content": "#1a1a1a",
-    neutral: "#6b7280",
-    "neutral-content": "#f5f5f5",
-    "base-100": "#1a1a1a",
-    "base-200": "#2d2d2d",
-    "base-300": "#404040",
-    "base-content": "#f5f5f5",
-    success: "#10b981",
-    "success-content": "#1a1a1a",
-    warning: "#f59e0b",
-    "warning-content": "#1a1a1a",
-    error: "#ef4444",
-    "error-content": "#f5f5f5",
-    info: "#3b82f6",
-    "info-content": "#f5f5f5",
-  }
-
-  const nordColors: Record<string, string> = {
-    primary: "#5e81ac",
-    "primary-content": "#eceff4",
-    secondary: "#81a1c1",
-    "secondary-content": "#2e3440",
-    accent: "#88c0d0",
-    "accent-content": "#2e3440",
-    neutral: "#4c566a",
-    "neutral-content": "#eceff4",
-    "base-100": "#2e3440",
-    "base-200": "#3b4252",
-    "base-300": "#434c5e",
-    "base-content": "#eceff4",
-    success: "#a3be8c",
-    "success-content": "#2e3440",
-    warning: "#ebcb8b",
-    "warning-content": "#2e3440",
-    error: "#bf616a",
-    "error-content": "#eceff4",
-    info: "#81a1c1",
-    "info-content": "#2e3440",
-  }
-
-  const darkColors: Record<string, string> = {
-    primary: "#661ae6",
-    "primary-content": "#ffffff",
-    secondary: "#d926a9",
-    "secondary-content": "#ffffff",
-    accent: "#1fb2a6",
-    "accent-content": "#ffffff",
-    neutral: "#2a323c",
-    "neutral-content": "#a6adbb",
-    "base-100": "#1d232a",
-    "base-200": "#191e24",
-    "base-300": "#15191e",
-    "base-content": "#a6adbb",
-    info: "#3abff8",
-    "info-content": "#002b3d",
-    success: "#36d399",
-    "success-content": "#003320",
-    warning: "#fbbd23",
-    "warning-content": "#382800",
-    error: "#f87272",
-    "error-content": "#470000",
-  }
-
-  const defaultColors: Record<string, string> = {
-    primary: "#3b82f6",
-    "primary-content": "#ffffff",
-    secondary: "#6b7280",
-    "secondary-content": "#ffffff",
-    accent: "#f97316",
-    "accent-content": "#ffffff",
-    neutral: "#6b7280",
-    "neutral-content": "#ffffff",
-    "base-100": "#ffffff",
-    "base-200": "#f1f5f9",
-    "base-300": "#e2e8f0",
-    "base-content": "#1f2937",
-    info: "#3b82f6",
-    "info-content": "#ffffff",
-    success: "#10b981",
-    "success-content": "#ffffff",
-    warning: "#f59e0b",
-    "warning-content": "#ffffff",
-    error: "#ef4444",
-    "error-content": "#ffffff",
-  }
-
-  const fallbacks =
-    currentTheme === "luxury"
-      ? luxuryColors
-      : currentTheme === "nord"
-        ? nordColors
-        : currentTheme === "dark"
-          ? darkColors
-          : defaultColors
-  return fallbacks[colorName] || "#6b7280"
-}
-
-/**
- * Create a lighter version of a color
- */
-export function lightenColor(hexColor: string, amount: number = 0.2): string {
-  const hex = hexColor.replace("#", "")
-  const r = parseInt(hex.substring(0, 2), 16)
-  const g = parseInt(hex.substring(2, 4), 16)
-  const b = parseInt(hex.substring(4, 6), 16)
-
-  const newR = Math.min(255, Math.floor(r + (255 - r) * amount))
-  const newG = Math.min(255, Math.floor(g + (255 - g) * amount))
-  const newB = Math.min(255, Math.floor(b + (255 - b) * amount))
-
-  return `#${((newR << 16) | (newG << 8) | newB).toString(16).padStart(6, "0")}`
-}
-
-/**
- * Create a darker version of a color
- */
-export function darkenColor(hexColor: string, amount: number = 0.2): string {
-  const hex = hexColor.replace("#", "")
-  const r = parseInt(hex.substring(0, 2), 16)
-  const g = parseInt(hex.substring(2, 4), 16)
-  const b = parseInt(hex.substring(4, 6), 16)
-
-  const newR = Math.max(0, Math.floor(r * (1 - amount)))
-  const newG = Math.max(0, Math.floor(g * (1 - amount)))
-  const newB = Math.max(0, Math.floor(b * (1 - amount)))
-
-  return `#${((newR << 16) | (newG << 8) | newB).toString(16).padStart(6, "0")}`
-}
-
-/**
- * Setup theme change detection
- * Clears color cache when theme changes and optionally calls a callback
- */
-export function watchThemeChanges(onThemeChange?: () => void): () => void {
-  if (themeObserver) {
-    themeObserver.disconnect()
-  }
-
-  themeObserver = new MutationObserver((mutations: MutationRecord[]): void => {
-    let themeChanged = false
-
-    mutations.forEach((mutation: MutationRecord): void => {
-      if (
-        mutation.type === "attributes" &&
-        (mutation.attributeName === "data-theme" ||
-          mutation.attributeName === "class")
-      ) {
-        themeChanged = true
-      }
-    })
-
-    if (themeChanged) {
-      colorCache.clear()
-      if (onThemeChange) {
-        onThemeChange()
-      }
-    }
-  })
-
-  themeObserver.observe(document.documentElement, {
-    attributes: true,
-    attributeFilter: ["data-theme", "class"],
-  })
-
-  return () => {
-    if (themeObserver) {
-      themeObserver.disconnect()
-      themeObserver = null
-    }
-  }
-}
-
-/**
- * Check if we're currently in a dark theme
- */
-export function isDarkTheme(): boolean {
-  const baseContent = getDaisyUIColor("base-content")
-  const base100 = getDaisyUIColor("base-100")
-
-  const contentBrightness = getBrightness(baseContent)
-  const baseBrightness = getBrightness(base100)
-
-  return contentBrightness > baseBrightness
-}
-
-function getBrightness(hexColor: string): number {
-  const hex = hexColor.replace("#", "")
-  const r = parseInt(hex.substring(0, 2), 16)
-  const g = parseInt(hex.substring(2, 4), 16)
-  const b = parseInt(hex.substring(4, 6), 16)
-
-  return (r * 299 + g * 587 + b * 114) / 1000
-}
-
-/**
- * Get the current theme name if available
- */
-export function getCurrentTheme(): string | null {
-  return document.documentElement.getAttribute("data-theme")
-}
-
-/**
- * Clear the color cache manually
- */
-export function clearColorCache(): void {
-  colorCache.clear()
-}

package/src/lib/utils/dateFormatters.ts

@@ -1,196 +0,0 @@
-/**
- * Date formatting utilities for consistent date/time display.
- *
- * UTC/ISO Timestamp Handling:
- * Database timestamps are often stored without timezone info (e.g., "2024-11-21 15:30:00").
- * These utilities normalize timestamps to ensure correct UTC parsing.
- */
-
-/**
- * Normalize a timestamp string to proper ISO 8601 format.
- * Handles database timestamps that may lack 'T' separator or 'Z' suffix.
- */
-export function normalizeTimestamp(timestamp: string): string {
-	if (!timestamp) return timestamp;
-
-	if (timestamp.includes('T')) {
-		if (timestamp.endsWith('Z')) return timestamp;
-		if (/[+-]\d{2}:\d{2}$/.test(timestamp)) return timestamp;
-		return timestamp + 'Z';
-	}
-
-	return timestamp.replace(' ', 'T') + 'Z';
-}
-
-/**
- * Parse a potentially non-standard timestamp into a Date object.
- * Accepts a Date (returned by postgres.js), ISO string, or null/undefined.
- */
-export function parseTimestamp(timestamp: Date | string | null | undefined): Date | null {
-	if (!timestamp) return null;
-	if (timestamp instanceof Date) return isNaN(timestamp.getTime()) ? null : timestamp;
-
-	const normalized = normalizeTimestamp(timestamp);
-	const date = new Date(normalized);
-
-	return isNaN(date.getTime()) ? null : date;
-}
-
-/**
- * Format relative time (e.g., "2d", "3mo", "1y").
- * Compact format suitable for tables and compact UIs.
- */
-export function formatRelativeTime(dateStr: Date | string | null | undefined): string {
-	if (!dateStr) return '-';
-
-	const date = parseTimestamp(dateStr);
-	if (!date) return '-';
-
-	const now = new Date();
-	const diffMs = now.getTime() - date.getTime();
-	const diffMins = Math.floor(diffMs / (1000 * 60));
-	const diffHours = Math.floor(diffMs / (1000 * 60 * 60));
-	const diffDays = Math.floor(diffMs / (1000 * 60 * 60 * 24));
-	const diffWeeks = Math.floor(diffDays / 7);
-	const diffMonths = Math.floor(diffDays / 30);
-	const diffYears = Math.floor(diffDays / 365);
-
-	if (diffMins < 1) return 'now';
-	if (diffMins < 60) return `${diffMins}m`;
-	if (diffHours < 24) return `${diffHours}h`;
-	if (diffDays < 7) return `${diffDays}d`;
-	if (diffWeeks < 4) return `${diffWeeks}w`;
-	if (diffMonths < 12) return `${diffMonths}mo`;
-	return `${diffYears}y`;
-}
-
-/**
- * Format full date and time for tooltips and detailed views.
- */
-export function formatFullDate(dateStr: Date | string | null | undefined): string {
-	if (!dateStr) return '';
-
-	const date = parseTimestamp(dateStr);
-	if (!date) return '';
-
-	return date.toLocaleString('en-US', {
-		month: 'short',
-		day: 'numeric',
-		year: 'numeric',
-		hour: '2-digit',
-		minute: '2-digit'
-	});
-}
-
-/**
- * Format short date for compact displays (e.g., date range picker).
- */
-export function formatShortDate(dateStr: Date | string | null | undefined): string {
-	if (!dateStr) return '';
-
-	const date = parseTimestamp(dateStr);
-	if (!date) return '';
-
-	return date.toLocaleDateString('en-US', { month: 'short', day: 'numeric' });
-}
-
-/**
- * Format last activity time for agent cards.
- * Shows "Just now", "Xm ago", "Xh ago", or "Xd ago".
- */
-export function formatLastActivity(timestamp: Date | string | null | undefined): string {
-	if (!timestamp) return 'Never';
-
-	const date = parseTimestamp(timestamp);
-	if (!date) return 'Never';
-
-	const now = new Date();
-	const diffMs = now.getTime() - date.getTime();
-	const diffMins = Math.floor(diffMs / 60000);
-	const diffHours = Math.floor(diffMs / 3600000);
-	const diffDays = Math.floor(diffMs / 86400000);
-
-	if (diffMins < 1) return 'Just now';
-	if (diffMins < 60) return `${diffMins}m ago`;
-	if (diffHours < 24) return `${diffHours}h ago`;
-	return `${diffDays}d ago`;
-}
-
-/**
- * Format date for display (simple locale string).
- */
-export function formatDate(dateString: Date | string | null | undefined): string {
-	if (!dateString) return 'N/A';
-
-	const date = parseTimestamp(dateString);
-	if (!date) return 'N/A';
-
-	return date.toLocaleString();
-}
-
-/**
- * Get milliseconds since timestamp (for calculations).
- */
-export function getTimeSinceMs(timestamp: Date | string | null | undefined): number {
-	if (!timestamp) return Infinity;
-
-	const date = parseTimestamp(timestamp);
-	if (!date) return Infinity;
-
-	return Date.now() - date.getTime();
-}
-
-/**
- * Get minutes since timestamp.
- */
-export function getTimeSinceMinutes(timestamp: Date | string | null | undefined): number {
-	return getTimeSinceMs(timestamp) / 60000;
-}
-
-/**
- * Check if timestamp is within a given number of minutes.
- */
-export function isWithinMinutes(timestamp: Date | string | null | undefined, minutes: number): boolean {
-	return getTimeSinceMinutes(timestamp) < minutes;
-}
-
-/**
- * Format date + time for detail views (e.g. "Jan 5, 2:30 PM").
- * No year — use formatFullDate when year is needed.
- */
-export function formatDateTime(dateStr: Date | string | null | undefined): string {
-	if (!dateStr) return '';
-	const date = parseTimestamp(dateStr);
-	if (!date) return '';
-	return date.toLocaleString(undefined, {
-		month: 'short',
-		day: 'numeric',
-		hour: 'numeric',
-		minute: '2-digit',
-	});
-}
-
-/**
- * Color-coded relative age for task rows.
- * Returns a label (e.g. "3d", "2w") and an oklch color string
- * that shifts from green (fresh) → blue → amber → orange → red (stale).
- *
- * Usage:
- *   const age = taskAge(task.created_at)
- *   // <span style="color: {age.color}">{age.label}</span>
- */
-export function taskAge(dateStr: string): { label: string; color: string } {
-	const now = Date.now();
-	const created = new Date(dateStr).getTime();
-	const minutes = Math.floor((now - created) / 60000);
-	const hours = Math.floor(minutes / 60);
-	const days = Math.floor(hours / 24);
-	const weeks = Math.floor(days / 7);
-	const months = Math.floor(days / 30);
-	if (minutes < 60) return { label: `${minutes}m`, color: 'oklch(0.75 0.18 145)' }; // green — fresh
-	if (hours < 24)   return { label: `${hours}h`,   color: 'oklch(0.75 0.18 145)' }; // green
-	if (days < 3)     return { label: `${days}d`,    color: 'oklch(0.70 0.15 200)' }; // blue — recent
-	if (days < 7)     return { label: `${days}d`,    color: 'oklch(0.75 0.15 85)'  }; // amber — aging
-	if (weeks < 4)    return { label: `${weeks}w`,   color: 'oklch(0.65 0.18 50)'  }; // orange — stale
-	return                   { label: `${months}mo`, color: 'oklch(0.65 0.20 25)'  }; // red — old
-}

package/src/lib/utils/googleMapsLoader.ts

@@ -1,84 +0,0 @@
-/**
- * Centralized Google Maps API loader for jatui.
- *
- * Prevents multiple script loads and ensures all required libraries are available.
- * Pass the API key explicitly — jatui is SvelteKit-agnostic (no $env imports).
- *
- * Usage:
- *   await loadGoogleMapsAPI({ apiKey: 'YOUR_KEY', libraries: ['marker', 'geometry'] })
- *   if (isGoogleMapsLoaded()) { ... }
- */
-
-interface LoadOptions {
-	apiKey: string;
-	libraries?: string[];
-}
-
-let loadPromise: Promise<void> | null = null;
-let isLoaded = false;
-
-export async function loadGoogleMapsAPI(options: LoadOptions): Promise<void> {
-	if (typeof window === 'undefined') return;
-
-	const { apiKey, libraries = [] } = options;
-
-	if (!apiKey) {
-		console.warn('googleMapsLoader: No API key provided');
-		return;
-	}
-
-	// If already loaded and all required libraries are available, return
-	if (isLoaded && window.google?.maps) {
-		const allLibrariesAvailable = libraries.every((lib) => {
-			switch (lib) {
-				case 'places':
-					return window.google?.maps?.places;
-				case 'geometry':
-					return window.google?.maps?.geometry;
-				default:
-					return true;
-			}
-		});
-		if (allLibrariesAvailable) return;
-	}
-
-	// If already loading, return the existing promise
-	if (loadPromise) return loadPromise;
-
-	// Combine default libraries with requested ones
-	const allLibraries = Array.from(new Set(['geometry', 'places', 'marker', ...libraries]));
-
-	loadPromise = new Promise<void>((resolve, reject) => {
-		const script = document.createElement('script');
-		script.src = `https://maps.googleapis.com/maps/api/js?key=${apiKey}&libraries=${allLibraries.join(',')}`;
-		script.async = true;
-		script.defer = true;
-
-		script.onload = () => {
-			isLoaded = true;
-			loadPromise = null;
-			resolve();
-		};
-
-		script.onerror = (error) => {
-			loadPromise = null;
-			reject(error);
-		};
-
-		document.head.appendChild(script);
-	});
-
-	return loadPromise;
-}
-
-export function isGoogleMapsLoaded(): boolean {
-	return isLoaded && !!window.google?.maps;
-}
-
-export function isPlacesLoaded(): boolean {
-	return isGoogleMapsLoaded() && !!window.google?.maps?.places;
-}
-
-export function isGeometryLoaded(): boolean {
-	return isGoogleMapsLoaded() && !!window.google?.maps?.geometry;
-}