@echoteam/signoz-react 1.0.0

package/dist/types/error/ErrorBoundary.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+interface ErrorFallbackProps {
+    error: Error;
+    resetErrorBoundary: () => void;
+}
+export interface ErrorBoundaryProps {
+    /** React children */
+    children: React.ReactNode;
+    /** Custom fallback component */
+    fallback?: React.ComponentType<ErrorFallbackProps>;
+    /** Custom error handler function */
+    onError?: (error: Error, errorInfo: React.ErrorInfo) => void;
+    /** Custom reset handler */
+    onReset?: () => void;
+    /** Apakah menampilkan reset button (default: true) */
+    showResetButton?: boolean;
+    /** Custom reset button text */
+    resetButtonText?: string;
+    /** Custom CSS class untuk fallback */
+    fallbackClassName?: string;
+}
+declare const ErrorBoundary: React.FC<ErrorBoundaryProps>;
+export default ErrorBoundary;

package/dist/types/error/ErrorPage.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+export interface ErrorPageProps {
+    /** Judul halaman error (default: "Oops!") */
+    title?: string;
+    /** Pesan error utama (default: "Terjadi kesalahan yang tidak terduga.") */
+    message?: string;
+    /** Custom render function untuk menampilkan error */
+    renderError?: (error: Error) => React.ReactNode;
+    /** Custom CSS class untuk container */
+    className?: string;
+    /** Apakah menampilkan stack trace (default: false) */
+    showStackTrace?: boolean;
+    /** Custom action button */
+    actionButton?: React.ReactNode;
+}
+declare const ErrorPage: React.FC<ErrorPageProps>;
+export default ErrorPage;

package/dist/types/index.d.ts

@@ -0,0 +1,3 @@
+export { default as initializeSignOzTracing, type SignOzConfig } from './tracing';
+export { default as ErrorBoundary, type ErrorBoundaryProps } from './error/ErrorBoundary';
+export { default as ErrorPage, type ErrorPageProps } from './error/ErrorPage';

package/dist/types/tracing.d.ts

@@ -0,0 +1,23 @@
+export interface SignOzConfig {
+    serviceName: string;
+    serviceVersion: string;
+    environment: string;
+    serviceNamespace: string;
+    url: string;
+    headers?: Record<string, string>;
+}
+declare global {
+    interface Window {
+        REACT_APP_SIGNOZ_SERVICE_NAME: string;
+        REACT_APP_SIGNOZ_SERVICE_VERSION: string;
+        REACT_APP_SIGNOZ_ENV: string;
+        REACT_APP_SIGNOZ_SERVICE_NAMESPACE: string;
+        REACT_APP_SIGNOZ_URL: string;
+    }
+}
+/**
+ * Inisialisasi SignOz tracing untuk aplikasi React
+ * @param config - Konfigurasi SignOz (opsional, akan menggunakan environment variables jika tidak disediakan)
+ */
+export declare function initializeSignOzTracing(config?: SignOzConfig): void;
+export default initializeSignOzTracing;

package/package.json

@@ -0,0 +1,90 @@
+{
+  "name": "@echoteam/signoz-react",
+  "private": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "version": "1.0.0",
+  "description": "SignOz React JS - Library untuk monitoring dan tracing aplikasi React menggunakan OpenTelemetry dan SignOz",
+  "main": "dist/index.js",
+  "module": "dist/index.esm.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "scripts": {
+    "build": "rollup -c",
+    "dev": "rollup -c -w",
+    "clean": "rimraf dist",
+    "prepublishOnly": "npm run clean && npm run build",
+    "test": "jest",
+    "lint": "eslint src --ext .js,.jsx,.ts,.tsx",
+    "format": "prettier --write \"src/**/*.{js,jsx,ts,tsx}\""
+  },
+  "keywords": [
+    "signoz",
+    "react",
+    "opentelemetry",
+    "monitoring",
+    "tracing",
+    "observability",
+    "apm",
+    "javascript",
+    "typescript"
+  ],
+  "author": "CODR Team",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://gitlab.echoteam.tech/codr/package/signoz-react-js.git"
+  },
+  "bugs": {
+    "url": "https://gitlab.echoteam.tech/codr/package/signoz-react-js/-/issues"
+  },
+  "homepage": "https://gitlab.echoteam.tech/codr/package/signoz-react-js",
+  "peerDependencies": {
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0"
+  },
+  "dependencies": {
+    "@opentelemetry/api": "^1.7.0",
+    "@opentelemetry/auto-instrumentations-web": "^0.40.0",
+    "@opentelemetry/context-zone": "^1.21.0",
+    "@opentelemetry/exporter-trace-otlp-http": "^0.48.0",
+    "@opentelemetry/instrumentation": "^0.48.0",
+    "@opentelemetry/resources": "^1.21.0",
+    "@opentelemetry/sdk-trace-base": "^1.21.0",
+    "@opentelemetry/sdk-trace-web": "^1.21.0",
+    "react-error-boundary": "^4.0.11"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.23.0",
+    "@babel/preset-env": "^7.23.0",
+    "@babel/preset-react": "^7.22.0",
+    "@babel/preset-typescript": "^7.23.0",
+    "@rollup/plugin-babel": "^6.0.0",
+    "@rollup/plugin-commonjs": "^25.0.0",
+    "@rollup/plugin-json": "^6.1.0",
+    "@rollup/plugin-node-resolve": "^15.0.0",
+    "@rollup/plugin-typescript": "^11.0.0",
+    "@types/react": "^18.2.0",
+    "@types/react-dom": "^18.2.0",
+    "@types/react-router-dom": "^5.3.3",
+    "eslint": "^8.50.0",
+    "jest": "^29.7.0",
+    "prettier": "^3.0.0",
+    "react-router-dom": "^7.6.2",
+    "rimraf": "^5.0.0",
+    "rollup": "^4.0.0",
+    "rollup-plugin-dts": "^6.0.0",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "tslib": "^2.8.1",
+    "typescript": "^5.2.0"
+  },
+  "engines": {
+    "node": ">=14.0.0",
+    "npm": ">=6.0.0"
+  }
+}