kmind-apm-web-next 0.1.0

package/dist/index.d.ts

@@ -0,0 +1,22 @@
+import { Component, ReactNode, ErrorInfo } from 'react';
+import { KmindConfig } from 'kmind-apm-web';
+
+declare function initKmindNext(config?: Partial<KmindConfig>): void;
+declare function KmindNextNavigation(): null;
+declare class KmindNextErrorBoundary extends Component<{
+    children: ReactNode;
+    fallback?: ReactNode;
+}, {
+    failed: boolean;
+}> {
+    state: {
+        failed: boolean;
+    };
+    static getDerivedStateFromError(): {
+        failed: boolean;
+    };
+    componentDidCatch(error: Error, info: ErrorInfo): void;
+    render(): ReactNode;
+}
+
+export { KmindNextErrorBoundary, KmindNextNavigation, initKmindNext };

package/dist/index.js

@@ -0,0 +1,44 @@
+"use client";
+
+// src/index.tsx
+import { Component, useEffect } from "react";
+import { init, logger, recordMetric } from "kmind-apm-web";
+function initKmindNext(config = {}) {
+  init({ serviceName: config.serviceName ?? process.env.NEXT_PUBLIC_KMIND_SERVICE_NAME ?? "next-app", clientKey: config.clientKey ?? process.env.NEXT_PUBLIC_KMIND_CLIENT_KEY ?? "", endpoint: config.endpoint ?? process.env.NEXT_PUBLIC_KMIND_ENDPOINT, statusEndpoint: config.statusEndpoint ?? process.env.NEXT_PUBLIC_KMIND_STATUS_ENDPOINT, ...config });
+}
+function KmindNextNavigation() {
+  useEffect(() => {
+    const notify = () => recordMetric("navigation.route_change", 1, { route: location.pathname });
+    const original = history.pushState;
+    history.pushState = function(...args) {
+      original.apply(this, args);
+      notify();
+    };
+    addEventListener("popstate", notify);
+    return () => {
+      history.pushState = original;
+      removeEventListener("popstate", notify);
+    };
+  }, []);
+  return null;
+}
+var KmindNextErrorBoundary = class extends Component {
+  constructor() {
+    super(...arguments);
+    this.state = { failed: false };
+  }
+  static getDerivedStateFromError() {
+    return { failed: true };
+  }
+  componentDidCatch(error, info) {
+    logger.error(error.message, { "exception.stacktrace": error.stack ?? "", "next.component_stack": info.componentStack });
+  }
+  render() {
+    return this.state.failed ? this.props.fallback ?? null : this.props.children;
+  }
+};
+export {
+  KmindNextErrorBoundary,
+  KmindNextNavigation,
+  initKmindNext
+};

package/package.json

@@ -0,0 +1,12 @@
+{
+  "name": "kmind-apm-web-next",
+  "version": "0.1.0",
+  "type": "module",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": { ".": { "types": "./dist/index.d.ts", "import": "./dist/index.js" } },
+  "scripts": { "build": "tsup" },
+  "dependencies": { "kmind-apm-web": "*" },
+  "peerDependencies": { "next": ">=13", "react": ">=18" },
+  "devDependencies": { "@types/node": "^22.15.3", "@types/react": "^19.1.2", "react": "^19.1.0", "tsup": "^8.5.0", "typescript": "^5.8.3" }
+}

package/src/index.tsx

@@ -0,0 +1,17 @@
+"use client";
+import { Component, type ErrorInfo, type ReactNode, useEffect } from "react";
+import { init, logger, recordMetric, type KmindConfig } from "kmind-apm-web";
+
+export function initKmindNext(config: Partial<KmindConfig> = {}): void {
+  init({ serviceName: config.serviceName ?? process.env.NEXT_PUBLIC_KMIND_SERVICE_NAME ?? "next-app", clientKey: config.clientKey ?? process.env.NEXT_PUBLIC_KMIND_CLIENT_KEY ?? "", endpoint: config.endpoint ?? process.env.NEXT_PUBLIC_KMIND_ENDPOINT, statusEndpoint: config.statusEndpoint ?? process.env.NEXT_PUBLIC_KMIND_STATUS_ENDPOINT, ...config });
+}
+export function KmindNextNavigation(): null {
+  useEffect(() => { const notify = () => recordMetric("navigation.route_change", 1, { route: location.pathname }); const original = history.pushState; history.pushState = function(...args) { original.apply(this, args); notify(); }; addEventListener("popstate", notify); return () => { history.pushState = original; removeEventListener("popstate", notify); }; }, []);
+  return null;
+}
+export class KmindNextErrorBoundary extends Component<{ children: ReactNode; fallback?: ReactNode }, { failed: boolean }> {
+  state = { failed: false };
+  static getDerivedStateFromError() { return { failed: true }; }
+  componentDidCatch(error: Error, info: ErrorInfo) { logger.error(error.message, { "exception.stacktrace": error.stack ?? "", "next.component_stack": info.componentStack }); }
+  render() { return this.state.failed ? this.props.fallback ?? null : this.props.children; }
+}

package/tsconfig.json

@@ -0,0 +1 @@
+{ "compilerOptions": { "target": "ES2020", "module": "ESNext", "moduleResolution": "Bundler", "strict": true, "jsx": "react-jsx", "declaration": true, "lib": ["DOM", "ES2020"], "types": ["node"], "skipLibCheck": true }, "include": ["src"] }

package/tsup.config.ts

@@ -0,0 +1,2 @@
+import { defineConfig } from "tsup";
+export default defineConfig({ entry: ["src/index.tsx"], format: ["esm"], dts: true, target: "es2020", clean: true, external: ["react", "react/jsx-runtime", "next", "kmind-apm-web"] });