@getmicdrop/svelte-components 5.5.5 → 5.6.0

package/dist/utils/apiConfig.spec.js

@@ -1,219 +1,219 @@
-import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest';
-import {
-  API_BASE_URL,
-  FRONTEND_BASE_URL,
-  buildApiUrl,
-  API_ENDPOINTS,
-  buildPerformerInviteUrl,
-  getPerformerInviteMethod,
-  buildV2PerformerActionUrl,
-} from './apiConfig';
-
-describe('apiConfig', () => {
-  describe('API_BASE_URL', () => {
-    it('is defined', () => {
-      expect(API_BASE_URL).toBeDefined();
-    });
-
-    it('is a string', () => {
-      expect(typeof API_BASE_URL).toBe('string');
-    });
-
-    it('starts with http', () => {
-      expect(API_BASE_URL.startsWith('http')).toBe(true);
-    });
-  });
-
-  describe('FRONTEND_BASE_URL', () => {
-    it('is defined', () => {
-      expect(FRONTEND_BASE_URL).toBeDefined();
-    });
-
-    it('is a string', () => {
-      expect(typeof FRONTEND_BASE_URL).toBe('string');
-    });
-  });
-
-  describe('buildApiUrl', () => {
-    it('builds URL with path starting with /', () => {
-      const url = buildApiUrl('/api/test');
-      expect(url).toBe(`${API_BASE_URL}/api/test`);
-    });
-
-    it('adds leading / when path does not have one', () => {
-      const url = buildApiUrl('api/test');
-      expect(url).toBe(`${API_BASE_URL}/api/test`);
-    });
-
-    it('handles empty path', () => {
-      const url = buildApiUrl('');
-      expect(url).toBe(`${API_BASE_URL}/`);
-    });
-
-    it('handles path with query params', () => {
-      const url = buildApiUrl('/api/test?param=value');
-      expect(url).toBe(`${API_BASE_URL}/api/test?param=value`);
-    });
-  });
-
-  describe('API_ENDPOINTS', () => {
-    it('has LOGIN endpoint', () => {
-      expect(API_ENDPOINTS.LOGIN).toBe('/api/public/login');
-    });
-
-    it('has PERFORMER_PROFILE endpoint', () => {
-      expect(API_ENDPOINTS.PERFORMER_PROFILE).toBe('/api/performer/getPerformerProfile');
-    });
-
-    it('has MODIFY_PERFORMER_PROFILE endpoint', () => {
-      expect(API_ENDPOINTS.MODIFY_PERFORMER_PROFILE).toBe('/api/performer/modifyPerformerProfile');
-    });
-
-    it('has PERFORMER_AVAILABILITIES endpoint', () => {
-      expect(API_ENDPOINTS.PERFORMER_AVAILABILITIES).toBe('/api/performer/performerAvailabilities');
-    });
-
-    it('has GET_EVENT_PERFORMER_INVITES endpoint', () => {
-      expect(API_ENDPOINTS.GET_EVENT_PERFORMER_INVITES).toBe('/api/performer/getEventPerformerInvites');
-    });
-
-    it('has GET_ROSTER_EVENT_PERFORMERS_FOR_USER endpoint', () => {
-      expect(API_ENDPOINTS.GET_ROSTER_EVENT_PERFORMERS_FOR_USER).toBe('/api/performer/getRosterEventPerformersForUser');
-    });
-
-    it('has GET_EVENTS_FOR_VENUE endpoint', () => {
-      expect(API_ENDPOINTS.GET_EVENTS_FOR_VENUE).toBe('/api/public/getEventsForVenue');
-    });
-
-    it('has GET_VENUE endpoint', () => {
-      expect(API_ENDPOINTS.GET_VENUE).toBe('/api/public/getVenue');
-    });
-
-    it('has ACCEPT_EVENT_PERFORMER_INVITE endpoint', () => {
-      expect(API_ENDPOINTS.ACCEPT_EVENT_PERFORMER_INVITE).toBe('/api/public/acceptEventPerformerInvite');
-    });
-
-    it('has DECLINE_EVENT_PERFORMER_INVITE endpoint', () => {
-      expect(API_ENDPOINTS.DECLINE_EVENT_PERFORMER_INVITE).toBe('/api/public/declineEventPerformerInvite');
-    });
-
-    it('has CANCEL_EVENT_PERFORMER_INVITE endpoint', () => {
-      expect(API_ENDPOINTS.CANCEL_EVENT_PERFORMER_INVITE).toBe('/api/public/cancelEventPerformerInvite');
-    });
-
-    it('has SEND_VENUE_MESSAGE endpoint', () => {
-      expect(API_ENDPOINTS.SEND_VENUE_MESSAGE).toBe('/api/performer/sendVenueMessage');
-    });
-
-    it('has REJECT_ROSTER_INVITE endpoint', () => {
-      expect(API_ENDPOINTS.REJECT_ROSTER_INVITE).toBe('/api/public/rejectRosterInvite');
-    });
-
-    it('has REMOVE_VENUE_FROM_ROSTER endpoint', () => {
-      expect(API_ENDPOINTS.REMOVE_VENUE_FROM_ROSTER).toBe('/api/performer/removeVenueFromRoster');
-    });
-
-    it('uses buildApiUrl for full URLs', () => {
-      const loginUrl = buildApiUrl(API_ENDPOINTS.LOGIN);
-      expect(loginUrl).toContain('/api/public/login');
-    });
-  });
-
-  describe('buildPerformerInviteUrl', () => {
-    it('builds V1 accept URL', () => {
-      const url = buildPerformerInviteUrl(123, 'accept');
-      expect(url).toContain('/api/public/acceptEventPerformerInvite/123');
-    });
-
-    it('builds V1 decline URL', () => {
-      const url = buildPerformerInviteUrl(456, 'decline');
-      expect(url).toContain('/api/public/declineEventPerformerInvite/456');
-    });
-
-    it('builds V1 cancel URL', () => {
-      const url = buildPerformerInviteUrl(789, 'cancel');
-      expect(url).toContain('/api/public/cancelEventPerformerInvite/789');
-    });
-  });
-
-  describe('getPerformerInviteMethod', () => {
-    it('returns correct HTTP method for V1 actions', () => {
-      expect(getPerformerInviteMethod('accept')).toBe('PUT');
-      expect(getPerformerInviteMethod('decline')).toBe('PUT');
-      expect(getPerformerInviteMethod('cancel')).toBe('PUT');
-    });
-  });
-
-  describe('buildV2PerformerActionUrl', () => {
-    it('builds V2 performer action URL with confirm', () => {
-      const url = buildV2PerformerActionUrl(123, 'confirm');
-      expect(url).toContain('/api/v2/event-performers/123/confirm');
-    });
-
-    it('builds V2 performer action URL with decline', () => {
-      const url = buildV2PerformerActionUrl(456, 'decline');
-      expect(url).toContain('/api/v2/event-performers/456/decline');
-    });
-
-    it('builds V2 performer action URL with reassign', () => {
-      const url = buildV2PerformerActionUrl(789, 'reassign');
-      expect(url).toContain('/api/v2/event-performers/789/reassign');
-    });
-  });
-
-  describe('V2 API paths', () => {
-    let originalEnv;
-
-    beforeEach(async () => {
-      originalEnv = import.meta.env.VITE_API_VERSION;
-      vi.resetModules();
-    });
-
-    afterEach(async () => {
-      import.meta.env.VITE_API_VERSION = originalEnv;
-      vi.resetModules();
-    });
-
-    it('buildPerformerInviteUrl uses V2 endpoint for accept when USE_V2_API is true', async () => {
-      // Set environment variable to v2
-      import.meta.env.VITE_API_VERSION = 'v2';
-
-      // Re-import to get fresh module with new env
-      const module = await import('./apiConfig');
-
-      const url = module.buildPerformerInviteUrl(123, 'accept');
-      expect(url).toContain('/api/v2/event-performers/123/confirm');
-    });
-
-    it('buildPerformerInviteUrl uses V2 endpoint for decline when USE_V2_API is true', async () => {
-      import.meta.env.VITE_API_VERSION = 'v2';
-      const module = await import('./apiConfig');
-
-      const url = module.buildPerformerInviteUrl(456, 'decline');
-      expect(url).toContain('/api/v2/event-performers/456/decline');
-    });
-
-    it('buildPerformerInviteUrl uses V1 endpoint for cancel even when USE_V2_API is true', async () => {
-      import.meta.env.VITE_API_VERSION = 'v2';
-      const module = await import('./apiConfig');
-
-      const url = module.buildPerformerInviteUrl(789, 'cancel');
-      expect(url).toContain('/api/public/cancelEventPerformerInvite/789');
-    });
-
-    it('getPerformerInviteMethod returns POST for V2 non-cancel actions', async () => {
-      import.meta.env.VITE_API_VERSION = 'v2';
-      const module = await import('./apiConfig');
-
-      expect(module.getPerformerInviteMethod('accept')).toBe('POST');
-      expect(module.getPerformerInviteMethod('decline')).toBe('POST');
-    });
-
-    it('getPerformerInviteMethod returns PUT for V2 cancel action', async () => {
-      import.meta.env.VITE_API_VERSION = 'v2';
-      const module = await import('./apiConfig');
-
-      expect(module.getPerformerInviteMethod('cancel')).toBe('PUT');
-    });
-  });
-});
+import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest';
+import {
+  API_BASE_URL,
+  FRONTEND_BASE_URL,
+  buildApiUrl,
+  API_ENDPOINTS,
+  buildPerformerInviteUrl,
+  getPerformerInviteMethod,
+  buildV2PerformerActionUrl,
+} from './apiConfig';
+
+describe('apiConfig', () => {
+  describe('API_BASE_URL', () => {
+    it('is defined', () => {
+      expect(API_BASE_URL).toBeDefined();
+    });
+
+    it('is a string', () => {
+      expect(typeof API_BASE_URL).toBe('string');
+    });
+
+    it('starts with http', () => {
+      expect(API_BASE_URL.startsWith('http')).toBe(true);
+    });
+  });
+
+  describe('FRONTEND_BASE_URL', () => {
+    it('is defined', () => {
+      expect(FRONTEND_BASE_URL).toBeDefined();
+    });
+
+    it('is a string', () => {
+      expect(typeof FRONTEND_BASE_URL).toBe('string');
+    });
+  });
+
+  describe('buildApiUrl', () => {
+    it('builds URL with path starting with /', () => {
+      const url = buildApiUrl('/api/test');
+      expect(url).toBe(`${API_BASE_URL}/api/test`);
+    });
+
+    it('adds leading / when path does not have one', () => {
+      const url = buildApiUrl('api/test');
+      expect(url).toBe(`${API_BASE_URL}/api/test`);
+    });
+
+    it('handles empty path', () => {
+      const url = buildApiUrl('');
+      expect(url).toBe(`${API_BASE_URL}/`);
+    });
+
+    it('handles path with query params', () => {
+      const url = buildApiUrl('/api/test?param=value');
+      expect(url).toBe(`${API_BASE_URL}/api/test?param=value`);
+    });
+  });
+
+  describe('API_ENDPOINTS', () => {
+    it('has LOGIN endpoint', () => {
+      expect(API_ENDPOINTS.LOGIN).toBe('/api/public/login');
+    });
+
+    it('has PERFORMER_PROFILE endpoint', () => {
+      expect(API_ENDPOINTS.PERFORMER_PROFILE).toBe('/api/performer/getPerformerProfile');
+    });
+
+    it('has MODIFY_PERFORMER_PROFILE endpoint', () => {
+      expect(API_ENDPOINTS.MODIFY_PERFORMER_PROFILE).toBe('/api/performer/modifyPerformerProfile');
+    });
+
+    it('has PERFORMER_AVAILABILITIES endpoint', () => {
+      expect(API_ENDPOINTS.PERFORMER_AVAILABILITIES).toBe('/api/performer/performerAvailabilities');
+    });
+
+    it('has GET_EVENT_PERFORMER_INVITES endpoint', () => {
+      expect(API_ENDPOINTS.GET_EVENT_PERFORMER_INVITES).toBe('/api/performer/getEventPerformerInvites');
+    });
+
+    it('has GET_ROSTER_EVENT_PERFORMERS_FOR_USER endpoint', () => {
+      expect(API_ENDPOINTS.GET_ROSTER_EVENT_PERFORMERS_FOR_USER).toBe('/api/performer/getRosterEventPerformersForUser');
+    });
+
+    it('has GET_EVENTS_FOR_VENUE endpoint', () => {
+      expect(API_ENDPOINTS.GET_EVENTS_FOR_VENUE).toBe('/api/public/getEventsForVenue');
+    });
+
+    it('has GET_VENUE endpoint', () => {
+      expect(API_ENDPOINTS.GET_VENUE).toBe('/api/public/getVenue');
+    });
+
+    it('has ACCEPT_EVENT_PERFORMER_INVITE endpoint', () => {
+      expect(API_ENDPOINTS.ACCEPT_EVENT_PERFORMER_INVITE).toBe('/api/public/acceptEventPerformerInvite');
+    });
+
+    it('has DECLINE_EVENT_PERFORMER_INVITE endpoint', () => {
+      expect(API_ENDPOINTS.DECLINE_EVENT_PERFORMER_INVITE).toBe('/api/public/declineEventPerformerInvite');
+    });
+
+    it('has CANCEL_EVENT_PERFORMER_INVITE endpoint', () => {
+      expect(API_ENDPOINTS.CANCEL_EVENT_PERFORMER_INVITE).toBe('/api/public/cancelEventPerformerInvite');
+    });
+
+    it('has SEND_VENUE_MESSAGE endpoint', () => {
+      expect(API_ENDPOINTS.SEND_VENUE_MESSAGE).toBe('/api/performer/sendVenueMessage');
+    });
+
+    it('has REJECT_ROSTER_INVITE endpoint', () => {
+      expect(API_ENDPOINTS.REJECT_ROSTER_INVITE).toBe('/api/public/rejectRosterInvite');
+    });
+
+    it('has REMOVE_VENUE_FROM_ROSTER endpoint', () => {
+      expect(API_ENDPOINTS.REMOVE_VENUE_FROM_ROSTER).toBe('/api/performer/removeVenueFromRoster');
+    });
+
+    it('uses buildApiUrl for full URLs', () => {
+      const loginUrl = buildApiUrl(API_ENDPOINTS.LOGIN);
+      expect(loginUrl).toContain('/api/public/login');
+    });
+  });
+
+  describe('buildPerformerInviteUrl', () => {
+    it('builds V1 accept URL', () => {
+      const url = buildPerformerInviteUrl(123, 'accept');
+      expect(url).toContain('/api/public/acceptEventPerformerInvite/123');
+    });
+
+    it('builds V1 decline URL', () => {
+      const url = buildPerformerInviteUrl(456, 'decline');
+      expect(url).toContain('/api/public/declineEventPerformerInvite/456');
+    });
+
+    it('builds V1 cancel URL', () => {
+      const url = buildPerformerInviteUrl(789, 'cancel');
+      expect(url).toContain('/api/public/cancelEventPerformerInvite/789');
+    });
+  });
+
+  describe('getPerformerInviteMethod', () => {
+    it('returns correct HTTP method for V1 actions', () => {
+      expect(getPerformerInviteMethod('accept')).toBe('PUT');
+      expect(getPerformerInviteMethod('decline')).toBe('PUT');
+      expect(getPerformerInviteMethod('cancel')).toBe('PUT');
+    });
+  });
+
+  describe('buildV2PerformerActionUrl', () => {
+    it('builds V2 performer action URL with confirm', () => {
+      const url = buildV2PerformerActionUrl(123, 'confirm');
+      expect(url).toContain('/api/v2/event-performers/123/confirm');
+    });
+
+    it('builds V2 performer action URL with decline', () => {
+      const url = buildV2PerformerActionUrl(456, 'decline');
+      expect(url).toContain('/api/v2/event-performers/456/decline');
+    });
+
+    it('builds V2 performer action URL with reassign', () => {
+      const url = buildV2PerformerActionUrl(789, 'reassign');
+      expect(url).toContain('/api/v2/event-performers/789/reassign');
+    });
+  });
+
+  describe('V2 API paths', () => {
+    let originalEnv;
+
+    beforeEach(async () => {
+      originalEnv = import.meta.env.VITE_API_VERSION;
+      vi.resetModules();
+    });
+
+    afterEach(async () => {
+      import.meta.env.VITE_API_VERSION = originalEnv;
+      vi.resetModules();
+    });
+
+    it('buildPerformerInviteUrl uses V2 endpoint for accept when USE_V2_API is true', async () => {
+      // Set environment variable to v2
+      import.meta.env.VITE_API_VERSION = 'v2';
+
+      // Re-import to get fresh module with new env
+      const module = await import('./apiConfig');
+
+      const url = module.buildPerformerInviteUrl(123, 'accept');
+      expect(url).toContain('/api/v2/event-performers/123/confirm');
+    });
+
+    it('buildPerformerInviteUrl uses V2 endpoint for decline when USE_V2_API is true', async () => {
+      import.meta.env.VITE_API_VERSION = 'v2';
+      const module = await import('./apiConfig');
+
+      const url = module.buildPerformerInviteUrl(456, 'decline');
+      expect(url).toContain('/api/v2/event-performers/456/decline');
+    });
+
+    it('buildPerformerInviteUrl uses V1 endpoint for cancel even when USE_V2_API is true', async () => {
+      import.meta.env.VITE_API_VERSION = 'v2';
+      const module = await import('./apiConfig');
+
+      const url = module.buildPerformerInviteUrl(789, 'cancel');
+      expect(url).toContain('/api/public/cancelEventPerformerInvite/789');
+    });
+
+    it('getPerformerInviteMethod returns POST for V2 non-cancel actions', async () => {
+      import.meta.env.VITE_API_VERSION = 'v2';
+      const module = await import('./apiConfig');
+
+      expect(module.getPerformerInviteMethod('accept')).toBe('POST');
+      expect(module.getPerformerInviteMethod('decline')).toBe('POST');
+    });
+
+    it('getPerformerInviteMethod returns PUT for V2 cancel action', async () => {
+      import.meta.env.VITE_API_VERSION = 'v2';
+      const module = await import('./apiConfig');
+
+      expect(module.getPerformerInviteMethod('cancel')).toBe('PUT');
+    });
+  });
+});

package/dist/utils/transitions.js

@@ -1,62 +1,62 @@
-/**
- * Safe transition utilities that guard against NaN values
- *
- * The standard Svelte slide transition can produce "Invalid keyframe value for property height: NaNpx"
- * when the element hasn't been measured yet (e.g., during SSR hydration or when mounted in an unmeasured container).
- *
- * These utilities wrap Svelte's transitions with guards against invalid values.
- */
-
-import { slide as svelteSlide } from 'svelte/transition';
-
-/**
- * A safe version of Svelte's slide transition that guards against NaN height values.
- *
- * When an element is inside an {#if} block and the condition becomes true,
- * Svelte tries to animate from height 0. If the element hasn't been measured yet,
- * offsetHeight can be 0 or undefined, leading to NaN in the animation.
- *
- * This wrapper checks if the element is measurable and skips the animation if not.
- *
- * @param {HTMLElement} node - The element to transition
- * @param {Object} params - Transition parameters
- * @param {number} [params.delay=0] - Delay before transition starts (ms)
- * @param {number} [params.duration=400] - Duration of transition (ms)
- * @param {Function} [params.easing] - Easing function
- * @param {'x'|'y'} [params.axis='y'] - Axis to slide on
- * @returns {Object} Transition configuration
- */
-export function safeSlide(node, params = {}) {
-  // Check if the element is measurable
-  const height = node.offsetHeight;
-  const width = node.offsetWidth;
-
-  // If element has no dimensions (not yet in DOM or hidden), skip animation
-  if ((!height && !width) || !isFinite(height) || !isFinite(width)) {
-    return {
-      delay: params.delay || 0,
-      duration: 0,
-      css: () => ''
-    };
-  }
-
-  // Element is measurable, use standard slide
-  return svelteSlide(node, params);
-}
-
-/**
- * CSS-based slide alternative using grid-template-rows.
- * This approach doesn't require JS measurement and never produces NaN.
- *
- * Usage in Svelte:
- * ```svelte
- * <div class="grid {isOpen ? 'grid-rows-[1fr]' : 'grid-rows-[0fr]'} transition-all duration-200">
- *   <div class="overflow-hidden">
- *     <!-- content -->
- *   </div>
- * </div>
- * ```
- *
- * This is an alternative approach documented here for reference.
- * The grid-based approach is more performant but requires wrapping content.
- */
+/**
+ * Safe transition utilities that guard against NaN values
+ *
+ * The standard Svelte slide transition can produce "Invalid keyframe value for property height: NaNpx"
+ * when the element hasn't been measured yet (e.g., during SSR hydration or when mounted in an unmeasured container).
+ *
+ * These utilities wrap Svelte's transitions with guards against invalid values.
+ */
+
+import { slide as svelteSlide } from 'svelte/transition';
+
+/**
+ * A safe version of Svelte's slide transition that guards against NaN height values.
+ *
+ * When an element is inside an {#if} block and the condition becomes true,
+ * Svelte tries to animate from height 0. If the element hasn't been measured yet,
+ * offsetHeight can be 0 or undefined, leading to NaN in the animation.
+ *
+ * This wrapper checks if the element is measurable and skips the animation if not.
+ *
+ * @param {HTMLElement} node - The element to transition
+ * @param {Object} params - Transition parameters
+ * @param {number} [params.delay=0] - Delay before transition starts (ms)
+ * @param {number} [params.duration=400] - Duration of transition (ms)
+ * @param {Function} [params.easing] - Easing function
+ * @param {'x'|'y'} [params.axis='y'] - Axis to slide on
+ * @returns {Object} Transition configuration
+ */
+export function safeSlide(node, params = {}) {
+  // Check if the element is measurable
+  const height = node.offsetHeight;
+  const width = node.offsetWidth;
+
+  // If element has no dimensions (not yet in DOM or hidden), skip animation
+  if ((!height && !width) || !isFinite(height) || !isFinite(width)) {
+    return {
+      delay: params.delay || 0,
+      duration: 0,
+      css: () => ''
+    };
+  }
+
+  // Element is measurable, use standard slide
+  return svelteSlide(node, params);
+}
+
+/**
+ * CSS-based slide alternative using grid-template-rows.
+ * This approach doesn't require JS measurement and never produces NaN.
+ *
+ * Usage in Svelte:
+ * ```svelte
+ * <div class="grid {isOpen ? 'grid-rows-[1fr]' : 'grid-rows-[0fr]'} transition-all duration-200">
+ *   <div class="overflow-hidden">
+ *     <!-- content -->
+ *   </div>
+ * </div>
+ * ```
+ *
+ * This is an alternative approach documented here for reference.
+ * The grid-based approach is more performant but requires wrapping content.
+ */