@classic-homes/notifications 0.1.32 → 0.1.34

package/dist/core/index.d.ts

@@ -1,5 +1,5 @@
-import { d as NotificationListParams, c as NotificationsListResponse, b as Notification, k as ChannelsResponse, N as NotificationType, P as PreferencesResponse, U as UpdatePreferenceData, l as UpdatePreferenceResponse, B as BatchPreferenceUpdate, j as BulkPreferenceResponse, D as DeletePreferenceResponse, T as TestNotificationParams, m as TestNotificationResponse, e as NotificationChannel, g as NotificationPreference } from '../types-BSztr7EQ.js';
-export { C as ChannelType, i as NotificationError, f as NotificationFrequency, h as NotificationPreferenceResult, a as NotificationPriority } from '../types-BSztr7EQ.js';
+import { d as NotificationListParams, c as NotificationsListResponse, b as Notification, k as ChannelsResponse, N as NotificationType, P as PreferencesResponse, U as UpdatePreferenceData, l as UpdatePreferenceResponse, B as BatchPreferenceUpdate, j as BulkPreferenceResponse, D as DeletePreferenceResponse, T as TestNotificationParams, m as TestNotificationResponse, e as NotificationChannel, g as NotificationPreference, a as NotificationPriority } from '../types-BSztr7EQ.js';
+export { C as ChannelType, i as NotificationError, f as NotificationFrequency, h as NotificationPreferenceResult } from '../types-BSztr7EQ.js';
 
 /**
  * Notifications API
@@ -160,4 +160,71 @@ declare class NotificationService {
 /** Singleton instance of NotificationService */
 declare const notificationService: NotificationService;
 
-export { BatchPreferenceUpdate, BulkPreferenceResponse, ChannelsResponse, DeletePreferenceResponse, Notification, NotificationChannel, NotificationListParams, NotificationPreference, NotificationService, NotificationType, NotificationsListResponse, PreferencesResponse, TestNotificationParams, TestNotificationResponse, UpdatePreferenceData, UpdatePreferenceResponse, notificationService, notificationsApi };
+/**
+ * Notification Utilities
+ *
+ * Framework-agnostic utility functions for working with notifications.
+ * These functions provide consistent formatting and styling helpers.
+ */
+
+/**
+ * Badge variant type matching the Badge component variants.
+ */
+type BadgeVariant = 'default' | 'secondary' | 'destructive' | 'outline' | 'success' | 'warning' | 'info';
+/**
+ * Get the icon name for a notification type.
+ * Uses icon names compatible with the Icon component.
+ */
+declare function getNotificationIconName(type: NotificationType): string;
+/**
+ * Get the icon color class for a notification type.
+ * Returns Tailwind CSS color classes.
+ */
+declare function getNotificationIconColor(type: NotificationType): string;
+/**
+ * Get the badge variant for a notification priority.
+ */
+declare function getPriorityBadgeVariant(priority: NotificationPriority): BadgeVariant;
+/**
+ * Get the badge variant for a notification type.
+ */
+declare function getTypeBadgeVariant(type: NotificationType): BadgeVariant;
+/**
+ * Get the display label for a notification priority.
+ */
+declare function getPriorityLabel(priority: NotificationPriority): string;
+/**
+ * Get the display label for a notification type.
+ */
+declare function getTypeLabel(type: NotificationType): string;
+/**
+ * Format a timestamp as a relative time string (e.g., "2 hours ago", "yesterday").
+ */
+declare function formatRelativeTime(timestamp: string): string;
+/**
+ * Format a timestamp as a full, readable date/time string.
+ */
+declare function formatFullTimestamp(timestamp: string): string;
+/**
+ * Format a timestamp for display in notification lists.
+ * Shows relative time for recent notifications, full date for older ones.
+ */
+declare function formatNotificationTime(timestamp: string): string;
+/**
+ * Sort priority values for comparison (higher priority = lower number).
+ */
+declare function getPrioritySortValue(priority: NotificationPriority): number;
+/**
+ * Filter function type for notifications.
+ */
+type NotificationFilter = 'all' | 'unread' | 'read';
+/**
+ * Notification counts for filter tabs.
+ */
+interface NotificationCounts {
+    all: number;
+    unread: number;
+    read: number;
+}
+
+export { type BadgeVariant, BatchPreferenceUpdate, BulkPreferenceResponse, ChannelsResponse, DeletePreferenceResponse, Notification, NotificationChannel, type NotificationCounts, type NotificationFilter, NotificationListParams, NotificationPreference, NotificationPriority, NotificationService, NotificationType, NotificationsListResponse, PreferencesResponse, TestNotificationParams, TestNotificationResponse, UpdatePreferenceData, UpdatePreferenceResponse, formatFullTimestamp, formatNotificationTime, formatRelativeTime, getNotificationIconColor, getNotificationIconName, getPriorityBadgeVariant, getPriorityLabel, getPrioritySortValue, getTypeBadgeVariant, getTypeLabel, notificationService, notificationsApi };

package/dist/core/index.js

@@ -255,4 +255,131 @@ var NotificationService = class {
 };
 var notificationService = new NotificationService();
 
-export { NotificationService, notificationService, notificationsApi };
+// src/core/utils.ts
+function getNotificationIconName(type) {
+  const iconMap = {
+    security: "shield",
+    system: "settings",
+    feature: "zap",
+    update: "refresh",
+    alert: "alert-circle",
+    info: "info"
+  };
+  return iconMap[type] ?? "bell";
+}
+function getNotificationIconColor(type) {
+  const colorMap = {
+    security: "text-red-500",
+    system: "text-blue-500",
+    feature: "text-purple-500",
+    update: "text-green-500",
+    alert: "text-yellow-500",
+    info: "text-gray-500"
+  };
+  return colorMap[type] ?? "text-gray-500";
+}
+function getPriorityBadgeVariant(priority) {
+  const variantMap = {
+    urgent: "destructive",
+    high: "warning",
+    normal: "secondary",
+    low: "outline"
+  };
+  return variantMap[priority] ?? "secondary";
+}
+function getTypeBadgeVariant(type) {
+  const variantMap = {
+    security: "destructive",
+    system: "info",
+    feature: "default",
+    update: "success",
+    alert: "warning",
+    info: "secondary"
+  };
+  return variantMap[type] ?? "secondary";
+}
+function getPriorityLabel(priority) {
+  const labelMap = {
+    urgent: "Urgent",
+    high: "High",
+    normal: "Normal",
+    low: "Low"
+  };
+  return labelMap[priority] ?? priority;
+}
+function getTypeLabel(type) {
+  const labelMap = {
+    security: "Security",
+    system: "System",
+    feature: "Feature",
+    update: "Update",
+    alert: "Alert",
+    info: "Info"
+  };
+  return labelMap[type] ?? type;
+}
+function formatRelativeTime(timestamp) {
+  const date = new Date(timestamp);
+  const now = /* @__PURE__ */ new Date();
+  const diffMs = now.getTime() - date.getTime();
+  const diffSecs = Math.floor(diffMs / 1e3);
+  const diffMins = Math.floor(diffSecs / 60);
+  const diffHours = Math.floor(diffMins / 60);
+  const diffDays = Math.floor(diffHours / 24);
+  const diffWeeks = Math.floor(diffDays / 7);
+  const diffMonths = Math.floor(diffDays / 30);
+  if (diffSecs < 60) {
+    return "just now";
+  } else if (diffMins < 60) {
+    return `${diffMins}m ago`;
+  } else if (diffHours < 24) {
+    return `${diffHours}h ago`;
+  } else if (diffDays === 1) {
+    return "yesterday";
+  } else if (diffDays < 7) {
+    return `${diffDays}d ago`;
+  } else if (diffWeeks < 4) {
+    return `${diffWeeks}w ago`;
+  } else if (diffMonths < 12) {
+    return `${diffMonths}mo ago`;
+  } else {
+    const diffYears = Math.floor(diffMonths / 12);
+    return `${diffYears}y ago`;
+  }
+}
+function formatFullTimestamp(timestamp) {
+  const date = new Date(timestamp);
+  return date.toLocaleString(void 0, {
+    weekday: "short",
+    year: "numeric",
+    month: "short",
+    day: "numeric",
+    hour: "numeric",
+    minute: "2-digit"
+  });
+}
+function formatNotificationTime(timestamp) {
+  const date = new Date(timestamp);
+  const now = /* @__PURE__ */ new Date();
+  const diffMs = now.getTime() - date.getTime();
+  const diffDays = Math.floor(diffMs / (1e3 * 60 * 60 * 24));
+  if (diffDays < 7) {
+    return formatRelativeTime(timestamp);
+  } else {
+    return date.toLocaleDateString(void 0, {
+      month: "short",
+      day: "numeric"
+    });
+  }
+}
+function getPrioritySortValue(priority) {
+  const sortMap = {
+    urgent: 0,
+    high: 1,
+    normal: 2,
+    low: 3
+  };
+  return sortMap[priority] ?? 2;
+}
+
+export { NotificationService, formatFullTimestamp, formatNotificationTime, formatRelativeTime, getNotificationIconColor, getNotificationIconName, getPriorityBadgeVariant, getPriorityLabel, getPrioritySortValue, getTypeBadgeVariant, getTypeLabel, notificationService, notificationsApi };

package/dist/index.d.ts

@@ -1,3 +1,3 @@
-export { NotificationService, notificationService, notificationsApi } from './core/index.js';
+export { BadgeVariant, NotificationCounts, NotificationFilter, NotificationService, formatFullTimestamp, formatNotificationTime, formatRelativeTime, getNotificationIconColor, getNotificationIconName, getPriorityBadgeVariant, getPriorityLabel, getPrioritySortValue, getTypeBadgeVariant, getTypeLabel, notificationService, notificationsApi } from './core/index.js';
 export { B as BatchPreferenceUpdate, j as BulkPreferenceResponse, C as ChannelType, k as ChannelsResponse, D as DeletePreferenceResponse, b as Notification, e as NotificationChannel, i as NotificationError, f as NotificationFrequency, d as NotificationListParams, g as NotificationPreference, h as NotificationPreferenceResult, a as NotificationPriority, N as NotificationType, c as NotificationsListResponse, P as PreferencesResponse, T as TestNotificationParams, m as TestNotificationResponse, U as UpdatePreferenceData, l as UpdatePreferenceResponse } from './types-BSztr7EQ.js';
 export { isLoadingNotifications, notificationStore, notifications, unreadCount } from './svelte/index.js';

package/dist/index.js

@@ -255,6 +255,133 @@ var NotificationService = class {
 };
 var notificationService = new NotificationService();
 
+// src/core/utils.ts
+function getNotificationIconName(type) {
+  const iconMap = {
+    security: "shield",
+    system: "settings",
+    feature: "zap",
+    update: "refresh",
+    alert: "alert-circle",
+    info: "info"
+  };
+  return iconMap[type] ?? "bell";
+}
+function getNotificationIconColor(type) {
+  const colorMap = {
+    security: "text-red-500",
+    system: "text-blue-500",
+    feature: "text-purple-500",
+    update: "text-green-500",
+    alert: "text-yellow-500",
+    info: "text-gray-500"
+  };
+  return colorMap[type] ?? "text-gray-500";
+}
+function getPriorityBadgeVariant(priority) {
+  const variantMap = {
+    urgent: "destructive",
+    high: "warning",
+    normal: "secondary",
+    low: "outline"
+  };
+  return variantMap[priority] ?? "secondary";
+}
+function getTypeBadgeVariant(type) {
+  const variantMap = {
+    security: "destructive",
+    system: "info",
+    feature: "default",
+    update: "success",
+    alert: "warning",
+    info: "secondary"
+  };
+  return variantMap[type] ?? "secondary";
+}
+function getPriorityLabel(priority) {
+  const labelMap = {
+    urgent: "Urgent",
+    high: "High",
+    normal: "Normal",
+    low: "Low"
+  };
+  return labelMap[priority] ?? priority;
+}
+function getTypeLabel(type) {
+  const labelMap = {
+    security: "Security",
+    system: "System",
+    feature: "Feature",
+    update: "Update",
+    alert: "Alert",
+    info: "Info"
+  };
+  return labelMap[type] ?? type;
+}
+function formatRelativeTime(timestamp) {
+  const date = new Date(timestamp);
+  const now = /* @__PURE__ */ new Date();
+  const diffMs = now.getTime() - date.getTime();
+  const diffSecs = Math.floor(diffMs / 1e3);
+  const diffMins = Math.floor(diffSecs / 60);
+  const diffHours = Math.floor(diffMins / 60);
+  const diffDays = Math.floor(diffHours / 24);
+  const diffWeeks = Math.floor(diffDays / 7);
+  const diffMonths = Math.floor(diffDays / 30);
+  if (diffSecs < 60) {
+    return "just now";
+  } else if (diffMins < 60) {
+    return `${diffMins}m ago`;
+  } else if (diffHours < 24) {
+    return `${diffHours}h ago`;
+  } else if (diffDays === 1) {
+    return "yesterday";
+  } else if (diffDays < 7) {
+    return `${diffDays}d ago`;
+  } else if (diffWeeks < 4) {
+    return `${diffWeeks}w ago`;
+  } else if (diffMonths < 12) {
+    return `${diffMonths}mo ago`;
+  } else {
+    const diffYears = Math.floor(diffMonths / 12);
+    return `${diffYears}y ago`;
+  }
+}
+function formatFullTimestamp(timestamp) {
+  const date = new Date(timestamp);
+  return date.toLocaleString(void 0, {
+    weekday: "short",
+    year: "numeric",
+    month: "short",
+    day: "numeric",
+    hour: "numeric",
+    minute: "2-digit"
+  });
+}
+function formatNotificationTime(timestamp) {
+  const date = new Date(timestamp);
+  const now = /* @__PURE__ */ new Date();
+  const diffMs = now.getTime() - date.getTime();
+  const diffDays = Math.floor(diffMs / (1e3 * 60 * 60 * 24));
+  if (diffDays < 7) {
+    return formatRelativeTime(timestamp);
+  } else {
+    return date.toLocaleDateString(void 0, {
+      month: "short",
+      day: "numeric"
+    });
+  }
+}
+function getPrioritySortValue(priority) {
+  const sortMap = {
+    urgent: 0,
+    high: 1,
+    normal: 2,
+    low: 3
+  };
+  return sortMap[priority] ?? 2;
+}
+
 // src/svelte/stores/notifications.svelte.ts
 var NotificationStore = class {
   constructor() {
@@ -480,4 +607,4 @@ var isLoadingNotifications = {
   }
 };
 
-export { NotificationService, isLoadingNotifications, notificationService, notificationStore, notifications, notificationsApi, unreadCount };
+export { NotificationService, formatFullTimestamp, formatNotificationTime, formatRelativeTime, getNotificationIconColor, getNotificationIconName, getPriorityBadgeVariant, getPriorityLabel, getPrioritySortValue, getTypeBadgeVariant, getTypeLabel, isLoadingNotifications, notificationService, notificationStore, notifications, notificationsApi, unreadCount };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@classic-homes/notifications",
-  "version": "0.1.32",
+  "version": "0.1.34",
   "description": "Notification services and Svelte bindings for Classic Theme apps",
   "type": "module",
   "main": "dist/index.js",