@loggerjs/browser 0.4.0 → 0.5.1

package/dist/framework-error-integration.cjs

@@ -0,0 +1,102 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+let _loggerjs_core = require("@loggerjs/core");
+//#region src/framework-error-integration.ts
+function errorMessage(error) {
+	return error instanceof Error ? error.message : "Framework error";
+}
+function instanceComponentName(instance) {
+	const record = instance;
+	return record?.$options?.name ?? record?.type?.displayName ?? record?.type?.name ?? record?.constructor?.name;
+}
+function normalizeFrameworkInfo(input, fallbackFramework) {
+	if (typeof input === "string") return {
+		framework: fallbackFramework,
+		info: input
+	};
+	return {
+		framework: fallbackFramework,
+		...input
+	};
+}
+function captureFrameworkErrorsIntegration(options = {}) {
+	const integrationName = options.name ?? "capture-framework-errors";
+	const fallbackFramework = options.framework ?? "framework";
+	const level = options.level ?? "error";
+	const maxPending = Math.max(0, Math.floor(options.maxPending ?? 10));
+	const infoMaxDepth = options.infoMaxDepth ?? 6;
+	const pending = [];
+	let api;
+	let started = false;
+	let disposed = false;
+	const emit = (error, rawInfo) => {
+		const info = normalizeFrameworkInfo(rawInfo, fallbackFramework);
+		const message = options.getMessage?.(error, info) ?? errorMessage(error);
+		api?.capture({
+			level,
+			message,
+			error,
+			props: { browser: {
+				kind: "framework-error",
+				framework: info.framework,
+				componentName: info.componentName,
+				componentStack: info.componentStack,
+				info: (0, _loggerjs_core.normalizeValue)(info.info, {
+					maxDepth: infoMaxDepth,
+					maxObjectKeys: 80
+				}),
+				props: (0, _loggerjs_core.normalizeValue)(info.props, {
+					maxDepth: infoMaxDepth,
+					maxObjectKeys: 80
+				})
+			} }
+		});
+	};
+	const capture = (error, info) => {
+		if (api) {
+			emit(error, info);
+			return;
+		}
+		if (started || disposed || pending.length >= maxPending) return;
+		pending.push({
+			error,
+			info
+		});
+	};
+	return {
+		name: integrationName,
+		setup(nextApi) {
+			api = nextApi;
+			started = true;
+			disposed = false;
+			for (const item of pending.splice(0)) emit(item.error, item.info);
+			return () => {
+				api = void 0;
+				disposed = true;
+			};
+		},
+		capture,
+		reactComponentDidCatch(error, errorInfo) {
+			capture(error, {
+				framework: "react",
+				componentStack: errorInfo?.componentStack
+			});
+		},
+		vueErrorHandler(error, instance, info) {
+			capture(error, {
+				framework: "vue",
+				componentName: instanceComponentName(instance),
+				info
+			});
+		},
+		solidErrorHandler(error) {
+			capture(error, { framework: "solid" });
+		},
+		svelteErrorHandler(error, info) {
+			capture(error, normalizeFrameworkInfo(info, "svelte"));
+		}
+	};
+}
+//#endregion
+exports.captureFrameworkErrorsIntegration = captureFrameworkErrorsIntegration;
+
+//# sourceMappingURL=framework-error-integration.cjs.map

package/dist/framework-error-integration.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"framework-error-integration.cjs","names":[],"sources":["../src/framework-error-integration.ts"],"sourcesContent":["import {\n  normalizeValue,\n  type Integration,\n  type IntegrationSetupContext,\n  type LoggerLevel,\n} from \"@loggerjs/core\";\n\nexport type BrowserFrameworkName = \"angular\" | \"react\" | \"solid\" | \"svelte\" | \"vue\" | string;\n\nexport interface BrowserFrameworkErrorInfo {\n  framework?: BrowserFrameworkName;\n  componentName?: string;\n  componentStack?: string;\n  info?: unknown;\n  props?: Record<string, unknown>;\n  [key: string]: unknown;\n}\n\nexport interface CaptureFrameworkErrorsOptions {\n  name?: string;\n  framework?: BrowserFrameworkName;\n  level?: LoggerLevel;\n  maxPending?: number;\n  infoMaxDepth?: number;\n  getMessage?: (error: unknown, info: BrowserFrameworkErrorInfo) => string;\n}\n\nexport interface BrowserFrameworkErrorIntegration extends Integration {\n  capture: (error: unknown, info?: BrowserFrameworkErrorInfo | string) => void;\n  reactComponentDidCatch: (error: unknown, errorInfo?: { componentStack?: string }) => void;\n  vueErrorHandler: (error: unknown, instance?: unknown, info?: string) => void;\n  solidErrorHandler: (error: unknown) => void;\n  svelteErrorHandler: (error: unknown, info?: BrowserFrameworkErrorInfo | string) => void;\n}\n\ninterface PendingFrameworkError {\n  error: unknown;\n  info?: BrowserFrameworkErrorInfo | string;\n}\n\nfunction errorMessage(error: unknown): string {\n  return error instanceof Error ? error.message : \"Framework error\";\n}\n\nfunction instanceComponentName(instance: unknown): string | undefined {\n  const record = instance as\n    | {\n        constructor?: { name?: string };\n        $options?: { name?: string };\n        type?: { name?: string; displayName?: string };\n      }\n    | undefined;\n  return (\n    record?.$options?.name ??\n    record?.type?.displayName ??\n    record?.type?.name ??\n    record?.constructor?.name\n  );\n}\n\nfunction normalizeFrameworkInfo(\n  input: BrowserFrameworkErrorInfo | string | undefined,\n  fallbackFramework: BrowserFrameworkName,\n): BrowserFrameworkErrorInfo {\n  if (typeof input === \"string\") return { framework: fallbackFramework, info: input };\n  return { framework: fallbackFramework, ...input };\n}\n\nexport function captureFrameworkErrorsIntegration(\n  options: CaptureFrameworkErrorsOptions = {},\n): BrowserFrameworkErrorIntegration {\n  const integrationName = options.name ?? \"capture-framework-errors\";\n  const fallbackFramework = options.framework ?? \"framework\";\n  const level = options.level ?? \"error\";\n  const maxPending = Math.max(0, Math.floor(options.maxPending ?? 10));\n  const infoMaxDepth = options.infoMaxDepth ?? 6;\n  const pending: PendingFrameworkError[] = [];\n  let api: IntegrationSetupContext | undefined;\n  let started = false;\n  let disposed = false;\n\n  const emit = (error: unknown, rawInfo?: BrowserFrameworkErrorInfo | string) => {\n    const info = normalizeFrameworkInfo(rawInfo, fallbackFramework);\n    const message = options.getMessage?.(error, info) ?? errorMessage(error);\n    api?.capture({\n      level,\n      message,\n      error,\n      props: {\n        browser: {\n          kind: \"framework-error\",\n          framework: info.framework,\n          componentName: info.componentName,\n          componentStack: info.componentStack,\n          info: normalizeValue(info.info, { maxDepth: infoMaxDepth, maxObjectKeys: 80 }),\n          props: normalizeValue(info.props, { maxDepth: infoMaxDepth, maxObjectKeys: 80 }),\n        },\n      },\n    });\n  };\n\n  const capture = (error: unknown, info?: BrowserFrameworkErrorInfo | string) => {\n    if (api) {\n      emit(error, info);\n      return;\n    }\n    if (started || disposed || pending.length >= maxPending) return;\n    pending.push({ error, info });\n  };\n\n  const integration: BrowserFrameworkErrorIntegration = {\n    name: integrationName,\n    setup(nextApi) {\n      api = nextApi;\n      started = true;\n      disposed = false;\n      for (const item of pending.splice(0)) emit(item.error, item.info);\n      return () => {\n        api = undefined;\n        disposed = true;\n      };\n    },\n    capture,\n    reactComponentDidCatch(error, errorInfo) {\n      capture(error, {\n        framework: \"react\",\n        componentStack: errorInfo?.componentStack,\n      });\n    },\n    vueErrorHandler(error, instance, info) {\n      capture(error, {\n        framework: \"vue\",\n        componentName: instanceComponentName(instance),\n        info,\n      });\n    },\n    solidErrorHandler(error) {\n      capture(error, { framework: \"solid\" });\n    },\n    svelteErrorHandler(error, info) {\n      capture(error, normalizeFrameworkInfo(info, \"svelte\"));\n    },\n  };\n\n  return integration;\n}\n"],"mappings":";;;AAwCA,SAAS,aAAa,OAAwB;CAC5C,OAAO,iBAAiB,QAAQ,MAAM,UAAU;AAClD;AAEA,SAAS,sBAAsB,UAAuC;CACpE,MAAM,SAAS;CAOf,OACE,QAAQ,UAAU,QAClB,QAAQ,MAAM,eACd,QAAQ,MAAM,QACd,QAAQ,aAAa;AAEzB;AAEA,SAAS,uBACP,OACA,mBAC2B;CAC3B,IAAI,OAAO,UAAU,UAAU,OAAO;EAAE,WAAW;EAAmB,MAAM;CAAM;CAClF,OAAO;EAAE,WAAW;EAAmB,GAAG;CAAM;AAClD;AAEA,SAAgB,kCACd,UAAyC,CAAC,GACR;CAClC,MAAM,kBAAkB,QAAQ,QAAQ;CACxC,MAAM,oBAAoB,QAAQ,aAAa;CAC/C,MAAM,QAAQ,QAAQ,SAAS;CAC/B,MAAM,aAAa,KAAK,IAAI,GAAG,KAAK,MAAM,QAAQ,cAAc,EAAE,CAAC;CACnE,MAAM,eAAe,QAAQ,gBAAgB;CAC7C,MAAM,UAAmC,CAAC;CAC1C,IAAI;CACJ,IAAI,UAAU;CACd,IAAI,WAAW;CAEf,MAAM,QAAQ,OAAgB,YAAiD;EAC7E,MAAM,OAAO,uBAAuB,SAAS,iBAAiB;EAC9D,MAAM,UAAU,QAAQ,aAAa,OAAO,IAAI,KAAK,aAAa,KAAK;EACvE,KAAK,QAAQ;GACX;GACA;GACA;GACA,OAAO,EACL,SAAS;IACP,MAAM;IACN,WAAW,KAAK;IAChB,eAAe,KAAK;IACpB,gBAAgB,KAAK;IACrB,OAAA,GAAA,eAAA,eAAA,CAAqB,KAAK,MAAM;KAAE,UAAU;KAAc,eAAe;IAAG,CAAC;IAC7E,QAAA,GAAA,eAAA,eAAA,CAAsB,KAAK,OAAO;KAAE,UAAU;KAAc,eAAe;IAAG,CAAC;GACjF,EACF;EACF,CAAC;CACH;CAEA,MAAM,WAAW,OAAgB,SAA8C;EAC7E,IAAI,KAAK;GACP,KAAK,OAAO,IAAI;GAChB;EACF;EACA,IAAI,WAAW,YAAY,QAAQ,UAAU,YAAY;EACzD,QAAQ,KAAK;GAAE;GAAO;EAAK,CAAC;CAC9B;CAoCA,OAAO;EAjCL,MAAM;EACN,MAAM,SAAS;GACb,MAAM;GACN,UAAU;GACV,WAAW;GACX,KAAK,MAAM,QAAQ,QAAQ,OAAO,CAAC,GAAG,KAAK,KAAK,OAAO,KAAK,IAAI;GAChE,aAAa;IACX,MAAM,KAAA;IACN,WAAW;GACb;EACF;EACA;EACA,uBAAuB,OAAO,WAAW;GACvC,QAAQ,OAAO;IACb,WAAW;IACX,gBAAgB,WAAW;GAC7B,CAAC;EACH;EACA,gBAAgB,OAAO,UAAU,MAAM;GACrC,QAAQ,OAAO;IACb,WAAW;IACX,eAAe,sBAAsB,QAAQ;IAC7C;GACF,CAAC;EACH;EACA,kBAAkB,OAAO;GACvB,QAAQ,OAAO,EAAE,WAAW,QAAQ,CAAC;EACvC;EACA,mBAAmB,OAAO,MAAM;GAC9B,QAAQ,OAAO,uBAAuB,MAAM,QAAQ,CAAC;EACvD;CAGe;AACnB"}

package/dist/framework-error-integration.js

@@ -0,0 +1,101 @@
+import { normalizeValue } from "@loggerjs/core";
+//#region src/framework-error-integration.ts
+function errorMessage(error) {
+	return error instanceof Error ? error.message : "Framework error";
+}
+function instanceComponentName(instance) {
+	const record = instance;
+	return record?.$options?.name ?? record?.type?.displayName ?? record?.type?.name ?? record?.constructor?.name;
+}
+function normalizeFrameworkInfo(input, fallbackFramework) {
+	if (typeof input === "string") return {
+		framework: fallbackFramework,
+		info: input
+	};
+	return {
+		framework: fallbackFramework,
+		...input
+	};
+}
+function captureFrameworkErrorsIntegration(options = {}) {
+	const integrationName = options.name ?? "capture-framework-errors";
+	const fallbackFramework = options.framework ?? "framework";
+	const level = options.level ?? "error";
+	const maxPending = Math.max(0, Math.floor(options.maxPending ?? 10));
+	const infoMaxDepth = options.infoMaxDepth ?? 6;
+	const pending = [];
+	let api;
+	let started = false;
+	let disposed = false;
+	const emit = (error, rawInfo) => {
+		const info = normalizeFrameworkInfo(rawInfo, fallbackFramework);
+		const message = options.getMessage?.(error, info) ?? errorMessage(error);
+		api?.capture({
+			level,
+			message,
+			error,
+			props: { browser: {
+				kind: "framework-error",
+				framework: info.framework,
+				componentName: info.componentName,
+				componentStack: info.componentStack,
+				info: normalizeValue(info.info, {
+					maxDepth: infoMaxDepth,
+					maxObjectKeys: 80
+				}),
+				props: normalizeValue(info.props, {
+					maxDepth: infoMaxDepth,
+					maxObjectKeys: 80
+				})
+			} }
+		});
+	};
+	const capture = (error, info) => {
+		if (api) {
+			emit(error, info);
+			return;
+		}
+		if (started || disposed || pending.length >= maxPending) return;
+		pending.push({
+			error,
+			info
+		});
+	};
+	return {
+		name: integrationName,
+		setup(nextApi) {
+			api = nextApi;
+			started = true;
+			disposed = false;
+			for (const item of pending.splice(0)) emit(item.error, item.info);
+			return () => {
+				api = void 0;
+				disposed = true;
+			};
+		},
+		capture,
+		reactComponentDidCatch(error, errorInfo) {
+			capture(error, {
+				framework: "react",
+				componentStack: errorInfo?.componentStack
+			});
+		},
+		vueErrorHandler(error, instance, info) {
+			capture(error, {
+				framework: "vue",
+				componentName: instanceComponentName(instance),
+				info
+			});
+		},
+		solidErrorHandler(error) {
+			capture(error, { framework: "solid" });
+		},
+		svelteErrorHandler(error, info) {
+			capture(error, normalizeFrameworkInfo(info, "svelte"));
+		}
+	};
+}
+//#endregion
+export { captureFrameworkErrorsIntegration };
+
+//# sourceMappingURL=framework-error-integration.js.map

package/dist/framework-error-integration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"framework-error-integration.js","names":[],"sources":["../src/framework-error-integration.ts"],"sourcesContent":["import {\n  normalizeValue,\n  type Integration,\n  type IntegrationSetupContext,\n  type LoggerLevel,\n} from \"@loggerjs/core\";\n\nexport type BrowserFrameworkName = \"angular\" | \"react\" | \"solid\" | \"svelte\" | \"vue\" | string;\n\nexport interface BrowserFrameworkErrorInfo {\n  framework?: BrowserFrameworkName;\n  componentName?: string;\n  componentStack?: string;\n  info?: unknown;\n  props?: Record<string, unknown>;\n  [key: string]: unknown;\n}\n\nexport interface CaptureFrameworkErrorsOptions {\n  name?: string;\n  framework?: BrowserFrameworkName;\n  level?: LoggerLevel;\n  maxPending?: number;\n  infoMaxDepth?: number;\n  getMessage?: (error: unknown, info: BrowserFrameworkErrorInfo) => string;\n}\n\nexport interface BrowserFrameworkErrorIntegration extends Integration {\n  capture: (error: unknown, info?: BrowserFrameworkErrorInfo | string) => void;\n  reactComponentDidCatch: (error: unknown, errorInfo?: { componentStack?: string }) => void;\n  vueErrorHandler: (error: unknown, instance?: unknown, info?: string) => void;\n  solidErrorHandler: (error: unknown) => void;\n  svelteErrorHandler: (error: unknown, info?: BrowserFrameworkErrorInfo | string) => void;\n}\n\ninterface PendingFrameworkError {\n  error: unknown;\n  info?: BrowserFrameworkErrorInfo | string;\n}\n\nfunction errorMessage(error: unknown): string {\n  return error instanceof Error ? error.message : \"Framework error\";\n}\n\nfunction instanceComponentName(instance: unknown): string | undefined {\n  const record = instance as\n    | {\n        constructor?: { name?: string };\n        $options?: { name?: string };\n        type?: { name?: string; displayName?: string };\n      }\n    | undefined;\n  return (\n    record?.$options?.name ??\n    record?.type?.displayName ??\n    record?.type?.name ??\n    record?.constructor?.name\n  );\n}\n\nfunction normalizeFrameworkInfo(\n  input: BrowserFrameworkErrorInfo | string | undefined,\n  fallbackFramework: BrowserFrameworkName,\n): BrowserFrameworkErrorInfo {\n  if (typeof input === \"string\") return { framework: fallbackFramework, info: input };\n  return { framework: fallbackFramework, ...input };\n}\n\nexport function captureFrameworkErrorsIntegration(\n  options: CaptureFrameworkErrorsOptions = {},\n): BrowserFrameworkErrorIntegration {\n  const integrationName = options.name ?? \"capture-framework-errors\";\n  const fallbackFramework = options.framework ?? \"framework\";\n  const level = options.level ?? \"error\";\n  const maxPending = Math.max(0, Math.floor(options.maxPending ?? 10));\n  const infoMaxDepth = options.infoMaxDepth ?? 6;\n  const pending: PendingFrameworkError[] = [];\n  let api: IntegrationSetupContext | undefined;\n  let started = false;\n  let disposed = false;\n\n  const emit = (error: unknown, rawInfo?: BrowserFrameworkErrorInfo | string) => {\n    const info = normalizeFrameworkInfo(rawInfo, fallbackFramework);\n    const message = options.getMessage?.(error, info) ?? errorMessage(error);\n    api?.capture({\n      level,\n      message,\n      error,\n      props: {\n        browser: {\n          kind: \"framework-error\",\n          framework: info.framework,\n          componentName: info.componentName,\n          componentStack: info.componentStack,\n          info: normalizeValue(info.info, { maxDepth: infoMaxDepth, maxObjectKeys: 80 }),\n          props: normalizeValue(info.props, { maxDepth: infoMaxDepth, maxObjectKeys: 80 }),\n        },\n      },\n    });\n  };\n\n  const capture = (error: unknown, info?: BrowserFrameworkErrorInfo | string) => {\n    if (api) {\n      emit(error, info);\n      return;\n    }\n    if (started || disposed || pending.length >= maxPending) return;\n    pending.push({ error, info });\n  };\n\n  const integration: BrowserFrameworkErrorIntegration = {\n    name: integrationName,\n    setup(nextApi) {\n      api = nextApi;\n      started = true;\n      disposed = false;\n      for (const item of pending.splice(0)) emit(item.error, item.info);\n      return () => {\n        api = undefined;\n        disposed = true;\n      };\n    },\n    capture,\n    reactComponentDidCatch(error, errorInfo) {\n      capture(error, {\n        framework: \"react\",\n        componentStack: errorInfo?.componentStack,\n      });\n    },\n    vueErrorHandler(error, instance, info) {\n      capture(error, {\n        framework: \"vue\",\n        componentName: instanceComponentName(instance),\n        info,\n      });\n    },\n    solidErrorHandler(error) {\n      capture(error, { framework: \"solid\" });\n    },\n    svelteErrorHandler(error, info) {\n      capture(error, normalizeFrameworkInfo(info, \"svelte\"));\n    },\n  };\n\n  return integration;\n}\n"],"mappings":";;AAwCA,SAAS,aAAa,OAAwB;CAC5C,OAAO,iBAAiB,QAAQ,MAAM,UAAU;AAClD;AAEA,SAAS,sBAAsB,UAAuC;CACpE,MAAM,SAAS;CAOf,OACE,QAAQ,UAAU,QAClB,QAAQ,MAAM,eACd,QAAQ,MAAM,QACd,QAAQ,aAAa;AAEzB;AAEA,SAAS,uBACP,OACA,mBAC2B;CAC3B,IAAI,OAAO,UAAU,UAAU,OAAO;EAAE,WAAW;EAAmB,MAAM;CAAM;CAClF,OAAO;EAAE,WAAW;EAAmB,GAAG;CAAM;AAClD;AAEA,SAAgB,kCACd,UAAyC,CAAC,GACR;CAClC,MAAM,kBAAkB,QAAQ,QAAQ;CACxC,MAAM,oBAAoB,QAAQ,aAAa;CAC/C,MAAM,QAAQ,QAAQ,SAAS;CAC/B,MAAM,aAAa,KAAK,IAAI,GAAG,KAAK,MAAM,QAAQ,cAAc,EAAE,CAAC;CACnE,MAAM,eAAe,QAAQ,gBAAgB;CAC7C,MAAM,UAAmC,CAAC;CAC1C,IAAI;CACJ,IAAI,UAAU;CACd,IAAI,WAAW;CAEf,MAAM,QAAQ,OAAgB,YAAiD;EAC7E,MAAM,OAAO,uBAAuB,SAAS,iBAAiB;EAC9D,MAAM,UAAU,QAAQ,aAAa,OAAO,IAAI,KAAK,aAAa,KAAK;EACvE,KAAK,QAAQ;GACX;GACA;GACA;GACA,OAAO,EACL,SAAS;IACP,MAAM;IACN,WAAW,KAAK;IAChB,eAAe,KAAK;IACpB,gBAAgB,KAAK;IACrB,MAAM,eAAe,KAAK,MAAM;KAAE,UAAU;KAAc,eAAe;IAAG,CAAC;IAC7E,OAAO,eAAe,KAAK,OAAO;KAAE,UAAU;KAAc,eAAe;IAAG,CAAC;GACjF,EACF;EACF,CAAC;CACH;CAEA,MAAM,WAAW,OAAgB,SAA8C;EAC7E,IAAI,KAAK;GACP,KAAK,OAAO,IAAI;GAChB;EACF;EACA,IAAI,WAAW,YAAY,QAAQ,UAAU,YAAY;EACzD,QAAQ,KAAK;GAAE;GAAO;EAAK,CAAC;CAC9B;CAoCA,OAAO;EAjCL,MAAM;EACN,MAAM,SAAS;GACb,MAAM;GACN,UAAU;GACV,WAAW;GACX,KAAK,MAAM,QAAQ,QAAQ,OAAO,CAAC,GAAG,KAAK,KAAK,OAAO,KAAK,IAAI;GAChE,aAAa;IACX,MAAM,KAAA;IACN,WAAW;GACb;EACF;EACA;EACA,uBAAuB,OAAO,WAAW;GACvC,QAAQ,OAAO;IACb,WAAW;IACX,gBAAgB,WAAW;GAC7B,CAAC;EACH;EACA,gBAAgB,OAAO,UAAU,MAAM;GACrC,QAAQ,OAAO;IACb,WAAW;IACX,eAAe,sBAAsB,QAAQ;IAC7C;GACF,CAAC;EACH;EACA,kBAAkB,OAAO;GACvB,QAAQ,OAAO,EAAE,WAAW,QAAQ,CAAC;EACvC;EACA,mBAAmB,OAAO,MAAM;GAC9B,QAAQ,OAAO,uBAAuB,MAAM,QAAQ,CAAC;EACvD;CAGe;AACnB"}

package/dist/framework-router-integrations.cjs

@@ -0,0 +1,88 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+let _loggerjs_core = require("@loggerjs/core");
+//#region src/framework-router-integrations.ts
+function routePath(input) {
+	if (typeof input === "string") return input;
+	if (input && typeof input === "object") {
+		const route = input;
+		if (typeof route.fullPath === "string") return route.fullPath;
+		if (typeof route.pathname === "string") return route.pathname;
+		if (typeof route.path === "string") return route.path;
+		if (route.location) return routePath(route.location);
+	}
+	return "";
+}
+function emitRouteChange(api, framework, level, to, from, options) {
+	const sanitize = options.sanitizeUrl;
+	const toPath = sanitize ? sanitize(routePath(to)) : routePath(to);
+	const fromPath = from === void 0 ? void 0 : sanitize ? sanitize(routePath(from)) : routePath(from);
+	api.capture({
+		level,
+		message: `${framework} route ${toPath}`,
+		props: { browser: {
+			kind: "framework-route-change",
+			framework,
+			route: {
+				to: toPath,
+				from: fromPath,
+				state: options.includeState ? (0, _loggerjs_core.normalizeValue)(to, { maxDepth: 4 }) : void 0
+			}
+		} }
+	});
+}
+function nextRouterIntegration(options) {
+	const level = options.level ?? "info";
+	return {
+		name: "next-router",
+		setup(api) {
+			const router = options.router;
+			if (!router.events?.on || !router.events.off) return;
+			const onRoute = api.guard((url) => emitRouteChange(api, "next", level, url, router.asPath, options));
+			router.events.on("routeChangeComplete", onRoute);
+			router.events.on("hashChangeComplete", onRoute);
+			return () => {
+				router.events?.off?.("routeChangeComplete", onRoute);
+				router.events?.off?.("hashChangeComplete", onRoute);
+			};
+		}
+	};
+}
+function reactRouterIntegration(options) {
+	const level = options.level ?? "info";
+	return {
+		name: "react-router",
+		setup(api) {
+			let previous = options.history.location;
+			const dispose = options.history.listen?.(api.guard((update) => {
+				const next = update?.location ?? update;
+				emitRouteChange(api, "react-router", level, next, previous, options);
+				previous = next;
+			}));
+			return typeof dispose === "function" ? dispose : void 0;
+		}
+	};
+}
+function vueRouterIntegration(options) {
+	const level = options.level ?? "info";
+	const framework = options.framework ?? "vue-router";
+	return {
+		name: framework,
+		setup(api) {
+			const dispose = options.router.afterEach?.(api.guard((to, from) => emitRouteChange(api, framework, level, to, from, options)));
+			return typeof dispose === "function" ? dispose : void 0;
+		}
+	};
+}
+function nuxtRouterIntegration(options) {
+	return vueRouterIntegration({
+		...options,
+		framework: "nuxt"
+	});
+}
+//#endregion
+exports.nextRouterIntegration = nextRouterIntegration;
+exports.nuxtRouterIntegration = nuxtRouterIntegration;
+exports.reactRouterIntegration = reactRouterIntegration;
+exports.vueRouterIntegration = vueRouterIntegration;
+
+//# sourceMappingURL=framework-router-integrations.cjs.map

package/dist/framework-router-integrations.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"framework-router-integrations.cjs","names":[],"sources":["../src/framework-router-integrations.ts"],"sourcesContent":["import {\n  normalizeValue,\n  type Integration,\n  type IntegrationSetupContext,\n  type LoggerLevel,\n} from \"@loggerjs/core\";\n\nexport interface FrameworkRouterIntegrationOptions {\n  level?: LoggerLevel;\n  sanitizeUrl?: (url: string) => string;\n  includeState?: boolean;\n}\n\nexport interface NextRouterLike {\n  asPath?: string;\n  events?: {\n    on?: (event: string, listener: (url: string) => void) => void;\n    off?: (event: string, listener: (url: string) => void) => void;\n  };\n}\n\nexport interface ReactRouterHistoryLike {\n  location?: unknown;\n  listen?: (listener: (update: unknown) => void) => void | (() => void);\n}\n\nexport interface VueRouterLike {\n  currentRoute?: unknown;\n  afterEach?: (listener: (to: unknown, from: unknown) => void) => void | (() => void);\n}\n\nexport interface NextRouterIntegrationOptions extends FrameworkRouterIntegrationOptions {\n  router: NextRouterLike;\n}\n\nexport interface ReactRouterIntegrationOptions extends FrameworkRouterIntegrationOptions {\n  history: ReactRouterHistoryLike;\n}\n\nexport interface VueRouterIntegrationOptions extends FrameworkRouterIntegrationOptions {\n  router: VueRouterLike;\n  framework?: \"vue-router\" | \"nuxt\";\n}\n\nfunction routePath(input: unknown): string {\n  if (typeof input === \"string\") return input;\n  if (input && typeof input === \"object\") {\n    const route = input as {\n      fullPath?: string;\n      pathname?: string;\n      path?: string;\n      location?: unknown;\n    };\n    if (typeof route.fullPath === \"string\") return route.fullPath;\n    if (typeof route.pathname === \"string\") return route.pathname;\n    if (typeof route.path === \"string\") return route.path;\n    if (route.location) return routePath(route.location);\n  }\n  return \"\";\n}\n\nfunction emitRouteChange(\n  api: IntegrationSetupContext,\n  framework: string,\n  level: LoggerLevel,\n  to: unknown,\n  from: unknown,\n  options: FrameworkRouterIntegrationOptions,\n) {\n  const sanitize = options.sanitizeUrl;\n  const toPath = sanitize ? sanitize(routePath(to)) : routePath(to);\n  const fromPath =\n    from === undefined ? undefined : sanitize ? sanitize(routePath(from)) : routePath(from);\n  api.capture({\n    level,\n    message: `${framework} route ${toPath}`,\n    props: {\n      browser: {\n        kind: \"framework-route-change\",\n        framework,\n        route: {\n          to: toPath,\n          from: fromPath,\n          state: options.includeState ? normalizeValue(to, { maxDepth: 4 }) : undefined,\n        },\n      },\n    },\n  });\n}\n\nexport function nextRouterIntegration(options: NextRouterIntegrationOptions): Integration {\n  const level = options.level ?? \"info\";\n  return {\n    name: \"next-router\",\n    setup(api) {\n      const router = options.router;\n      if (!router.events?.on || !router.events.off) return;\n      const onRoute = api.guard((url: string) =>\n        emitRouteChange(api, \"next\", level, url, router.asPath, options),\n      );\n      router.events.on(\"routeChangeComplete\", onRoute);\n      router.events.on(\"hashChangeComplete\", onRoute);\n      return () => {\n        router.events?.off?.(\"routeChangeComplete\", onRoute);\n        router.events?.off?.(\"hashChangeComplete\", onRoute);\n      };\n    },\n  };\n}\n\nexport function reactRouterIntegration(options: ReactRouterIntegrationOptions): Integration {\n  const level = options.level ?? \"info\";\n  return {\n    name: \"react-router\",\n    setup(api) {\n      let previous = options.history.location;\n      const dispose = options.history.listen?.(\n        api.guard((update: unknown) => {\n          const next = (update as { location?: unknown })?.location ?? update;\n          emitRouteChange(api, \"react-router\", level, next, previous, options);\n          previous = next;\n        }),\n      );\n      return typeof dispose === \"function\" ? dispose : undefined;\n    },\n  };\n}\n\nexport function vueRouterIntegration(options: VueRouterIntegrationOptions): Integration {\n  const level = options.level ?? \"info\";\n  const framework = options.framework ?? \"vue-router\";\n  return {\n    name: framework,\n    setup(api) {\n      const dispose = options.router.afterEach?.(\n        api.guard((to: unknown, from: unknown) =>\n          emitRouteChange(api, framework, level, to, from, options),\n        ),\n      );\n      return typeof dispose === \"function\" ? dispose : undefined;\n    },\n  };\n}\n\nexport function nuxtRouterIntegration(\n  options: Omit<VueRouterIntegrationOptions, \"framework\">,\n): Integration {\n  return vueRouterIntegration({ ...options, framework: \"nuxt\" });\n}\n"],"mappings":";;;AA4CA,SAAS,UAAU,OAAwB;CACzC,IAAI,OAAO,UAAU,UAAU,OAAO;CACtC,IAAI,SAAS,OAAO,UAAU,UAAU;EACtC,MAAM,QAAQ;EAMd,IAAI,OAAO,MAAM,aAAa,UAAU,OAAO,MAAM;EACrD,IAAI,OAAO,MAAM,aAAa,UAAU,OAAO,MAAM;EACrD,IAAI,OAAO,MAAM,SAAS,UAAU,OAAO,MAAM;EACjD,IAAI,MAAM,UAAU,OAAO,UAAU,MAAM,QAAQ;CACrD;CACA,OAAO;AACT;AAEA,SAAS,gBACP,KACA,WACA,OACA,IACA,MACA,SACA;CACA,MAAM,WAAW,QAAQ;CACzB,MAAM,SAAS,WAAW,SAAS,UAAU,EAAE,CAAC,IAAI,UAAU,EAAE;CAChE,MAAM,WACJ,SAAS,KAAA,IAAY,KAAA,IAAY,WAAW,SAAS,UAAU,IAAI,CAAC,IAAI,UAAU,IAAI;CACxF,IAAI,QAAQ;EACV;EACA,SAAS,GAAG,UAAU,SAAS;EAC/B,OAAO,EACL,SAAS;GACP,MAAM;GACN;GACA,OAAO;IACL,IAAI;IACJ,MAAM;IACN,OAAO,QAAQ,gBAAA,GAAA,eAAA,eAAA,CAA8B,IAAI,EAAE,UAAU,EAAE,CAAC,IAAI,KAAA;GACtE;EACF,EACF;CACF,CAAC;AACH;AAEA,SAAgB,sBAAsB,SAAoD;CACxF,MAAM,QAAQ,QAAQ,SAAS;CAC/B,OAAO;EACL,MAAM;EACN,MAAM,KAAK;GACT,MAAM,SAAS,QAAQ;GACvB,IAAI,CAAC,OAAO,QAAQ,MAAM,CAAC,OAAO,OAAO,KAAK;GAC9C,MAAM,UAAU,IAAI,OAAO,QACzB,gBAAgB,KAAK,QAAQ,OAAO,KAAK,OAAO,QAAQ,OAAO,CACjE;GACA,OAAO,OAAO,GAAG,uBAAuB,OAAO;GAC/C,OAAO,OAAO,GAAG,sBAAsB,OAAO;GAC9C,aAAa;IACX,OAAO,QAAQ,MAAM,uBAAuB,OAAO;IACnD,OAAO,QAAQ,MAAM,sBAAsB,OAAO;GACpD;EACF;CACF;AACF;AAEA,SAAgB,uBAAuB,SAAqD;CAC1F,MAAM,QAAQ,QAAQ,SAAS;CAC/B,OAAO;EACL,MAAM;EACN,MAAM,KAAK;GACT,IAAI,WAAW,QAAQ,QAAQ;GAC/B,MAAM,UAAU,QAAQ,QAAQ,SAC9B,IAAI,OAAO,WAAoB;IAC7B,MAAM,OAAQ,QAAmC,YAAY;IAC7D,gBAAgB,KAAK,gBAAgB,OAAO,MAAM,UAAU,OAAO;IACnE,WAAW;GACb,CAAC,CACH;GACA,OAAO,OAAO,YAAY,aAAa,UAAU,KAAA;EACnD;CACF;AACF;AAEA,SAAgB,qBAAqB,SAAmD;CACtF,MAAM,QAAQ,QAAQ,SAAS;CAC/B,MAAM,YAAY,QAAQ,aAAa;CACvC,OAAO;EACL,MAAM;EACN,MAAM,KAAK;GACT,MAAM,UAAU,QAAQ,OAAO,YAC7B,IAAI,OAAO,IAAa,SACtB,gBAAgB,KAAK,WAAW,OAAO,IAAI,MAAM,OAAO,CAC1D,CACF;GACA,OAAO,OAAO,YAAY,aAAa,UAAU,KAAA;EACnD;CACF;AACF;AAEA,SAAgB,sBACd,SACa;CACb,OAAO,qBAAqB;EAAE,GAAG;EAAS,WAAW;CAAO,CAAC;AAC/D"}

package/dist/framework-router-integrations.js

@@ -0,0 +1,84 @@
+import { normalizeValue } from "@loggerjs/core";
+//#region src/framework-router-integrations.ts
+function routePath(input) {
+	if (typeof input === "string") return input;
+	if (input && typeof input === "object") {
+		const route = input;
+		if (typeof route.fullPath === "string") return route.fullPath;
+		if (typeof route.pathname === "string") return route.pathname;
+		if (typeof route.path === "string") return route.path;
+		if (route.location) return routePath(route.location);
+	}
+	return "";
+}
+function emitRouteChange(api, framework, level, to, from, options) {
+	const sanitize = options.sanitizeUrl;
+	const toPath = sanitize ? sanitize(routePath(to)) : routePath(to);
+	const fromPath = from === void 0 ? void 0 : sanitize ? sanitize(routePath(from)) : routePath(from);
+	api.capture({
+		level,
+		message: `${framework} route ${toPath}`,
+		props: { browser: {
+			kind: "framework-route-change",
+			framework,
+			route: {
+				to: toPath,
+				from: fromPath,
+				state: options.includeState ? normalizeValue(to, { maxDepth: 4 }) : void 0
+			}
+		} }
+	});
+}
+function nextRouterIntegration(options) {
+	const level = options.level ?? "info";
+	return {
+		name: "next-router",
+		setup(api) {
+			const router = options.router;
+			if (!router.events?.on || !router.events.off) return;
+			const onRoute = api.guard((url) => emitRouteChange(api, "next", level, url, router.asPath, options));
+			router.events.on("routeChangeComplete", onRoute);
+			router.events.on("hashChangeComplete", onRoute);
+			return () => {
+				router.events?.off?.("routeChangeComplete", onRoute);
+				router.events?.off?.("hashChangeComplete", onRoute);
+			};
+		}
+	};
+}
+function reactRouterIntegration(options) {
+	const level = options.level ?? "info";
+	return {
+		name: "react-router",
+		setup(api) {
+			let previous = options.history.location;
+			const dispose = options.history.listen?.(api.guard((update) => {
+				const next = update?.location ?? update;
+				emitRouteChange(api, "react-router", level, next, previous, options);
+				previous = next;
+			}));
+			return typeof dispose === "function" ? dispose : void 0;
+		}
+	};
+}
+function vueRouterIntegration(options) {
+	const level = options.level ?? "info";
+	const framework = options.framework ?? "vue-router";
+	return {
+		name: framework,
+		setup(api) {
+			const dispose = options.router.afterEach?.(api.guard((to, from) => emitRouteChange(api, framework, level, to, from, options)));
+			return typeof dispose === "function" ? dispose : void 0;
+		}
+	};
+}
+function nuxtRouterIntegration(options) {
+	return vueRouterIntegration({
+		...options,
+		framework: "nuxt"
+	});
+}
+//#endregion
+export { nextRouterIntegration, nuxtRouterIntegration, reactRouterIntegration, vueRouterIntegration };
+
+//# sourceMappingURL=framework-router-integrations.js.map

package/dist/framework-router-integrations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"framework-router-integrations.js","names":[],"sources":["../src/framework-router-integrations.ts"],"sourcesContent":["import {\n  normalizeValue,\n  type Integration,\n  type IntegrationSetupContext,\n  type LoggerLevel,\n} from \"@loggerjs/core\";\n\nexport interface FrameworkRouterIntegrationOptions {\n  level?: LoggerLevel;\n  sanitizeUrl?: (url: string) => string;\n  includeState?: boolean;\n}\n\nexport interface NextRouterLike {\n  asPath?: string;\n  events?: {\n    on?: (event: string, listener: (url: string) => void) => void;\n    off?: (event: string, listener: (url: string) => void) => void;\n  };\n}\n\nexport interface ReactRouterHistoryLike {\n  location?: unknown;\n  listen?: (listener: (update: unknown) => void) => void | (() => void);\n}\n\nexport interface VueRouterLike {\n  currentRoute?: unknown;\n  afterEach?: (listener: (to: unknown, from: unknown) => void) => void | (() => void);\n}\n\nexport interface NextRouterIntegrationOptions extends FrameworkRouterIntegrationOptions {\n  router: NextRouterLike;\n}\n\nexport interface ReactRouterIntegrationOptions extends FrameworkRouterIntegrationOptions {\n  history: ReactRouterHistoryLike;\n}\n\nexport interface VueRouterIntegrationOptions extends FrameworkRouterIntegrationOptions {\n  router: VueRouterLike;\n  framework?: \"vue-router\" | \"nuxt\";\n}\n\nfunction routePath(input: unknown): string {\n  if (typeof input === \"string\") return input;\n  if (input && typeof input === \"object\") {\n    const route = input as {\n      fullPath?: string;\n      pathname?: string;\n      path?: string;\n      location?: unknown;\n    };\n    if (typeof route.fullPath === \"string\") return route.fullPath;\n    if (typeof route.pathname === \"string\") return route.pathname;\n    if (typeof route.path === \"string\") return route.path;\n    if (route.location) return routePath(route.location);\n  }\n  return \"\";\n}\n\nfunction emitRouteChange(\n  api: IntegrationSetupContext,\n  framework: string,\n  level: LoggerLevel,\n  to: unknown,\n  from: unknown,\n  options: FrameworkRouterIntegrationOptions,\n) {\n  const sanitize = options.sanitizeUrl;\n  const toPath = sanitize ? sanitize(routePath(to)) : routePath(to);\n  const fromPath =\n    from === undefined ? undefined : sanitize ? sanitize(routePath(from)) : routePath(from);\n  api.capture({\n    level,\n    message: `${framework} route ${toPath}`,\n    props: {\n      browser: {\n        kind: \"framework-route-change\",\n        framework,\n        route: {\n          to: toPath,\n          from: fromPath,\n          state: options.includeState ? normalizeValue(to, { maxDepth: 4 }) : undefined,\n        },\n      },\n    },\n  });\n}\n\nexport function nextRouterIntegration(options: NextRouterIntegrationOptions): Integration {\n  const level = options.level ?? \"info\";\n  return {\n    name: \"next-router\",\n    setup(api) {\n      const router = options.router;\n      if (!router.events?.on || !router.events.off) return;\n      const onRoute = api.guard((url: string) =>\n        emitRouteChange(api, \"next\", level, url, router.asPath, options),\n      );\n      router.events.on(\"routeChangeComplete\", onRoute);\n      router.events.on(\"hashChangeComplete\", onRoute);\n      return () => {\n        router.events?.off?.(\"routeChangeComplete\", onRoute);\n        router.events?.off?.(\"hashChangeComplete\", onRoute);\n      };\n    },\n  };\n}\n\nexport function reactRouterIntegration(options: ReactRouterIntegrationOptions): Integration {\n  const level = options.level ?? \"info\";\n  return {\n    name: \"react-router\",\n    setup(api) {\n      let previous = options.history.location;\n      const dispose = options.history.listen?.(\n        api.guard((update: unknown) => {\n          const next = (update as { location?: unknown })?.location ?? update;\n          emitRouteChange(api, \"react-router\", level, next, previous, options);\n          previous = next;\n        }),\n      );\n      return typeof dispose === \"function\" ? dispose : undefined;\n    },\n  };\n}\n\nexport function vueRouterIntegration(options: VueRouterIntegrationOptions): Integration {\n  const level = options.level ?? \"info\";\n  const framework = options.framework ?? \"vue-router\";\n  return {\n    name: framework,\n    setup(api) {\n      const dispose = options.router.afterEach?.(\n        api.guard((to: unknown, from: unknown) =>\n          emitRouteChange(api, framework, level, to, from, options),\n        ),\n      );\n      return typeof dispose === \"function\" ? dispose : undefined;\n    },\n  };\n}\n\nexport function nuxtRouterIntegration(\n  options: Omit<VueRouterIntegrationOptions, \"framework\">,\n): Integration {\n  return vueRouterIntegration({ ...options, framework: \"nuxt\" });\n}\n"],"mappings":";;AA4CA,SAAS,UAAU,OAAwB;CACzC,IAAI,OAAO,UAAU,UAAU,OAAO;CACtC,IAAI,SAAS,OAAO,UAAU,UAAU;EACtC,MAAM,QAAQ;EAMd,IAAI,OAAO,MAAM,aAAa,UAAU,OAAO,MAAM;EACrD,IAAI,OAAO,MAAM,aAAa,UAAU,OAAO,MAAM;EACrD,IAAI,OAAO,MAAM,SAAS,UAAU,OAAO,MAAM;EACjD,IAAI,MAAM,UAAU,OAAO,UAAU,MAAM,QAAQ;CACrD;CACA,OAAO;AACT;AAEA,SAAS,gBACP,KACA,WACA,OACA,IACA,MACA,SACA;CACA,MAAM,WAAW,QAAQ;CACzB,MAAM,SAAS,WAAW,SAAS,UAAU,EAAE,CAAC,IAAI,UAAU,EAAE;CAChE,MAAM,WACJ,SAAS,KAAA,IAAY,KAAA,IAAY,WAAW,SAAS,UAAU,IAAI,CAAC,IAAI,UAAU,IAAI;CACxF,IAAI,QAAQ;EACV;EACA,SAAS,GAAG,UAAU,SAAS;EAC/B,OAAO,EACL,SAAS;GACP,MAAM;GACN;GACA,OAAO;IACL,IAAI;IACJ,MAAM;IACN,OAAO,QAAQ,eAAe,eAAe,IAAI,EAAE,UAAU,EAAE,CAAC,IAAI,KAAA;GACtE;EACF,EACF;CACF,CAAC;AACH;AAEA,SAAgB,sBAAsB,SAAoD;CACxF,MAAM,QAAQ,QAAQ,SAAS;CAC/B,OAAO;EACL,MAAM;EACN,MAAM,KAAK;GACT,MAAM,SAAS,QAAQ;GACvB,IAAI,CAAC,OAAO,QAAQ,MAAM,CAAC,OAAO,OAAO,KAAK;GAC9C,MAAM,UAAU,IAAI,OAAO,QACzB,gBAAgB,KAAK,QAAQ,OAAO,KAAK,OAAO,QAAQ,OAAO,CACjE;GACA,OAAO,OAAO,GAAG,uBAAuB,OAAO;GAC/C,OAAO,OAAO,GAAG,sBAAsB,OAAO;GAC9C,aAAa;IACX,OAAO,QAAQ,MAAM,uBAAuB,OAAO;IACnD,OAAO,QAAQ,MAAM,sBAAsB,OAAO;GACpD;EACF;CACF;AACF;AAEA,SAAgB,uBAAuB,SAAqD;CAC1F,MAAM,QAAQ,QAAQ,SAAS;CAC/B,OAAO;EACL,MAAM;EACN,MAAM,KAAK;GACT,IAAI,WAAW,QAAQ,QAAQ;GAC/B,MAAM,UAAU,QAAQ,QAAQ,SAC9B,IAAI,OAAO,WAAoB;IAC7B,MAAM,OAAQ,QAAmC,YAAY;IAC7D,gBAAgB,KAAK,gBAAgB,OAAO,MAAM,UAAU,OAAO;IACnE,WAAW;GACb,CAAC,CACH;GACA,OAAO,OAAO,YAAY,aAAa,UAAU,KAAA;EACnD;CACF;AACF;AAEA,SAAgB,qBAAqB,SAAmD;CACtF,MAAM,QAAQ,QAAQ,SAAS;CAC/B,MAAM,YAAY,QAAQ,aAAa;CACvC,OAAO;EACL,MAAM;EACN,MAAM,KAAK;GACT,MAAM,UAAU,QAAQ,OAAO,YAC7B,IAAI,OAAO,IAAa,SACtB,gBAAgB,KAAK,WAAW,OAAO,IAAI,MAAM,OAAO,CAC1D,CACF;GACA,OAAO,OAAO,YAAY,aAAa,UAAU,KAAA;EACnD;CACF;AACF;AAEA,SAAgB,sBACd,SACa;CACb,OAAO,qBAAqB;EAAE,GAAG;EAAS,WAAW;CAAO,CAAC;AAC/D"}