@dash0/sdk-web 0.13.2 → 0.13.4

package/src/entrypoint/script.ts

@@ -7,6 +7,7 @@ import { init as initApi } from "../api/init";
 import { terminateSession } from "../api/session";
 import { addSignalAttribute, removeSignalAttribute } from "../api/attributes";
 import { sendEvent } from "../api/events";
+import { setActiveLogLevel } from "../api/log-level";
 
 /**
  * All the APIs exposed through the script tag via `dash0('{{api name}}')`
@@ -19,6 +20,7 @@ const scriptApis = {
   reportError,
   addSignalAttribute,
   removeSignalAttribute,
+  setActiveLogLevel,
   sendEvent,
 } as const;
 

package/src/instrumentations/http/fetch.ts

@@ -24,7 +24,7 @@ import { vars } from "../../vars";
 import { httpRequestHeaderKey, httpResponseHeaderKey } from "../../utils/otel/http";
 import { sendSpan } from "../../transport";
 import { addResourceNetworkEvents, addResourceSize, HTTP_METHOD_OTHER, isWellKnownHttpMethod } from "./utils";
-import { addCommonAttributes } from "../../attributes";
+import { addCommonAttributes, addUrlAttributes } from "../../attributes";
 
 export function instrumentFetch() {
   if (!win || !win.fetch || !win.Request) {
@@ -64,8 +64,8 @@ function wrapFetch(original: typeof fetch) {
     const method = isWellKnownMethodMatchingLeniently ? originalMethod.toUpperCase() : HTTP_METHOD_OTHER;
 
     const span = startSpan(`HTTP ${method}`);
-    // The url namespace of a http span has a different meaning than for common rum signals.
-    addCommonAttributes(span.attributes, { url });
+    addCommonAttributes(span.attributes);
+    addUrlAttributes(span.attributes, url);
     addGraphQlProperties(input, init, span);
     addAttribute(span.attributes, HTTP_REQUEST_METHOD, method);
     if (!isWellKnownMethod) {

package/src/semantic-conventions.ts

@@ -35,6 +35,7 @@ export const EXCEPTION_STACKTRACE = "exception.stacktrace";
 export const ERROR_TYPE = "error.type";
 
 // URL Attribute Keys
+export const PAGE_URL_ATTR_PREFIX = "page";
 export const URL_DOMAIN = "url.domain";
 export const URL_FRAGMENT = "url.fragment";
 export const URL_FULL = "url.full";

package/src/transport/fetch.ts

@@ -1,9 +1,11 @@
 import { vars } from "../vars";
-import { noop, warn, fetch } from "../utils";
+import { noop, warn, fetch, debug } from "../utils";
 
 const BEACON_BODY_SIZE_LIMIT = 60000;
 
 export async function send(path: string, body: unknown): Promise<void> {
+  debug("Transmitting telemetry to endpoints", body);
+
   const jsonString = JSON.stringify(body);
   let requestBody: ArrayBuffer | string = jsonString;
   let byteLength = jsonString.length;

package/src/utils/debug.ts

@@ -1,25 +1,40 @@
 import { noop } from "./fn";
 
+const logLevels = {
+  debug: 0,
+  info: 1,
+  warn: 2,
+  error: 3,
+} as const;
+
+export type LogLevel = keyof typeof logLevels;
+
+let activeLogLevel: number = logLevels.warn;
+
+/**
+ * Changes the logging verbosity of Dash0's web SDK. By default, only warnings and errors are logged.
+ */
+export function setActiveLogLevel(level: LogLevel) {
+  activeLogLevel = logLevels[level] ?? logLevels.warn;
+}
+
 type Logger = (...args: any[]) => void;
 
-export const log: Logger = createLogger("log");
 export const info: Logger = createLogger("info");
 export const warn: Logger = createLogger("warn");
 export const error: Logger = createLogger("error");
 export const debug: Logger = createLogger("debug");
 
-function createLogger(method: Extract<keyof Console, "log" | "info" | "warn" | "error" | "debug">): Logger {
-  if (typeof console === "undefined" || typeof console.log !== "function" || typeof console.log.apply !== "function") {
-    return noop;
-  }
+function createLogger(logLevel: LogLevel): Logger {
+  if (typeof console !== "undefined" && console[logLevel] && typeof console[logLevel].apply === "function") {
+    const numericLogLevel = logLevels[logLevel];
 
-  if (console[method] && typeof console[method].apply === "function") {
     return function () {
-      console[method].apply(console, arguments as any);
+      if (numericLogLevel >= activeLogLevel) {
+        console[logLevel].apply(console, arguments as any);
+      }
     };
   }
 
-  return function () {
-    console.log.apply(console, arguments as any);
-  };
+  return noop;
 }

package/src/utils/otel/attributes.ts

@@ -67,3 +67,14 @@ export function removeAttribute(attributes: KeyValue[], key: string) {
     attributes.splice(index, 1);
   }
 }
+
+export type AttrPrefix = string | string[];
+export function withPrefix(prefix?: AttrPrefix): (attr: string) => string {
+  if (!prefix) return (attr) => attr;
+
+  if (Array.isArray(prefix)) {
+    return (attr) => [...prefix, attr].join(".");
+  }
+
+  return (attr) => `${prefix}.${attr}`;
+}