@devfellowship/observability 2.0.0

package/dist/index.d.ts

@@ -0,0 +1,94 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode, Component, ErrorInfo } from 'react';
+
+interface ObservabilityConfig {
+    /** Service name reported to the collector. */
+    serviceName: string;
+    /** Service version. Default: "0.0.0" */
+    serviceVersion?: string;
+    /** OTel collector base URL. Default: "https://otel.devfellowship.com" */
+    collectorUrl?: string;
+    /** API key sent as x-api-key header. */
+    apiKey?: string;
+    /** Sentry DSN. */
+    sentryDsn?: string;
+    /** Environment label. Default: "production" */
+    environment?: string;
+    /** Master kill-switch. Default: true */
+    enabled?: boolean;
+    /** Capture Core Web Vitals. Default: true */
+    enableWebVitals?: boolean;
+    /** Report React Query errors as spans. Default: true */
+    enableQueryTracking?: boolean;
+    /** Auto-trace all fetch() calls. Default: true */
+    enableFetchTracing?: boolean;
+}
+interface ObservabilityProviderProps extends ObservabilityConfig {
+    children: ReactNode;
+}
+declare function ObservabilityProvider({ serviceName, serviceVersion, collectorUrl, apiKey, sentryDsn, environment, enabled, enableWebVitals, enableQueryTracking, enableFetchTracing, children, }: ObservabilityProviderProps): react_jsx_runtime.JSX.Element;
+
+interface ErrorBoundaryProps {
+    children: ReactNode;
+    fallback?: ReactNode;
+}
+interface ErrorBoundaryState {
+    hasError: boolean;
+    error: Error | null;
+}
+/**
+ * React error boundary that reports uncaught component errors to OTel
+ * as error spans before rendering a fallback UI.
+ */
+declare class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
+    constructor(props: ErrorBoundaryProps);
+    static getDerivedStateFromError(error: Error): ErrorBoundaryState;
+    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
+    private handleReload;
+    render(): ReactNode;
+}
+
+/**
+ * Emit a custom observability event as an OTel span.
+ *
+ * Uses the global tracer registered by the ObservabilityProvider,
+ * so it can be called from anywhere in the app without prop-drilling.
+ *
+ * @example
+ * ```ts
+ * trackEvent("button_click", { "button.id": "checkout", "page": "/cart" });
+ * ```
+ */
+declare function trackEvent(name: string, attributes?: Record<string, string | number | boolean>): void;
+
+/**
+ * Auto-collected resource attributes for browser observability.
+ *
+ * Static attributes are gathered once at init time.
+ * Dynamic attributes change during the session (e.g. route, viewport).
+ * User attributes are set after authentication completes.
+ */
+declare function setUserId(id: string): void;
+declare function setUserRole(role: string): void;
+
+declare function captureError(error: Error, context?: Record<string, string>): void;
+declare function setSentryUser(id: string, role?: string): void;
+
+/**
+ * Captures Core Web Vitals (LCP, FID, CLS, INP, TTFB) and reports them
+ * as OTel histogram metrics via the global MeterProvider.
+ *
+ * Runs once on mount. The `web-vitals` callbacks fire at most once per
+ * metric per page load, so no debouncing is needed.
+ */
+declare function useWebVitals(): void;
+
+/**
+ * Subscribes to the React Query cache and creates OTel error spans
+ * whenever a query transitions to the `error` state.
+ *
+ * Safe to use outside QueryClientProvider — gracefully no-ops.
+ */
+declare function useQueryErrorReporter(): void;
+
+export { ErrorBoundary, type ObservabilityConfig, ObservabilityProvider, captureError, setSentryUser, setUserId, setUserRole, trackEvent, useQueryErrorReporter, useWebVitals };

package/dist/index.js

@@ -0,0 +1,552 @@
+// src/ObservabilityProvider.tsx
+import { useEffect as useEffect3, useRef as useRef2 } from "react";
+import { trace as trace4, SpanStatusCode as SpanStatusCode4 } from "@opentelemetry/api";
+
+// src/lib/otel-init.ts
+import { resourceFromAttributes } from "@opentelemetry/resources";
+import {
+  WebTracerProvider,
+  BatchSpanProcessor
+} from "@opentelemetry/sdk-trace-web";
+import { OTLPTraceExporter } from "@opentelemetry/exporter-trace-otlp-http";
+import {
+  MeterProvider,
+  PeriodicExportingMetricReader
+} from "@opentelemetry/sdk-metrics";
+import { OTLPMetricExporter } from "@opentelemetry/exporter-metrics-otlp-http";
+import { trace, metrics } from "@opentelemetry/api";
+
+// src/lib/resource-attributes.ts
+var _userId;
+var _userRole;
+function setUserId(id) {
+  _userId = id;
+}
+function setUserRole(role) {
+  _userRole = role;
+}
+function getSessionId() {
+  const key = "__otel_session_id";
+  let id = sessionStorage.getItem(key);
+  if (!id) {
+    id = crypto.randomUUID();
+    sessionStorage.setItem(key, id);
+  }
+  return id;
+}
+function detectBrowser() {
+  const ua = navigator.userAgent;
+  if (ua.includes("Firefox/")) {
+    const match = ua.match(/Firefox\/([\d.]+)/);
+    return { name: "Firefox", version: match?.[1] ?? "unknown" };
+  }
+  if (ua.includes("Edg/")) {
+    const match = ua.match(/Edg\/([\d.]+)/);
+    return { name: "Edge", version: match?.[1] ?? "unknown" };
+  }
+  if (ua.includes("Chrome/") && !ua.includes("Edg/")) {
+    const match = ua.match(/Chrome\/([\d.]+)/);
+    return { name: "Chrome", version: match?.[1] ?? "unknown" };
+  }
+  if (ua.includes("Safari/") && !ua.includes("Chrome/")) {
+    const match = ua.match(/Version\/([\d.]+)/);
+    return { name: "Safari", version: match?.[1] ?? "unknown" };
+  }
+  return { name: "unknown", version: "unknown" };
+}
+function detectOS() {
+  const ua = navigator.userAgent;
+  if (ua.includes("Win")) return "Windows";
+  if (ua.includes("Mac")) return "macOS";
+  if (ua.includes("Linux")) return "Linux";
+  if (ua.includes("Android")) return "Android";
+  if (/iPhone|iPad|iPod/.test(ua)) return "iOS";
+  return "unknown";
+}
+function detectDeviceType() {
+  const width = window.innerWidth;
+  if (width < 768) return "mobile";
+  if (width < 1024) return "tablet";
+  return "desktop";
+}
+function getEffectiveConnectionType() {
+  const nav = navigator;
+  return nav.connection?.effectiveType;
+}
+function getStaticAttributes() {
+  const browser = detectBrowser();
+  const attrs = {
+    "browser.name": browser.name,
+    "browser.version": browser.version,
+    "os.type": detectOS(),
+    "device.type": detectDeviceType(),
+    "session.id": getSessionId()
+  };
+  return attrs;
+}
+function getDynamicAttributes() {
+  const attrs = {
+    "viewport.width": window.innerWidth,
+    "viewport.height": window.innerHeight
+  };
+  if (_userId) attrs["user.id"] = _userId;
+  if (_userRole) attrs["user.role"] = _userRole;
+  const connType = getEffectiveConnectionType();
+  if (connType) attrs["connection.effectiveType"] = connType;
+  const route = globalThis.__otelCurrentRoute;
+  if (typeof route === "string") attrs["page.route"] = route;
+  return attrs;
+}
+
+// src/lib/otel-init.ts
+function initOtelBrowser(config) {
+  const { serviceName, serviceVersion, collectorUrl, apiKey } = config;
+  const headers = {};
+  if (apiKey) {
+    headers["x-api-key"] = apiKey;
+  }
+  const staticAttributes = getStaticAttributes();
+  const resource = resourceFromAttributes({
+    "service.name": serviceName,
+    "service.version": serviceVersion,
+    ...staticAttributes
+  });
+  const traceExporter = new OTLPTraceExporter({
+    url: `${collectorUrl}/v1/traces`,
+    headers
+  });
+  const tracerProvider = new WebTracerProvider({
+    resource,
+    spanProcessors: [new BatchSpanProcessor(traceExporter)]
+  });
+  tracerProvider.register();
+  const metricExporter = new OTLPMetricExporter({
+    url: `${collectorUrl}/v1/metrics`,
+    headers
+  });
+  const metricReader = new PeriodicExportingMetricReader({
+    exporter: metricExporter,
+    exportIntervalMillis: 6e4
+  });
+  const meterProvider = new MeterProvider({
+    resource,
+    readers: [metricReader]
+  });
+  metrics.setGlobalMeterProvider(meterProvider);
+  globalThis.__otelCollectorUrl = collectorUrl;
+  return { tracerProvider, meterProvider };
+}
+function shutdownOtel(providers) {
+  const { tracerProvider, meterProvider } = providers;
+  trace.disable();
+  metrics.disable();
+  tracerProvider.shutdown().catch((err) => {
+    console.warn("[observability] tracer shutdown error:", err);
+  });
+  meterProvider.shutdown().catch((err) => {
+    console.warn("[observability] meter shutdown error:", err);
+  });
+}
+
+// src/lib/fetch-instrumentation.ts
+import { SpanKind, SpanStatusCode } from "@opentelemetry/api";
+var _originalFetch = null;
+function instrumentFetch(tracer) {
+  if (_originalFetch) {
+    return;
+  }
+  _originalFetch = window.fetch.bind(window);
+  window.fetch = async (input, init2) => {
+    const url = input instanceof Request ? input.url : input instanceof URL ? input.href : input;
+    const method = init2?.method ?? (input instanceof Request ? input.method : "GET");
+    const collectorUrl = globalThis.__otelCollectorUrl;
+    if (typeof collectorUrl === "string" && url.startsWith(collectorUrl)) {
+      return _originalFetch(input, init2);
+    }
+    const dynamicAttrs = getDynamicAttributes();
+    return tracer.startActiveSpan(
+      `HTTP ${method.toUpperCase()}`,
+      {
+        kind: SpanKind.CLIENT,
+        attributes: {
+          "http.method": method.toUpperCase(),
+          "http.url": url,
+          ...dynamicAttrs
+        }
+      },
+      async (span) => {
+        try {
+          const response = await _originalFetch(input, init2);
+          span.setAttribute("http.status_code", response.status);
+          const contentLength = response.headers.get("content-length");
+          if (contentLength) {
+            span.setAttribute(
+              "http.response_content_length",
+              parseInt(contentLength, 10)
+            );
+          }
+          if (response.status >= 400) {
+            span.setStatus({
+              code: SpanStatusCode.ERROR,
+              message: `HTTP ${response.status}`
+            });
+          }
+          return response;
+        } catch (error) {
+          const message = error instanceof Error ? error.message : "Network request failed";
+          span.setStatus({ code: SpanStatusCode.ERROR, message });
+          span.recordException(error instanceof Error ? error : new Error(message));
+          throw error;
+        } finally {
+          span.end();
+        }
+      }
+    );
+  };
+}
+function uninstrumentFetch() {
+  if (_originalFetch) {
+    window.fetch = _originalFetch;
+    _originalFetch = null;
+  }
+}
+
+// src/lib/sentry-init.ts
+import * as Sentry from "@sentry/react";
+var _initialized = false;
+function initSentry(config) {
+  if (_initialized) return;
+  Sentry.init({
+    dsn: config.dsn,
+    environment: config.environment,
+    release: `${config.serviceName}@${config.serviceVersion}`,
+    integrations: [
+      Sentry.browserTracingIntegration(),
+      Sentry.replayIntegration({ maskAllText: false, blockAllMedia: false })
+    ],
+    tracesSampleRate: 0.2,
+    replaysSessionSampleRate: 0,
+    replaysOnErrorSampleRate: 1,
+    beforeSend(event) {
+      event.tags = {
+        ...event.tags,
+        "service.name": config.serviceName
+      };
+      return event;
+    }
+  });
+  Sentry.setTag("service.name", config.serviceName);
+  _initialized = true;
+}
+function captureError(error, context) {
+  if (!_initialized) return;
+  Sentry.withScope((scope) => {
+    if (context) {
+      for (const [key, value] of Object.entries(context)) {
+        scope.setExtra(key, value);
+      }
+    }
+    Sentry.captureException(error);
+  });
+}
+function setSentryUser(id, role) {
+  if (!_initialized) return;
+  Sentry.setUser({ id, ...role ? { role } : {} });
+}
+
+// src/hooks/useWebVitals.ts
+import { useEffect, useRef } from "react";
+import { metrics as metrics2 } from "@opentelemetry/api";
+function useWebVitals() {
+  const initialized = useRef(false);
+  useEffect(() => {
+    if (initialized.current) return;
+    initialized.current = true;
+    const meter = metrics2.getMeter("web-vitals");
+    const lcpHistogram = meter.createHistogram("web_vital.lcp", {
+      description: "Largest Contentful Paint (ms)",
+      unit: "ms"
+    });
+    const clsHistogram = meter.createHistogram("web_vital.cls", {
+      description: "Cumulative Layout Shift",
+      unit: ""
+    });
+    const inpHistogram = meter.createHistogram("web_vital.inp", {
+      description: "Interaction to Next Paint (ms)",
+      unit: "ms"
+    });
+    const ttfbHistogram = meter.createHistogram("web_vital.ttfb", {
+      description: "Time to First Byte (ms)",
+      unit: "ms"
+    });
+    const report = (histogram, metric) => {
+      histogram.record(metric.value, {
+        "metric.id": metric.id,
+        "metric.rating": metric.rating
+      });
+    };
+    import("web-vitals").then(({ onLCP, onCLS, onINP, onTTFB }) => {
+      onLCP((m) => report(lcpHistogram, m));
+      onCLS((m) => report(clsHistogram, m));
+      onINP((m) => report(inpHistogram, m));
+      onTTFB((m) => report(ttfbHistogram, m));
+    });
+  }, []);
+}
+
+// src/hooks/useQueryErrorReporter.ts
+import { useEffect as useEffect2 } from "react";
+import { useQueryClient } from "@tanstack/react-query";
+import { trace as trace2, SpanStatusCode as SpanStatusCode2 } from "@opentelemetry/api";
+function useQueryErrorReporter() {
+  let queryClient = null;
+  try {
+    queryClient = useQueryClient();
+  } catch {
+  }
+  useEffect2(() => {
+    if (!queryClient) return;
+    const tracer = trace2.getTracer("@dfl/observability");
+    const unsubscribe = queryClient.getQueryCache().subscribe((event) => {
+      if (event.type === "updated" && event.action.type === "error") {
+        const query = event.query;
+        const error = query.state.error;
+        tracer.startActiveSpan("react-query-error", (span) => {
+          const dynamicAttrs = getDynamicAttributes();
+          for (const [key, value] of Object.entries(dynamicAttrs)) {
+            span.setAttribute(key, value);
+          }
+          span.setAttribute("query.key", JSON.stringify(query.queryKey));
+          span.setAttribute(
+            "error.message",
+            error instanceof Error ? error.message : String(error)
+          );
+          span.setAttribute(
+            "error.type",
+            error instanceof Error ? error.constructor.name : typeof error
+          );
+          span.setStatus({
+            code: SpanStatusCode2.ERROR,
+            message: error instanceof Error ? error.message : "React Query error"
+          });
+          if (error instanceof Error) {
+            span.recordException(error);
+          }
+          span.end();
+        });
+      }
+    });
+    return () => {
+      unsubscribe();
+    };
+  }, [queryClient]);
+}
+
+// src/ErrorBoundary.tsx
+import { Component } from "react";
+import { trace as trace3, SpanStatusCode as SpanStatusCode3 } from "@opentelemetry/api";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ErrorBoundary = class extends Component {
+  constructor(props) {
+    super(props);
+    this.handleReload = () => {
+      window.location.reload();
+    };
+    this.state = { hasError: false, error: null };
+  }
+  static getDerivedStateFromError(error) {
+    return { hasError: true, error };
+  }
+  componentDidCatch(error, errorInfo) {
+    const tracer = trace3.getTracer("@dfl/observability");
+    tracer.startActiveSpan("react-error-boundary", (span) => {
+      span.setAttribute("error.message", error.message);
+      span.setAttribute("error.stack", error.stack ?? "");
+      span.setAttribute(
+        "error.component_stack",
+        errorInfo.componentStack ?? ""
+      );
+      span.setStatus({
+        code: SpanStatusCode3.ERROR,
+        message: error.message
+      });
+      span.recordException(error);
+      span.end();
+    });
+    captureError(error, {
+      component_stack: errorInfo.componentStack ?? ""
+    });
+  }
+  render() {
+    if (this.state.hasError) {
+      if (this.props.fallback) {
+        return this.props.fallback;
+      }
+      return /* @__PURE__ */ jsxs("div", { className: "flex min-h-[200px] flex-col items-center justify-center gap-4 rounded-lg border border-red-200 bg-red-50 p-8 text-center dark:border-red-900 dark:bg-red-950", children: [
+        /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold text-red-800 dark:text-red-200", children: "Something went wrong" }),
+        /* @__PURE__ */ jsx("p", { className: "max-w-md text-sm text-red-600 dark:text-red-400", children: "An unexpected error occurred. Please try reloading the page." }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: this.handleReload,
+            className: "rounded-md bg-red-600 px-4 py-2 text-sm font-medium text-white transition-colors hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-red-500 focus:ring-offset-2 dark:bg-red-700 dark:hover:bg-red-600",
+            children: "Reload page"
+          }
+        )
+      ] });
+    }
+    return this.props.children;
+  }
+};
+
+// src/ObservabilityProvider.tsx
+import { Fragment, jsx as jsx2 } from "react/jsx-runtime";
+function ActiveInstrumentation({
+  enableWebVitals,
+  enableQueryTracking,
+  children
+}) {
+  if (enableWebVitals) {
+    useWebVitals();
+  }
+  if (enableQueryTracking) {
+    useQueryErrorReporter();
+  }
+  return /* @__PURE__ */ jsx2(Fragment, { children });
+}
+function ObservabilityProvider({
+  serviceName,
+  serviceVersion = "0.0.0",
+  collectorUrl = "https://otel.devfellowship.com",
+  apiKey,
+  sentryDsn,
+  environment = "production",
+  enabled = true,
+  enableWebVitals = true,
+  enableQueryTracking = true,
+  enableFetchTracing = true,
+  children
+}) {
+  const providersRef = useRef2(null);
+  useEffect3(() => {
+    if (!enabled) return;
+    if (sentryDsn) {
+      initSentry({
+        dsn: sentryDsn,
+        serviceName,
+        serviceVersion,
+        environment
+      });
+    }
+    const providers = initOtelBrowser({
+      serviceName,
+      serviceVersion,
+      collectorUrl,
+      apiKey
+    });
+    providersRef.current = providers;
+    if (enableFetchTracing) {
+      const tracer2 = trace4.getTracer("@dfl/observability");
+      instrumentFetch(tracer2);
+    }
+    const tracer = trace4.getTracer("@dfl/observability");
+    const handleWindowError = (event) => {
+      tracer.startActiveSpan("window.onerror", (span) => {
+        const dynamicAttrs = getDynamicAttributes();
+        for (const [key, value] of Object.entries(dynamicAttrs)) {
+          span.setAttribute(key, value);
+        }
+        span.setAttribute("error.message", event.message);
+        span.setAttribute("error.source", event.filename ?? "");
+        span.setAttribute("error.lineno", event.lineno ?? 0);
+        span.setAttribute("error.colno", event.colno ?? 0);
+        span.setStatus({
+          code: SpanStatusCode4.ERROR,
+          message: event.message
+        });
+        if (event.error instanceof Error) {
+          span.recordException(event.error);
+          captureError(event.error, {
+            source: event.filename ?? "",
+            lineno: String(event.lineno ?? 0)
+          });
+        }
+        span.end();
+      });
+    };
+    const handleUnhandledRejection = (event) => {
+      tracer.startActiveSpan("unhandled-rejection", (span) => {
+        const dynamicAttrs = getDynamicAttributes();
+        for (const [key, value] of Object.entries(dynamicAttrs)) {
+          span.setAttribute(key, value);
+        }
+        const reason = event.reason;
+        const message = reason instanceof Error ? reason.message : String(reason);
+        span.setAttribute("error.message", message);
+        span.setAttribute("error.type", "unhandled_promise_rejection");
+        span.setStatus({ code: SpanStatusCode4.ERROR, message });
+        if (reason instanceof Error) {
+          span.recordException(reason);
+          captureError(reason, { type: "unhandled_promise_rejection" });
+        }
+        span.end();
+      });
+    };
+    window.addEventListener("error", handleWindowError);
+    window.addEventListener("unhandledrejection", handleUnhandledRejection);
+    return () => {
+      window.removeEventListener("error", handleWindowError);
+      window.removeEventListener("unhandledrejection", handleUnhandledRejection);
+      if (enableFetchTracing) {
+        uninstrumentFetch();
+      }
+      if (providersRef.current) {
+        shutdownOtel(providersRef.current);
+        providersRef.current = null;
+      }
+    };
+  }, [enabled]);
+  if (!enabled) {
+    return /* @__PURE__ */ jsx2(Fragment, { children });
+  }
+  return /* @__PURE__ */ jsx2(ErrorBoundary, { children: /* @__PURE__ */ jsx2(
+    ActiveInstrumentation,
+    {
+      enableWebVitals,
+      enableQueryTracking,
+      children
+    }
+  ) });
+}
+
+// src/lib/track-event.ts
+import { trace as trace5, SpanStatusCode as SpanStatusCode5 } from "@opentelemetry/api";
+function trackEvent(name, attributes) {
+  const tracer = trace5.getTracer("@dfl/observability");
+  tracer.startActiveSpan(name, (span) => {
+    const dynamicAttrs = getDynamicAttributes();
+    span.setAttribute("event.name", name);
+    for (const [key, value] of Object.entries(dynamicAttrs)) {
+      span.setAttribute(key, value);
+    }
+    if (attributes) {
+      for (const [key, value] of Object.entries(attributes)) {
+        span.setAttribute(key, value);
+      }
+    }
+    span.setStatus({ code: SpanStatusCode5.OK });
+    span.end();
+  });
+}
+export {
+  ErrorBoundary,
+  ObservabilityProvider,
+  captureError,
+  setSentryUser,
+  setUserId,
+  setUserRole,
+  trackEvent,
+  useQueryErrorReporter,
+  useWebVitals
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ObservabilityProvider.tsx","../src/lib/otel-init.ts","../src/lib/resource-attributes.ts","../src/lib/fetch-instrumentation.ts","../src/lib/sentry-init.ts","../src/hooks/useWebVitals.ts","../src/hooks/useQueryErrorReporter.ts","../src/ErrorBoundary.tsx","../src/lib/track-event.ts"],"sourcesContent":["import React, { useEffect, useRef, ReactNode } from \"react\";\nimport { trace, SpanStatusCode } from \"@opentelemetry/api\";\nimport {\n  initOtelBrowser,\n  shutdownOtel,\n  type OtelProviders,\n} from \"./lib/otel-init\";\nimport {\n  instrumentFetch,\n  uninstrumentFetch,\n} from \"./lib/fetch-instrumentation\";\nimport { getDynamicAttributes } from \"./lib/resource-attributes\";\nimport { initSentry, captureError } from \"./lib/sentry-init\";\nimport { useWebVitals } from \"./hooks/useWebVitals\";\nimport { useQueryErrorReporter } from \"./hooks/useQueryErrorReporter\";\nimport { ErrorBoundary } from \"./ErrorBoundary\";\n\nexport interface ObservabilityConfig {\n  /** Service name reported to the collector. */\n  serviceName: string;\n  /** Service version. Default: \"0.0.0\" */\n  serviceVersion?: string;\n  /** OTel collector base URL. Default: \"https://otel.devfellowship.com\" */\n  collectorUrl?: string;\n  /** API key sent as x-api-key header. */\n  apiKey?: string;\n  /** Sentry DSN. */\n  sentryDsn?: string;\n  /** Environment label. Default: \"production\" */\n  environment?: string;\n  /** Master kill-switch. Default: true */\n  enabled?: boolean;\n  /** Capture Core Web Vitals. Default: true */\n  enableWebVitals?: boolean;\n  /** Report React Query errors as spans. Default: true */\n  enableQueryTracking?: boolean;\n  /** Auto-trace all fetch() calls. Default: true */\n  enableFetchTracing?: boolean;\n}\n\ninterface ObservabilityProviderProps extends ObservabilityConfig {\n  children: ReactNode;\n}\n\n// ---- Internal active-instrumentation wrapper ----\n\nfunction ActiveInstrumentation({\n  enableWebVitals,\n  enableQueryTracking,\n  children,\n}: {\n  enableWebVitals: boolean;\n  enableQueryTracking: boolean;\n  children: ReactNode;\n}) {\n  if (enableWebVitals) {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    useWebVitals();\n  }\n\n  if (enableQueryTracking) {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    useQueryErrorReporter();\n  }\n\n  return <>{children}</>;\n}\n\n// ---- Main provider ----\n\nexport function ObservabilityProvider({\n  serviceName,\n  serviceVersion = \"0.0.0\",\n  collectorUrl = \"https://otel.devfellowship.com\",\n  apiKey,\n  sentryDsn,\n  environment = \"production\",\n  enabled = true,\n  enableWebVitals = true,\n  enableQueryTracking = true,\n  enableFetchTracing = true,\n  children,\n}: ObservabilityProviderProps) {\n  const providersRef = useRef<OtelProviders | null>(null);\n\n  useEffect(() => {\n    if (!enabled) return;\n\n    // Initialize Sentry (if DSN provided)\n    if (sentryDsn) {\n      initSentry({\n        dsn: sentryDsn,\n        serviceName,\n        serviceVersion,\n        environment,\n      });\n    }\n\n    // Initialize OTel SDK\n    const providers = initOtelBrowser({\n      serviceName,\n      serviceVersion,\n      collectorUrl,\n      apiKey,\n    });\n    providersRef.current = providers;\n\n    // Fetch instrumentation\n    if (enableFetchTracing) {\n      const tracer = trace.getTracer(\"@dfl/observability\");\n      instrumentFetch(tracer);\n    }\n\n    // Global error handlers\n    const tracer = trace.getTracer(\"@dfl/observability\");\n\n    const handleWindowError = (event: ErrorEvent) => {\n      tracer.startActiveSpan(\"window.onerror\", (span) => {\n        const dynamicAttrs = getDynamicAttributes();\n        for (const [key, value] of Object.entries(dynamicAttrs)) {\n          span.setAttribute(key, value);\n        }\n\n        span.setAttribute(\"error.message\", event.message);\n        span.setAttribute(\"error.source\", event.filename ?? \"\");\n        span.setAttribute(\"error.lineno\", event.lineno ?? 0);\n        span.setAttribute(\"error.colno\", event.colno ?? 0);\n\n        span.setStatus({\n          code: SpanStatusCode.ERROR,\n          message: event.message,\n        });\n\n        if (event.error instanceof Error) {\n          span.recordException(event.error);\n          captureError(event.error, {\n            source: event.filename ?? \"\",\n            lineno: String(event.lineno ?? 0),\n          });\n        }\n\n        span.end();\n      });\n    };\n\n    const handleUnhandledRejection = (event: PromiseRejectionEvent) => {\n      tracer.startActiveSpan(\"unhandled-rejection\", (span) => {\n        const dynamicAttrs = getDynamicAttributes();\n        for (const [key, value] of Object.entries(dynamicAttrs)) {\n          span.setAttribute(key, value);\n        }\n\n        const reason = event.reason;\n        const message =\n          reason instanceof Error ? reason.message : String(reason);\n\n        span.setAttribute(\"error.message\", message);\n        span.setAttribute(\"error.type\", \"unhandled_promise_rejection\");\n\n        span.setStatus({ code: SpanStatusCode.ERROR, message });\n\n        if (reason instanceof Error) {\n          span.recordException(reason);\n          captureError(reason, { type: \"unhandled_promise_rejection\" });\n        }\n\n        span.end();\n      });\n    };\n\n    window.addEventListener(\"error\", handleWindowError);\n    window.addEventListener(\"unhandledrejection\", handleUnhandledRejection);\n\n    return () => {\n      window.removeEventListener(\"error\", handleWindowError);\n      window.removeEventListener(\"unhandledrejection\", handleUnhandledRejection);\n\n      if (enableFetchTracing) {\n        uninstrumentFetch();\n      }\n\n      if (providersRef.current) {\n        shutdownOtel(providersRef.current);\n        providersRef.current = null;\n      }\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [enabled]);\n\n  // No-op mode: just render children without any instrumentation\n  if (!enabled) {\n    return <>{children}</>;\n  }\n\n  return (\n    <ErrorBoundary>\n      <ActiveInstrumentation\n        enableWebVitals={enableWebVitals}\n        enableQueryTracking={enableQueryTracking}\n      >\n        {children}\n      </ActiveInstrumentation>\n    </ErrorBoundary>\n  );\n}\n","import { resourceFromAttributes } from \"@opentelemetry/resources\";\nimport {\n  WebTracerProvider,\n  BatchSpanProcessor,\n} from \"@opentelemetry/sdk-trace-web\";\nimport { OTLPTraceExporter } from \"@opentelemetry/exporter-trace-otlp-http\";\nimport {\n  MeterProvider,\n  PeriodicExportingMetricReader,\n} from \"@opentelemetry/sdk-metrics\";\nimport { OTLPMetricExporter } from \"@opentelemetry/exporter-metrics-otlp-http\";\nimport { trace, metrics } from \"@opentelemetry/api\";\nimport { getStaticAttributes } from \"./resource-attributes\";\n\nexport interface OtelBrowserConfig {\n  serviceName: string;\n  serviceVersion: string;\n  collectorUrl: string;\n  apiKey?: string;\n}\n\nexport interface OtelProviders {\n  tracerProvider: WebTracerProvider;\n  meterProvider: MeterProvider;\n}\n\nexport function initOtelBrowser(config: OtelBrowserConfig): OtelProviders {\n  const { serviceName, serviceVersion, collectorUrl, apiKey } = config;\n\n  const headers: Record<string, string> = {};\n  if (apiKey) {\n    headers[\"x-api-key\"] = apiKey;\n  }\n\n  const staticAttributes = getStaticAttributes();\n\n  const resource = resourceFromAttributes({\n    \"service.name\": serviceName,\n    \"service.version\": serviceVersion,\n    ...staticAttributes,\n  });\n\n  // --- Traces ---\n  const traceExporter = new OTLPTraceExporter({\n    url: `${collectorUrl}/v1/traces`,\n    headers,\n  });\n\n  const tracerProvider = new WebTracerProvider({\n    resource,\n    spanProcessors: [new BatchSpanProcessor(traceExporter)],\n  });\n\n  tracerProvider.register();\n\n  // --- Metrics ---\n  const metricExporter = new OTLPMetricExporter({\n    url: `${collectorUrl}/v1/metrics`,\n    headers,\n  });\n\n  const metricReader = new PeriodicExportingMetricReader({\n    exporter: metricExporter,\n    exportIntervalMillis: 60_000,\n  });\n\n  const meterProvider = new MeterProvider({\n    resource,\n    readers: [metricReader],\n  });\n\n  metrics.setGlobalMeterProvider(meterProvider);\n\n  // Store the collector URL globally so the fetch instrumentation can filter it\n  (globalThis as Record<string, unknown>).__otelCollectorUrl = collectorUrl;\n\n  return { tracerProvider, meterProvider };\n}\n\nexport function shutdownOtel(providers: OtelProviders): void {\n  const { tracerProvider, meterProvider } = providers;\n\n  trace.disable();\n  metrics.disable();\n\n  tracerProvider.shutdown().catch((err) => {\n    console.warn(\"[observability] tracer shutdown error:\", err);\n  });\n\n  meterProvider.shutdown().catch((err) => {\n    console.warn(\"[observability] meter shutdown error:\", err);\n  });\n}\n","/**\n * Auto-collected resource attributes for browser observability.\n *\n * Static attributes are gathered once at init time.\n * Dynamic attributes change during the session (e.g. route, viewport).\n * User attributes are set after authentication completes.\n */\n\n// ---- Module-level mutable state for post-auth enrichment ----\nlet _userId: string | undefined;\nlet _userRole: string | undefined;\n\nexport function setUserId(id: string): void {\n  _userId = id;\n}\n\nexport function setUserRole(role: string): void {\n  _userRole = role;\n}\n\n// ---- Session ID (stable per tab session) ----\nfunction getSessionId(): string {\n  const key = \"__otel_session_id\";\n  let id = sessionStorage.getItem(key);\n  if (!id) {\n    id = crypto.randomUUID();\n    sessionStorage.setItem(key, id);\n  }\n  return id;\n}\n\n// ---- Browser detection (lightweight, no external lib) ----\ninterface BrowserInfo {\n  name: string;\n  version: string;\n}\n\nfunction detectBrowser(): BrowserInfo {\n  const ua = navigator.userAgent;\n\n  if (ua.includes(\"Firefox/\")) {\n    const match = ua.match(/Firefox\\/([\\d.]+)/);\n    return { name: \"Firefox\", version: match?.[1] ?? \"unknown\" };\n  }\n  if (ua.includes(\"Edg/\")) {\n    const match = ua.match(/Edg\\/([\\d.]+)/);\n    return { name: \"Edge\", version: match?.[1] ?? \"unknown\" };\n  }\n  if (ua.includes(\"Chrome/\") && !ua.includes(\"Edg/\")) {\n    const match = ua.match(/Chrome\\/([\\d.]+)/);\n    return { name: \"Chrome\", version: match?.[1] ?? \"unknown\" };\n  }\n  if (ua.includes(\"Safari/\") && !ua.includes(\"Chrome/\")) {\n    const match = ua.match(/Version\\/([\\d.]+)/);\n    return { name: \"Safari\", version: match?.[1] ?? \"unknown\" };\n  }\n\n  return { name: \"unknown\", version: \"unknown\" };\n}\n\n// ---- OS detection ----\nfunction detectOS(): string {\n  const ua = navigator.userAgent;\n  if (ua.includes(\"Win\")) return \"Windows\";\n  if (ua.includes(\"Mac\")) return \"macOS\";\n  if (ua.includes(\"Linux\")) return \"Linux\";\n  if (ua.includes(\"Android\")) return \"Android\";\n  if (/iPhone|iPad|iPod/.test(ua)) return \"iOS\";\n  return \"unknown\";\n}\n\n// ---- Device type via viewport heuristic ----\nfunction detectDeviceType(): string {\n  const width = window.innerWidth;\n  if (width < 768) return \"mobile\";\n  if (width < 1024) return \"tablet\";\n  return \"desktop\";\n}\n\n// ---- Connection info ----\nfunction getEffectiveConnectionType(): string | undefined {\n  const nav = navigator as Navigator & {\n    connection?: { effectiveType?: string };\n  };\n  return nav.connection?.effectiveType;\n}\n\n// ---- Public API ----\n\n/**\n * Attributes that are stable for the lifetime of the page.\n * Collected once during OTel SDK initialization.\n */\nexport function getStaticAttributes(): Record<string, string> {\n  const browser = detectBrowser();\n  const attrs: Record<string, string> = {\n    \"browser.name\": browser.name,\n    \"browser.version\": browser.version,\n    \"os.type\": detectOS(),\n    \"device.type\": detectDeviceType(),\n    \"session.id\": getSessionId(),\n  };\n\n  return attrs;\n}\n\n/**\n * Attributes that may change between spans (viewport, route, user, connection).\n * Called per-span or at strategic points.\n */\nexport function getDynamicAttributes(): Record<string, string | number> {\n  const attrs: Record<string, string | number> = {\n    \"viewport.width\": window.innerWidth,\n    \"viewport.height\": window.innerHeight,\n  };\n\n  if (_userId) attrs[\"user.id\"] = _userId;\n  if (_userRole) attrs[\"user.role\"] = _userRole;\n\n  const connType = getEffectiveConnectionType();\n  if (connType) attrs[\"connection.effectiveType\"] = connType;\n\n  // page.route is typically set by the ObservabilityProvider via React Router\n  const route = (globalThis as Record<string, unknown>).__otelCurrentRoute;\n  if (typeof route === \"string\") attrs[\"page.route\"] = route;\n\n  return attrs;\n}\n","import { Tracer, SpanKind, SpanStatusCode } from \"@opentelemetry/api\";\nimport { getDynamicAttributes } from \"./resource-attributes\";\n\ntype NativeFetch = typeof globalThis.fetch;\n\nlet _originalFetch: NativeFetch | null = null;\n\n/**\n * Monkey-patches `window.fetch` to automatically create OTel spans for\n * every outgoing HTTP request.\n *\n * Collector URLs are filtered out to prevent infinite export loops.\n */\nexport function instrumentFetch(tracer: Tracer): void {\n  if (_originalFetch) {\n    // Already instrumented — avoid double-wrapping.\n    return;\n  }\n\n  _originalFetch = window.fetch.bind(window);\n\n  window.fetch = async (\n    input: RequestInfo | URL,\n    init?: RequestInit,\n  ): Promise<Response> => {\n    const url =\n      input instanceof Request ? input.url : input instanceof URL ? input.href : input;\n    const method = init?.method ?? (input instanceof Request ? input.method : \"GET\");\n\n    // Filter out OTel collector traffic to avoid infinite loops.\n    const collectorUrl = (globalThis as Record<string, unknown>).__otelCollectorUrl;\n    if (typeof collectorUrl === \"string\" && url.startsWith(collectorUrl)) {\n      return _originalFetch!(input, init);\n    }\n\n    const dynamicAttrs = getDynamicAttributes();\n\n    return tracer.startActiveSpan(\n      `HTTP ${method.toUpperCase()}`,\n      {\n        kind: SpanKind.CLIENT,\n        attributes: {\n          \"http.method\": method.toUpperCase(),\n          \"http.url\": url,\n          ...dynamicAttrs,\n        },\n      },\n      async (span) => {\n        try {\n          const response = await _originalFetch!(input, init);\n\n          span.setAttribute(\"http.status_code\", response.status);\n\n          const contentLength = response.headers.get(\"content-length\");\n          if (contentLength) {\n            span.setAttribute(\n              \"http.response_content_length\",\n              parseInt(contentLength, 10),\n            );\n          }\n\n          if (response.status >= 400) {\n            span.setStatus({\n              code: SpanStatusCode.ERROR,\n              message: `HTTP ${response.status}`,\n            });\n          }\n\n          return response;\n        } catch (error) {\n          const message =\n            error instanceof Error ? error.message : \"Network request failed\";\n          span.setStatus({ code: SpanStatusCode.ERROR, message });\n          span.recordException(error instanceof Error ? error : new Error(message));\n          throw error;\n        } finally {\n          span.end();\n        }\n      },\n    );\n  };\n}\n\n/**\n * Restores the original `window.fetch`, removing instrumentation.\n */\nexport function uninstrumentFetch(): void {\n  if (_originalFetch) {\n    window.fetch = _originalFetch;\n    _originalFetch = null;\n  }\n}\n","import * as Sentry from \"@sentry/react\";\n\nexport interface SentryConfig {\n  dsn: string;\n  serviceName: string;\n  serviceVersion: string;\n  environment: string;\n}\n\nlet _initialized = false;\n\nexport function initSentry(config: SentryConfig): void {\n  if (_initialized) return;\n\n  Sentry.init({\n    dsn: config.dsn,\n    environment: config.environment,\n    release: `${config.serviceName}@${config.serviceVersion}`,\n    integrations: [\n      Sentry.browserTracingIntegration(),\n      Sentry.replayIntegration({ maskAllText: false, blockAllMedia: false }),\n    ],\n    tracesSampleRate: 0.2,\n    replaysSessionSampleRate: 0.0,\n    replaysOnErrorSampleRate: 1.0,\n    beforeSend(event) {\n      event.tags = {\n        ...event.tags,\n        \"service.name\": config.serviceName,\n      };\n      return event;\n    },\n  });\n\n  Sentry.setTag(\"service.name\", config.serviceName);\n  _initialized = true;\n}\n\nexport function captureError(error: Error, context?: Record<string, string>): void {\n  if (!_initialized) return;\n  Sentry.withScope((scope) => {\n    if (context) {\n      for (const [key, value] of Object.entries(context)) {\n        scope.setExtra(key, value);\n      }\n    }\n    Sentry.captureException(error);\n  });\n}\n\nexport function setSentryUser(id: string, role?: string): void {\n  if (!_initialized) return;\n  Sentry.setUser({ id, ...(role ? { role } : {}) });\n}\n","import { useEffect, useRef } from \"react\";\nimport { metrics } from \"@opentelemetry/api\";\nimport type { Metric } from \"web-vitals\";\n\n/**\n * Captures Core Web Vitals (LCP, FID, CLS, INP, TTFB) and reports them\n * as OTel histogram metrics via the global MeterProvider.\n *\n * Runs once on mount. The `web-vitals` callbacks fire at most once per\n * metric per page load, so no debouncing is needed.\n */\nexport function useWebVitals(): void {\n  const initialized = useRef(false);\n\n  useEffect(() => {\n    if (initialized.current) return;\n    initialized.current = true;\n\n    const meter = metrics.getMeter(\"web-vitals\");\n\n    const lcpHistogram = meter.createHistogram(\"web_vital.lcp\", {\n      description: \"Largest Contentful Paint (ms)\",\n      unit: \"ms\",\n    });\n    const clsHistogram = meter.createHistogram(\"web_vital.cls\", {\n      description: \"Cumulative Layout Shift\",\n      unit: \"\",\n    });\n    const inpHistogram = meter.createHistogram(\"web_vital.inp\", {\n      description: \"Interaction to Next Paint (ms)\",\n      unit: \"ms\",\n    });\n    const ttfbHistogram = meter.createHistogram(\"web_vital.ttfb\", {\n      description: \"Time to First Byte (ms)\",\n      unit: \"ms\",\n    });\n\n    const report = (\n      histogram: ReturnType<typeof meter.createHistogram>,\n      metric: Metric,\n    ) => {\n      histogram.record(metric.value, {\n        \"metric.id\": metric.id,\n        \"metric.rating\": metric.rating,\n      });\n    };\n\n    // Dynamic import so tree-shaking can drop web-vitals entirely when unused.\n    import(\"web-vitals\").then(({ onLCP, onCLS, onINP, onTTFB }) => {\n      onLCP((m) => report(lcpHistogram, m));\n      onCLS((m) => report(clsHistogram, m));\n      onINP((m) => report(inpHistogram, m));\n      onTTFB((m) => report(ttfbHistogram, m));\n    });\n  }, []);\n}\n","import { useEffect } from \"react\";\nimport { useQueryClient, type QueryClient } from \"@tanstack/react-query\";\nimport { trace, SpanStatusCode } from \"@opentelemetry/api\";\nimport { getDynamicAttributes } from \"../lib/resource-attributes\";\n\n/**\n * Subscribes to the React Query cache and creates OTel error spans\n * whenever a query transitions to the `error` state.\n *\n * Safe to use outside QueryClientProvider — gracefully no-ops.\n */\nexport function useQueryErrorReporter(): void {\n  let queryClient: QueryClient | null = null;\n  try {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    queryClient = useQueryClient();\n  } catch {\n    // Not inside a QueryClientProvider — query error reporting disabled\n  }\n\n  useEffect(() => {\n    if (!queryClient) return;\n    const tracer = trace.getTracer(\"@dfl/observability\");\n\n    const unsubscribe = queryClient.getQueryCache().subscribe((event) => {\n      if (event.type === \"updated\" && event.action.type === \"error\") {\n        const query = event.query;\n        const error = query.state.error;\n\n        tracer.startActiveSpan(\"react-query-error\", (span) => {\n          const dynamicAttrs = getDynamicAttributes();\n          for (const [key, value] of Object.entries(dynamicAttrs)) {\n            span.setAttribute(key, value);\n          }\n\n          span.setAttribute(\"query.key\", JSON.stringify(query.queryKey));\n          span.setAttribute(\n            \"error.message\",\n            error instanceof Error ? error.message : String(error),\n          );\n          span.setAttribute(\n            \"error.type\",\n            error instanceof Error ? error.constructor.name : typeof error,\n          );\n\n          span.setStatus({\n            code: SpanStatusCode.ERROR,\n            message:\n              error instanceof Error ? error.message : \"React Query error\",\n          });\n\n          if (error instanceof Error) {\n            span.recordException(error);\n          }\n\n          span.end();\n        });\n      }\n    });\n\n    return () => {\n      unsubscribe();\n    };\n  }, [queryClient]);\n}\n","import React, { Component, ErrorInfo, ReactNode } from \"react\";\nimport { trace, SpanStatusCode } from \"@opentelemetry/api\";\nimport { captureError } from \"./lib/sentry-init\";\n\ninterface ErrorBoundaryProps {\n  children: ReactNode;\n  fallback?: ReactNode;\n}\n\ninterface ErrorBoundaryState {\n  hasError: boolean;\n  error: Error | null;\n}\n\n/**\n * React error boundary that reports uncaught component errors to OTel\n * as error spans before rendering a fallback UI.\n */\nexport class ErrorBoundary extends Component<\n  ErrorBoundaryProps,\n  ErrorBoundaryState\n> {\n  constructor(props: ErrorBoundaryProps) {\n    super(props);\n    this.state = { hasError: false, error: null };\n  }\n\n  static getDerivedStateFromError(error: Error): ErrorBoundaryState {\n    return { hasError: true, error };\n  }\n\n  componentDidCatch(error: Error, errorInfo: ErrorInfo): void {\n    const tracer = trace.getTracer(\"@dfl/observability\");\n\n    tracer.startActiveSpan(\"react-error-boundary\", (span) => {\n      span.setAttribute(\"error.message\", error.message);\n      span.setAttribute(\"error.stack\", error.stack ?? \"\");\n      span.setAttribute(\n        \"error.component_stack\",\n        errorInfo.componentStack ?? \"\",\n      );\n\n      span.setStatus({\n        code: SpanStatusCode.ERROR,\n        message: error.message,\n      });\n\n      span.recordException(error);\n      span.end();\n    });\n\n    captureError(error, {\n      component_stack: errorInfo.componentStack ?? \"\",\n    });\n  }\n\n  private handleReload = (): void => {\n    window.location.reload();\n  };\n\n  render(): ReactNode {\n    if (this.state.hasError) {\n      if (this.props.fallback) {\n        return this.props.fallback;\n      }\n\n      return (\n        <div className=\"flex min-h-[200px] flex-col items-center justify-center gap-4 rounded-lg border border-red-200 bg-red-50 p-8 text-center dark:border-red-900 dark:bg-red-950\">\n          <h2 className=\"text-lg font-semibold text-red-800 dark:text-red-200\">\n            Something went wrong\n          </h2>\n          <p className=\"max-w-md text-sm text-red-600 dark:text-red-400\">\n            An unexpected error occurred. Please try reloading the page.\n          </p>\n          <button\n            onClick={this.handleReload}\n            className=\"rounded-md bg-red-600 px-4 py-2 text-sm font-medium text-white transition-colors hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-red-500 focus:ring-offset-2 dark:bg-red-700 dark:hover:bg-red-600\"\n          >\n            Reload page\n          </button>\n        </div>\n      );\n    }\n\n    return this.props.children;\n  }\n}\n","import { trace, SpanStatusCode } from \"@opentelemetry/api\";\nimport { getDynamicAttributes } from \"./resource-attributes\";\n\n/**\n * Emit a custom observability event as an OTel span.\n *\n * Uses the global tracer registered by the ObservabilityProvider,\n * so it can be called from anywhere in the app without prop-drilling.\n *\n * @example\n * ```ts\n * trackEvent(\"button_click\", { \"button.id\": \"checkout\", \"page\": \"/cart\" });\n * ```\n */\nexport function trackEvent(\n  name: string,\n  attributes?: Record<string, string | number | boolean>,\n): void {\n  const tracer = trace.getTracer(\"@dfl/observability\");\n\n  tracer.startActiveSpan(name, (span) => {\n    const dynamicAttrs = getDynamicAttributes();\n\n    span.setAttribute(\"event.name\", name);\n\n    // Attach dynamic resource attributes (viewport, user, route, etc.)\n    for (const [key, value] of Object.entries(dynamicAttrs)) {\n      span.setAttribute(key, value);\n    }\n\n    // Attach caller-provided attributes\n    if (attributes) {\n      for (const [key, value] of Object.entries(attributes)) {\n        span.setAttribute(key, value);\n      }\n    }\n\n    span.setStatus({ code: SpanStatusCode.OK });\n    span.end();\n  });\n}\n"],"mappings":";AAAA,SAAgB,aAAAA,YAAW,UAAAC,eAAyB;AACpD,SAAS,SAAAC,QAAO,kBAAAC,uBAAsB;;;ACDtC,SAAS,8BAA8B;AACvC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,yBAAyB;AAClC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,0BAA0B;AACnC,SAAS,OAAO,eAAe;;;ACF/B,IAAI;AACJ,IAAI;AAEG,SAAS,UAAU,IAAkB;AAC1C,YAAU;AACZ;AAEO,SAAS,YAAY,MAAoB;AAC9C,cAAY;AACd;AAGA,SAAS,eAAuB;AAC9B,QAAM,MAAM;AACZ,MAAI,KAAK,eAAe,QAAQ,GAAG;AACnC,MAAI,CAAC,IAAI;AACP,SAAK,OAAO,WAAW;AACvB,mBAAe,QAAQ,KAAK,EAAE;AAAA,EAChC;AACA,SAAO;AACT;AAQA,SAAS,gBAA6B;AACpC,QAAM,KAAK,UAAU;AAErB,MAAI,GAAG,SAAS,UAAU,GAAG;AAC3B,UAAM,QAAQ,GAAG,MAAM,mBAAmB;AAC1C,WAAO,EAAE,MAAM,WAAW,SAAS,QAAQ,CAAC,KAAK,UAAU;AAAA,EAC7D;AACA,MAAI,GAAG,SAAS,MAAM,GAAG;AACvB,UAAM,QAAQ,GAAG,MAAM,eAAe;AACtC,WAAO,EAAE,MAAM,QAAQ,SAAS,QAAQ,CAAC,KAAK,UAAU;AAAA,EAC1D;AACA,MAAI,GAAG,SAAS,SAAS,KAAK,CAAC,GAAG,SAAS,MAAM,GAAG;AAClD,UAAM,QAAQ,GAAG,MAAM,kBAAkB;AACzC,WAAO,EAAE,MAAM,UAAU,SAAS,QAAQ,CAAC,KAAK,UAAU;AAAA,EAC5D;AACA,MAAI,GAAG,SAAS,SAAS,KAAK,CAAC,GAAG,SAAS,SAAS,GAAG;AACrD,UAAM,QAAQ,GAAG,MAAM,mBAAmB;AAC1C,WAAO,EAAE,MAAM,UAAU,SAAS,QAAQ,CAAC,KAAK,UAAU;AAAA,EAC5D;AAEA,SAAO,EAAE,MAAM,WAAW,SAAS,UAAU;AAC/C;AAGA,SAAS,WAAmB;AAC1B,QAAM,KAAK,UAAU;AACrB,MAAI,GAAG,SAAS,KAAK,EAAG,QAAO;AAC/B,MAAI,GAAG,SAAS,KAAK,EAAG,QAAO;AAC/B,MAAI,GAAG,SAAS,OAAO,EAAG,QAAO;AACjC,MAAI,GAAG,SAAS,SAAS,EAAG,QAAO;AACnC,MAAI,mBAAmB,KAAK,EAAE,EAAG,QAAO;AACxC,SAAO;AACT;AAGA,SAAS,mBAA2B;AAClC,QAAM,QAAQ,OAAO;AACrB,MAAI,QAAQ,IAAK,QAAO;AACxB,MAAI,QAAQ,KAAM,QAAO;AACzB,SAAO;AACT;AAGA,SAAS,6BAAiD;AACxD,QAAM,MAAM;AAGZ,SAAO,IAAI,YAAY;AACzB;AAQO,SAAS,sBAA8C;AAC5D,QAAM,UAAU,cAAc;AAC9B,QAAM,QAAgC;AAAA,IACpC,gBAAgB,QAAQ;AAAA,IACxB,mBAAmB,QAAQ;AAAA,IAC3B,WAAW,SAAS;AAAA,IACpB,eAAe,iBAAiB;AAAA,IAChC,cAAc,aAAa;AAAA,EAC7B;AAEA,SAAO;AACT;AAMO,SAAS,uBAAwD;AACtE,QAAM,QAAyC;AAAA,IAC7C,kBAAkB,OAAO;AAAA,IACzB,mBAAmB,OAAO;AAAA,EAC5B;AAEA,MAAI,QAAS,OAAM,SAAS,IAAI;AAChC,MAAI,UAAW,OAAM,WAAW,IAAI;AAEpC,QAAM,WAAW,2BAA2B;AAC5C,MAAI,SAAU,OAAM,0BAA0B,IAAI;AAGlD,QAAM,QAAS,WAAuC;AACtD,MAAI,OAAO,UAAU,SAAU,OAAM,YAAY,IAAI;AAErD,SAAO;AACT;;;ADrGO,SAAS,gBAAgB,QAA0C;AACxE,QAAM,EAAE,aAAa,gBAAgB,cAAc,OAAO,IAAI;AAE9D,QAAM,UAAkC,CAAC;AACzC,MAAI,QAAQ;AACV,YAAQ,WAAW,IAAI;AAAA,EACzB;AAEA,QAAM,mBAAmB,oBAAoB;AAE7C,QAAM,WAAW,uBAAuB;AAAA,IACtC,gBAAgB;AAAA,IAChB,mBAAmB;AAAA,IACnB,GAAG;AAAA,EACL,CAAC;AAGD,QAAM,gBAAgB,IAAI,kBAAkB;AAAA,IAC1C,KAAK,GAAG,YAAY;AAAA,IACpB;AAAA,EACF,CAAC;AAED,QAAM,iBAAiB,IAAI,kBAAkB;AAAA,IAC3C;AAAA,IACA,gBAAgB,CAAC,IAAI,mBAAmB,aAAa,CAAC;AAAA,EACxD,CAAC;AAED,iBAAe,SAAS;AAGxB,QAAM,iBAAiB,IAAI,mBAAmB;AAAA,IAC5C,KAAK,GAAG,YAAY;AAAA,IACpB;AAAA,EACF,CAAC;AAED,QAAM,eAAe,IAAI,8BAA8B;AAAA,IACrD,UAAU;AAAA,IACV,sBAAsB;AAAA,EACxB,CAAC;AAED,QAAM,gBAAgB,IAAI,cAAc;AAAA,IACtC;AAAA,IACA,SAAS,CAAC,YAAY;AAAA,EACxB,CAAC;AAED,UAAQ,uBAAuB,aAAa;AAG5C,EAAC,WAAuC,qBAAqB;AAE7D,SAAO,EAAE,gBAAgB,cAAc;AACzC;AAEO,SAAS,aAAa,WAAgC;AAC3D,QAAM,EAAE,gBAAgB,cAAc,IAAI;AAE1C,QAAM,QAAQ;AACd,UAAQ,QAAQ;AAEhB,iBAAe,SAAS,EAAE,MAAM,CAAC,QAAQ;AACvC,YAAQ,KAAK,0CAA0C,GAAG;AAAA,EAC5D,CAAC;AAED,gBAAc,SAAS,EAAE,MAAM,CAAC,QAAQ;AACtC,YAAQ,KAAK,yCAAyC,GAAG;AAAA,EAC3D,CAAC;AACH;;;AE5FA,SAAiB,UAAU,sBAAsB;AAKjD,IAAI,iBAAqC;AAQlC,SAAS,gBAAgB,QAAsB;AACpD,MAAI,gBAAgB;AAElB;AAAA,EACF;AAEA,mBAAiB,OAAO,MAAM,KAAK,MAAM;AAEzC,SAAO,QAAQ,OACb,OACAC,UACsB;AACtB,UAAM,MACJ,iBAAiB,UAAU,MAAM,MAAM,iBAAiB,MAAM,MAAM,OAAO;AAC7E,UAAM,SAASA,OAAM,WAAW,iBAAiB,UAAU,MAAM,SAAS;AAG1E,UAAM,eAAgB,WAAuC;AAC7D,QAAI,OAAO,iBAAiB,YAAY,IAAI,WAAW,YAAY,GAAG;AACpE,aAAO,eAAgB,OAAOA,KAAI;AAAA,IACpC;AAEA,UAAM,eAAe,qBAAqB;AAE1C,WAAO,OAAO;AAAA,MACZ,QAAQ,OAAO,YAAY,CAAC;AAAA,MAC5B;AAAA,QACE,MAAM,SAAS;AAAA,QACf,YAAY;AAAA,UACV,eAAe,OAAO,YAAY;AAAA,UAClC,YAAY;AAAA,UACZ,GAAG;AAAA,QACL;AAAA,MACF;AAAA,MACA,OAAO,SAAS;AACd,YAAI;AACF,gBAAM,WAAW,MAAM,eAAgB,OAAOA,KAAI;AAElD,eAAK,aAAa,oBAAoB,SAAS,MAAM;AAErD,gBAAM,gBAAgB,SAAS,QAAQ,IAAI,gBAAgB;AAC3D,cAAI,eAAe;AACjB,iBAAK;AAAA,cACH;AAAA,cACA,SAAS,eAAe,EAAE;AAAA,YAC5B;AAAA,UACF;AAEA,cAAI,SAAS,UAAU,KAAK;AAC1B,iBAAK,UAAU;AAAA,cACb,MAAM,eAAe;AAAA,cACrB,SAAS,QAAQ,SAAS,MAAM;AAAA,YAClC,CAAC;AAAA,UACH;AAEA,iBAAO;AAAA,QACT,SAAS,OAAO;AACd,gBAAM,UACJ,iBAAiB,QAAQ,MAAM,UAAU;AAC3C,eAAK,UAAU,EAAE,MAAM,eAAe,OAAO,QAAQ,CAAC;AACtD,eAAK,gBAAgB,iBAAiB,QAAQ,QAAQ,IAAI,MAAM,OAAO,CAAC;AACxE,gBAAM;AAAA,QACR,UAAE;AACA,eAAK,IAAI;AAAA,QACX;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AAKO,SAAS,oBAA0B;AACxC,MAAI,gBAAgB;AAClB,WAAO,QAAQ;AACf,qBAAiB;AAAA,EACnB;AACF;;;AC3FA,YAAY,YAAY;AASxB,IAAI,eAAe;AAEZ,SAAS,WAAW,QAA4B;AACrD,MAAI,aAAc;AAElB,EAAO,YAAK;AAAA,IACV,KAAK,OAAO;AAAA,IACZ,aAAa,OAAO;AAAA,IACpB,SAAS,GAAG,OAAO,WAAW,IAAI,OAAO,cAAc;AAAA,IACvD,cAAc;AAAA,MACL,iCAA0B;AAAA,MAC1B,yBAAkB,EAAE,aAAa,OAAO,eAAe,MAAM,CAAC;AAAA,IACvE;AAAA,IACA,kBAAkB;AAAA,IAClB,0BAA0B;AAAA,IAC1B,0BAA0B;AAAA,IAC1B,WAAW,OAAO;AAChB,YAAM,OAAO;AAAA,QACX,GAAG,MAAM;AAAA,QACT,gBAAgB,OAAO;AAAA,MACzB;AACA,aAAO;AAAA,IACT;AAAA,EACF,CAAC;AAED,EAAO,cAAO,gBAAgB,OAAO,WAAW;AAChD,iBAAe;AACjB;AAEO,SAAS,aAAa,OAAc,SAAwC;AACjF,MAAI,CAAC,aAAc;AACnB,EAAO,iBAAU,CAAC,UAAU;AAC1B,QAAI,SAAS;AACX,iBAAW,CAAC,KAAK,KAAK,KAAK,OAAO,QAAQ,OAAO,GAAG;AAClD,cAAM,SAAS,KAAK,KAAK;AAAA,MAC3B;AAAA,IACF;AACA,IAAO,wBAAiB,KAAK;AAAA,EAC/B,CAAC;AACH;AAEO,SAAS,cAAc,IAAY,MAAqB;AAC7D,MAAI,CAAC,aAAc;AACnB,EAAO,eAAQ,EAAE,IAAI,GAAI,OAAO,EAAE,KAAK,IAAI,CAAC,EAAG,CAAC;AAClD;;;ACrDA,SAAS,WAAW,cAAc;AAClC,SAAS,WAAAC,gBAAe;AAUjB,SAAS,eAAqB;AACnC,QAAM,cAAc,OAAO,KAAK;AAEhC,YAAU,MAAM;AACd,QAAI,YAAY,QAAS;AACzB,gBAAY,UAAU;AAEtB,UAAM,QAAQA,SAAQ,SAAS,YAAY;AAE3C,UAAM,eAAe,MAAM,gBAAgB,iBAAiB;AAAA,MAC1D,aAAa;AAAA,MACb,MAAM;AAAA,IACR,CAAC;AACD,UAAM,eAAe,MAAM,gBAAgB,iBAAiB;AAAA,MAC1D,aAAa;AAAA,MACb,MAAM;AAAA,IACR,CAAC;AACD,UAAM,eAAe,MAAM,gBAAgB,iBAAiB;AAAA,MAC1D,aAAa;AAAA,MACb,MAAM;AAAA,IACR,CAAC;AACD,UAAM,gBAAgB,MAAM,gBAAgB,kBAAkB;AAAA,MAC5D,aAAa;AAAA,MACb,MAAM;AAAA,IACR,CAAC;AAED,UAAM,SAAS,CACb,WACA,WACG;AACH,gBAAU,OAAO,OAAO,OAAO;AAAA,QAC7B,aAAa,OAAO;AAAA,QACpB,iBAAiB,OAAO;AAAA,MAC1B,CAAC;AAAA,IACH;AAGA,WAAO,YAAY,EAAE,KAAK,CAAC,EAAE,OAAO,OAAO,OAAO,OAAO,MAAM;AAC7D,YAAM,CAAC,MAAM,OAAO,cAAc,CAAC,CAAC;AACpC,YAAM,CAAC,MAAM,OAAO,cAAc,CAAC,CAAC;AACpC,YAAM,CAAC,MAAM,OAAO,cAAc,CAAC,CAAC;AACpC,aAAO,CAAC,MAAM,OAAO,eAAe,CAAC,CAAC;AAAA,IACxC,CAAC;AAAA,EACH,GAAG,CAAC,CAAC;AACP;;;ACvDA,SAAS,aAAAC,kBAAiB;AAC1B,SAAS,sBAAwC;AACjD,SAAS,SAAAC,QAAO,kBAAAC,uBAAsB;AAS/B,SAAS,wBAA8B;AAC5C,MAAI,cAAkC;AACtC,MAAI;AAEF,kBAAc,eAAe;AAAA,EAC/B,QAAQ;AAAA,EAER;AAEA,EAAAC,WAAU,MAAM;AACd,QAAI,CAAC,YAAa;AAClB,UAAM,SAASC,OAAM,UAAU,oBAAoB;AAEnD,UAAM,cAAc,YAAY,cAAc,EAAE,UAAU,CAAC,UAAU;AACnE,UAAI,MAAM,SAAS,aAAa,MAAM,OAAO,SAAS,SAAS;AAC7D,cAAM,QAAQ,MAAM;AACpB,cAAM,QAAQ,MAAM,MAAM;AAE1B,eAAO,gBAAgB,qBAAqB,CAAC,SAAS;AACpD,gBAAM,eAAe,qBAAqB;AAC1C,qBAAW,CAAC,KAAK,KAAK,KAAK,OAAO,QAAQ,YAAY,GAAG;AACvD,iBAAK,aAAa,KAAK,KAAK;AAAA,UAC9B;AAEA,eAAK,aAAa,aAAa,KAAK,UAAU,MAAM,QAAQ,CAAC;AAC7D,eAAK;AAAA,YACH;AAAA,YACA,iBAAiB,QAAQ,MAAM,UAAU,OAAO,KAAK;AAAA,UACvD;AACA,eAAK;AAAA,YACH;AAAA,YACA,iBAAiB,QAAQ,MAAM,YAAY,OAAO,OAAO;AAAA,UAC3D;AAEA,eAAK,UAAU;AAAA,YACb,MAAMC,gBAAe;AAAA,YACrB,SACE,iBAAiB,QAAQ,MAAM,UAAU;AAAA,UAC7C,CAAC;AAED,cAAI,iBAAiB,OAAO;AAC1B,iBAAK,gBAAgB,KAAK;AAAA,UAC5B;AAEA,eAAK,IAAI;AAAA,QACX,CAAC;AAAA,MACH;AAAA,IACF,CAAC;AAED,WAAO,MAAM;AACX,kBAAY;AAAA,IACd;AAAA,EACF,GAAG,CAAC,WAAW,CAAC;AAClB;;;AChEA,SAAgB,iBAAuC;AACvD,SAAS,SAAAC,QAAO,kBAAAC,uBAAsB;AAkE9B,SACE,KADF;AAjDD,IAAM,gBAAN,cAA4B,UAGjC;AAAA,EACA,YAAY,OAA2B;AACrC,UAAM,KAAK;AAiCb,SAAQ,eAAe,MAAY;AACjC,aAAO,SAAS,OAAO;AAAA,IACzB;AAlCE,SAAK,QAAQ,EAAE,UAAU,OAAO,OAAO,KAAK;AAAA,EAC9C;AAAA,EAEA,OAAO,yBAAyB,OAAkC;AAChE,WAAO,EAAE,UAAU,MAAM,MAAM;AAAA,EACjC;AAAA,EAEA,kBAAkB,OAAc,WAA4B;AAC1D,UAAM,SAASC,OAAM,UAAU,oBAAoB;AAEnD,WAAO,gBAAgB,wBAAwB,CAAC,SAAS;AACvD,WAAK,aAAa,iBAAiB,MAAM,OAAO;AAChD,WAAK,aAAa,eAAe,MAAM,SAAS,EAAE;AAClD,WAAK;AAAA,QACH;AAAA,QACA,UAAU,kBAAkB;AAAA,MAC9B;AAEA,WAAK,UAAU;AAAA,QACb,MAAMC,gBAAe;AAAA,QACrB,SAAS,MAAM;AAAA,MACjB,CAAC;AAED,WAAK,gBAAgB,KAAK;AAC1B,WAAK,IAAI;AAAA,IACX,CAAC;AAED,iBAAa,OAAO;AAAA,MAClB,iBAAiB,UAAU,kBAAkB;AAAA,IAC/C,CAAC;AAAA,EACH;AAAA,EAMA,SAAoB;AAClB,QAAI,KAAK,MAAM,UAAU;AACvB,UAAI,KAAK,MAAM,UAAU;AACvB,eAAO,KAAK,MAAM;AAAA,MACpB;AAEA,aACE,qBAAC,SAAI,WAAU,gKACb;AAAA,4BAAC,QAAG,WAAU,wDAAuD,kCAErE;AAAA,QACA,oBAAC,OAAE,WAAU,mDAAkD,0EAE/D;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,SAAS,KAAK;AAAA,YACd,WAAU;AAAA,YACX;AAAA;AAAA,QAED;AAAA,SACF;AAAA,IAEJ;AAEA,WAAO,KAAK,MAAM;AAAA,EACpB;AACF;;;APrBS,0BAAAC,YAAA;AAnBT,SAAS,sBAAsB;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,MAAI,iBAAiB;AAEnB,iBAAa;AAAA,EACf;AAEA,MAAI,qBAAqB;AAEvB,0BAAsB;AAAA,EACxB;AAEA,SAAO,gBAAAA,KAAA,YAAG,UAAS;AACrB;AAIO,SAAS,sBAAsB;AAAA,EACpC;AAAA,EACA,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,UAAU;AAAA,EACV,kBAAkB;AAAA,EAClB,sBAAsB;AAAA,EACtB,qBAAqB;AAAA,EACrB;AACF,GAA+B;AAC7B,QAAM,eAAeC,QAA6B,IAAI;AAEtD,EAAAC,WAAU,MAAM;AACd,QAAI,CAAC,QAAS;AAGd,QAAI,WAAW;AACb,iBAAW;AAAA,QACT,KAAK;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,MACF,CAAC;AAAA,IACH;AAGA,UAAM,YAAY,gBAAgB;AAAA,MAChC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AACD,iBAAa,UAAU;AAGvB,QAAI,oBAAoB;AACtB,YAAMC,UAASC,OAAM,UAAU,oBAAoB;AACnD,sBAAgBD,OAAM;AAAA,IACxB;AAGA,UAAM,SAASC,OAAM,UAAU,oBAAoB;AAEnD,UAAM,oBAAoB,CAAC,UAAsB;AAC/C,aAAO,gBAAgB,kBAAkB,CAAC,SAAS;AACjD,cAAM,eAAe,qBAAqB;AAC1C,mBAAW,CAAC,KAAK,KAAK,KAAK,OAAO,QAAQ,YAAY,GAAG;AACvD,eAAK,aAAa,KAAK,KAAK;AAAA,QAC9B;AAEA,aAAK,aAAa,iBAAiB,MAAM,OAAO;AAChD,aAAK,aAAa,gBAAgB,MAAM,YAAY,EAAE;AACtD,aAAK,aAAa,gBAAgB,MAAM,UAAU,CAAC;AACnD,aAAK,aAAa,eAAe,MAAM,SAAS,CAAC;AAEjD,aAAK,UAAU;AAAA,UACb,MAAMC,gBAAe;AAAA,UACrB,SAAS,MAAM;AAAA,QACjB,CAAC;AAED,YAAI,MAAM,iBAAiB,OAAO;AAChC,eAAK,gBAAgB,MAAM,KAAK;AAChC,uBAAa,MAAM,OAAO;AAAA,YACxB,QAAQ,MAAM,YAAY;AAAA,YAC1B,QAAQ,OAAO,MAAM,UAAU,CAAC;AAAA,UAClC,CAAC;AAAA,QACH;AAEA,aAAK,IAAI;AAAA,MACX,CAAC;AAAA,IACH;AAEA,UAAM,2BAA2B,CAAC,UAAiC;AACjE,aAAO,gBAAgB,uBAAuB,CAAC,SAAS;AACtD,cAAM,eAAe,qBAAqB;AAC1C,mBAAW,CAAC,KAAK,KAAK,KAAK,OAAO,QAAQ,YAAY,GAAG;AACvD,eAAK,aAAa,KAAK,KAAK;AAAA,QAC9B;AAEA,cAAM,SAAS,MAAM;AACrB,cAAM,UACJ,kBAAkB,QAAQ,OAAO,UAAU,OAAO,MAAM;AAE1D,aAAK,aAAa,iBAAiB,OAAO;AAC1C,aAAK,aAAa,cAAc,6BAA6B;AAE7D,aAAK,UAAU,EAAE,MAAMA,gBAAe,OAAO,QAAQ,CAAC;AAEtD,YAAI,kBAAkB,OAAO;AAC3B,eAAK,gBAAgB,MAAM;AAC3B,uBAAa,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAAA,QAC9D;AAEA,aAAK,IAAI;AAAA,MACX,CAAC;AAAA,IACH;AAEA,WAAO,iBAAiB,SAAS,iBAAiB;AAClD,WAAO,iBAAiB,sBAAsB,wBAAwB;AAEtE,WAAO,MAAM;AACX,aAAO,oBAAoB,SAAS,iBAAiB;AACrD,aAAO,oBAAoB,sBAAsB,wBAAwB;AAEzE,UAAI,oBAAoB;AACtB,0BAAkB;AAAA,MACpB;AAEA,UAAI,aAAa,SAAS;AACxB,qBAAa,aAAa,OAAO;AACjC,qBAAa,UAAU;AAAA,MACzB;AAAA,IACF;AAAA,EAEF,GAAG,CAAC,OAAO,CAAC;AAGZ,MAAI,CAAC,SAAS;AACZ,WAAO,gBAAAL,KAAA,YAAG,UAAS;AAAA,EACrB;AAEA,SACE,gBAAAA,KAAC,iBACC,0BAAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MAEC;AAAA;AAAA,EACH,GACF;AAEJ;;;AQ5MA,SAAS,SAAAM,QAAO,kBAAAC,uBAAsB;AAc/B,SAAS,WACd,MACA,YACM;AACN,QAAM,SAASC,OAAM,UAAU,oBAAoB;AAEnD,SAAO,gBAAgB,MAAM,CAAC,SAAS;AACrC,UAAM,eAAe,qBAAqB;AAE1C,SAAK,aAAa,cAAc,IAAI;AAGpC,eAAW,CAAC,KAAK,KAAK,KAAK,OAAO,QAAQ,YAAY,GAAG;AACvD,WAAK,aAAa,KAAK,KAAK;AAAA,IAC9B;AAGA,QAAI,YAAY;AACd,iBAAW,CAAC,KAAK,KAAK,KAAK,OAAO,QAAQ,UAAU,GAAG;AACrD,aAAK,aAAa,KAAK,KAAK;AAAA,MAC9B;AAAA,IACF;AAEA,SAAK,UAAU,EAAE,MAAMC,gBAAe,GAAG,CAAC;AAC1C,SAAK,IAAI;AAAA,EACX,CAAC;AACH;","names":["useEffect","useRef","trace","SpanStatusCode","init","metrics","useEffect","trace","SpanStatusCode","useEffect","trace","SpanStatusCode","trace","SpanStatusCode","trace","SpanStatusCode","jsx","useRef","useEffect","tracer","trace","SpanStatusCode","trace","SpanStatusCode","trace","SpanStatusCode"]}

package/package.json

@@ -0,0 +1,56 @@
+{
+  "name": "@devfellowship/observability",
+  "version": "2.0.0",
+  "description": "Browser observability SDK — OpenTelemetry + Sentry for React apps",
+  "type": "module",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "prepublishOnly": "npm run build"
+  },
+  "dependencies": {
+    "@opentelemetry/api": "^1.9.0",
+    "@opentelemetry/exporter-metrics-otlp-http": "^0.57.0",
+    "@opentelemetry/exporter-trace-otlp-http": "^0.57.0",
+    "@opentelemetry/resources": "^1.30.0",
+    "@opentelemetry/sdk-metrics": "^1.30.0",
+    "@opentelemetry/sdk-trace-web": "^1.30.0",
+    "@opentelemetry/semantic-conventions": "^1.30.0",
+    "@sentry/react": "^10.47.0",
+    "web-vitals": "^4.2.0"
+  },
+  "peerDependencies": {
+    "@tanstack/react-query": ">=5",
+    "react": ">=18"
+  },
+  "peerDependenciesMeta": {
+    "@tanstack/react-query": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@tanstack/react-query": "^5.96.1",
+    "@types/react": "^18.3.28",
+    "tsup": "^8.5.1",
+    "typescript": "^5.9.3"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/devfellowship/dfl-observability.git"
+  }
+}