@getmicdrop/svelte-components 5.6.0 → 5.6.1

package/dist/telemetry.spec.js

@@ -1,34 +1,39 @@
 // @ts-nocheck
 import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest';
 
+// Vitest 4.x requires class syntax for constructor mocks
 // Mock all OpenTelemetry modules before importing telemetry
 vi.mock('@opentelemetry/sdk-trace-web', () => ({
-  WebTracerProvider: vi.fn().mockImplementation(() => ({
-    addSpanProcessor: vi.fn(),
-    register: vi.fn(),
-    getTracer: vi.fn().mockReturnValue({
-      startSpan: vi.fn().mockReturnValue({
-        setAttribute: vi.fn(),
-        setStatus: vi.fn(),
-        recordException: vi.fn(),
-        end: vi.fn(),
-        name: 'test-span',
-      }),
-    }),
-    shutdown: vi.fn().mockResolvedValue(undefined),
-  })),
+  WebTracerProvider: class MockWebTracerProvider {
+    constructor() {
+      this.addSpanProcessor = vi.fn();
+      this.register = vi.fn();
+      this.shutdown = vi.fn().mockResolvedValue(undefined);
+    }
+    getTracer() {
+      return {
+        startSpan: vi.fn().mockReturnValue({
+          setAttribute: vi.fn(),
+          setStatus: vi.fn(),
+          recordException: vi.fn(),
+          end: vi.fn(),
+          name: 'test-span',
+        }),
+      };
+    }
+  },
 }));
 
 vi.mock('@opentelemetry/sdk-trace-base', () => ({
-  BatchSpanProcessor: vi.fn(),
+  BatchSpanProcessor: class MockBatchSpanProcessor {},
 }));
 
 vi.mock('@opentelemetry/exporter-trace-otlp-http', () => ({
-  OTLPTraceExporter: vi.fn(),
+  OTLPTraceExporter: class MockOTLPTraceExporter {},
 }));
 
 vi.mock('@opentelemetry/resources', () => ({
-  Resource: vi.fn(),
+  Resource: class MockResource {},
 }));
 
 vi.mock('@opentelemetry/semantic-conventions', () => ({
@@ -38,35 +43,43 @@ vi.mock('@opentelemetry/semantic-conventions', () => ({
 }));
 
 vi.mock('@opentelemetry/instrumentation-document-load', () => ({
-  DocumentLoadInstrumentation: vi.fn().mockImplementation(() => ({
-    enable: vi.fn(),
-  })),
+  DocumentLoadInstrumentation: class MockDocumentLoadInstrumentation {
+    constructor() {
+      this.enable = vi.fn();
+    }
+  },
 }));
 
 vi.mock('@opentelemetry/instrumentation-fetch', () => ({
-  FetchInstrumentation: vi.fn().mockImplementation(() => ({
-    enable: vi.fn(),
-  })),
+  FetchInstrumentation: class MockFetchInstrumentation {
+    constructor() {
+      this.enable = vi.fn();
+    }
+  },
 }));
 
 vi.mock('@opentelemetry/instrumentation-xml-http-request', () => ({
-  XMLHttpRequestInstrumentation: vi.fn().mockImplementation(() => ({
-    enable: vi.fn(),
-  })),
+  XMLHttpRequestInstrumentation: class MockXMLHttpRequestInstrumentation {
+    constructor() {
+      this.enable = vi.fn();
+    }
+  },
 }));
 
 vi.mock('@opentelemetry/instrumentation-user-interaction', () => ({
-  UserInteractionInstrumentation: vi.fn().mockImplementation(() => ({
-    enable: vi.fn(),
-  })),
+  UserInteractionInstrumentation: class MockUserInteractionInstrumentation {
+    constructor() {
+      this.enable = vi.fn();
+    }
+  },
 }));
 
 vi.mock('@opentelemetry/context-zone', () => ({
-  ZoneContextManager: vi.fn(),
+  ZoneContextManager: class MockZoneContextManager {},
 }));
 
 vi.mock('@opentelemetry/propagator-b3', () => ({
-  B3Propagator: vi.fn(),
+  B3Propagator: class MockB3Propagator {},
 }));
 
 describe('Telemetry Module', () => {
@@ -504,22 +517,26 @@ describe('Telemetry shutdown error handling', () => {
   beforeEach(async () => {
     vi.resetModules();
 
-    // Mock shutdown to throw error
+    // Mock shutdown to throw error - Vitest 4.x requires class syntax
     vi.mock('@opentelemetry/sdk-trace-web', () => ({
-      WebTracerProvider: vi.fn().mockImplementation(() => ({
-        addSpanProcessor: vi.fn(),
-        register: vi.fn(),
-        getTracer: vi.fn().mockReturnValue({
-          startSpan: vi.fn().mockReturnValue({
-            setAttribute: vi.fn(),
-            setStatus: vi.fn(),
-            recordException: vi.fn(),
-            end: vi.fn(),
-            name: 'test-span',
-          }),
-        }),
-        shutdown: vi.fn().mockRejectedValue(new Error('Shutdown failed')),
-      })),
+      WebTracerProvider: class MockWebTracerProviderWithError {
+        constructor() {
+          this.addSpanProcessor = vi.fn();
+          this.register = vi.fn();
+          this.shutdown = vi.fn().mockRejectedValue(new Error('Shutdown failed'));
+        }
+        getTracer() {
+          return {
+            startSpan: vi.fn().mockReturnValue({
+              setAttribute: vi.fn(),
+              setStatus: vi.fn(),
+              recordException: vi.fn(),
+              end: vi.fn(),
+              name: 'test-span',
+            }),
+          };
+        }
+      },
     }));
 
     global.window = {
@@ -813,9 +830,13 @@ describe('Telemetry tracking with initialized tracer', () => {
       shutdown: vi.fn().mockResolvedValue(undefined),
     };
 
-    // Mock WebTracerProvider to return our mock
+    // Mock WebTracerProvider to return our mock - Vitest 4.x requires class syntax
     vi.doMock('@opentelemetry/sdk-trace-web', () => ({
-      WebTracerProvider: vi.fn().mockImplementation(() => mockTracerProvider),
+      WebTracerProvider: class MockWebTracerProviderForTracking {
+        constructor() {
+          Object.assign(this, mockTracerProvider);
+        }
+      },
     }));
 
     // Mock registerInstrumentations to avoid instrumentation errors
@@ -1069,9 +1090,13 @@ describe('connectWithSSRTrace functionality', () => {
       shutdown: vi.fn().mockResolvedValue(undefined),
     };
 
-    // Mock WebTracerProvider to return our mock
+    // Mock WebTracerProvider to return our mock - Vitest 4.x requires class syntax
     vi.doMock('@opentelemetry/sdk-trace-web', () => ({
-      WebTracerProvider: vi.fn().mockImplementation(() => mockTracerProvider),
+      WebTracerProvider: class MockWebTracerProviderForSSR {
+        constructor() {
+          Object.assign(this, mockTracerProvider);
+        }
+      },
     }));
 
     // Mock registerInstrumentations

package/dist/utils/imageValidation.spec.js

@@ -57,17 +57,20 @@ describe('imageValidation', () => {
     it('accepts valid JPEG file', async () => {
       const file = new File(['content'], 'test.jpg', { type: 'image/jpeg' });
 
-      // Mock Image loading
-      const mockImage = {
-        width: 100,
-        height: 100,
-        onload: null,
-        onerror: null,
-        src: '',
-      };
-      vi.spyOn(global, 'Image').mockImplementation(() => {
-        setTimeout(() => mockImage.onload?.call(mockImage), 0);
-        return mockImage;
+      // Mock Image loading using class
+      vi.stubGlobal('Image', class {
+        constructor() {
+          this.width = 100;
+          this.height = 100;
+          this.onload = null;
+          this.onerror = null;
+          this._src = '';
+        }
+        set src(value) {
+          this._src = value;
+          setTimeout(() => this.onload?.call(this), 0);
+        }
+        get src() { return this._src; }
       });
 
       const result = await validateImage(file);
@@ -80,16 +83,16 @@ describe('imageValidation', () => {
     it('accepts valid PNG file', async () => {
       const file = new File(['content'], 'test.png', { type: 'image/png' });
 
-      const mockImage = {
-        width: 500,
-        height: 500,
-        onload: null,
-        onerror: null,
-        src: '',
-      };
-      vi.spyOn(global, 'Image').mockImplementation(() => {
-        setTimeout(() => mockImage.onload?.call(mockImage), 0);
-        return mockImage;
+      vi.stubGlobal('Image', class {
+        constructor() {
+          this.width = 500;
+          this.height = 500;
+          this.onload = null;
+          this.onerror = null;
+          this._src = '';
+        }
+        set src(value) { this._src = value; setTimeout(() => this.onload?.call(this), 0); }
+        get src() { return this._src; }
       });
 
       const result = await validateImage(file);
@@ -100,16 +103,16 @@ describe('imageValidation', () => {
     it('accepts valid WebP file', async () => {
       const file = new File(['content'], 'test.webp', { type: 'image/webp' });
 
-      const mockImage = {
-        width: 200,
-        height: 200,
-        onload: null,
-        onerror: null,
-        src: '',
-      };
-      vi.spyOn(global, 'Image').mockImplementation(() => {
-        setTimeout(() => mockImage.onload?.call(mockImage), 0);
-        return mockImage;
+      vi.stubGlobal('Image', class {
+        constructor() {
+          this.width = 200;
+          this.height = 200;
+          this.onload = null;
+          this.onerror = null;
+          this._src = '';
+        }
+        set src(value) { this._src = value; setTimeout(() => this.onload?.call(this), 0); }
+        get src() { return this._src; }
       });
 
       const result = await validateImage(file);
@@ -120,16 +123,16 @@ describe('imageValidation', () => {
     it('rejects image with dimensions too large', async () => {
       const file = new File(['content'], 'test.jpg', { type: 'image/jpeg' });
 
-      const mockImage = {
-        width: 9000,
-        height: 9000,
-        onload: null,
-        onerror: null,
-        src: '',
-      };
-      vi.spyOn(global, 'Image').mockImplementation(() => {
-        setTimeout(() => mockImage.onload?.call(mockImage), 0);
-        return mockImage;
+      vi.stubGlobal('Image', class {
+        constructor() {
+          this.width = 9000;
+          this.height = 9000;
+          this.onload = null;
+          this.onerror = null;
+          this._src = '';
+        }
+        set src(value) { this._src = value; setTimeout(() => this.onload?.call(this), 0); }
+        get src() { return this._src; }
       });
 
       const result = await validateImage(file);
@@ -142,14 +145,14 @@ describe('imageValidation', () => {
     it('handles image load error', async () => {
       const file = new File(['content'], 'test.jpg', { type: 'image/jpeg' });
 
-      const mockImage = {
-        onload: null,
-        onerror: null,
-        src: '',
-      };
-      vi.spyOn(global, 'Image').mockImplementation(() => {
-        setTimeout(() => mockImage.onerror?.(), 0);
-        return mockImage;
+      vi.stubGlobal('Image', class {
+        constructor() {
+          this.onload = null;
+          this.onerror = null;
+          this._src = '';
+        }
+        set src(value) { this._src = value; setTimeout(() => this.onerror?.(), 0); }
+        get src() { return this._src; }
       });
 
       const result = await validateImage(file);
@@ -161,16 +164,16 @@ describe('imageValidation', () => {
     it('handles HEIC format', async () => {
       const file = new File(['content'], 'test.heic', { type: 'image/heic' });
 
-      const mockImage = {
-        width: 100,
-        height: 100,
-        onload: null,
-        onerror: null,
-        src: '',
-      };
-      vi.spyOn(global, 'Image').mockImplementation(() => {
-        setTimeout(() => mockImage.onload?.call(mockImage), 0);
-        return mockImage;
+      vi.stubGlobal('Image', class {
+        constructor() {
+          this.width = 100;
+          this.height = 100;
+          this.onload = null;
+          this.onerror = null;
+          this._src = '';
+        }
+        set src(value) { this._src = value; setTimeout(() => this.onload?.call(this), 0); }
+        get src() { return this._src; }
       });
 
       const result = await validateImage(file);

package/dist/utils/logger.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Centralized logger utility for MicDrop applications
+ * Can be disabled in production or configured for different log levels
+ */
+export type LogLevel = 'debug' | 'info' | 'warn' | 'error';
+interface LoggerConfig {
+    enabled: boolean;
+    level: LogLevel;
+    prefix: string;
+}
+export declare function configureLogger(options: Partial<LoggerConfig>): void;
+export declare const logger: {
+    debug: (message: string, ...args: unknown[]) => void;
+    info: (message: string, ...args: unknown[]) => void;
+    warn: (message: string, ...args: unknown[]) => void;
+    error: (message: string, ...args: unknown[]) => void;
+};
+export default logger;
+//# sourceMappingURL=logger.d.ts.map

package/dist/utils/logger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"logger.d.ts","sourceRoot":"","sources":["../../src/lib/utils/logger.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AAE3D,UAAU,YAAY;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,QAAQ,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;CAChB;AAeD,wBAAgB,eAAe,CAAC,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,GAAG,IAAI,CAEpE;AAUD,eAAO,MAAM,MAAM;qBACA,MAAM,WAAW,OAAO,EAAE,KAAG,IAAI;oBAMlC,MAAM,WAAW,OAAO,EAAE,KAAG,IAAI;oBAMjC,MAAM,WAAW,OAAO,EAAE,KAAG,IAAI;qBAMhC,MAAM,WAAW,OAAO,EAAE,KAAG,IAAI;CAKnD,CAAC;AAEF,eAAe,MAAM,CAAC"}

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;