@getmicdrop/svelte-components 5.17.3 → 5.17.4

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
+  }
+}

package/dist/utils/haptic.spec.js

@@ -1,4 +1,4 @@
-import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest';
+import { describe, it, expect, vi, afterEach } from 'vitest';
 import { triggerHaptic, isHapticAvailable, getHapticForButtonVariant } from './haptic';
 describe('haptic', () => {
     const originalWindow = globalThis.window;

package/dist/utils/imageValidation.js

@@ -1,121 +1,121 @@
-/**
- * Image validation utilities for file uploads
- *
- * Guidelines:
- * - Formats: PNG, JPG, JPEG, WebP, HEIC, HEIF
- * - Max dimension: 8000px (to handle phone screenshots up to 4K)
- * - Max file size: 20MB (we crop and optimize to 1000x1000 WebP anyway)
- * - Aspect ratio: Any
- */
-
-const MAX_FILE_SIZE = 20 * 1024 * 1024; // 20 MB - generous since we optimize
-const MAX_DIMENSION = 8000; // pixels - handles 4K+ phone screenshots
-const ALLOWED_IMAGE_TYPES = [
-  'image/jpeg',
-  'image/jpg',
-  'image/png',
-  'image/webp',
-  'image/heic',
-  'image/heif'
-];
-
-/**
- * Validates an image file according to upload guidelines
- * @param {File} file - The image file to validate
- * @returns {Promise<{valid: boolean, error: string|null, dimensions: {width: number, height: number}}>}
- */
-export async function validateImage(file) {
-  // Check file type
-  if (!ALLOWED_IMAGE_TYPES.includes(file.type.toLowerCase())) {
-    return {
-      valid: false,
-      error: 'Invalid file format. Please upload PNG, JPG, WebP, or HEIC images only.',
-      dimensions: null
-    };
-  }
-
-  // Check file size
-  if (file.size > MAX_FILE_SIZE) {
-    const sizeMB = (file.size / (1024 * 1024)).toFixed(2);
-    return {
-      valid: false,
-      error: `File too large (${sizeMB}MB). Maximum file size is 20MB.`,
-      dimensions: null
-    };
-  }
-
-  // Check dimensions
-  try {
-    const dimensions = await getImageDimensions(file);
-
-    if (dimensions.width > MAX_DIMENSION || dimensions.height > MAX_DIMENSION) {
-      return {
-        valid: false,
-        error: `Image dimensions too large (${dimensions.width}x${dimensions.height}px). Maximum dimension is ${MAX_DIMENSION}px.`,
-        dimensions
-      };
-    }
-
-    return {
-      valid: true,
-      error: null,
-      dimensions
-    };
-  } catch (_error) {
-    return {
-      valid: false,
-      error: 'Failed to read image dimensions. Please try another file.',
-      dimensions: null
-    };
-  }
-}
-
-/**
- * Gets the dimensions of an image file
- * @param {File} file - The image file
- * @returns {Promise<{width: number, height: number}>}
- */
-function getImageDimensions(file) {
-  return new Promise((resolve, reject) => {
-    const img = new Image();
-    const objectUrl = URL.createObjectURL(file);
-
-    img.onload = function() {
-      URL.revokeObjectURL(objectUrl);
-      resolve({
-        width: this.width,
-        height: this.height
-      });
-    };
-
-    img.onerror = function() {
-      URL.revokeObjectURL(objectUrl);
-      reject(new Error('Failed to load image'));
-    };
-
-    img.src = objectUrl;
-  });
-}
-
-/**
- * Gets the accept attribute value for file inputs
- * @returns {string}
- */
-export function getImageAcceptAttribute() {
-  return 'image/png,image/jpeg,image/jpg,image/webp,image/heic,image/heif';
-}
-
-/**
- * Gets formatted error messages for display in UI
- * @returns {object}
- */
-export function getValidationMessages() {
-  return {
-    formats: 'PNG, JPG, WebP, HEIC',
-    maxSize: '20MB',
-    maxDimension: '8000px',
-    aspectRatio: 'Any'
-  };
-}
-
-export { MAX_FILE_SIZE, MAX_DIMENSION, ALLOWED_IMAGE_TYPES };
+/**
+ * Image validation utilities for file uploads
+ *
+ * Guidelines:
+ * - Formats: PNG, JPG, JPEG, WebP, HEIC, HEIF
+ * - Max dimension: 8000px (to handle phone screenshots up to 4K)
+ * - Max file size: 20MB (we crop and optimize to 1000x1000 WebP anyway)
+ * - Aspect ratio: Any
+ */
+
+const MAX_FILE_SIZE = 20 * 1024 * 1024; // 20 MB - generous since we optimize
+const MAX_DIMENSION = 8000; // pixels - handles 4K+ phone screenshots
+const ALLOWED_IMAGE_TYPES = [
+  'image/jpeg',
+  'image/jpg',
+  'image/png',
+  'image/webp',
+  'image/heic',
+  'image/heif'
+];
+
+/**
+ * Validates an image file according to upload guidelines
+ * @param {File} file - The image file to validate
+ * @returns {Promise<{valid: boolean, error: string|null, dimensions: {width: number, height: number}}>}
+ */
+export async function validateImage(file) {
+  // Check file type
+  if (!ALLOWED_IMAGE_TYPES.includes(file.type.toLowerCase())) {
+    return {
+      valid: false,
+      error: 'Invalid file format. Please upload PNG, JPG, WebP, or HEIC images only.',
+      dimensions: null
+    };
+  }
+
+  // Check file size
+  if (file.size > MAX_FILE_SIZE) {
+    const sizeMB = (file.size / (1024 * 1024)).toFixed(2);
+    return {
+      valid: false,
+      error: `File too large (${sizeMB}MB). Maximum file size is 20MB.`,
+      dimensions: null
+    };
+  }
+
+  // Check dimensions
+  try {
+    const dimensions = await getImageDimensions(file);
+
+    if (dimensions.width > MAX_DIMENSION || dimensions.height > MAX_DIMENSION) {
+      return {
+        valid: false,
+        error: `Image dimensions too large (${dimensions.width}x${dimensions.height}px). Maximum dimension is ${MAX_DIMENSION}px.`,
+        dimensions
+      };
+    }
+
+    return {
+      valid: true,
+      error: null,
+      dimensions
+    };
+  } catch (_error) {
+    return {
+      valid: false,
+      error: 'Failed to read image dimensions. Please try another file.',
+      dimensions: null
+    };
+  }
+}
+
+/**
+ * Gets the dimensions of an image file
+ * @param {File} file - The image file
+ * @returns {Promise<{width: number, height: number}>}
+ */
+function getImageDimensions(file) {
+  return new Promise((resolve, reject) => {
+    const img = new Image();
+    const objectUrl = URL.createObjectURL(file);
+
+    img.onload = function() {
+      URL.revokeObjectURL(objectUrl);
+      resolve({
+        width: this.width,
+        height: this.height
+      });
+    };
+
+    img.onerror = function() {
+      URL.revokeObjectURL(objectUrl);
+      reject(new Error('Failed to load image'));
+    };
+
+    img.src = objectUrl;
+  });
+}
+
+/**
+ * Gets the accept attribute value for file inputs
+ * @returns {string}
+ */
+export function getImageAcceptAttribute() {
+  return 'image/png,image/jpeg,image/jpg,image/webp,image/heic,image/heif';
+}
+
+/**
+ * Gets formatted error messages for display in UI
+ * @returns {object}
+ */
+export function getValidationMessages() {
+  return {
+    formats: 'PNG, JPG, WebP, HEIC',
+    maxSize: '20MB',
+    maxDimension: '8000px',
+    aspectRatio: 'Any'
+  };
+}
+
+export { MAX_FILE_SIZE, MAX_DIMENSION, ALLOWED_IMAGE_TYPES };

package/dist/utils/transitions.js

@@ -40,10 +40,10 @@ export function bloom(_node, { duration = 200, delay = 0, origin = 'top right' }
         easing: cubicOut,
         css: (t) => {
             const scale = 0.95 + 0.05 * t;
-            return `
-        transform: scale(${scale});
-        transform-origin: ${origin};
-        opacity: ${t};
+            return `
+        transform: scale(${scale});
+        transform-origin: ${origin};
+        opacity: ${t};
       `;
         },
     };