@getmicdrop/svelte-components 1.0.1 → 1.0.2

package/dist/telemetry.server.js

@@ -1,212 +1,212 @@
-// Server-side OpenTelemetry instrumentation for SvelteKit Performers Portal
-import { registerInstrumentations } from '@opentelemetry/instrumentation';
-import { NodeSDK } from '@opentelemetry/sdk-node';
-import { OTLPTraceExporter } from '@opentelemetry/exporter-trace-otlp-http';
-import { Resource } from '@opentelemetry/resources';
-import { SEMRESATTRS_SERVICE_NAME, SEMRESATTRS_SERVICE_VERSION, SEMRESATTRS_DEPLOYMENT_ENVIRONMENT } from '@opentelemetry/semantic-conventions';
-import { HttpInstrumentation } from '@opentelemetry/instrumentation-http';
-import { FetchInstrumentation } from '@opentelemetry/instrumentation-fetch';
-import { getNodeAutoInstrumentations } from '@opentelemetry/auto-instrumentations-node';
-import { trace, context, propagation } from '@opentelemetry/api';
-
-// Server telemetry configuration
-const SERVER_TELEMETRY_CONFIG = {
-  serviceName: process.env.VITE_OTEL_SERVICE_NAME || 'jetbook-performersportal-ssr',
-  serviceVersion: process.env.VITE_OTEL_SERVICE_VERSION || '1.0.0',
-  environment: process.env.VITE_ENVIRONMENT || 'development',
-  otlpEndpoint: process.env.VITE_OTEL_EXPORTER_OTLP_ENDPOINT || 'http://localhost:4318/v1/traces',
-  tracesEnabled: process.env.VITE_OTEL_TRACES_ENABLED !== 'false',
-  sampleRate: parseFloat(process.env.VITE_OTEL_TRACES_SAMPLER_ARG || '0.1'),
-  consoleDebug: process.env.VITE_OTEL_DEBUG === 'true'
-};
-
-let sdk = null;
-
-// Initialize server-side telemetry
-export function initServerTelemetry() {
-  if (!SERVER_TELEMETRY_CONFIG.tracesEnabled) {
-    console.log('[Server Telemetry] Tracing is disabled');
-    return;
-  }
-
-  try {
-    sdk = new NodeSDK({
-      resource: new Resource({
-        [SEMRESATTRS_SERVICE_NAME]: SERVER_TELEMETRY_CONFIG.serviceName,
-        [SEMRESATTRS_SERVICE_VERSION]: SERVER_TELEMETRY_CONFIG.serviceVersion,
-        [SEMRESATTRS_DEPLOYMENT_ENVIRONMENT]: SERVER_TELEMETRY_CONFIG.environment,
-        'portal.type': 'performers'
-      }),
-      traceExporter: new OTLPTraceExporter({
-        url: SERVER_TELEMETRY_CONFIG.otlpEndpoint,
-        headers: {
-          'Content-Type': 'application/json'
-        }
-      }),
-      instrumentations: [
-        getNodeAutoInstrumentations({
-          '@opentelemetry/instrumentation-fs': {
-            enabled: false // Disable fs instrumentation as it's very noisy
-          }
-        }),
-        new HttpInstrumentation({
-          requestHook: (span, request) => {
-            span.setAttributes({
-              'http.route': request.url,
-              'http.user_agent': request.headers?.['user-agent'],
-              'http.referer': request.headers?.['referer'],
-              'ssr.type': 'request',
-              'portal.type': 'performers'
-            });
-          }
-        }),
-        new FetchInstrumentation({
-          propagateTraceHeaderCorsUrls: [
-            /^http:\/\/localhost:8080\/.*/,
-            /^https:\/\/api\.jetbook\.com\/.*/,
-            /^https:\/\/.*\.get-micdrop\.com\/.*/
-          ]
-        })
-      ]
-    });
-
-    sdk.start();
-    console.log(`[Server Telemetry] Initialized with ${SERVER_TELEMETRY_CONFIG.sampleRate * 100}% sampling rate`);
-
-  } catch (error) {
-    console.error('[Server Telemetry] Failed to initialize:', error);
-  }
-}
-
-// Create spans for SSR page loads and data fetching
-export function createSSRSpan(name, request, attributes = {}) {
-  const tracer = trace.getTracer(
-    SERVER_TELEMETRY_CONFIG.serviceName,
-    SERVER_TELEMETRY_CONFIG.serviceVersion
-  );
-
-  return tracer.startSpan(name, {
-    attributes: {
-      'span.kind': 'server',
-      'ssr.type': 'page_load',
-      'portal.type': 'performers',
-      'http.method': request?.method || 'GET',
-      'http.url': request?.url,
-      'http.user_agent': request?.headers?.['user-agent'],
-      'http.referer': request?.headers?.['referer'],
-      ...attributes
-    }
-  });
-}
-
-// Track SSR data loading for performers
-export function trackPerformerSSRDataLoad(loadFunction, context) {
-  return async (event) => {
-    const span = createSSRSpan(`ssr.performer.load.${context}`, event.request, {
-      'ssr.context': context,
-      'route.id': event.route?.id,
-      'performer.context': true
-    });
-
-    try {
-      const result = await loadFunction(event);
-      span.setStatus({ code: 1 }); // OK
-
-      // Add performer-specific attributes if available
-      if (result?.performer) {
-        span.setAttributes({
-          'performer.id': result.performer.id,
-          'performer.name': result.performer.name,
-          'performer.email': result.performer.email
-        });
-      }
-
-      return result;
-    } catch (error) {
-      span.recordException(error);
-      span.setStatus({ code: 2, message: error.message }); // ERROR
-      throw error;
-    } finally {
-      span.end();
-    }
-  };
-}
-
-// Extract trace context from request headers (for connecting client and server spans)
-export function extractTraceContext(request) {
-  const headers = {};
-  if (request?.headers) {
-    // Convert Headers object to plain object
-    for (const [key, value] of request.headers.entries()) {
-      headers[key] = value;
-    }
-  }
-  return propagation.extract(context.active(), headers);
-}
-
-// Inject trace context into response headers (for client-side correlation)
-export function injectTraceContext(response, span) {
-  const headers = {};
-  propagation.inject(context.active(), headers);
-
-  // Add trace context headers to response
-  Object.entries(headers).forEach(([key, value]) => {
-    response.headers?.set(key, value);
-  });
-
-  // Add trace ID for client correlation
-  const spanContext = span?.spanContext();
-  if (spanContext) {
-    response.headers?.set('X-Trace-Id', spanContext.traceId);
-    response.headers?.set('X-Span-Id', spanContext.spanId);
-  }
-
-  return response;
-}
-
-// Shutdown server telemetry
-export async function shutdownServerTelemetry() {
-  if (sdk) {
-    try {
-      await sdk.shutdown();
-      console.log('[Server Telemetry] Shutdown complete');
-    } catch (error) {
-      console.error('[Server Telemetry] Shutdown error:', error);
-    }
-  }
-}
-
-// SvelteKit-specific helpers for performers portal
-export const performersPortalTelemetry = {
-  // Wrap page load functions
-  wrapLoad: (loadFn, context) => trackPerformerSSRDataLoad(loadFn, context),
-
-  // Wrap performer actions
-  wrapAction: (actionFn, actionName) => {
-    return async (event) => {
-      const span = createSSRSpan(`ssr.performer.action.${actionName}`, event.request, {
-        'ssr.context': 'action',
-        'action.name': actionName,
-        'performer.context': true
-      });
-
-      try {
-        const result = await actionFn(event);
-        span.setStatus({ code: 1 }); // OK
-        return result;
-      } catch (error) {
-        span.recordException(error);
-        span.setStatus({ code: 2, message: error.message }); // ERROR
-        throw error;
-      } finally {
-        span.end();
-      }
-    };
-  }
-};
-
-// Auto-initialize if in server environment
-if (typeof window === 'undefined' && typeof global !== 'undefined') {
-  // Server environment
-  initServerTelemetry();
+// Server-side OpenTelemetry instrumentation for SvelteKit Performers Portal
+import { registerInstrumentations } from '@opentelemetry/instrumentation';
+import { NodeSDK } from '@opentelemetry/sdk-node';
+import { OTLPTraceExporter } from '@opentelemetry/exporter-trace-otlp-http';
+import { Resource } from '@opentelemetry/resources';
+import { SEMRESATTRS_SERVICE_NAME, SEMRESATTRS_SERVICE_VERSION, SEMRESATTRS_DEPLOYMENT_ENVIRONMENT } from '@opentelemetry/semantic-conventions';
+import { HttpInstrumentation } from '@opentelemetry/instrumentation-http';
+import { FetchInstrumentation } from '@opentelemetry/instrumentation-fetch';
+import { getNodeAutoInstrumentations } from '@opentelemetry/auto-instrumentations-node';
+import { trace, context, propagation } from '@opentelemetry/api';
+
+// Server telemetry configuration
+const SERVER_TELEMETRY_CONFIG = {
+  serviceName: process.env.VITE_OTEL_SERVICE_NAME || 'jetbook-performersportal-ssr',
+  serviceVersion: process.env.VITE_OTEL_SERVICE_VERSION || '1.0.0',
+  environment: process.env.VITE_ENVIRONMENT || 'development',
+  otlpEndpoint: process.env.VITE_OTEL_EXPORTER_OTLP_ENDPOINT || 'http://localhost:4318/v1/traces',
+  tracesEnabled: process.env.VITE_OTEL_TRACES_ENABLED !== 'false',
+  sampleRate: parseFloat(process.env.VITE_OTEL_TRACES_SAMPLER_ARG || '0.1'),
+  consoleDebug: process.env.VITE_OTEL_DEBUG === 'true'
+};
+
+let sdk = null;
+
+// Initialize server-side telemetry
+export function initServerTelemetry() {
+  if (!SERVER_TELEMETRY_CONFIG.tracesEnabled) {
+    console.log('[Server Telemetry] Tracing is disabled');
+    return;
+  }
+
+  try {
+    sdk = new NodeSDK({
+      resource: new Resource({
+        [SEMRESATTRS_SERVICE_NAME]: SERVER_TELEMETRY_CONFIG.serviceName,
+        [SEMRESATTRS_SERVICE_VERSION]: SERVER_TELEMETRY_CONFIG.serviceVersion,
+        [SEMRESATTRS_DEPLOYMENT_ENVIRONMENT]: SERVER_TELEMETRY_CONFIG.environment,
+        'portal.type': 'performers'
+      }),
+      traceExporter: new OTLPTraceExporter({
+        url: SERVER_TELEMETRY_CONFIG.otlpEndpoint,
+        headers: {
+          'Content-Type': 'application/json'
+        }
+      }),
+      instrumentations: [
+        getNodeAutoInstrumentations({
+          '@opentelemetry/instrumentation-fs': {
+            enabled: false // Disable fs instrumentation as it's very noisy
+          }
+        }),
+        new HttpInstrumentation({
+          requestHook: (span, request) => {
+            span.setAttributes({
+              'http.route': request.url,
+              'http.user_agent': request.headers?.['user-agent'],
+              'http.referer': request.headers?.['referer'],
+              'ssr.type': 'request',
+              'portal.type': 'performers'
+            });
+          }
+        }),
+        new FetchInstrumentation({
+          propagateTraceHeaderCorsUrls: [
+            /^http:\/\/localhost:8080\/.*/,
+            /^https:\/\/api\.jetbook\.com\/.*/,
+            /^https:\/\/.*\.get-micdrop\.com\/.*/
+          ]
+        })
+      ]
+    });
+
+    sdk.start();
+    console.log(`[Server Telemetry] Initialized with ${SERVER_TELEMETRY_CONFIG.sampleRate * 100}% sampling rate`);
+
+  } catch (error) {
+    console.error('[Server Telemetry] Failed to initialize:', error);
+  }
+}
+
+// Create spans for SSR page loads and data fetching
+export function createSSRSpan(name, request, attributes = {}) {
+  const tracer = trace.getTracer(
+    SERVER_TELEMETRY_CONFIG.serviceName,
+    SERVER_TELEMETRY_CONFIG.serviceVersion
+  );
+
+  return tracer.startSpan(name, {
+    attributes: {
+      'span.kind': 'server',
+      'ssr.type': 'page_load',
+      'portal.type': 'performers',
+      'http.method': request?.method || 'GET',
+      'http.url': request?.url,
+      'http.user_agent': request?.headers?.['user-agent'],
+      'http.referer': request?.headers?.['referer'],
+      ...attributes
+    }
+  });
+}
+
+// Track SSR data loading for performers
+export function trackPerformerSSRDataLoad(loadFunction, context) {
+  return async (event) => {
+    const span = createSSRSpan(`ssr.performer.load.${context}`, event.request, {
+      'ssr.context': context,
+      'route.id': event.route?.id,
+      'performer.context': true
+    });
+
+    try {
+      const result = await loadFunction(event);
+      span.setStatus({ code: 1 }); // OK
+
+      // Add performer-specific attributes if available
+      if (result?.performer) {
+        span.setAttributes({
+          'performer.id': result.performer.id,
+          'performer.name': result.performer.name,
+          'performer.email': result.performer.email
+        });
+      }
+
+      return result;
+    } catch (error) {
+      span.recordException(error);
+      span.setStatus({ code: 2, message: error.message }); // ERROR
+      throw error;
+    } finally {
+      span.end();
+    }
+  };
+}
+
+// Extract trace context from request headers (for connecting client and server spans)
+export function extractTraceContext(request) {
+  const headers = {};
+  if (request?.headers) {
+    // Convert Headers object to plain object
+    for (const [key, value] of request.headers.entries()) {
+      headers[key] = value;
+    }
+  }
+  return propagation.extract(context.active(), headers);
+}
+
+// Inject trace context into response headers (for client-side correlation)
+export function injectTraceContext(response, span) {
+  const headers = {};
+  propagation.inject(context.active(), headers);
+
+  // Add trace context headers to response
+  Object.entries(headers).forEach(([key, value]) => {
+    response.headers?.set(key, value);
+  });
+
+  // Add trace ID for client correlation
+  const spanContext = span?.spanContext();
+  if (spanContext) {
+    response.headers?.set('X-Trace-Id', spanContext.traceId);
+    response.headers?.set('X-Span-Id', spanContext.spanId);
+  }
+
+  return response;
+}
+
+// Shutdown server telemetry
+export async function shutdownServerTelemetry() {
+  if (sdk) {
+    try {
+      await sdk.shutdown();
+      console.log('[Server Telemetry] Shutdown complete');
+    } catch (error) {
+      console.error('[Server Telemetry] Shutdown error:', error);
+    }
+  }
+}
+
+// SvelteKit-specific helpers for performers portal
+export const performersPortalTelemetry = {
+  // Wrap page load functions
+  wrapLoad: (loadFn, context) => trackPerformerSSRDataLoad(loadFn, context),
+
+  // Wrap performer actions
+  wrapAction: (actionFn, actionName) => {
+    return async (event) => {
+      const span = createSSRSpan(`ssr.performer.action.${actionName}`, event.request, {
+        'ssr.context': 'action',
+        'action.name': actionName,
+        'performer.context': true
+      });
+
+      try {
+        const result = await actionFn(event);
+        span.setStatus({ code: 1 }); // OK
+        return result;
+      } catch (error) {
+        span.recordException(error);
+        span.setStatus({ code: 2, message: error.message }); // ERROR
+        throw error;
+      } finally {
+        span.end();
+      }
+    };
+  }
+};
+
+// Auto-initialize if in server environment
+if (typeof window === 'undefined' && typeof global !== 'undefined') {
+  // Server environment
+  initServerTelemetry();
 }