@watchupltd/browser 1.0.0

package/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "@watchupltd/browser",
+  "version": "1.0.0",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "scripts": {
+    "build": "tsup src/index.ts --format cjs,esm --dts",
+    "dev": "tsup src/index.ts --format cjs,esm --dts --watch"
+  },
+  "dependencies": {
+    "@watchupltd/core": "file:../core"
+  },
+  "devDependencies": {
+    "tsup": "^7.0.0",
+    "typescript": "^5.0.0"
+  }
+}

package/src/index.ts

@@ -0,0 +1,70 @@
+import { IncidentClient } from '@watchupltd/core';
+import type { IncidentConfig } from '@watchupltd/core';
+
+let globalClient: IncidentClient | null = null;
+
+export interface BrowserConfig extends IncidentConfig {
+  captureConsoleErrors?: boolean;
+}
+
+export function init(config: BrowserConfig): IncidentClient {
+  if (globalClient) {
+    return globalClient;
+  }
+
+  globalClient = new IncidentClient(config);
+
+  if (typeof window !== 'undefined') {
+    setupGlobalErrorHandlers(globalClient);
+
+    if (config.captureConsoleErrors) {
+      setupConsoleCapture(globalClient);
+    }
+  }
+
+  return globalClient;
+}
+
+export function getClient(): IncidentClient | null {
+  return globalClient;
+}
+
+function setupGlobalErrorHandlers(client: IncidentClient): void {
+  window.addEventListener('error', (event) => {
+    const error = event.error || new Error(event.message);
+    client.captureError(error, {
+      extra: {
+        filename: event.filename,
+        lineno: event.lineno,
+        colno: event.colno
+      }
+    });
+  });
+
+  window.addEventListener('unhandledrejection', (event) => {
+    const error = event.reason instanceof Error 
+      ? event.reason 
+      : new Error(String(event.reason));
+    
+    client.captureError(error, {
+      tags: { type: 'unhandledrejection' }
+    });
+  });
+}
+
+function setupConsoleCapture(client: IncidentClient): void {
+  const originalError = console.error;
+  
+  console.error = (...args: any[]) => {
+    originalError.apply(console, args);
+    
+    const message = args.map(arg => 
+      typeof arg === 'object' ? JSON.stringify(arg) : String(arg)
+    ).join(' ');
+    
+    client.captureMessage(message, 'error');
+  };
+}
+
+export { IncidentClient } from '@watchupltd/core';
+export type { IncidentConfig, SeverityLevel, User, Breadcrumb } from '@watchupltd/core';

package/tsconfig.json

@@ -0,0 +1,9 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "./dist",
+    "rootDir": "./src",
+    "lib": ["ES2020", "DOM"]
+  },
+  "include": ["src/**/*"]
+}