@getmicdrop/svelte-components 5.5.5 → 5.6.1

package/dist/utils/logger.js

@@ -0,0 +1,47 @@
+/**
+ * Centralized logger utility for MicDrop applications
+ * Can be disabled in production or configured for different log levels
+ */
+const LOG_LEVELS = {
+    debug: 0,
+    info: 1,
+    warn: 2,
+    error: 3,
+};
+let config = {
+    enabled: typeof window !== 'undefined' && import.meta.env?.DEV !== false,
+    level: 'debug',
+    prefix: '[MicDrop]',
+};
+export function configureLogger(options) {
+    config = { ...config, ...options };
+}
+function shouldLog(level) {
+    return config.enabled && LOG_LEVELS[level] >= LOG_LEVELS[config.level];
+}
+function formatMessage(level, message) {
+    return `${config.prefix} [${level.toUpperCase()}] ${message}`;
+}
+export const logger = {
+    debug: (message, ...args) => {
+        if (shouldLog('debug')) {
+            console.log(formatMessage('debug', message), ...args);
+        }
+    },
+    info: (message, ...args) => {
+        if (shouldLog('info')) {
+            console.info(formatMessage('info', message), ...args);
+        }
+    },
+    warn: (message, ...args) => {
+        if (shouldLog('warn')) {
+            console.warn(formatMessage('warn', message), ...args);
+        }
+    },
+    error: (message, ...args) => {
+        if (shouldLog('error')) {
+            console.error(formatMessage('error', message), ...args);
+        }
+    },
+};
+export default logger;

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.
+ */